@prefecthq/prefect-ui-library 1.0.0

package/dist/viewport.es-a6380c41-3517fd0a.mjs

@@ -0,0 +1,1537 @@
+import { h as c, q as b, L as O, E as k } from "./index-5e1667e6.mjs";
+import "vue";
+import "@prefecthq/vue-compositions";
+import "@prefecthq/prefect-design";
+import "vue-router";
+import "vee-validate";
+class d {
+  constructor(t) {
+    this.parent = t, this.paused = !1;
+  }
+  destroy() {
+  }
+  down(t) {
+    return !1;
+  }
+  move(t) {
+    return !1;
+  }
+  up(t) {
+    return !1;
+  }
+  wheel(t) {
+    return !1;
+  }
+  update(t) {
+  }
+  resize() {
+  }
+  reset() {
+  }
+  pause() {
+    this.paused = !0;
+  }
+  resume() {
+    this.paused = !1;
+  }
+}
+var z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function I(p, t, e) {
+  return e = {
+    path: t,
+    exports: {},
+    require: function(n, i) {
+      return P(n, i ?? e.path);
+    }
+  }, p(e, e.exports), e.exports;
+}
+function P() {
+  throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
+}
+var S = I(function(p, t) {
+  (function() {
+    var e, n;
+    n = function(i) {
+      return p.exports = i;
+    }, e = {
+      linear: function(i, s, h, o) {
+        return h * i / o + s;
+      },
+      easeInQuad: function(i, s, h, o) {
+        return h * (i /= o) * i + s;
+      },
+      easeOutQuad: function(i, s, h, o) {
+        return -h * (i /= o) * (i - 2) + s;
+      },
+      easeInOutQuad: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? h / 2 * i * i + s : -h / 2 * (--i * (i - 2) - 1) + s;
+      },
+      easeInCubic: function(i, s, h, o) {
+        return h * (i /= o) * i * i + s;
+      },
+      easeOutCubic: function(i, s, h, o) {
+        return h * ((i = i / o - 1) * i * i + 1) + s;
+      },
+      easeInOutCubic: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? h / 2 * i * i * i + s : h / 2 * ((i -= 2) * i * i + 2) + s;
+      },
+      easeInQuart: function(i, s, h, o) {
+        return h * (i /= o) * i * i * i + s;
+      },
+      easeOutQuart: function(i, s, h, o) {
+        return -h * ((i = i / o - 1) * i * i * i - 1) + s;
+      },
+      easeInOutQuart: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? h / 2 * i * i * i * i + s : -h / 2 * ((i -= 2) * i * i * i - 2) + s;
+      },
+      easeInQuint: function(i, s, h, o) {
+        return h * (i /= o) * i * i * i * i + s;
+      },
+      easeOutQuint: function(i, s, h, o) {
+        return h * ((i = i / o - 1) * i * i * i * i + 1) + s;
+      },
+      easeInOutQuint: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? h / 2 * i * i * i * i * i + s : h / 2 * ((i -= 2) * i * i * i * i + 2) + s;
+      },
+      easeInSine: function(i, s, h, o) {
+        return -h * Math.cos(i / o * (Math.PI / 2)) + h + s;
+      },
+      easeOutSine: function(i, s, h, o) {
+        return h * Math.sin(i / o * (Math.PI / 2)) + s;
+      },
+      easeInOutSine: function(i, s, h, o) {
+        return -h / 2 * (Math.cos(Math.PI * i / o) - 1) + s;
+      },
+      easeInExpo: function(i, s, h, o) {
+        return i === 0 ? s : h * Math.pow(2, 10 * (i / o - 1)) + s;
+      },
+      easeOutExpo: function(i, s, h, o) {
+        return i === o ? s + h : h * (-Math.pow(2, -10 * i / o) + 1) + s;
+      },
+      easeInOutExpo: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? h / 2 * Math.pow(2, 10 * (i - 1)) + s : h / 2 * (-Math.pow(2, -10 * --i) + 2) + s;
+      },
+      easeInCirc: function(i, s, h, o) {
+        return -h * (Math.sqrt(1 - (i /= o) * i) - 1) + s;
+      },
+      easeOutCirc: function(i, s, h, o) {
+        return h * Math.sqrt(1 - (i = i / o - 1) * i) + s;
+      },
+      easeInOutCirc: function(i, s, h, o) {
+        return (i /= o / 2) < 1 ? -h / 2 * (Math.sqrt(1 - i * i) - 1) + s : h / 2 * (Math.sqrt(1 - (i -= 2) * i) + 1) + s;
+      },
+      easeInElastic: function(i, s, h, o) {
+        var r, a, l;
+        return l = 1.70158, a = 0, r = h, i === 0 || (i /= o), a || (a = o * 0.3), r < Math.abs(h) ? (r = h, l = a / 4) : l = a / (2 * Math.PI) * Math.asin(h / r), -(r * Math.pow(2, 10 * (i -= 1)) * Math.sin((i * o - l) * (2 * Math.PI) / a)) + s;
+      },
+      easeOutElastic: function(i, s, h, o) {
+        var r, a, l;
+        return l = 1.70158, a = 0, r = h, i === 0 || (i /= o), a || (a = o * 0.3), r < Math.abs(h) ? (r = h, l = a / 4) : l = a / (2 * Math.PI) * Math.asin(h / r), r * Math.pow(2, -10 * i) * Math.sin((i * o - l) * (2 * Math.PI) / a) + h + s;
+      },
+      easeInOutElastic: function(i, s, h, o) {
+        var r, a, l;
+        return l = 1.70158, a = 0, r = h, i === 0 || (i /= o / 2), a || (a = o * (0.3 * 1.5)), r < Math.abs(h) ? (r = h, l = a / 4) : l = a / (2 * Math.PI) * Math.asin(h / r), i < 1 ? -0.5 * (r * Math.pow(2, 10 * (i -= 1)) * Math.sin((i * o - l) * (2 * Math.PI) / a)) + s : r * Math.pow(2, -10 * (i -= 1)) * Math.sin((i * o - l) * (2 * Math.PI) / a) * 0.5 + h + s;
+      },
+      easeInBack: function(i, s, h, o, r) {
+        return r === void 0 && (r = 1.70158), h * (i /= o) * i * ((r + 1) * i - r) + s;
+      },
+      easeOutBack: function(i, s, h, o, r) {
+        return r === void 0 && (r = 1.70158), h * ((i = i / o - 1) * i * ((r + 1) * i + r) + 1) + s;
+      },
+      easeInOutBack: function(i, s, h, o, r) {
+        return r === void 0 && (r = 1.70158), (i /= o / 2) < 1 ? h / 2 * (i * i * (((r *= 1.525) + 1) * i - r)) + s : h / 2 * ((i -= 2) * i * (((r *= 1.525) + 1) * i + r) + 2) + s;
+      },
+      easeInBounce: function(i, s, h, o) {
+        var r;
+        return r = e.easeOutBounce(o - i, 0, h, o), h - r + s;
+      },
+      easeOutBounce: function(i, s, h, o) {
+        return (i /= o) < 1 / 2.75 ? h * (7.5625 * i * i) + s : i < 2 / 2.75 ? h * (7.5625 * (i -= 1.5 / 2.75) * i + 0.75) + s : i < 2.5 / 2.75 ? h * (7.5625 * (i -= 2.25 / 2.75) * i + 0.9375) + s : h * (7.5625 * (i -= 2.625 / 2.75) * i + 0.984375) + s;
+      },
+      easeInOutBounce: function(i, s, h, o) {
+        var r;
+        return i < o / 2 ? (r = e.easeInBounce(i * 2, 0, h, o), r * 0.5 + s) : (r = e.easeOutBounce(i * 2 - o, 0, h, o), r * 0.5 + h * 0.5 + s);
+      }
+    }, n(e);
+  }).call(z);
+});
+function H(p, t) {
+  if (p) {
+    if (typeof p == "function")
+      return p;
+    if (typeof p == "string")
+      return S[p];
+  } else
+    return S[t];
+}
+const Y = {
+  removeOnInterrupt: !1,
+  ease: "linear",
+  time: 1e3
+};
+class u extends d {
+  __init() {
+    this.startWidth = null;
+  }
+  __init2() {
+    this.startHeight = null;
+  }
+  __init3() {
+    this.deltaWidth = null;
+  }
+  __init4() {
+    this.deltaHeight = null;
+  }
+  __init5() {
+    this.width = null;
+  }
+  __init6() {
+    this.height = null;
+  }
+  __init7() {
+    this.time = 0;
+  }
+  constructor(t, e = {}) {
+    super(t), u.prototype.__init.call(this), u.prototype.__init2.call(this), u.prototype.__init3.call(this), u.prototype.__init4.call(this), u.prototype.__init5.call(this), u.prototype.__init6.call(this), u.prototype.__init7.call(this), this.options = Object.assign({}, Y, e), this.options.ease = H(this.options.ease), this.setupPosition(), this.setupZoom(), this.time = 0;
+  }
+  setupPosition() {
+    typeof this.options.position < "u" ? (this.startX = this.parent.center.x, this.startY = this.parent.center.y, this.deltaX = this.options.position.x - this.parent.center.x, this.deltaY = this.options.position.y - this.parent.center.y, this.keepCenter = !1) : this.keepCenter = !0;
+  }
+  setupZoom() {
+    this.width = null, this.height = null, typeof this.options.scale < "u" ? this.width = this.parent.screenWidth / this.options.scale : typeof this.options.scaleX < "u" || typeof this.options.scaleY < "u" ? (typeof this.options.scaleX < "u" && (this.width = this.parent.screenWidth / this.options.scaleX), typeof this.options.scaleY < "u" && (this.height = this.parent.screenHeight / this.options.scaleY)) : (typeof this.options.width < "u" && (this.width = this.options.width), typeof this.options.height < "u" && (this.height = this.options.height)), this.width !== null && (this.startWidth = this.parent.screenWidthInWorldPixels, this.deltaWidth = this.width - this.startWidth), this.height !== null && (this.startHeight = this.parent.screenHeightInWorldPixels, this.deltaHeight = this.height - this.startHeight);
+  }
+  down() {
+    return this.options.removeOnInterrupt && this.parent.plugins.remove("animate"), !1;
+  }
+  complete() {
+    this.parent.plugins.remove("animate"), this.width !== null && this.parent.fitWidth(this.width, this.keepCenter, this.height === null), this.height !== null && this.parent.fitHeight(this.height, this.keepCenter, this.width === null), !this.keepCenter && this.options.position && this.parent.moveCenter(this.options.position), this.parent.emit("animate-end", this.parent), this.options.callbackOnComplete && this.options.callbackOnComplete(this.parent);
+  }
+  update(t) {
+    if (this.paused)
+      return;
+    this.time += t;
+    const e = new c(this.parent.scale.x, this.parent.scale.y);
+    if (this.time >= this.options.time) {
+      const n = this.parent.width, i = this.parent.height;
+      this.complete(), (n !== this.parent.width || i !== this.parent.height) && this.parent.emit("zoomed", { viewport: this.parent, original: e, type: "animate" });
+    } else {
+      const n = this.options.ease(this.time, 0, 1, this.options.time);
+      if (this.width !== null) {
+        const i = this.startWidth, s = this.deltaWidth;
+        this.parent.fitWidth(
+          i + s * n,
+          this.keepCenter,
+          this.height === null
+        );
+      }
+      if (this.height !== null) {
+        const i = this.startHeight, s = this.deltaHeight;
+        this.parent.fitHeight(
+          i + s * n,
+          this.keepCenter,
+          this.width === null
+        );
+      }
+      if (this.width === null ? this.parent.scale.x = this.parent.scale.y : this.height === null && (this.parent.scale.y = this.parent.scale.x), !this.keepCenter) {
+        const i = this.startX, s = this.startY, h = this.deltaX, o = this.deltaY, r = new c(this.parent.x, this.parent.y);
+        this.parent.moveCenter(i + h * n, s + o * n), this.parent.emit("moved", { viewport: this.parent, original: r, type: "animate" });
+      }
+      (this.width || this.height) && this.parent.emit("zoomed", { viewport: this.parent, original: e, type: "animate" });
+    }
+  }
+}
+function v(p) {
+  let t, e = p[0], n = 1;
+  for (; n < p.length; ) {
+    const i = p[n], s = p[n + 1];
+    if (n += 2, (i === "optionalAccess" || i === "optionalCall") && e == null)
+      return;
+    i === "access" || i === "optionalAccess" ? (t = e, e = s(e)) : (i === "call" || i === "optionalCall") && (e = s((...h) => e.call(t, ...h)), t = void 0);
+  }
+  return e;
+}
+const X = {
+  sides: "all",
+  friction: 0.5,
+  time: 150,
+  ease: "easeInOutSine",
+  underflow: "center",
+  bounceBox: null
+};
+class _ extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, X, e), this.ease = H(this.options.ease, "easeInOutSine"), this.options.sides ? this.options.sides === "all" ? this.top = this.bottom = this.left = this.right = !0 : this.options.sides === "horizontal" ? (this.right = this.left = !0, this.top = this.bottom = !1) : this.options.sides === "vertical" ? (this.left = this.right = !1, this.top = this.bottom = !0) : (this.top = this.options.sides.indexOf("top") !== -1, this.bottom = this.options.sides.indexOf("bottom") !== -1, this.left = this.options.sides.indexOf("left") !== -1, this.right = this.options.sides.indexOf("right") !== -1) : this.left = this.top = this.right = this.bottom = !1;
+    const n = this.options.underflow.toLowerCase();
+    n === "center" ? (this.underflowX = 0, this.underflowY = 0) : (this.underflowX = n.indexOf("left") !== -1 ? -1 : n.indexOf("right") !== -1 ? 1 : 0, this.underflowY = n.indexOf("top") !== -1 ? -1 : n.indexOf("bottom") !== -1 ? 1 : 0), this.reset();
+  }
+  isActive() {
+    return this.toX !== null || this.toY !== null;
+  }
+  down() {
+    return this.toX = this.toY = null, !1;
+  }
+  up() {
+    return this.bounce(), !1;
+  }
+  update(t) {
+    if (!this.paused) {
+      if (this.bounce(), this.toX) {
+        const e = this.toX;
+        e.time += t, this.parent.emit("moved", { viewport: this.parent, type: "bounce-x" }), e.time >= this.options.time ? (this.parent.x = e.end, this.toX = null, this.parent.emit("bounce-x-end", this.parent)) : this.parent.x = this.ease(e.time, e.start, e.delta, this.options.time);
+      }
+      if (this.toY) {
+        const e = this.toY;
+        e.time += t, this.parent.emit("moved", { viewport: this.parent, type: "bounce-y" }), e.time >= this.options.time ? (this.parent.y = e.end, this.toY = null, this.parent.emit("bounce-y-end", this.parent)) : this.parent.y = this.ease(e.time, e.start, e.delta, this.options.time);
+      }
+    }
+  }
+  calcUnderflowX() {
+    let t;
+    switch (this.underflowX) {
+      case -1:
+        t = 0;
+        break;
+      case 1:
+        t = this.parent.screenWidth - this.parent.screenWorldWidth;
+        break;
+      default:
+        t = (this.parent.screenWidth - this.parent.screenWorldWidth) / 2;
+    }
+    return t;
+  }
+  calcUnderflowY() {
+    let t;
+    switch (this.underflowY) {
+      case -1:
+        t = 0;
+        break;
+      case 1:
+        t = this.parent.screenHeight - this.parent.screenWorldHeight;
+        break;
+      default:
+        t = (this.parent.screenHeight - this.parent.screenWorldHeight) / 2;
+    }
+    return t;
+  }
+  oob() {
+    const t = this.options.bounceBox;
+    if (t) {
+      const e = typeof t.x > "u" ? 0 : t.x, n = typeof t.y > "u" ? 0 : t.y, i = typeof t.width > "u" ? this.parent.worldWidth : t.width, s = typeof t.height > "u" ? this.parent.worldHeight : t.height;
+      return {
+        left: this.parent.left < e,
+        right: this.parent.right > i,
+        top: this.parent.top < n,
+        bottom: this.parent.bottom > s,
+        topLeft: new c(
+          e * this.parent.scale.x,
+          n * this.parent.scale.y
+        ),
+        bottomRight: new c(
+          i * this.parent.scale.x - this.parent.screenWidth,
+          s * this.parent.scale.y - this.parent.screenHeight
+        )
+      };
+    }
+    return {
+      left: this.parent.left < 0,
+      right: this.parent.right > this.parent.worldWidth,
+      top: this.parent.top < 0,
+      bottom: this.parent.bottom > this.parent.worldHeight,
+      topLeft: new c(0, 0),
+      bottomRight: new c(
+        this.parent.worldWidth * this.parent.scale.x - this.parent.screenWidth,
+        this.parent.worldHeight * this.parent.scale.y - this.parent.screenHeight
+      )
+    };
+  }
+  bounce() {
+    if (this.paused)
+      return;
+    let t, e = this.parent.plugins.get("decelerate", !0);
+    e && (e.x || e.y) && (e.x && e.percentChangeX === v([e, "access", (s) => s.options, "optionalAccess", (s) => s.friction]) || e.y && e.percentChangeY === v([e, "access", (s) => s.options, "optionalAccess", (s) => s.friction])) && (t = this.oob(), (t.left && this.left || t.right && this.right) && (e.percentChangeX = this.options.friction), (t.top && this.top || t.bottom && this.bottom) && (e.percentChangeY = this.options.friction));
+    const n = this.parent.plugins.get("drag", !0) || {}, i = this.parent.plugins.get("pinch", !0) || {};
+    if (e = e || {}, !v([n, "optionalAccess", (s) => s.active]) && !v([i, "optionalAccess", (s) => s.active]) && (!this.toX || !this.toY) && (!e.x || !e.y)) {
+      t = t || this.oob();
+      const s = t.topLeft, h = t.bottomRight;
+      if (!this.toX && !e.x) {
+        let o = null;
+        t.left && this.left ? o = this.parent.screenWorldWidth < this.parent.screenWidth ? this.calcUnderflowX() : -s.x : t.right && this.right && (o = this.parent.screenWorldWidth < this.parent.screenWidth ? this.calcUnderflowX() : -h.x), o !== null && this.parent.x !== o && (this.toX = { time: 0, start: this.parent.x, delta: o - this.parent.x, end: o }, this.parent.emit("bounce-x-start", this.parent));
+      }
+      if (!this.toY && !e.y) {
+        let o = null;
+        t.top && this.top ? o = this.parent.screenWorldHeight < this.parent.screenHeight ? this.calcUnderflowY() : -s.y : t.bottom && this.bottom && (o = this.parent.screenWorldHeight < this.parent.screenHeight ? this.calcUnderflowY() : -h.y), o !== null && this.parent.y !== o && (this.toY = { time: 0, start: this.parent.y, delta: o - this.parent.y, end: o }, this.parent.emit("bounce-y-start", this.parent));
+      }
+    }
+  }
+  reset() {
+    this.toX = this.toY = null, this.bounce();
+  }
+}
+const A = {
+  left: !1,
+  right: !1,
+  top: !1,
+  bottom: !1,
+  direction: null,
+  underflow: "center"
+};
+class D extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, A, e), this.options.direction && (this.options.left = this.options.direction === "x" || this.options.direction === "all" ? !0 : null, this.options.right = this.options.direction === "x" || this.options.direction === "all" ? !0 : null, this.options.top = this.options.direction === "y" || this.options.direction === "all" ? !0 : null, this.options.bottom = this.options.direction === "y" || this.options.direction === "all" ? !0 : null), this.parseUnderflow(), this.last = { x: null, y: null, scaleX: null, scaleY: null }, this.update();
+  }
+  parseUnderflow() {
+    const t = this.options.underflow.toLowerCase();
+    t === "none" ? this.noUnderflow = !0 : t === "center" ? (this.underflowX = this.underflowY = 0, this.noUnderflow = !1) : (this.underflowX = t.indexOf("left") !== -1 ? -1 : t.indexOf("right") !== -1 ? 1 : 0, this.underflowY = t.indexOf("top") !== -1 ? -1 : t.indexOf("bottom") !== -1 ? 1 : 0, this.noUnderflow = !1);
+  }
+  move() {
+    return this.update(), !1;
+  }
+  update() {
+    if (this.paused || this.parent.x === this.last.x && this.parent.y === this.last.y && this.parent.scale.x === this.last.scaleX && this.parent.scale.y === this.last.scaleY)
+      return;
+    const t = { x: this.parent.x, y: this.parent.y }, e = this.parent.plugins.decelerate || {};
+    if (this.options.left !== null || this.options.right !== null) {
+      let n = !1;
+      if (!this.noUnderflow && this.parent.screenWorldWidth < this.parent.screenWidth)
+        switch (this.underflowX) {
+          case -1:
+            this.parent.x !== 0 && (this.parent.x = 0, n = !0);
+            break;
+          case 1:
+            this.parent.x !== this.parent.screenWidth - this.parent.screenWorldWidth && (this.parent.x = this.parent.screenWidth - this.parent.screenWorldWidth, n = !0);
+            break;
+          default:
+            this.parent.x !== (this.parent.screenWidth - this.parent.screenWorldWidth) / 2 && (this.parent.x = (this.parent.screenWidth - this.parent.screenWorldWidth) / 2, n = !0);
+        }
+      else
+        this.options.left !== null && this.parent.left < (this.options.left === !0 ? 0 : this.options.left) && (this.parent.x = -(this.options.left === !0 ? 0 : this.options.left) * this.parent.scale.x, e.x = 0, n = !0), this.options.right !== null && this.parent.right > (this.options.right === !0 ? this.parent.worldWidth : this.options.right) && (this.parent.x = -(this.options.right === !0 ? this.parent.worldWidth : this.options.right) * this.parent.scale.x + this.parent.screenWidth, e.x = 0, n = !0);
+      n && this.parent.emit("moved", { viewport: this.parent, original: t, type: "clamp-x" });
+    }
+    if (this.options.top !== null || this.options.bottom !== null) {
+      let n = !1;
+      if (!this.noUnderflow && this.parent.screenWorldHeight < this.parent.screenHeight)
+        switch (this.underflowY) {
+          case -1:
+            this.parent.y !== 0 && (this.parent.y = 0, n = !0);
+            break;
+          case 1:
+            this.parent.y !== this.parent.screenHeight - this.parent.screenWorldHeight && (this.parent.y = this.parent.screenHeight - this.parent.screenWorldHeight, n = !0);
+            break;
+          default:
+            this.parent.y !== (this.parent.screenHeight - this.parent.screenWorldHeight) / 2 && (this.parent.y = (this.parent.screenHeight - this.parent.screenWorldHeight) / 2, n = !0);
+        }
+      else
+        this.options.top !== null && this.parent.top < (this.options.top === !0 ? 0 : this.options.top) && (this.parent.y = -(this.options.top === !0 ? 0 : this.options.top) * this.parent.scale.y, e.y = 0, n = !0), this.options.bottom !== null && this.parent.bottom > (this.options.bottom === !0 ? this.parent.worldHeight : this.options.bottom) && (this.parent.y = -(this.options.bottom === !0 ? this.parent.worldHeight : this.options.bottom) * this.parent.scale.y + this.parent.screenHeight, e.y = 0, n = !0);
+      n && this.parent.emit("moved", { viewport: this.parent, original: t, type: "clamp-y" });
+    }
+    this.last.x = this.parent.x, this.last.y = this.parent.y, this.last.scaleX = this.parent.scale.x, this.last.scaleY = this.parent.scale.y;
+  }
+  reset() {
+    this.update();
+  }
+}
+const L = {
+  minWidth: null,
+  minHeight: null,
+  maxWidth: null,
+  maxHeight: null,
+  minScale: null,
+  maxScale: null
+};
+class T extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, L, e), this.clamp();
+  }
+  resize() {
+    this.clamp();
+  }
+  clamp() {
+    if (!this.paused) {
+      if (this.options.minWidth || this.options.minHeight || this.options.maxWidth || this.options.maxHeight) {
+        let t = this.parent.worldScreenWidth, e = this.parent.worldScreenHeight;
+        if (this.options.minWidth !== null && t < this.options.minWidth) {
+          const n = this.parent.scale.x;
+          this.parent.fitWidth(this.options.minWidth, !1, !1, !0), this.parent.scale.y *= this.parent.scale.x / n, t = this.parent.worldScreenWidth, e = this.parent.worldScreenHeight, this.parent.emit("zoomed", { viewport: this.parent, type: "clamp-zoom" });
+        }
+        if (this.options.maxWidth !== null && t > this.options.maxWidth) {
+          const n = this.parent.scale.x;
+          this.parent.fitWidth(this.options.maxWidth, !1, !1, !0), this.parent.scale.y *= this.parent.scale.x / n, t = this.parent.worldScreenWidth, e = this.parent.worldScreenHeight, this.parent.emit("zoomed", { viewport: this.parent, type: "clamp-zoom" });
+        }
+        if (this.options.minHeight !== null && e < this.options.minHeight) {
+          const n = this.parent.scale.y;
+          this.parent.fitHeight(this.options.minHeight, !1, !1, !0), this.parent.scale.x *= this.parent.scale.y / n, t = this.parent.worldScreenWidth, e = this.parent.worldScreenHeight, this.parent.emit("zoomed", { viewport: this.parent, type: "clamp-zoom" });
+        }
+        if (this.options.maxHeight !== null && e > this.options.maxHeight) {
+          const n = this.parent.scale.y;
+          this.parent.fitHeight(this.options.maxHeight, !1, !1, !0), this.parent.scale.x *= this.parent.scale.y / n, this.parent.emit("zoomed", { viewport: this.parent, type: "clamp-zoom" });
+        }
+      } else if (this.options.minScale || this.options.maxScale) {
+        const t = { x: null, y: null }, e = { x: null, y: null };
+        if (typeof this.options.minScale == "number")
+          t.x = this.options.minScale, t.y = this.options.minScale;
+        else if (this.options.minScale !== null) {
+          const s = this.options.minScale;
+          t.x = typeof s.x > "u" ? null : s.x, t.y = typeof s.y > "u" ? null : s.y;
+        }
+        if (typeof this.options.maxScale == "number")
+          e.x = this.options.maxScale, e.y = this.options.maxScale;
+        else if (this.options.maxScale !== null) {
+          const s = this.options.maxScale;
+          e.x = typeof s.x > "u" ? null : s.x, e.y = typeof s.y > "u" ? null : s.y;
+        }
+        let n = this.parent.scale.x, i = this.parent.scale.y;
+        t.x !== null && n < t.x && (n = t.x), e.x !== null && n > e.x && (n = e.x), t.y !== null && i < t.y && (i = t.y), e.y !== null && i > e.y && (i = e.y), (n !== this.parent.scale.x || i !== this.parent.scale.y) && (this.parent.scale.set(n, i), this.parent.emit("zoomed", { viewport: this.parent, type: "clamp-zoom" }));
+      }
+    }
+  }
+  reset() {
+    this.clamp();
+  }
+}
+const E = {
+  friction: 0.98,
+  bounce: 0.8,
+  minSpeed: 0.01
+}, m = 16;
+class V extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, E, e), this.saved = [], this.timeSinceRelease = 0, this.reset(), this.parent.on("moved", (n) => this.moved(n));
+  }
+  down() {
+    return this.saved = [], this.x = this.y = null, !1;
+  }
+  isActive() {
+    return !!(this.x || this.y);
+  }
+  move() {
+    if (this.paused)
+      return !1;
+    const t = this.parent.input.count();
+    return (t === 1 || t > 1 && !this.parent.plugins.get("pinch", !0)) && (this.saved.push({ x: this.parent.x, y: this.parent.y, time: performance.now() }), this.saved.length > 60 && this.saved.splice(0, 30)), !1;
+  }
+  moved(t) {
+    if (this.saved.length) {
+      const e = this.saved[this.saved.length - 1];
+      t.type === "clamp-x" ? e.x === t.original.x && (e.x = this.parent.x) : t.type === "clamp-y" && e.y === t.original.y && (e.y = this.parent.y);
+    }
+  }
+  up() {
+    if (this.parent.input.count() === 0 && this.saved.length) {
+      const t = performance.now();
+      for (const e of this.saved)
+        if (e.time >= t - 100) {
+          const n = t - e.time;
+          this.x = (this.parent.x - e.x) / n, this.y = (this.parent.y - e.y) / n, this.percentChangeX = this.percentChangeY = this.options.friction, this.timeSinceRelease = 0;
+          break;
+        }
+    }
+    return !1;
+  }
+  activate(t) {
+    t = t || {}, typeof t.x < "u" && (this.x = t.x, this.percentChangeX = this.options.friction), typeof t.y < "u" && (this.y = t.y, this.percentChangeY = this.options.friction);
+  }
+  update(t) {
+    if (this.paused)
+      return;
+    const e = this.x || this.y, n = this.timeSinceRelease, i = this.timeSinceRelease + t;
+    if (this.x) {
+      const s = this.percentChangeX, h = Math.log(s);
+      this.parent.x += this.x * m / h * (Math.pow(s, i / m) - Math.pow(s, n / m)), this.x *= Math.pow(this.percentChangeX, t / m);
+    }
+    if (this.y) {
+      const s = this.percentChangeY, h = Math.log(s);
+      this.parent.y += this.y * m / h * (Math.pow(s, i / m) - Math.pow(s, n / m)), this.y *= Math.pow(this.percentChangeY, t / m);
+    }
+    this.timeSinceRelease += t, this.x && this.y ? Math.abs(this.x) < this.options.minSpeed && Math.abs(this.y) < this.options.minSpeed && (this.x = 0, this.y = 0) : (Math.abs(this.x || 0) < this.options.minSpeed && (this.x = 0), Math.abs(this.y || 0) < this.options.minSpeed && (this.y = 0)), e && this.parent.emit("moved", { viewport: this.parent, type: "decelerate" });
+  }
+  reset() {
+    this.x = this.y = null;
+  }
+}
+const B = {
+  direction: "all",
+  pressDrag: !0,
+  wheel: !0,
+  wheelScroll: 1,
+  reverse: !1,
+  clampWheel: !1,
+  underflow: "center",
+  factor: 1,
+  mouseButtons: "all",
+  keyToPress: null,
+  ignoreKeyToPressOnTouch: !1,
+  lineHeight: 20,
+  wheelSwapAxes: !1
+};
+class M extends d {
+  __init() {
+    this.windowEventHandlers = new Array();
+  }
+  constructor(t, e = {}) {
+    super(t), M.prototype.__init.call(this), this.options = Object.assign({}, B, e), this.moved = !1, this.reverse = this.options.reverse ? 1 : -1, this.xDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "x", this.yDirection = !this.options.direction || this.options.direction === "all" || this.options.direction === "y", this.keyIsPressed = !1, this.parseUnderflow(), this.mouseButtons(this.options.mouseButtons), this.options.keyToPress && this.handleKeyPresses(this.options.keyToPress);
+  }
+  handleKeyPresses(t) {
+    const e = (i) => {
+      t.includes(i.code) && (this.keyIsPressed = !0);
+    }, n = (i) => {
+      t.includes(i.code) && (this.keyIsPressed = !1);
+    };
+    this.addWindowEventHandler("keyup", n), this.addWindowEventHandler("keydown", e);
+  }
+  addWindowEventHandler(t, e) {
+    window.addEventListener(t, e), this.windowEventHandlers.push({ event: t, handler: e });
+  }
+  destroy() {
+    this.windowEventHandlers.forEach(({ event: t, handler: e }) => {
+      window.removeEventListener(t, e);
+    });
+  }
+  mouseButtons(t) {
+    !t || t === "all" ? this.mouse = [!0, !0, !0] : this.mouse = [
+      t.indexOf("left") !== -1,
+      t.indexOf("middle") !== -1,
+      t.indexOf("right") !== -1
+    ];
+  }
+  parseUnderflow() {
+    const t = this.options.underflow.toLowerCase();
+    t === "center" ? (this.underflowX = 0, this.underflowY = 0) : (t.includes("left") ? this.underflowX = -1 : t.includes("right") ? this.underflowX = 1 : this.underflowX = 0, t.includes("top") ? this.underflowY = -1 : t.includes("bottom") ? this.underflowY = 1 : this.underflowY = 0);
+  }
+  checkButtons(t) {
+    const e = t.data.pointerType === "mouse", n = this.parent.input.count();
+    return !!((n === 1 || n > 1 && !this.parent.plugins.get("pinch", !0)) && (!e || this.mouse[t.data.button]));
+  }
+  checkKeyPress(t) {
+    return !this.options.keyToPress || this.keyIsPressed || this.options.ignoreKeyToPressOnTouch && t.data.pointerType === "touch";
+  }
+  down(t) {
+    return this.paused || !this.options.pressDrag ? !1 : this.checkButtons(t) && this.checkKeyPress(t) ? (this.last = { x: t.data.global.x, y: t.data.global.y }, this.current = t.data.pointerId, !0) : (this.last = null, !1);
+  }
+  get active() {
+    return this.moved;
+  }
+  move(t) {
+    if (this.paused || !this.options.pressDrag)
+      return !1;
+    if (this.last && this.current === t.data.pointerId) {
+      const e = t.data.global.x, n = t.data.global.y, i = this.parent.input.count();
+      if (i === 1 || i > 1 && !this.parent.plugins.get("pinch", !0)) {
+        const s = e - this.last.x, h = n - this.last.y;
+        if (this.moved || this.xDirection && this.parent.input.checkThreshold(s) || this.yDirection && this.parent.input.checkThreshold(h)) {
+          const o = { x: e, y: n };
+          return this.xDirection && (this.parent.x += (o.x - this.last.x) * this.options.factor), this.yDirection && (this.parent.y += (o.y - this.last.y) * this.options.factor), this.last = o, this.moved || this.parent.emit("drag-start", {
+            event: t,
+            screen: new c(this.last.x, this.last.y),
+            world: this.parent.toWorld(new c(this.last.x, this.last.y)),
+            viewport: this.parent
+          }), this.moved = !0, this.parent.emit("moved", { viewport: this.parent, type: "drag" }), !0;
+        }
+      } else
+        this.moved = !1;
+    }
+    return !1;
+  }
+  up(t) {
+    if (this.paused)
+      return !1;
+    const e = this.parent.input.touches;
+    if (e.length === 1) {
+      const n = e[0];
+      return n.last && (this.last = { x: n.last.x, y: n.last.y }, this.current = n.id), this.moved = !1, !0;
+    } else if (this.last && this.moved) {
+      const n = new c(this.last.x, this.last.y);
+      return this.parent.emit("drag-end", {
+        event: t,
+        screen: n,
+        world: this.parent.toWorld(n),
+        viewport: this.parent
+      }), this.last = null, this.moved = !1, !0;
+    }
+    return !1;
+  }
+  wheel(t) {
+    if (this.paused)
+      return !1;
+    if (this.options.wheel) {
+      const e = this.parent.plugins.get("wheel", !0);
+      if (!e || !e.options.wheelZoom && !t.ctrlKey) {
+        const n = t.deltaMode ? this.options.lineHeight : 1, i = [t.deltaX, t.deltaY], [s, h] = this.options.wheelSwapAxes ? i.reverse() : i;
+        return this.xDirection && (this.parent.x += s * n * this.options.wheelScroll * this.reverse), this.yDirection && (this.parent.y += h * n * this.options.wheelScroll * this.reverse), this.options.clampWheel && this.clamp(), this.parent.emit("wheel-scroll", this.parent), this.parent.emit("moved", { viewport: this.parent, type: "wheel" }), this.parent.options.passiveWheel || t.preventDefault(), this.parent.options.stopPropagation && t.stopPropagation(), !0;
+      }
+    }
+    return !1;
+  }
+  resume() {
+    this.last = null, this.paused = !1;
+  }
+  clamp() {
+    const t = this.parent.plugins.get("decelerate", !0) || {};
+    if (this.options.clampWheel !== "y")
+      if (this.parent.screenWorldWidth < this.parent.screenWidth)
+        switch (this.underflowX) {
+          case -1:
+            this.parent.x = 0;
+            break;
+          case 1:
+            this.parent.x = this.parent.screenWidth - this.parent.screenWorldWidth;
+            break;
+          default:
+            this.parent.x = (this.parent.screenWidth - this.parent.screenWorldWidth) / 2;
+        }
+      else
+        this.parent.left < 0 ? (this.parent.x = 0, t.x = 0) : this.parent.right > this.parent.worldWidth && (this.parent.x = -this.parent.worldWidth * this.parent.scale.x + this.parent.screenWidth, t.x = 0);
+    if (this.options.clampWheel !== "x")
+      if (this.parent.screenWorldHeight < this.parent.screenHeight)
+        switch (this.underflowY) {
+          case -1:
+            this.parent.y = 0;
+            break;
+          case 1:
+            this.parent.y = this.parent.screenHeight - this.parent.screenWorldHeight;
+            break;
+          default:
+            this.parent.y = (this.parent.screenHeight - this.parent.screenWorldHeight) / 2;
+        }
+      else
+        this.parent.top < 0 && (this.parent.y = 0, t.y = 0), this.parent.bottom > this.parent.worldHeight && (this.parent.y = -this.parent.worldHeight * this.parent.scale.y + this.parent.screenHeight, t.y = 0);
+  }
+}
+const q = {
+  speed: 0,
+  acceleration: null,
+  radius: null
+};
+class U extends d {
+  constructor(t, e, n = {}) {
+    super(t), this.target = e, this.options = Object.assign({}, q, n), this.velocity = { x: 0, y: 0 };
+  }
+  update(t) {
+    if (this.paused)
+      return;
+    const e = this.parent.center;
+    let n = this.target.x, i = this.target.y;
+    if (this.options.radius)
+      if (Math.sqrt(Math.pow(this.target.y - e.y, 2) + Math.pow(this.target.x - e.x, 2)) > this.options.radius) {
+        const o = Math.atan2(this.target.y - e.y, this.target.x - e.x);
+        n = this.target.x - Math.cos(o) * this.options.radius, i = this.target.y - Math.sin(o) * this.options.radius;
+      } else
+        return;
+    const s = n - e.x, h = i - e.y;
+    if (s || h)
+      if (this.options.speed)
+        if (this.options.acceleration) {
+          const o = Math.atan2(i - e.y, n - e.x), r = Math.sqrt(Math.pow(s, 2) + Math.pow(h, 2));
+          if (r) {
+            const a = (Math.pow(this.velocity.x, 2) + Math.pow(this.velocity.y, 2)) / (2 * this.options.acceleration);
+            r > a ? this.velocity = {
+              x: Math.min(this.velocity.x + (this.options.acceleration * t, this.options.speed)),
+              y: Math.min(this.velocity.y + (this.options.acceleration * t, this.options.speed))
+            } : this.velocity = {
+              x: Math.max(this.velocity.x - this.options.acceleration * this.options.speed, 0),
+              y: Math.max(this.velocity.y - this.options.acceleration * this.options.speed, 0)
+            };
+            const l = Math.cos(o) * this.velocity.x, g = Math.sin(o) * this.velocity.y, f = Math.abs(l) > Math.abs(s) ? n : e.x + l, x = Math.abs(g) > Math.abs(h) ? i : e.y + g;
+            this.parent.moveCenter(f, x), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
+          }
+        } else {
+          const o = Math.atan2(i - e.y, n - e.x), r = Math.cos(o) * this.options.speed, a = Math.sin(o) * this.options.speed, l = Math.abs(r) > Math.abs(s) ? n : e.x + r, g = Math.abs(a) > Math.abs(h) ? i : e.y + a;
+          this.parent.moveCenter(l, g), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
+        }
+      else
+        this.parent.moveCenter(n, i), this.parent.emit("moved", { viewport: this.parent, type: "follow" });
+  }
+}
+const j = {
+  radius: null,
+  distance: null,
+  top: null,
+  bottom: null,
+  left: null,
+  right: null,
+  speed: 8,
+  reverse: !1,
+  noDecelerate: !1,
+  linear: !1,
+  allowButtons: !1
+};
+class Z extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, j, e), this.reverse = this.options.reverse ? 1 : -1, this.radiusSquared = typeof this.options.radius == "number" ? Math.pow(this.options.radius, 2) : null, this.resize();
+  }
+  resize() {
+    const t = this.options.distance;
+    t !== null ? (this.left = t, this.top = t, this.right = this.parent.screenWidth - t, this.bottom = this.parent.screenHeight - t) : this.options.radius || (this.left = this.options.left, this.top = this.options.top, this.right = this.options.right === null ? null : this.parent.screenWidth - this.options.right, this.bottom = this.options.bottom === null ? null : this.parent.screenHeight - this.options.bottom);
+  }
+  down() {
+    return this.paused || this.options.allowButtons || (this.horizontal = this.vertical = null), !1;
+  }
+  move(t) {
+    if (this.paused || t.data.pointerType !== "mouse" && t.data.identifier !== 1 || !this.options.allowButtons && t.data.buttons !== 0)
+      return !1;
+    const e = t.data.global.x, n = t.data.global.y;
+    if (this.radiusSquared) {
+      const i = this.parent.toScreen(this.parent.center);
+      if (Math.pow(i.x - e, 2) + Math.pow(i.y - n, 2) >= this.radiusSquared) {
+        const s = Math.atan2(i.y - n, i.x - e);
+        this.options.linear ? (this.horizontal = Math.round(Math.cos(s)) * this.options.speed * this.reverse * (60 / 1e3), this.vertical = Math.round(Math.sin(s)) * this.options.speed * this.reverse * (60 / 1e3)) : (this.horizontal = Math.cos(s) * this.options.speed * this.reverse * (60 / 1e3), this.vertical = Math.sin(s) * this.options.speed * this.reverse * (60 / 1e3));
+      } else
+        this.horizontal && this.decelerateHorizontal(), this.vertical && this.decelerateVertical(), this.horizontal = this.vertical = 0;
+    } else
+      this.left !== null && e < this.left ? this.horizontal = Number(this.reverse) * this.options.speed * (60 / 1e3) : this.right !== null && e > this.right ? this.horizontal = -1 * this.reverse * this.options.speed * (60 / 1e3) : (this.decelerateHorizontal(), this.horizontal = 0), this.top !== null && n < this.top ? this.vertical = Number(this.reverse) * this.options.speed * (60 / 1e3) : this.bottom !== null && n > this.bottom ? this.vertical = -1 * this.reverse * this.options.speed * (60 / 1e3) : (this.decelerateVertical(), this.vertical = 0);
+    return !1;
+  }
+  decelerateHorizontal() {
+    const t = this.parent.plugins.get("decelerate", !0);
+    this.horizontal && t && !this.options.noDecelerate && t.activate({ x: this.horizontal * this.options.speed * this.reverse / (1e3 / 60) });
+  }
+  decelerateVertical() {
+    const t = this.parent.plugins.get("decelerate", !0);
+    this.vertical && t && !this.options.noDecelerate && t.activate({ y: this.vertical * this.options.speed * this.reverse / (1e3 / 60) });
+  }
+  up() {
+    return this.paused || (this.horizontal && this.decelerateHorizontal(), this.vertical && this.decelerateVertical(), this.horizontal = this.vertical = null), !1;
+  }
+  update() {
+    if (!this.paused && (this.horizontal || this.vertical)) {
+      const t = this.parent.center;
+      this.horizontal && (t.x += this.horizontal * this.options.speed), this.vertical && (t.y += this.vertical * this.options.speed), this.parent.moveCenter(t), this.parent.emit("moved", { viewport: this.parent, type: "mouse-edges" });
+    }
+  }
+}
+const F = {
+  noDrag: !1,
+  percent: 1,
+  center: null,
+  factor: 1,
+  axis: "all"
+};
+class y extends d {
+  __init() {
+    this.active = !1;
+  }
+  __init2() {
+    this.pinching = !1;
+  }
+  __init3() {
+    this.moved = !1;
+  }
+  constructor(t, e = {}) {
+    super(t), y.prototype.__init.call(this), y.prototype.__init2.call(this), y.prototype.__init3.call(this), this.options = Object.assign({}, F, e);
+  }
+  down() {
+    return this.parent.input.count() >= 2 ? (this.active = !0, !0) : !1;
+  }
+  isAxisX() {
+    return ["all", "x"].includes(this.options.axis);
+  }
+  isAxisY() {
+    return ["all", "y"].includes(this.options.axis);
+  }
+  move(t) {
+    if (this.paused || !this.active)
+      return !1;
+    const e = t.data.global.x, n = t.data.global.y, i = this.parent.input.touches;
+    if (i.length >= 2) {
+      const s = i[0], h = i[1], o = s.last && h.last ? Math.sqrt(Math.pow(h.last.x - s.last.x, 2) + Math.pow(h.last.y - s.last.y, 2)) : null;
+      if (s.id === t.data.pointerId ? s.last = { x: e, y: n, data: t.data } : h.id === t.data.pointerId && (h.last = { x: e, y: n, data: t.data }), o) {
+        let r;
+        const a = {
+          x: s.last.x + (h.last.x - s.last.x) / 2,
+          y: s.last.y + (h.last.y - s.last.y) / 2
+        };
+        this.options.center || (r = this.parent.toLocal(a));
+        let l = Math.sqrt(Math.pow(
+          h.last.x - s.last.x,
+          2
+        ) + Math.pow(h.last.y - s.last.y, 2));
+        l = l === 0 ? l = 1e-10 : l;
+        const g = (1 - o / l) * this.options.percent * (this.isAxisX() ? this.parent.scale.x : this.parent.scale.y);
+        this.isAxisX() && (this.parent.scale.x += g), this.isAxisY() && (this.parent.scale.y += g), this.parent.emit("zoomed", { viewport: this.parent, type: "pinch", center: a });
+        const f = this.parent.plugins.get("clamp-zoom", !0);
+        if (f && f.clamp(), this.options.center)
+          this.parent.moveCenter(this.options.center);
+        else {
+          const x = this.parent.toGlobal(r);
+          this.parent.x += (a.x - x.x) * this.options.factor, this.parent.y += (a.y - x.y) * this.options.factor, this.parent.emit("moved", { viewport: this.parent, type: "pinch" });
+        }
+        !this.options.noDrag && this.lastCenter && (this.parent.x += (a.x - this.lastCenter.x) * this.options.factor, this.parent.y += (a.y - this.lastCenter.y) * this.options.factor, this.parent.emit("moved", { viewport: this.parent, type: "pinch" })), this.lastCenter = a, this.moved = !0;
+      } else
+        this.pinching || (this.parent.emit("pinch-start", this.parent), this.pinching = !0);
+      return !0;
+    }
+    return !1;
+  }
+  up() {
+    return this.pinching && this.parent.input.touches.length <= 1 ? (this.active = !1, this.lastCenter = null, this.pinching = !1, this.moved = !1, this.parent.emit("pinch-end", this.parent), !0) : !1;
+  }
+}
+const K = {
+  topLeft: !1,
+  friction: 0.8,
+  time: 1e3,
+  ease: "easeInOutSine",
+  interrupt: !0,
+  removeOnComplete: !1,
+  removeOnInterrupt: !1,
+  forceStart: !1
+};
+class Q extends d {
+  constructor(t, e, n, i = {}) {
+    super(t), this.options = Object.assign({}, K, i), this.ease = H(i.ease, "easeInOutSine"), this.x = e, this.y = n, this.options.forceStart && this.snapStart();
+  }
+  snapStart() {
+    this.percent = 0, this.snapping = { time: 0 };
+    const t = this.options.topLeft ? this.parent.corner : this.parent.center;
+    this.deltaX = this.x - t.x, this.deltaY = this.y - t.y, this.startX = t.x, this.startY = t.y, this.parent.emit("snap-start", this.parent);
+  }
+  wheel() {
+    return this.options.removeOnInterrupt && this.parent.plugins.remove("snap"), !1;
+  }
+  down() {
+    return this.options.removeOnInterrupt ? this.parent.plugins.remove("snap") : this.options.interrupt && (this.snapping = null), !1;
+  }
+  up() {
+    if (this.parent.input.count() === 0) {
+      const t = this.parent.plugins.get("decelerate", !0);
+      t && (t.x || t.y) && (t.percentChangeX = t.percentChangeY = this.options.friction);
+    }
+    return !1;
+  }
+  update(t) {
+    if (!this.paused && !(this.options.interrupt && this.parent.input.count() !== 0))
+      if (this.snapping) {
+        const e = this.snapping;
+        e.time += t;
+        let n, i, s;
+        const h = this.startX, o = this.startY, r = this.deltaX, a = this.deltaY;
+        if (e.time > this.options.time)
+          n = !0, i = h + r, s = o + a;
+        else {
+          const l = this.ease(e.time, 0, 1, this.options.time);
+          i = h + r * l, s = o + a * l;
+        }
+        this.options.topLeft ? this.parent.moveCorner(i, s) : this.parent.moveCenter(i, s), this.parent.emit("moved", { viewport: this.parent, type: "snap" }), n && (this.options.removeOnComplete && this.parent.plugins.remove("snap"), this.parent.emit("snap-end", this.parent), this.snapping = null);
+      } else {
+        const e = this.options.topLeft ? this.parent.corner : this.parent.center;
+        (e.x !== this.x || e.y !== this.y) && this.snapStart();
+      }
+  }
+}
+const R = {
+  width: 0,
+  height: 0,
+  time: 1e3,
+  ease: "easeInOutSine",
+  center: null,
+  interrupt: !0,
+  removeOnComplete: !1,
+  removeOnInterrupt: !1,
+  forceStart: !1,
+  noMove: !1
+};
+class G extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, R, e), this.ease = H(this.options.ease), this.xIndependent = !1, this.yIndependent = !1, this.xScale = 0, this.yScale = 0, this.options.width > 0 && (this.xScale = t.screenWidth / this.options.width, this.xIndependent = !0), this.options.height > 0 && (this.yScale = t.screenHeight / this.options.height, this.yIndependent = !0), this.xScale = this.xIndependent ? this.xScale : this.yScale, this.yScale = this.yIndependent ? this.yScale : this.xScale, this.options.time === 0 ? (t.container.scale.x = this.xScale, t.container.scale.y = this.yScale, this.options.removeOnComplete && this.parent.plugins.remove("snap-zoom")) : e.forceStart && this.createSnapping();
+  }
+  createSnapping() {
+    const t = this.parent.worldScreenWidth, e = this.parent.worldScreenHeight, n = this.parent.screenWidth / this.xScale, i = this.parent.screenHeight / this.yScale;
+    this.snapping = {
+      time: 0,
+      startX: t,
+      startY: e,
+      deltaX: n - t,
+      deltaY: i - e
+    }, this.parent.emit("snap-zoom-start", this.parent);
+  }
+  resize() {
+    this.snapping = null, this.options.width > 0 && (this.xScale = this.parent.screenWidth / this.options.width), this.options.height > 0 && (this.yScale = this.parent.screenHeight / this.options.height), this.xScale = this.xIndependent ? this.xScale : this.yScale, this.yScale = this.yIndependent ? this.yScale : this.xScale;
+  }
+  wheel() {
+    return this.options.removeOnInterrupt && this.parent.plugins.remove("snap-zoom"), !1;
+  }
+  down() {
+    return this.options.removeOnInterrupt ? this.parent.plugins.remove("snap-zoom") : this.options.interrupt && (this.snapping = null), !1;
+  }
+  update(t) {
+    if (this.paused || this.options.interrupt && this.parent.input.count() !== 0)
+      return;
+    let e;
+    if (!this.options.center && !this.options.noMove && (e = this.parent.center), !this.snapping)
+      (this.parent.scale.x !== this.xScale || this.parent.scale.y !== this.yScale) && this.createSnapping();
+    else if (this.snapping) {
+      const n = this.snapping;
+      if (n.time += t, n.time >= this.options.time)
+        this.parent.scale.set(this.xScale, this.yScale), this.options.removeOnComplete && this.parent.plugins.remove("snap-zoom"), this.parent.emit("snap-zoom-end", this.parent), this.snapping = null;
+      else {
+        const s = this.snapping, h = this.ease(s.time, s.startX, s.deltaX, this.options.time), o = this.ease(s.time, s.startY, s.deltaY, this.options.time);
+        this.parent.scale.x = this.parent.screenWidth / h, this.parent.scale.y = this.parent.screenHeight / o;
+      }
+      const i = this.parent.plugins.get("clamp-zoom", !0);
+      i && i.clamp(), this.options.noMove || (this.options.center ? this.parent.moveCenter(this.options.center) : this.parent.moveCenter(e));
+    }
+  }
+  resume() {
+    this.snapping = null, super.resume();
+  }
+}
+const N = {
+  percent: 0.1,
+  smooth: !1,
+  interrupt: !0,
+  reverse: !1,
+  center: null,
+  lineHeight: 20,
+  axis: "all",
+  keyToPress: null,
+  trackpadPinch: !1,
+  wheelZoom: !0
+};
+class $ extends d {
+  constructor(t, e = {}) {
+    super(t), this.options = Object.assign({}, N, e), this.keyIsPressed = !1, this.options.keyToPress && this.handleKeyPresses(this.options.keyToPress);
+  }
+  handleKeyPresses(t) {
+    window.addEventListener("keydown", (e) => {
+      t.includes(e.code) && (this.keyIsPressed = !0);
+    }), window.addEventListener("keyup", (e) => {
+      t.includes(e.code) && (this.keyIsPressed = !1);
+    });
+  }
+  checkKeyPress() {
+    return !this.options.keyToPress || this.keyIsPressed;
+  }
+  down() {
+    return this.options.interrupt && (this.smoothing = null), !1;
+  }
+  isAxisX() {
+    return ["all", "x"].includes(this.options.axis);
+  }
+  isAxisY() {
+    return ["all", "y"].includes(this.options.axis);
+  }
+  update() {
+    if (this.smoothing) {
+      const t = this.smoothingCenter, e = this.smoothing;
+      let n;
+      this.options.center || (n = this.parent.toLocal(t)), this.isAxisX() && (this.parent.scale.x += e.x), this.isAxisY() && (this.parent.scale.y += e.y), this.parent.emit("zoomed", { viewport: this.parent, type: "wheel" });
+      const i = this.parent.plugins.get("clamp-zoom", !0);
+      if (i && i.clamp(), this.options.center)
+        this.parent.moveCenter(this.options.center);
+      else {
+        const s = this.parent.toGlobal(n);
+        this.parent.x += t.x - s.x, this.parent.y += t.y - s.y;
+      }
+      this.parent.emit("moved", { viewport: this.parent, type: "wheel" }), this.smoothingCount++, this.smoothingCount >= this.options.smooth && (this.smoothing = null);
+    }
+  }
+  pinch(t) {
+    if (this.paused)
+      return;
+    const e = this.parent.input.getPointerPosition(t), n = -t.deltaY * (t.deltaMode ? this.options.lineHeight : 1) / 200, i = Math.pow(2, (1 + this.options.percent) * n);
+    let s;
+    this.options.center || (s = this.parent.toLocal(e)), this.isAxisX() && (this.parent.scale.x *= i), this.isAxisY() && (this.parent.scale.y *= i), this.parent.emit("zoomed", { viewport: this.parent, type: "wheel" });
+    const h = this.parent.plugins.get("clamp-zoom", !0);
+    if (h && h.clamp(), this.options.center)
+      this.parent.moveCenter(this.options.center);
+    else {
+      const o = this.parent.toGlobal(s);
+      this.parent.x += e.x - o.x, this.parent.y += e.y - o.y;
+    }
+    this.parent.emit("moved", { viewport: this.parent, type: "wheel" }), this.parent.emit(
+      "wheel",
+      { wheel: { dx: t.deltaX, dy: t.deltaY, dz: t.deltaZ }, event: t, viewport: this.parent }
+    );
+  }
+  wheel(t) {
+    if (this.paused || !this.checkKeyPress())
+      return !1;
+    if (t.ctrlKey && this.options.trackpadPinch)
+      this.pinch(t);
+    else if (this.options.wheelZoom) {
+      const e = this.parent.input.getPointerPosition(t), n = (this.options.reverse ? -1 : 1) * -t.deltaY * (t.deltaMode ? this.options.lineHeight : 1) / 500, i = Math.pow(2, (1 + this.options.percent) * n);
+      if (this.options.smooth) {
+        const s = {
+          x: this.smoothing ? this.smoothing.x * (this.options.smooth - this.smoothingCount) : 0,
+          y: this.smoothing ? this.smoothing.y * (this.options.smooth - this.smoothingCount) : 0
+        };
+        this.smoothing = {
+          x: ((this.parent.scale.x + s.x) * i - this.parent.scale.x) / this.options.smooth,
+          y: ((this.parent.scale.y + s.y) * i - this.parent.scale.y) / this.options.smooth
+        }, this.smoothingCount = 0, this.smoothingCenter = e;
+      } else {
+        let s;
+        this.options.center || (s = this.parent.toLocal(e)), this.isAxisX() && (this.parent.scale.x *= i), this.isAxisY() && (this.parent.scale.y *= i), this.parent.emit("zoomed", { viewport: this.parent, type: "wheel" });
+        const h = this.parent.plugins.get("clamp-zoom", !0);
+        if (h && h.clamp(), this.options.center)
+          this.parent.moveCenter(this.options.center);
+        else {
+          const o = this.parent.toGlobal(s);
+          this.parent.x += e.x - o.x, this.parent.y += e.y - o.y;
+        }
+      }
+      this.parent.emit("moved", { viewport: this.parent, type: "wheel" }), this.parent.emit(
+        "wheel",
+        { wheel: { dx: t.deltaX, dy: t.deltaY, dz: t.deltaZ }, event: t, viewport: this.parent }
+      );
+    }
+    return !this.parent.options.passiveWheel;
+  }
+}
+class J {
+  constructor(t) {
+    this.viewport = t, this.touches = [], this.addListeners();
+  }
+  addListeners() {
+    this.viewport.interactive = !0, this.viewport.forceHitArea || (this.viewport.hitArea = new b(0, 0, this.viewport.worldWidth, this.viewport.worldHeight)), this.viewport.on("pointerdown", this.down, this), this.viewport.on("pointermove", this.move, this), this.viewport.on("pointerup", this.up, this), this.viewport.on("pointerupoutside", this.up, this), this.viewport.on("pointercancel", this.up, this), this.viewport.on("pointerout", this.up, this), this.wheelFunction = (t) => this.handleWheel(t), this.viewport.options.divWheel.addEventListener(
+      "wheel",
+      this.wheelFunction,
+      { passive: this.viewport.options.passiveWheel }
+    ), this.isMouseDown = !1;
+  }
+  destroy() {
+    this.viewport.options.divWheel.removeEventListener("wheel", this.wheelFunction);
+  }
+  down(t) {
+    if (!(this.viewport.pause || !this.viewport.worldVisible)) {
+      if (t.data.pointerType === "mouse" ? this.isMouseDown = !0 : this.get(t.data.pointerId) || this.touches.push({ id: t.data.pointerId, last: null }), this.count() === 1) {
+        this.last = t.data.global.clone();
+        const e = this.viewport.plugins.get("decelerate", !0), n = this.viewport.plugins.get("bounce", !0);
+        (!e || !e.isActive()) && (!n || !n.isActive()) ? this.clickedAvailable = !0 : this.clickedAvailable = !1;
+      } else
+        this.clickedAvailable = !1;
+      this.viewport.plugins.down(t) && this.viewport.options.stopPropagation && t.stopPropagation();
+    }
+  }
+  clear() {
+    this.isMouseDown = !1, this.touches = [], this.last = null;
+  }
+  checkThreshold(t) {
+    return Math.abs(t) >= this.viewport.threshold;
+  }
+  move(t) {
+    if (this.viewport.pause || !this.viewport.worldVisible)
+      return;
+    const e = this.viewport.plugins.move(t);
+    if (this.clickedAvailable && this.last) {
+      const n = t.data.global.x - this.last.x, i = t.data.global.y - this.last.y;
+      (this.checkThreshold(n) || this.checkThreshold(i)) && (this.clickedAvailable = !1);
+    }
+    e && this.viewport.options.stopPropagation && t.stopPropagation();
+  }
+  up(t) {
+    if (this.viewport.pause || !this.viewport.worldVisible)
+      return;
+    t.data.pointerType === "mouse" && (this.isMouseDown = !1), t.data.pointerType !== "mouse" && this.remove(t.data.pointerId);
+    const e = this.viewport.plugins.up(t);
+    this.clickedAvailable && this.count() === 0 && this.last && (this.viewport.emit("clicked", {
+      event: t,
+      screen: this.last,
+      world: this.viewport.toWorld(this.last),
+      viewport: this
+    }), this.clickedAvailable = !1), e && this.viewport.options.stopPropagation && t.stopPropagation();
+  }
+  getPointerPosition(t) {
+    const e = new c();
+    if (this.viewport.options.interaction)
+      this.viewport.options.interaction.mapPositionToPoint(e, t.clientX, t.clientY);
+    else if (this.viewport.options.useDivWheelForInputManager && this.viewport.options.divWheel) {
+      const n = this.viewport.options.divWheel.getBoundingClientRect();
+      e.x = t.clientX - n.left, e.y = t.clientY - n.top;
+    } else
+      e.x = t.clientX, e.y = t.clientY;
+    return e;
+  }
+  handleWheel(t) {
+    if (this.viewport.pause || !this.viewport.worldVisible || this.viewport.options.interaction && this.viewport.options.interaction.interactionDOMElement !== t.target)
+      return;
+    const e = this.viewport.toLocal(this.getPointerPosition(t));
+    this.viewport.left <= e.x && e.x <= this.viewport.right && this.viewport.top <= e.y && e.y <= this.viewport.bottom && this.viewport.plugins.wheel(t) && !this.viewport.options.passiveWheel && t.preventDefault();
+  }
+  pause() {
+    this.touches = [], this.isMouseDown = !1;
+  }
+  get(t) {
+    for (const e of this.touches)
+      if (e.id === t)
+        return e;
+    return null;
+  }
+  remove(t) {
+    for (let e = 0; e < this.touches.length; e++)
+      if (this.touches[e].id === t) {
+        this.touches.splice(e, 1);
+        return;
+      }
+  }
+  count() {
+    return (this.isMouseDown ? 1 : 0) + this.touches.length;
+  }
+}
+function W(p) {
+  let t, e = p[0], n = 1;
+  for (; n < p.length; ) {
+    const i = p[n], s = p[n + 1];
+    if (n += 2, (i === "optionalAccess" || i === "optionalCall") && e == null)
+      return;
+    i === "access" || i === "optionalAccess" ? (t = e, e = s(e)) : (i === "call" || i === "optionalCall") && (e = s((...h) => e.call(t, ...h)), t = void 0);
+  }
+  return e;
+}
+const w = [
+  "drag",
+  "pinch",
+  "wheel",
+  "follow",
+  "mouse-edges",
+  "decelerate",
+  "animate",
+  "bounce",
+  "snap-zoom",
+  "clamp-zoom",
+  "snap",
+  "clamp"
+];
+class tt {
+  constructor(t) {
+    this.viewport = t, this.list = [], this.plugins = {};
+  }
+  add(t, e, n = w.length) {
+    const i = this.plugins[t];
+    i && i.destroy(), this.plugins[t] = e;
+    const s = w.indexOf(t);
+    s !== -1 && w.splice(s, 1), w.splice(n, 0, t), this.sort();
+  }
+  get(t, e) {
+    return e && W([this, "access", (n) => n.plugins, "access", (n) => n[t], "optionalAccess", (n) => n.paused]) ? null : this.plugins[t];
+  }
+  update(t) {
+    for (const e of this.list)
+      e.update(t);
+  }
+  resize() {
+    for (const t of this.list)
+      t.resize();
+  }
+  reset() {
+    for (const t of this.list)
+      t.reset();
+  }
+  removeAll() {
+    this.list.forEach((t) => {
+      t.destroy();
+    }), this.plugins = {}, this.sort();
+  }
+  remove(t) {
+    this.plugins[t] && (W([this, "access", (e) => e.plugins, "access", (e) => e[t], "optionalAccess", (e) => e.destroy, "call", (e) => e()]), delete this.plugins[t], this.viewport.emit(`${t}-remove`), this.sort());
+  }
+  pause(t) {
+    W([this, "access", (e) => e.plugins, "access", (e) => e[t], "optionalAccess", (e) => e.pause, "call", (e) => e()]);
+  }
+  resume(t) {
+    W([this, "access", (e) => e.plugins, "access", (e) => e[t], "optionalAccess", (e) => e.resume, "call", (e) => e()]);
+  }
+  sort() {
+    this.list = [];
+    for (const t of w)
+      this.plugins[t] && this.list.push(this.plugins[t]);
+  }
+  down(t) {
+    let e = !1;
+    for (const n of this.list)
+      n.down(t) && (e = !0);
+    return e;
+  }
+  move(t) {
+    let e = !1;
+    for (const n of this.viewport.plugins.list)
+      n.move(t) && (e = !0);
+    return e;
+  }
+  up(t) {
+    let e = !1;
+    for (const n of this.list)
+      n.up(t) && (e = !0);
+    return e;
+  }
+  wheel(t) {
+    let e = !1;
+    for (const n of this.list)
+      n.wheel(t) && (e = !0);
+    return e;
+  }
+}
+const et = {
+  screenWidth: window.innerWidth,
+  screenHeight: window.innerHeight,
+  worldWidth: null,
+  worldHeight: null,
+  threshold: 5,
+  passiveWheel: !0,
+  stopPropagation: !1,
+  forceHitArea: null,
+  noTicker: !1,
+  interaction: null,
+  disableOnContextMenu: !1,
+  ticker: O.shared
+};
+class C extends k {
+  __init() {
+    this._disableOnContextMenu = (t) => t.preventDefault();
+  }
+  constructor(t = {}) {
+    super(), C.prototype.__init.call(this), this.options = Object.assign(
+      {},
+      { divWheel: document.body },
+      et,
+      t
+    ), this.screenWidth = this.options.screenWidth, this.screenHeight = this.options.screenHeight, this._worldWidth = this.options.worldWidth, this._worldHeight = this.options.worldHeight, this.forceHitArea = this.options.forceHitArea, this.threshold = this.options.threshold, this.options.divWheel = this.options.divWheel || document.body, this.options.disableOnContextMenu && this.options.divWheel.addEventListener("contextmenu", this._disableOnContextMenu), this.options.noTicker || (this.tickerFunction = () => this.update(this.options.ticker.elapsedMS), this.options.ticker.add(this.tickerFunction)), this.input = new J(this), this.plugins = new tt(this);
+  }
+  destroy(t) {
+    !this.options.noTicker && this.tickerFunction && this.options.ticker.remove(this.tickerFunction), this.options.disableOnContextMenu && this.options.divWheel.removeEventListener("contextmenu", this._disableOnContextMenu), this.input.destroy(), super.destroy(t);
+  }
+  update(t) {
+    this.pause || (this.plugins.update(t), this.lastViewport && (this.lastViewport.x !== this.x || this.lastViewport.y !== this.y ? this.moving = !0 : this.moving && (this.emit("moved-end", this), this.moving = !1), this.lastViewport.scaleX !== this.scale.x || this.lastViewport.scaleY !== this.scale.y ? this.zooming = !0 : this.zooming && (this.emit("zoomed-end", this), this.zooming = !1)), this.forceHitArea || (this._hitAreaDefault = new b(this.left, this.top, this.worldScreenWidth, this.worldScreenHeight), this.hitArea = this._hitAreaDefault), this._dirty = this._dirty || !this.lastViewport || this.lastViewport.x !== this.x || this.lastViewport.y !== this.y || this.lastViewport.scaleX !== this.scale.x || this.lastViewport.scaleY !== this.scale.y, this.lastViewport = {
+      x: this.x,
+      y: this.y,
+      scaleX: this.scale.x,
+      scaleY: this.scale.y
+    }, this.emit("frame-end", this));
+  }
+  resize(t = window.innerWidth, e = window.innerHeight, n, i) {
+    this.screenWidth = t, this.screenHeight = e, typeof n < "u" && (this._worldWidth = n), typeof i < "u" && (this._worldHeight = i), this.plugins.resize(), this.dirty = !0;
+  }
+  get worldWidth() {
+    return this._worldWidth ? this._worldWidth : this.width / this.scale.x;
+  }
+  set worldWidth(t) {
+    this._worldWidth = t, this.plugins.resize();
+  }
+  get worldHeight() {
+    return this._worldHeight ? this._worldHeight : this.height / this.scale.y;
+  }
+  set worldHeight(t) {
+    this._worldHeight = t, this.plugins.resize();
+  }
+  getVisibleBounds() {
+    return new b(this.left, this.top, this.worldScreenWidth, this.worldScreenHeight);
+  }
+  toWorld(t, e) {
+    return arguments.length === 2 ? this.toLocal(new c(t, e)) : this.toLocal(t);
+  }
+  toScreen(t, e) {
+    return arguments.length === 2 ? this.toGlobal(new c(t, e)) : this.toGlobal(t);
+  }
+  get worldScreenWidth() {
+    return this.screenWidth / this.scale.x;
+  }
+  get worldScreenHeight() {
+    return this.screenHeight / this.scale.y;
+  }
+  get screenWorldWidth() {
+    return this.worldWidth * this.scale.x;
+  }
+  get screenWorldHeight() {
+    return this.worldHeight * this.scale.y;
+  }
+  get center() {
+    return new c(
+      this.worldScreenWidth / 2 - this.x / this.scale.x,
+      this.worldScreenHeight / 2 - this.y / this.scale.y
+    );
+  }
+  set center(t) {
+    this.moveCenter(t);
+  }
+  moveCenter(...t) {
+    let e, n;
+    typeof t[0] == "number" ? (e = t[0], n = t[1]) : (e = t[0].x, n = t[0].y);
+    const i = (this.worldScreenWidth / 2 - e) * this.scale.x, s = (this.worldScreenHeight / 2 - n) * this.scale.y;
+    return (this.x !== i || this.y !== s) && (this.position.set(i, s), this.plugins.reset(), this.dirty = !0), this;
+  }
+  get corner() {
+    return new c(-this.x / this.scale.x, -this.y / this.scale.y);
+  }
+  set corner(t) {
+    this.moveCorner(t);
+  }
+  moveCorner(...t) {
+    let e, n;
+    return t.length === 1 ? (e = -t[0].x * this.scale.x, n = -t[0].y * this.scale.y) : (e = -t[0] * this.scale.x, n = -t[1] * this.scale.y), (e !== this.x || n !== this.y) && (this.position.set(e, n), this.plugins.reset(), this.dirty = !0), this;
+  }
+  get screenWidthInWorldPixels() {
+    return this.screenWidth / this.scale.x;
+  }
+  get screenHeightInWorldPixels() {
+    return this.screenHeight / this.scale.y;
+  }
+  findFitWidth(t) {
+    return this.screenWidth / t;
+  }
+  findFitHeight(t) {
+    return this.screenHeight / t;
+  }
+  findFit(t, e) {
+    const n = this.screenWidth / t, i = this.screenHeight / e;
+    return Math.min(n, i);
+  }
+  findCover(t, e) {
+    const n = this.screenWidth / t, i = this.screenHeight / e;
+    return Math.max(n, i);
+  }
+  fitWidth(t = this.worldWidth, e, n = !0, i) {
+    let s;
+    e && (s = this.center), this.scale.x = this.screenWidth / t, n && (this.scale.y = this.scale.x);
+    const h = this.plugins.get("clamp-zoom", !0);
+    return !i && h && h.clamp(), e && s && this.moveCenter(s), this;
+  }
+  fitHeight(t = this.worldHeight, e, n = !0, i) {
+    let s;
+    e && (s = this.center), this.scale.y = this.screenHeight / t, n && (this.scale.x = this.scale.y);
+    const h = this.plugins.get("clamp-zoom", !0);
+    return !i && h && h.clamp(), e && s && this.moveCenter(s), this;
+  }
+  fitWorld(t) {
+    let e;
+    t && (e = this.center), this.scale.x = this.screenWidth / this.worldWidth, this.scale.y = this.screenHeight / this.worldHeight, this.scale.x < this.scale.y ? this.scale.y = this.scale.x : this.scale.x = this.scale.y;
+    const n = this.plugins.get("clamp-zoom", !0);
+    return n && n.clamp(), t && e && this.moveCenter(e), this;
+  }
+  fit(t, e = this.worldWidth, n = this.worldHeight) {
+    let i;
+    t && (i = this.center), this.scale.x = this.screenWidth / e, this.scale.y = this.screenHeight / n, this.scale.x < this.scale.y ? this.scale.y = this.scale.x : this.scale.x = this.scale.y;
+    const s = this.plugins.get("clamp-zoom", !0);
+    return s && s.clamp(), t && i && this.moveCenter(i), this;
+  }
+  setZoom(t, e) {
+    let n;
+    e && (n = this.center), this.scale.set(t);
+    const i = this.plugins.get("clamp-zoom", !0);
+    return i && i.clamp(), e && n && this.moveCenter(n), this;
+  }
+  zoomPercent(t, e) {
+    return this.setZoom(this.scale.x + this.scale.x * t, e);
+  }
+  zoom(t, e) {
+    return this.fitWidth(t + this.worldScreenWidth, e), this;
+  }
+  get scaled() {
+    return this.scale.x;
+  }
+  set scaled(t) {
+    this.setZoom(t, !0);
+  }
+  snapZoom(t) {
+    return this.plugins.add("snap-zoom", new G(this, t)), this;
+  }
+  OOB() {
+    return {
+      left: this.left < 0,
+      right: this.right > this.worldWidth,
+      top: this.top < 0,
+      bottom: this.bottom > this.worldHeight,
+      cornerPoint: new c(
+        this.worldWidth * this.scale.x - this.screenWidth,
+        this.worldHeight * this.scale.y - this.screenHeight
+      )
+    };
+  }
+  get right() {
+    return -this.x / this.scale.x + this.worldScreenWidth;
+  }
+  set right(t) {
+    this.x = -t * this.scale.x + this.screenWidth, this.plugins.reset();
+  }
+  get left() {
+    return -this.x / this.scale.x;
+  }
+  set left(t) {
+    this.x = -t * this.scale.x, this.plugins.reset();
+  }
+  get top() {
+    return -this.y / this.scale.y;
+  }
+  set top(t) {
+    this.y = -t * this.scale.y, this.plugins.reset();
+  }
+  get bottom() {
+    return -this.y / this.scale.y + this.worldScreenHeight;
+  }
+  set bottom(t) {
+    this.y = -t * this.scale.y + this.screenHeight, this.plugins.reset();
+  }
+  get dirty() {
+    return !!this._dirty;
+  }
+  set dirty(t) {
+    this._dirty = t;
+  }
+  get forceHitArea() {
+    return this._forceHitArea;
+  }
+  set forceHitArea(t) {
+    t ? (this._forceHitArea = t, this.hitArea = t) : (this._forceHitArea = null, this.hitArea = new b(0, 0, this.worldWidth, this.worldHeight));
+  }
+  drag(t) {
+    return this.plugins.add("drag", new M(this, t)), this;
+  }
+  clamp(t) {
+    return this.plugins.add("clamp", new D(this, t)), this;
+  }
+  decelerate(t) {
+    return this.plugins.add("decelerate", new V(this, t)), this;
+  }
+  bounce(t) {
+    return this.plugins.add("bounce", new _(this, t)), this;
+  }
+  pinch(t) {
+    return this.plugins.add("pinch", new y(this, t)), this;
+  }
+  snap(t, e, n) {
+    return this.plugins.add("snap", new Q(this, t, e, n)), this;
+  }
+  follow(t, e) {
+    return this.plugins.add("follow", new U(this, t, e)), this;
+  }
+  wheel(t) {
+    return this.plugins.add("wheel", new $(this, t)), this;
+  }
+  animate(t) {
+    return this.plugins.add("animate", new u(this, t)), this;
+  }
+  clampZoom(t) {
+    return this.plugins.add("clamp-zoom", new T(this, t)), this;
+  }
+  mouseEdges(t) {
+    return this.plugins.add("mouse-edges", new Z(this, t)), this;
+  }
+  get pause() {
+    return !!this._pause;
+  }
+  set pause(t) {
+    this._pause = t, this.lastViewport = null, this.moving = !1, this.zooming = !1, t && this.input.pause();
+  }
+  ensureVisible(t, e, n, i, s) {
+    s && (n > this.worldScreenWidth || i > this.worldScreenHeight) && (this.fit(!0, n, i), this.emit("zoomed", { viewport: this, type: "ensureVisible" }));
+    let h = !1;
+    t < this.left ? (this.left = t, h = !0) : t + n > this.right && (this.right = t + n, h = !0), e < this.top ? (this.top = e, h = !0) : e + i > this.bottom && (this.bottom = e + i, h = !0), h && this.emit("moved", { viewport: this, type: "ensureVisible" });
+  }
+}
+export {
+  u as Animate,
+  _ as Bounce,
+  D as Clamp,
+  T as ClampZoom,
+  V as Decelerate,
+  M as Drag,
+  U as Follow,
+  J as InputManager,
+  Z as MouseEdges,
+  y as Pinch,
+  d as Plugin,
+  tt as PluginManager,
+  Q as Snap,
+  G as SnapZoom,
+  C as Viewport,
+  $ as Wheel
+};
+//# sourceMappingURL=viewport.es-a6380c41-3517fd0a.mjs.map