@equinor/esv-intersection 4.0.0 → 4.1.0

package/dist/index.mjs

@@ -1034,12 +1034,22 @@ class Ro {
     }, this.mainGroup = t, this._showLabels = n, this._labelXDesc = i, this._labelYDesc = r, this._unitOfMeasure = s, o && o.offsetX && (this._offsetX = o.offsetX), o && o.offsetX && (this._offsetY = o.offsetY), o && o.visible && (this.visible = o.visible), this.mainGroup.style("pointer-events", "none"), this._scaleX = Lt().domain([0, 1]).range([0, 1]), this._scaleY = Lt().domain([0, 1]).range([0, 1]);
   }
   renderLabelx() {
-    const { _labelXDesc: t, _unitOfMeasure: n, _showLabels: i, _scaleX: r } = this, [, s] = r.range(), o = this.renderGx();
+    const {
+      _labelXDesc: t,
+      _unitOfMeasure: n,
+      _showLabels: i,
+      _scaleX: r
+    } = this, [, s] = r.range(), o = this.renderGx();
     let a = o.select("text.axis-labelx");
     return i ? a.empty() && (a = o.append("text").attr("class", "axis-labelx").attr("fill", "rgba(0,0,0,0.3)").style("text-anchor", "middle").style("font-weight", "800").style("font-size", "10px").text(`${t} (${n})`)) : a.remove(), a.attr("transform", `translate(${s / 2},-4)`), a;
   }
   renderLabely() {
-    const { _labelYDesc: t, _unitOfMeasure: n, _showLabels: i, _scaleY: r } = this, [, s] = r.range(), o = this.renderGy();
+    const {
+      _labelYDesc: t,
+      _unitOfMeasure: n,
+      _showLabels: i,
+      _scaleY: r
+    } = this, [, s] = r.range(), o = this.renderGy();
     let a = o.select("text.axis-labely");
     return i ? (a.empty() && (a = o.append("text").attr("class", "axis-labely").attr("fill", "rgba(0,0,0,0.3)").style("text-anchor", "middle").style("font-weight", "800").style("font-size", "10px").text(`${t} (${n})`)), a.attr("transform", `translate(-10,${s / 2})rotate(90)`)) : a.remove(), a;
   }
@@ -2002,7 +2012,14 @@ class Me {
    */
   static findRoot(t, n = 0.01, i = 1e3, r = 0.5, s = 0, o = 1) {
     let a = Me.newton(t, n, i, r);
-    return a == null && (a = Me.bisect(t, n, i, r, s, o)), a;
+    return a == null && (a = Me.bisect(
+      t,
+      n,
+      i,
+      r,
+      s,
+      o
+    )), a;
   }
 }
 class Jo {
@@ -2075,7 +2092,12 @@ class Qe extends pr {
    * @param {Number} iterations Max number of iterations to use
    */
   findTByRootForArcLength(t, n = 0.01, i = 100) {
-    return t <= 0 ? 0 : t >= this.length ? 1 : Me.findRoot((s) => t - this.getQuickArcLength(0, s), n, i, t / this.length);
+    return t <= 0 ? 0 : t >= this.length ? 1 : Me.findRoot(
+      (s) => t - this.getQuickArcLength(0, s),
+      n,
+      i,
+      t / this.length
+    );
   }
   /**
    * Function which finds t value for arc length by simple approximation
@@ -2106,7 +2128,12 @@ class Qe extends pr {
    * @param {Number} to t at end (default = 1)
    */
   getArcLength(t = 0, n = 1) {
-    return t === 0 && n === 1 ? this.length : Jo.bisect((r) => this.getPointAt(r), t, n, 2e-3);
+    return t === 0 && n === 1 ? this.length : Jo.bisect(
+      (r) => this.getPointAt(r),
+      t,
+      n,
+      2e-3
+    );
   }
   /**
    * Function calculating length along curve using interpolator.
@@ -2165,9 +2192,15 @@ class Jt {
       curve: n.curveInterpolator || new Qe(t),
       trajectory: n.trajectoryInterpolator || new Qe(
         t.map((h) => [h[0], h[1]]),
-        { tension: r || Ai, arcDivisions: i || Pi }
+        {
+          tension: r || Ai,
+          arcDivisions: i || Pi
+        }
       ),
-      curtain: n.curtainInterpolator || new Qe(this.projectedPath, { tension: r || Ai, arcDivisions: i || Pi })
+      curtain: n.curtainInterpolator || new Qe(this.projectedPath, {
+        tension: r || Ai,
+        arcDivisions: i || Pi
+      })
     };
     const a = this.getTrajectoryVector(), c = a.map((h) => h * -1);
     s ? (this.endVector = c, this.startVector = a) : (this.endVector = a, this.startVector = c), this._curtainPathCache = void 0;
@@ -2177,7 +2210,11 @@ class Jt {
    * @param length length along the curve
    */
   project(t) {
-    const { curtain: n } = this.interpolators, { calculateDisplacementFromBottom: i } = this.options, r = xt(i ? this.length - (t - this._offset) : t - this._offset, 0, this.length);
+    const { curtain: n } = this.interpolators, { calculateDisplacementFromBottom: i } = this.options, r = xt(
+      i ? this.length - (t - this._offset) : t - this._offset,
+      0,
+      this.length
+    );
     return n.getPointAtArcLength(r, this.options);
   }
   curtainTangent(t) {
@@ -2206,7 +2243,9 @@ class Jt {
       this._curtainPathCache = r;
     }
     if (i) {
-      const r = { point: this.project(t), md: t }, s = this._curtainPathCache.filter((a) => a.md > t && a.md < n), o = { point: this.project(n), md: n };
+      const r = { point: this.project(t), md: t }, s = this._curtainPathCache.filter(
+        (a) => a.md > t && a.md < n
+      ), o = { point: this.project(n), md: n };
       return [r, ...s, o];
     }
     return this._curtainPathCache.filter((r) => r.md >= t && r.md <= n);
@@ -2220,7 +2259,11 @@ class Jt {
       return r;
     if (r > this.displacement)
       return s + (r - this.displacement);
-    const o = this.interpolators.curtain.getIntersectsAsPositions(r, 0, 1);
+    const o = this.interpolators.curtain.getIntersectsAsPositions(
+      r,
+      0,
+      1
+    );
     if (o && o.length)
       return o[0] * s + this._offset;
   }
@@ -2248,20 +2291,34 @@ class Jt {
     r ? (c = [
       o[0] + this.startVector[0] * r * this.displacement,
       o[1] + this.startVector[1] * r * this.displacement
-    ], l = -D.distance(c, o)) : n > 0 && (l = D.distance(d, o)), s && (h = [a[0] + this.endVector[0] * s * this.displacement, a[1] + this.endVector[1] * s * this.displacement]);
+    ], l = -D.distance(c, o)) : n > 0 && (l = D.distance(d, o)), s && (h = [
+      a[0] + this.endVector[0] * s * this.displacement,
+      a[1] + this.endVector[1] * s * this.displacement
+    ]);
     const g = [], y = i - n, m = Math.floor(r / y * t), _ = Math.ceil((f - u) / y * t), v = t - _ - m;
     if (c) {
       g.push(c);
       for (let b = 1; b < m; b++) {
         const S = b / m * r * this.displacement;
-        g.push([c[0] - this.startVector[0] * S, c[1] - this.startVector[1] * S]);
+        g.push([
+          c[0] - this.startVector[0] * S,
+          c[1] - this.startVector[1] * S
+        ]);
       }
     }
-    const M = this.interpolators.trajectory.getPoints(_ - 1, null, u, f);
+    const M = this.interpolators.trajectory.getPoints(
+      _ - 1,
+      null,
+      u,
+      f
+    );
     if (g.push(...M), h) {
       for (let b = 1; b < v - 1; b++) {
         const S = b / v * s * this.displacement;
-        g.push([p[0] + this.endVector[0] * S, p[1] + this.endVector[1] * S]);
+        g.push([
+          p[0] + this.endVector[0] * S,
+          p[1] + this.endVector[1] * S
+        ]);
       }
       g.push(h);
     }
@@ -2272,17 +2329,35 @@ class Jt {
    */
   getExtendedTrajectory(t, n = ea, i = na) {
     if (!isFinite(n) || n < 0)
-      throw new Error("Invalid parameter, getExtendedTrajectory() must be called with a valid and positive startExtensionLength parameter");
+      throw new Error(
+        "Invalid parameter, getExtendedTrajectory() must be called with a valid and positive startExtensionLength parameter"
+      );
     if (!isFinite(i) || i < 0)
-      throw new Error("Invalid parameter, getExtendedTrajectory() must be called with a valid and positive endExtensionLength parameter");
-    const r = this.displacement + n + i, s = Math.floor(n / r * t), o = Math.max(Math.ceil(this.displacement / r * t), 1), a = t - o - s, c = [], h = new D(this.interpolators.trajectory.getPointAt(0)), l = new D(this.startVector), u = n / s;
+      throw new Error(
+        "Invalid parameter, getExtendedTrajectory() must be called with a valid and positive endExtensionLength parameter"
+      );
+    const r = this.displacement + n + i, s = Math.floor(
+      n / r * t
+    ), o = Math.max(
+      Math.ceil(this.displacement / r * t),
+      1
+    ), a = t - o - s, c = [], h = new D(
+      this.interpolators.trajectory.getPointAt(0)
+    ), l = new D(this.startVector), u = n / s;
     for (let _ = s; _ > 0; _--) {
       const v = _ * u, M = h.add(l.scale(v));
       c.push(M.toArray());
     }
-    const f = this.interpolators.trajectory.getPoints(o, null, 0, 1);
+    const f = this.interpolators.trajectory.getPoints(
+      o,
+      null,
+      0,
+      1
+    );
     c.push(...f);
-    const d = new D(this.interpolators.trajectory.getPointAt(1)), p = new D(this.endVector), g = i / (a - 1);
+    const d = new D(
+      this.interpolators.trajectory.getPointAt(1)
+    ), p = new D(this.endVector), g = i / (a - 1);
     for (let _ = 1; _ < a; _++) {
       const v = _ * g, M = d.add(p.scale(v));
       c.push(M.toArray());
@@ -3873,7 +3948,10 @@ class ll {
    * @param  elm, -
    * @param  options - options
    */
-  constructor(t, n, i = { maxZoomLevel: hl, minZoomLevel: cl }) {
+  constructor(t, n, i = {
+    maxZoomLevel: hl,
+    minZoomLevel: cl
+  }) {
     this.xBounds = [0, 1], this.yBounds = [0, 1], this.translateBoundsX = [0, 1], this.translateBoundsY = [0, 1], this._zFactor = 1, this._enableTranslateExtent = !1, this.container = Z(t), this.options = i, this.onRescale = n, this.onZoom = this.onZoom.bind(this), this.calculateTransform = this.calculateTransform.bind(this), this.applyTransform = this.applyTransform.bind(this), this.recalculateZoomTransform = this.recalculateZoomTransform.bind(this), this.rescale = this.rescale.bind(this), this.adjustToSize = this.adjustToSize.bind(this), this.setViewport = this.setViewport.bind(this), this.currentStateAsEvent = this.currentStateAsEvent.bind(this), this.updateTranslateExtent = this.updateTranslateExtent.bind(this), this.scaleX = Lt().domain(this.xBounds).range([0, 1]), this.scaleY = Lt().domain(this.yBounds).range([0, 1]), this.init();
   }
   /**
@@ -3975,7 +4053,14 @@ class ll {
    * Update translate extent (pan limits)
    */
   updateTranslateExtent() {
-    const { width: t, xSpan: n, zFactor: i, enableTranslateExtent: r, translateBoundsX: s, translateBoundsY: o } = this;
+    const {
+      width: t,
+      xSpan: n,
+      zFactor: i,
+      enableTranslateExtent: r,
+      translateBoundsX: s,
+      translateBoundsY: o
+    } = this;
     let a = -1 / 0, c = -1 / 0, h = 1 / 0, l = 1 / 0;
     if (r) {
       const u = t / n;
@@ -3990,7 +4075,19 @@ class ll {
    * Create an event object from current state
    */
   currentStateAsEvent() {
-    const { scaleX: t, scaleY: n, xBounds: i, yBounds: r, zFactor: s, viewportRatio: o, currentTransform: a, xRatio: c, yRatio: h, width: l, height: u } = this;
+    const {
+      scaleX: t,
+      scaleY: n,
+      xBounds: i,
+      yBounds: r,
+      zFactor: s,
+      viewportRatio: o,
+      currentTransform: a,
+      xRatio: c,
+      yRatio: h,
+      width: l,
+      height: u
+    } = this;
     return {
       xScale: t.copy(),
       yScale: n.copy(),
@@ -4066,7 +4163,13 @@ class ll {
     this.translateBoundsX = t, this.translateBoundsY = n, this.updateTranslateExtent();
   }
   adjustToSize(t, n, i = !1) {
-    const { width: r, height: s, scaleX: o, scaleY: a, recalculateZoomTransform: c } = this;
+    const {
+      width: r,
+      height: s,
+      scaleX: o,
+      scaleY: a,
+      recalculateZoomTransform: c
+    } = this;
     let h = 0, l = 0;
     if (typeof t == "number" && typeof n == "number")
       l = n, h = t;
@@ -4088,14 +4191,29 @@ class ll {
    * @returns  New transformation matrix
    */
   calculateTransform(t, n, i) {
-    const { scaleX: r, xSpan: s, xBounds: o, yBounds: a, zFactor: c, viewportRatio: h, isXInverted: l, isYInverted: u } = this, [f, d] = r.range(), p = Math.abs(n - t), g = s / p, y = p / (d - f), m = i - (u ? -p : p) / c / h / 2, _ = (o[0] - t) / (l ? -y : y), v = (a[0] - m) / ((u ? -y : y) / c);
+    const {
+      scaleX: r,
+      xSpan: s,
+      xBounds: o,
+      yBounds: a,
+      zFactor: c,
+      viewportRatio: h,
+      isXInverted: l,
+      isYInverted: u
+    } = this, [f, d] = r.range(), p = Math.abs(n - t), g = s / p, y = p / (d - f), m = i - (u ? -p : p) / c / h / 2, _ = (o[0] - t) / (l ? -y : y), v = (a[0] - m) / ((u ? -y : y) / c);
     return Xn.translate(_, v).scale(g);
   }
   /**
    * Recalcualate the transform
    */
   recalculateZoomTransform() {
-    const { scaleX: t, scaleY: n, container: i, calculateTransform: r, updateTranslateExtent: s } = this, [o, a] = t.domain(), [c, h] = n.domain(), l = c + (h - c) / 2, u = r(o, a, l);
+    const {
+      scaleX: t,
+      scaleY: n,
+      container: i,
+      calculateTransform: r,
+      updateTranslateExtent: s
+    } = this, [o, a] = t.domain(), [c, h] = n.domain(), l = c + (h - c) / 2, u = r(o, a, l);
     s(), this.zoom.transform(i, u);
   }
   setZoomLevelBoundary(t) {
@@ -4267,7 +4385,10 @@ class Et extends De {
     var r, s;
     this.resetTransform();
     const n = t.xBounds[0] > t.xBounds[1], i = t.yBounds[0] > t.yBounds[1];
-    (r = this.ctx) == null || r.translate(t.xScale(0), t.yScale(0)), (s = this.ctx) == null || s.scale(t.xRatio * (n ? -1 : 1), t.yRatio * (i ? -1 : 1));
+    (r = this.ctx) == null || r.translate(t.xScale(0), t.yScale(0)), (s = this.ctx) == null || s.scale(
+      t.xRatio * (n ? -1 : 1),
+      t.yRatio * (i ? -1 : 1)
+    );
   }
   clearCanvas() {
     const { ctx: t, canvas: n } = this;
@@ -4390,7 +4511,10 @@ class Or extends De {
   onRescale(t) {
     super.onRescale(t);
     const n = t.xBounds[0] > t.xBounds[1], i = t.yBounds[0] > t.yBounds[1];
-    this.setContainerPosition(t.xScale(0), t.yScale(0)), this.setContainerScale(t.xRatio * (n ? -1 : 1), t.yRatio * (i ? -1 : 1));
+    this.setContainerPosition(t.xScale(0), t.yScale(0)), this.setContainerScale(
+      t.xRatio * (n ? -1 : 1),
+      t.yRatio * (i ? -1 : 1)
+    );
   }
   setContainerPosition(t, n) {
     this.container.position.set(t, n);
@@ -4642,7 +4766,13 @@ function q0(e, t) {
   const n = e.x + e.width, i = t.x + t.width, r = e.y + e.height, s = t.y + t.height;
   if (t.x > n || t.y > r || i < e.x || s < e.y)
     return;
-  const o = Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)), a = Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
+  const o = Math.max(
+    0,
+    Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
+  ), a = Math.max(
+    0,
+    Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
+  );
   return {
     dx: o,
     dy: a
@@ -4675,7 +4805,10 @@ class j0 extends Et {
     }, this.renderLine = (i, r, s, o, a, c, h = !0) => {
       const { ctx: l } = this, u = h ? i : i + s, f = h ? i + s : i, d = r + 2;
       l != null && (l.strokeStyle = c, l.lineWidth = 1, l.beginPath(), l.moveTo(o, a), l.lineTo(u, d), l.lineTo(f, d), l.stroke());
-    }, this.minFontSize = (n == null ? void 0 : n.minFontSize) || Bl, this.maxFontSize = (n == null ? void 0 : n.maxFontSize) || Hl, this.fontSizeFactor = (n == null ? void 0 : n.fontSizeFactor) || Xl, this.offsetMin = (n == null ? void 0 : n.offsetMin) || Ul, this.offsetMax = (n == null ? void 0 : n.offsetMax) || Vl, this.offsetFactor = (n == null ? void 0 : n.offsetFactor) || Yl, this.fontColor = n == null ? void 0 : n.fontColor, n != null && n.backgroundColor ? (this.backgroundActive = !0, this.backgroundColor = n.backgroundColor) : (this.backgroundActive = !1, this.backgroundColor = Wl), this.backgroundPadding = (n == null ? void 0 : n.backgroundPadding) || Gl, this.backgroundBorderRadius = jl(n == null ? void 0 : n.backgroundBorderRadius, ql);
+    }, this.minFontSize = (n == null ? void 0 : n.minFontSize) || Bl, this.maxFontSize = (n == null ? void 0 : n.maxFontSize) || Hl, this.fontSizeFactor = (n == null ? void 0 : n.fontSizeFactor) || Xl, this.offsetMin = (n == null ? void 0 : n.offsetMin) || Ul, this.offsetMax = (n == null ? void 0 : n.offsetMax) || Vl, this.offsetFactor = (n == null ? void 0 : n.offsetFactor) || Yl, this.fontColor = n == null ? void 0 : n.fontColor, n != null && n.backgroundColor ? (this.backgroundActive = !0, this.backgroundColor = n.backgroundColor) : (this.backgroundActive = !1, this.backgroundColor = Wl), this.backgroundPadding = (n == null ? void 0 : n.backgroundPadding) || Gl, this.backgroundBorderRadius = jl(
+      n == null ? void 0 : n.backgroundBorderRadius,
+      ql
+    );
   }
   setGroupFilter(t) {
     this.groupFilter = t, this.callouts = [], this.render();
@@ -4692,12 +4825,32 @@ class j0 extends Et {
     requestAnimationFrame(() => {
       if (this.clearCanvas(), !this.data || !this.rescaleEvent || !this.referenceSystem)
         return;
-      const { xScale: n, yScale: i, xBounds: r } = this.rescaleEvent, s = bn(this.fontSizeFactor, this.minFontSize, this.maxFontSize, n);
+      const { xScale: n, yScale: i, xBounds: r } = this.rescaleEvent, s = bn(
+        this.fontSizeFactor,
+        this.minFontSize,
+        this.maxFontSize,
+        n
+      );
       if (!t || this.callouts.length <= 0) {
         const { data: o, ctx: a, groupFilter: c } = this, { calculateDisplacementFromBottom: h } = this.referenceSystem.options, l = h ? r[0] < r[1] : r[0] > r[1], u = 0;
         a != null && (a.font = `bold ${s}px arial`);
-        const f = o.filter((p) => c.length <= 0 || c.includes(p.group)), d = bn(this.offsetFactor, this.offsetMin, this.offsetMax, n);
-        this.callouts = this.positionCallouts(f, l, n, i, u, s, d);
+        const f = o.filter(
+          (p) => c.length <= 0 || c.includes(p.group)
+        ), d = bn(
+          this.offsetFactor,
+          this.offsetMin,
+          this.offsetMax,
+          n
+        );
+        this.callouts = this.positionCallouts(
+          f,
+          l,
+          n,
+          i,
+          u,
+          s,
+          d
+        );
       }
       this.callouts.forEach((o) => {
         const { pos: a, title: c, color: h } = o, l = n(a.x), u = i(a.y), f = {
@@ -4708,7 +4861,13 @@ class j0 extends Et {
           offsetX: o.dx,
           offsetY: o.dy
         };
-        this.renderCallout(c, o.label, f, h, o.alignment);
+        this.renderCallout(
+          c,
+          o.label,
+          f,
+          h,
+          o.alignment
+        );
       });
     });
   }
@@ -4783,7 +4942,14 @@ class j0 extends Et {
         pos: { x: d == null ? void 0 : d[0], y: d == null ? void 0 : d[1] },
         group: f.group,
         alignment: c,
-        boundingBox: this.getAnnotationBoundingBox(f.title, f.label, d, i, r, o),
+        boundingBox: this.getAnnotationBoundingBox(
+          f.title,
+          f.label,
+          d,
+          i,
+          r,
+          o
+        ),
         dx: a,
         dy: a
       };
@@ -4809,7 +4975,10 @@ class j0 extends Et {
     for (let n = t.length - 2; n >= 0; --n) {
       const i = t[n];
       for (let r = t.length - 1; r > n; --r) {
-        const s = t[r], o = Di(i.boundingBox, s.boundingBox);
+        const s = t[r], o = Di(
+          i.boundingBox,
+          s.boundingBox
+        );
         o && (i.dy += o.dy, i.boundingBox.y -= o.dy);
       }
     }
@@ -4818,7 +4987,10 @@ class j0 extends Et {
     for (let n = t.length - 2; n >= 0; --n) {
       const i = t[n];
       for (let r = t.length - 1; r > n; --r) {
-        const s = t[r], o = Di(s.boundingBox, i.boundingBox);
+        const s = t[r], o = Di(
+          s.boundingBox,
+          i.boundingBox
+        );
         o && (i.dy += o.dy, i.boundingBox.y += o.dy);
       }
     }
@@ -4886,7 +5058,11 @@ class Z0 extends Et {
   }
   render() {
     !this.ctx || !this.rescaleEvent || requestAnimationFrame(() => {
-      this.clearCanvas(), this.surfaceAreasPaths.forEach((t) => this.drawPolygonPath(t.color, t.path)), this.surfaceLinesPaths.forEach((t) => this.drawLinePath(t.color, t.path));
+      this.clearCanvas(), this.surfaceAreasPaths.forEach(
+        (t) => this.drawPolygonPath(t.color, t.path)
+      ), this.surfaceLinesPaths.forEach(
+        (t) => this.drawLinePath(t.color, t.path)
+      );
     });
   }
   colorToCSSColor(t) {
@@ -4905,7 +5081,10 @@ class Z0 extends Et {
   generateSurfaceLinesPaths() {
     var t;
     this.surfaceLinesPaths = ((t = this.data) == null ? void 0 : t.lines.reduce((n, i) => {
-      const s = this.generateLinePaths(i).map((o) => ({ color: this.colorToCSSColor(i.color), path: o }));
+      const s = this.generateLinePaths(i).map((o) => ({
+        color: this.colorToCSSColor(i.color),
+        path: o
+      }));
       return n.push(...s), n;
     }, [])) ?? [];
   }
@@ -4968,11 +5147,21 @@ function eu(e) {
   return e ? e.filter((t) => t.entryPick.md === t.from).map((t) => Un(t.entryPick, "strat-picks")) : [];
 }
 function nu(e) {
-  return e ? e.filter((t) => e.findIndex((n) => Math.abs(n.entryPick.md - t.exitPick.md) < 0.5) === -1).map((t) => Un(t.exitPick, "strat-picks")).filter((t, n, i) => n === i.findIndex((r) => r.title === t.title && r.md === t.md)) : [];
-}
-const K0 = (e) => [...tu(e.nonUnitPicks), ...eu(e.unitPicks), ...nu(e.unitPicks)].sort(
-  (t, n) => t.md - n.md
-), iu = (e) => ({
+  return e ? e.filter(
+    (t) => e.findIndex(
+      (n) => Math.abs(n.entryPick.md - t.exitPick.md) < 0.5
+    ) === -1
+  ).map((t) => Un(t.exitPick, "strat-picks")).filter(
+    (t, n, i) => n === i.findIndex(
+      (r) => r.title === t.title && r.md === t.md
+    )
+  ) : [];
+}
+const K0 = (e) => [
+  ...tu(e.nonUnitPicks),
+  ...eu(e.unitPicks),
+  ...nu(e.unitPicks)
+].sort((t, n) => t.md - n.md), iu = (e) => ({
   unitName: e.identifier,
   topSurface: e.top,
   baseSurface: e.base,
@@ -5002,10 +5191,14 @@ const su = (e) => e.map(iu);
 function ou(e, t) {
   const n = su(t), i = [], r = [];
   return e.forEach((s) => {
-    const o = n.filter((a) => {
-      var c;
-      return ((c = s.pickIdentifier) == null ? void 0 : c.search(new RegExp(`(${a.topSurface}|${a.baseSurface})`, "i"))) !== -1;
-    });
+    const o = n.filter(
+      (a) => {
+        var c;
+        return ((c = s.pickIdentifier) == null ? void 0 : c.search(
+          new RegExp(`(${a.topSurface}|${a.baseSurface})`, "i")
+        )) !== -1;
+      }
+    );
     o.length > 0 ? o.forEach(
       (a) => r.push({
         md: s.md,
@@ -5022,7 +5215,9 @@ function ou(e, t) {
 function au(e) {
   const t = [];
   let n = null;
-  const i = e.filter((r) => r.level).sort((r, s) => r.unitName.localeCompare(s.unitName) || r.md - s.md || r.ageTop - s.ageTop);
+  const i = e.filter((r) => r.level).sort(
+    (r, s) => r.unitName.localeCompare(s.unitName) || r.md - s.md || r.ageTop - s.ageTop
+  );
   for (; i.length > 0; ) {
     n = i.shift();
     const r = n.identifier;
@@ -5037,21 +5232,27 @@ function au(e) {
       continue;
     }
     let c, h;
-    const l = i.find((u) => u.identifier === s);
+    const l = i.find(
+      (u) => u.identifier === s
+    );
     if (l)
       c = o ? n : l, h = o ? l : n, c.md > h.md && ([c, h] = [h, c]), i.splice(i.indexOf(l), 1);
     else if (console.warn(`Unable to find ${s} pick for ${r}`), o)
       if (c = n, h = e.filter((u) => u.level).sort((u, f) => u.md - f.md).find((u) => u.md > c.md), h)
         console.warn(`Using ${h.identifier} as base for ${r}`);
       else {
-        console.warn(`Unable to find a base pick for ${r} pick at ${c.md}, ignored`);
+        console.warn(
+          `Unable to find a base pick for ${r} pick at ${c.md}, ignored`
+        );
         continue;
       }
     else if (a)
       if (h = n, c = e.filter((u) => u.level).sort((u, f) => f.md - u.md).find((u) => u.md < h.md), c)
         console.warn(`Using ${c.identifier} as top for ${r}`);
       else {
-        console.warn(`Unable to find a top pick for ${r} pick at ${h.md}, ignored`);
+        console.warn(
+          `Unable to find a top pick for ${r} pick at ${h.md}, ignored`
+        );
         continue;
       }
     else {
@@ -5118,7 +5319,19 @@ const J0 = (e) => e ? {
 function tf(e, t) {
   if (!(e && e.datapoints))
     return null;
-  const n = t.reduce((d, p) => Math.min(d, p[0]), 0), i = t.reduce((d, p) => Math.max(d, p[0]), 0), r = e.yAxisValues && e.yAxisValues[0], s = e.yAxisValues && e.yAxisValues[e.yAxisValues.length - 1], o = e.datapoints || [], a = -o.reduce((d, p) => Math.min(...p, d), 0), c = o.reduce((d, p) => Math.max(...p, d), 0), h = Math.max(Math.abs(a), Math.abs(c)), l = -h, u = h;
+  const n = t.reduce(
+    (d, p) => Math.min(d, p[0]),
+    0
+  ), i = t.reduce(
+    (d, p) => Math.max(d, p[0]),
+    0
+  ), r = e.yAxisValues && e.yAxisValues[0], s = e.yAxisValues && e.yAxisValues[e.yAxisValues.length - 1], o = e.datapoints || [], a = -o.reduce(
+    (d, p) => Math.min(...p, d),
+    0
+  ), c = o.reduce(
+    (d, p) => Math.max(...p, d),
+    0
+  ), h = Math.max(Math.abs(a), Math.abs(c)), l = -h, u = h;
   return {
     minX: n,
     maxX: i,
@@ -5158,9 +5371,19 @@ async function ef(e, t, n, i = { isLeftToRight: !0 }) {
 }
 const hu = 2147483648, lu = 4294967295;
 function nf(e, t, n) {
-  const i = n.filter((d) => d.data.values), r = mu(i), s = /* @__PURE__ */ new Map(), o = pu(r, t, s);
+  const i = n.filter(
+    (d) => d.data.values
+  ), r = mu(i), s = /* @__PURE__ */ new Map(), o = pu(
+    r,
+    t,
+    s
+  );
   gu(o);
-  const a = uu(r, e), c = wu(e, o, t), h = du(s, c), u = [
+  const a = uu(r, e), c = wu(
+    e,
+    o,
+    t
+  ), h = du(s, c), u = [
     ...fu(h, e),
     ...Object.values(c).flat().filter((d) => !d.exclude)
   ];
@@ -5184,14 +5407,20 @@ function fu(e, t) {
     return {
       id: i.id,
       color: pt(i.color),
-      data: t.map((o, a) => [o[0], i.top[a], ...s ? [s.top[a]] : []])
+      data: t.map((o, a) => [
+        o[0],
+        i.top[a],
+        ...s ? [s.top[a]] : []
+      ])
     };
   });
 }
 function du(e, t) {
   return Array.from(e.values()).sort((i, r) => i.age - r.age).filter((i) => {
     const r = t[i.name], s = r && r.length > 0;
-    return s || console.warn(`Intersection surface group '${i.name}' has no valid entries and will be discarded.`), s;
+    return s || console.warn(
+      `Intersection surface group '${i.name}' has no valid entries and will be discarded.`
+    ), s;
   }).map((i, r) => {
     const o = t[i.name][0];
     return {
@@ -5204,7 +5433,9 @@ function du(e, t) {
 }
 function pu(e, t, n) {
   const i = t && t.find((o) => o.stratUnitLevel === 1), r = i ? i.identifier : "SEABED";
-  return e.filter((o) => o.visualization === "interval" || o.visualization === "none").map((o) => {
+  return e.filter(
+    (o) => o.visualization === "interval" || o.visualization === "none"
+  ).map((o) => {
     const a = [], c = Hr(t, o.name, a);
     c || console.warn(`No match for ${o.name} in strat column`);
     const h = a[0] || c, l = h && h.identifier || r;
@@ -5231,11 +5462,15 @@ function gu(e) {
   });
 }
 function Hr(e, t, n = []) {
-  const i = e.find((r) => r.identifier.toLowerCase() === t.toLowerCase());
+  const i = e.find(
+    (r) => r.identifier.toLowerCase() === t.toLowerCase()
+  );
   if (i) {
     let r = i;
     do
-      n.unshift(r), r = e.find((s) => s.identifier === r.stratUnitParent);
+      n.unshift(r), r = e.find(
+        (s) => s.identifier === r.stratUnitParent
+      );
     while (r);
     return i;
   }
@@ -5261,7 +5496,9 @@ function xu(e, t, n, i) {
   const r = t + 1;
   if (!n || r >= n.length)
     return;
-  const s = n.findIndex((o) => o.isBase && o.name === e.name);
+  const s = n.findIndex(
+    (o) => o.isBase && o.name === e.name
+  );
   if (s !== -1)
     return s;
   for (let o = r; o < n.length; o++) {
@@ -5275,24 +5512,32 @@ function vu(e, t, n) {
   return Hr(n, e.name, i), i.some((r) => t.name === r.identifier);
 }
 function wu(e, t, n) {
-  return t.reduce((r, s, o) => {
-    var a;
-    if (!s.isBase) {
-      r[s.group] || (r[s.group] = []);
-      const c = xu(s, o, t, n);
-      (a = r[s.group]) == null || a.push({
-        id: s.name,
-        label: s.name,
-        color: s.unit && yu(s.unit) || lu,
-        exclude: s.visualization === "none" || !s.unit,
-        data: e.map((h, l) => {
-          const u = s.values[l] != null ? bu(c, t, l) : void 0;
-          return [h[0], s.values[l], u];
-        })
-      });
-    }
-    return r;
-  }, {});
+  return t.reduce(
+    (r, s, o) => {
+      var a;
+      if (!s.isBase) {
+        r[s.group] || (r[s.group] = []);
+        const c = xu(
+          s,
+          o,
+          t,
+          n
+        );
+        (a = r[s.group]) == null || a.push({
+          id: s.name,
+          label: s.name,
+          color: s.unit && yu(s.unit) || lu,
+          exclude: s.visualization === "none" || !s.unit,
+          data: e.map((h, l) => {
+            const u = s.values[l] != null ? bu(c, t, l) : void 0;
+            return [h[0], s.values[l], u];
+          })
+        });
+      }
+      return r;
+    },
+    {}
+  );
 }
 function bu(e, t, n) {
   var i, r;
@@ -5315,17 +5560,26 @@ function rf(e) {
 function sf(e, t) {
   if (!e || e.length === 0)
     return [];
-  const n = e ? e.map((_) => [_.easting, _.northing, _.tvd, _.md]) : [], i = new pr(n, { tension: 0.75, arcDivisions: 5e3 }), r = i.length, s = Math.round(r * Mu);
+  const n = e ? e.map((_) => [_.easting, _.northing, _.tvd, _.md]) : [], i = new pr(n, {
+    tension: 0.75,
+    arcDivisions: 5e3
+  }), r = i.length, s = Math.round(r * Mu);
   let o;
   s > 0 ? o = Xr(i.getPoints(s), 5e-4, 10) : o = [[n[0][0], n[0][1]]];
   const a = o[0], c = o[o.length - 1], h = D.distance(a, c);
   let l;
   if (h < Tu) {
     const v = t / 180 * Math.PI;
-    l = new D(Math.cos(v), Math.sin(v)).mutable;
+    l = new D(
+      Math.cos(v),
+      Math.sin(v)
+    ).mutable;
   } else
     l = Au(o, Su);
-  const u = Math.max(0, tn - r), f = u + r, d = [];
+  const u = Math.max(
+    0,
+    tn - r
+  ), f = u + r, d = [];
   let p = [];
   const g = l.toArray();
   u > 0 && (p = _i(Math.ceil(u * Oi)).map(
@@ -5334,7 +5588,11 @@ function sf(e, t) {
   const y = _i(Math.ceil(tn * Oi)).map(
     (_) => l.set(g).scale(tn * _).add(c).toArray()
   ).splice(1);
-  return d.push(...y), Ur(d, void 0, f);
+  return d.push(...y), Ur(
+    d,
+    void 0,
+    f
+  );
 }
 function Au(e, t) {
   const n = D.zero.mutable;
@@ -5393,7 +5651,14 @@ class of extends Et {
       let I;
       const N = 0.07;
       y ? I = l ? Math.min(C, S) : Math.max(C, S) : I = l ? Math.max(k, T) : Math.min(k, T);
-      const x = f.invert(f.range()[0]), A = f.invert(f.range()[1]), w = 5, L = 3, E = N * (P / L) * (y ? 1 : -1) * (l ? -1 : 1), F = P / w * (y ? 1 : -1) * (l ? -1 : 1), z = a.map((X) => [X[0], X[1]]), O = this.calcPos(z, I, L, E, x, A);
+      const x = f.invert(f.range()[0]), A = f.invert(f.range()[1]), w = 5, L = 3, E = N * (P / L) * (y ? 1 : -1) * (l ? -1 : 1), F = P / w * (y ? 1 : -1) * (l ? -1 : 1), z = a.map((X) => [X[0], X[1]]), O = this.calcPos(
+        z,
+        I,
+        L,
+        E,
+        x,
+        A
+      );
       if (!O)
         return;
       const $ = a.map((X) => [X[0], X[2]]);
@@ -5441,7 +5706,14 @@ class of extends Et {
       let b;
       const S = 5;
       u ? b = s ? Math.max(M, _) : Math.min(M, _) : b = s ? Math.min(v, m) : Math.max(v, m);
-      const T = y / S * (u ? -1 : 1), { data: C } = i, k = this.calcPos(C, b, S, T), R = this.calcLineDir(C, b, S, T, l, u ? D.left : D.right);
+      const T = y / S * (u ? -1 : 1), { data: C } = i, k = this.calcPos(C, b, S, T), R = this.calcLineDir(
+        C,
+        b,
+        S,
+        T,
+        l,
+        u ? D.left : D.right
+      );
       if (!k || !R)
         return;
       const P = b, I = k.y - Dr - p / 2, N = D.angleRight(R) - (u ? Math.PI : 0);
@@ -5457,24 +5729,27 @@ class of extends Et {
   generateSurfacesWithAvgDepth() {
     var n;
     const t = ((n = this.data) == null ? void 0 : n.areas) ?? [];
-    this.areasWithAvgTopDepth = t.reduce((i, r) => {
-      if (!r.label)
-        return i;
-      const s = r.data.reduce(
-        (a, c) => (c[1] != null && (a.sum += c[1], a.count++), a),
-        {
-          sum: 0,
-          count: 0
-        }
-      );
-      if (s.count === 0)
-        return i;
-      const o = s.sum / s.count;
-      return i.push({
-        ...r,
-        avgTopDepth: o
-      }), i;
-    }, []);
+    this.areasWithAvgTopDepth = t.reduce(
+      (i, r) => {
+        if (!r.label)
+          return i;
+        const s = r.data.reduce(
+          (a, c) => (c[1] != null && (a.sum += c[1], a.count++), a),
+          {
+            sum: 0,
+            count: 0
+          }
+        );
+        if (s.count === 0)
+          return i;
+        const o = s.sum / s.count;
+        return i.push({
+          ...r,
+          avgTopDepth: o
+        }), i;
+      },
+      []
+    );
   }
   onMount(t) {
     super.onMount(t);
@@ -5491,10 +5766,15 @@ class of extends Et {
     });
   }
   drawAreaLabels() {
-    this.areasWithAvgTopDepth.forEach((t, n, i) => {
-      const r = i.reduce((s, o, a) => (a > n && (s == null || o.avgTopDepth < s.avgTopDepth) && (s = o), s), null);
-      this.drawAreaLabel(t, r, i, n);
-    });
+    this.areasWithAvgTopDepth.forEach(
+      (t, n, i) => {
+        const r = i.reduce(
+          (s, o, a) => (a > n && (s == null || o.avgTopDepth < s.avgTopDepth) && (s = o), s),
+          null
+        );
+        this.drawAreaLabel(t, r, i, n);
+      }
+    );
   }
   drawLineLabels() {
     var t;
@@ -5512,7 +5792,14 @@ class of extends Et {
     for (let f = 0; f < i; f++) {
       const d = n + f * r, p = Tt(t, d, s, o);
       if (p) {
-        const g = this.getAlternativeYValueIfAvailable(d, s, o, a, c, h), y = g ? Math.min(p, g) : p;
+        const g = this.getAlternativeYValueIfAvailable(
+          d,
+          s,
+          o,
+          a,
+          c,
+          h
+        ), y = g ? Math.min(p, g) : p;
         l.add(d, y), u++;
       }
     }
@@ -5521,12 +5808,22 @@ class of extends Et {
   getAlternativeYValueIfAvailable(t, n, i, r, s = null, o) {
     if (!r)
       return null;
-    let a = Tt(r, t, n, i);
+    let a = Tt(
+      r,
+      t,
+      n,
+      i
+    );
     if (a == null && s && o != null) {
       let c = o + 1;
       for (; a == null && c < s.length; ) {
         const h = s[c++];
-        a = Tt((h == null ? void 0 : h.data.map((l) => [l[0], l[1]])) ?? [], t, n, i);
+        a = Tt(
+          (h == null ? void 0 : h.data.map((l) => [l[0], l[1]])) ?? [],
+          t,
+          n,
+          i
+        );
       }
     }
     return a;
@@ -5612,14 +5909,30 @@ class of extends Et {
     if (!t)
       return !0;
     const { xScale: i, yScale: r, xRatio: s } = this.rescaleEvent, o = 200, [a, c] = i.domain(), [h, l] = r.domain();
-    let u = t.interpolators.curtain.getIntersects(h, 1, 0);
+    let u = t.interpolators.curtain.getIntersects(
+      h,
+      1,
+      0
+    );
     u.length === 0 && (u = [t.interpolators.curtain.getPointAt(0)]);
-    let f = t.interpolators.curtain.getIntersects(l, 1, 0);
-    f.length === 0 && (f = [t.interpolators.curtain.getPointAt(1)]);
+    let f = t.interpolators.curtain.getIntersects(
+      l,
+      1,
+      0
+    );
+    f.length === 0 && (f = [
+      t.interpolators.curtain.getPointAt(1)
+    ]);
     const d = Math.max((I = u[0]) == null ? void 0 : I[0], (N = f[0]) == null ? void 0 : N[0]), p = Math.min((x = u[0]) == null ? void 0 : x[0], (A = f[0]) == null ? void 0 : A[0]), g = {
       left: n ? d : p,
       right: n ? p : d
-    }, y = this.getMarginsInWorldCoordinates(), m = a + y, _ = c - y, [v, M] = this.getSurfacesAreaEdges(), b = n ? Math.min(m, v) : Math.max(m, v), S = n ? Math.max(_, M) : Math.min(_, M), T = Math.max(n ? b - g.left : g.left - b, 0), C = Math.max(n ? g.right - S : S - g.right, 0), k = T * s, R = C * s;
+    }, y = this.getMarginsInWorldCoordinates(), m = a + y, _ = c - y, [v, M] = this.getSurfacesAreaEdges(), b = n ? Math.min(m, v) : Math.max(m, v), S = n ? Math.max(_, M) : Math.min(_, M), T = Math.max(
+      n ? b - g.left : g.left - b,
+      0
+    ), C = Math.max(
+      n ? g.right - S : S - g.right,
+      0
+    ), k = T * s, R = C * s;
     return T > C || k > o || k < o && R < o && n || ((w = f[0]) == null ? void 0 : w[1]) < h;
   }
 }
@@ -5646,7 +5959,12 @@ class af extends Or {
       this.createPolygons(t.data).forEach((r) => n.poly(r)), n.setStrokeStyle({ width: 1, color: t.color, alpha: 1 }), n.fill({ color: t.color }), this.addChild(n);
     }, this.generateSurfaceLine = (t) => {
       const n = new qt(), { data: i } = t;
-      n.setStrokeStyle({ width: Dr, color: t.color, alpha: 1, alignment: 0.5 });
+      n.setStrokeStyle({
+        width: Dr,
+        color: t.color,
+        alpha: 1,
+        alignment: 0.5
+      });
       let s = !1;
       for (let o = 0; o < i.length; o++) {
         const a = i[o];
@@ -5742,8 +6060,20 @@ class cf extends Et {
     const n = parseInt(((f = this.elm) == null ? void 0 : f.getAttribute("width")) ?? "0", 10), i = parseInt(((d = this.elm) == null ? void 0 : d.getAttribute("height")) ?? "0", 10), { xScale: r, yScale: s, xRatio: o, yRatio: a, x: c, y: h } = t, l = n * (o || 1), u = i * (a || 1);
     this.clearCanvas(), this.img != null && (this.isLoading ? this.img.onload = () => {
       var g;
-      this.isLoading = !1, this.img != null && ((g = this.ctx) == null || g.drawImage(this.img, r(c || 0), s(h || 0), l, u));
-    } : (p = this.ctx) == null || p.drawImage(this.img, r(c || 0), s(h || 0), l, u));
+      this.isLoading = !1, this.img != null && ((g = this.ctx) == null || g.drawImage(
+        this.img,
+        r(c || 0),
+        s(h || 0),
+        l,
+        u
+      ));
+    } : (p = this.ctx) == null || p.drawImage(
+      this.img,
+      r(c || 0),
+      s(h || 0),
+      l,
+      u
+    ));
   }
 }
 const zu = {
@@ -5806,7 +6136,10 @@ const zu = {
     if (this.useTexture)
       if (this.graphics.moveTo(this.cursor.x, this.cursor.y), this.adjustLineStyle(o), a && this.dash.length % 2 === 0) {
         const c = Math.min(this.dash[this.dash.length - 1], s);
-        this.graphics.lineTo(t - Math.cos(o) * c, n - Math.sin(o) * c), this.graphics.closePath();
+        this.graphics.lineTo(
+          t - Math.cos(o) * c,
+          n - Math.sin(o) * c
+        ), this.graphics.closePath();
       } else
         this.graphics.lineTo(t, n);
     else {
@@ -5825,7 +6158,12 @@ const zu = {
       let y = s;
       for (; y > 0; ) {
         const m = this.dash[d] * this.scale - p, _ = y > m ? m : y;
-        if (a && at.distance(l + c * _, u + h * _, this.start.x, this.start.y) <= _) {
+        if (a && at.distance(
+          l + c * _,
+          u + h * _,
+          this.start.x,
+          this.start.y
+        ) <= _) {
           if (d % 2 === 0) {
             const M = at.distance(l, u, this.start.x, this.start.y) - this.dash[this.dash.length - 1] * this.scale;
             l += c * M, u += h * M, this.graphics.lineTo(l, u);
@@ -5843,7 +6181,13 @@ const zu = {
   drawCircle(t, n, i, r = 80, s) {
     const o = Math.PI * 2 / r;
     let a = 0, c;
-    s ? (c = new dt(t + Math.cos(a) * i, n + Math.sin(a) * i), s.apply(c, c), this.moveTo(c[0], c[1])) : (c = new dt(t + Math.cos(a) * i, n + Math.sin(a) * i), this.moveTo(c.x, c.y)), a += o;
+    s ? (c = new dt(
+      t + Math.cos(a) * i,
+      n + Math.sin(a) * i
+    ), s.apply(c, c), this.moveTo(c[0], c[1])) : (c = new dt(
+      t + Math.cos(a) * i,
+      n + Math.sin(a) * i
+    ), this.moveTo(c.x, c.y)), a += o;
     for (let h = 1; h < r + 1; h++) {
       const l = h === r ? c : [t + Math.cos(a) * i, n + Math.sin(a) * i];
       this.lineTo(l[0], l[1]), a += o;
@@ -5870,7 +6214,11 @@ const zu = {
       } else {
         this.moveTo(t[0], t[1]);
         for (let r = 2; r < t.length; r += 2)
-          this.lineTo(t[r], t[r + 1], r === t.length - 2);
+          this.lineTo(
+            t[r],
+            t[r + 1],
+            r === t.length - 2
+          );
       }
     else if (n) {
       const r = t[0];
@@ -5902,7 +6250,10 @@ const zu = {
     const n = this.graphics.line;
     n.matrix = new hs(), t && n.matrix.rotate(t), this.scale !== 1 && n.matrix.scale(this.scale, this.scale);
     const i = -this.lineLength;
-    n.matrix.translate(this.cursor.x + i * Math.cos(t), this.cursor.y + i * Math.sin(t)), this.graphics.lineStyle(n);
+    n.matrix.translate(
+      this.cursor.x + i * Math.cos(t),
+      this.cursor.y + i * Math.sin(t)
+    ), this.graphics.lineStyle(n);
   }
   // creates or uses cached texture
   static getTexture(t, n) {
@@ -5951,10 +6302,16 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
     const s = t[r];
     if (s != null)
       return jr(i, s, n);
-    throw new Error(`Trying to read index ${r} of point ${i}, but no such vector was found!`);
+    throw new Error(
+      `Trying to read index ${r} of point ${i}, but no such vector was found!`
+    );
   });
 }, Ni = (e, t, n, i) => e <= i && n <= t, Ou = (e, t, n, i) => e < i && n < t, Nu = (e) => Array.from(new Set(e)), Be = (e, t, n, i) => {
-  const r = i.filter((o) => Ni(e, t, o.start, o.end)), s = n.filter((o) => Ni(e, t, o.start, o.end));
+  const r = i.filter(
+    (o) => Ni(e, t, o.start, o.end)
+  ), s = n.filter(
+    (o) => Ni(e, t, o.start, o.end)
+  );
   return {
     overlappingHoles: r,
     overlappingOuterStrings: s
@@ -5962,75 +6319,186 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
 }, He = ([e, t], n) => {
   const s = n.flatMap(
     (a) => [a.start - 1e-4, a.start, a.end, a.end + 1e-4]
-  ).filter((a) => a >= e && a <= t);
+  ).filter(
+    (a) => a >= e && a <= t
+  );
   return s.push(e), s.push(t), Nu(s).sort((a, c) => a - c);
 }, j = (e) => e.kind === "casing" ? e.innerDiameter : e.diameter, Zr = (e, t, n, i) => {
   const s = e.find(
     (h) => h.start <= i && h.end >= i
-  ), o = s ? s.diameter : 0, a = t.filter((h) => j(h) > o).sort((h, l) => j(h) - j(l)).find((h) => h.start <= i && h.end >= i), c = n.find((h) => h.start <= i && h.end >= i && h.diameter > o);
+  ), o = s ? s.diameter : 0, a = t.filter(
+    (h) => j(h) > o
+  ).sort(
+    (h, l) => j(h) - j(l)
+  ).find((h) => h.start <= i && h.end >= i), c = n.find(
+    (h) => h.start <= i && h.end >= i && h.diameter > o
+  );
   return a ? j(a) : c ? c.diameter : 100;
 }, $u = (e, t, n, i) => {
-  const s = e.sort((a, c) => c.diameter - a.diameter).find((a) => a.start <= n && a.end >= n), o = t.find((a) => a.start <= n && a.end >= n);
+  const s = e.sort(
+    (a, c) => c.diameter - a.diameter
+  ).find((a) => a.start <= n && a.end >= n), o = t.find(
+    (a) => a.start <= n && a.end >= n
+  );
   return s && i !== "Open hole frac pack" && i !== "Open hole gravel pack" ? j(s) : o ? o.diameter : 100;
 }, Bu = (e, t, n, i) => {
-  const s = e.sort((h, l) => j(h) - j(l)).find((h) => h.start <= i && h.end >= i);
+  const s = e.sort(
+    (h, l) => j(h) - j(l)
+  ).find(
+    (h) => h.start <= i && h.end >= i
+  );
   if (s)
     return j(s);
-  const o = e.length ? Math.min(...e.map((h) => j(h))) : 0, a = t.sort((h, l) => j(h) - j(l)).find(
+  const o = e.length ? Math.min(...e.map((h) => j(h))) : 0, a = t.sort(
+    (h, l) => j(h) - j(l)
+  ).find(
     (h) => h.start <= i && h.end >= i && o <= j(h)
   );
   if (a)
     return j(a);
-  const c = n.find((h) => h.start <= i && h.end >= i && h.diameter);
+  const c = n.find(
+    (h) => h.start <= i && h.end >= i && h.diameter
+  );
   return c ? c.diameter : 100;
 }, Hu = (e, t, n, i, r, s) => {
-  const { attachedStrings: o, nonAttachedStrings: a } = Vn(e.referenceIds, t, n);
+  const { attachedStrings: o, nonAttachedStrings: a } = Vn(
+    e.referenceIds,
+    t,
+    n
+  );
   if (o.length === 0)
-    throw new Error(`Invalid cement data, can't find referenced casing/completion string for cement with id '${e.id}'`);
+    throw new Error(
+      `Invalid cement data, can't find referenced casing/completion string for cement with id '${e.id}'`
+    );
   o.sort((g, y) => g.end - y.end);
-  const c = o[o.length - 1].end, { overlappingOuterStrings: h, overlappingHoles: l } = Be(e.toc, c, a, i), u = [...h, ...l].map((g) => ({
+  const c = o[o.length - 1].end, { overlappingOuterStrings: h, overlappingHoles: l } = Be(
+    e.toc,
+    c,
+    a,
+    i
+  ), u = [
+    ...h,
+    ...l
+  ].map((g) => ({
     start: g.start,
     end: g.end
   }));
-  return He([e.toc, c], u).flatMap((g, y, m) => {
-    if (y === m.length - 1)
-      return [];
-    const _ = m[y + 1], v = Zr(o, h, l, g);
-    return [{ top: g, bottom: _, diameter: v * r }];
-  }).map((g) => ({
+  return He(
+    [e.toc, c],
+    u
+  ).flatMap(
+    (g, y, m) => {
+      if (y === m.length - 1)
+        return [];
+      const _ = m[y + 1], v = Zr(
+        o,
+        h,
+        l,
+        g
+      );
+      return [
+        {
+          top: g,
+          bottom: _,
+          diameter: v * r
+        }
+      ];
+    }
+  ).map((g) => ({
     diameter: g.diameter,
     points: s(g.top, g.bottom)
   }));
 }, Vn = (e, t, n) => [...t, ...n].reduce(
-  (i, r) => e.includes(r.id) ? { ...i, attachedStrings: [...i.attachedStrings, r] } : { ...i, nonAttachedStrings: [...i.nonAttachedStrings, r] },
-  { attachedStrings: [], nonAttachedStrings: [] }
+  (i, r) => e.includes(r.id) ? { ...i, attachedStrings: [...i.attachedStrings, r] } : {
+    ...i,
+    nonAttachedStrings: [...i.nonAttachedStrings, r]
+  },
+  {
+    attachedStrings: [],
+    nonAttachedStrings: []
+  }
 ), Xu = (e, t, n, i, r, s) => {
-  const { attachedStrings: o, nonAttachedStrings: a } = Vn(e.referenceIds, t, n);
+  const { attachedStrings: o, nonAttachedStrings: a } = Vn(
+    e.referenceIds,
+    t,
+    n
+  );
   if (o.length === 0)
-    throw new Error(`Invalid cement squeeze data, can't find referenced casing/completion for squeeze with id '${e.id}'`);
-  const { overlappingOuterStrings: c, overlappingHoles: h } = Be(e.start, e.end, a, i), l = [...c, ...h].map((p) => ({
+    throw new Error(
+      `Invalid cement squeeze data, can't find referenced casing/completion for squeeze with id '${e.id}'`
+    );
+  const { overlappingOuterStrings: c, overlappingHoles: h } = Be(
+    e.start,
+    e.end,
+    a,
+    i
+  ), l = [
+    ...c,
+    ...h
+  ].map((p) => ({
     start: p.start,
     end: p.end
   }));
-  return He([e.start, e.end], l).flatMap((p, g, y) => {
+  return He(
+    [e.start, e.end],
+    l
+  ).flatMap((p, g, y) => {
     if (g === y.length - 1)
       return [];
-    const m = y[g + 1], _ = Zr(o, c, h, p);
-    return [{ top: p, bottom: m, diameter: _ * r }];
+    const m = y[g + 1], _ = Zr(
+      o,
+      c,
+      h,
+      p
+    );
+    return [
+      {
+        top: p,
+        bottom: m,
+        diameter: _ * r
+      }
+    ];
   }).map((p) => ({
     diameter: p.diameter,
     points: s(p.top, p.bottom)
   }));
 }, Uu = (e, t, n, i, r, s) => {
-  const { attachedStrings: o, nonAttachedStrings: a } = Vn(e.referenceIds, t, n), { overlappingHoles: c, overlappingOuterStrings: h } = Be(e.start, e.end, a, i), l = [...o, ...c, ...h].map((p) => ({
+  const { attachedStrings: o, nonAttachedStrings: a } = Vn(
+    e.referenceIds,
+    t,
+    n
+  ), { overlappingHoles: c, overlappingOuterStrings: h } = Be(
+    e.start,
+    e.end,
+    a,
+    i
+  ), l = [
+    ...o,
+    ...c,
+    ...h
+  ].map((p) => ({
     start: p.start,
     end: p.end
   }));
-  return He([e.start, e.end], l).flatMap((p, g, y) => {
+  return He(
+    [e.start, e.end],
+    l
+  ).flatMap((p, g, y) => {
     if (g === y.length - 1)
       return [];
-    const m = y[g + 1], _ = Bu(o, h, c, p);
-    return [{ top: p, bottom: m, diameter: _ * r }];
+    const m = y[g + 1], _ = Bu(
+      o,
+      h,
+      c,
+      p
+    );
+    return [
+      {
+        top: p,
+        bottom: m,
+        diameter: _ * r
+      }
+    ];
   }).map((p) => ({
     diameter: p.diameter,
     points: s(p.top, p.bottom)
@@ -6044,8 +6512,16 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   const s = r.getContext("2d");
   if (s == null)
     throw Error("Could not get canvas context!");
-  return s.fillStyle = Vu(r, s, e, t, 0), s.fillRect(0, 0, r.width, r.height), K.from(r);
-}, Wu = ({ scalingFactor: e }) => {
+  return s.fillStyle = Vu(
+    r,
+    s,
+    e,
+    t,
+    0
+  ), s.fillRect(0, 0, r.width, r.height), K.from(r);
+}, Wu = ({
+  scalingFactor: e
+}) => {
   const t = document.createElement("canvas"), n = vt * e;
   t.width = n, t.height = n;
   const i = t.getContext("2d");
@@ -6056,9 +6532,16 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   i.strokeStyle = "#AAAAAA", i.lineWidth = r, i.beginPath();
   const s = n / 3;
   for (let o = -t.width; o < t.width; o++)
-    i.moveTo(-t.width + s * o, -t.height), i.lineTo(t.width + s * o, t.height * 2);
+    i.moveTo(-t.width + s * o, -t.height), i.lineTo(
+      t.width + s * o,
+      t.height * 2
+    );
   return i.stroke(), K.from(t);
-}, Gu = ({ innerColor: e, outerColor: t, scalingFactor: n }) => {
+}, Gu = ({
+  innerColor: e,
+  outerColor: t,
+  scalingFactor: n
+}) => {
   const i = vt * n, r = document.createElement("canvas");
   r.width = i, r.height = i;
   const s = r.getContext("2d");
@@ -6066,7 +6549,11 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
     throw Error("Could not get canvas context!");
   const o = s.createLinearGradient(0, 0, 0, i), a = 0.3, c = 0.7;
   return o.addColorStop(0, t), o.addColorStop(a, e), o.addColorStop(c, e), o.addColorStop(1, t), s.fillStyle = o, s.fillRect(0, 0, r.width, r.height), K.from(r);
-}, qu = ({ firstColor: e, secondColor: t, scalingFactor: n }) => {
+}, qu = ({
+  firstColor: e,
+  secondColor: t,
+  scalingFactor: n
+}) => {
   const i = document.createElement("canvas"), r = vt * n, s = n;
   i.width = r, i.height = r;
   const o = i.getContext("2d");
@@ -6077,7 +6564,11 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   for (let c = -i.width; c < i.width; c++)
     o.moveTo(-i.width + a * c, -i.height), o.lineTo(i.width + a * c, i.height);
   return o.stroke(), K.from(i);
-}, ju = ({ firstColor: e, secondColor: t, scalingFactor: n }) => {
+}, ju = ({
+  firstColor: e,
+  secondColor: t,
+  scalingFactor: n
+}) => {
   const i = document.createElement("canvas"), r = vt * n;
   i.width = r, i.height = r;
   const s = i.getContext("2d");
@@ -6086,9 +6577,16 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   s.fillStyle = e, s.fillRect(0, 0, i.width, i.height), s.lineWidth = n, s.strokeStyle = t, s.beginPath(), s.setLineDash([20, 10]);
   const o = r / 12;
   for (let a = -i.width; a < i.width; a++)
-    s.moveTo(-i.width + o * a, -i.height), s.lineTo(i.width + o * a, i.height * 2);
+    s.moveTo(-i.width + o * a, -i.height), s.lineTo(
+      i.width + o * a,
+      i.height * 2
+    );
   return s.stroke(), K.from(i);
-}, Zu = ({ firstColor: e, secondColor: t, scalingFactor: n }) => {
+}, Zu = ({
+  firstColor: e,
+  secondColor: t,
+  scalingFactor: n
+}) => {
   const i = document.createElement("canvas"), r = vt * n, s = n;
   i.width = r, i.height = r;
   const o = i.getContext("2d");
@@ -6097,29 +6595,56 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   o.lineWidth = s, o.fillStyle = e, o.strokeStyle = t, o.fillRect(0, 0, i.width, i.height), o.beginPath(), o.setLineDash([20, 10]);
   const a = r / 12;
   for (let c = -i.width; c < i.width; c++)
-    o.moveTo(-i.width + a * c, -i.height), o.lineTo(i.width + a * c, i.height * 2);
+    o.moveTo(-i.width + a * c, -i.height), o.lineTo(
+      i.width + a * c,
+      i.height * 2
+    );
   return o.stroke(), K.from(i);
 }, ye = (e, t) => {
   const n = qr(t), i = Mn(t, n, e);
   return { leftPath: Mn(t, n, -e), rightPath: i };
-}, nn = (e, t) => ({ kind: "casing", start: e, end: t }), Ku = (e, t) => ({ kind: "casing-window", start: e, end: t }), Qu = (e) => {
-  const t = (e.windows || []).filter((n) => Ou(e.start, e.end, n.start, n.end)).reduce(
+}, nn = (e, t) => ({
+  kind: "casing",
+  start: e,
+  end: t
+}), Ku = (e, t) => ({ kind: "casing-window", start: e, end: t }), Qu = (e) => {
+  const t = (e.windows || []).filter(
+    (n) => Ou(e.start, e.end, n.start, n.end)
+  ).reduce(
     ({ intervals: n, lastBottom: i }, r, s, o) => {
       const a = (
         // last bottom before current start?
         i < r.start ? nn(i, r.start) : null
-      ), c = a ? a.end : i, h = Math.max(c, r.start), l = Math.min(e.end, r.end), u = Ku(h, l), f = l, p = s === o.length - 1 && // still room for a casing interval?
-      f < e.end ? nn(f, e.end) : null, g = [a, u, p].filter((y) => y != null);
-      return { intervals: [...n, ...g], lastBottom: f };
+      ), c = a ? a.end : i, h = Math.max(c, r.start), l = Math.min(e.end, r.end), u = Ku(
+        h,
+        l
+      ), f = l, p = s === o.length - 1 && // still room for a casing interval?
+      f < e.end ? nn(f, e.end) : null, g = [
+        a,
+        u,
+        p
+      ].filter((y) => y != null);
+      return {
+        intervals: [...n, ...g],
+        lastBottom: f
+      };
     },
     { intervals: [], lastBottom: e.start }
   );
   return t.intervals.length ? t.intervals : [nn(e.start, e.end)];
 }, Ju = (e, t, n) => {
-  const i = t.diameter * e, r = i / 2, o = t.innerDiameter * e / 2, a = r - o, c = Qu(t).map((h) => {
-    const l = n(h.start, h.end), { leftPath: u, rightPath: f } = ye(r, l);
-    return { kind: h.kind, leftPath: u, rightPath: f, pathPoints: l };
-  });
+  const i = t.diameter * e, r = i / 2, o = t.innerDiameter * e / 2, a = r - o, c = Qu(t).map(
+    (h) => {
+      const l = n(
+        h.start,
+        h.end
+      ), { leftPath: u, rightPath: f } = ye(
+        r,
+        l
+      );
+      return { kind: h.kind, leftPath: u, rightPath: f, pathPoints: l };
+    }
+  );
   return {
     kind: "casing",
     id: t.id,
@@ -6131,15 +6656,37 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
     bottom: t.end
   };
 }, t0 = (e, t, n, i, r) => {
-  const { overlappingOuterStrings: s, overlappingHoles: o } = Be(e.start, e.end, t, n), a = [...s, ...o].map((u) => ({
+  const { overlappingOuterStrings: s, overlappingHoles: o } = Be(
+    e.start,
+    e.end,
+    t,
+    n
+  ), a = [
+    ...s,
+    ...o
+  ].map((u) => ({
     start: u.start,
     end: u.end
   }));
-  return He([e.start, e.end], a).flatMap((u, f, d) => {
+  return He(
+    [e.start, e.end],
+    a
+  ).flatMap((u, f, d) => {
     if (f === d.length - 1)
       return [];
-    const p = d[f + 1], g = $u(s, o, u, e.subKind);
-    return [{ top: u, bottom: p, diameter: g * i }];
+    const p = d[f + 1], g = $u(
+      s,
+      o,
+      u,
+      e.subKind
+    );
+    return [
+      {
+        top: u,
+        bottom: p,
+        diameter: g * i
+      }
+    ];
   }).map((u) => {
     const f = r(u.top, u.bottom);
     return {
@@ -6157,15 +6704,39 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   t.globalAlpha = i.packingOpacity;
   const d = () => {
     for (let p = -1; p < o; p++) {
-      const g = [p * a + u + a / 2, e.height / 2 - h - f - h];
+      const g = [
+        p * a + u + a / 2,
+        e.height / 2 - h - f - h
+      ];
       t.beginPath();
-      const y = [...g], m = [g[0] - s * 2, g[1] - h / 4], _ = [g[0], g[1] - h / 2], v = [g[0] + s * 2, g[1] - h / 2 - h / 4], M = [g[0], g[1] - h];
+      const y = [...g], m = [
+        g[0] - s * 2,
+        g[1] - h / 4
+      ], _ = [
+        g[0],
+        g[1] - h / 2
+      ], v = [
+        g[0] + s * 2,
+        g[1] - h / 2 - h / 4
+      ], M = [g[0], g[1] - h];
       t.bezierCurveTo(...y, ...m, ..._), t.bezierCurveTo(..._, ...v, ...M), t.stroke();
     }
     for (let p = -1; p < o; p++) {
-      const g = [p * a + a + u + a / 2, e.height / 2 + c / 2 + f];
+      const g = [
+        p * a + a + u + a / 2,
+        e.height / 2 + c / 2 + f
+      ];
       t.beginPath();
-      const y = [...g], m = [g[0] - s * 2, g[1] + h / 4], _ = [g[0], g[1] + h / 2], v = [g[0] + s * 2, g[1] + h / 2 + h / 4], M = [g[0], g[1] + h];
+      const y = [...g], m = [
+        g[0] - s * 2,
+        g[1] + h / 4
+      ], _ = [
+        g[0],
+        g[1] + h / 2
+      ], v = [
+        g[0] + s * 2,
+        g[1] + h / 2 + h / 4
+      ], M = [g[0], g[1] + h];
       t.bezierCurveTo(...y, ...m, ..._), t.bezierCurveTo(..._, ...v, ...M), t.stroke();
     }
   };
@@ -6177,11 +6748,23 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   t.lineWidth = 1;
   const a = o / 2;
   for (let c = 0; c <= 4; c++) {
-    const h = [c * s, e.height / 2 - o / 2], l = [h[0] - s / 2, h[1] - a], u = [h[0] - s, h[1]];
+    const h = [
+      c * s,
+      e.height / 2 - o / 2
+    ], l = [
+      h[0] - s / 2,
+      h[1] - a
+    ], u = [h[0] - s, h[1]];
     t.beginPath(), t.moveTo(...h), t.lineTo(...l), t.lineTo(...u), t.fill(), t.lineWidth = 1, t.stroke();
   }
   for (let c = 0; c <= 4; c++) {
-    const h = [c * s, e.height / 2 + o / 2], l = [h[0] - s / 2, h[1] + a], u = [h[0] - s, h[1]];
+    const h = [
+      c * s,
+      e.height / 2 + o / 2
+    ], l = [
+      h[0] - s / 2,
+      h[1] + a
+    ], u = [h[0] - s, h[1]];
     t.beginPath(), t.moveTo(...h), t.lineTo(...l), t.lineTo(...u), t.fill(), t.lineWidth = 1, t.stroke();
   }
   t.closePath();
@@ -6213,23 +6796,55 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   }),
   orig: new jt(0, 0, e.width, e.height),
   rotate: Ln.MIRROR_HORIZONTAL
-}), n0 = (e, t) => (n) => t.some((i) => n(i) && Cl(e, i)), Wn = {
+}), n0 = (e, t) => (n) => t.some(
+  (i) => n(i) && Cl(e, i)
+), Wn = {
   packing: () => ht(),
   fracLines: () => ht(),
   spikes: (e, t, n, i) => {
-    const { canvas: r, ctx: s } = wt(t, i), o = n0(e, n), a = o(Ml), c = o(Pl), h = o(Al), u = a || c || h ? i.yellow : i.red;
-    return s.globalAlpha = i.packingOpacity, e.isOpen ? (s.fillStyle = u, s.strokeStyle = u) : (s.fillStyle = i.grey, s.strokeStyle = i.grey), e0(r, s, t.diameter, i), h && Yn(r, s, t.diameter, i, "spike"), bt(r);
+    const { canvas: r, ctx: s } = wt(
+      t,
+      i
+    ), o = n0(
+      e,
+      n
+    ), a = o(
+      Ml
+    ), c = o(
+      Pl
+    ), h = o(
+      Al
+    ), u = a || c || h ? i.yellow : i.red;
+    return s.globalAlpha = i.packingOpacity, e.isOpen ? (s.fillStyle = u, s.strokeStyle = u) : (s.fillStyle = i.grey, s.strokeStyle = i.grey), e0(r, s, t.diameter, i), h && Yn(
+      r,
+      s,
+      t.diameter,
+      i,
+      "spike"
+    ), bt(r);
   }
 }, Kr = {
   packing: () => ht(),
   fracLines: (e, t) => {
-    const { canvas: n, ctx: i } = wt(e, t);
-    return Yn(n, i, e.diameter, t, "diameter"), bt(n);
+    const { canvas: n, ctx: i } = wt(
+      e,
+      t
+    );
+    return Yn(
+      n,
+      i,
+      e.diameter,
+      t,
+      "diameter"
+    ), bt(n);
   },
   spikes: () => ht()
 }, ke = {
   packing: (e, t) => {
-    const { canvas: n, ctx: i } = wt(e, t);
+    const { canvas: n, ctx: i } = wt(
+      e,
+      t
+    );
     return Xe(n, i, t), bt(n);
   },
   fracLines: (e, t) => {
@@ -6239,51 +6854,99 @@ const Sn = (e) => new D(e.x, e.y), Du = (e) => new dt(e[0], e[1]), qr = (e) => {
   spikes: () => ht()
 }, Gn = {
   packing: (e, t) => {
-    const { canvas: n, ctx: i } = wt(e, t);
+    const { canvas: n, ctx: i } = wt(
+      e,
+      t
+    );
     return Xe(n, i, t), bt(n);
   },
   fracLines: () => ht(),
   spikes: () => ht()
 }, qn = {
   packing: (e, t) => {
-    const { canvas: n, ctx: i } = wt(e, t);
+    const { canvas: n, ctx: i } = wt(
+      e,
+      t
+    );
     return Xe(n, i, t), bt(n);
   },
   fracLines: () => ht(),
   spikes: () => ht()
 }, jn = {
   packing: (e, t, n) => {
-    const { canvas: i, ctx: r } = wt(t, n);
+    const { canvas: i, ctx: r } = wt(
+      t,
+      n
+    );
     return Xe(i, r, n), bt(i);
   },
   fracLines: (e, t) => {
-    const { canvas: n, ctx: i } = wt(e, t);
-    return Yn(n, i, e.diameter, t, "diameter"), bt(n);
+    const { canvas: n, ctx: i } = wt(
+      e,
+      t
+    );
+    return Yn(
+      n,
+      i,
+      e.diameter,
+      t,
+      "diameter"
+    ), bt(n);
   },
   spikes: () => ht()
 }, i0 = (e, t, n) => tt(
   {
     Perforation: () => Wn.packing(),
-    CasedHoleFracturation: () => ke.packing(t, n),
-    CasedHoleFracPack: () => ke.packing(t, n),
-    OpenHoleGravelPack: () => qn.packing(t, n),
-    OpenHoleFracPack: () => jn.packing(e, t, n),
-    CasedHoleGravelPack: () => Gn.packing(t, n)
+    CasedHoleFracturation: () => ke.packing(
+      t,
+      n
+    ),
+    CasedHoleFracPack: () => ke.packing(
+      t,
+      n
+    ),
+    OpenHoleGravelPack: () => qn.packing(
+      t,
+      n
+    ),
+    OpenHoleFracPack: () => jn.packing(
+      e,
+      t,
+      n
+    ),
+    CasedHoleGravelPack: () => Gn.packing(
+      t,
+      n
+    )
   },
   e.subKind
 ), r0 = (e, t, n) => tt(
   {
     Perforation: () => Wn.fracLines(),
     OpenHoleGravelPack: () => qn.fracLines(),
-    OpenHoleFracPack: () => jn.fracLines(t, n),
-    CasedHoleFracturation: () => Kr.fracLines(t, n),
+    OpenHoleFracPack: () => jn.fracLines(
+      t,
+      n
+    ),
+    CasedHoleFracturation: () => Kr.fracLines(
+      t,
+      n
+    ),
     CasedHoleGravelPack: () => Gn.fracLines(),
-    CasedHoleFracPack: () => ke.fracLines(t, n)
+    CasedHoleFracPack: () => ke.fracLines(
+      t,
+      n
+    )
   },
   e.subKind
 ), s0 = (e, t, n, i) => tt(
   {
-    Perforation: () => Wn.spikes(e, n, t, i),
+    Perforation: () => Wn.spikes(
+      e,
+      n,
+      t,
+      i
+    ),
     OpenHoleGravelPack: () => qn.spikes(),
     OpenHoleFracPack: () => jn.spikes(),
     CasedHoleFracturation: () => Kr.spikes(),
@@ -6531,7 +7194,10 @@ class u0 extends En {
    * @param points - An array of {@link Point} objects to construct this rope.
    */
   constructor(t, n) {
-    const i = new l0(n, t.height);
+    const i = new l0(
+      n,
+      t.height
+    );
     super({ geometry: i, texture: t }), this.autoUpdate = !0, this.onRender = () => {
       var s, o;
       const r = this.geometry;
@@ -6584,36 +7250,97 @@ const f0 = (e, t, n) => (i) => {
     }, this.perforationRopeAndTextureReferences = [], this.prepareSymbolRenderObject = (r) => {
       const { exaggerationFactor: s = 1 } = this.options, o = r.diameter * s;
       return {
-        pathPoints: this.getZFactorScaledPathForPoints(r.start, r.end),
+        pathPoints: this.getZFactorScaledPathForPoints(
+          r.start,
+          r.end
+        ),
         referenceDiameter: o,
         symbolKey: r.symbolKey
       };
-    }, this.drawSymbolComponent = ({ pathPoints: r, referenceDiameter: s, symbolKey: o }) => {
+    }, this.drawSymbolComponent = ({
+      pathPoints: r,
+      referenceDiameter: s,
+      symbolKey: o
+    }) => {
       const a = this.getSymbolTexture(o, s);
       this.drawSVGRope(r, a);
     }, this.drawHoleSize = (r, s) => {
       if (s == null)
         return;
-      const o = this.getZFactorScaledPathForPoints(s.start, s.end);
+      const o = this.getZFactorScaledPathForPoints(
+        s.start,
+        s.end
+      );
       if (o.length === 0)
         return;
-      const { exaggerationFactor: a = 1, holeOptions: c } = this.options, h = s.diameter * a, { rightPath: l, leftPath: u } = ye(h / 2, o), f = this.getHoleTexture(c, h, r);
-      this.drawHoleRope(o, f, r), this.drawOutline(u, l, pt(c.lineColor), dl * a, "TopAndBottom", 0);
+      const { exaggerationFactor: a = 1, holeOptions: c } = this.options, h = s.diameter * a, { rightPath: l, leftPath: u } = ye(
+        h / 2,
+        o
+      ), f = this.getHoleTexture(
+        c,
+        h,
+        r
+      );
+      this.drawHoleRope(o, f, r), this.drawOutline(
+        u,
+        l,
+        pt(c.lineColor),
+        dl * a,
+        "TopAndBottom",
+        0
+      );
     }, this.drawCasing = (r) => {
       const { casingOptions: s } = this.options, o = pt(s.solidColor), a = pt(s.lineColor);
       r.sections.forEach((c, h, l) => {
-        const u = Fe.getOutlineClosureType(h, l.length - 1), f = this.createCasingTexture(r.referenceDiameter);
-        this.drawRope(c.pathPoints, f, o), c.kind === "casing-window" ? this.drawCasingWindowOutline(c.leftPath, c.rightPath, s, r.casingWallWidth) : this.drawOutline(c.leftPath, c.rightPath, a, r.casingWallWidth, u);
+        const u = Fe.getOutlineClosureType(
+          h,
+          l.length - 1
+        ), f = this.createCasingTexture(
+          r.referenceDiameter
+        );
+        this.drawRope(c.pathPoints, f, o), c.kind === "casing-window" ? this.drawCasingWindowOutline(
+          c.leftPath,
+          c.rightPath,
+          s,
+          r.casingWallWidth
+        ) : this.drawOutline(
+          c.leftPath,
+          c.rightPath,
+          a,
+          r.casingWallWidth,
+          u
+        );
       });
     }, this.generateShoe = (r, s, o, a) => {
-      const c = r - o, h = r, l = this.getZFactorScaledPathForPoints(c, h), u = qr(l), f = Mn(l, u, s * (a < 0 ? -1 : 1)), d = l[l.length - 1], p = u[u.length - 1], g = jr(d, p, a + s * (a < 0 ? -1 : 1));
+      const c = r - o, h = r, l = this.getZFactorScaledPathForPoints(c, h), u = qr(l), f = Mn(
+        l,
+        u,
+        s * (a < 0 ? -1 : 1)
+      ), d = l[l.length - 1], p = u[u.length - 1], g = jr(
+        d,
+        p,
+        a + s * (a < 0 ? -1 : 1)
+      );
       return [...f, g];
     }, this.createCementSqueezeShape = (r, s, o, a) => {
       const { exaggerationFactor: c = 1 } = this.options;
-      return Xu(r, s, o, a, c, this.getZFactorScaledPathForPoints);
+      return Xu(
+        r,
+        s,
+        o,
+        a,
+        c,
+        this.getZFactorScaledPathForPoints
+      );
     }, this.createPerforationShape = (r, s, o) => {
       const { exaggerationFactor: a = 1 } = this.options;
-      return t0(r, s, o, a, this.getZFactorScaledPathForPoints);
+      return t0(
+        r,
+        s,
+        o,
+        a,
+        this.getZFactorScaledPathForPoints
+      );
     }, this.options = {
       ...this.options,
       ...d0(this.id),
@@ -6628,16 +7355,25 @@ const f0 = (e, t, n) => (i) => {
   }
   async onRescale(t) {
     const n = this.scalingFactors.zFactor !== t.zFactor;
-    this.scalingFactors = { height: t.height, zFactor: t.zFactor, yScale: t.yScale }, super.optionsRescale(t);
+    this.scalingFactors = {
+      height: t.height,
+      zFactor: t.zFactor,
+      yScale: t.yScale
+    }, super.optionsRescale(t);
     const i = this.yRatio(), r = t.xBounds[0] > t.xBounds[1], s = t.yBounds[0] > t.yBounds[1];
-    this.setContainerPosition(t.xScale(0), t.yScale(0)), this.setContainerScale(t.xRatio * (r ? -1 : 1), i * (s ? -1 : 1)), n && (this.clearLayer(), await this.preRender()), this.render();
+    this.setContainerPosition(t.xScale(0), t.yScale(0)), this.setContainerScale(
+      t.xRatio * (r ? -1 : 1),
+      i * (s ? -1 : 1)
+    ), n && (this.clearLayer(), await this.preRender()), this.render();
   }
   async setVisibility(t, n) {
     if (n === this.id) {
       super.setVisibility(t, n);
       return;
     }
-    const { internalLayerOptions: i } = this.options, s = (i ? Object.entries(i) : []).find(([a, c]) => c === n), o = s == null ? void 0 : s[0];
+    const { internalLayerOptions: i } = this.options, s = (i ? Object.entries(i) : []).find(
+      ([a, c]) => c === n
+    ), o = s == null ? void 0 : s[0];
     o && (this.internalLayerVisibility[o] = t, this.clearLayer(), await this.preRender(), this.render());
   }
   getInternalLayerIds() {
@@ -6650,12 +7386,18 @@ const f0 = (e, t, n) => (i) => {
    */
   yRatio() {
     const t = this.scalingFactors.yScale.domain(), i = (t[1] - t[0]) * this.scalingFactors.zFactor, r = [t[0], t[0] + i];
-    return Math.abs(this.scalingFactors.height / (r[1] - r[0]));
+    return Math.abs(
+      this.scalingFactors.height / (r[1] - r[0])
+    );
   }
   drawRope(t, n, i) {
     if (t.length === 0)
       return;
-    const r = new Kn({ texture: n, points: t, textureScale: 1 });
+    const r = new Kn({
+      texture: n,
+      points: t,
+      textureScale: 1
+    });
     r.tint = i || r.tint, this.addChild(r);
   }
   /**
@@ -6669,7 +7411,11 @@ const f0 = (e, t, n) => (i) => {
    */
   drawOutline(t, n, i, r = 1, s = "None", o = 1) {
     const a = t.map((u) => u.clone()).reverse(), c = n[0], h = a[0], l = new qt();
-    l.moveTo(c.x, c.y), n.forEach((u) => l.lineTo(u.x, u.y)), (s === "None" || s === "Top") && l.moveTo(h.x, h.y), a.forEach((u) => l.lineTo(u.x, u.y)), (s === "TopAndBottom" || s === "Top") && l.lineTo(c.x, c.y), l.stroke({ width: r, color: i, alignment: o }), this.addChild(l);
+    l.moveTo(c.x, c.y), n.forEach((u) => l.lineTo(u.x, u.y)), (s === "None" || s === "Top") && l.moveTo(h.x, h.y), a.forEach((u) => l.lineTo(u.x, u.y)), (s === "TopAndBottom" || s === "Top") && l.lineTo(c.x, c.y), l.stroke({
+      width: r,
+      color: i,
+      alignment: o
+    }), this.addChild(l);
   }
   /**
    * Uses a dashed outline on one side to represent casing window
@@ -6683,7 +7429,11 @@ const f0 = (e, t, n) => (i) => {
   drawCasingWindowOutline(t, n, { lineColor: i, windowOptions: r }, s = 1) {
     var g, y;
     const o = !!((y = (g = this.referenceSystem) == null ? void 0 : g.options) != null && y.calculateDisplacementFromBottom), [a, c] = o ? [t, n] : [n, t], [h, l] = o ? [1, 0] : [0, 1], u = new qt(), f = a[0];
-    u.moveTo(f.x, f.y), a.forEach((m) => u.lineTo(m.x, m.y)), u.setStrokeStyle({ width: s, color: pt(i), alignment: l });
+    u.moveTo(f.x, f.y), a.forEach((m) => u.lineTo(m.x, m.y)), u.setStrokeStyle({
+      width: s,
+      color: pt(i),
+      alignment: l
+    });
     const d = new Tn(u, {
       dash: [r.dashLength, r.spaceLength],
       color: pt(r.dashColor),
@@ -6697,25 +7447,55 @@ const f0 = (e, t, n) => (i) => {
   async preRender() {
     if (!this.data || !this.referenceSystem)
       return;
-    const { exaggerationFactor: t = 1 } = this.options, { holeSizes: n, casings: i, cements: r, completion: s, symbols: o, pAndA: a, perforations: c } = this.data;
+    const { exaggerationFactor: t = 1 } = this.options, {
+      holeSizes: n,
+      casings: i,
+      cements: r,
+      completion: s,
+      symbols: o,
+      pAndA: a,
+      perforations: c
+    } = this.data;
     await this.updateSymbolCache(o), n.sort((g, y) => y.diameter - g.diameter);
     const h = n.length > 0 ? (an(n, (g) => g.diameter) ?? 0) * t : fl * t;
-    this.internalLayerVisibility.holeLayerId && n.forEach((g) => this.drawHoleSize(h, g)), i.sort((g, y) => y.diameter - g.diameter);
-    const l = i.map((g) => this.createCasingRenderObject(g)), u = r.map(
+    this.internalLayerVisibility.holeLayerId && n.forEach(
+      (g) => this.drawHoleSize(h, g)
+    ), i.sort((g, y) => y.diameter - g.diameter);
+    const l = i.map(
+      (g) => this.createCasingRenderObject(g)
+    ), u = r.map(
       (g) => ({
         kind: "cement",
-        segments: Hu(g, i, s, n, t, this.getZFactorScaledPathForPoints),
+        segments: Hu(
+          g,
+          i,
+          s,
+          n,
+          t,
+          this.getZFactorScaledPathForPoints
+        ),
         casingIds: (g.referenceIds || []).filter((y) => y)
       })
     ), [f, d] = a.reduce(
       ([g, y], m) => xl(m) ? [[m, ...g], y] : [g, [m, ...y]],
       [[], []]
-    ), p = f.map((g) => ({
-      kind: "cementSqueeze",
-      segments: this.createCementSqueezeShape(g, i, s, n),
-      casingIds: g.referenceIds
-    }));
-    if (this.sortCementAndCasingRenderObjects(l, u, p).forEach(
+    ), p = f.map(
+      (g) => ({
+        kind: "cementSqueeze",
+        segments: this.createCementSqueezeShape(
+          g,
+          i,
+          s,
+          n
+        ),
+        casingIds: g.referenceIds
+      })
+    );
+    if (this.sortCementAndCasingRenderObjects(
+      l,
+      u,
+      p
+    ).forEach(
       f0(
         (g) => {
           this.internalLayerVisibility.casingLayerId && (this.drawCasing(g), g.hasShoe && this.drawShoe(g.bottom, g.referenceRadius));
@@ -6742,36 +7522,82 @@ const f0 = (e, t, n) => (i) => {
     }), this.perforationRopeAndTextureReferences = [], this.internalLayerVisibility.perforationLayerId) {
       const { perforationOptions: g } = this.options, y = c.filter(bl), m = c.filter(Tl), _ = c.filter(Sl);
       y.forEach((v) => {
-        const b = this.createPerforationShape(v, i, n).reduce(
+        const b = this.createPerforationShape(
+          v,
+          i,
+          n
+        ).reduce(
           (S, T) => (S[T.diameter] || (S[T.diameter] = []), S[T.diameter] = [...S[T.diameter] ?? [], T], S),
           {}
         );
-        Object.values(b).forEach((S) => {
-          const T = i0(v, S[0], g), C = this.drawComplexRope(S, T);
-          C && this.perforationRopeAndTextureReferences.push({ rope: C, texture: T });
-        });
+        Object.values(b).forEach(
+          (S) => {
+            const T = i0(
+              v,
+              S[0],
+              g
+            ), C = this.drawComplexRope(
+              S,
+              T
+            );
+            C && this.perforationRopeAndTextureReferences.push({ rope: C, texture: T });
+          }
+        );
       }), _.forEach((v) => {
-        const S = this.createPerforationShape(v, i, n).map((T) => ({ ...T, diameter: T.diameter * 3 })).reduce(
+        const S = this.createPerforationShape(
+          v,
+          i,
+          n
+        ).map((T) => ({
+          ...T,
+          diameter: T.diameter * 3
+        })).reduce(
           (T, C) => (T[C.diameter] || (T[C.diameter] = []), T[C.diameter] = [...T[C.diameter] ?? [], C], T),
           {}
         );
-        Object.values(S).forEach((T) => {
-          T.forEach((C) => {
-            const k = s0(v, c, C, g), R = this.drawComplexRope([C], k);
-            R && this.perforationRopeAndTextureReferences.push({ rope: R, texture: k });
-          });
-        });
+        Object.values(S).forEach(
+          (T) => {
+            T.forEach((C) => {
+              const k = s0(
+                v,
+                c,
+                C,
+                g
+              ), R = this.drawComplexRope([C], k);
+              R && this.perforationRopeAndTextureReferences.push({
+                rope: R,
+                texture: k
+              });
+            });
+          }
+        );
       }), m.forEach((v) => {
-        const S = this.createPerforationShape(v, i, n).map((T) => ({ ...T, diameter: T.diameter * 3 })).reduce(
+        const S = this.createPerforationShape(
+          v,
+          i,
+          n
+        ).map((T) => ({
+          ...T,
+          diameter: T.diameter * 3
+        })).reduce(
           (T, C) => (T[C.diameter] || (T[C.diameter] = []), T[C.diameter] = [...T[C.diameter] ?? [], C], T),
           {}
         );
-        Object.values(S).forEach((T) => {
-          T.forEach((C) => {
-            const k = r0(v, C, g), R = this.drawComplexRope([C], k);
-            R && this.perforationRopeAndTextureReferences.push({ rope: R, texture: k });
-          });
-        });
+        Object.values(S).forEach(
+          (T) => {
+            T.forEach((C) => {
+              const k = r0(
+                v,
+                C,
+                g
+              ), R = this.drawComplexRope([C], k);
+              R && this.perforationRopeAndTextureReferences.push({
+                rope: R,
+                texture: k
+              });
+            });
+          }
+        );
       });
     }
     this.internalLayerVisibility.completionLayerId && s.forEach(
@@ -6794,9 +7620,11 @@ const f0 = (e, t, n) => (i) => {
   async updateSymbolCache(t) {
     if (this.textureSymbolCacheArray || (this.textureSymbolCacheArray = {}), !t)
       return;
-    const n = Object.keys(this.textureSymbolCacheArray), i = Object.entries(t).map(async ([r, s]) => {
-      !n.includes(r) && this.textureSymbolCacheArray && (this.textureSymbolCacheArray[r] = await us.load(s));
-    });
+    const n = Object.keys(this.textureSymbolCacheArray), i = Object.entries(t).map(
+      async ([r, s]) => {
+        !n.includes(r) && this.textureSymbolCacheArray && (this.textureSymbolCacheArray[r] = await us.load(s));
+      }
+    );
     await Promise.all(i);
   }
   drawCementPlug(t, n, i, r) {
@@ -6808,10 +7636,16 @@ const f0 = (e, t, n) => (i) => {
       s,
       this.getZFactorScaledPathForPoints
     );
-    o && this.drawComplexRope(a, this.getCementPlugTexture(o));
+    o && this.drawComplexRope(
+      a,
+      this.getCementPlugTexture(o)
+    );
     const { rightPath: c, leftPath: h } = a.reduce(
       (l, u) => {
-        const { leftPath: f, rightPath: d } = ye(u.diameter / 2, u.points);
+        const { leftPath: f, rightPath: d } = ye(
+          u.diameter / 2,
+          u.points
+        );
         return {
           rightPath: [...l.rightPath, ...d],
           leftPath: [...l.leftPath, ...f]
@@ -6819,11 +7653,21 @@ const f0 = (e, t, n) => (i) => {
       },
       { rightPath: [], leftPath: [] }
     );
-    this.drawOutline(h, c, pt("black"), 0.25, "TopAndBottom");
+    this.drawOutline(
+      h,
+      c,
+      pt("black"),
+      0.25,
+      "TopAndBottom"
+    );
   }
   createCasingRenderObject(t) {
     const { exaggerationFactor: n = 1 } = this.options;
-    return Ju(n, t, this.getZFactorScaledPathForPoints);
+    return Ju(
+      n,
+      t,
+      this.getZFactorScaledPathForPoints
+    );
   }
   getCementPlugTexture(t) {
     return this.cementPlugTextureCache || (this.cementPlugTextureCache = ju(t)), this.cementPlugTextureCache;
@@ -6831,18 +7675,29 @@ const f0 = (e, t, n) => (i) => {
   drawSVGRope(t, n) {
     if (t.length === 0)
       return;
-    const i = new u0(n, t);
+    const i = new u0(
+      n,
+      t
+    );
     this.addChild(i);
   }
   getSymbolTexture(t, n) {
     var r, s;
     const i = (s = (r = this.textureSymbolCacheArray) == null ? void 0 : r[t]) == null ? void 0 : s.source;
-    return i ? new K({ source: i, orig: new jt(0, 0, 0, n), rotate: Ln.MAIN_DIAGONAL }) : void 0;
+    return i ? new K({
+      source: i,
+      orig: new jt(0, 0, 0, n),
+      rotate: Ln.MAIN_DIAGONAL
+    }) : void 0;
   }
   drawHoleRope(t, n, i) {
     if (t.length === 0)
       return;
-    const r = new Kn({ texture: n, points: t, textureScale: i / vt });
+    const r = new Kn({
+      texture: n,
+      points: t,
+      textureScale: i / vt
+    });
     this.addChild(r);
   }
   getHoleTexture(t, n, i) {
@@ -6865,14 +7720,31 @@ const f0 = (e, t, n) => (i) => {
     let r = 0;
     const { result: s } = t.reduce(
       (o, a) => {
-        const c = o.remainingCement.find((l) => l.casingIds.includes(a.id)), h = o.remainingCementSqueezes.filter((l) => l.casingIds.includes(a.id));
+        const c = o.remainingCement.find(
+          (l) => l.casingIds.includes(a.id)
+        ), h = o.remainingCementSqueezes.filter(
+          (l) => l.casingIds.includes(a.id)
+        );
         return c && (c.zIndex = r++), h.forEach((l) => l.zIndex = r++), a.zIndex = r++, {
-          result: [...o.result, c, a, ...h],
-          remainingCement: o.remainingCement.filter((l) => l !== c),
-          remainingCementSqueezes: o.remainingCementSqueezes.filter((l) => !h.includes(l))
+          result: [
+            ...o.result,
+            c,
+            a,
+            ...h
+          ],
+          remainingCement: o.remainingCement.filter(
+            (l) => l !== c
+          ),
+          remainingCementSqueezes: o.remainingCementSqueezes.filter(
+            (l) => !h.includes(l)
+          )
         };
       },
-      { result: [], remainingCement: n, remainingCementSqueezes: i }
+      {
+        result: [],
+        remainingCement: n,
+        remainingCementSqueezes: i
+      }
     );
     return s.filter((o) => o != null).sort((o, a) => o.zIndex - a.zIndex);
   }
@@ -6898,7 +7770,17 @@ const f0 = (e, t, n) => (i) => {
     });
   }
   drawShoe(t, n) {
-    const { exaggerationFactor: i = 1, casingOptions: r } = this.options, s = r.shoeSize.width * i, o = r.shoeSize.length * i, a = this.generateShoe(t, n, o, s), c = this.generateShoe(t, n, o, -s);
+    const { exaggerationFactor: i = 1, casingOptions: r } = this.options, s = r.shoeSize.width * i, o = r.shoeSize.length * i, a = this.generateShoe(
+      t,
+      n,
+      o,
+      s
+    ), c = this.generateShoe(
+      t,
+      n,
+      o,
+      -s
+    );
     this.drawBigPolygon(c), this.drawBigPolygon(a);
   }
   getCementTexture() {
@@ -6916,8 +7798,17 @@ const f0 = (e, t, n) => (i) => {
     return this.cementSqueezeTextureCache;
   }
   drawScreen({ start: t, end: n, diameter: i }) {
-    const { exaggerationFactor: r = 1, screenOptions: s } = this.options, o = r * i, a = this.getZFactorScaledPathForPoints(t, n), { leftPath: c, rightPath: h } = ye(o / 2, a), l = this.getScreenTexture();
-    l && (this.drawCompletionRope(a, l, o), this.drawOutline(c, h, pt(s.lineColor), pl * r, "TopAndBottom"));
+    const { exaggerationFactor: r = 1, screenOptions: s } = this.options, o = r * i, a = this.getZFactorScaledPathForPoints(t, n), { leftPath: c, rightPath: h } = ye(
+      o / 2,
+      a
+    ), l = this.getScreenTexture();
+    l && (this.drawCompletionRope(a, l, o), this.drawOutline(
+      c,
+      h,
+      pt(s.lineColor),
+      pl * r,
+      "TopAndBottom"
+    ));
   }
   drawTubing({ diameter: t, start: n, end: i }) {
     const { exaggerationFactor: r = 1, tubingOptions: s } = this.options, o = r * t, a = this.getZFactorScaledPathForPoints(n, i), c = this.getTubingTexture(s);
@@ -6936,7 +7827,11 @@ const f0 = (e, t, n) => (i) => {
   drawCompletionRope(t, n, i) {
     if (t.length === 0)
       return;
-    const r = new h0(n, t, i);
+    const r = new h0(
+      n,
+      t,
+      i
+    );
     this.addChild(r);
   }
 };
@@ -7557,13 +8452,18 @@ class lf extends yl {
   }
   renderWellborePath(t) {
     if (this.rescaleEvent != null) {
-      const { xScale: n, yScale: i } = this.rescaleEvent, r = t.map((c) => [n(c[0]), i(c[1])]);
+      const { xScale: n, yScale: i } = this.rescaleEvent, r = t.map((c) => [
+        n(c[0]),
+        i(c[1])
+      ]);
       let s;
       const { curveType: o, tension: a } = this.options;
       switch (o) {
         default:
         case "curveCatmullRom":
-          s = P0.alpha(a || I0);
+          s = P0.alpha(
+            a || I0
+          );
           break;
         case "curveLinear":
           s = ts;
@@ -7578,7 +8478,9 @@ class lf extends yl {
           s = S0.beta(a || D0);
           break;
         case "curveCardinal":
-          s = M0.tension(a || z0);
+          s = M0.tension(
+            a || z0
+          );
           break;
         case "curveMonotoneX":
           s = C0;
@@ -7647,7 +8549,13 @@ class uf extends Et {
       const a = bn(4, 2.5, 500, this.yScale), c = a * 2, h = this.yScale(t.depth) - a, l = Math.ceil(o.width / c) + 1, u = this.xScale(0) % c;
       s.save(), s.strokeStyle = t.color, this.setCtxLineStyle(s, t), this.setCtxLineWidth(s, t);
       for (let f = -1; f < l; f++)
-        s.beginPath(), s.arc(f * c + u + a, h, a, 0, Math.PI), s.stroke();
+        s.beginPath(), s.arc(
+          f * c + u + a,
+          h,
+          a,
+          0,
+          Math.PI
+        ), s.stroke();
       s.restore(), t.text && this.drawText(s, t, s.canvas.width, h);
     }
   }
@@ -7702,8 +8610,20 @@ class O0 {
       const { container: s } = this;
       this._svgContainer = Z(s).append("div").attr("class", "axis").style("position", "absolute").style("z-index", "10").style("pointer-events", "none");
       const o = this._svgContainer.append("svg").attr("height", `${s.offsetHeight}px`).attr("width", `${s.offsetWidth}px`), a = !0;
-      return new Ro(o, a, r.xLabel, r.yLabel, r.unitOfMeasure);
-    }, this.container = t, this.layerContainer = document.createElement("div"), this.layerContainer.className = "layer-container", this.container.appendChild(this.layerContainer), this.adjustToSize(+(this.container.getAttribute("width") ?? 0), +(this.container.getAttribute("height") ?? 0)), this._zoomPanHandler = new ll(t, (r) => this.rescale(r)), n) {
+      return new Ro(
+        o,
+        a,
+        r.xLabel,
+        r.yLabel,
+        r.unitOfMeasure
+      );
+    }, this.container = t, this.layerContainer = document.createElement("div"), this.layerContainer.className = "layer-container", this.container.appendChild(this.layerContainer), this.adjustToSize(
+      +(this.container.getAttribute("width") ?? 0),
+      +(this.container.getAttribute("height") ?? 0)
+    ), this._zoomPanHandler = new ll(
+      t,
+      (r) => this.rescale(r)
+    ), n) {
       const { xMin: r, xMax: s, yMin: o, yMax: a, xBounds: c, yBounds: h } = n;
       r !== void 0 && s !== void 0 && o !== void 0 && a !== void 0 && this._zoomPanHandler.setBounds([r, s], [o, a]), c && h && this._zoomPanHandler.setBounds(c, h);
     } else
@@ -7756,7 +8676,9 @@ class O0 {
     }), this;
   }
   getLayer(t) {
-    return this.layers.find((n) => n.id === t || n.getInternalLayerIds().includes(t));
+    return this.layers.find(
+      (n) => n.id === t || n.getInternalLayerIds().includes(t)
+    );
   }
   initLayer(t, n) {
     const i = {
@@ -7765,7 +8687,9 @@ class O0 {
     t.onMount(i);
     const r = this.zoomPanHandler.currentStateAsEvent();
     if (t.onUpdate({ ...r, ...n }), t.onRescale(r), this._svgContainer) {
-      const s = this.layers.length > 0 ? this.layers.reduce((o, a) => o.order > a.order ? o : a).order : 1;
+      const s = this.layers.length > 0 ? this.layers.reduce(
+        (o, a) => o.order > a.order ? o : a
+      ).order : 1;
       this._svgContainer.style("z-index", `${s + 1}`);
     }
     return this;
@@ -7784,7 +8708,13 @@ class O0 {
    * @param height (required)
    */
   adjustToSize(t, n) {
-    const i = Math.max(this._axis ? t - Ir : t, 0), r = Math.max(this._axis ? n - zr : n, 0);
+    const i = Math.max(
+      this._axis ? t - Ir : t,
+      0
+    ), r = Math.max(
+      this._axis ? n - zr : n,
+      0
+    );
     if (this._axis) {
       const s = { width: t, height: n };
       this._axis.onResize(s);
@@ -7815,17 +8745,23 @@ class O0 {
     return (t = this._axis) == null || t.hideLabels(), this;
   }
   setAxisOffset(t, n) {
-    return this._axis && (this._axis.offsetX = t, this._axis.offsetY = n, this.layers.filter((r) => r instanceof en).forEach((r) => {
+    return this._axis && (this._axis.offsetX = t, this._axis.offsetY = n, this.layers.filter(
+      (r) => r instanceof en
+    ).forEach((r) => {
       r.offsetX = t, r.offsetY = n;
     })), this;
   }
   setXAxisOffset(t) {
-    return this._axis && (this._axis.offsetX = t, this.layers.filter((i) => i instanceof en).forEach((i) => {
+    return this._axis && (this._axis.offsetX = t, this.layers.filter(
+      (i) => i instanceof en
+    ).forEach((i) => {
       i.offsetX = t;
     })), this;
   }
   setYAxisOffset(t) {
-    return this._axis && (this._axis.offsetY = t, this.layers.filter((i) => i instanceof en).forEach((i) => {
+    return this._axis && (this._axis.offsetY = t, this.layers.filter(
+      (i) => i instanceof en
+    ).forEach((i) => {
       i.offsetY = t;
     })), this;
   }
@@ -7848,7 +8784,9 @@ class O0 {
     return this._axis;
   }
   rescale(t) {
-    this._axis && this._axis.onRescale(t), this.layers && this.layers.forEach((n) => n.isVisible === !0 ? n.onRescale(t) : {});
+    this._axis && this._axis.onRescale(t), this.layers && this.layers.forEach(
+      (n) => n.isVisible === !0 ? n.onRescale(t) : {}
+    );
   }
 }
 class N0 {
@@ -7944,8 +8882,19 @@ class ff {
    * @param options.referenceSystem (optional) sets reference system, takes priority over path if both are supplied
    */
   constructor(t) {
-    const { container: n, axisOptions: i, scaleOptions: r, referenceSystem: s, layers: o, path: a } = t;
-    this._referenceSystem = s || a && new Jt(a), this._overlay = $0(this, n), this.layerManager = new O0(this._overlay.elm.node(), r, i), o && (this.layerManager.addLayers(o), this.setOverlayZIndex(o));
+    const {
+      container: n,
+      axisOptions: i,
+      scaleOptions: r,
+      referenceSystem: s,
+      layers: o,
+      path: a
+    } = t;
+    this._referenceSystem = s || a && new Jt(a), this._overlay = $0(this, n), this.layerManager = new O0(
+      this._overlay.elm.node(),
+      r,
+      i
+    ), o && (this.layerManager.addLayers(o), this.setOverlayZIndex(o));
   }
   /**
    * Sets reference system, overrides any existing reference systems in place
@@ -8019,8 +8968,15 @@ class ff {
    */
   adjustToSize(t, n) {
     this.layerManager.adjustToSize(t, n);
-    const i = { width: Math.max(t - Ir, 0), height: Math.max(n - zr, 0) };
-    return this.overlay.elm.dispatch("resize", { detail: i, bubbles: !0, cancelable: !0 }), this;
+    const i = {
+      width: Math.max(t - Ir, 0),
+      height: Math.max(n - zr, 0)
+    };
+    return this.overlay.elm.dispatch("resize", {
+      detail: i,
+      bubbles: !0,
+      cancelable: !0
+    }), this;
   }
   /**
    * Set new viewport
@@ -8115,7 +9071,9 @@ class ff {
     return this.layerManager.destroy(), this._overlay.destroy(), this._referenceSystem = void 0, this;
   }
   getHighestZIndex(t) {
-    return t.length > 0 ? t.reduce((i, r) => i.order > r.order ? i : r).order : 1;
+    return t.length > 0 ? t.reduce(
+      (i, r) => i.order > r.order ? i : r
+    ).order : 1;
   }
   setOverlayZIndex(t) {
     const n = this.getHighestZIndex(t);