dist folder

Author: Nicolass67

dist/components/d3_line_rect/multi_focus.js

@@ -86,6 +86,7 @@ class MultiFocus {
     this.drawLine = this.drawLine.bind(this);
     this.drawOtherLines = this.drawOtherLines.bind(this);
     this.drawGrid = this.drawGrid.bind(this);
+    this.drawPageMarker = this.drawPageMarker.bind(this);
     this.onClickTarget = this.onClickTarget.bind(this);
     this.isFirefox = typeof InstallTrigger !== 'undefined';
   }
@@ -331,6 +332,18 @@ class MultiFocus {
       this.grid.y.call(this.axisCall.y.tickSize(-this.w, 0, 0)).selectAll('line').attr('stroke', '#ddd').attr('stroke-opacity', 0.6).attr('fill', 'none');
     }
   }
+  drawPageMarker(hplcMsSt) {
+    if (!this.root) return;
+    const currentPageValue = hplcMsSt?.tic?.currentPageValue;
+    const hasValue = Number.isFinite(currentPageValue);
+    const marker = this.root.selectAll('.tic-page-marker').data(hasValue ? [currentPageValue] : []);
+    marker.exit().remove();
+    if (!hasValue) return;
+    const {
+      xt
+    } = (0, _compass.TfRescale)(this);
+    marker.enter().append('line').attr('class', 'tic-page-marker').attr('stroke', 'red').attr('stroke-width', 1).attr('stroke-opacity', 0.8).merge(marker).attr('x1', xt(currentPageValue)).attr('x2', xt(currentPageValue)).attr('y1', 0).attr('y2', this.h);
+  }
   onClickTarget(event, data) {
     event.stopPropagation();
     event.preventDefault();
@@ -373,6 +386,7 @@ class MultiFocus {
       this.setConfig(sweepExtentSt);
       this.drawLine();
       this.drawGrid();
+      this.drawPageMarker(hplcMsSt);
       this.drawOtherLines(layoutSt);
       this.drawTicLegend(ticEntities, hplcMsSt);
     }
@@ -408,6 +422,7 @@ class MultiFocus {
       this.getShouldUpdate();
       this.drawLine();
       this.drawGrid();
+      this.drawPageMarker(hplcMsSt);
       this.drawOtherLines(layoutSt);
       this.drawTicLegend(ticEntities, hplcMsSt);
     }