@caperjs/core 0.2.3 → 0.2.4

package/lib/caper.mjs

@@ -289,7 +289,7 @@ function un(e, t) {
 }
 //#endregion
 //#region src/version.ts
-var dn = "0.2.3", fn = "8.19.0", pn = "     ........        .....     ............    ............. ...........     \n  .............     .......   ................ ............. ..............  \n ..............    .........   ............... ............. ..............  \n .....            ...........   .............. ............  ..............  \n .....           ...... ......  .............. ............. .............   \n .............. ......   .....  ............   ............. .....  ......   \n  ...................     ..... .....          ............. .....   ....... \n    ................       ..........          ............. .....     ..... ";
+var dn = "0.2.4", fn = "8.19.0", pn = "     ........        .....     ............    ............. ...........     \n  .............     .......   ................ ............. ..............  \n ..............    .........   ............... ............. ..............  \n .....            ...........   .............. ............  ..............  \n .....           ...... ......  .............. ............. .............   \n .............. ......   .....  ............   ............. .....  ......   \n  ...................     ..... .....          ............. .....   ....... \n    ................       ..........          ............. .....     ..... ";
 function mn() {
 	let e = `\n${pn}\n\n v${dn} | %cPixi.js v${fn} %c| %chttps://github.com/anthonysapp/caper\n\n`;
 	console.log(e, "color: #E91E63; font-weight: 600;", "color: inherit;", "color: #00BCD4; text-decoration: underline;");
@@ -1060,17 +1060,20 @@ var Qn = [
 		}, e), this.id = this.config.id, e.layout === void 0 ? this.layout = !1 : this.layout = e.layout, this.view = this.add.sprite({
 			asset: this.config.textures.default,
 			sheet: this.config.sheet ?? void 0
-		}), this.cursor = this.config.cursor, this.enabled = e.enabled !== !1, this.layout?.style.transformOrigin !== "top left" && (this.layout = { transformOrigin: "top left" }, this.app.renderer.layout && this.app.renderer.layout.update(this)), this.config.textLabel && this.addLabel(this.config.textLabel), this.addSignalConnection(this.onInteraction("pointerover").connect(this.handlePointerOver, -1), this.onInteraction("pointerout").connect(this.handlePointerOut, -1), this.onInteraction("pointerup").connect(this.handlePointerUp, -1), this.onInteraction("click").connect(this.handleClick, -1), this.onInteraction("tap").connect(this.handleClick, -1), this.onInteraction("pointerdown").connect(this.handlePointerDown, -1));
+		}), this.cursor = this.config.cursor, this.enabled = e.enabled !== !1, this.layout?.style.transformOrigin !== "top left" && (this.layout = { transformOrigin: "top left" }, this.app.renderer.layout && this.app.renderer.layout.update(this)), this.config.textLabel && this.addLabel(this.config.textLabel), this.addSignalConnection(this.onInteraction("pointerover").connect(this.handlePointerOver, -1), this.onInteraction("pointerout").connect(this.handlePointerOut, -1), this.onInteraction("pointerup").connect(this.handlePointerUp, -1), this.onInteraction("click").connect(this.handleClick, -1), this.onInteraction("tap").connect(this.handleClick, -1), this.onInteraction("pointerdown").connect(this.handlePointerDown, -1)), this.on("removed", this._resetPressState);
 	}
 	set enabled(e) {
 		this._enabled !== e && (this._enabled = e, this.cursor = this._enabled ? this.config.cursor : this.config.disabledCursor, this.focusEnabled = e, this._enabled ? (this.view.texture = this.make.texture({
 			asset: this.config.textures.default,
 			sheet: this.config.sheet ?? void 0
-		}), this.onEnabled.emit()) : (this.view.texture = this.make.texture({
+		}), this.onEnabled.emit()) : (this._resetPressState(), this.view.texture = this.make.texture({
 			asset: this.config.textures.disabled || this.config.textures.default,
 			sheet: this.config.sheet ?? void 0
 		}), this.onDisabled.emit()));
 	}
+	_resetPressState() {
+		window.removeEventListener("pointerup", this.handlePointerUpOutside), this.off("pointerupoutside", this.handlePointerUpOutside), this.isDown = !1, this._pointerId = void 0;
+	}
 	addLabel(e) {
 		if (e instanceof O || e instanceof St || e instanceof w) e.anchor.set(.5, .5), this._textLabel = this.add.existing(e), this._textLabel.layout = !1;
 		else switch (e.anchor = .5, e.type) {
@@ -1105,7 +1108,7 @@ var Qn = [
 		return S.getInstance();
 	}
 	destroy(e) {
-		this.onDestroy.emit(), super.destroy(e);
+		this.onDestroy.emit(), this._resetPressState(), this._isDownListenerAdded &&= (this.app.ticker.remove(this._handleIsDownCallbacks), !1), super.destroy(e);
 	}
 	focusOut() {
 		super.focusOut(), this.isDown = !1, this.isOver = !1;
@@ -1120,7 +1123,7 @@ var Qn = [
 		this._isDownCallbacks.set(e, t), this._checkIsDownCallbacks();
 	}
 	removeIsDownCallback(e) {
-		this._isDownCallbacks.delete(e);
+		this._isDownCallbacks.delete(e), this._checkIsDownCallbacks();
 	}
 	setTexture(e, t) {
 		this.config.textures[e] = t, e === "default" && (this.view.texture = this.make.texture({
@@ -1152,20 +1155,22 @@ var Qn = [
 			sheet: this.config.sheet
 		}), this.onUp.emit(), this._pointerId = void 0);
 	}
-	handleClick() {
-		this._enabled && (this.isDown = !1, this.onClick.emit(), this.config.sounds?.click && this.app.audio.play(this.config.sounds.click, "sfx"), this.config.actions?.click && this._doAction(this.config.actions.click));
+	handleClick(e) {
+		this._enabled && (e?.pointerId !== void 0 && !this.isDown || e !== void 0 && e === this._lastClickEvent || (this._lastClickEvent = e, this.isDown = !1, this.onClick.emit(), this.config.sounds?.click && this.app.audio.play(this.config.sounds.click, "sfx"), this.config.actions?.click && this._doAction(this.config.actions.click)));
 	}
 	handlePointerUpOutside(e) {
-		!this._enabled || e.pointerId !== this._pointerId || (window.removeEventListener("pointerup", this.handlePointerUpOutside), this.off("pointerupoutside", this.handlePointerUpOutside), this.view.texture = this.make.texture({
+		if (e.pointerId !== this._pointerId) return;
+		let t = this._enabled;
+		this._resetPressState(), this.isOver = !1, t && (this.view.texture = this.make.texture({
 			asset: this.config.textures.default,
 			sheet: this.config.sheet
-		}), this.isDown = !1, this.isOver = !1, this.onUpOutside.emit(), this._pointerId = void 0);
+		}), this.onUpOutside.emit());
 	}
 	_doAction(e) {
 		typeof e == "function" ? e() : (e.data.button || (e.data.button = this), this.app.action(e.id, e.data));
 	}
 	_checkIsDownCallbacks() {
-		!this._isDownListenerAdded && this._isDownCallbacks.size > 0 ? (this._isDownListenerAdded = !0, this.app.ticker.add(this._handleIsDownCallbacks)) : (this.app.ticker.remove(this._handleIsDownCallbacks), this._isDownListenerAdded = !1);
+		!this._isDownListenerAdded && this._isDownCallbacks.size > 0 ? (this._isDownListenerAdded = !0, this.app.ticker.add(this._handleIsDownCallbacks)) : this._isDownListenerAdded && this._isDownCallbacks.size === 0 && (this.app.ticker.remove(this._handleIsDownCallbacks), this._isDownListenerAdded = !1);
 	}
 	_handleIsDownCallbacks() {
 		this.isDown && this._isDownCallbacks.forEach((e) => {