@candleview/core 2.9.9 → 3.0.0

package/dist/index.mjs

@@ -723,7 +723,7 @@ class ua {
 }
 class ga {
   constructor() {
-    this.rootEl = null, this.chartContainerEl = null, this.topPanelContainer = null, this.leftPanelContainer = null;
+    this.rootEl = null, this.chartContainerEl = null, this.technologyPanelContainer = null, this.drawingPanelContainer = null;
   }
   create(t, e) {
     t.innerHTML = "", t.style.cssText = "position:relative;width:100%;height:100%;overflow:hidden;";
@@ -752,9 +752,9 @@ class ga {
             overflow:hidden;
         `, this.rootEl.addEventListener("contextmenu", (a) => {
       a.preventDefault();
-    }), this.topPanelContainer = document.createElement("div"), this.topPanelContainer.className = "candleview-top-panel-container", this.topPanelContainer.style.cssText = "flex-shrink:0;position:relative;";
+    }), this.technologyPanelContainer = document.createElement("div"), this.technologyPanelContainer.className = "candleview-top-panel-container", this.technologyPanelContainer.style.cssText = "flex-shrink:0;position:relative;";
     const s = document.createElement("div");
-    s.style.cssText = "display:flex;flex:1;min-height:0;overflow:hidden;", this.leftPanelContainer = document.createElement("div"), this.leftPanelContainer.className = "candleview-left-panel-container", this.leftPanelContainer.style.cssText = "flex-shrink:0;", this.chartContainerEl = document.createElement("div"), this.chartContainerEl.className = "candleview-chart-container", this.chartContainerEl.style.cssText = "flex:1;min-width:0;min-height:0;position:relative;", s.appendChild(this.leftPanelContainer), s.appendChild(this.chartContainerEl), this.rootEl.appendChild(this.topPanelContainer), this.rootEl.appendChild(s), t.appendChild(this.rootEl);
+    s.style.cssText = "display:flex;flex:1;min-height:0;overflow:hidden;", this.drawingPanelContainer = document.createElement("div"), this.drawingPanelContainer.className = "candleview-left-panel-container", this.drawingPanelContainer.style.cssText = "flex-shrink:0;", this.chartContainerEl = document.createElement("div"), this.chartContainerEl.className = "candleview-chart-container", this.chartContainerEl.style.cssText = "flex:1;min-width:0;min-height:0;position:relative;", s.appendChild(this.drawingPanelContainer), s.appendChild(this.chartContainerEl), this.rootEl.appendChild(this.technologyPanelContainer), this.rootEl.appendChild(s), t.appendChild(this.rootEl);
   }
   getRootEl() {
     return this.rootEl;
@@ -762,15 +762,15 @@ class ga {
   getChartContainerEl() {
     return this.chartContainerEl;
   }
-  getTopPanelContainer() {
-    return this.topPanelContainer;
+  getTechnologyPanelContainer() {
+    return this.technologyPanelContainer;
   }
-  getLeftPanelContainer() {
-    return this.leftPanelContainer;
+  getDrawingPanelContainer() {
+    return this.drawingPanelContainer;
   }
   destroy() {
     const t = document.getElementById("candleview-no-select");
-    t && t.remove(), this.rootEl?.remove(), this.rootEl = null, this.chartContainerEl = null, this.topPanelContainer = null, this.leftPanelContainer = null;
+    t && t.remove(), this.rootEl?.remove(), this.rootEl = null, this.chartContainerEl = null, this.technologyPanelContainer = null, this.drawingPanelContainer = null;
   }
 }
 function pa(M, t) {
@@ -57386,8 +57386,8 @@ class zc {
     this.initTopPanel(), this.initLeftPanel();
   }
   initTopPanel() {
-    this.config.topPanelContainer && (this.topPanel = new Wc({
-      container: this.config.topPanelContainer,
+    this.config.technologyPanelContainer && (this.topPanel = new Wc({
+      container: this.config.technologyPanelContainer,
       rootContainer: this.config.rootContainer,
       theme: this.config.theme,
       i18n: this.config.i18n,
@@ -57416,14 +57416,14 @@ class zc {
     }));
   }
   initLeftPanel() {
-    if (!this.config.leftPanelContainer) return;
+    if (!this.config.drawingPanelContainer) return;
     this.leftPanel = new jc({
-      container: this.config.leftPanelContainer,
+      container: this.config.drawingPanelContainer,
       theme: this.config.theme,
       i18n: this.config.i18n,
       state: this.leftPanelState,
       onStateChange: (e) => {
-        this.updateLeftPanelState(e), e.isBrushActive !== void 0 && (e.isBrushActive && this.config.leftPanelContainer ? this.config.brushHint?.show(this.config.leftPanelContainer) : this.config.brushHint?.hide());
+        this.updateLeftPanelState(e), e.isBrushActive !== void 0 && (e.isBrushActive && this.config.drawingPanelContainer ? this.config.brushHint?.show(this.config.drawingPanelContainer) : this.config.brushHint?.hide());
       },
       onToolSelect: (e) => this.config.onToolSelect(e),
       chart: this.config.chartManager?.getChart()
@@ -57616,8 +57616,8 @@ class Jc {
   }
   initPanels() {
     this.panels = new zc({
-      topPanelContainer: this.config.showTopPanel !== !1 ? this.dom.getTopPanelContainer() : null,
-      leftPanelContainer: this.config.showLeftPanel !== !1 ? this.dom.getLeftPanelContainer() : null,
+      technologyPanelContainer: this.config.technologyPanel !== !1 ? this.dom.getTechnologyPanelContainer() : null,
+      drawingPanelContainer: this.config.drawingPanel !== !1 ? this.dom.getDrawingPanelContainer() : null,
       rootContainer: this.dom.getRootEl(),
       theme: this.theme,
       i18n: this.i18n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@candleview/core",
-  "version": "2.9.9",
+  "version": "3.0.0",
   "description": "A time-series data visualization and charting engine designed specifically for the financial industry.",
   "keywords": [
     "Finance",