@luceosports/play-rendering 2.2.6 → 2.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "main": "dist/play-rendering.js",
   "types": "dist/play-rendering.d.ts",
   "scripts": {

package/src/layers/LineControlPointLayer.ts

@@ -2,7 +2,8 @@ import BaseLayer from './base/BaseLayer';
 
 export default class LineControlPointLayer extends BaseLayer {
   apply() {
-    if (!this.options.linesDisplay) return;
+    if (this.options.linesDisplay === 'HIDDEN') return;
+    if (this.options.linesDisplay === 'START_HIDDEN' && !this.options.animationGlobalProgress) return;
 
     this.ctx.save();
 

package/src/layers/LineLayer.ts

@@ -8,7 +8,8 @@ export default class LineLayer extends BaseLayer {
   }
 
   apply() {
-    if (!this.options.linesDisplay) return;
+    if (this.options.linesDisplay === 'HIDDEN') return;
+    if (this.options.linesDisplay === 'START_HIDDEN' && !this.options.animationGlobalProgress) return;
 
     this.ctx.save();
 

package/src/layers/PlayerLayer.ts

@@ -147,7 +147,7 @@ export default class PlayerLayer extends BaseLayer {
     }
 
     let playerTextLabel = player.textLabel;
-    if (playerMapItem) {
+    if (playerMapItem && this.options.labelsOverrideType) {
       if (playerMapItem.textOverride) {
         playerTextLabel = playerMapItem.textOverride;
       }

package/src/models/FrameModel.ts

@@ -489,9 +489,8 @@ export default class FrameModel {
   prepareCourtPoint(courtPoint: CourtPoint) {
     const { mirror } = this.play.options;
     const { width } = this.play.playData.court.courtRect.size;
-    const { origin } = this.play.playData.court.courtRect;
     return {
-      x: mirror ? width + origin.x - (courtPoint.x - origin.x) : courtPoint.x,
+      x: mirror ? width - courtPoint.x : courtPoint.x,
       y: courtPoint.y
     };
   }

package/src/models/Play/Options.ts

@@ -4,7 +4,7 @@ export function useDefaults(options?: Partial<PlayModelOptions>): PlayModelOptio
   const defaults = {
     width: 300,
     lineColor: '#fff', // courtBorderColor
-    linesDisplay: true,
+    linesDisplay: 'VISIBLE' as const,
     linesDisplayOnMoveOnly: true,
     linesHiddenIds: [],
     linesSelectedIds: [],

package/src/models/PlayModel.ts

@@ -63,7 +63,7 @@ export type TeamPlayer = {
 export type PlayModelOptions = {
   width: number;
   lineColor: string;
-  linesDisplay: boolean;
+  linesDisplay: 'VISIBLE' | 'HIDDEN' | 'START_HIDDEN';
   linesSelectedIds: string[];
   shapeSelectedId: string | null;
   noteSelectedId: string | null;