@sepveneto/dao 0.1.2 → 0.1.4

package/dist/dao.js

@@ -71,288 +71,298 @@ var Matrix = class n {
 function nextPow2(n) {
 	return n += n === 0 ? 1 : 0, --n, n |= n >>> 1, n |= n >>> 2, n |= n >>> 4, n |= n >>> 8, n |= n >>> 16, n + 1;
 }
-const CanvasPool = new class {
-	constructor() {
-		this._canvasPool = Object.create(null);
+var FederatedEvent = class {
+	constructor(n) {
+		this.system = n;
 	}
-	getOptimalCanvasAndContext(n, j, M = 1) {
-		let N = nextPow2(n * M - 1e-6), P = nextPow2(j * M - 1e-6), F = N << 17 + P << 1;
-		this._canvasPool[F] || (this._canvasPool[F] = []);
-		let I = this._canvasPool[F].pop();
-		if (I) return I;
-		{
-			let n = document.createElement("canvas");
-			return n.width = N, n.height = P, {
-				canvas: n,
-				context: n.getContext("2d")
-			};
-		}
+	getLocalPosition(n, j) {
+		return n.worldTransform.applyInverse(j || this.global);
 	}
-}();
-var uidCache = { default: -1 };
-function uid(n = "default") {
-	return uidCache[n] === void 0 && (uidCache[n] = -1), ++uidCache[n];
-}
-var _TextStyle, TextStyle = class n {
-	constructor(j) {
-		this.uid = uid("textStyle"), this._tick = 0;
-		let M = {
-			...n.defaultStyle,
-			...j
-		};
-		for (let n in M) {
-			let j = n;
-			this[j] = M[n];
-		}
+	composedPath() {
+		return (!this.path || this.path[this.path.length - 1] !== this.target) && (this.path = this.target ? this.system.propagationPath(this.target) : []), this.path;
 	}
-	get styleKey() {
-		return `${this.uid}-${this._tick}`;
+}, _EventSystem, PROPAGATION_LIMIT = 2048, EventSystem = class {
+	constructor(n) {
+		this.domElement = null, this.rootTarget = null, this.resolution = 1, this._allInteractiveElements = [], this._hitElements = [], this._isPointerMoveEvent = !1, this.mappingState = { trackingData: {} }, this.renderer = n, this.resolution = n.resolution, this._onPointerDown = this._onPointerDown.bind(this), this._onPointerMove = this._onPointerMove.bind(this), this._onPointerUp = this._onPointerUp.bind(this), this._onPointerOverOut = this._onPointerOverOut.bind(this), this.init();
 	}
-	get fontSize() {
-		return this._fontSize;
+	trackingData(n) {
+		return this.mappingState.trackingData[n] || (this.mappingState.trackingData[n] = {
+			pressTargetsByButton: {},
+			clicksByButton: {},
+			overTargets: null
+		}), this.mappingState.trackingData[n];
 	}
-	set fontSize(n) {
-		this._fontSize !== n && (this._fontSize = n, this.update());
+	init() {
+		let n = this.renderer.canvas;
+		this.setTargetElement(n);
 	}
-	get fill() {
-		return this._fill;
+	setTargetElement(n) {
+		this._removeEvents(), this.domElement = n, this._addEvents();
 	}
-	set fill(n) {
-		this._fill !== n && (this._fill = n, this.update());
+	dispatchEvent(n, j) {
+		if (!n.target) return;
+		let M = n.composedPath();
+		for (let N = 0; N < M.length - 1; ++N) n.currentTarget = M[N], this._notifyTarget(n, j);
+		n.currentTarget = n.target, this._notifyTarget(n, j);
 	}
-	get align() {
-		return this._align;
+	_notifyTarget(n, j) {
+		j != null || (j = n.type);
+		let M = n.currentTarget._events[j];
+		if (M) if ("fn" in M) M.once && n.target.removeListener(j, M.fn, void 0, !0), M.fn.call(M.context, n);
+		else for (let N = 0; N < M.length; ++N) {
+			let P = M[N];
+			P.once && n.target.removeListener(j, P.fn, void 0, !0), P.fn.call(P.context, n);
+		}
 	}
-	set align(n) {
-		this._align !== n && (this._align = n, this.update());
+	propagationPath(n) {
+		let j = [n];
+		for (let M = 0; M < PROPAGATION_LIMIT && (n !== this.rootTarget || n.parent); ++M) {
+			if (!n.parent) throw Error("Cannot find propagation path to disconnected target");
+			j.push(n.parent), n = n.parent;
+		}
+		return j.reverse(), j;
 	}
-	get wordWarp() {
-		return this._wordWrap;
+	_removeEvents() {
+		let n = this.domElement;
+		n && (globalThis.document.removeEventListener("pointermove", this._onPointerMove, !0), n.removeEventListener("pointerdown", this._onPointerDown, !0), n.removeEventListener("pointerleave", this._onPointerOverOut, !0), n.removeEventListener("pointerover", this._onPointerOverOut, !0), globalThis.document.removeEventListener("pointerup", this._onPointerUp, !0));
 	}
-	set wordWrap(n) {
-		this._wordWrap !== n && (this._wordWrap = n, this.update());
+	_addEvents() {
+		let n = this.domElement;
+		if (!n) return;
+		let j = n.style;
+		j && (j.touchAction = "none"), globalThis.document.addEventListener("pointermove", this._onPointerMove, !0), n.addEventListener("pointerdown", this._onPointerDown, !0), n.addEventListener("pointerleave", this._onPointerOverOut, !0), n.addEventListener("pointerover", this._onPointerOverOut, !0), globalThis.document.addEventListener("pointerup", this._onPointerUp, !0);
 	}
-	get fontFamily() {
-		return this._fontFamily;
+	_onPointerMove(n) {
+		var j;
+		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
+		this._isPointerMoveEvent = !0, this._allInteractiveElements.length = 0, this._hitElements.length = 0;
+		let M = this.createPointEvent(n);
+		this._isPointerMoveEvent = !1;
+		let N = this.trackingData(n.pointerId), P = findMountedTarget(N.overTargets);
+		if (((j = N.overTargets) == null ? void 0 : j.length) > 0 && P !== M.target) {
+			let j = this.createPointEvent(n, "pointerout", P);
+			this.dispatchEvent(j, "pointerout");
+			let N = M.composedPath();
+			if (!N.includes(P)) {
+				let j = this.createPointEvent(n, "pointerleave", P);
+				for (; j.target && !N.includes(j.target);) j.currentTarget = j.target, this._notifyTarget(j), j.target = j.target.parent;
+			}
+		}
+		if (P !== M.target) {
+			let n = "pointerover", j = this.clonePointEvent(M, n);
+			this.dispatchEvent(j, n);
+			let N = P == null ? void 0 : P.parent;
+			for (; N && N !== this.rootTarget.parent && N !== M.target;) N = N.parent;
+			if (!N || N === this.rootTarget.parent) {
+				let n = this.clonePointEvent(M, "pointerenter");
+				for (; n.target && n.target !== P && n.target !== this.rootTarget.parent;) n.currentTarget = n.target, this._notifyTarget(n), n.target = n.target.parent;
+			}
+		}
+		this.dispatchEvent(M, "pointermove");
+		let F = this._allInteractiveElements;
+		for (let n = F.length - 1; n >= 0; --n) M.currentTarget = F[n], this._notifyTarget(M, "globalpointermove");
+		this._allInteractiveElements.length = 0, this._hitElements.length = 0, N.overTargets = M.composedPath();
 	}
-	set fontFamily(n) {
-		this._fontFamily !== n && (this._fontFamily = n, this.update());
+	_onPointerDown(n) {
+		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
+		let j = this.createPointEvent(n);
+		this.dispatchEvent(j, "pointerdown");
+		let M = this.trackingData(n.pointerId);
+		M.pressTargetsByButton[n.button] = j.composedPath();
 	}
-	get leading() {
-		return this._leading;
+	_onPointerOverOut(n) {
+		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
+		let j = this.createPointEvent(n);
+		this.dispatchEvent(j, "pointerout");
 	}
-	set leading(n) {
-		this._leading !== n && (this._leading = n, this.update());
+	_onPointerUp(n) {
+		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
+		let j = n.target;
+		n.composedPath && n.composedPath().length > 1 && (j = n.composedPath()[0]);
+		let M = j === this.domElement ? "" : "outside", N = this.createPointEvent(n);
+		this.dispatchEvent(N, `pointerup${M}`);
 	}
-	get fontStyle() {
-		return this._fontStyle;
+	_isInteractive(n) {
+		return n === "static";
 	}
-	set fontStyle(n) {
-		this._fontStyle !== n && (this._fontStyle = n.toLowerCase(), this.update());
+	createPointEvent(n, j, M) {
+		var N;
+		let P = this.mapPositionToPoint(n.clientX, n.clientY);
+		n.type === "pointerleave" && (j = "pointerout");
+		let F = new FederatedEvent(this);
+		return F.type = j, F.nativeEvent = n, F.target = (N = M == null ? this.hitTest(P.x, P.y) : M) == null ? this._hitElements[0] : N, F.global = P, F;
 	}
-	get textBaseline() {
-		return this._textBaseline;
+	clonePointEvent(n, j) {
+		let M = new FederatedEvent(this);
+		return M.nativeEvent = n.nativeEvent, M.global = n.global, M.type = j == null ? n.type : j, M.path = n.composedPath().slice(), M.target = n.target, M;
 	}
-	set textBaseline(n) {
-		this._textBaseline = n, this.update();
+	mapPositionToPoint(n, j) {
+		let M = this.domElement, N = M.isConnected ? M.getBoundingClientRect() : {
+			x: 0,
+			y: 0,
+			width: M.width,
+			height: M.height,
+			left: 0,
+			top: 0
+		}, P = 1 / this.resolution, F = new Vector2();
+		return F.x = (n - N.left) * (M.width / N.width) * P, F.y = (j - N.top) * (M.height / N.height) * P, F;
 	}
-	get lineHeight() {
-		return this._lineHeight;
+	hitTest(n, j) {
+		let M = this._isPointerMoveEvent, N = this[M ? "hitTestMoveRecursive" : "hitTestRecursive"](this.rootTarget, this.rootTarget.eventMode, new Vector2(n, j));
+		return N && N[0];
 	}
-	set lineHeight(n) {
-		this._lineHeight !== n && (this._lineHeight = n, this.update());
+	_interactivePrune(n) {
+		return !n || !n.visible || n.eventMode === "none";
 	}
-	get letterSpacing() {
-		return this._letterSpacing;
+	hitTestMoveRecursive(n, j, M) {
+		let N = !1;
+		if (this._interactivePrune(n)) return;
+		let P = n.children;
+		if (P && P.length > 0) for (let F = P.length - 1; F >= 0; --F) {
+			let I = P[F], L = this.hitTestMoveRecursive(I, this._isInteractive(j) ? j : I.eventMode, M);
+			if (L) {
+				if (L.length > 0 && !L[L.length - 1].parent) continue;
+				let j = this._isInteractive(n.eventMode);
+				(L.length > 0 || j) && (j && this._allInteractiveElements.push(n), L.push(n)), this._hitElements.length === 0 && (this._hitElements = L), N = !0;
+			}
+		}
+		let F = this._isInteractive(j), I = this._isInteractive(n.eventMode);
+		if (I && this._allInteractiveElements.push(n), !(this._hitElements.length > 0)) {
+			if (N) return this._hitElements;
+			if (F && this.hitTestFn(n, M)) return I ? [n] : [];
+		}
 	}
-	set letterSpacing(n) {
-		this._letterSpacing !== n && (this._letterSpacing = n, this.update());
+	hitTestRecursive(n, j, M) {
+		let N = n.children;
+		for (let P = N.length - 1; P >= 0; P--) {
+			let F = N[P], I = this.hitTestRecursive(F, this._isInteractive(j) ? j : F.eventMode, M);
+			if (I) {
+				let j = this._isInteractive(n.eventMode);
+				return (I.length > 0 || j) && I.push(n), I;
+			}
+		}
+		let P = this._isInteractive(j), F = this._isInteractive(n.eventMode);
+		return P && this.hitTestFn(n, M) ? F ? [n] : [] : null;
 	}
-	get fontVariant() {
-		return this._fontVariant;
+	hitTestFn(n, j) {
+		if (n.hitArea) return !0;
+		if (n.containsPoint) {
+			let M = n.worldTransform.applyInverse(j);
+			return n.containsPoint(M);
+		}
+		return !1;
 	}
-	set fontVariant(n) {
-		this._fontVariant !== n && (this._fontVariant = n, this.update());
+};
+_EventSystem = EventSystem, _EventSystem.desc = { name: "events" };
+function findMountedTarget(n) {
+	if (!n) return;
+	let j = n[0];
+	for (let M = 1; M < n.length && n[M].parent === j; ++M) j = n[M];
+	return j;
+}
+function clearList(n, j) {
+	j || (j = 0);
+	for (let M = j; M < n.length && n[M]; ++M) n[M] = null;
+}
+function assignWithIgnore(n, j, M = {}) {
+	for (let N in j) !M[N] && j[N] !== void 0 && (n[N] = j[N]);
+}
+var InstructionSet = class {
+	constructor() {
+		this.instructions = [], this.instructionSize = 0;
 	}
-	get fontWeight() {
-		return this._fontWeight;
+	reset() {
+		this.instructionSize = 0;
 	}
-	set fontWeight(n) {
-		this._fontWeight !== n && (this._fontWeight = n, this.update());
-	}
-	get _fontString() {
-		return this._cachedFontString === null && (this._cachedFontString = fontStringFromTextStyle(this)), this._cachedFontString;
-	}
-	update() {
-		this._tick++, this._cachedFontString = null;
+	add(n) {
+		this.instructions[this.instructionSize++] = n;
 	}
-	destroy(n = !1) {
-		this._fill = null;
+}, RenderGroup = class {
+	constructor(n) {
+		this.worldTransform = new Matrix(), this.localTransform = new Matrix(), this.root = null, this.instructionSet = new InstructionSet(), this.structureDidChange = !0, this.renderGroupParent = null, this.renderGroupChildren = [], this.childrenToUpdate = Object.create(null), this.childrenRenderablesToUpdate = {
+			list: [],
+			index: 0
+		}, this.init(n);
 	}
-};
-_TextStyle = TextStyle, _TextStyle.defaultStyle = {
-	align: "left",
-	breakWords: !1,
-	dropShadow: null,
-	fill: "black",
-	fontFamily: "Arial",
-	fontSize: 26,
-	fontStyle: "normal",
-	fontVariant: "normal",
-	fontWeight: "normal",
-	leading: 0,
-	letterSpacing: 0,
-	lineHeight: 0,
-	padding: 0,
-	stroke: null,
-	textBaseline: "alphabetic",
-	trim: !1,
-	whiteSpace: "pre",
-	wordWrap: !1,
-	wordWrapWidth: 100
-};
-var genericFontFamilies = [
-	"serif",
-	"sans-serif",
-	"monospace",
-	"cursive",
-	"fantasy",
-	"system-ui"
-];
-function fontStringFromTextStyle(n) {
-	let j = typeof n.fontSize == "number" ? `${n.fontSize}px` : n.fontSize, M = n.fontFamily;
-	Array.isArray(n.fontFamily) || (M = n.fontFamily.split(","));
-	for (let n = M.length - 1; n >= 0; n--) {
-		let j = M[n].trim();
-		!/([\"\'])[^\'\"]+\1/.test(j) && !genericFontFamilies.includes(j) && (j = `"${j}"`), M[n] = j;
+	init(n) {
+		this.root = n;
+		let j = n.children;
+		for (let n = 0; n < j.length; ++n) this.addChild(j[n]);
 	}
-	return `${n.fontStyle} ${n.fontVariant} ${n.fontWeight} ${j} ${M.join(",")}`;
-}
-var _TextMetrics;
-const NEWLINE_MATCH_REGEX = /(?:\r\n|\r|\n)/;
-var TextMetrics = class n {
-	constructor(n, j, M, N, P, F, I, L, R) {
-		this.text = n, this.style = j, this.width = M, this.height = N, this.lines = P, this.lineWidths = F, this.lineHeight = I, this.maxLineWidth = L, this.fontProperties = R;
+	addChild(n) {
+		this.structureDidChange = !0, n.parentRenderGroup = this, n.parent === this.root ? n.relativeRenderGroupDepth = 1 : n.relativeRenderGroupDepth = n.parent.relativeRenderGroupDepth + 1, n.didChange = !0, this.onChildUpdate(n);
+		let j = n.children;
+		for (let n = 0; n < j.length; ++n) this.addChild(j[n]);
 	}
-	static get canvas() {
-		if (!n._canvas) {
-			let j;
-			try {
-				let M = new OffscreenCanvas(0, 0);
-				if (M.getContext("2d", { willReadFrequently: !0 }).measureText) return n._canvas = M, M;
-				j = createCanvas(10, 10);
-			} catch (n) {
-				j = createCanvas(10, 10);
-			}
-			n._canvas = j;
+	removeChild(n) {
+		if (this.structureDidChange = !0, n.parentRenderGroup = null, n.renderGroup) {
+			this._removeRenderGroupChild(n.renderGroup);
+			return;
 		}
-		return n._canvas;
+		let j = n.children;
+		for (let n = 0; n < j.length; ++n) this.removeChild(j[n]);
 	}
-	static get context() {
-		return n._context || (n._context = n.canvas.getContext("2d", { willReadFrequently: !0 })), n._context;
+	removeChildren(n) {
+		for (let j = 0; j < n.length; ++j) this.removeChild(n[j]);
 	}
-	static measureText(j, M) {
-		let N = `${j}-${M.styleKey}`;
-		if (n._measurementCache.has(N)) return n._measurementCache.get(N);
-		let P = M._fontString, F = n.measureFont(P);
-		F.fontSize === 0 && (F.fontSize = M.fontSize, F.ascent = M.fontSize, F.descent = 0);
-		let I = n.context;
-		I.font = P;
-		let L = j.split(NEWLINE_MATCH_REGEX), R = Array(L.length), z = 0;
-		for (let j = 0; j < L.length; ++j) {
-			let N = n._measureText(L[j], M.letterSpacing);
-			R[j] = N, z = Math.max(z, N);
-		}
-		let B = M.lineHeight || F.fontSize, V = new n(j, M, z, Math.max(B, F.fontSize + (L.length - 1) * (B + M.leading)), L, R, B, z, F);
-		return n._measurementCache.set(N, V), V;
+	_removeRenderGroupChild(n) {
+		let j = this.renderGroupChildren.indexOf(n);
+		j > -1 && this.renderGroupChildren.splice(j, 1), n.renderGroupParent = null;
 	}
-	static _measureText(j, M) {
-		var N, P;
-		let F = n.context;
-		F.letterSpacing = "0px", F.textLetterSpacing = M;
-		let I = F.measureText(j), L = I.width, R = 0;
-		L > 0 && (R = (n.graphemeSegmenter(j).length - 1) * M, L += R);
-		let z = -((N = I.actualBoundingBoxLeft) == null ? 0 : N), B = ((P = I.actualBoundingBoxRight) == null ? 0 : P) - z;
-		return I.width > 0 && (B += R), Math.max(L, B);
+	onChildViewUpdate(n) {
+		this.childrenRenderablesToUpdate.list[this.childrenRenderablesToUpdate.index++] = n;
 	}
-	static measureFont(j) {
-		var M, N;
-		if (n._fonts[j]) return n._fonts[j];
-		let P = n.context;
-		P.font = j;
-		let F = P.measureText(n.METRICS_STRING + n.BASELINE_SYMBOL), I = (M = F.actualBoundingBoxAscent) == null ? 0 : M, L = (N = F.actualBoundingBoxDescent) == null ? 0 : N, R = {
-			ascent: I,
-			descent: L,
-			fontSize: I + L
-		};
-		return n._fonts[j] = R, R;
+	onChildUpdate(n) {
+		let j = this.childrenToUpdate[n.relativeRenderGroupDepth];
+		j || (j = this.childrenToUpdate[n.relativeRenderGroupDepth] = {
+			index: 0,
+			list: []
+		}), j.list[j.index++] = n;
 	}
-};
-_TextMetrics = TextMetrics, _TextMetrics.METRICS_STRING = "|ÉqÅ", _TextMetrics.BASELINE_SYMBOL = "M", _TextMetrics._measurementCache = /* @__PURE__ */ new Map(), _TextMetrics._fonts = {}, _TextMetrics.graphemeSegmenter = (() => {
-	var n;
-	if (typeof ((n = Intl) == null ? void 0 : n.Segmenter) == "function") {
-		let n = new Intl.Segmenter();
-		return (j) => {
-			let M = n.segment(j), N = [], P = 0;
-			for (let n of M) N[P++] = n.segment;
-			return N;
-		};
+	updateRenderable(n) {
+		n.globalDisplayStatus < 7 || (this.instructionSet.renderPipes[n.renderPipeId].updateRenderable(n), n.didViewUpdate = !1);
 	}
-	return (n) => [...n];
-})();
-function createCanvas(n, j) {
-	let M = document.createElement("canvas");
-	return M.width = n, M.height = j, M;
-}
-function generateTextTexture(n) {
-	let { text: j, style: M, resolution: N = 1, padding: P = 0 } = n, F = TextMetrics.measureText(j, M), I = Math.ceil(Math.ceil(Math.max(1, F.width) + P * 2) * N), L = Math.ceil(Math.ceil(Math.max(1, F.height) + P * 2) * N), R = CanvasPool.getOptimalCanvasAndContext(I, L);
-	return renderTextToCanvas(M, N, P, R, F), {
-		canvasAndContext: R,
-		frame: new Rectangle(0, 0, I, L)
-	};
-}
-function renderTextToCanvas(n, j, M, N, P) {
-	let { context: F } = N, I = fontStringFromTextStyle(n), { lines: L, lineHeight: R, lineWidths: z, maxLineWidth: B, fontProperties: V } = P;
-	F.resetTransform(), F.scale(j, j), F.textBaseline = n.textBaseline, F.font = I;
-	let H = Math.min(0, (R - V.fontSize) / 2);
-	F.fillStyle = n.fill;
-	for (let j = 0; j < L.length; ++j) {
-		let P = getAlignmentOffset(z[j], B, n.align), F = j * R + V.ascent + H, I = 0;
-		if (n.align === "justify" && n.wordWrap && j < L.length - 1) {
-			let n = countSpaces(L[j]);
-			n > 0 && (I = (B - z[j]) / n);
-		}
-		drawLetterSpacing(L[j], n, N, P + M, F + M, !1, I);
+	destroy() {
+		this.root = null, this.childrenRenderablesToUpdate = null, this.childrenToUpdate = null, this.renderGroupChildren = null, this.instructionSet = null;
 	}
+}, uidCache = { default: -1 };
+function uid(n = "default") {
+	return uidCache[n] === void 0 && (uidCache[n] = -1), ++uidCache[n];
 }
-function getAlignmentOffset(n, j, M) {
-	return M === "right" ? j - n : M === "center" ? (j - n) / 2 : 0;
+function updateBounds(n, j, M) {
+	let { width: N, height: P } = M.orig;
+	n.minX = -j.x * N, n.minY = -j.y * P, n.maxX = n.minX + N, n.maxY = n.minY + P;
 }
-function countSpaces(n) {
-	let j = 0;
-	for (let M = 0; M < n.length; M++) n.charCodeAt(M) === 32 && j++;
-	return j;
+function applyMixins(n, ...j) {
+	for (let M of j) Object.defineProperties(n.prototype, Object.getOwnPropertyDescriptors(M));
 }
-function drawLetterSpacing(n, j, M, N, P, F = !1, I = 0) {
-	let L = M.context, R = j.letterSpacing;
-	if (R === 0 && I === 0) {
-		L.fillText(n, N, P);
-		return;
+var ObservablePoint = class {
+	constructor(n, j, M) {
+		this._x = j || 0, this._y = M || 0, this._observer = n;
 	}
-	if (I !== 0 && R === 0) {
-		let j = n.split(" "), M = N, F = L.measureText(" ").width;
-		for (let n = 0; n < j.length; ++n) L.fillText(j[n], M, P), M += L.measureText(j[n]).width + F + I;
-		return;
+	set(n = 0, j = n) {
+		return (this._x !== n || this._y !== j) && (this._x = n, this._y = j, this._observer._onUpdate(this)), this;
 	}
-	let z = N, B = TextMetrics.graphemeSegmenter(n), V = L.measureText(n).width, H = 0;
-	for (let n = 0; n < B.length; ++n) {
-		let j = B[n];
-		L.fillText(j, z, P);
-		let M = "";
-		for (let j = n + 1; j < B.length; ++j) M += B[j];
-		H = L.measureText(M).width, z += V - H + R, j === "" && (z += I), V = H;
+	get x() {
+		return this._x;
 	}
-}
+	set x(n) {
+		this._x !== n && (this._x = n, this._observer._onUpdate(this));
+	}
+	get y() {
+		return this._y;
+	}
+	set y(n) {
+		this._y !== n && (this._y = n, this._observer._onUpdate(this));
+	}
+	copyFrom(n) {
+		return (this.x !== n.x || this.y !== n.y) && (this._x = n.x, this._y = n.y, this._observer._onUpdate(this)), this;
+	}
+	toVector2() {
+		return new Vector2(this.x, this.y);
+	}
+};
+const RAD_TO_DEG = 180 / Math.PI, DEG_TO_RAD = Math.PI / 180;
 var eventemitter3_default = (/* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((n, j) => {
 	var M = Object.prototype.hasOwnProperty, N = "~";
 	function P() {}
@@ -440,945 +450,523 @@ var eventemitter3_default = (/* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJS
 		var j;
 		return n ? (j = N ? N + n : n, this._events[j] && L(this, j)) : (this._events = new P(), this._eventsCount = 0), this;
 	}, R.prototype.off = R.prototype.removeListener, R.prototype.addListener = R.prototype.on, R.prefixed = N, R.EventEmitter = R, j !== void 0 && (j.exports = R);
-})))(), 1)).default, _TextureSource, TextureSource = class n extends eventemitter3_default {
-	constructor(j) {
-		super(), this._resolution = 1, this.pixelWidth = 1, this.pixelHeight = 1, this.width = 1, this.height = 1;
-		let M = {
-			...n.defaultOptions,
-			...j
-		};
-		this.label = j.label, this.resource = M.resource, this._resolution = M.resolution, M.width ? this.pixelWidth = j.width * this._resolution : this.pixelWidth = this.resource && this.resourceWidth || 1, M.height ? this.pixelHeight = j.height * this._resolution : this.pixelHeight = this.resource && this.resourceHeight || 1, this.width = this.pixelWidth / this._resolution, this.height = this.pixelHeight / this._resolution;
+})))(), 1)).default, Bounds = class n {
+	constructor(n = Infinity, j = Infinity, M = -Infinity, N = -Infinity) {
+		this.minX = Infinity, this.minY = Infinity, this.maxX = -Infinity, this.maxY = -Infinity, this.matrix = new Matrix(), this.minX = n, this.minY = j, this.maxX = M, this.maxY = N;
 	}
-	get resolution() {
-		return this._resolution;
+	clone() {
+		return new n(this.minX, this.minY, this.maxX, this.maxY);
 	}
-	set resolution(n) {
-		this._resolution !== n && (this._resolution = n, this.width = this.pixelWidth / n, this.height = this.pixelHeight / n);
+	isEmpty() {
+		return this.minX >= this.maxX || this.minY >= this.maxY;
 	}
-	get resourceWidth() {
-		let n = this.resource;
-		return n.naturalWidth || n.width;
+	clear() {
+		this.minX = Infinity, this.minY = Infinity, this.maxX = -Infinity, this.maxY = -Infinity;
 	}
-	get resourceHeight() {
-		let n = this.resource;
-		return n.naturalHeight || n.height;
+	get width() {
+		return this.maxX - this.minX;
 	}
-	resize(n, j, M) {
-		M || (M = this._resolution), n || (n = this.width), j || (j = this.height);
-		let N = Math.round(n * M), P = Math.round(j * M);
-		return this.width = N / M, this.height = P / M, this._resolution = M, this.pixelWidth === N && this.pixelHeight === P ? !1 : (this.pixelWidth = N, this.pixelHeight = P, this.emit("resize", this), !0);
+	set width(n) {
+		this.maxX = this.minX + n;
 	}
-};
-_TextureSource = TextureSource, _TextureSource.defaultOptions = { resolution: 1 };
-var CanvasSource = class extends TextureSource {
-	constructor(n) {
-		n.resource || (n.resource = createCanvas()), n.width || (n.width = n.resource.width, n.autoDensity || (n.width /= n.resolution)), n.height || (n.height = n.resource.height, n.autoDensity || (n.height /= n.resolution)), super(n), this.autoDensity = n.autoDensity, this.resizeCanvas();
+	get height() {
+		return this.maxY - this.minY;
 	}
-	resizeCanvas() {
-		this.autoDensity && (this.resource.style.width = `${this.width}px`, this.resource.style.height = `${this.height}px`), (this.resource.width !== this.pixelWidth || this.resource.height !== this.pixelHeight) && (this.resource.width = this.pixelWidth, this.resource.height = this.pixelHeight);
+	set height(n) {
+		this.maxY = this.minY + n;
 	}
-	resize(n = this.width, j = this.height, M = this._resolution) {
-		let N = super.resize(n, j, M);
-		return N && this.resizeCanvas(), N;
+	get left() {
+		return this.minX;
 	}
-}, Texture = class {
-	constructor({ source: n, label: j, frame: M, orig: N, rotate: P } = {}) {
-		if (this.frame = new Rectangle(), this.noFrame = !1, this.label = j, this.source = n, M) this.frame.copyFrom(M);
-		else {
-			this.noFrame = !0;
-			let { width: j, height: M } = n;
-			this.frame.width = j, this.frame.height = M;
-		}
-		this.orig = N || this.frame, this.rotate = P == null ? 0 : P, this.destroyed = !1;
+	get right() {
+		return this.maxX;
 	}
-	get source() {
-		return this._source;
+	get top() {
+		return this.minY;
 	}
-	set source(n) {
-		this._source && this._source.off("resize", this.update, this), this._source = n, n.on("resize", this.update, this);
+	get bottom() {
+		return this.maxY;
 	}
-	get width() {
-		return this.orig.width;
+	get isValid() {
+		return this.minX + this.minY !== Infinity;
 	}
-	get height() {
-		return this.orig.height;
+	set(n, j, M, N) {
+		this.minX = n, this.minY = j, this.maxX = M, this.maxY = N;
 	}
-	update() {
-		this.noFrame && (this.frame.width = this._source.width, this.frame.height = this._source.height);
+	addBounds(n, j) {
+		this.addFrame(n.minX, n.minY, n.maxX, n.maxY, j);
 	}
-};
-Texture.EMPTY = new Texture({
-	label: "EMPTY",
-	source: new TextureSource({ label: "EMPTY" })
-});
-var File = class {
-	constructor(n, j) {
-		this.key = n, this.url = j;
-	}
-}, ImageFile = class extends File {
-	load() {
-		return new Promise((n, j) => {
-			let M = new Image();
-			M.onload = () => n(M), M.onerror = () => j(/* @__PURE__ */ Error(`Failed to load ${this.url}`)), M.src = this.url;
-		});
+	addRect(n, j) {
+		this.addFrame(n.x, n.y, n.width + n.x, n.height + n.y, j);
 	}
-}, Loader = class {
-	constructor() {
-		this.queue = [], this.textures = new Cache();
+	addFrame(n, j, M, N, P) {
+		P || (P = this.matrix);
+		let F = P.a, I = P.b, L = P.c, R = P.d, z = P.tx, B = P.ty;
+		updateMinMax(F * n + L * j + z, I * n + R * j + B, this), updateMinMax(F * M + L * j + z, I * M + R * j + B, this), updateMinMax(F * n + L * N + z, I * n + R * N + B, this), updateMinMax(F * M + L * N + z, I * M + R * N + B, this);
 	}
-	async image(n, j) {
-		let M = await fetch(j), N = new Texture({ source: new TextureSource({ resource: await createImageBitmap(await M.blob()) }) });
-		return this.textures.add(n, N), N;
+	get rectangle() {
+		this._rectangle || (this._rectangle = new Rectangle());
+		let n = this._rectangle;
+		return n.x = this.minX, n.y = this.minY, n.width = this.maxX - this.minX, n.height = this.maxY - this.minY, n;
 	}
-	async load() {
-		let n = this.queue.map((n) => n.load().then((j) => {
-			n instanceof ImageFile && this.textures.add(n.key, j);
-		}));
-		this.queue.length = 0, await Promise.all(n);
+	addBoundsMask(n) {
+		this.minX = this.minX > n.minX ? this.minX : n.minX, this.minY = this.minY > n.minY ? this.minY : n.minY, this.maxX = this.maxX < n.maxX ? this.maxX : n.maxX, this.maxY = this.maxY < n.maxY ? this.maxY : n.maxY;
 	}
-}, Cache = class {
-	constructor() {
-		this.map = /* @__PURE__ */ new Map();
+};
+function updateMinMax(n, j, M) {
+	n < M.minX && (M.minX = n), n > M.maxX && (M.maxX = n), j < M.minY && (M.minY = j), j > M.maxY && (M.maxY = j);
+}
+function getLocalBounds(n, j, M) {
+	return j.clear(), M || (M = new Matrix()), _getLocalBounds(n, j, M, n, !0), j.isValid || j.set(0, 0, 0, 0), j;
+}
+function _getLocalBounds(n, j, M, N, P) {
+	let F = new Matrix();
+	if (P) F.copyFrom(M);
+	else {
+		if (!n.visible || !n.measurable) return;
+		n.updateLocalTransform(), F.appendFrom(n.localTransform, M);
 	}
-	add(n, j) {
-		this.map.has(n) || this.map.set(n, j);
+	let I = j, L = !!n.effects.length;
+	if (L && (j = new Bounds()), n.boundsArea) j.addRect(n.boundsArea, F);
+	else {
+		n.renderPipeId && (j.matrix = F, j.addBounds(n.bounds));
+		let M = n.children;
+		for (let n = 0; n < M.length; n++) _getLocalBounds(M[n], j, F, N, !1);
+		if (L) {
+			for (let M = 0; M < n.effects.length; ++M) {
+				var R, z;
+				(R = (z = n.effects[M]).addLocalBounds) == null || R.call(z, j, N);
+			}
+			I.addBounds(j, new Matrix());
+		}
 	}
-	get(n) {
-		let j = this.map.get(n);
-		if (!j) throw Error(`Asset ${n} not found`);
-		return j;
+	return j;
+}
+var StencilMask = class {
+	constructor(n) {
+		this.pipe = "stencilMask", this.mask = n, n.includeInBuild = !1, n.measurable = !1;
 	}
-	has(n) {
-		return this.map.has(n);
+	addLocalBounds(n, j) {
+		let M = new Bounds();
+		this.mask.measurable = !0;
+		let N = getMatrixRelativeToParent(this.mask, j);
+		getLocalBounds(this.mask, M, N), this.mask.measurable = !1, n.addBoundsMask(M);
 	}
-	remove(n) {
-		this.map.delete(n);
+};
+function getMatrixRelativeToParent(n, j, M) {
+	return M || (M = new Matrix()), n === j ? M : (M = getMatrixRelativeToParent(n.parent, j, M), n.updateLocalTransform(), Matrix.append(M, n.localTransform));
+}
+const effectMixin = {
+	effects: [],
+	_maskEffect: null,
+	addEffect(n) {
+		this.effects.push(n), this._updateIsSimple();
+	},
+	removeEffect(n) {
+		let j = this.effects.indexOf(n);
+		j === -1 && this.effects.splice(j, 1), this._updateIsSimple();
+	},
+	set mask(n) {
+		let j = this._maskEffect;
+		n !== (j == null ? void 0 : j.mask) && (j && (this.removeEffect(j), this._maskEffect = null), n != null && (this._maskEffect = new StencilMask(n), this.addEffect(this._maskEffect)));
+	},
+	get mask() {
+		var n;
+		return (n = this._maskEffect) == null ? void 0 : n.mask;
 	}
-	clear() {
-		this.map.clear();
+}, sortMixin = {
+	_zIndex: 0,
+	sortableChildren: !1,
+	sortDirty: !1
+}, measureMixin = {
+	_localBoundsCacheData: null,
+	_localBounds: null,
+	_setWidth(n, j) {
+		let M = Math.sign(this.scale.x) || 1;
+		j === 0 ? this.scale.x = M : this.scale.x = n / j * M;
+	},
+	_setHeight(n, j) {
+		let M = Math.sign(this.scale.y) || 1;
+		j === 0 ? this.scale.y = M : this.scale.y = n / j * M;
+	},
+	getLocalBounds() {
+		return this._localBounds || (this._localBounds = new Bounds()), getLocalBounds(this, this._localBounds), this._localBounds;
 	}
-}, ResourceManager = class {
-	constructor() {
-		this.textures = new Cache(), this.loader = new Loader();
+}, childrenHelperMixin = { removeChildren(n = 0, j) {
+	let M = j == null ? this.children.length : j, N = M - n, P = [];
+	if (N > 0 && N <= M) {
+		for (let j = M - 1; j >= n; --j) {
+			let n = this.children[j];
+			n && (P.push(n), n.parent = null);
+		}
+		removeItems(this.children, n, M);
+		let j = this.renderGroup || this.parentRenderGroup;
+		return j && j.removeChildren(P), P;
+	} else if (N === 0 && this.children.length === 0) return P;
+	throw Error("removeChildren: numeric values are outside the acceptable range.");
+} };
+function removeItems(n, j, M) {
+	let N = n.length, P;
+	if (j >= N || M === 0) return;
+	M = j + M > N ? N - j : M;
+	let F = N - M;
+	for (P = j; P < F; ++P) n[P] = n[P + M];
+	n.length = F;
+}
+const UPDATE_COLOR = 1, UPDATE_BLEND = 2, UPDATE_VISIBLE = 4, UPDATE_TRANSFORM = 8;
+var defaultSkew = new ObservablePoint(null), defaultOrigin = new ObservablePoint(null), defaultScale = new ObservablePoint(null, 1, 1), defaultPivot = new ObservablePoint(null), Container = class extends eventemitter3_default {
+	constructor(n = {}) {
+		super(), this.destroyed = !1, this.renderGroup = null, this.parentRenderGroup = null, this.parent = null, this.eventMode = "passive", this.hitArea = null, this._position = new ObservablePoint(this, 0, 0), this.includeInBuild = !0, this.didChange = !1, this.didViewUpdate = !1, this.isSimple = !0, this.measurable = !0, this.relativeRenderGroupDepth = 0, this._attrUpdateTick = 0, this._localTransformUpdateTick = 0, this._updateFlags = 15, this.localDisplayStatus = 7, this.globalDisplayStatus = 7, this.children = [], this.localTransform = new Matrix(), this.relativeGroupTransform = new Matrix(), this.groupTransform = this.relativeGroupTransform, this._rotation = 0, this._cx = 1, this._sx = 0, this._cy = 0, this._sy = 1, this._skew = defaultSkew, this._scale = defaultScale, this._origin = defaultOrigin, this._pivot = defaultPivot, this.localAlpha = 1, this.groupColor = 16777215, this.localColor = 16777215, this.groupAlpha = 1, this.groupColorAlpha = 4294967295, assignWithIgnore(this, n, {
+			children: !0,
+			parent: !0,
+			effects: !0
+		}), this.effects = [];
 	}
-	async load(n) {
-		let j = n.map(async (n) => {
-			let j = await this.loader.image(n.alias, n.src);
-			return {
-				key: n.alias,
-				value: j
-			};
-		});
-		return (await Promise.all(j)).reduce((n, j) => (n[j.key] = j.value, n), {});
+	get renderable() {
+		return !!(this.localDisplayStatus & 1);
 	}
-};
-const Assets = new ResourceManager();
-var FederatedEvent = class {
-	constructor(n) {
-		this.system = n;
+	set renderable(n) {
+		let j = n ? 1 : 0;
+		(this.localDisplayStatus & 1) !== j && (this._updateFlags |= 4, this.localDisplayStatus ^= 1, this.parentRenderGroup && (this.parentRenderGroup.structureDidChange = !0), this._onUpdate());
 	}
-	getLocalPosition(n, j) {
-		return n.worldTransform.applyInverse(j || this.global);
+	get visible() {
+		return !!(this.localDisplayStatus & 2);
 	}
-	composedPath() {
-		return (!this.path || this.path[this.path.length - 1] !== this.target) && (this.path = this.target ? this.system.propagationPath(this.target) : []), this.path;
+	set visible(n) {
+		let j = n ? 2 : 0;
+		(this.localDisplayStatus & 2) !== j && (this.parentRenderGroup && (this.parentRenderGroup.structureDidChange = !0), this._updateFlags |= 4, this.localDisplayStatus ^= 2, this._onUpdate());
 	}
-}, _EventSystem, PROPAGATION_LIMIT = 2048, EventSystem = class {
-	constructor(n) {
-		this.domElement = null, this.rootTarget = null, this.resolution = 1, this._allInteractiveElements = [], this._hitElements = [], this._isPointerMoveEvent = !1, this.mappingState = { trackingData: {} }, this.renderer = n, this.resolution = n.resolution, this._onPointerDown = this._onPointerDown.bind(this), this._onPointerMove = this._onPointerMove.bind(this), this._onPointerUp = this._onPointerUp.bind(this), this._onPointerOverOut = this._onPointerOverOut.bind(this), this.init();
+	get isRenderGroup() {
+		return !!this.renderGroup;
 	}
-	trackingData(n) {
-		return this.mappingState.trackingData[n] || (this.mappingState.trackingData[n] = {
-			pressTargetsByButton: {},
-			clicksByButton: {},
-			overTargets: null
-		}), this.mappingState.trackingData[n];
+	set isRenderGroup(n) {
+		!!this.renderGroup !== n && (n ? this.enableRenderGroup() : this.disableRenderGroup());
 	}
-	init() {
-		let n = this.renderer.canvas;
-		this.setTargetElement(n);
+	get zIndex() {
+		return this._zIndex;
 	}
-	setTargetElement(n) {
-		this._removeEvents(), this.domElement = n, this._addEvents();
+	set zIndex(n) {
+		n !== this._zIndex && (this._zIndex = n, this.depthOfChildModified());
 	}
-	dispatchEvent(n, j) {
-		if (!n.target) return;
-		let M = n.composedPath();
-		for (let N = 0; N < M.length - 1; ++N) n.currentTarget = M[N], this._notifyTarget(n, j);
-		n.currentTarget = n.target, this._notifyTarget(n, j);
+	_updateIsSimple() {
+		this.isSimple = !this.renderGroup && this.effects.length == 0;
 	}
-	_notifyTarget(n, j) {
-		j != null || (j = n.type);
-		let M = n.currentTarget._events[j];
-		if (M) if ("fn" in M) M.once && n.target.removeListener(j, M.fn, void 0, !0), M.fn.call(M.context, n);
-		else for (let N = 0; N < M.length; ++N) {
-			let P = M[N];
-			P.once && n.target.removeListener(j, P.fn, void 0, !0), P.fn.call(P.context, n);
-		}
+	sortChildren() {
+		this.sortDirty && (this.sortDirty = !1, this.children.sort(sortChildren));
 	}
-	propagationPath(n) {
-		let j = [n];
-		for (let M = 0; M < PROPAGATION_LIMIT && (n !== this.rootTarget || n.parent); ++M) {
-			if (!n.parent) throw Error("Cannot find propagation path to disconnected target");
-			j.push(n.parent), n = n.parent;
-		}
-		return j.reverse(), j;
+	depthOfChildModified() {
+		this.parent && (this.parent.sortableChildren = !0, this.parent.sortDirty = !0), this.parentRenderGroup;
 	}
-	_removeEvents() {
-		let n = this.domElement;
-		n && (globalThis.document.removeEventListener("pointermove", this._onPointerMove, !0), n.removeEventListener("pointerdown", this._onPointerDown, !0), n.removeEventListener("pointerleave", this._onPointerOverOut, !0), n.removeEventListener("pointerover", this._onPointerOverOut, !0), globalThis.document.removeEventListener("pointerup", this._onPointerUp, !0));
+	enableRenderGroup() {
+		this.renderGroup || (this.renderGroup = new RenderGroup(this), this.groupTransform = new Matrix(), this._updateIsSimple());
 	}
-	_addEvents() {
-		let n = this.domElement;
-		if (!n) return;
-		let j = n.style;
-		j && (j.touchAction = "none"), globalThis.document.addEventListener("pointermove", this._onPointerMove, !0), n.addEventListener("pointerdown", this._onPointerDown, !0), n.addEventListener("pointerleave", this._onPointerOverOut, !0), n.addEventListener("pointerover", this._onPointerOverOut, !0), globalThis.document.addEventListener("pointerup", this._onPointerUp, !0);
+	disableRenderGroup() {
+		if (!this.renderGroup) return;
+		let n = this.parentRenderGroup;
+		n == null || n.removeChild(this), this.renderGroup = null, this.groupTransform = this.relativeGroupTransform, n == null || n.addChild(this), this._updateIsSimple();
 	}
-	_onPointerMove(n) {
-		var j;
-		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
-		this._isPointerMoveEvent = !0, this._allInteractiveElements.length = 0, this._hitElements.length = 0;
-		let M = this.createPointEvent(n);
-		this._isPointerMoveEvent = !1;
-		let N = this.trackingData(n.pointerId), P = findMountedTarget(N.overTargets);
-		if (((j = N.overTargets) == null ? void 0 : j.length) > 0 && P !== M.target) {
-			let j = this.createPointEvent(n, "pointerout", P);
-			this.dispatchEvent(j, "pointerout");
-			let N = M.composedPath();
-			if (!N.includes(P)) {
-				let j = this.createPointEvent(n, "pointerleave", P);
-				for (; j.target && !N.includes(j.target);) j.currentTarget = j.target, this._notifyTarget(j), j.target = j.target.parent;
-			}
+	collectRenderables(n, j) {
+		this.globalDisplayStatus < 7 || !this.includeInBuild || (this.sortableChildren && this.sortChildren(), this.isSimple ? this.collectRenderableSimple(n, j) : this.renderGroup || this.collectRenderablesWithEffects(n, j));
+	}
+	collectRenderablesWithEffects(n, j) {
+		for (let M = 0; M < this.effects.length; ++M) {
+			let N = this.effects[M];
+			n[N.pipe].push(N, j);
 		}
-		if (P !== M.target) {
-			let n = "pointerover", j = this.clonePointEvent(M, n);
-			this.dispatchEvent(j, n);
-			let N = P == null ? void 0 : P.parent;
-			for (; N && N !== this.rootTarget.parent && N !== M.target;) N = N.parent;
-			if (!N || N === this.rootTarget.parent) {
-				let n = this.clonePointEvent(M, "pointerenter");
-				for (; n.target && n.target !== P && n.target !== this.rootTarget.parent;) n.currentTarget = n.target, this._notifyTarget(n), n.target = n.target.parent;
-			}
+		this.collectRenderableSimple(n, j);
+		for (let M = 0; M < this.effects.length; ++M) {
+			let N = this.effects[M];
+			n[N.pipe].pop(N, j);
 		}
-		this.dispatchEvent(M, "pointermove");
-		let F = this._allInteractiveElements;
-		for (let n = F.length - 1; n >= 0; --n) M.currentTarget = F[n], this._notifyTarget(M, "globalpointermove");
-		this._allInteractiveElements.length = 0, this._hitElements.length = 0, N.overTargets = M.composedPath();
 	}
-	_onPointerDown(n) {
-		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
-		let j = this.createPointEvent(n);
-		this.dispatchEvent(j, "pointerdown");
-		let M = this.trackingData(n.pointerId);
-		M.pressTargetsByButton[n.button] = j.composedPath();
+	collectRenderableSimple(n, j) {
+		let M = this.children;
+		for (let N = 0; N < M.length; ++N) M[N].collectRenderables(n, j);
 	}
-	_onPointerOverOut(n) {
-		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
-		let j = this.createPointEvent(n);
-		this.dispatchEvent(j, "pointerout");
+	setFromMatrix(n) {
+		n.decompose(this);
 	}
-	_onPointerUp(n) {
-		if (this.rootTarget = this.renderer.renderedObject, !this.rootTarget) return;
-		let j = n.target;
-		n.composedPath && n.composedPath().length > 1 && (j = n.composedPath()[0]);
-		let M = j === this.domElement ? "" : "outside", N = this.createPointEvent(n);
-		this.dispatchEvent(N, `pointerup${M}`);
+	_updateSkew() {
+		let n = this.rotation, j = this.skew;
+		this._cx = Math.cos(n + j.y), this._sx = Math.sin(n + j.y), this._cy = -Math.sin(n - j.x), this._sy = Math.cos(n - j.x);
 	}
-	_isInteractive(n) {
-		return n === "static";
+	updateLocalTransform() {
+		let n = this._attrUpdateTick;
+		if (this._localTransformUpdateTick === n) return;
+		this._localTransformUpdateTick = n, this._updateSkew();
+		let j = this.position, M = this.localTransform, N = this._scale.x, P = this._scale.y, F = -this._origin.x, I = -this._origin.y, L = this._pivot.x, R = this._pivot.y;
+		M.a = this._cx * N, M.b = this._sx * N, M.c = this._cy * P, M.d = this._sy * P, M.tx = j.x - (L * M.a + R * M.c) + (F * M.a + I * M.c) - F, M.ty = j.y - (L * M.b + R * M.d) + (F * M.b + I * M.d) - I;
 	}
-	createPointEvent(n, j, M) {
-		var N;
-		let P = this.mapPositionToPoint(n.clientX, n.clientY);
-		n.type === "pointerleave" && (j = "pointerout");
-		let F = new FederatedEvent(this);
-		return F.type = j, F.nativeEvent = n, F.target = (N = M == null ? this.hitTest(P.x, P.y) : M) == null ? this._hitElements[0] : N, F.global = P, F;
+	get alpha() {
+		return this.localAlpha;
 	}
-	clonePointEvent(n, j) {
-		let M = new FederatedEvent(this);
-		return M.nativeEvent = n.nativeEvent, M.global = n.global, M.type = j == null ? n.type : j, M.path = n.composedPath().slice(), M.target = n.target, M;
+	set alpha(n) {
+		n !== this.localAlpha && (this.localAlpha = n, this._updateFlags |= 1, this._onUpdate());
 	}
-	mapPositionToPoint(n, j) {
-		let M = this.domElement, N = M.isConnected ? M.getBoundingClientRect() : {
-			x: 0,
-			y: 0,
-			width: M.width,
-			height: M.height,
-			left: 0,
-			top: 0
-		}, P = 1 / this.resolution, F = new Vector2();
-		return F.x = (n - N.left) * (M.width / N.width) * P, F.y = (j - N.top) * (M.height / N.height) * P, F;
+	get root() {
+		let n = this.parent, j = this.parent;
+		for (; n;) n.parent || (j = n), n = n.parent;
+		return j;
 	}
-	hitTest(n, j) {
-		let M = this._isPointerMoveEvent, N = this[M ? "hitTestMoveRecursive" : "hitTestRecursive"](this.rootTarget, this.rootTarget.eventMode, new Vector2(n, j));
-		return N && N[0];
+	get worldTransform() {
+		return this._worldTransform || (this._worldTransform = new Matrix()), this.renderGroup ? this._worldTransform.copyFrom(this.renderGroup.worldTransform) : this.parentRenderGroup && this._worldTransform.appendFrom(this.relativeGroupTransform, this.parentRenderGroup.worldTransform), this._worldTransform;
 	}
-	_interactivePrune(n) {
-		return !n || !n.visible || n.eventMode === "none";
+	get x() {
+		return this._position.x;
 	}
-	hitTestMoveRecursive(n, j, M) {
-		let N = !1;
-		if (this._interactivePrune(n)) return;
-		let P = n.children;
-		if (P && P.length > 0) for (let F = P.length - 1; F >= 0; --F) {
-			let I = P[F], L = this.hitTestMoveRecursive(I, this._isInteractive(j) ? j : I.eventMode, M);
-			if (L) {
-				if (L.length > 0 && !L[L.length - 1].parent) continue;
-				let j = this._isInteractive(n.eventMode);
-				(L.length > 0 || j) && (j && this._allInteractiveElements.push(n), L.push(n)), this._hitElements.length === 0 && (this._hitElements = L), N = !0;
-			}
-		}
-		let F = this._isInteractive(j), I = this._isInteractive(n.eventMode);
-		if (I && this._allInteractiveElements.push(n), !(this._hitElements.length > 0)) {
-			if (N) return this._hitElements;
-			if (F && this.hitTestFn(n, M)) return I ? [n] : [];
-		}
+	set x(n) {
+		this._position.x = n;
 	}
-	hitTestRecursive(n, j, M) {
-		let N = n.children;
-		for (let P = N.length - 1; P >= 0; P--) {
-			let F = N[P], I = this.hitTestRecursive(F, this._isInteractive(j) ? j : F.eventMode, M);
-			if (I) {
-				let j = this._isInteractive(n.eventMode);
-				return (I.length > 0 || j) && I.push(n), I;
-			}
-		}
-		let P = this._isInteractive(j), F = this._isInteractive(n.eventMode);
-		return P && this.hitTestFn(n, M) ? F ? [n] : [] : null;
+	get position() {
+		return this._position;
 	}
-	hitTestFn(n, j) {
-		if (n.hitArea) return !0;
-		if (n.containsPoint) {
-			let M = n.worldTransform.applyInverse(j);
-			return n.containsPoint(M);
-		}
-		return !1;
+	set position(n) {
+		this._position.copyFrom(n);
 	}
-};
-_EventSystem = EventSystem, _EventSystem.desc = { name: "events" };
-function findMountedTarget(n) {
-	if (!n) return;
-	let j = n[0];
-	for (let M = 1; M < n.length && n[M].parent === j; ++M) j = n[M];
-	return j;
-}
-function clearList(n, j) {
-	j || (j = 0);
-	for (let M = j; M < n.length && n[M]; ++M) n[M] = null;
-}
-function assignWithIgnore(n, j, M = {}) {
-	for (let N in j) !M[N] && j[N] !== void 0 && (n[N] = j[N]);
-}
-var InstructionSet = class {
-	constructor() {
-		this.instructions = [], this.instructionSize = 0;
+	get y() {
+		return this._position.y;
 	}
-	reset() {
-		this.instructionSize = 0;
+	set y(n) {
+		this._position.y = n;
 	}
-	add(n) {
-		this.instructions[this.instructionSize++] = n;
+	get rotation() {
+		return this._rotation;
 	}
-}, RenderGroup = class {
-	constructor(n) {
-		this.worldTransform = new Matrix(), this.localTransform = new Matrix(), this.root = null, this.instructionSet = new InstructionSet(), this.structureDidChange = !0, this.renderGroupParent = null, this.renderGroupChildren = [], this.childrenToUpdate = Object.create(null), this.childrenRenderablesToUpdate = {
-			list: [],
-			index: 0
-		}, this.init(n);
+	set rotation(n) {
+		this._rotation !== n && (this._rotation = n, this._onUpdate(this._skew));
 	}
-	init(n) {
-		this.root = n;
-		let j = n.children;
-		for (let n = 0; n < j.length; ++n) this.addChild(j[n]);
+	get angle() {
+		return this.rotation * RAD_TO_DEG;
 	}
-	addChild(n) {
-		this.structureDidChange = !0, n.parentRenderGroup = this, n.parent === this.root ? n.relativeRenderGroupDepth = 1 : n.relativeRenderGroupDepth = n.parent.relativeRenderGroupDepth + 1, n.didChange = !0, this.onChildUpdate(n);
-		let j = n.children;
-		for (let n = 0; n < j.length; ++n) this.addChild(j[n]);
+	set angle(n) {
+		this.rotation = n * DEG_TO_RAD;
 	}
-	removeChild(n) {
-		if (this.structureDidChange = !0, n.parentRenderGroup = null, n.renderGroup) {
-			this._removeRenderGroupChild(n.renderGroup);
-			return;
-		}
-		let j = n.children;
-		for (let n = 0; n < j.length; ++n) this.removeChild(j[n]);
+	get skew() {
+		return this._skew === defaultSkew && (this._skew = new ObservablePoint(this, 0, 0)), this._skew;
 	}
-	removeChildren(n) {
-		for (let j = 0; j < n.length; ++j) this.removeChild(n[j]);
+	set skew(n) {
+		this._skew === defaultSkew && (this._skew = new ObservablePoint(this, 0, 0)), this._skew.copyFrom(n);
 	}
-	_removeRenderGroupChild(n) {
-		let j = this.renderGroupChildren.indexOf(n);
-		j > -1 && this.renderGroupChildren.splice(j, 1), n.renderGroupParent = null;
+	get scale() {
+		return this._scale === defaultScale && (this._scale = new ObservablePoint(this, 1, 1)), this._scale;
 	}
-	onChildViewUpdate(n) {
-		this.childrenRenderablesToUpdate.list[this.childrenRenderablesToUpdate.index++] = n;
+	set scale(n) {
+		this._scale === defaultScale && (this._scale = new ObservablePoint(this, 1, 1)), this._scale.copyFrom(n);
 	}
-	onChildUpdate(n) {
-		let j = this.childrenToUpdate[n.relativeRenderGroupDepth];
-		j || (j = this.childrenToUpdate[n.relativeRenderGroupDepth] = {
-			index: 0,
-			list: []
-		}), j.list[j.index++] = n;
+	get pivot() {
+		return this._pivot === defaultPivot && (this._pivot = new ObservablePoint(this, 0, 0)), this._pivot;
 	}
-	updateRenderable(n) {
-		n.globalDisplayStatus < 7 || (this.instructionSet.renderPipes[n.renderPipeId].updateRenderable(n), n.didViewUpdate = !1);
+	set pivot(n) {
+		this._pivot === defaultPivot && (this._pivot = new ObservablePoint(this, 0, 0)), this._pivot.copyFrom(n);
 	}
-	destroy() {
-		this.root = null, this.childrenRenderablesToUpdate = null, this.childrenToUpdate = null, this.renderGroupChildren = null, this.instructionSet = null;
+	get origin() {
+		return this._origin === defaultOrigin && (this._origin = new ObservablePoint(this, 0, 0)), this._origin;
 	}
-};
-function updateBounds(n, j, M) {
-	let { width: N, height: P } = M.orig;
-	n.minX = -j.x * N, n.minY = -j.y * P, n.maxX = n.minX + N, n.maxY = n.minY + P;
-}
-function applyMixins(n, ...j) {
-	for (let M of j) Object.defineProperties(n.prototype, Object.getOwnPropertyDescriptors(M));
-}
-var ObservablePoint = class {
-	constructor(n, j, M) {
-		this._x = j || 0, this._y = M || 0, this._observer = n;
+	set origin(n) {
+		this._origin === defaultOrigin && (this._origin = new ObservablePoint(this, 0, 0)), this._origin.copyFrom(n);
 	}
-	set(n = 0, j = n) {
-		return (this._x !== n || this._y !== j) && (this._x = n, this._y = j, this._observer._onUpdate(this)), this;
+	get width() {
+		return Math.abs(this.scale.x * this.getLocalBounds().width);
 	}
-	get x() {
-		return this._x;
+	set width(n) {}
+	get height() {
+		return Math.abs(this.scale.y * this.getLocalBounds().height);
 	}
-	set x(n) {
-		this._x !== n && (this._x = n, this._observer._onUpdate(this));
+	set height(n) {}
+	addChild(...n) {
+		if (n.length > 1) {
+			for (let j = 0; j < n.length; ++j) this.addChild(n[j]);
+			return n[0];
+		}
+		let j = n[0], M = this.renderGroup || this.parentRenderGroup;
+		return j.parent === this ? (this.children.splice(this.children.indexOf(j), 1), this.children.push(j), M && (M.structureDidChange = !0), j) : (this.sortableChildren && (this.sortDirty = !0), j.parent && j.parent.removeChild(j), this.children.push(j), this.sortableChildren && (this.sortDirty = !0), j.parent = this, j.didChange = !0, j._updateFlags = 7, M && M.addChild(j), j._zIndex != 0 && j.depthOfChildModified(), j);
 	}
-	get y() {
-		return this._y;
+	removeChild(...n) {
+		if (n.length > 1) {
+			for (let j = 0; j < n.length; ++j) this.removeChild(n[j]);
+			return n[0];
+		}
+		let j = n[0];
+		if (!j) return j;
+		let M = this.children.indexOf(j);
+		return M > -1 && (this.children.splice(M, 1), j.parent = null), j;
 	}
-	set y(n) {
-		this._y !== n && (this._y = n, this._observer._onUpdate(this));
+	_onUpdate(n) {
+		n && n === this._skew && this._updateSkew(), this._attrUpdateTick++, !this.didChange && (this.didChange = !0, this.parentRenderGroup && this.parentRenderGroup.onChildUpdate(this));
 	}
-	copyFrom(n) {
-		return (this.x !== n.x || this.y !== n.y) && (this._x = n.x, this._y = n.y, this._observer._onUpdate(this)), this;
+	toGlobal(n, j) {
+		return this.getGlobalTransform(j).apply(n);
 	}
-	toVector2() {
-		return new Vector2(this.x, this.y);
+	toLocal(n, j, M) {
+		let N;
+		return j && (N = j.toGlobal(n)), N = this.getGlobalTransform(M).applyInverse(n), N;
+	}
+	getGlobalTransform(n = !1) {
+		if (n) return this.worldTransform.clone();
+		this.updateLocalTransform();
+		let j = new Matrix(), M = updateTransformBackwards(this, j);
+		return j.appendFrom(this.localTransform, M), j;
+	}
+	getGlobalPosition(n = !1) {
+		return this.parent ? this.parent.toGlobal(this._position, n) : this._position.toVector2();
+	}
+	destroy(n = !1) {
+		var j, M;
+		if (this.destroyed) return;
+		this.destroyed = !0;
+		let N;
+		if (this.children.length && (N = this.removeChildren(0, this.children.length)), (j = this.parent) == null || j.removeChild(this), this.parent = null, this._maskEffect = null, this.effects = null, this._position = null, this._scale = null, this._pivot = null, this._origin = null, this._skew = null, (typeof n == "boolean" ? n : n != null && n.children) && N) for (let j = 0; j < N.length; ++j) N[j].destroy(n);
+		(M = this.renderGroup) == null || M.destroy(), this.renderGroup = null;
 	}
 };
-const RAD_TO_DEG = 180 / Math.PI, DEG_TO_RAD = Math.PI / 180;
-var Bounds = class n {
-	constructor(n = Infinity, j = Infinity, M = -Infinity, N = -Infinity) {
-		this.minX = Infinity, this.minY = Infinity, this.maxX = -Infinity, this.maxY = -Infinity, this.matrix = new Matrix(), this.minX = n, this.minY = j, this.maxX = M, this.maxY = N;
+function updateTransformBackwards(n, j) {
+	let M = n.parent;
+	if (M) {
+		updateTransformBackwards(M, j), M.updateLocalTransform();
+		let n = Matrix.append(j, M.localTransform);
+		j.copyFrom(n);
 	}
-	clone() {
-		return new n(this.minX, this.minY, this.maxX, this.maxY);
+	return j;
+}
+function sortChildren(n, j) {
+	return n._zIndex - j._zIndex;
+}
+applyMixins(Container, sortMixin, effectMixin, measureMixin, childrenHelperMixin);
+var UPDATE_BLEND_COLOR_VISIBLE = 7;
+function updateRenderGroupTransform(n, j = !1) {
+	let M = n.root;
+	n.worldTransform.copyFrom(M.localTransform);
+	let N = n.childrenToUpdate;
+	for (let j in N) {
+		let M = Number(j), P = N[M], F = P.list, I = P.index;
+		for (let j = 0; j < I; ++j) {
+			let N = F[j];
+			N.parentRenderGroup === n && N.relativeRenderGroupDepth === M && updateTransform(N, 0);
+		}
+		clearList(F, I), P.index = 0;
 	}
-	isEmpty() {
-		return this.minX >= this.maxX || this.minY >= this.maxY;
+	if (j) for (let M = 0; M < n.renderGroupChildren.length; ++M) updateRenderGroupTransform(n.renderGroupChildren[M], j);
+}
+function updateTransform(n, j) {
+	n.didChange = !1;
+	let M = n.parent, N = n.localTransform;
+	n.updateLocalTransform(), M && (j |= n._updateFlags, n.relativeGroupTransform.appendFrom(N, M.relativeGroupTransform), j & UPDATE_BLEND_COLOR_VISIBLE && updateBlendColorVisible(n, M, j));
+	let P = n.children;
+	for (let n = 0; n < P.length; n++) updateTransform(P[n], j);
+}
+function updateBlendColorVisible(n, j, M) {
+	if (M & 1) {
+		n.groupColor = j.groupColor;
+		let M = n.localAlpha * j.groupAlpha;
+		M = M < 0 ? 0 : M > 1 ? 1 : M, n.groupAlpha = M, n.groupColorAlpha = n.groupColor + ((M * 255 | 0) << 24);
 	}
-	clear() {
-		this.minX = Infinity, this.minY = Infinity, this.maxX = -Infinity, this.maxY = -Infinity;
+	M & 4 && (n.globalDisplayStatus = n.localDisplayStatus & j.globalDisplayStatus), n._updateFlags = 0;
+}
+function validateRenderables(n, j) {
+	let { list: M, index: N } = n.childrenRenderablesToUpdate, P = !1;
+	for (let n = 0; n < N; ++n) {
+		let N = M[n];
+		if (P = j[N.renderPipeId].validateRenderable(N), P) break;
 	}
-	get width() {
-		return this.maxX - this.minX;
+	return n.structureDidChange = P, P;
+}
+var _RenderGroupSystem, RenderGroupSystem = class {
+	constructor(n) {
+		this.renderer = n;
 	}
-	set width(n) {
-		this.maxX = this.minX + n;
+	_updateRenderGroup(n) {
+		let j = this.renderer, M = j.renderPipes;
+		n.instructionSet.renderPipes = M, n.structureDidChange ? clearList(n.childrenRenderablesToUpdate.list, 0) : validateRenderables(n, M), updateRenderGroupTransform(n), n.structureDidChange && (n.structureDidChange = !1, this._buildInstructions(n, j)), n.childrenRenderablesToUpdate.index = 0;
 	}
-	get height() {
-		return this.maxY - this.minY;
+	render({ container: n, transform: j }) {
+		let M = this.renderer;
+		j && n.renderGroup.localTransform.copyFrom(j), M.canvasContext.globalTransform = j ? n.renderGroup.localTransform : n.renderGroup.worldTransform, this._updateRenderGroup(n.renderGroup), executeInstructions(n.renderGroup, M.renderPipes);
 	}
-	set height(n) {
-		this.maxY = this.minY + n;
+	_buildInstructions(n, j) {
+		let M = j.renderPipes, N = n.root;
+		n.instructionSet.reset(), N.sortableChildren && N.sortChildren(), M.batch.buildStart(), N.collectRenderablesWithEffects(M, n.instructionSet), M.batch.buildEnd(n.instructionSet);
 	}
-	get left() {
-		return this.minX;
+};
+_RenderGroupSystem = RenderGroupSystem, _RenderGroupSystem.desc = { name: "renderGroup" };
+function executeInstructions(n, j) {
+	let { instructionSet: M } = n, N = M.instructions;
+	for (let n = 0; n < M.instructionSize; n++) {
+		let M = N[n];
+		j[M.renderPipeId].execute(M);
 	}
-	get right() {
-		return this.maxX;
+}
+var _SpritePipe, SpritePipe = class {
+	constructor(n) {
+		this._renderer = n;
 	}
-	get top() {
-		return this.minY;
+	addRenderable(n, j) {
+		this._renderer.renderPipes.batch.addToBatch({
+			renderable: n,
+			texture: n.texture,
+			transform: n.relativeGroupTransform,
+			bounds: n.bounds,
+			roundPixels: this._renderer._roundPixels | n._roundPixels
+		}, j);
 	}
-	get bottom() {
-		return this.maxY;
+	destroy() {
+		this._renderer = null;
 	}
-	get isValid() {
-		return this.minX + this.minY !== Infinity;
+};
+_SpritePipe = SpritePipe, _SpritePipe.desc = { name: "sprite" };
+var _TextPipe, TextPipe = class {
+	constructor(n) {
+		this._renderer = n;
 	}
-	set(n, j, M, N) {
-		this.minX = n, this.minY = j, this.maxX = M, this.maxY = N;
+	addRenderable(n, j) {
+		let M = this._getRuntimeText(n);
+		if (n._didTextUpdate) {
+			let j = n._autoResolution ? this._renderer.resolution : n.resolution;
+			(M.currentKey !== n.styleKey || n._resolution !== j) && this._updateRuntimeText(n), n._didTextUpdate = !1, updateBounds(M.bounds, n._anchor, M.texture);
+		}
+		this._renderer.renderPipes.batch.addToBatch(M, j);
 	}
-	addBounds(n, j) {
-		this.addFrame(n.minX, n.minY, n.maxX, n.maxY, j);
+	validateRenderable(n) {
+		let j = this._getRuntimeText(n), M = n.styleKey;
+		return j.currentKey === M ? n._didTextUpdate : !0;
 	}
-	addRect(n, j) {
-		this.addFrame(n.x, n.y, n.width + n.x, n.height + n.y, j);
+	initCacheText(n) {
+		let j = {
+			currentKey: "--",
+			transform: n.relativeGroupTransform,
+			bounds: n.bounds,
+			roundPixels: this._renderer._roundPixels | n._roundPixels,
+			renderable: n,
+			texture: null,
+			destroy: function() {
+				this.renderable = null, this.texture = null, this.bounds = null;
+			}
+		};
+		return n._runtimeData[this._renderer.uid] = j, j;
 	}
-	addFrame(n, j, M, N, P) {
-		P || (P = this.matrix);
-		let F = P.a, I = P.b, L = P.c, R = P.d, z = P.tx, B = P.ty;
-		updateMinMax(F * n + L * j + z, I * n + R * j + B, this), updateMinMax(F * M + L * j + z, I * M + R * j + B, this), updateMinMax(F * n + L * N + z, I * n + R * N + B, this), updateMinMax(F * M + L * N + z, I * M + R * N + B, this);
+	_getRuntimeText(n) {
+		return n._runtimeData[this._renderer.uid] || this.initCacheText(n);
 	}
-	get rectangle() {
-		this._rectangle || (this._rectangle = new Rectangle());
-		let n = this._rectangle;
-		return n.x = this.minX, n.y = this.minY, n.width = this.maxX - this.minX, n.height = this.maxY - this.minY, n;
+	_updateRuntimeText(n) {
+		let j = this._getRuntimeText(n);
+		j.texture, n._resolution = n._autoResolution ? this._renderer.resolution : n.resolution, j.texture = this._renderer.text.getManagedTexture(n), j.currentKey = n.styleKey;
 	}
-	addBoundsMask(n) {
-		this.minX = this.minX > n.minX ? this.minX : n.minX, this.minY = this.minY > n.minY ? this.minY : n.minY, this.maxX = this.maxX < n.maxX ? this.maxX : n.maxX, this.maxY = this.maxY < n.maxY ? this.maxY : n.maxY;
+	destroy() {
+		this._renderer = null;
 	}
 };
-function updateMinMax(n, j, M) {
-	n < M.minX && (M.minX = n), n > M.maxX && (M.maxX = n), j < M.minY && (M.minY = j), j > M.maxY && (M.maxY = j);
-}
-function getLocalBounds(n, j, M) {
-	return j.clear(), M || (M = new Matrix()), _getLocalBounds(n, j, M, n, !0), j.isValid || j.set(0, 0, 0, 0), j;
-}
-function _getLocalBounds(n, j, M, N, P) {
-	let F = new Matrix();
-	if (P) F.copyFrom(M);
-	else {
-		if (!n.visible || !n.measurable) return;
-		n.updateLocalTransform(), F.appendFrom(n.localTransform, M);
+_TextPipe = TextPipe, _TextPipe.desc = { name: "text" };
+var ViewContainer = class extends Container {
+	constructor(...n) {
+		super(...n), this._runtimeData = Object.create(null), this._roundPixels = 0, this._bounds = new Bounds(0, 1, 0, 0);
 	}
-	let I = j, L = !!n.effects.length;
-	if (L && (j = new Bounds()), n.boundsArea) j.addRect(n.boundsArea, F);
-	else {
-		n.renderPipeId && (j.matrix = F, j.addBounds(n.bounds));
-		let M = n.children;
-		for (let n = 0; n < M.length; n++) _getLocalBounds(M[n], j, F, N, !1);
-		if (L) {
-			for (let M = 0; M < n.effects.length; ++M) {
-				var R, z;
-				(R = (z = n.effects[M]).addLocalBounds) == null || R.call(z, j, N);
-			}
-			I.addBounds(j, new Matrix());
-		}
+	get bounds() {
+		return this.updateBounds(), this._bounds;
 	}
-	return j;
-}
-var StencilMask = class {
-	constructor(n) {
-		this.pipe = "stencilMask", this.mask = n, n.includeInBuild = !1, n.measurable = !1;
-	}
-	addLocalBounds(n, j) {
-		let M = new Bounds();
-		this.mask.measurable = !0;
-		let N = getMatrixRelativeToParent(this.mask, j);
-		getLocalBounds(this.mask, M, N), this.mask.measurable = !1, n.addBoundsMask(M);
-	}
-};
-function getMatrixRelativeToParent(n, j, M) {
-	return M || (M = new Matrix()), n === j ? M : (M = getMatrixRelativeToParent(n.parent, j, M), n.updateLocalTransform(), Matrix.append(M, n.localTransform));
-}
-const effectMixin = {
-	effects: [],
-	_maskEffect: null,
-	addEffect(n) {
-		this.effects.push(n), this._updateIsSimple();
-	},
-	removeEffect(n) {
-		let j = this.effects.indexOf(n);
-		j === -1 && this.effects.splice(j, 1), this._updateIsSimple();
-	},
-	set mask(n) {
-		let j = this._maskEffect;
-		n !== (j == null ? void 0 : j.mask) && (j && (this.removeEffect(j), this._maskEffect = null), n != null && (this._maskEffect = new StencilMask(n), this.addEffect(this._maskEffect)));
-	},
-	get mask() {
-		var n;
-		return (n = this._maskEffect) == null ? void 0 : n.mask;
-	}
-}, sortMixin = {
-	_zIndex: 0,
-	sortableChildren: !1,
-	sortDirty: !1
-}, measureMixin = {
-	_localBoundsCacheData: null,
-	_localBounds: null,
-	_setWidth(n, j) {
-		let M = Math.sign(this.scale.x) || 1;
-		j === 0 ? this.scale.x = M : this.scale.x = n / j * M;
-	},
-	_setHeight(n, j) {
-		let M = Math.sign(this.scale.y) || 1;
-		j === 0 ? this.scale.y = M : this.scale.y = n / j * M;
-	},
-	getLocalBounds() {
-		return this._localBounds || (this._localBounds = new Bounds()), getLocalBounds(this, this._localBounds), this._localBounds;
-	}
-}, childrenHelperMixin = { removeChildren(n = 0, j) {
-	let M = j == null ? this.children.length : j, N = M - n, P = [];
-	if (N > 0 && N <= M) {
-		for (let j = M - 1; j >= n; --j) {
-			let n = this.children[j];
-			n && (P.push(n), n.parent = null);
-		}
-		removeItems(this.children, n, M);
-		let j = this.renderGroup || this.parentRenderGroup;
-		return j && j.removeChildren(P), P;
-	} else if (N === 0 && this.children.length === 0) return P;
-	throw Error("removeChildren: numeric values are outside the acceptable range.");
-} };
-function removeItems(n, j, M) {
-	let N = n.length, P;
-	if (j >= N || M === 0) return;
-	M = j + M > N ? N - j : M;
-	let F = N - M;
-	for (P = j; P < F; ++P) n[P] = n[P + M];
-	n.length = F;
-}
-const UPDATE_COLOR = 1, UPDATE_BLEND = 2, UPDATE_VISIBLE = 4, UPDATE_TRANSFORM = 8;
-var defaultSkew = new ObservablePoint(null), defaultOrigin = new ObservablePoint(null), defaultScale = new ObservablePoint(null, 1, 1), defaultPivot = new ObservablePoint(null), Container = class extends eventemitter3_default {
-	constructor(n = {}) {
-		super(), this.destroyed = !1, this.renderGroup = null, this.parentRenderGroup = null, this.parent = null, this.eventMode = "passive", this.hitArea = null, this._position = new ObservablePoint(this, 0, 0), this.includeInBuild = !0, this.didChange = !1, this.didViewUpdate = !1, this.isSimple = !0, this.measurable = !0, this.relativeRenderGroupDepth = 0, this._attrUpdateTick = 0, this._localTransformUpdateTick = 0, this._updateFlags = 15, this.localDisplayStatus = 7, this.globalDisplayStatus = 7, this.children = [], this.localTransform = new Matrix(), this.relativeGroupTransform = new Matrix(), this.groupTransform = this.relativeGroupTransform, this._rotation = 0, this._cx = 1, this._sx = 0, this._cy = 0, this._sy = 1, this._skew = defaultSkew, this._scale = defaultScale, this._origin = defaultOrigin, this._pivot = defaultPivot, this.localAlpha = 1, this.groupColor = 16777215, this.localColor = 16777215, this.groupAlpha = 1, this.groupColorAlpha = 4294967295, assignWithIgnore(this, n, {
-			children: !0,
-			parent: !0,
-			effects: !0
-		}), this.effects = [];
-	}
-	get renderable() {
-		return !!(this.localDisplayStatus & 1);
-	}
-	set renderable(n) {
-		let j = n ? 1 : 0;
-		(this.localDisplayStatus & 1) !== j && (this._updateFlags |= 4, this.localDisplayStatus ^= 1, this.parentRenderGroup && (this.parentRenderGroup.structureDidChange = !0), this._onUpdate());
-	}
-	get visible() {
-		return !!(this.localDisplayStatus & 2);
-	}
-	set visible(n) {
-		let j = n ? 2 : 0;
-		(this.localDisplayStatus & 2) !== j && (this.parentRenderGroup && (this.parentRenderGroup.structureDidChange = !0), this._updateFlags |= 4, this.localDisplayStatus ^= 2, this._onUpdate());
-	}
-	get isRenderGroup() {
-		return !!this.renderGroup;
-	}
-	set isRenderGroup(n) {
-		!!this.renderGroup !== n && (n ? this.enableRenderGroup() : this.disableRenderGroup());
-	}
-	get zIndex() {
-		return this._zIndex;
-	}
-	set zIndex(n) {
-		n !== this._zIndex && (this._zIndex = n, this.depthOfChildModified());
-	}
-	_updateIsSimple() {
-		this.isSimple = !this.renderGroup && this.effects.length == 0;
-	}
-	sortChildren() {
-		this.sortDirty && (this.sortDirty = !1, this.children.sort(sortChildren));
-	}
-	depthOfChildModified() {
-		this.parent && (this.parent.sortableChildren = !0, this.parent.sortDirty = !0), this.parentRenderGroup;
-	}
-	enableRenderGroup() {
-		this.renderGroup || (this.renderGroup = new RenderGroup(this), this.groupTransform = new Matrix(), this._updateIsSimple());
-	}
-	disableRenderGroup() {
-		if (!this.renderGroup) return;
-		let n = this.parentRenderGroup;
-		n == null || n.removeChild(this), this.renderGroup = null, this.groupTransform = this.relativeGroupTransform, n == null || n.addChild(this), this._updateIsSimple();
-	}
-	collectRenderables(n, j) {
-		this.globalDisplayStatus < 7 || !this.includeInBuild || (this.sortableChildren && this.sortChildren(), this.isSimple ? this.collectRenderableSimple(n, j) : this.renderGroup || this.collectRenderablesWithEffects(n, j));
-	}
-	collectRenderablesWithEffects(n, j) {
-		for (let M = 0; M < this.effects.length; ++M) {
-			let N = this.effects[M];
-			n[N.pipe].push(N, j);
-		}
-		this.collectRenderableSimple(n, j);
-		for (let M = 0; M < this.effects.length; ++M) {
-			let N = this.effects[M];
-			n[N.pipe].pop(N, j);
-		}
-	}
-	collectRenderableSimple(n, j) {
-		let M = this.children;
-		for (let N = 0; N < M.length; ++N) M[N].collectRenderables(n, j);
-	}
-	setFromMatrix(n) {
-		n.decompose(this);
-	}
-	_updateSkew() {
-		let n = this.rotation, j = this.skew;
-		this._cx = Math.cos(n + j.y), this._sx = Math.sin(n + j.y), this._cy = -Math.sin(n - j.x), this._sy = Math.cos(n - j.x);
-	}
-	updateLocalTransform() {
-		let n = this._attrUpdateTick;
-		if (this._localTransformUpdateTick === n) return;
-		this._localTransformUpdateTick = n, this._updateSkew();
-		let j = this.position, M = this.localTransform, N = this._scale.x, P = this._scale.y, F = -this._origin.x, I = -this._origin.y, L = this._pivot.x, R = this._pivot.y;
-		M.a = this._cx * N, M.b = this._sx * N, M.c = this._cy * P, M.d = this._sy * P, M.tx = j.x - (L * M.a + R * M.c) + (F * M.a + I * M.c) - F, M.ty = j.y - (L * M.b + R * M.d) + (F * M.b + I * M.d) - I;
-	}
-	get alpha() {
-		return this.localAlpha;
-	}
-	set alpha(n) {
-		n !== this.localAlpha && (this.localAlpha = n, this._updateFlags |= 1, this._onUpdate());
-	}
-	get root() {
-		let n = this.parent, j = this.parent;
-		for (; n;) n.parent || (j = n), n = n.parent;
-		return j;
-	}
-	get worldTransform() {
-		return this._worldTransform || (this._worldTransform = new Matrix()), this.renderGroup ? this._worldTransform.copyFrom(this.renderGroup.worldTransform) : this.parentRenderGroup && this._worldTransform.appendFrom(this.relativeGroupTransform, this.parentRenderGroup.worldTransform), this._worldTransform;
-	}
-	get x() {
-		return this._position.x;
-	}
-	set x(n) {
-		this._position.x = n;
-	}
-	get position() {
-		return this._position;
-	}
-	set position(n) {
-		this._position.copyFrom(n);
-	}
-	get y() {
-		return this._position.y;
-	}
-	set y(n) {
-		this._position.y = n;
-	}
-	get rotation() {
-		return this._rotation;
-	}
-	set rotation(n) {
-		this._rotation !== n && (this._rotation = n, this._onUpdate(this._skew));
-	}
-	get angle() {
-		return this.rotation * RAD_TO_DEG;
-	}
-	set angle(n) {
-		this.rotation = n * DEG_TO_RAD;
-	}
-	get skew() {
-		return this._skew === defaultSkew && (this._skew = new ObservablePoint(this, 0, 0)), this._skew;
-	}
-	set skew(n) {
-		this._skew === defaultSkew && (this._skew = new ObservablePoint(this, 0, 0)), this._skew.copyFrom(n);
-	}
-	get scale() {
-		return this._scale === defaultScale && (this._scale = new ObservablePoint(this, 1, 1)), this._scale;
-	}
-	set scale(n) {
-		this._scale === defaultScale && (this._scale = new ObservablePoint(this, 1, 1)), this._scale.copyFrom(n);
-	}
-	get pivot() {
-		return this._pivot === defaultPivot && (this._pivot = new ObservablePoint(this, 0, 0)), this._pivot;
-	}
-	set pivot(n) {
-		this._pivot === defaultPivot && (this._pivot = new ObservablePoint(this, 0, 0)), this._pivot.copyFrom(n);
-	}
-	get origin() {
-		return this._origin === defaultOrigin && (this._origin = new ObservablePoint(this, 0, 0)), this._origin;
-	}
-	set origin(n) {
-		this._origin === defaultOrigin && (this._origin = new ObservablePoint(this, 0, 0)), this._origin.copyFrom(n);
-	}
-	get width() {
-		return Math.abs(this.scale.x * this.getLocalBounds().width);
-	}
-	set width(n) {}
-	get height() {
-		return Math.abs(this.scale.y * this.getLocalBounds().height);
-	}
-	set height(n) {}
-	addChild(...n) {
-		if (n.length > 1) {
-			for (let j = 0; j < n.length; ++j) this.addChild(n[j]);
-			return n[0];
-		}
-		let j = n[0], M = this.renderGroup || this.parentRenderGroup;
-		return j.parent === this ? (this.children.splice(this.children.indexOf(j), 1), this.children.push(j), M && (M.structureDidChange = !0), j) : (this.sortableChildren && (this.sortDirty = !0), j.parent && j.parent.removeChild(j), this.children.push(j), this.sortableChildren && (this.sortDirty = !0), j.parent = this, j.didChange = !0, j._updateFlags = 7, M && M.addChild(j), j._zIndex != 0 && j.depthOfChildModified(), j);
-	}
-	removeChild(...n) {
-		if (n.length > 1) {
-			for (let j = 0; j < n.length; ++j) this.removeChild(n[j]);
-			return n[0];
-		}
-		let j = n[0];
-		if (!j) return j;
-		let M = this.children.indexOf(j);
-		return M > -1 && (this.children.splice(M, 1), j.parent = null), j;
-	}
-	_onUpdate(n) {
-		n && n === this._skew && this._updateSkew(), this._attrUpdateTick++, !this.didChange && (this.didChange = !0, this.parentRenderGroup && this.parentRenderGroup.onChildUpdate(this));
-	}
-	toGlobal(n, j) {
-		return this.getGlobalTransform(j).apply(n);
-	}
-	toLocal(n, j, M) {
-		let N;
-		return j && (N = j.toGlobal(n)), N = this.getGlobalTransform(M).applyInverse(n), N;
-	}
-	getGlobalTransform(n = !1) {
-		if (n) return this.worldTransform.clone();
-		this.updateLocalTransform();
-		let j = new Matrix(), M = updateTransformBackwards(this, j);
-		return j.appendFrom(this.localTransform, M), j;
-	}
-	getGlobalPosition(n = !1) {
-		return this.parent ? this.parent.toGlobal(this._position, n) : this._position.toVector2();
-	}
-	destroy(n = !1) {
-		var j, M;
-		if (this.destroyed) return;
-		this.destroyed = !0;
-		let N;
-		if (this.children.length && (N = this.removeChildren(0, this.children.length)), (j = this.parent) == null || j.removeChild(this), this.parent = null, this._maskEffect = null, this.effects = null, this._position = null, this._scale = null, this._pivot = null, this._origin = null, this._skew = null, (typeof n == "boolean" ? n : n != null && n.children) && N) for (let j = 0; j < N.length; ++j) N[j].destroy(n);
-		(M = this.renderGroup) == null || M.destroy(), this.renderGroup = null;
-	}
-};
-function updateTransformBackwards(n, j) {
-	let M = n.parent;
-	if (M) {
-		updateTransformBackwards(M, j), M.updateLocalTransform();
-		let n = Matrix.append(j, M.localTransform);
-		j.copyFrom(n);
-	}
-	return j;
-}
-function sortChildren(n, j) {
-	return n._zIndex - j._zIndex;
-}
-applyMixins(Container, sortMixin, effectMixin, measureMixin, childrenHelperMixin);
-var UPDATE_BLEND_COLOR_VISIBLE = 7;
-function updateRenderGroupTransform(n, j = !1) {
-	let M = n.root;
-	n.worldTransform.copyFrom(M.localTransform);
-	let N = n.childrenToUpdate;
-	for (let j in N) {
-		let M = Number(j), P = N[M], F = P.list, I = P.index;
-		for (let j = 0; j < I; ++j) {
-			let N = F[j];
-			N.parentRenderGroup === n && N.relativeRenderGroupDepth === M && updateTransform(N, 0);
-		}
-		clearList(F, I), P.index = 0;
-	}
-	if (j) for (let M = 0; M < n.renderGroupChildren.length; ++M) updateRenderGroupTransform(n.renderGroupChildren[M], j);
-}
-function updateTransform(n, j) {
-	n.didChange = !1;
-	let M = n.parent, N = n.localTransform;
-	n.updateLocalTransform(), M && (j |= n._updateFlags, n.relativeGroupTransform.appendFrom(N, M.relativeGroupTransform), j & UPDATE_BLEND_COLOR_VISIBLE && updateBlendColorVisible(n, M, j));
-	let P = n.children;
-	for (let n = 0; n < P.length; n++) updateTransform(P[n], j);
-}
-function updateBlendColorVisible(n, j, M) {
-	if (M & 1) {
-		n.groupColor = j.groupColor;
-		let M = n.localAlpha * j.groupAlpha;
-		M = M < 0 ? 0 : M > 1 ? 1 : M, n.groupAlpha = M, n.groupColorAlpha = n.groupColor + ((M * 255 | 0) << 24);
-	}
-	M & 4 && (n.globalDisplayStatus = n.localDisplayStatus & j.globalDisplayStatus), n._updateFlags = 0;
-}
-function validateRenderables(n, j) {
-	let { list: M, index: N } = n.childrenRenderablesToUpdate, P = !1;
-	for (let n = 0; n < N; ++n) {
-		let N = M[n];
-		if (P = j[N.renderPipeId].validateRenderable(N), P) break;
-	}
-	return n.structureDidChange = P, P;
-}
-var _RenderGroupSystem, RenderGroupSystem = class {
-	constructor(n) {
-		this.renderer = n;
-	}
-	_updateRenderGroup(n) {
-		let j = this.renderer, M = j.renderPipes;
-		n.instructionSet.renderPipes = M, n.structureDidChange ? clearList(n.childrenRenderablesToUpdate.list, 0) : validateRenderables(n, M), updateRenderGroupTransform(n), n.structureDidChange && (n.structureDidChange = !1, this._buildInstructions(n, j)), n.childrenRenderablesToUpdate.index = 0;
-	}
-	render({ container: n, transform: j }) {
-		let M = this.renderer;
-		j && n.renderGroup.localTransform.copyFrom(j), M.canvasContext.globalTransform = j ? n.renderGroup.localTransform : n.renderGroup.worldTransform, this._updateRenderGroup(n.renderGroup), executeInstructions(n.renderGroup, M.renderPipes);
-	}
-	_buildInstructions(n, j) {
-		let M = j.renderPipes, N = n.root;
-		n.instructionSet.reset(), N.sortableChildren && N.sortChildren(), M.batch.buildStart(), N.collectRenderablesWithEffects(M, n.instructionSet), M.batch.buildEnd(n.instructionSet);
-	}
-};
-_RenderGroupSystem = RenderGroupSystem, _RenderGroupSystem.desc = { name: "renderGroup" };
-function executeInstructions(n, j) {
-	let { instructionSet: M } = n, N = M.instructions;
-	for (let n = 0; n < M.instructionSize; n++) {
-		let M = N[n];
-		j[M.renderPipeId].execute(M);
-	}
-}
-var _SpritePipe, SpritePipe = class {
-	constructor(n) {
-		this._renderer = n;
-	}
-	addRenderable(n, j) {
-		this._renderer.renderPipes.batch.addToBatch({
-			renderable: n,
-			texture: n.texture,
-			transform: n.relativeGroupTransform,
-			bounds: n.bounds,
-			roundPixels: this._renderer._roundPixels | n._roundPixels
-		}, j);
-	}
-	destroy() {
-		this._renderer = null;
-	}
-};
-_SpritePipe = SpritePipe, _SpritePipe.desc = { name: "sprite" };
-var _TextPipe, TextPipe = class {
-	constructor(n) {
-		this._renderer = n;
-	}
-	addRenderable(n, j) {
-		let M = this._getRuntimeText(n);
-		if (n._didTextUpdate) {
-			let j = n._autoResolution ? this._renderer.resolution : n.resolution;
-			(M.currentKey !== n.styleKey || n._resolution !== j) && this._updateRuntimeText(n), n._didTextUpdate = !1, updateBounds(M.bounds, n._anchor, M.texture);
-		}
-		this._renderer.renderPipes.batch.addToBatch(M, j);
-	}
-	validateRenderable(n) {
-		let j = this._getRuntimeText(n), M = n.styleKey;
-		return j.currentKey === M ? n._didTextUpdate : !0;
-	}
-	initCacheText(n) {
-		let j = {
-			currentKey: "--",
-			transform: n.relativeGroupTransform,
-			bounds: n.bounds,
-			roundPixels: this._renderer._roundPixels | n._roundPixels,
-			renderable: n,
-			texture: null,
-			destroy: function() {
-				this.renderable = null, this.texture = null, this.bounds = null;
-			}
-		};
-		return n._runtimeData[this._renderer.uid] = j, j;
-	}
-	_getRuntimeText(n) {
-		return n._runtimeData[this._renderer.uid] || this.initCacheText(n);
-	}
-	_updateRuntimeText(n) {
-		let j = this._getRuntimeText(n);
-		j.texture, n._resolution = n._autoResolution ? this._renderer.resolution : n.resolution, j.texture = this._renderer.text.getManagedTexture(n), j.currentKey = n.styleKey;
-	}
-	destroy() {
-		this._renderer = null;
-	}
-};
-_TextPipe = TextPipe, _TextPipe.desc = { name: "text" };
-var ViewContainer = class extends Container {
-	constructor(...n) {
-		super(...n), this._runtimeData = Object.create(null), this._roundPixels = 0, this._bounds = new Bounds(0, 1, 0, 0);
-	}
-	get bounds() {
-		return this.updateBounds(), this._bounds;
-	}
-	onViewUpdate() {
-		if (this.didViewUpdate) return;
-		this.didViewUpdate = !0;
-		let n = this.renderGroup || this.parentRenderGroup;
-		n && n.onChildViewUpdate(this);
+	onViewUpdate() {
+		if (this.didViewUpdate) return;
+		this.didViewUpdate = !0;
+		let n = this.renderGroup || this.parentRenderGroup;
+		n && n.onChildViewUpdate(this);
 	}
 	collectRenderableSimple(n, j) {
 		let M = n[this.renderPipeId];
@@ -1484,380 +1072,736 @@ function recursive(n, j, M, N, P, F, I, L, R, z, B) {
 					return;
 				}
 			}
-		} else if (B = Q - (n + I) / 2, H = $ - (j + L) / 2, B * B + H * H <= z) {
-			R.push(Q, $);
-			return;
+		} else if (B = Q - (n + I) / 2, H = $ - (j + L) / 2, B * B + H * H <= z) {
+			R.push(Q, $);
+			return;
+		}
+	}
+	recursive(n, j, H, U, J, Y, Q, $, R, z, B + 1), recursive(Q, $, X, Z, K, q, I, L, R, z, B + 1);
+}
+var ShapePath = class {
+	constructor(n) {
+		this.shapePrimitives = [], this._bounds = new Bounds(), this._graphicsPath = n;
+	}
+	_ensurePoly(n = !0) {
+		this._currentPoly || (this._currentPoly = new Polygon(), n && this._currentPoly.points.push(0, 0));
+	}
+	lineTo(n, j) {
+		this._ensurePoly();
+		let M = this._currentPoly.points, N = M[M.length - 2], P = M[M.length - 1];
+		return (N !== n || P !== j) && M.push(n, j), this;
+	}
+	rect(n, j, M, N) {
+		return this.drawShape(new Rectangle(n, j, M, N)), this;
+	}
+	drawShape(n) {
+		return this.endPloy(), this.shapePrimitives.push({ shape: n }), this;
+	}
+	moveTo(n, j) {
+		return this.startPoly(n, j), this;
+	}
+	bezierCurveTo(n, j, M, N, P, F, I) {
+		this._ensurePoly();
+		let L = this._currentPoly.points;
+		return buildAdaptiveBezier(L, this._currentPoly.lastX, this._currentPoly.lastY, n, j, M, N, P, F, I), this;
+	}
+	startPoly(n, j) {
+		return this._currentPoly && this.endPloy(), this._currentPoly = new Polygon(), this._currentPoly.points.push(n, j), this;
+	}
+	endPloy(n = !1) {
+		let j = this._currentPoly;
+		j && j.points.length > 2 && (j.closePath = n, this.shapePrimitives.push({ shape: j })), this._currentPoly = null;
+	}
+	closePath() {
+		return this.endPloy(!0), this;
+	}
+	buildPath() {
+		let n = this._graphicsPath;
+		for (let j = 0; j < n.instructions.length; ++j) {
+			let M = n.instructions[j];
+			this[M.action](...M.data);
+		}
+		return this;
+	}
+	get bounds() {
+		let n = this._bounds;
+		n.clear();
+		let j = this.shapePrimitives;
+		for (let M = 0; M < j.length; ++M) {
+			let N = j[M].shape.getBounds();
+			n.addRect(N);
+		}
+		return n;
+	}
+}, GraphicsPath = class n {
+	constructor() {
+		this.instructions = [], this._dirty = !0;
+	}
+	rect(n, j, M, N) {
+		return this.instructions.push({
+			action: "rect",
+			data: [
+				n,
+				j,
+				M,
+				N
+			]
+		}), this._dirty = !0, this;
+	}
+	lineTo(...n) {
+		return this.instructions.push({
+			action: "lineTo",
+			data: n
+		}), this._dirty = !0, this;
+	}
+	bezierCurveTo(...n) {
+		return this.instructions.push({
+			action: "bezierCurveTo",
+			data: n
+		}), this;
+	}
+	moveTo(...n) {
+		return this.instructions.push({
+			action: "moveTo",
+			data: n
+		}), this;
+	}
+	closePath() {
+		return this.instructions.push({
+			action: "closePath",
+			data: []
+		}), this._dirty = !0, this;
+	}
+	get shapePath() {
+		return this._shapePath || (this._shapePath = new ShapePath(this)), this._dirty && (this._dirty = !1, this._shapePath.buildPath()), this._shapePath;
+	}
+	get bounds() {
+		return this.shapePath.bounds;
+	}
+	getLastPoint() {
+		let n = this.instructions.length - 1, j = this.instructions[n];
+		if (!j) return {
+			x: 0,
+			y: 0
+		};
+		switch (j.action) {
+			case "moveTo":
+			case "lineTo": return {
+				x: j.data[0],
+				y: j.data[1]
+			};
+		}
+		return {
+			x: 0,
+			y: 0
+		};
+	}
+	clear() {
+		this.instructions.length = 0, this._dirty = !0;
+	}
+	clone() {
+		let j = new n();
+		return j.instructions = this.instructions.slice(), j;
+	}
+}, _GraphicsContext, GraphicsContext = class n {
+	constructor() {
+		this._activePath = new GraphicsPath(), this._bounds = new Bounds(), this.instructions = [];
+	}
+	setStrokeStyle(j) {
+		this._strokeStyle = toStrokeStyle(j, n.defaultStrokeStyle);
+	}
+	moveTo(n, j) {
+		return this._activePath.moveTo(n, j), this;
+	}
+	lineTo(n, j) {
+		return this._activePath.lineTo(n, j), this;
+	}
+	bezierCurveTo(n, j, M, N, P, F, I) {
+		return this._activePath.bezierCurveTo(n, j, M, N, P, F, I), this;
+	}
+	rect(n, j, M, N) {
+		return this._activePath.rect(n, j, M, N), this;
+	}
+	beginPath() {
+		return this._activePath = new GraphicsPath(), this;
+	}
+	closePath() {
+		return this._activePath.closePath(), this;
+	}
+	fill(j) {
+		let M = {
+			...n.defaultStrokeStyle,
+			color: j
+		};
+		return this.instructions.push({
+			action: "fill",
+			data: {
+				style: M,
+				path: this._activePath.clone()
+			}
+		}), this;
+	}
+	stroke() {
+		this.instructions.push({
+			action: "stroke",
+			data: {
+				style: this._strokeStyle,
+				path: this._activePath.clone()
+			}
+		}), this._initNextPathLocation();
+	}
+	_initNextPathLocation() {
+		let { x: n, y: j } = this._activePath.getLastPoint();
+		this._activePath.clear(), this._activePath.moveTo(n, j);
+	}
+	get bounds() {
+		let n = this._bounds;
+		n.clear();
+		for (let j = 0; j < this.instructions.length; ++j) {
+			let M = this.instructions[j], N = M.action;
+			if (N === "fill") {
+				let j = M.data;
+				n.addBounds(j.path.bounds);
+			} else if (N === "stroke") {
+				let j = M.data, N = j.style.alignment, P = j.style.width * (1 - N);
+				j.style.join;
+				let F = j.path.bounds;
+				n.addFrame(F.minX - P, F.minY - P, F.maxX + P, F.maxY + P);
+			}
+		}
+		return n;
+	}
+	clone() {
+		let j = new n();
+		return j.instructions = this.instructions.slice(), j._activePath = this._activePath.clone(), j._bounds = this._bounds.clone(), j._strokeStyle = { ...this._strokeStyle }, j;
+	}
+};
+_GraphicsContext = GraphicsContext, _GraphicsContext.defaultStrokeStyle = {
+	width: 1,
+	color: "#ffffff",
+	alignment: .5,
+	miterLimit: 10,
+	cap: "butt",
+	join: "miter",
+	pixelLine: !1,
+	alpha: 1
+};
+function toStrokeStyle(n, j) {
+	return {
+		...j,
+		...n
+	};
+}
+var Graphics = class extends ViewContainer {
+	constructor(n) {
+		super(), this.renderPipeId = "graphics", n instanceof GraphicsContext ? this.context = n : this.context = new GraphicsContext();
+	}
+	setStrokeStyle(...n) {
+		return this._callContextMethod("setStrokeStyle", n);
+	}
+	rect(...n) {
+		return this._callContextMethod("rect", n);
+	}
+	bezierCurveTo(...n) {
+		return this._callContextMethod("bezierCurveTo", n);
+	}
+	lineTo(...n) {
+		return this._callContextMethod("lineTo", n);
+	}
+	moveTo(...n) {
+		return this._callContextMethod("moveTo", n);
+	}
+	stroke(...n) {
+		return this._callContextMethod("stroke", n);
+	}
+	beginPath() {
+		return this._callContextMethod("beginPath", []);
+	}
+	closePath() {
+		return this._callContextMethod("closePath", []);
+	}
+	fill(n) {
+		return this._callContextMethod("fill", [n]);
+	}
+	_callContextMethod(n, j) {
+		return this.context[n](...j), this;
+	}
+	updateBounds() {}
+	get bounds() {
+		return this.context.bounds;
+	}
+}, _GraphicsPipe, GraphicsPipe = class {
+	constructor(n) {
+		this._renderer = n;
+	}
+	addRenderable(n, j) {
+		this._renderer.renderPipes.batch.break(j), j.add(n);
+	}
+	execute(n) {
+		let j = this._renderer, M = j.canvasContext, N = M.activeConext, P = j.roundPixels, F = (n.groupColorAlpha >>> 24 & 255) / 255;
+		if (!(F <= 0)) {
+			N.save(), M.setContextTransform(n.relativeGroupTransform, P);
+			for (let j = 0; j < n.context.instructions.length; ++j) {
+				let M = n.context.instructions[j], P = M.data.style, I = P.alpha * F;
+				if (I <= 0) continue;
+				N.globalAlpha = I;
+				let L = M.action === "stroke";
+				if (L) {
+					let n = P.color;
+					N.lineWidth = P.width, N.lineCap = P.cap, N.lineJoin = P.join, N.miterLimit = P.miterLimit, N.strokeStyle = n;
+				} else N.fillStyle = M.data.style.color;
+				let R = M.data.path.shapePath.shapePrimitives;
+				for (let n = 0; n < R.length; ++n) {
+					let j = R[n];
+					j.shape && (N.beginPath(), buildShapePath(N, j.shape), L ? N.stroke() : N.fill());
+				}
+			}
+			N.restore();
+		}
+	}
+	destroy() {
+		this._renderer = null;
+	}
+};
+_GraphicsPipe = GraphicsPipe, _GraphicsPipe.desc = { name: "graphics" };
+function buildShapePath(n, j) {
+	switch (j.type) {
+		case "rectangle": {
+			let M = j;
+			n.rect(M.x, M.y, M.width, M.height);
+			break;
+		}
+		case "polygon": {
+			let M = j, N = M.points;
+			if (!N.length) return;
+			n.moveTo(N[0], N[1]);
+			for (let j = 2; j < N.length; j += 2) n.lineTo(N[j], N[j + 1]);
+			M.closePath && n.closePath();
+			break;
 		}
 	}
-	recursive(n, j, H, U, J, Y, Q, $, R, z, B + 1), recursive(Q, $, X, Z, K, q, I, L, R, z, B + 1);
 }
-var ShapePath = class {
+var _BatchPipe, Batch = class {
+	constructor() {
+		this.renderPipeId = "batch", this.elements = [];
+	}
+}, BatchPipe = class {
 	constructor(n) {
-		this.shapePrimitives = [], this._bounds = new Bounds(), this._graphicsPath = n;
+		this._renderer = n;
 	}
-	_ensurePoly(n = !0) {
-		this._currentPoly || (this._currentPoly = new Polygon(), n && this._currentPoly.points.push(0, 0));
+	get batch() {
+		return this._activeBatch;
 	}
-	lineTo(n, j) {
-		this._ensurePoly();
-		let M = this._currentPoly.points, N = M[M.length - 2], P = M[M.length - 1];
-		return (N !== n || P !== j) && M.push(n, j), this;
+	buildStart() {
+		this._activeBatch = new Batcher();
 	}
-	rect(n, j, M, N) {
-		return this.drawShape(new Rectangle(n, j, M, N)), this;
+	buildEnd(n) {
+		this.break(n);
 	}
-	drawShape(n) {
-		return this.endPloy(), this.shapePrimitives.push({ shape: n }), this;
+	break(n) {
+		this._activeBatch.build(n);
 	}
-	moveTo(n, j) {
-		return this.startPoly(n, j), this;
+	addToBatch(n, j) {
+		this._activeBatch.add({
+			...n,
+			getColor: () => n.renderable.groupColorAlpha
+		});
 	}
-	bezierCurveTo(n, j, M, N, P, F, I) {
-		this._ensurePoly();
-		let L = this._currentPoly.points;
-		return buildAdaptiveBezier(L, this._currentPoly.lastX, this._currentPoly.lastY, n, j, M, N, P, F, I), this;
+	execute(n) {
+		let j = n.elements;
+		if (!j || !j.length) return;
+		let M = this._renderer.canvasContext, N = M.activeConext;
+		for (let n = 0; n < j.length; n++) {
+			let P = j[n], F = P.roundPixels, I = (P.getColor() >>> 24 & 255) / 255;
+			if (I <= 0) continue;
+			N.globalAlpha = I, M.setContextTransform(P.transform, F === 1);
+			let L = P.bounds, R = P.texture, z = R.frame, B = R.source._resolution || 1, V = z.x * B, H = z.y * B, U = z.width * B, W = z.height * B, G = L.minX, K = L.minY, q = L.maxX - L.minX, J = L.maxY - L.minY, Y = G, X = K, Z = q, Q = J;
+			N.drawImage(R.source.resource, V, H, U, W, Y, X, Z, Q);
+		}
 	}
-	startPoly(n, j) {
-		return this._currentPoly && this.endPloy(), this._currentPoly = new Polygon(), this._currentPoly.points.push(n, j), this;
+	destroy() {
+		var n;
+		this._renderer = null, (n = this._activeBatch) == null || n.destroy(), this._activeBatch = null;
 	}
-	endPloy(n = !1) {
-		let j = this._currentPoly;
-		j && j.points.length > 2 && (j.closePath = n, this.shapePrimitives.push({ shape: j })), this._currentPoly = null;
+};
+_BatchPipe = BatchPipe, _BatchPipe.desc = { name: "batch" };
+var Batcher = class {
+	constructor() {
+		this.renderPipeId = "batch", this.elements = [], this.elementSize = 0;
 	}
-	closePath() {
-		return this.endPloy(!0), this;
+	add(n) {
+		this.elements[this.elementSize++] = n;
 	}
-	buildPath() {
-		let n = this._graphicsPath;
-		for (let j = 0; j < n.instructions.length; ++j) {
-			let M = n.instructions[j];
-			this[M.action](...M.data);
+	build(n) {
+		let j = new Batch(), M = this.elements;
+		if (M[0]) {
+			for (let n = 0; n < M.length; n++) {
+				let N = M[n];
+				this.elements[n] = null, j.elements.push(N);
+			}
+			n.add(j);
 		}
-		return this;
 	}
-	get bounds() {
-		let n = this._bounds;
-		n.clear();
-		let j = this.shapePrimitives;
-		for (let M = 0; M < j.length; ++M) {
-			let N = j[M].shape.getBounds();
-			n.addRect(N);
-		}
-		return n;
+	destroy() {
+		this.elements = null;
 	}
-}, GraphicsPath = class n {
+};
+const CanvasPool = new class {
 	constructor() {
-		this.instructions = [], this._dirty = !0;
+		this._canvasPool = Object.create(null);
 	}
-	rect(n, j, M, N) {
-		return this.instructions.push({
-			action: "rect",
-			data: [
-				n,
-				j,
-				M,
-				N
-			]
-		}), this._dirty = !0, this;
+	getOptimalCanvasAndContext(n, j, M = 1) {
+		let N = nextPow2(n * M - 1e-6), P = nextPow2(j * M - 1e-6), F = N << 17 + P << 1;
+		this._canvasPool[F] || (this._canvasPool[F] = []);
+		let I = this._canvasPool[F].pop();
+		if (I) return I;
+		{
+			let n = document.createElement("canvas");
+			return n.width = N, n.height = P, {
+				canvas: n,
+				context: n.getContext("2d")
+			};
+		}
 	}
-	lineTo(...n) {
-		return this.instructions.push({
-			action: "lineTo",
-			data: n
-		}), this._dirty = !0, this;
+}();
+var _TextStyle, TextStyle = class n {
+	constructor(j) {
+		this.uid = uid("textStyle"), this._tick = 0;
+		let M = {
+			...n.defaultStyle,
+			...j
+		};
+		for (let n in M) {
+			let j = n;
+			this[j] = M[n];
+		}
 	}
-	bezierCurveTo(...n) {
-		return this.instructions.push({
-			action: "bezierCurveTo",
-			data: n
-		}), this;
+	get styleKey() {
+		return `${this.uid}-${this._tick}`;
 	}
-	moveTo(...n) {
-		return this.instructions.push({
-			action: "moveTo",
-			data: n
-		}), this;
+	get fontSize() {
+		return this._fontSize;
 	}
-	closePath() {
-		return this.instructions.push({
-			action: "closePath",
-			data: []
-		}), this._dirty = !0, this;
+	set fontSize(n) {
+		this._fontSize !== n && (this._fontSize = n, this.update());
 	}
-	get shapePath() {
-		return this._shapePath || (this._shapePath = new ShapePath(this)), this._dirty && (this._dirty = !1, this._shapePath.buildPath()), this._shapePath;
+	get fill() {
+		return this._fill;
 	}
-	get bounds() {
-		return this.shapePath.bounds;
+	set fill(n) {
+		this._fill !== n && (this._fill = n, this.update());
 	}
-	getLastPoint() {
-		let n = this.instructions.length - 1, j = this.instructions[n];
-		if (!j) return {
-			x: 0,
-			y: 0
-		};
-		switch (j.action) {
-			case "moveTo":
-			case "lineTo": return {
-				x: j.data[0],
-				y: j.data[1]
-			};
-		}
-		return {
-			x: 0,
-			y: 0
-		};
+	get align() {
+		return this._align;
+	}
+	set align(n) {
+		this._align !== n && (this._align = n, this.update());
+	}
+	get wordWarp() {
+		return this._wordWrap;
 	}
-	clear() {
-		this.instructions.length = 0, this._dirty = !0;
+	set wordWrap(n) {
+		this._wordWrap !== n && (this._wordWrap = n, this.update());
 	}
-	clone() {
-		let j = new n();
-		return j.instructions = this.instructions.slice(), j;
+	get fontFamily() {
+		return this._fontFamily;
 	}
-}, _GraphicsContext, GraphicsContext = class n {
-	constructor() {
-		this._activePath = new GraphicsPath(), this._bounds = new Bounds(), this.instructions = [];
+	set fontFamily(n) {
+		this._fontFamily !== n && (this._fontFamily = n, this.update());
 	}
-	setStrokeStyle(j) {
-		this._strokeStyle = toStrokeStyle(j, n.defaultStrokeStyle);
+	get leading() {
+		return this._leading;
 	}
-	moveTo(n, j) {
-		return this._activePath.moveTo(n, j), this;
+	set leading(n) {
+		this._leading !== n && (this._leading = n, this.update());
 	}
-	lineTo(n, j) {
-		return this._activePath.lineTo(n, j), this;
+	get fontStyle() {
+		return this._fontStyle;
 	}
-	bezierCurveTo(n, j, M, N, P, F, I) {
-		return this._activePath.bezierCurveTo(n, j, M, N, P, F, I), this;
+	set fontStyle(n) {
+		this._fontStyle !== n && (this._fontStyle = n.toLowerCase(), this.update());
 	}
-	rect(n, j, M, N) {
-		return this._activePath.rect(n, j, M, N), this;
+	get textBaseline() {
+		return this._textBaseline;
 	}
-	beginPath() {
-		return this._activePath = new GraphicsPath(), this;
+	set textBaseline(n) {
+		this._textBaseline = n, this.update();
 	}
-	closePath() {
-		return this._activePath.closePath(), this;
+	get lineHeight() {
+		return this._lineHeight;
 	}
-	fill(j) {
-		let M = {
-			...n.defaultStrokeStyle,
-			color: j
-		};
-		return this.instructions.push({
-			action: "fill",
-			data: {
-				style: M,
-				path: this._activePath.clone()
-			}
-		}), this;
+	set lineHeight(n) {
+		this._lineHeight !== n && (this._lineHeight = n, this.update());
 	}
-	stroke() {
-		this.instructions.push({
-			action: "stroke",
-			data: {
-				style: this._strokeStyle,
-				path: this._activePath.clone()
-			}
-		}), this._initNextPathLocation();
+	get letterSpacing() {
+		return this._letterSpacing;
 	}
-	_initNextPathLocation() {
-		let { x: n, y: j } = this._activePath.getLastPoint();
-		this._activePath.clear(), this._activePath.moveTo(n, j);
+	set letterSpacing(n) {
+		this._letterSpacing !== n && (this._letterSpacing = n, this.update());
 	}
-	get bounds() {
-		let n = this._bounds;
-		n.clear();
-		for (let j = 0; j < this.instructions.length; ++j) {
-			let M = this.instructions[j], N = M.action;
-			if (N === "fill") {
-				let j = M.data;
-				n.addBounds(j.path.bounds);
-			} else if (N === "stroke") {
-				let j = M.data, N = j.style.alignment, P = j.style.width * (1 - N);
-				j.style.join;
-				let F = j.path.bounds;
-				n.addFrame(F.minX - P, F.minY - P, F.maxX + P, F.maxY + P);
-			}
-		}
-		return n;
+	get fontVariant() {
+		return this._fontVariant;
 	}
-	clone() {
-		let j = new n();
-		return j.instructions = this.instructions.slice(), j._activePath = this._activePath.clone(), j._bounds = this._bounds.clone(), j._strokeStyle = { ...this._strokeStyle }, j;
+	set fontVariant(n) {
+		this._fontVariant !== n && (this._fontVariant = n, this.update());
+	}
+	get fontWeight() {
+		return this._fontWeight;
+	}
+	set fontWeight(n) {
+		this._fontWeight !== n && (this._fontWeight = n, this.update());
+	}
+	get _fontString() {
+		return this._cachedFontString === null && (this._cachedFontString = fontStringFromTextStyle(this)), this._cachedFontString;
+	}
+	update() {
+		this._tick++, this._cachedFontString = null;
+	}
+	destroy(n = !1) {
+		this._fill = null;
 	}
 };
-_GraphicsContext = GraphicsContext, _GraphicsContext.defaultStrokeStyle = {
-	width: 1,
-	color: "#ffffff",
-	alignment: .5,
-	miterLimit: 10,
-	cap: "butt",
-	join: "miter",
-	pixelLine: !1,
-	alpha: 1
+_TextStyle = TextStyle, _TextStyle.defaultStyle = {
+	align: "left",
+	breakWords: !1,
+	dropShadow: null,
+	fill: "black",
+	fontFamily: "Arial",
+	fontSize: 26,
+	fontStyle: "normal",
+	fontVariant: "normal",
+	fontWeight: "normal",
+	leading: 0,
+	letterSpacing: 0,
+	lineHeight: 0,
+	padding: 0,
+	stroke: null,
+	textBaseline: "alphabetic",
+	trim: !1,
+	whiteSpace: "pre",
+	wordWrap: !1,
+	wordWrapWidth: 100
 };
-function toStrokeStyle(n, j) {
-	return {
-		...j,
-		...n
-	};
+var genericFontFamilies = [
+	"serif",
+	"sans-serif",
+	"monospace",
+	"cursive",
+	"fantasy",
+	"system-ui"
+];
+function fontStringFromTextStyle(n) {
+	let j = typeof n.fontSize == "number" ? `${n.fontSize}px` : n.fontSize, M = n.fontFamily;
+	Array.isArray(n.fontFamily) || (M = n.fontFamily.split(","));
+	for (let n = M.length - 1; n >= 0; n--) {
+		let j = M[n].trim();
+		!/([\"\'])[^\'\"]+\1/.test(j) && !genericFontFamilies.includes(j) && (j = `"${j}"`), M[n] = j;
+	}
+	return `${n.fontStyle} ${n.fontVariant} ${n.fontWeight} ${j} ${M.join(",")}`;
 }
-var Graphics = class extends ViewContainer {
-	constructor(n) {
-		super(), this.renderPipeId = "graphics", n instanceof GraphicsContext ? this.context = n : this.context = new GraphicsContext();
+var _TextMetrics;
+const NEWLINE_MATCH_REGEX = /(?:\r\n|\r|\n)/;
+var TextMetrics = class n {
+	constructor(n, j, M, N, P, F, I, L, R) {
+		this.text = n, this.style = j, this.width = M, this.height = N, this.lines = P, this.lineWidths = F, this.lineHeight = I, this.maxLineWidth = L, this.fontProperties = R;
 	}
-	setStrokeStyle(...n) {
-		return this._callContextMethod("setStrokeStyle", n);
+	static get canvas() {
+		if (!n._canvas) {
+			let j;
+			try {
+				let M = new OffscreenCanvas(0, 0);
+				if (M.getContext("2d", { willReadFrequently: !0 }).measureText) return n._canvas = M, M;
+				j = createCanvas(10, 10);
+			} catch (n) {
+				j = createCanvas(10, 10);
+			}
+			n._canvas = j;
+		}
+		return n._canvas;
 	}
-	rect(...n) {
-		return this._callContextMethod("rect", n);
+	static get context() {
+		return n._context || (n._context = n.canvas.getContext("2d", { willReadFrequently: !0 })), n._context;
 	}
-	bezierCurveTo(...n) {
-		return this._callContextMethod("bezierCurveTo", n);
+	static measureText(j, M) {
+		let N = `${j}-${M.styleKey}`;
+		if (n._measurementCache.has(N)) return n._measurementCache.get(N);
+		let P = M._fontString, F = n.measureFont(P);
+		F.fontSize === 0 && (F.fontSize = M.fontSize, F.ascent = M.fontSize, F.descent = 0);
+		let I = n.context;
+		I.font = P;
+		let L = j.split(NEWLINE_MATCH_REGEX), R = Array(L.length), z = 0;
+		for (let j = 0; j < L.length; ++j) {
+			let N = n._measureText(L[j], M.letterSpacing);
+			R[j] = N, z = Math.max(z, N);
+		}
+		let B = M.lineHeight || F.fontSize, V = new n(j, M, z, Math.max(B, F.fontSize + (L.length - 1) * (B + M.leading)), L, R, B, z, F);
+		return n._measurementCache.set(N, V), V;
 	}
-	lineTo(...n) {
-		return this._callContextMethod("lineTo", n);
+	static _measureText(j, M) {
+		var N, P;
+		let F = n.context;
+		F.letterSpacing = "0px", F.textLetterSpacing = M;
+		let I = F.measureText(j), L = I.width, R = 0;
+		L > 0 && (R = (n.graphemeSegmenter(j).length - 1) * M, L += R);
+		let z = -((N = I.actualBoundingBoxLeft) == null ? 0 : N), B = ((P = I.actualBoundingBoxRight) == null ? 0 : P) - z;
+		return I.width > 0 && (B += R), Math.max(L, B);
 	}
-	moveTo(...n) {
-		return this._callContextMethod("moveTo", n);
+	static measureFont(j) {
+		var M, N;
+		if (n._fonts[j]) return n._fonts[j];
+		let P = n.context;
+		P.font = j;
+		let F = P.measureText(n.METRICS_STRING + n.BASELINE_SYMBOL), I = (M = F.actualBoundingBoxAscent) == null ? 0 : M, L = (N = F.actualBoundingBoxDescent) == null ? 0 : N, R = {
+			ascent: I,
+			descent: L,
+			fontSize: I + L
+		};
+		return n._fonts[j] = R, R;
+	}
+};
+_TextMetrics = TextMetrics, _TextMetrics.METRICS_STRING = "|ÉqÅ", _TextMetrics.BASELINE_SYMBOL = "M", _TextMetrics._measurementCache = /* @__PURE__ */ new Map(), _TextMetrics._fonts = {}, _TextMetrics.graphemeSegmenter = (() => {
+	var n;
+	if (typeof ((n = Intl) == null ? void 0 : n.Segmenter) == "function") {
+		let n = new Intl.Segmenter();
+		return (j) => {
+			let M = n.segment(j), N = [], P = 0;
+			for (let n of M) N[P++] = n.segment;
+			return N;
+		};
+	}
+	return (n) => [...n];
+})();
+function createCanvas(n, j) {
+	let M = document.createElement("canvas");
+	return M.width = n, M.height = j, M;
+}
+function generateTextTexture(n) {
+	let { text: j, style: M, resolution: N = 1, padding: P = 0 } = n, F = TextMetrics.measureText(j, M), I = Math.ceil(Math.ceil(Math.max(1, F.width) + P * 2) * N), L = Math.ceil(Math.ceil(Math.max(1, F.height) + P * 2) * N), R = CanvasPool.getOptimalCanvasAndContext(I, L);
+	return renderTextToCanvas(M, N, P, R, F), {
+		canvasAndContext: R,
+		frame: new Rectangle(0, 0, I, L)
+	};
+}
+function renderTextToCanvas(n, j, M, N, P) {
+	let { context: F } = N, I = fontStringFromTextStyle(n), { lines: L, lineHeight: R, lineWidths: z, maxLineWidth: B, fontProperties: V } = P;
+	F.resetTransform(), F.scale(j, j), F.textBaseline = n.textBaseline, F.font = I;
+	let H = Math.min(0, (R - V.fontSize) / 2);
+	F.fillStyle = n.fill;
+	for (let j = 0; j < L.length; ++j) {
+		let P = getAlignmentOffset(z[j], B, n.align), F = j * R + V.ascent + H, I = 0;
+		if (n.align === "justify" && n.wordWrap && j < L.length - 1) {
+			let n = countSpaces(L[j]);
+			n > 0 && (I = (B - z[j]) / n);
+		}
+		drawLetterSpacing(L[j], n, N, P + M, F + M, !1, I);
 	}
-	stroke(...n) {
-		return this._callContextMethod("stroke", n);
+}
+function getAlignmentOffset(n, j, M) {
+	return M === "right" ? j - n : M === "center" ? (j - n) / 2 : 0;
+}
+function countSpaces(n) {
+	let j = 0;
+	for (let M = 0; M < n.length; M++) n.charCodeAt(M) === 32 && j++;
+	return j;
+}
+function drawLetterSpacing(n, j, M, N, P, F = !1, I = 0) {
+	let L = M.context, R = j.letterSpacing;
+	if (R === 0 && I === 0) {
+		L.fillText(n, N, P);
+		return;
 	}
-	beginPath() {
-		return this._callContextMethod("beginPath", []);
+	if (I !== 0 && R === 0) {
+		let j = n.split(" "), M = N, F = L.measureText(" ").width;
+		for (let n = 0; n < j.length; ++n) L.fillText(j[n], M, P), M += L.measureText(j[n]).width + F + I;
+		return;
 	}
-	closePath() {
-		return this._callContextMethod("closePath", []);
+	let z = N, B = TextMetrics.graphemeSegmenter(n), V = L.measureText(n).width, H = 0;
+	for (let n = 0; n < B.length; ++n) {
+		let j = B[n];
+		L.fillText(j, z, P);
+		let M = "";
+		for (let j = n + 1; j < B.length; ++j) M += B[j];
+		H = L.measureText(M).width, z += V - H + R, j === "" && (z += I), V = H;
 	}
-	fill(n) {
-		return this._callContextMethod("fill", [n]);
+}
+var _TextureSource, TextureSource = class n extends eventemitter3_default {
+	constructor(j) {
+		super(), this._resolution = 1, this.pixelWidth = 1, this.pixelHeight = 1, this.width = 1, this.height = 1;
+		let M = {
+			...n.defaultOptions,
+			...j
+		};
+		this.label = j.label, this.resource = M.resource, this._resolution = M.resolution, M.width ? this.pixelWidth = j.width * this._resolution : this.pixelWidth = this.resource && this.resourceWidth || 1, M.height ? this.pixelHeight = j.height * this._resolution : this.pixelHeight = this.resource && this.resourceHeight || 1, this.width = this.pixelWidth / this._resolution, this.height = this.pixelHeight / this._resolution, this.destroyed = !1;
 	}
-	_callContextMethod(n, j) {
-		return this.context[n](...j), this;
+	get resolution() {
+		return this._resolution;
 	}
-	updateBounds() {}
-	get bounds() {
-		return this.context.bounds;
+	set resolution(n) {
+		this._resolution !== n && (this._resolution = n, this.width = this.pixelWidth / n, this.height = this.pixelHeight / n);
 	}
-}, _GraphicsPipe, GraphicsPipe = class {
-	constructor(n) {
-		this._renderer = n;
+	get resourceWidth() {
+		let n = this.resource;
+		return n.naturalWidth || n.width;
 	}
-	addRenderable(n, j) {
-		this._renderer.renderPipes.batch.break(j), j.add(n);
+	get resourceHeight() {
+		let n = this.resource;
+		return n.naturalHeight || n.height;
 	}
-	execute(n) {
-		let j = this._renderer, M = j.canvasContext, N = M.activeConext, P = j.roundPixels, F = (n.groupColorAlpha >>> 24 & 255) / 255;
-		if (!(F <= 0)) {
-			N.save(), M.setContextTransform(n.relativeGroupTransform, P);
-			for (let j = 0; j < n.context.instructions.length; ++j) {
-				let M = n.context.instructions[j], P = M.data.style, I = P.alpha * F;
-				if (I <= 0) continue;
-				N.globalAlpha = I;
-				let L = M.action === "stroke";
-				if (L) {
-					let n = P.color;
-					N.lineWidth = P.width, N.lineCap = P.cap, N.lineJoin = P.join, N.miterLimit = P.miterLimit, N.strokeStyle = n;
-				} else N.fillStyle = M.data.style.color;
-				let R = M.data.path.shapePath.shapePrimitives;
-				for (let n = 0; n < R.length; ++n) {
-					let j = R[n];
-					j.shape && (N.beginPath(), buildShapePath(N, j.shape), L ? N.stroke() : N.fill());
-				}
-			}
-			N.restore();
-		}
+	resize(n, j, M) {
+		M || (M = this._resolution), n || (n = this.width), j || (j = this.height);
+		let N = Math.round(n * M), P = Math.round(j * M);
+		return this.width = N / M, this.height = P / M, this._resolution = M, this.pixelWidth === N && this.pixelHeight === P ? !1 : (this.pixelWidth = N, this.pixelHeight = P, this.emit("resize", this), !0);
 	}
 	destroy() {
-		this._renderer = null;
+		this.destroyed = !0, this.resource = null, this.emit("destroy", this), this.removeAllListeners();
 	}
 };
-_GraphicsPipe = GraphicsPipe, _GraphicsPipe.desc = { name: "graphics" };
-function buildShapePath(n, j) {
-	switch (j.type) {
-		case "rectangle": {
-			let M = j;
-			n.rect(M.x, M.y, M.width, M.height);
-			break;
-		}
-		case "polygon": {
-			let M = j, N = M.points;
-			if (!N.length) return;
-			n.moveTo(N[0], N[1]);
-			for (let j = 2; j < N.length; j += 2) n.lineTo(N[j], N[j + 1]);
-			M.closePath && n.closePath();
-			break;
-		}
-	}
-}
-var _BatchPipe, Batch = class {
-	constructor() {
-		this.renderPipeId = "batch", this.elements = [];
-	}
-}, BatchPipe = class {
+_TextureSource = TextureSource, _TextureSource.defaultOptions = { resolution: 1 };
+var CanvasSource = class extends TextureSource {
 	constructor(n) {
-		this._renderer = n;
-	}
-	get batch() {
-		return this._activeBatch;
-	}
-	buildStart() {
-		this._activeBatch = new Batcher();
-	}
-	buildEnd(n) {
-		this.break(n);
+		n.resource || (n.resource = createCanvas()), n.width || (n.width = n.resource.width, n.autoDensity || (n.width /= n.resolution)), n.height || (n.height = n.resource.height, n.autoDensity || (n.height /= n.resolution)), super(n), this.autoDensity = n.autoDensity, this.resizeCanvas();
 	}
-	break(n) {
-		this._activeBatch.build(n);
+	resizeCanvas() {
+		this.autoDensity && (this.resource.style.width = `${this.width}px`, this.resource.style.height = `${this.height}px`), (this.resource.width !== this.pixelWidth || this.resource.height !== this.pixelHeight) && (this.resource.width = this.pixelWidth, this.resource.height = this.pixelHeight);
 	}
-	addToBatch(n, j) {
-		this._activeBatch.add({
-			...n,
-			getColor: () => n.renderable.groupColorAlpha
-		});
+	resize(n = this.width, j = this.height, M = this._resolution) {
+		let N = super.resize(n, j, M);
+		return N && this.resizeCanvas(), N;
 	}
-	execute(n) {
-		let j = n.elements;
-		if (!j || !j.length) return;
-		let M = this._renderer.canvasContext, N = M.activeConext;
-		for (let n = 0; n < j.length; n++) {
-			let P = j[n], F = P.roundPixels, I = (P.getColor() >>> 24 & 255) / 255;
-			if (I <= 0) continue;
-			N.globalAlpha = I, M.setContextTransform(P.transform, F === 1);
-			let L = P.bounds, R = P.texture, z = R.frame, B = R.source._resolution || 1, V = z.x * B, H = z.y * B, U = z.width * B, W = z.height * B, G = L.minX, K = L.minY, q = L.maxX - L.minX, J = L.maxY - L.minY, Y = G, X = K, Z = q, Q = J;
-			N.drawImage(R.source.resource, V, H, U, W, Y, X, Z, Q);
+}, Texture = class extends eventemitter3_default {
+	constructor({ source: n, label: j, frame: M, orig: N, rotate: P } = {}) {
+		if (super(), this.frame = new Rectangle(), this.noFrame = !1, this.label = j, this.source = n, M) this.frame.copyFrom(M);
+		else {
+			this.noFrame = !0;
+			let { width: j, height: M } = n;
+			this.frame.width = j, this.frame.height = M;
 		}
+		this.orig = N || this.frame, this.rotate = P == null ? 0 : P, this.destroyed = !1;
 	}
-	destroy() {
-		var n;
-		this._renderer = null, (n = this._activeBatch) == null || n.destroy(), this._activeBatch = null;
+	get source() {
+		return this._source;
 	}
-};
-_BatchPipe = BatchPipe, _BatchPipe.desc = { name: "batch" };
-var Batcher = class {
-	constructor() {
-		this.renderPipeId = "batch", this.elements = [], this.elementSize = 0;
+	set source(n) {
+		this._source && this._source.off("resize", this.update, this), this._source = n, n.on("resize", this.update, this);
 	}
-	add(n) {
-		this.elements[this.elementSize++] = n;
+	get width() {
+		return this.orig.width;
 	}
-	build(n) {
-		let j = new Batch(), M = this.elements;
-		if (M[0]) {
-			for (let n = 0; n < M.length; n++) {
-				let N = M[n];
-				this.elements[n] = null, j.elements.push(N);
-			}
-			n.add(j);
-		}
+	get height() {
+		return this.orig.height;
 	}
-	destroy() {
-		this.elements = null;
+	update() {
+		this.noFrame && (this.frame.width = this._source.width, this.frame.height = this._source.height);
 	}
-}, _TextSystem, TextSystem = class {
+	destroy(n = !1) {
+		this._source && (this._source.off("resize", this.update, this), n && (this._source.destroy(), this._source = null)), this.destroyed = !0, this.emit("destroy", this), this.removeAllListeners();
+	}
+};
+Texture.EMPTY = new Texture({
+	label: "EMPTY",
+	source: new TextureSource({ label: "EMPTY" })
+});
+var _TextSystem, TextSystem = class {
 	constructor(n) {
 		this._activeTexture = {}, this.renderer = n;
 	}
@@ -2234,6 +2178,9 @@ var TickerListener = class {
 	start() {
 		this.started || (this.started = !0, this._requestIfNeeded());
 	}
+	stop() {
+		this.started && (this.started = !1, this._cancelIfNeeded());
+	}
 	remove(n, j) {
 		let M = this._head.next;
 		for (; M;) M = M.match(n, j) ? M.destroy() : M.next;
@@ -2248,6 +2195,12 @@ var TickerListener = class {
 	_cancelIfNeeded() {
 		this._requestId !== null && (cancelAnimationFrame(this._requestId), this._requestId = null);
 	}
+	destroy() {
+		this.stop();
+		let n = this._head.next;
+		for (; n;) n = n.destroy(!0);
+		this._head.destroy(), this._head = null;
+	}
 };
 _Ticker = Ticker, _Ticker.targetFPMS = .06;
 var plugins = [class {
@@ -2283,7 +2236,7 @@ var plugins = [class {
 	constructor() {
 		this.stage = new Container();
 	}
-	async init(n) {
+	async init(n = {}) {
 		n = { ...n }, this.stage || (this.stage = new Container()), this.renderer = new CanvasRenderer(), await this.renderer.init(n), plugins.forEach((j) => {
 			j.init.call(this, n);
 		}), this.ticker = new Ticker(), (n.autoStart || n.autoStart == null) && this._ticker.start();
@@ -2305,11 +2258,188 @@ var plugins = [class {
 	}
 	destroy() {
 		let n = plugins.slice(0);
-		n.reverse(), n.forEach((n) => {
+		if (n.reverse(), n.forEach((n) => {
 			n.destroy.call(this);
-		}), this.stage.destroy(), this.stage = null, this.renderer.destroy(), this.renderer = null;
+		}), this.stage.destroy(), this.stage = null, this.renderer.destroy(), this.renderer = null, this._ticker) {
+			let n = this._ticker;
+			this._ticker = null, n.destroy();
+		}
+	}
+};
+const Cache = new class {
+	constructor() {
+		this._cache = /* @__PURE__ */ new Map(), this._cacheMap = /* @__PURE__ */ new Map();
+	}
+	reset() {
+		this._cache.clear(), this._cacheMap.clear();
+	}
+	has(n) {
+		return this._cache.has(n);
+	}
+	get(n) {
+		let j = this._cache.get(n);
+		if (!j) throw Error(`Asset ${n} not found`);
+		return j;
+	}
+	set(n, j) {
+		let M = Array.isArray(n) ? n : [n], N = /* @__PURE__ */ new Map();
+		M.forEach((n) => {
+			N.set(n, j);
+		});
+		let P = [...N.keys()], F = {
+			cacheKeys: P,
+			keys: M
+		};
+		M.forEach((n) => {
+			this._cacheMap.set(n, F);
+		}), P.forEach((n) => {
+			this._cache.has(n) && this._cache.has(n), this._cache.set(n, N.get(n));
+		});
+	}
+	remove(n) {
+		if (!this._cacheMap.has(n)) return;
+		let j = this._cacheMap.get(n);
+		((j == null ? void 0 : j.cacheKeys) || []).forEach((n) => {
+			this._cache.delete(n);
+		}), j == null || j.keys.forEach((n) => {
+			this._cacheMap.delete(n);
+		});
+	}
+}();
+var _Loader, Loader = class n {
+	constructor() {
+		this.promiseCache = {}, this.loadOptions = { ...n.defaultOptions };
+	}
+	getAlias(n) {
+		let { alias: j, src: M } = n, N = j || M;
+		return (Array.isArray(N) ? N : [N]).map((n) => typeof n == "string" ? n : Array.isArray(n) ? n.map((n) => {
+			var j;
+			return (j = n.src) == null ? n : j;
+		}) : n != null && n.src ? n.src : n);
+	}
+	async load(j, M) {
+		let { onProgress: N, onError: P, strategy: F, retryCount: I, retryDelay: L } = typeof M == "function" ? {
+			...n.defaultOptions,
+			...this.loadOptions,
+			onProgress: M
+		} : {
+			...n.defaultOptions,
+			...this.loadOptions,
+			...M || {}
+		}, R = 0, z = {}, B = j.reduce((n, j) => n + (j.progressSize || 1), 0), V = j.map(async (n) => {
+			if (z[n.src]) return;
+			let j = n.src;
+			await this._loadAssetWithRetry(j, n, {
+				onProgress: N,
+				onError: P,
+				strategy: F,
+				retryCount: I,
+				retryDelay: L
+			}, z), R += n.progressSize || 1, N && N(R / B);
+		});
+		return await Promise.all(V), z;
+	}
+	async unload(n) {
+		let j = n.map(async (n) => {
+			let j = n.src, M = this.promiseCache[j];
+			if (M) {
+				let n = await M;
+				delete this.promiseCache[j], n.destroy(!0);
+			}
+		});
+		await Promise.all(j);
+	}
+	_getLoadPromise(n, j) {
+		return (async () => await loadTextures(n, j, this))();
+	}
+	async _loadAssetWithRetry(n, j, M, N) {
+		let P = 0, { onError: F, strategy: I, retryCount: L, retryDelay: R } = M, z = (n) => new Promise((j) => setTimeout(j, n));
+		for (;;) try {
+			this.promiseCache[n] || (this.promiseCache[n] = this._getLoadPromise(n, j)), N[j.src] = await this.promiseCache[n];
+			return;
+		} catch (M) {
+			if (delete this.promiseCache[n], delete N[j.src], P++, I === "retry" && !(I !== "retry" || P > L)) {
+				F && F(M, j.src), await z(R);
+				continue;
+			}
+			if (I === "skip") {
+				F && F(M, j.src);
+				return;
+			}
+			F && F(M, j.src);
+			let B = /* @__PURE__ */ Error(`[Loader.load] Failed to load ${n}.\n${M}`);
+			throw M instanceof Error && M.stack && (B.stack = M.stack), B;
+		}
+	}
+	reset() {
+		this.promiseCache = {};
+	}
+};
+_Loader = Loader, _Loader.defaultOptions = {
+	strategy: "throw",
+	retryCount: 3,
+	retryDelay: 250
+};
+async function loadTextures(n, j, M) {
+	let N = null;
+	return N = globalThis.createImageBitmap ? await loadImageBitmap(n) : await new Promise((j, M) => {
+		N = new Image(), N.crossOrigin = "anonymous", N.src = n, N.complete ? j(N) : (N.onload = () => {
+			j(N);
+		}, N.onerror = M);
+	}), createTexture(new TextureSource({ resource: N }), M, n);
+}
+async function loadImageBitmap(n) {
+	let j = await window.fetch(n);
+	if (j.headers.get("content-type") === "text/html" || !j.ok) throw Error(`[loadImageBitmap] Failed to fetch ${n}: ${j.status} ${j.statusText}`);
+	let M = await j.blob();
+	return window.createImageBitmap(M);
+}
+function createTexture(n, j, M) {
+	n.label = M;
+	let N = new Texture({
+		source: n,
+		label: M
+	}), P = () => {
+		delete j.promiseCache[M], Cache.has(M) && Cache.remove(M);
+	};
+	return N.source.on("destroy", () => {
+		j.promiseCache[M] && P();
+	}), N.on("destroy", () => {
+		n.destroyed || P();
+	}), N;
+}
+var AssetsClass = class {
+	constructor() {
+		this._initialized = !1, this.loader = new Loader(), this.cache = Cache;
+	}
+	init(n = {}) {
+		this._initialized || (this._initialized = !0, n.basePath && (this.basePath = n.basePath), n.loadOptions && (this.loader.loadOptions = {
+			...this.loader.loadOptions,
+			...n.loadOptions
+		}));
+	}
+	async load(n, j) {
+		this._initialized || this.init();
+		let M = n.map((n) => ({
+			...n,
+			src: this.basePath ? `${this.basePath}/${n.src}` : n.src
+		}));
+		return await this._mapLoadToResolve(M, j);
+	}
+	async _mapLoadToResolve(n, j) {
+		let M = Object.values(n), N = await this.loader.load(M, j), P = {};
+		return M.forEach((n) => {
+			let j = N[n.src], M = Array.isArray(n.alias) ? n.alias : [n.alias], F = [n.src, ...M];
+			F.forEach((n) => {
+				P[n] = j;
+			}), Cache.set(F, j);
+		}), P;
+	}
+	reset() {
+		this._initialized = !1, this.cache.reset(), this.loader.reset();
 	}
 };
-export { Application, Assets, Cache, CanvasRenderer, Container, Graphics, GraphicsContext, GraphicsPipe, ImageFile, Loader, Matrix, PI_2, Rectangle, RenderGroup, ResourceManager, Sprite, Text, TextPipe, Texture, Ticker, TickerListener, UPDATE_BLEND, UPDATE_COLOR, UPDATE_TRANSFORM, UPDATE_VISIBLE, Vector2, ViewContainer, buildShapePath, nextPow2 };
+const Assets = new AssetsClass();
+export { Application, Assets, AssetsClass, CanvasRenderer, Container, Graphics, GraphicsContext, GraphicsPipe, Matrix, PI_2, Rectangle, RenderGroup, Sprite, Text, TextPipe, Texture, Ticker, TickerListener, UPDATE_BLEND, UPDATE_COLOR, UPDATE_TRANSFORM, UPDATE_VISIBLE, Vector2, ViewContainer, buildShapePath, nextPow2 };
 
 //# sourceMappingURL=dao.js.map