@petal-nexus/toolkit 0.1.0

package/dist/petal-toolkit.es237.js

@@ -0,0 +1,1040 @@
+import { __exports as f } from "./petal-toolkit.es865.js";
+import { __require as be } from "./petal-toolkit.es70.js";
+import { __require as _e } from "./petal-toolkit.es721.js";
+import { __require as Pe } from "./petal-toolkit.es573.js";
+import { __require as we } from "./petal-toolkit.es550.js";
+import { __require as Ae } from "./petal-toolkit.es552.js";
+import { __require as Ee } from "./petal-toolkit.es553.js";
+import { __require as xe } from "./petal-toolkit.es554.js";
+import { __require as Te } from "./petal-toolkit.es561.js";
+import { __require as Be } from "./petal-toolkit.es566.js";
+import { __require as Re } from "./petal-toolkit.es568.js";
+import { __require as Ie } from "./petal-toolkit.es581.js";
+import { __require as qe } from "./petal-toolkit.es585.js";
+import { __require as ke } from "./petal-toolkit.es618.js";
+import { __require as De } from "./petal-toolkit.es620.js";
+import { __require as Oe } from "./petal-toolkit.es633.js";
+import { __require as Me } from "./petal-toolkit.es102.js";
+import { __require as Le } from "./petal-toolkit.es866.js";
+import { __require as ze } from "./petal-toolkit.es867.js";
+import { __require as Ve } from "./petal-toolkit.es118.js";
+import { __require as je } from "./petal-toolkit.es220.js";
+import { __require as Ne } from "./petal-toolkit.es240.js";
+import { __require as He } from "./petal-toolkit.es227.js";
+import { __require as We } from "./petal-toolkit.es861.js";
+import { __require as Ge } from "./petal-toolkit.es307.js";
+import { __require as Je } from "./petal-toolkit.es310.js";
+import { __require as Ue } from "./petal-toolkit.es361.js";
+import { __require as Ye } from "./petal-toolkit.es363.js";
+import { __require as Xe } from "./petal-toolkit.es849.js";
+import { __require as Fe } from "./petal-toolkit.es238.js";
+import { __require as Ze } from "./petal-toolkit.es489.js";
+import { __require as Ke } from "./petal-toolkit.es564.js";
+import { __require as Qe } from "./petal-toolkit.es231.js";
+import { __require as $e } from "./petal-toolkit.es216.js";
+import { __require as er } from "./petal-toolkit.es625.js";
+import { __require as rr } from "./petal-toolkit.es624.js";
+import { __require as tr } from "./petal-toolkit.es850.js";
+import { __require as ir } from "./petal-toolkit.es868.js";
+import { __require as ar } from "./petal-toolkit.es604.js";
+import { __require as or } from "./petal-toolkit.es654.js";
+import { __require as nr } from "./petal-toolkit.es660.js";
+import { __require as sr } from "./petal-toolkit.es623.js";
+import { __require as ur } from "./petal-toolkit.es606.js";
+import { __require as dr } from "./petal-toolkit.es583.js";
+import { __require as lr } from "./petal-toolkit.es645.js";
+import { __require as cr } from "./petal-toolkit.es616.js";
+var X;
+function at() {
+  return X ? f : (X = 1, (function(g) {
+    var F = f && f.__extends || /* @__PURE__ */ (function() {
+      var c = function(a, e) {
+        return c = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, t) {
+          r.__proto__ = t;
+        } || function(r, t) {
+          for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (r[i] = t[i]);
+        }, c(a, e);
+      };
+      return function(a, e) {
+        if (typeof e != "function" && e !== null)
+          throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
+        c(a, e);
+        function r() {
+          this.constructor = a;
+        }
+        a.prototype = e === null ? Object.create(e) : (r.prototype = e.prototype, new r());
+      };
+    })(), _ = f && f.__assign || function() {
+      return _ = Object.assign || function(c) {
+        for (var a, e = 1, r = arguments.length; e < r; e++) {
+          a = arguments[e];
+          for (var t in a) Object.prototype.hasOwnProperty.call(a, t) && (c[t] = a[t]);
+        }
+        return c;
+      }, _.apply(this, arguments);
+    }, M = f && f.__awaiter || function(c, a, e, r) {
+      function t(i) {
+        return i instanceof e ? i : new e(function(o) {
+          o(i);
+        });
+      }
+      return new (e || (e = Promise))(function(i, o) {
+        function n(l) {
+          try {
+            u(r.next(l));
+          } catch (p) {
+            o(p);
+          }
+        }
+        function s(l) {
+          try {
+            u(r.throw(l));
+          } catch (p) {
+            o(p);
+          }
+        }
+        function u(l) {
+          l.done ? i(l.value) : t(l.value).then(n, s);
+        }
+        u((r = r.apply(c, a || [])).next());
+      });
+    }, L = f && f.__generator || function(c, a) {
+      var e = { label: 0, sent: function() {
+        if (i[0] & 1) throw i[1];
+        return i[1];
+      }, trys: [], ops: [] }, r, t, i, o;
+      return o = { next: n(0), throw: n(1), return: n(2) }, typeof Symbol == "function" && (o[Symbol.iterator] = function() {
+        return this;
+      }), o;
+      function n(u) {
+        return function(l) {
+          return s([u, l]);
+        };
+      }
+      function s(u) {
+        if (r) throw new TypeError("Generator is already executing.");
+        for (; e; ) try {
+          if (r = 1, t && (i = u[0] & 2 ? t.return : u[0] ? t.throw || ((i = t.return) && i.call(t), 0) : t.next) && !(i = i.call(t, u[1])).done) return i;
+          switch (t = 0, i && (u = [u[0] & 2, i.value]), u[0]) {
+            case 0:
+            case 1:
+              i = u;
+              break;
+            case 4:
+              return e.label++, { value: u[1], done: !1 };
+            case 5:
+              e.label++, t = u[1], u = [0];
+              continue;
+            case 7:
+              u = e.ops.pop(), e.trys.pop();
+              continue;
+            default:
+              if (i = e.trys, !(i = i.length > 0 && i[i.length - 1]) && (u[0] === 6 || u[0] === 2)) {
+                e = 0;
+                continue;
+              }
+              if (u[0] === 3 && (!i || u[1] > i[0] && u[1] < i[3])) {
+                e.label = u[1];
+                break;
+              }
+              if (u[0] === 6 && e.label < i[1]) {
+                e.label = i[1], i = u;
+                break;
+              }
+              if (i && e.label < i[2]) {
+                e.label = i[2], e.ops.push(u);
+                break;
+              }
+              i[2] && e.ops.pop(), e.trys.pop();
+              continue;
+          }
+          u = a.call(c, e);
+        } catch (l) {
+          u = [6, l], t = 0;
+        } finally {
+          r = i = 0;
+        }
+        if (u[0] & 5) throw u[1];
+        return { value: u[0] ? u[1] : void 0, done: !0 };
+      }
+    }, Z = f && f.__spreadArray || function(c, a, e) {
+      if (e || arguments.length === 2) for (var r = 0, t = a.length, i; r < t; r++)
+        (i || !(r in a)) && (i || (i = Array.prototype.slice.call(a, 0, r)), i[r] = a[r]);
+      return c.concat(i || Array.prototype.slice.call(a));
+    };
+    Object.defineProperty(g, "__esModule", { value: !0 }), g.SciChartSurface = g.sciChartConfig = void 0;
+    var K = be(), m = _e(), T = Pe(), Q = we(), P = Ae(), $ = Ee(), z = xe(), k = Te(), V = Be(), R = Re(), w = Ie(), ee = qe(), S = ke(), D = De(), re = Oe(), te = Me(), ie = Le(), j = ze(), ae = Ve(), oe = je(), ne = Ne(), N = He(), se = We(), H = Ge(), ue = Je(), de = Ue(), le = Ye(), W = Xe(), G = Fe(), C = Ze(), ce = Ke(), J = Qe(), he = $e(), U = er(), fe = rr(), Y = tr(), pe = ir(), ve = ar(), O = or(), d = nr(), ye = sr(), me = ur(), A = dr(), ge = lr(), Se = cr();
+    g.sciChartConfig = {};
+    var Ce = (
+      /** @class */
+      (function(c) {
+        F(a, c);
+        function a(e, r) {
+          var t = this, i, o, n, s, u;
+          t = c.call(this, e, r == null ? void 0 : r.canvases) || this, t.preRender = new z.EventHandler(), t.preRenderAll = new z.EventHandler(), t.stepBetweenLayers = 10, t.isSubSurface = !1, t.renderNativeAxisLabelsImmediately = !1, t.watermarkPosition = J.SciChartDefaults.watermarkPosition, t.watermarkRelativeToCanvas = !1, t.animationList = [], t.titleStyleProperty = {
+            fontSize: 60,
+            fontFamily: ge.DEFAULT_FONT_FAMILY,
+            color: G.SciChartSurfaceBase.DEFAULT_THEME.chartTitleColor,
+            fontWeight: "normal",
+            fontStyle: "normal",
+            lineSpacing: 1.1,
+            padding: R.Thickness.fromString("10 4 10 4"),
+            multilineAlignment: fe.EMultiLineAlignment.Center,
+            rotation: void 0,
+            alignment: U.ETextAlignment.Center,
+            position: U.ETitlePosition.Top,
+            placeWithinChart: !1,
+            useNativeText: J.SciChartDefaults.useNativeText
+          }, t.getPaddingProxy = function(h) {
+            return new Proxy(h, {
+              set: function(v, y, x) {
+                return v[y] !== x && (v[y] = x, t.invalidateElement()), !0;
+              }
+            });
+          }, t.paddingProperty = t.getPaddingProxy(R.Thickness.fromNumber(10)), t.zoomStateProperty = re.EZoomState.AtExtents, t.viewportBorderProperty = {
+            borderBottom: void 0,
+            borderLeft: void 0,
+            borderRight: void 0,
+            borderTop: void 0,
+            color: "#00000000",
+            border: void 0
+          }, t.canvasBorderProperty = {
+            borderBottom: void 0,
+            borderLeft: void 0,
+            borderRight: void 0,
+            borderTop: void 0,
+            color: "#00000000",
+            border: void 0
+          }, t.subChartsProperty = [], t.drawSeriesBehindAxisProperty = !1, t.autoColorModeProperty = w.EAutoColorMode.OnAddRemoveSeries, t.autoColorRequired = !0, t.xCoordSvgTrans = 0, t.yCoordSvgTrans = 0, t.subChartCounterProperty = 1, t.surfaceRenderOrderProperty = void 0, t.resolvedSurfaceRenderOrder = 0;
+          var l = (o = (i = t.domCanvas2D) === null || i === void 0 ? void 0 : i.width) !== null && o !== void 0 ? o : m.DEFAULT_WIDTH, p = (s = (n = t.domCanvas2D) === null || n === void 0 ? void 0 : n.height) !== null && s !== void 0 ? s : m.DEFAULT_HEIGHT;
+          if (t.webAssemblyContext2D = e, !m.IS_TEST_ENV) {
+            var b = l / C.DpiHelper.PIXEL_RATIO, E = p / C.DpiHelper.PIXEL_RATIO;
+            t.isCopyCanvasSurface ? t.changeMasterCanvasViewportSize(e, b, E) : t.changeWebGLCanvasViewportSize(e, b, E);
+          }
+          t.invalidateElement = t.invalidateElement.bind(t), t.onRenderSurfaceDraw = t.onRenderSurfaceDraw.bind(t);
+          var I = t.domCanvas2D ? new D.Size(l, p) : new D.Size(m.DEFAULT_WIDTH, m.DEFAULT_HEIGHT);
+          t.renderSurface = new ie.RenderSurface(e, I, (u = t.domCanvas2D) === null || u === void 0 ? void 0 : u.id), t.renderSurface.handleDraw = t.onRenderSurfaceDraw, t.sciChartRenderer = new oe.SciChartRenderer(t), t.chartTitleRendererProperty = new he.ChartTitleRenderer(t.webAssemblyContext2D), t.layoutManager = new ae.LayoutManager(), t.detachSeries = t.detachSeries.bind(t), t.attachSeries = t.attachSeries.bind(t), t.renderableSeries = new k.ObservableArray(), t.renderableSeries.collectionChanged.subscribe(function(h) {
+            var v, y;
+            (v = h.getOldItems()) === null || v === void 0 || v.forEach(t.detachSeries), (y = h.getNewItems()) === null || y === void 0 || y.forEach(t.attachSeries);
+          }), t.detachAxis = t.detachAxis.bind(t), t.attachAxis = t.attachAxis.bind(t), t.xAxes = new k.ObservableArray(), t.yAxes = new k.ObservableArray();
+          var B = function(h, v) {
+            var y, x;
+            (y = h.getOldItems()) === null || y === void 0 || y.forEach(function(q) {
+              q.visibleRangeChanged.unsubscribeAll(), t.detachAxis(q);
+            }), (x = h.getNewItems()) === null || x === void 0 || x.forEach(function(q) {
+              return t.attachAxis(q, v);
+            });
+          };
+          return t.xAxes.collectionChanged.subscribe(function(h) {
+            return B(h, !0);
+          }), t.yAxes.collectionChanged.subscribe(function(h) {
+            return B(h, !1);
+          }), t.adornerLayer = new ne.AdornerLayer(t), t.solidBrushCacheViewportBorder = new j.SolidBrushCache(e), t.solidBrushCacheCanvasBorder = new j.SolidBrushCache(e), m.IS_TEST_ENV || (t.watermarkProperties = new e.SCRTWaterMarkProperties(), t.watermarkPropertyPosition = new e.TSRVector2(0, 0), t.watermarkProperties.SetPosition(t.watermarkPropertyPosition), t.watermarkProperties.SetOpacity(0.5), e.SCRTSetWaterMarkProperties(t.watermarkProperties)), t;
+        }
+        return a.create = function(e, r) {
+          var t = d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.InitializationStart, { contextId: r == null ? void 0 : r.id });
+          if (r = a.resolveOptions(r), m.IS_TEST_ENV)
+            return this.createTest(e, r);
+          var i = function(o, n) {
+            return new a(o, n);
+          };
+          return (0, N.createMultichart)(e, i, r).then(function(o) {
+            var n, s;
+            return o.sciChartSurface.applyOptions(r), d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.InitializationEnd, {
+              parentContextId: (n = o.sciChartSurface.domCanvas2D) === null || n === void 0 ? void 0 : n.id,
+              contextId: o.sciChartSurface.id,
+              relatedId: (s = t == null ? void 0 : t.detail) === null || s === void 0 ? void 0 : s.relatedId
+            }), o;
+          });
+        }, a.disposeSharedWasmContext = function() {
+          Y.sciChart3DDestinations.length === 0 && Y.sciChartDestinations.length === 0 && ((0, N.disposeMultiChart)(), (0, pe.disposeMultiChart3d)()), c.disposeSharedWasmContext.call(this);
+        }, a.createSingle = function(e, r) {
+          var t = d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.InitializationStart, { contextId: r == null ? void 0 : r.id });
+          if (r = a.resolveOptions(r), m.IS_TEST_ENV)
+            return this.createTest(e, r);
+          var i = function(o, n) {
+            return new a(o, n);
+          };
+          return (0, se.createSingleInternal)(e, i, r).then(function(o) {
+            var n, s;
+            return o.sciChartSurface.applyOptions(r), d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.InitializationEnd, {
+              parentContextId: (n = o.sciChartSurface.domCanvas2D) === null || n === void 0 ? void 0 : n.id,
+              contextId: o.sciChartSurface.id,
+              relatedId: (s = t == null ? void 0 : t.detail) === null || s === void 0 ? void 0 : s.relatedId
+            }), o;
+          });
+        }, a.configure = function(e) {
+          var r;
+          g.sciChartConfig.wasmUrl = (r = e == null ? void 0 : e.wasmUrl) !== null && r !== void 0 ? r : void 0;
+        }, a.useWasmFromCDN = function() {
+          g.sciChartConfig.wasmUrl = "https://cdn.jsdelivr.net/npm/scichart@".concat(Q.libraryVersion, "/_wasm/scichart2d.wasm");
+        }, a.useWasmLocal = function() {
+          a.configure(void 0);
+        }, a.loadWasmFromCDN = function() {
+          return a.useWasmFromCDN();
+        }, a.loadWasmLocal = function() {
+          return a.useWasmLocal();
+        }, a.isSubSurface = function(e) {
+          return e.isSubSurface;
+        }, a.createTest = function(e, r) {
+          var t, i, o = W.default.initCanvas(e, (t = r == null ? void 0 : r.widthAspect) !== null && t !== void 0 ? t : 0, (i = r == null ? void 0 : r.heightAspect) !== null && i !== void 0 ? i : 0, W.default.ECanvasType.canvas2D), n = new a(g.sciChartConfig.testWasm, { canvases: o });
+          return n.applyTheme(r == null ? void 0 : r.theme), n.applyOptions(r), new Promise(function(s) {
+            return s({ wasmContext: n.webAssemblyContext2D, sciChartSurface: n });
+          });
+        }, Object.defineProperty(a.prototype, "subChartCounter", {
+          /**
+           * @inheritDoc
+           */
+          get: function() {
+            return this.subChartCounterProperty;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a.prototype.addSubChartInternal = function(e) {
+          var r;
+          if (this.isSubSurface)
+            throw new Error("Can not add subChart to subChart.");
+          this.subChartCounterProperty++, (r = e.mouseManager) === null || r === void 0 || r.unsubscribe(), this.subChartsProperty.push(e), this.onAttachSubSurface(e), e.setIsInitialized();
+        }, a.prototype.removeSubChart = function(e) {
+          var r = this.subChartsProperty.findIndex(function(t) {
+            return t === e;
+          });
+          r > -1 && (this.subChartsProperty.splice(r, 1), e.delete(!0));
+        }, Object.defineProperty(a.prototype, "subCharts", {
+          /**
+           * The list of subCharts on this surface.  See {@link addSubChart}
+           */
+          get: function() {
+            return this.subChartsProperty;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "surfaceType", {
+          /**
+           * @inheritDoc
+           */
+          get: function() {
+            return ye.ESurfaceType.SciChartSurfaceType;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "layoutManager", {
+          /**
+           * Used internally - gets or sets the {@link LayoutManager}
+           */
+          get: function() {
+            return this.layoutManagerProperty;
+          },
+          set: function(e) {
+            this.layoutManagerProperty && (this.layoutManagerProperty.sciChartSurface = void 0), this.layoutManagerProperty = e, this.layoutManagerProperty.sciChartSurface = this, this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "chartTitleRenderer", {
+          /**
+           * @inheritDoc
+           */
+          get: function() {
+            return this.chartTitleRendererProperty;
+          },
+          set: function(e) {
+            var r;
+            (r = this.chartTitleRendererProperty) === null || r === void 0 || r.delete(), this.chartTitleRendererProperty = e, this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "dataLabelLayoutManager", {
+          /**
+           * Gets or sets the {@link ISeriesTextLayoutManager} for performing text layout across multiple series
+           */
+          get: function() {
+            return this.dataLabelLayoutManagerProperty;
+          },
+          /**
+           * Used internally - gets or sets the {@link ISeriesTextLayoutManager} for performing text layout across multiple series
+           */
+          set: function(e) {
+            this.dataLabelLayoutManagerProperty = e, this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "title", {
+          /**
+           * Gets or sets the title for the SciChartSurface
+           */
+          get: function() {
+            return this.titleProperty;
+          },
+          /**
+           * Gets or sets the title for the SciChartSurface
+           */
+          set: function(e) {
+            this.titleProperty !== e && (this.titleProperty = e, this.invalidateElement());
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "titleStyle", {
+          /**
+           * Gets or sets the title text style and placement for the SciChartSurface as {@link TChartTitleStyle}
+           */
+          get: function() {
+            return this.titleStyleProperty;
+          },
+          /**
+           * Gets or sets the title text style and placement for the SciChartSurface as {@link TChartTitleStyle}
+           * @remarks if updating, should be set as an object (or partial object) of type {@link TChartTitleStyle},
+           * instead of directly setting individual properties
+           */
+          set: function(e) {
+            this.titleStyleProperty !== e && (this.titleStyleProperty = Object.assign({}, this.titleStyleProperty, e), this.invalidateElement());
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "padding", {
+          /**
+           * Gets or sets the Padding between the SciChartSurface and its inner elements, in order top, right, bottom, left
+           */
+          get: function() {
+            return this.paddingProperty;
+          },
+          set: function(e) {
+            R.Thickness.areEqual(this.paddingProperty, e) || (this.paddingProperty = this.getPaddingProxy(e), this.invalidateElement());
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "adjustedPadding", {
+          /**
+           * Gets the adjusted padding between the SciChartSurface and its inner elements, in order top, right, bottom, left
+           * Defines a resulting padding accordingly to DPI scaling.
+           */
+          get: function() {
+            return C.DpiHelper.adjustThickness(this.padding);
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "debugRendering", {
+          /**
+           * Gets or sets a property whether rendering should be debugged. This will draw rectangles around key boxes and areas on the chart.
+           * Used internally for development purposes
+           */
+          get: function() {
+            return this.debugRenderingProperty;
+          },
+          /**
+           * Gets or sets a property whether rendering should be debugged. This will draw rectangles around key boxes and areas on the chart.
+           * Used internally for development purposes
+           */
+          set: function(e) {
+            this.debugRenderingProperty = e, this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "autoColorMode", {
+          /**
+           * Gets or sets the {@link EAutoColorMode} which determines when resolution of AUTO_COLOR should occur
+           */
+          get: function() {
+            return this.autoColorModeProperty;
+          },
+          /**
+           * Gets or sets the {@link EAutoColorMode} which determines when resolution of AUTO_COLOR should occur
+           */
+          set: function(e) {
+            this.autoColorModeProperty = e, e !== w.EAutoColorMode.Never && !this.autoColorRequired ? this.autoColorRequired = !0 : e === w.EAutoColorMode.Never && (this.autoColorRequired = !1), this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "isInvalidated", {
+          get: function() {
+            var e;
+            return (e = this.sciChartRenderer) === null || e === void 0 ? void 0 : e.isInvalidated;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a.prototype.applyTheme = function(e) {
+          var r = this.previousThemeProvider;
+          this.titleStyle.color === r.chartTitleColor && (this.titleStyle = { color: e.chartTitleColor }), c.prototype.applyTheme.call(this, e), this.renderableSeries.asArray().forEach(function(t) {
+            return t.applyTheme(e);
+          }), this.xAxes.asArray().forEach(function(t) {
+            return t.applyTheme(e);
+          }), this.yAxes.asArray().forEach(function(t) {
+            return t.applyTheme(e);
+          });
+        }, a.prototype.changeViewportSize = function(e, r) {
+          if (O.Logger.debug("changeViewportSize"), !(!e || !r || this.isDeleted)) {
+            var t = e * C.DpiHelper.PIXEL_RATIO, i = r * C.DpiHelper.PIXEL_RATIO;
+            this.renderSurface.viewportSize = new D.Size(t, i), this.isCopyCanvasSurface ? (this.changeMasterCanvasViewportSize(this.webAssemblyContext2D, e, r), this.domCanvas2D && C.DpiHelper.setSize(this.domCanvas2D, e, r)) : this.changeWebGLCanvasViewportSize(this.webAssemblyContext2D, e, r);
+            for (var o = 0, n = this.subChartsProperty; o < n.length; o++) {
+              var s = n[o];
+              s.changeViewportSize(t, i);
+            }
+            this.invalidateElement({ force: !0 });
+          }
+        }, a.prototype.invalidateElement = function(e) {
+          var r, t;
+          if (O.Logger.debug("Invalidating ".concat((t = (r = this.domChartRoot) === null || r === void 0 ? void 0 : r.id) !== null && t !== void 0 ? t : this.id, ": force=").concat(e == null ? void 0 : e.force, " isSuspended=").concat(this.isSuspended, " isInitialized=").concat(this.isInitialized, ".")), !(!(e != null && e.force) && (this.isSuspended || this.isDeleted || !this.isInitialized)) && (d.PerformanceDebugHelper.mark(this.sciChartRenderer.isInvalidated ? d.EPerformanceMarkType.Invalidate : d.EPerformanceMarkType.LeadingInvalidate, { contextId: this.id }), !this.sciChartRenderer.isInvalidated)) {
+            var i = this.domCanvas2D ? this.domCanvas2D.id : "undefinedCanvasId";
+            this.sciChartRenderer.isInvalidated = this.renderSurface.invalidateElement(i), this.redrawRequested.raiseEvent(this.sciChartRenderer.isInvalidated);
+          }
+        }, a.prototype.doDrawingLoop = function(e) {
+          var r;
+          if (!this.isDeleted) {
+            var t = a.isSubSurface(this) ? this.parentSurface.id : null, i = d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.DrawingLoopStart, {
+              contextId: this.id,
+              parentContextId: t,
+              level: d.EPerformanceDebugLevel.Verbose
+            });
+            e = e ?? this.renderSurface.getRenderContext(), this.currentWebGlRenderContextProperty = e;
+            try {
+              var o = this.suspender.lock();
+              try {
+                this.autoColorRequired && (this.themeProvider.strokePalette && this.themeProvider.strokePalette.length > 0 || this.themeProvider.fillPalette && this.themeProvider.fillPalette.length > 0) && (this.resolveAutoColors(), this.autoColorMode !== w.EAutoColorMode.Always && (this.autoColorRequired = !1)), this.preRender.raiseEvent(e);
+              } catch (s) {
+                s != null && s.message && console.error(s == null ? void 0 : s.message), console.error(s);
+              } finally {
+                o();
+              }
+              this.sciChartRenderer.render(e);
+              var n = this.isInvalidated;
+              d.PerformanceDebugHelper.mark(n ? d.EPerformanceMarkType.Rendered : d.EPerformanceMarkType.FullStateRendered, { contextId: this.id }), this.rendered.raiseEvent(n);
+            } catch (s) {
+              if (s.name === "BindingError")
+                console.error(s), console.warn("Binding errors can occur if a previous chart using the same div id was not deleted correctly, or if you try to share data or series between charts that use different webassembly contexts."), (0, ue.freeCache)(this.webAssemblyContext2D).delete();
+              else if (this.domChartRoot)
+                console.error("Error from chart in div ".concat(this.domChartRoot.id, ":"), s);
+              else
+                throw s;
+            }
+            d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.DrawingLoopEnd, {
+              contextId: this.id,
+              parentContextId: t,
+              relatedId: (r = i == null ? void 0 : i.detail) === null || r === void 0 ? void 0 : r.relatedId,
+              level: d.EPerformanceDebugLevel.Verbose
+            });
+          }
+        }, a.prototype.delete = function(e) {
+          if (e === void 0 && (e = !0), this.isDeleted) {
+            try {
+              process.env.NODE_ENV !== "production" && console.warn('Trying to delete the surface with ID = "'.concat(this.id, ')", which has already been deleted!'));
+            } catch (o) {
+              console.warn(o);
+            }
+            return;
+          }
+          for (var r = 0, t = this.subChartsProperty; r < t.length; r++) {
+            var i = t[r];
+            i.delete(!0);
+          }
+          this.subChartsProperty = [], this.layoutManagerProperty.type === ve.ELayoutManagerType.Synchronised && (this.layoutManagerProperty.verticalGroup && this.layoutManagerProperty.verticalGroup.removeSurface(this), this.layoutManagerProperty.horizontalGroup && this.layoutManagerProperty.horizontalGroup.removeSurface(this)), this.layoutManagerProperty.sciChartSurface = void 0, this.layoutManagerProperty = void 0, this.renderableSeries.asArray().forEach(function(o) {
+            return o.delete();
+          }), this.renderableSeries.clear(!1), this.xAxes.asArray().forEach(function(o) {
+            return o.delete();
+          }), this.yAxes.asArray().forEach(function(o) {
+            return o.delete();
+          }), this.solidBrushCacheViewportBorder = (0, P.deleteSafe)(this.solidBrushCacheViewportBorder), this.solidBrushCacheCanvasBorder = (0, P.deleteSafe)(this.solidBrushCacheCanvasBorder), this.watermarkProperties = (0, P.deleteSafe)(this.watermarkProperties), this.watermarkPropertyPosition = (0, P.deleteSafe)(this.watermarkPropertyPosition), this.chartTitleRendererProperty = (0, P.deleteSafe)(this.chartTitleRenderer), this.sciChartRenderer = void 0, this.renderSurface = void 0, this.clearRootElement(e), c.prototype.delete.call(this);
+        }, a.prototype.onDpiChanged = function(e) {
+          var r, t;
+          d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.DpiChange, { contextId: this.id }), O.Logger.debug("onDpiChanged"), this.renderableSeries.asArray().forEach(function(i) {
+            return i.onDpiChanged(e);
+          }), this.xAxes.asArray().forEach(function(i) {
+            return i.onDpiChanged();
+          }), this.yAxes.asArray().forEach(function(i) {
+            return i.onDpiChanged();
+          }), this.isSubSurface || this.changeViewportSize((r = this.getMainCanvas()) === null || r === void 0 ? void 0 : r.clientWidth, (t = this.getMainCanvas()) === null || t === void 0 ? void 0 : t.clientHeight), c.prototype.onDpiChanged.call(this, e);
+        }, a.prototype.getXAxisById = function(e) {
+          return this.xAxes.getById(e);
+        }, a.prototype.getDefaultXAxis = function() {
+          return this.xAxes.get(0);
+        }, a.prototype.getYAxisById = function(e) {
+          return this.yAxes.getById(e);
+        }, a.prototype.getDefaultYAxis = function() {
+          return this.yAxes.get(0);
+        }, a.prototype.updateStackedCollectionAccumulatedVectors = function() {
+          var e = this.renderableSeries.asArray().filter(function(r) {
+            return r.isCollection;
+          });
+          e.forEach(function(r) {
+            return r.updateAccumulatedVectors();
+          });
+        }, a.prototype.zoomExtents = function(e, r, t, i, o) {
+          e === void 0 && (e = 0), r === void 0 && (r = T.easing.outExpo), t === void 0 && (t = function() {
+          }), i === void 0 && (i = function() {
+            return !0;
+          }), o === void 0 && (o = function() {
+            return !0;
+          }), this.updateStackedCollectionAccumulatedVectors();
+          var n = this.xAxes === void 0 ? 0 : this.xAxes.size(), s = this.yAxes === void 0 ? 0 : this.yAxes.size();
+          if (n === 0 || s === 0)
+            throw new Error("Cannot ZoomExtents when XAxes or YAxes is undefined or empty");
+          var u = this.zoomExtentsXInternal(e, r, i, t);
+          this.zoomExtentsYInternal(u, e, r, o, t);
+        }, a.prototype.zoomExtentsX = function(e, r, t) {
+          e === void 0 && (e = 0), r === void 0 && (r = T.easing.outExpo), t === void 0 && (t = function() {
+            return !0;
+          }), this.zoomExtentsXInternal(e, r, t);
+        }, a.prototype.zoomExtentsY = function(e, r, t) {
+          e === void 0 && (e = 0), r === void 0 && (r = T.easing.outExpo), t === void 0 && (t = function() {
+            return !0;
+          }), this.zoomExtentsYInternal(void 0, e, r, t);
+        }, a.prototype.updateWatermark = function(e, r) {
+          var t;
+          if (!m.IS_TEST_ENV) {
+            this.watermarkPropertyPosition.x = e, this.watermarkPropertyPosition.y = r, this.watermarkProperties.m_fCanvasWidth = this.renderSurface.viewportSize.width, this.watermarkProperties.SetPosition(this.watermarkPropertyPosition);
+            var i = (t = this.themeProvider) === null || t === void 0 ? void 0 : t.isLightBackground;
+            this.watermarkProperties.m_bIsDarkBackground = i !== void 0 ? !i : !1, this.webAssemblyContext2D.SCRTSetWaterMarkProperties(this.watermarkProperties);
+          }
+        }, a.prototype.setZoomState = function(e) {
+          this.zoomStateProperty = e;
+        }, Object.defineProperty(a.prototype, "zoomState", {
+          /**
+           * Gets zoomStateProperty
+           */
+          get: function() {
+            return this.zoomStateProperty;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "viewportBorder", {
+          /**
+           * Gets or sets the SciChartSurface Viewport Border properties
+           */
+          get: function() {
+            return this.viewportBorderProperty;
+          },
+          /**
+           * Gets or sets the SciChartSurface Viewport Border properties
+           */
+          set: function(e) {
+            this.viewportBorderProperty = _(_({}, this.viewportBorderProperty), e), this.notifyPropertyChanged("ViewportBorder");
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "canvasBorder", {
+          /**
+           * Gets or sets the SciChartSurface Canvas Border properties
+           */
+          get: function() {
+            return this.canvasBorderProperty;
+          },
+          /**
+           * Gets or sets the SciChartSurface Canvas Border properties
+           */
+          set: function(e) {
+            this.canvasBorderProperty = _(_({}, this.canvasBorderProperty), e), this.notifyPropertyChanged("canvasBorder");
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a.prototype.getSurfaceRenderOrder = function() {
+          var e;
+          return (e = this.surfaceRenderOrderProperty) !== null && e !== void 0 ? e : this.resolvedSurfaceRenderOrder;
+        }, a.prototype.setSurfaceRenderOrder = function(e) {
+          this.surfaceRenderOrderProperty != e && (this.surfaceRenderOrderProperty = e, this.notifyPropertyChanged("surfaceRenderOrder"));
+        }, a.prototype.drawBorder = function(e) {
+          (0, H.drawBorder)(e, this.webAssemblyContext2D, this.solidBrushCacheViewportBorder, this.seriesViewRect, this.clipRect, this.leftViewportBorder, this.topViewportBorder, this.rightViewportBorder, this.bottomViewportBorder, this.viewportBorder.color);
+          var r = e.viewportSize, t = a.isSubSurface(this) ? this.getSubChartRect() : V.Rect.create(this.leftCanvasBorder, this.topCanvasBorder, Math.floor(r.width - this.leftCanvasBorder - this.rightCanvasBorder), Math.floor(r.height - this.topCanvasBorder - this.bottomCanvasBorder));
+          (0, H.drawBorder)(e, this.webAssemblyContext2D, this.solidBrushCacheCanvasBorder, t, this.clipRect, this.leftCanvasBorder, this.topCanvasBorder, this.rightCanvasBorder, this.bottomCanvasBorder, this.canvasBorder.color);
+        }, Object.defineProperty(a.prototype, "leftViewportBorder", {
+          /**
+           * Gets the SciChartSurface Viewport Left Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.viewportBorder.borderLeft) !== null && e !== void 0 ? e : this.viewportBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "rightViewportBorder", {
+          /**
+           * Gets the SciChartSurface Viewport Right Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.viewportBorder.borderRight) !== null && e !== void 0 ? e : this.viewportBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "topViewportBorder", {
+          /**
+           * Gets the SciChartSurface Viewport Top Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.viewportBorder.borderTop) !== null && e !== void 0 ? e : this.viewportBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "bottomViewportBorder", {
+          /**
+           * Gets the SciChartSurface Viewport Bottom Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.viewportBorder.borderBottom) !== null && e !== void 0 ? e : this.viewportBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "leftCanvasBorder", {
+          /**
+           * Gets the SciChartSurface Canvas Left Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.canvasBorder.borderLeft) !== null && e !== void 0 ? e : this.canvasBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "rightCanvasBorder", {
+          /**
+           * Gets the SciChartSurface Canvas Right Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.canvasBorder.borderRight) !== null && e !== void 0 ? e : this.canvasBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "topCanvasBorder", {
+          /**
+           * Gets the SciChartSurface Canvas Top Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.canvasBorder.borderTop) !== null && e !== void 0 ? e : this.canvasBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "bottomCanvasBorder", {
+          /**
+           * Gets the SciChartSurface Canvas Bottom Border
+           */
+          get: function() {
+            var e, r;
+            return (r = (e = this.canvasBorder.borderBottom) !== null && e !== void 0 ? e : this.canvasBorder.border) !== null && r !== void 0 ? r : 0;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "currentWebGlRenderContext", {
+          get: function() {
+            return this.currentWebGlRenderContextProperty;
+          },
+          enumerable: !1,
+          configurable: !0
+        }), Object.defineProperty(a.prototype, "chartViewRect", {
+          get: function() {
+            var e = this.renderSurface.viewportSize;
+            return new V.Rect(0, 0, e.width, e.height);
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a.prototype.updateBackground = function(e) {
+          var r;
+          this.applySciChartBackground((r = this.background) !== null && r !== void 0 ? r : this.themeProvider.sciChartBackground, e);
+        }, a.prototype.onAnimate = function(e) {
+          this.renderableSeries.asArray().forEach(function(o) {
+            return o.onAnimate(e);
+          });
+          for (var r = [], t = 0; t < this.animationList.length; t++) {
+            var i = this.animationList[t];
+            i.isComplete || (i.update(e), i.isComplete || r.push(i));
+          }
+          this.animationList = r;
+        }, a.prototype.getAnimations = function() {
+          return this.animationList;
+        }, a.prototype.addAnimation = function() {
+          for (var e = this, r = [], t = 0; t < arguments.length; t++)
+            r[t] = arguments[t];
+          r !== void 0 && (r.forEach(function(i) {
+            return e.animationList.push(i);
+          }), this.invalidateElement());
+        }, Object.defineProperty(a.prototype, "isRunningAnimation", {
+          /**
+           * Returns true if an animation is running
+           */
+          get: function() {
+            for (var e = 0; e < this.renderableSeries.size(); e++)
+              if (this.renderableSeries.get(e).isRunningAnimation)
+                return !0;
+            return this.animationList.some(function(r) {
+              return !r.isComplete;
+            });
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a.prototype.getSeriesViewRectPadding = function(e) {
+          if (e === void 0 && (e = !0), !this.seriesViewRect)
+            throw new Error("Cannot get seriesViewRect before layout has ocurred. Move code that calls to be triggered by sciChartSurface.rendered");
+          var r = e ? 1 : C.DpiHelper.PIXEL_RATIO, t = this.seriesViewRect, i = t.left / r, o = t.top / r, n = (this.domCanvas2D.width - t.right) / r, s = (this.domCanvas2D.height - t.bottom) / r;
+          return new R.Thickness(o, n, s, i);
+        }, a.prototype.resolveAutoColors = function() {
+          var e = this, r = 0;
+          if (this.autoColorFilter) {
+            var t = this.renderableSeries.asArray().filter(function(h) {
+              return h.isCollection && e.autoColorFilter(h);
+            });
+            r = this.renderableSeries.asArray().filter(this.autoColorFilter).length - t.length;
+            for (var i = 0, o = t; i < o.length; i++) {
+              var n = o[i];
+              r += n.asArray().filter(this.autoColorFilter).length;
+            }
+          } else {
+            var t = this.renderableSeries.asArray().filter(function(v) {
+              return v.isCollection;
+            });
+            r = this.renderableSeries.size() - t.length;
+            for (var s = 0, u = t; s < u.length; s++) {
+              var n = u[s];
+              r += n.size();
+            }
+          }
+          for (var l = 0, p = 0; p < this.renderableSeries.size(); p++) {
+            var b = this.renderableSeries.get(p);
+            if (!(this.autoColorFilter && !this.autoColorFilter(b)))
+              if (b.isCollection)
+                for (var E = 0, I = b.asArray(); E < I.length; E++) {
+                  var B = I[E];
+                  this.autoColorFilter && !this.autoColorFilter(B) || (B.resolveAutoColors(l, r, this.themeProvider), l += 1);
+                }
+              else
+                b.resolveAutoColors(l, r, this.themeProvider), l += 1;
+          }
+        }, a.prototype.registerFont = function(e, r) {
+          return M(this, void 0, void 0, function() {
+            var t = this;
+            return L(this, function(i) {
+              return e.includes(".") || (e += ".ttf"), [2, new Promise(function(o, n) {
+                var s = t.webAssemblyContext2D.SCRTFileLoadCallbackInterface.implement({
+                  OnLoadComplete: function(u, l) {
+                    u ? o(!0) : (console.error("Failed to load ".concat(e, " from ").concat(r, ".  Error: ").concat(l)), o(!1));
+                  }
+                });
+                t.webAssemblyContext2D.SCRTRegisterFile(e, r, s);
+              })];
+            });
+          });
+        }, a.prototype.setCoordSvgTranslation = function(e, r) {
+          this.xCoordSvgTrans = e, this.yCoordSvgTrans = r;
+        }, a.prototype.getCoordSvgTranslation = function() {
+          return new ce.Point(this.xCoordSvgTrans, this.yCoordSvgTrans);
+        }, a.prototype.getOptions = function() {
+          var e, r;
+          "toJSON" in this.themeProvider ? r = this.themeProvider.toJSON() : r = this.themeProvider;
+          var t = {
+            id: this.id,
+            title: this.title,
+            titleStyle: this.titleStyle,
+            background: this.background,
+            canvasBorder: this.canvasBorder,
+            heightAspect: this.heightAspect,
+            widthAspect: this.widthAspect,
+            layoutManager: (e = this.layoutManager) === null || e === void 0 ? void 0 : e.toJSON(),
+            padding: this.padding,
+            theme: r,
+            viewportBorder: this.viewportBorder,
+            loader: this.loaderJson,
+            drawSeriesBehindAxis: this.drawSeriesBehindAxis,
+            disableAspect: this.disableAspect,
+            createSuspended: this.createSuspended,
+            autoColorMode: this.autoColorMode,
+            touchAction: this.touchActionProperty,
+            freezeWhenOutOfView: this.freezeWhenOutOfView
+          };
+          return t;
+        }, a.prototype.toJSON = function(e) {
+          e === void 0 && (e = !1);
+          var r = this.getOptions(), t = {
+            type: Se.ESciChartSurfaceType.Default2D,
+            surface: r,
+            xAxes: this.xAxes.asArray().map(function(i) {
+              return i.toJSON();
+            }),
+            yAxes: this.yAxes.asArray().map(function(i) {
+              return i.toJSON();
+            }),
+            series: this.renderableSeries.asArray().map(function(i) {
+              return i.toJSON(e);
+            }),
+            modifiers: this.chartModifiers.asArray().map(function(i) {
+              return i.toJSON();
+            }),
+            annotations: this.annotations.asArray().map(function(i) {
+              return i.toJSON();
+            }),
+            onCreated: this.onCreatedName,
+            subCharts: this.subCharts.map(function(i) {
+              return i.toJSON(!1);
+            }),
+            createSingle: !this.isCopyCanvasSurface
+          };
+          return t;
+        }, a.prototype.getNextState = function(e) {
+          return e === void 0 && (e = !1), M(this, void 0, void 0, function() {
+            return L(this, function(r) {
+              switch (r.label) {
+                case 0:
+                  return [4, this.nextStateRender({ resumeBefore: !0, invalidateOnResume: !0, suspendAfter: !0 })];
+                case 1:
+                  return r.sent(), [2, this.toJSON(e)];
+              }
+            });
+          });
+        }, a.prototype.validateAndLink = function() {
+          var e = [];
+          return this.renderableSeries.size() > 0 && (this.xAxes.size() === 0 && e.push("Chart must have at least one X axis"), this.yAxes.size() === 0 && e.push("Chart must have at least one Y axis"), this.renderableSeries.asArray().forEach(function(r, t) {
+            r.linkAxes();
+            var i = r.xAxis;
+            i || e.push("".concat(r.type, ", index ").concat(t, ", id ").concat(r.id, " references xAxisId ").concat(r.xAxisId, " which does not exist on the surface"));
+            var o = r.yAxis;
+            o || e.push("".concat(r.type, ", index ").concat(t, ", id ").concat(r.id, " references yAxisId ").concat(r.yAxisId, " which does not exist on the surface")), i && o && (i.isVerticalChart && ![A.EAxisAlignment.Top, A.EAxisAlignment.Bottom].includes(o.axisAlignment) && e.push("For vertical chart (chart with X Axis alignment Left or Right) Y Axis alignment should be Top or Bottom, X Axis ID = ".concat(i.id)), (0, A.getIsVertical)(i.axisAlignment) && (0, A.getIsVertical)(o.axisAlignment) && e.push("Both x and y axes can't have vertical alignment"), (0, A.getIsHorizontal)(i.axisAlignment) && (0, A.getIsHorizontal)(o.axisAlignment) && e.push("Both x and y axes can't have horizontal alignment"));
+          })), e;
+        }, a.prototype.applyOptions = function(e) {
+          c.prototype.applyOptions.call(this, e), e != null && e.layoutManager && ("layoutChart" in e.layoutManager || (e.layoutManager = (0, K.createType)(ee.EBaseType.LayoutManager, e.layoutManager.type, null, e.layoutManager.options)), this.layoutManager = e.layoutManager), e != null && e.padding && (this.padding = e.padding), e != null && e.viewportBorder && (this.viewportBorder = e.viewportBorder), e != null && e.canvasBorder && (this.canvasBorder = e.canvasBorder), e != null && e.loader && "toJSON" in e.loader ? this.loaderJson = e.loader.toJSON() : (e == null ? void 0 : e.loader) === !1 && (this.loaderJson = !1), e != null && e.drawSeriesBehindAxis && (this.drawSeriesBehindAxisProperty = e.drawSeriesBehindAxis), e != null && e.autoColorMode && (this.autoColorMode = e.autoColorMode), e != null && e.title && (this.title = e.title), e != null && e.titleStyle && (this.titleStyle = e.titleStyle), e != null && e.background && (this.background = e.background), e != null && e.touchAction && (this.touchActionProperty = e.touchAction);
+        }, a.prototype.resolveSurfaceOrders = function() {
+          var e;
+          if (this.isSubSurface)
+            throw new Error("resolveSurfaceOrders should only be called on a parent surface");
+          for (var r = Z([this], this.subCharts.filter(function(u) {
+            return u.isVisible;
+          }), !0), t = [], i = 0, o = r; i < o.length; i++) {
+            var n = o[i];
+            n.resolvedSurfaceRenderOrder = void 0;
+            var s = (e = n.getSurfaceRenderOrder()) !== null && e !== void 0 ? e : t.length;
+            n.resolvedSurfaceRenderOrder = s, t.push(n);
+          }
+          return t.sort(function(u, l) {
+            return u.getSurfaceRenderOrder() - l.getSurfaceRenderOrder();
+          }), t;
+        }, a.prototype.detachChartModifier = function(e) {
+          c.prototype.detachChartModifier.call(this, e), this.subCharts.forEach(function(r) {
+            e.onDetachSubSurface(r);
+          });
+        }, a.prototype.attachChartModifier = function(e) {
+          c.prototype.attachChartModifier.call(this, e), e.modifierType !== me.EModifierType.MultiChart2DModifier && (e.setParentSurface(this), e.invalidateParentCallback = this.invalidateElement, e.onAttach(), this.subCharts.forEach(function(r) {
+            e.onAttachSubSurface(r);
+          }), this.invalidateElement());
+        }, a.prototype.applySciChartBackground = function(e, r) {
+          var t = r.getNativeContext();
+          this.domChartRoot && (this.domChartRoot.style.background = e), t && (t.SetClearColor(0, 0, 0, 0), t.Clear());
+        }, a.prototype.setClearAlphaParams = function(e, r) {
+          this.webAssemblyContext2D.SCRTSetClearAlphaParams(e, r);
+        }, a.prototype.zoomExtentsYInternal = function(e, r, t, i, o) {
+          r === void 0 && (r = 0), t === void 0 && (t = T.easing.outExpo), i === void 0 && (i = function() {
+            return !0;
+          }), o === void 0 && (o = function() {
+          }), this.yAxes.asArray().forEach(function(n) {
+            if (i(n)) {
+              var s = n.getWindowedYRange(e);
+              s && n.animateVisibleRange(s, r, t, o);
+            }
+          });
+        }, a.prototype.zoomExtentsXInternal = function(e, r, t, i) {
+          e === void 0 && (e = 0), r === void 0 && (r = T.easing.outExpo), t === void 0 && (t = function() {
+            return !0;
+          }), i === void 0 && (i = function() {
+          });
+          var o = new $.Dictionary();
+          return this.xAxes.asArray().forEach(function(n) {
+            if (t(n)) {
+              var s = n.getMaximumRange();
+              n.animateVisibleRange(s, e, r, i), o.add(n.id, s);
+            }
+          }), o;
+        }, a.prototype.onRenderSurfaceDraw = function() {
+          var e = this, r, t, i, o, n = d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.RenderSurfaceDrawStart, {
+            contextId: this.id,
+            parentContextId: (r = this.domCanvas2D) === null || r === void 0 ? void 0 : r.id
+          });
+          if (this.preRenderAll.raiseEvent(), this.subChartsProperty.length > 0) {
+            var s = new te.BatchRenderContext(this.webAssemblyContext2D, this.renderSurface.viewportSize, (t = this.domCanvas2D) === null || t === void 0 ? void 0 : t.id), u = this.resolveSurfaceOrders();
+            u.forEach(function(l, p) {
+              p === u.length - 1 && (s.doDraw = !0), l.doDrawingLoop(s);
+            });
+          } else
+            this.doDrawingLoop();
+          this.renderedToWebGl.raiseEvent(this.sciChartRenderer.isInvalidated), this.isCopyCanvasSurface || this.renderedToDestination.raiseEvent(this.sciChartRenderer.isInvalidated), (this.painted.handlers.length > 0 || d.PerformanceDebugHelper.enableDebug) && (0, d.runAfterFramePaint)(function() {
+            d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.Painted, { contextId: e.id }), e.painted.raiseEvent(e.sciChartRenderer.isInvalidated);
+          }), this.currentWebGlRenderContextProperty = (0, P.deleteSafe)(this.currentWebGlRenderContext), d.PerformanceDebugHelper.mark(d.EPerformanceMarkType.RenderSurfaceDrawEnd, {
+            contextId: this.id,
+            parentContextId: (i = this.domCanvas2D) === null || i === void 0 ? void 0 : i.id,
+            relatedId: (o = n == null ? void 0 : n.detail) === null || o === void 0 ? void 0 : o.relatedId
+          });
+        }, a.prototype.detachSeries = function(e) {
+          e.type === S.ESeriesType.StackedColumnSeries || e.type === S.ESeriesType.StackedMountainSeries || (this.chartModifiers.asArray().forEach(function(r) {
+            r.onDetachSeries(e);
+          }), e.onDetach(), this.autoColorMode === w.EAutoColorMode.OnAddRemoveSeries && (this.autoColorRequired = !0), this.invalidateElement());
+        }, a.prototype.attachSeries = function(e) {
+          if (e.type === S.ESeriesType.StackedColumnSeries) {
+            var r = this.renderableSeries.asArray().find(function(i) {
+              return i.type === S.ESeriesType.StackedColumnCollection;
+            });
+            if (!r) {
+              r = new de.StackedColumnCollection(this.webAssemblyContext2D);
+              var t = this.renderableSeries.asArray().findIndex(function(i) {
+                return i === e;
+              });
+              this.renderableSeries.insert(t, r);
+            }
+            r.add(e), this.renderableSeries.remove(e, !1);
+            return;
+          } else if (e.type === S.ESeriesType.StackedMountainSeries || e.type === S.ESeriesType.SmoothStackedMountainSeries) {
+            var r = this.renderableSeries.asArray().find(function(o) {
+              return o.type === S.ESeriesType.StackedMountainCollection;
+            });
+            if (!r) {
+              r = new le.StackedMountainCollection(this.webAssemblyContext2D);
+              var t = this.renderableSeries.asArray().findIndex(function(n) {
+                return n === e;
+              });
+              this.renderableSeries.insert(t, r);
+            }
+            r.add(e), this.renderableSeries.remove(e, !1);
+          }
+          (!e.isStacked || e.isCollection) && e.onAttach(this), this.themeProviderProperty && e.applyTheme(this.themeProviderProperty), this.chartModifiers.asArray().forEach(function(i) {
+            i.onAttachSeries(e);
+          }), this.autoColorMode === w.EAutoColorMode.OnAddRemoveSeries && (this.autoColorRequired = !0), this.invalidateElement();
+        }, a.prototype.detachAxis = function(e) {
+          e.onDetach(), this.invalidateElement();
+        }, a.prototype.checkAxisIdUniqueness = function(e, r) {
+          r && !this.xAxes.checkIdUniqueness(e) && console.error("The X axis Id ".concat(e, " is not unique")), !r && !this.yAxes.checkIdUniqueness(e) && console.error("The Y axis Id ".concat(e, " is not unique"));
+        }, a.prototype.attachAxis = function(e, r) {
+          if (e.invalidateParentCallback)
+            throw new Error("Invalid operation in sciChartSurface.attachAxis, this axis has already been attached to a SciChartSurface. Please detach it from a SciChartSurface before attaching to another");
+          this.checkAxisIdUniqueness(e.id, r);
+          var t = !1;
+          r && !this.xAxes.asArray().some(function(i) {
+            return i.isPrimaryAxis;
+          }) && (t = !0), !r && !this.yAxes.asArray().some(function(i) {
+            return i.isPrimaryAxis;
+          }) && (t = !0), e.onAttach(this, r, t), this.themeProviderProperty && e.applyTheme(this.themeProviderProperty), e.invalidateParentCallback = this.invalidateElement, this.invalidateElement();
+        }, a.prototype.onAttachSubSurface = function(e) {
+          this.chartModifiers.asArray().forEach(function(r) {
+            r.onAttachSubSurface(e);
+          });
+        }, a.prototype.onDetachSubSurface = function(e) {
+          this.chartModifiers.asArray().forEach(function(r) {
+            r.onDetachSubSurface(e);
+          });
+        }, Object.defineProperty(a.prototype, "drawSeriesBehindAxis", {
+          /**
+           * Gets or sets the boolean flag for switching behaviour of Axises rendering
+           */
+          get: function() {
+            return this.drawSeriesBehindAxisProperty;
+          },
+          /**
+           * Gets or sets the boolean flag for switching behaviour of Axises rendering
+           */
+          set: function(e) {
+            this.drawSeriesBehindAxisProperty = e, this.invalidateElement();
+          },
+          enumerable: !1,
+          configurable: !0
+        }), a;
+      })(G.SciChartSurfaceBase)
+    );
+    g.SciChartSurface = Ce;
+  })(f), f);
+}
+export {
+  at as __require
+};
+//# sourceMappingURL=petal-toolkit.es237.js.map