fix multiple logos

src/gui/attribution-logo-widget.ts

@@ -28,11 +28,7 @@ export class AttributionLogoWidget {
 		this._render();
 	}
 
-	private _shouldUpdate(): boolean {
-		return this._visible !== this._shouldBeVisible() || this._theme !== this._themeToUse();
-	}
-
-	private _removeElement(): void {
+	public removeElement(): void {
 		if (this._element) {
 			this._container.removeChild(this._element);
 		}
@@ -43,6 +39,10 @@ export class AttributionLogoWidget {
 		this._cssElement = undefined;
 	}
 
+	private _shouldUpdate(): boolean {
+		return this._visible !== this._shouldBeVisible() || this._theme !== this._themeToUse();
+	}
+
 	private _themeToUse(): LogoTheme {
 		return colorStringToGrayscale(this._chart.options().layout.textColor) > 160 ? 'dark' : 'light';
 	}
@@ -64,7 +64,7 @@ export class AttributionLogoWidget {
 		if (!this._shouldUpdate()) {
 			return;
 		}
-		this._removeElement();
+		this.removeElement();
 		this._visible = this._shouldBeVisible();
 		if (this._visible) {
 			this._theme = this._themeToUse();

src/gui/pane-widget.ts

@@ -143,8 +143,6 @@ export class PaneWidget implements IDestroyable, MouseEventHandlers {
 				treatHorzTouchDragAsPageScroll: () => this._startTrackPoint === null && !this._chart.options().handleScroll.horzTouchDrag,
 			}
 		);
-
-		this._attributionLogoWidget = new AttributionLogoWidget(this._paneCell, this._chart);
 	}
 
 	public destroy(): void {
@@ -187,8 +185,13 @@ export class PaneWidget implements IDestroyable, MouseEventHandlers {
 		}
 
 		this.updatePriceAxisWidgetsStates();
-		if (this._attributionLogoWidget) {
+
+		if (this._chart.paneWidgets().indexOf(this) === this._chart.paneWidgets().length - 1) {
+			this._attributionLogoWidget = this._attributionLogoWidget ?? new AttributionLogoWidget(this._paneCell, this._chart);
 			this._attributionLogoWidget.update();
+		} else {
+			this._attributionLogoWidget?.removeElement();
+			this._attributionLogoWidget = null;
 		}
 	}