@luceosports/play-rendering 2.2.7 → 2.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "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/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;