@orangelogic/design-system 2.69.0 → 2.70.0

package/library/chunks/SpriteResizer.-qJDgug8.js

@@ -0,0 +1,446 @@
+import { E as C, ad as V, c as P, s as G, g as H, M as O, ac as h, ae as X, G as z, J as F, L as k, T as w, C as v, R as y, m as g, b as E, w as Y, d as j, aj as q, q as b, P as B, h as M, j as A } from "./am-chart.oZVBmpnn.js";
+let x;
+function J(r, e, t) {
+  const i = e.interfaceColors, a = i.get("secondaryButton").toCSS(), n = i.get("text").toCSS(), o = i.get("alternativeBackground").toCSS(0.45);
+  if (!x) {
+    const s = new O([
+      new h(r, ".am5-modal", {
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        "z-index": "100000",
+        top: "0",
+        left: "0"
+      }, e.nonce),
+      new h(r, ".am5-modal-curtain", {
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        background: i.get("background").toCSS(0.5),
+        "z-index": "100"
+      }, e.nonce),
+      new h(r, ".am5-modal-wrapper", {
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        "text-align": "center",
+        "white-space": "nowrap",
+        background: i.get("background").toCSS(0.5),
+        "z-index": "101"
+      }, e.nonce),
+      new h(r, ".am5-modal-wrapper:before", {
+        content: "''",
+        display: "inline-block",
+        height: "100%",
+        "vertical-align": "middle",
+        "margin-right": "-0.25em"
+      }, e.nonce),
+      new h(r, ".am5-modal-content", {
+        display: "inline-block",
+        padding: "1.2em",
+        "vertical-align": "middle",
+        "text-align": "start",
+        "white-space": "normal",
+        background: i.get("background").toCSS(),
+        //"border": "1px solid " + ic.get("alternativeBackground")!.toCSS(),
+        "border-radius": "4px",
+        "-webkit-box-shadow": "0px 0px 36px 0px " + o,
+        "box-shadow": "0px 0px 36px 0px " + o,
+        color: n
+      }, e.nonce),
+      new h(r, ".am5-modal-content h1", {
+        "font-size": "1em",
+        margin: "0 0 0.5em 0"
+      }, e.nonce),
+      new h(r, ".am5-modal-table", {
+        display: "table",
+        margin: "1em 0"
+      }, e.nonce),
+      new h(r, ".am5-modal-table-row", {
+        display: "table-row"
+      }, e.nonce),
+      new h(r, ".am5-modal-table-heading", {
+        display: "table-heading",
+        padding: "3px 10px 3px 0"
+      }, e.nonce),
+      new h(r, ".am5-modal-table-cell", {
+        display: "table-cell",
+        padding: "3px 0 3px 0"
+      }, e.nonce),
+      new h(r, ".am5-modal-table-cell > *", {
+        "vertical-align": "middle"
+      }, e.nonce),
+      new h(r, ".am5-modal-content input[type=text], .am5-modal-content input[type=number], .am5-modal-content select", {
+        border: "1px solid " + a,
+        "border-radius": "4px",
+        padding: "3px 5px",
+        margin: "2px"
+      }, e.nonce),
+      new h(r, ".am5-modal-input-narrow", {
+        width: "50px"
+      }, e.nonce),
+      new h(r, ".am5-modal-button", {
+        "font-weight": "400",
+        color: i.get("secondaryButtonText").toCSS(),
+        "line-height": "1.5",
+        "text-align": "center",
+        "text-decoration": "none",
+        "vertical-align": "middle",
+        cursor: "pointer",
+        padding: "0.2em 0.8em",
+        "font-size": "1em",
+        "border-radius": "0.25em",
+        margin: "0 0.25em 0 0",
+        border: "1px solid " + i.get("secondaryButtonStroke").toCSS(),
+        background: i.get("secondaryButton").toCSS()
+      }, e.nonce),
+      new h(r, ".am5-modal-button:hover", {
+        background: i.get("secondaryButtonHover").toCSS()
+      }, e.nonce),
+      new h(r, ".am5-modal-button.am5-modal-primary", {
+        color: i.get("primaryButtonText").toCSS(),
+        border: "1px solid " + i.get("primaryButtonStroke").toCSS(),
+        background: i.get("primaryButton").toCSS()
+      }, e.nonce),
+      new h(r, ".am5-modal-button.am5-modal-primary:hover", {
+        background: i.get("primaryButtonHover").toCSS()
+      }, e.nonce)
+    ]);
+    x = new X(() => {
+      x = void 0, s.dispose();
+    });
+  }
+  return x.increment();
+}
+class S extends C {
+  //protected _currentPass: number = 0;
+  _afterNew() {
+    super._afterNewApplyThemes(), this._setRawDefault("deactivateRoot", !0), J(V(this._root.dom), this._root);
+    const e = document.createElement("div");
+    e.className = "am5-modal", e.style.display = "none", this.root._inner.appendChild(e), this.setPrivate("container", e);
+    const t = document.createElement("div");
+    t.className = "am5-modal-curtain", e.appendChild(t), this.setPrivate("curtain", t), this._disposers.push(P(t, "click", () => {
+      this.cancel();
+    }));
+    const i = document.createElement("div");
+    i.className = "am5-modal-wrapper", e.appendChild(i), this.setPrivate("wrapper", i);
+    const a = document.createElement("div");
+    a.className = "am5-modal-content", i.appendChild(a), this.setPrivate("content", a);
+    const n = this.get("content");
+    n && (a.innerHTML = n), G("keyboardevents") && this._disposers.push(P(document, "keydown", (o) => {
+      this.isOpen() && H(o) == "Escape" && this.cancel();
+    }));
+  }
+  _beforeChanged() {
+    super._beforeChanged(), this.isDirty("content") && (this.getPrivate("content").innerHTML = this.get("content", ""));
+  }
+  /**
+   * Returns `true` if modal is currently open.
+   *
+   * @return  Modal open?
+   */
+  isOpen() {
+    return this.getPrivate("container").style.display != "none";
+  }
+  /**
+   * Opens modal.
+   */
+  open() {
+    this.getPrivate("container").style.display = "block", this.get("deactivateRoot") && this.setTimeout(() => {
+      this._root._renderer.interactionsEnabled = !1;
+    }, 10), this.events.dispatch("opened", {
+      type: "opened",
+      target: this
+    });
+  }
+  /**
+   * Closes modal.
+   */
+  close() {
+    this.getPrivate("container").style.display = "none", this.get("deactivateRoot") && (this._root._renderer.interactionsEnabled = !0), this.events.dispatch("closed", {
+      type: "closed",
+      target: this
+    });
+  }
+  /**
+   * Closes modal and invokes `cancelled` event.
+   */
+  cancel() {
+    this.getPrivate("container").style.display = "none", this.get("deactivateRoot") && (this._root._renderer.interactionsEnabled = !0), this.events.dispatch("cancelled", {
+      type: "cancelled",
+      target: this
+    });
+  }
+  /**
+   * Disposes modal.
+   */
+  _dispose() {
+    super._dispose();
+    const e = this.getPrivate("container");
+    e.parentElement && e.parentElement.removeChild(e);
+  }
+}
+S.className = "Modal";
+S.classNames = C.classNames.concat([S.className]);
+class T extends C {
+  _afterNew() {
+    super._afterNewApplyThemes();
+  }
+  _beforeChanged() {
+    if (super._beforeChanged(), this.isDirty("sprite")) {
+      const e = this.get("sprite");
+      e && (e.setAll({ position: "absolute", role: "figure" }), this._disposers.push(e));
+    }
+    (this.isDirty("locationX") || this.isDirty("locationY")) && this.series && this.series._positionBullet(this);
+  }
+}
+T.className = "Bullet";
+T.classNames = C.classNames.concat([T.className]);
+class D extends z {
+  _beforeChanged() {
+    super._beforeChanged(), (this.isDirty("radiusX") || this.isDirty("radiusY") || this.isDirty("rotation")) && (this._clear = !0);
+  }
+  _changed() {
+    super._changed(), this._clear && this._display.drawEllipse(0, 0, Math.abs(this.get("radiusX")), Math.abs(this.get("radiusY")));
+  }
+}
+D.className = "Ellipse";
+D.classNames = z.classNames.concat([D.className]);
+class L extends F {
+  constructor() {
+    super(...arguments), this.itemContainers = this.addDisposer(new k(w.new({}), () => v._new(this._root, {
+      themeTags: g(this.itemContainers.template.get("themeTags", []), ["legend", "item"]),
+      themeTagsSelf: g(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"]),
+      background: y.new(this._root, {
+        themeTags: g(this.itemContainers.template.get("themeTags", []), ["legend", "item", "background"]),
+        themeTagsSelf: g(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"])
+      })
+    }, [this.itemContainers.template]))), this.markers = this.addDisposer(new k(w.new({}), () => v._new(this._root, {
+      themeTags: g(this.markers.template.get("themeTags", []), ["legend", "marker"])
+    }, [this.markers.template]))), this.labels = this.addDisposer(new k(w.new({}), () => E._new(this._root, {
+      themeTags: g(this.labels.template.get("themeTags", []), ["legend", "label"])
+    }, [this.labels.template]))), this.valueLabels = this.addDisposer(new k(w.new({}), () => E._new(this._root, {
+      themeTags: g(this.valueLabels.template.get("themeTags", []), ["legend", "label", "value"])
+    }, [this.valueLabels.template]))), this.markerRectangles = this.addDisposer(new k(w.new({}), () => y._new(this._root, {
+      themeTags: g(this.markerRectangles.template.get("themeTags", []), ["legend", "marker", "rectangle"])
+    }, [this.markerRectangles.template])));
+  }
+  _afterNew() {
+    this._settings.themeTags = g(this._settings.themeTags, ["legend"]), this.fields.push("name", "stroke", "fill"), super._afterNew();
+  }
+  /**
+   * @ignore
+   */
+  makeItemContainer(e) {
+    const t = this.children.push(this.itemContainers.make());
+    return t._setDataItem(e), this.itemContainers.push(t), t.states.create("disabled", {}), t;
+  }
+  /**
+   * @ignore
+   */
+  makeMarker() {
+    const e = this.markers.make();
+    return this.markers.push(e), e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeLabel() {
+    const e = this.labels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeValueLabel() {
+    const e = this.valueLabels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeMarkerRectangle() {
+    const e = this.markerRectangles.make();
+    return e.states.create("disabled", {}), e;
+  }
+  processDataItem(e) {
+    super.processDataItem(e);
+    const t = this.makeItemContainer(e), i = this.get("nameField"), a = this.get("fillField"), n = this.get("strokeField");
+    if (t) {
+      const o = this.get("clickTarget", "itemContainer"), s = e.dataContext;
+      s && s.set && s.set("legendDataItem", e), t._setDataItem(e), e.set("itemContainer", t);
+      const p = this.makeMarker();
+      if (p) {
+        t.children.push(p), p._setDataItem(e), e.set("marker", p);
+        const l = this.get("useDefaultMarker"), c = p.children.push(this.makeMarkerRectangle());
+        let f = e.get("fill"), u = e.get("stroke");
+        e.set("markerRectangle", c), s && s.get && (f = s.get(a, f), u = s.get(n, u)), u || (u = f), l ? s.on && (s.on(a, () => {
+          c.set("fill", s.get(a));
+        }), s.on(n, () => {
+          c.set("stroke", s.get(n));
+        })) : s && s.createLegendMarker && s.createLegendMarker(), c.setAll({ fill: f, stroke: u });
+        const _ = s.component;
+        _ && _.updateLegendMarker && _.updateLegendMarker(s);
+      }
+      const d = this.makeLabel();
+      if (d) {
+        t.children.push(d), d._setDataItem(e), e.set("label", d), d.text.on("text", () => {
+          t.setRaw("ariaLabel", d.text._getText() + (this.get("clickTarget") !== "none" ? "; " + this._t("Press ENTER to toggle") : "")), t.markDirtyAccessibility();
+        }), s && s.get && e.set("name", s.get(i));
+        let l = e.get("name");
+        l && d.set("text", l);
+      }
+      const m = this.makeValueLabel();
+      if (m && (t.children.push(m), m._setDataItem(e), e.set("valueLabel", m)), s && s.show && (s.on("visible", (l) => {
+        t.set("disabled", !l);
+      }), s.get("visible") || t.set("disabled", !0), o != "none")) {
+        let l = t;
+        o == "marker" && (l = p), this._addClickEvents(l, s, e);
+      }
+      this.children.values.sort((l, c) => {
+        const f = l.dataItem.dataContext, u = c.dataItem.dataContext;
+        if (f && u) {
+          const _ = this.data.indexOf(f), R = this.data.indexOf(u);
+          if (_ > R)
+            return 1;
+          if (_ < R)
+            return -1;
+        }
+        return 0;
+      }), s && s.updateLegendValue && s.updateLegendValue();
+    }
+  }
+  _addClickEvents(e, t, i) {
+    e.set("cursorOverStyle", "pointer"), e.events.on("pointerover", () => {
+      const a = t.component;
+      a && a.hoverDataItem && a.hoverDataItem(t);
+    }), e.events.on("pointerout", () => {
+      const a = t.component;
+      a && a.hoverDataItem && a.unhoverDataItem(t);
+    }), e.events.on("click", () => {
+      const a = i.get("label").text._getText();
+      t.show && t.isHidden && (t.isHidden() || t.get("visible") === !1) ? (t.show(), e.set("disabled", !1), this._root.readerAlert(this._t("%1 shown", this._root.locale, a))) : t.hide && (t.hide(), e.set("disabled", !0), this._root.readerAlert(this._t("%1 hidden", this._root.locale, a)));
+    });
+  }
+  /**
+   * @ignore
+   */
+  disposeDataItem(e) {
+    super.disposeDataItem(e);
+    const t = e.dataContext;
+    t && t.get && t.get("legendDataItem") == e && t.set("legendDataItem", void 0);
+    let i = e.get("itemContainer");
+    i && (this.itemContainers.removeValue(i), i.dispose());
+    let a = e.get("marker");
+    a && (this.markers.removeValue(a), a.dispose());
+    let n = e.get("markerRectangle");
+    n && (this.markerRectangles.removeValue(n), n.dispose());
+    let o = e.get("label");
+    o && (this.labels.removeValue(o), o.dispose());
+    let s = e.get("valueLabel");
+    s && (this.valueLabels.removeValue(s), s.dispose());
+  }
+}
+L.className = "Legend";
+L.classNames = F.classNames.concat([L.className]);
+class N extends v {
+  constructor() {
+    super(...arguments), this.rectangle = this.children.push(Y.new(this._root, { themeTags: ["rectangle"], fillOpacity: 0, fill: j(16777215) })), this.gripL = this._createGrip("left"), this.gripR = this._createGrip("right"), this.gripT = this._createGrip("top"), this.gripB = this._createGrip("bottom"), this._is = 1, this._ix = 0, this._iw = 0, this._isHover = !1;
+  }
+  _afterNew() {
+    super._afterNew(), this.addTag("resizer"), this.set("visible", !1), this.gripL.events.on("dragged", (e) => {
+      this._resize(e.target, -1);
+    }), this.gripR.events.on("dragged", (e) => {
+      this._resize(e.target, 1);
+    }), this.gripL.events.on("dragstart", (e) => {
+      this._resizeStart(e.target);
+    }), this.gripR.events.on("dragstart", (e) => {
+      this._resizeStart(e.target);
+    }), this.gripT.events.on("dragged", (e) => {
+      this._rotate(e, 90);
+    }), this.gripB.events.on("dragged", (e) => {
+      this._rotate(e, -90);
+    }), this.gripT.events.on("dragstart", (e) => {
+      this._resizeStart(e.target);
+    }), this.gripB.events.on("dragstart", (e) => {
+      this._resizeStart(e.target);
+    });
+  }
+  _resizeStart(e) {
+    const t = this.get("sprite");
+    t && (this._is = t.get("scale", 1), this._ix = e.x(), this._iw = this.width() / 2);
+  }
+  _resize(e, t) {
+    const i = this.get("sprite"), a = this.get("spriteTemplate");
+    if (i) {
+      const n = Math.max(0.01, this._is * (1 + t * (e.x() - this._ix) / this._iw));
+      a ? a.set("scale", n) : i.set("scale", n), i.states.lookup("default").set("scale", n), this._updatePositions();
+    }
+  }
+  _rotate(e, t) {
+    const i = this.get("sprite"), a = this.get("spriteTemplate");
+    if (i) {
+      const n = this.parent;
+      if (n) {
+        const o = this.get("rotationStep", 10);
+        let s = Math.round((q({ x: this.x(), y: this.y() }, n.toLocal(e.point)) + t) / o) * o;
+        a ? a.set("rotation", s) : i.set("rotation", s), i.states.lookup("default").set("rotation", s), this._updatePositions();
+      }
+    }
+  }
+  _createGrip(e) {
+    const t = this.children.push(v.new(this._root, {
+      themeTags: ["grip", e],
+      setStateOnChildren: !0,
+      draggable: !0
+    }));
+    return t.children.push(y.new(this._root, {
+      themeTags: ["outline"],
+      centerX: b,
+      centerY: b
+    })), t.children.push(y.new(this._root, {
+      centerX: b,
+      centerY: b
+    })), t;
+  }
+  _updateChildren() {
+    if (super._updateChildren(), this.isDirty("sprite")) {
+      const e = this.get("sprite");
+      if (e) {
+        this.show(0), this.setPrivate("visible", !0), this._updatePositions();
+        const t = e.parent;
+        t && t.children.moveValue(this, 0), this._positionDP = e.events.on("positionchanged", () => {
+          this._updatePositions();
+        }), this._positionDP = e.events.on("boundschanged", () => {
+          this._updatePositions();
+        });
+      } else
+        this.hide(0), this.setPrivate("visible", !1), this._positionDP && this._positionDP.dispose();
+    }
+    (this.isDirty("width") || this.isDirty("height") || this.isDirty("rotation")) && this._updatePositions();
+  }
+  _updatePositions() {
+    const e = this.get("sprite");
+    if (e) {
+      let t = e.localBounds(), i = e.get("scale", 1), a = 20, n = (t.right - t.left) * i + a, o = (t.bottom - t.top) * i + a, s = e.get("rotation", 0);
+      const p = this.rectangle;
+      let d = e.get("centerX", b), m = e.get("centerY", b), l = 0;
+      d instanceof B && (l = d.value);
+      let c = 0;
+      m instanceof B && (c = m.value), p.setAll({ centerX: d, centerY: m, width: n, height: o }), this.setAll({ x: e.x() + a * (l - 0.5) * M(s) - a * (c - 0.5) * A(s), y: e.y() + a * (c - 0.5) * M(s) + a * (l - 0.5) * A(s), width: n, height: o, rotation: s }), this.gripT.setAll({ x: (0.5 - l) * n, y: -c * o }), this.gripB.setAll({ x: (0.5 - l) * n, y: (1 - c) * o }), this.gripL.setAll({ x: -l * n, y: (0.5 - c) * o }), this.gripR.setAll({ x: (1 - l) * n, y: (0.5 - c) * o }), this.rectangle.setAll({ width: n, height: o });
+    }
+  }
+}
+N.className = "SpriteResizer";
+N.classNames = v.classNames.concat([N.className]);
+export {
+  T as B,
+  D as E,
+  L,
+  S as M,
+  N as S
+};

package/library/chunks/Triangle.BECgi7mc.js

@@ -0,0 +1,21 @@
+import { G as a } from "./am-chart.oZVBmpnn.js";
+class e extends a {
+  _beforeChanged() {
+    super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
+  }
+  _changed() {
+    super._changed(), this._clear && !this.get("draw") && this._draw();
+  }
+  _draw() {
+    const t = this.width(), s = this.height(), i = this._display;
+    i.moveTo(-t / 2, s / 2), i.lineTo(0, -s / 2), i.lineTo(t / 2, s / 2), i.lineTo(-t / 2, s / 2), i.closePath();
+  }
+  _updateSize() {
+    this.markDirty(), this._clear = !0;
+  }
+}
+e.className = "Triangle";
+e.classNames = a.classNames.concat([e.className]);
+export {
+  e as T
+};

package/library/chunks/ZoomTools.cgwuIB0e.js

@@ -0,0 +1,199 @@
+import { C as l, w as z, x as f, d as N, a as y, k as B, t as L, y as x, z as Z, B as u, G as p, M as k } from "./am-chart.oZVBmpnn.js";
+class m extends l {
+  constructor() {
+    super(...arguments), this._movePoints = {}, this._downScale = 1, this._downX = 0, this._downY = 0, this.contents = this.children.push(l.new(this._root, {
+      width: f,
+      height: f,
+      x: 0,
+      y: 0,
+      draggable: !0,
+      background: z.new(this._root, {
+        fill: N(16777215),
+        fillOpacity: 0
+      })
+    }));
+  }
+  _afterNew() {
+    super._afterNew();
+    const i = this.contents.events;
+    this._disposers.push(i.on("pointerdown", (t) => {
+      this._handleThisDown(t);
+    })), this._disposers.push(i.on("globalpointerup", (t) => {
+      this._handleThisUp(t);
+    })), this._disposers.push(i.on("globalpointermove", (t) => {
+      this._handleThisMove(t);
+    }));
+    const e = this.contents.get("background");
+    e && (e.adapters.add("width", (t) => Number(t) * 20), e.adapters.add("height", (t) => Number(t) * 20), e.adapters.add("x", (t) => Number(t) - e.width() / 2), e.adapters.add("y", (t) => Number(t) - e.height() / 2));
+    const o = this.contents;
+    o.adapters.add("x", (t) => {
+      const s = o.get("scale", 1);
+      if (y(t) && s >= 1) {
+        let n = this.get("maxPanOut", 0.4), h = o.width();
+        t = Math.min(h * n, t), t = Math.max(this.width() - h * s * (1 + n), t);
+      }
+      return t;
+    }), o.adapters.add("y", (t) => {
+      const s = o.get("scale", 1);
+      if (y(t) && s >= 1) {
+        let n = this.get("maxPanOut", 0.4), h = o.height();
+        t = Math.min(h * n, t), t = Math.max(this.height() - h * s * (1 + n), t);
+      }
+      return t;
+    });
+  }
+  _prepareChildren() {
+    super._prepareChildren(), this.isDirty("wheelable") && this._handleSetWheel(), this.contents._display.cancelTouch = this.get("pinchZoom", !1);
+  }
+  _handleSetWheel() {
+    this.get("wheelable") ? (this._wheelDp && this._wheelDp.dispose(), this._wheelDp = this.events.on("wheel", (i) => {
+      const e = i.originalEvent;
+      if (B(e, this))
+        e.preventDefault();
+      else
+        return;
+      const o = this.toLocal(i.point);
+      this._handleWheelZoom(e.deltaY, o);
+    }), this._disposers.push(this._wheelDp)) : this._wheelDp && this._wheelDp.dispose();
+  }
+  _handleWheelZoom(i, e) {
+    let o = this.get("zoomStep", 2), t = this.contents.get("scale", 1), s = t;
+    i > 0 ? s = t / o : i < 0 && (s = t * o), s != t && this.zoomToPoint(e, s);
+  }
+  /**
+   * Zooms to specific X/Y point.
+   *
+   * @param   point  Center point
+   * @param   level  Zoom level
+   * @return         Zoom Animation object
+   */
+  zoomToPoint(i, e) {
+    e && (e = L(e, this.get("minZoomLevel", 1), this.get("maxZoomLevel", 32)));
+    const o = this.contents.get("scale", 1);
+    let t = i.x, s = i.y, n = t, h = s;
+    const r = this.contents;
+    let _ = r.x(), a = r.y(), c = n - (t - _) / o * e, d = h - (s - a) / o * e;
+    return this._animateTo(c, d, e), this._za;
+  }
+  /**
+   * Zooms the container contents in by `zoomStep`.
+   *
+   * @return Zoom Animation object
+   */
+  zoomIn() {
+    return this.zoomToPoint({ x: this.width() / 2, y: this.height() / 2 }, this.contents.get("scale", 1) * this.get("zoomStep", 2));
+  }
+  /**
+   * Zooms the container contents out by `zoomStep`.
+   *
+   * @return Zoom Animation object
+   */
+  zoomOut() {
+    return this.zoomToPoint({ x: this.width() / 2, y: this.height() / 2 }, this.contents.get("scale", 1) / this.get("zoomStep", 2));
+  }
+  /**
+   * Fully zooms out the container contents.
+   *
+   * @return Zoom Animation object
+   */
+  goHome() {
+    return this._animateTo(0, 0, 1);
+  }
+  _animateTo(i, e, o) {
+    const t = this.get("animationDuration", 0), s = this.get("animationEasing"), n = this.contents;
+    this._txa = n.animate({ key: "x", to: i, duration: t, easing: s }), this._tya = n.animate({ key: "y", to: e, duration: t, easing: s }), this._za = n.animate({ key: "scale", to: o, duration: t, easing: s });
+  }
+  _handleThisUp(i) {
+    this._downPoints = {};
+  }
+  _handleThisDown(i) {
+    const e = this.contents;
+    this._downScale = e.get("scale", 1);
+    const o = e._downPoints;
+    let t = x(o).length;
+    if (t == 1) {
+      let s = o[1];
+      s || (s = o[0]), s && s.x == i.point.x && s.y == i.point.y && (t = 0);
+    }
+    if (t > 0) {
+      this._downX = e.x(), this._downY = e.y();
+      const s = e._getDownPointId();
+      if (s) {
+        let n = this._movePoints[s];
+        n && (e._downPoints[s] = n);
+      }
+    }
+  }
+  _handleThisMove(i) {
+    const o = i.originalEvent.pointerId;
+    if (this.get("pinchZoom") && o && (this._movePoints[o] = i.point, x(this.contents._downPoints).length > 1)) {
+      this._handlePinch();
+      return;
+    }
+  }
+  _handlePinch() {
+    let i = 0, e = [], o = [];
+    if (Z(this.contents._downPoints, (t, s) => {
+      e[i] = s;
+      let n = this._movePoints[t];
+      n && (o[i] = n), i++;
+    }), e.length > 1 && o.length > 1) {
+      this.contents._isDragging = !1;
+      let t = e[0], s = e[1], n = o[0], h = o[1];
+      if (t && s && n && h) {
+        t = this.toLocal(t), s = this.toLocal(s), n = this.toLocal(n), h = this.toLocal(h);
+        let r = Math.hypot(s.x - t.x, s.y - t.y), a = Math.hypot(h.x - n.x, h.y - n.y) / r * this._downScale, c = { x: n.x + (h.x - n.x) / 2, y: n.y + (h.y - n.y) / 2 }, d = { x: t.x + (s.x - t.x) / 2, y: t.y + (s.y - t.y) / 2 }, P = this._downX || 0, T = this._downY || 0, w = this._downScale, D = c.x - (-P + d.x) / w * a, b = c.y - (-T + d.y) / w * a;
+        this.contents.setAll({
+          x: D,
+          y: b,
+          scale: a
+        });
+      }
+    }
+  }
+}
+m.className = "ZoomableContainer";
+m.classNames = l.classNames.concat([m.className]);
+class g extends l {
+  constructor() {
+    super(...arguments), this.homeButton = this.children.push(u.new(this._root, { width: 35, height: 35, themeTags: ["home"] })), this.plusButton = this.children.push(u.new(this._root, { width: 35, height: 35, themeTags: ["plus"] })), this.minusButton = this.children.push(u.new(this._root, { width: 35, height: 35, themeTags: ["minus"] }));
+  }
+  _afterNew() {
+    super._afterNew(), this.set("position", "absolute"), this.set("layout", this._root.verticalLayout), this.addTag("zoomtools"), this.plusButton.setAll({
+      icon: p.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    }), this.minusButton.setAll({
+      icon: p.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    }), this.homeButton.setAll({
+      icon: p.new(this._root, { themeTags: ["icon"] }),
+      layout: void 0
+    });
+  }
+  _prepareChildren() {
+    if (super._prepareChildren(), this.isDirty("target")) {
+      const i = this.get("target"), e = this._prevSettings.target;
+      i && (i instanceof m && (this._targetDisposer = this.addDisposer(i.contents.on("scale", (o) => {
+        o == i.get("minZoomLevel") ? this.minusButton.set("disabled", !0) : this.minusButton.set("disabled", !1), o == i.get("maxZoomLevel") ? this.plusButton.set("disabled", !0) : this.plusButton.set("disabled", !1);
+      })), this.root.events.once("frameended", () => {
+        i.get("scale") == i.get("minZoomLevel") && this.minusButton.set("disabled", !0);
+      })), this._disposer = new k([
+        this.plusButton.events.on("click", () => {
+          i.zoomIn();
+        }),
+        this.minusButton.events.on("click", () => {
+          i.zoomOut();
+        }),
+        this.homeButton.events.on("click", () => {
+          i.goHome();
+        })
+      ])), e && (this._disposer && this._disposer.dispose(), this._targetDisposer && this._targetDisposer.dispose());
+    }
+  }
+}
+g.className = "ZoomTools";
+g.classNames = l.classNames.concat([g.className]);
+export {
+  m as Z,
+  g as a
+};

package/library/chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js

@@ -0,0 +1,8 @@
+import { g as e } from "./_commonjsHelpers.DQNKXVTB.js";
+const t = {}, r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: t
+}, Symbol.toStringTag, { value: "Module" })), a = /* @__PURE__ */ e(r);
+export {
+  a as r
+};