add pane primitives

src/api/pane-api.ts

@@ -76,8 +76,5 @@ export class PaneApi<HorzScaleItem> implements IPaneApi<HorzScaleItem> {
 
 	public detachPrimitive(primitive: IPanePrimitive<HorzScaleItem>): void {
 		this._pane.detachPrimitive(primitive as IPanePrimitiveBase<unknown>);
-		if (primitive.detached) {
-			primitive.detached();
-		}
 	}
 }

src/model/chart-model.ts

@@ -617,7 +617,9 @@ export class ChartModel<HorzScaleItem> implements IDestroyable, IChartModelBase
 
 		assert(index >= 0 && index < this._panes.length, 'Invalid pane index');
 
+		const pane = this._panes[index];
 		this._panes.splice(index, 1);
+		pane.destroy();
 		this.fullUpdate();
 	}
 

src/model/pane.ts

@@ -121,6 +121,13 @@ export class Pane implements IDestroyable, IPrimitiveHitTestSource {
 				source.destroy();
 			}
 		});
+		this._primitives = this._primitives.filter((primitive: PanePrimitiveWrapper) => {
+			const p = primitive.primitive();
+			if (p.detached) {
+				p.detached();
+			}
+			return false;
+		});
 		this._destroyed.fire();
 	}
 
@@ -366,6 +373,10 @@ export class Pane implements IDestroyable, IPrimitiveHitTestSource {
 
 	public detachPrimitive(source: IPanePrimitiveBase): void {
 		this._primitives = this._primitives.filter((wrapper: PanePrimitiveWrapper) => wrapper.primitive() !== source);
+		if (source.detached) {
+			source.detached();
+		}
+		this._model.lightUpdate();
 	}
 
 	public primitives(): PanePrimitiveWrapper[] {