@esotericsoftware/spine-pixi-v8 4.2.104 → 4.2.106

package/dist/esm/spine-pixi-v8.mjs

@@ -12883,18 +12883,33 @@ var Spine = class _Spine extends ViewContainer {
     this._debug = value;
   }
   _autoUpdate = false;
+  _ticker = Ticker.shared;
   get autoUpdate() {
     return this._autoUpdate;
   }
-  /** When `true`, the Spine AnimationState and the Skeleton will be automatically updated using the {@link Ticker.shared} instance. */
+  /** When `true`, the Spine AnimationState and the Skeleton will be automatically updated using the {@link ticker}. */
   set autoUpdate(value) {
     if (value && !this._autoUpdate) {
-      Ticker.shared.add(this.internalUpdate, this);
+      this._ticker.add(this.internalUpdate, this);
     } else if (!value && this._autoUpdate) {
-      Ticker.shared.remove(this.internalUpdate, this);
+      this._ticker.remove(this.internalUpdate, this);
     }
     this._autoUpdate = value;
   }
+  /** The ticker to use when {@link autoUpdate} is `true`. Defaults to {@link Ticker.shared}. */
+  get ticker() {
+    return this._ticker;
+  }
+  /** Sets the ticker to use when {@link autoUpdate} is `true`. If `autoUpdate` is already `true`, the update callback will be moved from the old ticker to the new one. */
+  set ticker(value) {
+    value = value ?? Ticker.shared;
+    if (this._ticker === value) return;
+    if (this._autoUpdate) {
+      this._ticker.remove(this.internalUpdate, this);
+      value.add(this.internalUpdate, this);
+    }
+    this._ticker = value;
+  }
   _boundsProvider;
   /** The bounds provider to use. If undefined the bounds will be dynamic, calculated when requested and based on the current frame. */
   get boundsProvider() {
@@ -12919,6 +12934,7 @@ var Spine = class _Spine extends ViewContainer {
     const skeletonData = options instanceof SkeletonData ? options : options.skeletonData;
     this.skeleton = new Skeleton(skeletonData);
     this.state = new AnimationState(new AnimationStateData(skeletonData));
+    if (options?.ticker) this._ticker = options.ticker;
     this.autoUpdate = options?.autoUpdate ?? true;
     this.darkTint = options?.darkTint === void 0 ? this.skeleton.slots.some((slot) => !!slot.data.darkColor) : options?.darkTint;
     const slots = this.skeleton.slots;
@@ -12932,7 +12948,7 @@ var Spine = class _Spine extends ViewContainer {
     this.internalUpdate(0, dt);
   }
   internalUpdate(_deltaFrame, deltaSeconds) {
-    this._updateAndApplyState(deltaSeconds ?? Ticker.shared.deltaMS / 1e3);
+    this._updateAndApplyState(deltaSeconds ?? this._ticker.deltaMS / 1e3);
   }
   get bounds() {
     if (this._boundsDirty) {
@@ -13395,7 +13411,8 @@ var Spine = class _Spine extends ViewContainer {
    */
   destroy(options = false) {
     super.destroy(options);
-    Ticker.shared.remove(this.internalUpdate, this);
+    this._ticker.remove(this.internalUpdate, this);
+    this._ticker = null;
     this.state.clearListeners();
     this.debug = void 0;
     this.skeleton = null;
@@ -13435,14 +13452,15 @@ var Spine = class _Spine extends ViewContainer {
    * @param options - Options to configure the Spine game object. See {@link SpineFromOptions}
    * @returns {Spine} The Spine game object instantiated
    */
-  static from({ skeleton, atlas, scale = 1, darkTint, autoUpdate = true, boundsProvider }) {
+  static from({ skeleton, atlas, scale = 1, darkTint, autoUpdate = true, boundsProvider, ticker }) {
     const cacheKey = `${skeleton}-${atlas}-${scale}`;
     if (Cache.has(cacheKey)) {
       return new _Spine({
         skeletonData: Cache.get(cacheKey),
         darkTint,
         autoUpdate,
-        boundsProvider
+        boundsProvider,
+        ticker
       });
     }
     const skeletonAsset = Assets.get(skeleton);
@@ -13456,7 +13474,8 @@ var Spine = class _Spine extends ViewContainer {
       skeletonData,
       darkTint,
       autoUpdate,
-      boundsProvider
+      boundsProvider,
+      ticker
     });
   }
 };