@loopr-ai/craft 0.8.2 → 0.9.0

package/dist/ZoomControllers-d04c25f8.js

@@ -1,1432 +0,0 @@
-import J, { jsx as C, jsxs as zi, Fragment as Se } from "react/jsx-runtime";
-import { r as x, i as I } from "./createSvgIcon-45340b5e.js";
-import * as Q from "react";
-import D, { useRef as q, useImperativeHandle as we, useEffect as vi, useContext as pi } from "react";
-import { g as Ce, T as H, B as Pe } from "./Tooltip-e797a425.js";
-import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-759a022d.js";
-import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-78608e1f.js";
-import { B as Ye } from "./ButtonBase-08b16b61.js";
-import { c as Ae } from "./chainPropTypes-004bf492.js";
-function _e(i) {
-  return ye("MuiIconButton", i);
-}
-const ze = Te("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), Xe = ze, Ee = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], Oe = (i) => {
-  const {
-    classes: o,
-    disabled: e,
-    color: r,
-    edge: n,
-    size: a
-  } = i, t = {
-    root: ["root", e && "disabled", r !== "default" && `color${B(r)}`, n && `edge${B(n)}`, `size${B(a)}`]
-  };
-  return ji(t, _e, o);
-}, De = mi(Ye, {
-  name: "MuiIconButton",
-  slot: "Root",
-  overridesResolver: (i, o) => {
-    const {
-      ownerState: e
-    } = i;
-    return [o.root, e.color !== "default" && o[`color${B(e.color)}`], e.edge && o[`edge${B(e.edge)}`], o[`size${B(e.size)}`]];
-  }
-})(({
-  theme: i,
-  ownerState: o
-}) => P({
-  textAlign: "center",
-  flex: "0 0 auto",
-  fontSize: i.typography.pxToRem(24),
-  padding: 8,
-  borderRadius: "50%",
-  overflow: "visible",
-  // Explicitly set the default value to solve a bug on IE11.
-  color: (i.vars || i).palette.action.active,
-  transition: i.transitions.create("background-color", {
-    duration: i.transitions.duration.shortest
-  })
-}, !o.disableRipple && {
-  "&:hover": {
-    backgroundColor: i.vars ? `rgba(${i.vars.palette.action.activeChannel} / ${i.vars.palette.action.hoverOpacity})` : ui(i.palette.action.active, i.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  }
-}, o.edge === "start" && {
-  marginLeft: o.size === "small" ? -3 : -12
-}, o.edge === "end" && {
-  marginRight: o.size === "small" ? -3 : -12
-}), ({
-  theme: i,
-  ownerState: o
-}) => {
-  var e;
-  const r = (e = (i.vars || i).palette) == null ? void 0 : e[o.color];
-  return P({}, o.color === "inherit" && {
-    color: "inherit"
-  }, o.color !== "inherit" && o.color !== "default" && P({
-    color: r == null ? void 0 : r.main
-  }, !o.disableRipple && {
-    "&:hover": P({}, r && {
-      backgroundColor: i.vars ? `rgba(${r.mainChannel} / ${i.vars.palette.action.hoverOpacity})` : ui(r.main, i.palette.action.hoverOpacity)
-    }, {
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    })
-  }), o.size === "small" && {
-    padding: 5,
-    fontSize: i.typography.pxToRem(18)
-  }, o.size === "large" && {
-    padding: 12,
-    fontSize: i.typography.pxToRem(28)
-  }, {
-    [`&.${Xe.disabled}`]: {
-      backgroundColor: "transparent",
-      color: (i.vars || i).palette.action.disabled
-    }
-  });
-}), Hi = /* @__PURE__ */ Q.forwardRef(function(o, e) {
-  const r = $i({
-    props: o,
-    name: "MuiIconButton"
-  }), {
-    edge: n = !1,
-    children: a,
-    className: t,
-    color: l = "default",
-    disabled: s = !1,
-    disableFocusRipple: d = !1,
-    size: u = "medium"
-  } = r, f = Zi(r, Ee), v = P({}, r, {
-    edge: n,
-    color: l,
-    disabled: s,
-    disableFocusRipple: d,
-    size: u
-  }), p = Oe(v);
-  return /* @__PURE__ */ C(De, P({
-    className: Li(p.root, t),
-    centerRipple: !0,
-    focusRipple: !d,
-    disabled: s,
-    ref: e,
-    ownerState: v
-  }, f, {
-    children: a
-  }));
-});
-process.env.NODE_ENV !== "production" && (Hi.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The icon to display.
-   */
-  children: Ae(m.node, (i) => Q.Children.toArray(i.children).some((e) => /* @__PURE__ */ Q.isValidElement(e) && e.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
-`)) : null),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: m.object,
-  /**
-   * @ignore
-   */
-  className: m.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-   * @default 'default'
-   */
-  color: m.oneOfType([m.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), m.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: m.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: m.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: m.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: m.oneOf(["end", "start", !1]),
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: m.oneOfType([m.oneOf(["small", "medium", "large"]), m.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object])
-});
-const V = Hi, We = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"], Ne = (i) => {
-  const {
-    absolute: o,
-    children: e,
-    classes: r,
-    flexItem: n,
-    light: a,
-    orientation: t,
-    textAlign: l,
-    variant: s
-  } = i;
-  return ji({
-    root: ["root", o && "absolute", s, a && "light", t === "vertical" && "vertical", n && "flexItem", e && "withChildren", e && t === "vertical" && "withChildrenVertical", l === "right" && t !== "vertical" && "textAlignRight", l === "left" && t !== "vertical" && "textAlignLeft"],
-    wrapper: ["wrapper", t === "vertical" && "wrapperVertical"]
-  }, Ce, r);
-}, Be = mi("div", {
-  name: "MuiDivider",
-  slot: "Root",
-  overridesResolver: (i, o) => {
-    const {
-      ownerState: e
-    } = i;
-    return [o.root, e.absolute && o.absolute, o[e.variant], e.light && o.light, e.orientation === "vertical" && o.vertical, e.flexItem && o.flexItem, e.children && o.withChildren, e.children && e.orientation === "vertical" && o.withChildrenVertical, e.textAlign === "right" && e.orientation !== "vertical" && o.textAlignRight, e.textAlign === "left" && e.orientation !== "vertical" && o.textAlignLeft];
-  }
-})(({
-  theme: i,
-  ownerState: o
-}) => P({
-  margin: 0,
-  // Reset browser default style.
-  flexShrink: 0,
-  borderWidth: 0,
-  borderStyle: "solid",
-  borderColor: (i.vars || i).palette.divider,
-  borderBottomWidth: "thin"
-}, o.absolute && {
-  position: "absolute",
-  bottom: 0,
-  left: 0,
-  width: "100%"
-}, o.light && {
-  borderColor: i.vars ? `rgba(${i.vars.palette.dividerChannel} / 0.08)` : ui(i.palette.divider, 0.08)
-}, o.variant === "inset" && {
-  marginLeft: 72
-}, o.variant === "middle" && o.orientation === "horizontal" && {
-  marginLeft: i.spacing(2),
-  marginRight: i.spacing(2)
-}, o.variant === "middle" && o.orientation === "vertical" && {
-  marginTop: i.spacing(1),
-  marginBottom: i.spacing(1)
-}, o.orientation === "vertical" && {
-  height: "100%",
-  borderBottomWidth: 0,
-  borderRightWidth: "thin"
-}, o.flexItem && {
-  alignSelf: "stretch",
-  height: "auto"
-}), ({
-  ownerState: i
-}) => P({}, i.children && {
-  display: "flex",
-  whiteSpace: "nowrap",
-  textAlign: "center",
-  border: 0,
-  "&::before, &::after": {
-    content: '""',
-    alignSelf: "center"
-  }
-}), ({
-  theme: i,
-  ownerState: o
-}) => P({}, o.children && o.orientation !== "vertical" && {
-  "&::before, &::after": {
-    width: "100%",
-    borderTop: `thin solid ${(i.vars || i).palette.divider}`
-  }
-}), ({
-  theme: i,
-  ownerState: o
-}) => P({}, o.children && o.orientation === "vertical" && {
-  flexDirection: "column",
-  "&::before, &::after": {
-    height: "100%",
-    borderLeft: `thin solid ${(i.vars || i).palette.divider}`
-  }
-}), ({
-  ownerState: i
-}) => P({}, i.textAlign === "right" && i.orientation !== "vertical" && {
-  "&::before": {
-    width: "90%"
-  },
-  "&::after": {
-    width: "10%"
-  }
-}, i.textAlign === "left" && i.orientation !== "vertical" && {
-  "&::before": {
-    width: "10%"
-  },
-  "&::after": {
-    width: "90%"
-  }
-})), Re = mi("span", {
-  name: "MuiDivider",
-  slot: "Wrapper",
-  overridesResolver: (i, o) => {
-    const {
-      ownerState: e
-    } = i;
-    return [o.wrapper, e.orientation === "vertical" && o.wrapperVertical];
-  }
-})(({
-  theme: i,
-  ownerState: o
-}) => P({
-  display: "inline-block",
-  paddingLeft: `calc(${i.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${i.spacing(1)} * 1.2)`
-}, o.orientation === "vertical" && {
-  paddingTop: `calc(${i.spacing(1)} * 1.2)`,
-  paddingBottom: `calc(${i.spacing(1)} * 1.2)`
-})), ci = /* @__PURE__ */ Q.forwardRef(function(o, e) {
-  const r = $i({
-    props: o,
-    name: "MuiDivider"
-  }), {
-    absolute: n = !1,
-    children: a,
-    className: t,
-    component: l = a ? "div" : "hr",
-    flexItem: s = !1,
-    light: d = !1,
-    orientation: u = "horizontal",
-    role: f = l !== "hr" ? "separator" : void 0,
-    textAlign: v = "center",
-    variant: p = "fullWidth"
-  } = r, c = Zi(r, We), h = P({}, r, {
-    absolute: n,
-    component: l,
-    flexItem: s,
-    light: d,
-    orientation: u,
-    role: f,
-    textAlign: v,
-    variant: p
-  }), b = Ne(h);
-  return /* @__PURE__ */ C(Be, P({
-    as: l,
-    className: Li(b.root, t),
-    role: f,
-    ref: e,
-    ownerState: h
-  }, c, {
-    children: a ? /* @__PURE__ */ C(Re, {
-      className: b.wrapper,
-      ownerState: h,
-      children: a
-    }) : null
-  }));
-});
-ci.muiSkipListHighlight = !0;
-process.env.NODE_ENV !== "production" && (ci.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Absolutely position the element.
-   * @default false
-   */
-  absolute: m.bool,
-  /**
-   * The content of the component.
-   */
-  children: m.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: m.object,
-  /**
-   * @ignore
-   */
-  className: m.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: m.elementType,
-  /**
-   * If `true`, a vertical divider will have the correct height when used in flex container.
-   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
-   * @default false
-   */
-  flexItem: m.bool,
-  /**
-   * If `true`, the divider will have a lighter color.
-   * @default false
-   */
-  light: m.bool,
-  /**
-   * The component orientation.
-   * @default 'horizontal'
-   */
-  orientation: m.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  role: m.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object]),
-  /**
-   * The text alignment.
-   * @default 'center'
-   */
-  textAlign: m.oneOf(["center", "left", "right"]),
-  /**
-   * The variant to use.
-   * @default 'fullWidth'
-   */
-  variant: m.oneOfType([m.oneOf(["fullWidth", "inset", "middle"]), m.string])
-});
-const Xi = ci;
-var Y = function(i, o) {
-  return Number(i.toFixed(o));
-}, ke = function(i, o) {
-  return typeof i == "number" ? i : o;
-}, S = function(i, o, e) {
-  e && typeof e == "function" && e(i, o);
-}, Me = function(i) {
-  return -Math.cos(i * Math.PI) / 2 + 0.5;
-}, Ze = function(i) {
-  return i;
-}, $e = function(i) {
-  return i * i;
-}, Le = function(i) {
-  return i * (2 - i);
-}, je = function(i) {
-  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
-}, He = function(i) {
-  return i * i * i;
-}, Ve = function(i) {
-  return --i * i * i + 1;
-}, Fe = function(i) {
-  return i < 0.5 ? 4 * i * i * i : (i - 1) * (2 * i - 2) * (2 * i - 2) + 1;
-}, Ke = function(i) {
-  return i * i * i * i;
-}, Qe = function(i) {
-  return 1 - --i * i * i * i;
-}, qe = function(i) {
-  return i < 0.5 ? 8 * i * i * i * i : 1 - 8 * --i * i * i * i;
-}, Ue = function(i) {
-  return i * i * i * i * i;
-}, Ge = function(i) {
-  return 1 + --i * i * i * i * i;
-}, Je = function(i) {
-  return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
-}, Vi = {
-  easeOut: Me,
-  linear: Ze,
-  easeInQuad: $e,
-  easeOutQuad: Le,
-  easeInOutQuad: je,
-  easeInCubic: He,
-  easeOutCubic: Ve,
-  easeInOutCubic: Fe,
-  easeInQuart: Ke,
-  easeOutQuart: Qe,
-  easeInOutQuart: qe,
-  easeInQuint: Ue,
-  easeOutQuint: Ge,
-  easeInOutQuint: Je
-}, Fi = function(i) {
-  typeof i == "number" && cancelAnimationFrame(i);
-}, _ = function(i) {
-  i.mounted && (Fi(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
-};
-function Ki(i, o, e, r) {
-  if (i.mounted) {
-    var n = (/* @__PURE__ */ new Date()).getTime(), a = 1;
-    _(i), i.animation = function() {
-      if (!i.mounted)
-        return Fi(i.animation);
-      var t = (/* @__PURE__ */ new Date()).getTime() - n, l = t / e, s = Vi[o], d = s(l);
-      t >= e ? (r(a), i.animation = null) : i.animation && (r(d), requestAnimationFrame(i.animation));
-    }, requestAnimationFrame(i.animation);
-  }
-}
-function xe(i) {
-  var o = i.scale, e = i.positionX, r = i.positionY;
-  return !(Number.isNaN(o) || Number.isNaN(e) || Number.isNaN(r));
-}
-function X(i, o, e, r) {
-  var n = xe(o);
-  if (!(!i.mounted || !n)) {
-    var a = i.setTransformState, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY, u = o.scale - l, f = o.positionX - s, v = o.positionY - d;
-    e === 0 ? a(o.scale, o.positionX, o.positionY) : Ki(i, r, e, function(p) {
-      var c = l + u * p, h = s + f * p, b = d + v * p;
-      a(c, h, b);
-    });
-  }
-}
-function Ie(i, o, e) {
-  var r = i.offsetWidth, n = i.offsetHeight, a = o.offsetWidth, t = o.offsetHeight, l = a * e, s = t * e, d = r - l, u = n - s;
-  return {
-    wrapperWidth: r,
-    wrapperHeight: n,
-    newContentWidth: l,
-    newDiffWidth: d,
-    newContentHeight: s,
-    newDiffHeight: u
-  };
-}
-var ir = function(i, o, e, r, n, a, t) {
-  var l = i > o ? e * (t ? 1 : 0.5) : 0, s = r > n ? a * (t ? 1 : 0.5) : 0, d = i - o - l, u = l, f = r - n - s, v = s;
-  return { minPositionX: d, maxPositionX: u, minPositionY: f, maxPositionY: v };
-}, hi = function(i, o) {
-  var e = i.wrapperComponent, r = i.contentComponent, n = i.setup.centerZoomedOut;
-  if (!e || !r)
-    throw new Error("Components are not mounted");
-  var a = Ie(e, r, o), t = a.wrapperWidth, l = a.wrapperHeight, s = a.newContentWidth, d = a.newDiffWidth, u = a.newContentHeight, f = a.newDiffHeight, v = ir(t, s, d, l, u, f, !!n);
-  return v;
-}, di = function(i, o, e, r) {
-  return r ? i < o ? Y(o, 2) : i > e ? Y(e, 2) : Y(i, 2) : Y(i, 2);
-}, R = function(i, o) {
-  var e = hi(i, o);
-  return i.bounds = e, e;
-};
-function ii(i, o, e, r, n, a, t) {
-  var l = e.minPositionX, s = e.minPositionY, d = e.maxPositionX, u = e.maxPositionY, f = 0, v = 0;
-  t && (f = n, v = a);
-  var p = di(i, l - f, d + f, r), c = di(o, s - v, u + v, r);
-  return { x: p, y: c };
-}
-function ei(i, o, e, r, n, a) {
-  var t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY, u = r - l;
-  if (typeof o != "number" || typeof e != "number")
-    return console.error("Mouse X and Y position were not provided!"), { x: s, y: d };
-  var f = s - o * u, v = d - e * u, p = ii(f, v, n, a, 0, 0, null);
-  return p;
-}
-function L(i, o, e, r, n) {
-  var a = n ? r : 0, t = o - a;
-  return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(o) && i <= t ? t : i;
-}
-var Ei = function(i, o) {
-  var e = i.setup.panning.excluded, r = i.isInitialized, n = i.wrapperComponent, a = o.target, t = n == null ? void 0 : n.contains(a), l = r && a && t;
-  if (!l)
-    return !1;
-  var s = ri(a, e);
-  return !s;
-}, Oi = function(i) {
-  var o = i.isInitialized, e = i.isPanning, r = i.setup, n = r.panning.disabled, a = o && e && !n;
-  return !!a;
-}, er = function(i, o) {
-  var e = i.transformState, r = e.positionX, n = e.positionY;
-  i.isPanning = !0;
-  var a = o.clientX, t = o.clientY;
-  i.startCoords = { x: a - r, y: t - n };
-}, rr = function(i, o) {
-  var e = o.touches, r = i.transformState, n = r.positionX, a = r.positionY;
-  i.isPanning = !0;
-  var t = e.length === 1;
-  if (t) {
-    var l = e[0].clientX, s = e[0].clientY;
-    i.startCoords = { x: l - n, y: s - a };
-  }
-};
-function or(i) {
-  var o = i.transformState, e = o.positionX, r = o.positionY, n = o.scale, a = i.setup, t = a.disabled, l = a.limitToBounds, s = a.centerZoomedOut, d = i.wrapperComponent;
-  if (!(t || !d || !i.bounds)) {
-    var u = i.bounds, f = u.maxPositionX, v = u.minPositionX, p = u.maxPositionY, c = u.minPositionY, h = e > f || e < v, b = r > p || r < c, y = e > f ? d.offsetWidth : i.setup.minPositionX || 0, T = r > p ? d.offsetHeight : i.setup.minPositionY || 0, w = ei(i, y, T, n, i.bounds, l || s), E = w.x, A = w.y;
-    return {
-      scale: n,
-      positionX: h ? E : e,
-      positionY: b ? A : r
-    };
-  }
-}
-function nr(i, o, e, r, n) {
-  var a = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, d = s.scale, u = s.positionX, f = s.positionY;
-  if (!(t === null || l === null || o === u && e === f)) {
-    var v = ii(o, e, l, a, r, n, t), p = v.x, c = v.y;
-    i.setTransformState(d, p, c);
-  }
-}
-var ar = function(i, o, e) {
-  var r = i.startCoords, n = i.transformState, a = i.setup.panning, t = a.lockAxisX, l = a.lockAxisY, s = n.positionX, d = n.positionY;
-  if (!r)
-    return { x: s, y: d };
-  var u = o - r.x, f = e - r.y, v = t ? s : u, p = l ? d : f;
-  return { x: v, y: p };
-}, U = function(i, o) {
-  var e = i.setup, r = i.transformState, n = r.scale, a = e.minScale, t = e.disablePadding;
-  return o > 0 && n >= a && !t ? o : 0;
-}, tr = function(i) {
-  var o = i.mounted, e = i.setup, r = e.disabled, n = e.velocityAnimation, a = i.transformState.scale, t = n.disabled, l = !t || a > 1 || !r || o;
-  return !!l;
-}, lr = function(i) {
-  var o = i.mounted, e = i.velocity, r = i.bounds, n = i.setup, a = n.disabled, t = n.velocityAnimation, l = i.transformState.scale, s = t.disabled, d = !s || l > 1 || !a || o;
-  return !(!d || !e || !r);
-};
-function sr(i, o) {
-  var e = i.setup.velocityAnimation, r = e.equalToMove, n = e.animationTime, a = e.sensitivity;
-  return r ? n * o * a : n;
-}
-function Di(i, o, e, r, n, a, t, l, s, d) {
-  if (n) {
-    if (o > t && e > t) {
-      var u = t + (i - t) * d;
-      return u > s ? s : u < t ? t : u;
-    }
-    if (o < a && e < a) {
-      var u = a + (i - a) * d;
-      return u < l ? l : u > a ? a : u;
-    }
-  }
-  return r ? o : di(i, a, t, n);
-}
-function ur(i, o) {
-  var e = 1;
-  return o ? Math.min(e, i.offsetWidth / window.innerWidth) : e;
-}
-function dr(i, o) {
-  var e = tr(i);
-  if (e) {
-    var r = i.lastMousePosition, n = i.velocityTime, a = i.setup, t = i.wrapperComponent, l = a.velocityAnimation.equalToMove, s = Date.now();
-    if (r && n && t) {
-      var d = ur(t, l), u = o.x - r.x, f = o.y - r.y, v = u / d, p = f / d, c = s - n, h = u * u + f * f, b = Math.sqrt(h) / c;
-      i.velocity = { velocityX: v, velocityY: p, total: b };
-    }
-    i.lastMousePosition = o, i.velocityTime = s;
-  }
-}
-function fr(i) {
-  var o = i.velocity, e = i.bounds, r = i.setup, n = i.wrapperComponent, a = lr(i);
-  if (!(!a || !o || !e || !n)) {
-    var t = o.velocityX, l = o.velocityY, s = o.total, d = e.maxPositionX, u = e.minPositionX, f = e.maxPositionY, v = e.minPositionY, p = r.limitToBounds, c = r.alignmentAnimation, h = r.zoomAnimation, b = r.panning, y = b.lockAxisY, T = b.lockAxisX, w = h.animationType, E = c.sizeX, A = c.sizeY, k = c.velocityAlignmentTime, O = k, M = sr(i, s), W = Math.max(M, O), N = U(i, E), Z = U(i, A), j = N * n.offsetWidth / 100, Pi = Z * n.offsetHeight / 100, le = d + j, se = u - j, ue = f + Pi, de = v - Pi, yi = i.transformState, fe = (/* @__PURE__ */ new Date()).getTime();
-    Ki(i, w, W, function(ve) {
-      var ni = i.transformState, pe = ni.scale, ai = ni.positionX, ti = ni.positionY, me = (/* @__PURE__ */ new Date()).getTime() - fe, ce = me / O, he = Vi[c.animationType], Ti = 1 - he(Math.min(1, ce)), Yi = 1 - ve, Ai = ai + t * Yi, _i = ti + l * Yi, ge = Di(Ai, yi.positionX, ai, T, p, u, d, se, le, Ti), be = Di(_i, yi.positionY, ti, y, p, v, f, de, ue, Ti);
-      (ai !== Ai || ti !== _i) && i.setTransformState(pe, ge, be);
-    });
-  }
-}
-function Wi(i, o) {
-  var e = i.transformState.scale;
-  _(i), R(i, e), window.TouchEvent !== void 0 && o instanceof TouchEvent ? rr(i, o) : er(i, o);
-}
-function Qi(i) {
-  var o = i.transformState.scale, e = i.setup, r = e.minScale, n = e.alignmentAnimation, a = n.disabled, t = n.sizeX, l = n.sizeY, s = n.animationTime, d = n.animationType, u = a || o < r || !t && !l;
-  if (!u) {
-    var f = or(i);
-    f && X(i, f, s, d);
-  }
-}
-function Ni(i, o, e) {
-  var r = i.startCoords, n = i.setup, a = n.alignmentAnimation, t = a.sizeX, l = a.sizeY;
-  if (r) {
-    var s = ar(i, o, e), d = s.x, u = s.y, f = U(i, t), v = U(i, l);
-    dr(i, { x: d, y: u }), nr(i, d, u, f, v);
-  }
-}
-function vr(i) {
-  if (i.isPanning) {
-    var o = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, n = i.contentComponent;
-    i.isPanning = !1, i.animate = !1, i.animation = null;
-    var a = r == null ? void 0 : r.getBoundingClientRect(), t = n == null ? void 0 : n.getBoundingClientRect(), l = (a == null ? void 0 : a.width) || 0, s = (a == null ? void 0 : a.height) || 0, d = (t == null ? void 0 : t.width) || 0, u = (t == null ? void 0 : t.height) || 0, f = l < d || s < u, v = !o && e && (e == null ? void 0 : e.total) > 0.1 && f;
-    v ? fr(i) : Qi(i);
-  }
-}
-function gi(i, o, e, r) {
-  var n = i.setup, a = n.minScale, t = n.maxScale, l = n.limitToBounds, s = L(Y(o, 2), a, t, 0, !1), d = R(i, s), u = ei(i, e, r, s, d, l), f = u.x, v = u.y;
-  return { scale: s, positionX: f, positionY: v };
-}
-function qi(i, o, e) {
-  var r = i.transformState.scale, n = i.wrapperComponent, a = i.setup, t = a.minScale, l = a.limitToBounds, s = a.zoomAnimation, d = s.disabled, u = s.animationTime, f = s.animationType, v = d || r >= t;
-  if ((r >= 1 || l) && Qi(i), !(v || !n || !i.mounted)) {
-    var p = o || n.offsetWidth / 2, c = e || n.offsetHeight / 2, h = gi(i, t, p, c);
-    h && X(i, h, u, f);
-  }
-}
-var z = function() {
-  return z = Object.assign || function(o) {
-    for (var e, r = 1, n = arguments.length; r < n; r++) {
-      e = arguments[r];
-      for (var a in e)
-        Object.prototype.hasOwnProperty.call(e, a) && (o[a] = e[a]);
-    }
-    return o;
-  }, z.apply(this, arguments);
-};
-function Bi(i, o, e) {
-  if (e || arguments.length === 2)
-    for (var r = 0, n = o.length, a; r < n; r++)
-      (a || !(r in o)) && (a || (a = Array.prototype.slice.call(o, 0, r)), a[r] = o[r]);
-  return i.concat(a || Array.prototype.slice.call(o));
-}
-var F = {
-  previousScale: 1,
-  scale: 1,
-  positionX: 0,
-  positionY: 0
-}, $ = {
-  disabled: !1,
-  minPositionX: null,
-  maxPositionX: null,
-  minPositionY: null,
-  maxPositionY: null,
-  minScale: 1,
-  maxScale: 8,
-  limitToBounds: !0,
-  centerZoomedOut: !1,
-  centerOnInit: !1,
-  disablePadding: !1,
-  smooth: !0,
-  wheel: {
-    step: 0.2,
-    disabled: !1,
-    smoothStep: 1e-3,
-    wheelDisabled: !1,
-    touchPadDisabled: !1,
-    activationKeys: [],
-    excluded: []
-  },
-  panning: {
-    disabled: !1,
-    velocityDisabled: !1,
-    lockAxisX: !1,
-    lockAxisY: !1,
-    activationKeys: [],
-    excluded: []
-  },
-  pinch: {
-    step: 5,
-    disabled: !1,
-    excluded: []
-  },
-  doubleClick: {
-    disabled: !1,
-    step: 0.7,
-    mode: "zoomIn",
-    animationType: "easeOut",
-    animationTime: 200,
-    excluded: []
-  },
-  zoomAnimation: {
-    disabled: !1,
-    size: 0.4,
-    animationTime: 200,
-    animationType: "easeOut"
-  },
-  alignmentAnimation: {
-    disabled: !1,
-    sizeX: 100,
-    sizeY: 100,
-    animationTime: 200,
-    velocityAlignmentTime: 400,
-    animationType: "easeOut"
-  },
-  velocityAnimation: {
-    disabled: !1,
-    sensitivity: 1,
-    animationTime: 400,
-    animationType: "easeOut",
-    equalToMove: !0
-  }
-}, Ui = function(i) {
-  var o, e, r, n;
-  return {
-    previousScale: (o = i.initialScale) !== null && o !== void 0 ? o : F.scale,
-    scale: (e = i.initialScale) !== null && e !== void 0 ? e : F.scale,
-    positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : F.positionX,
-    positionY: (n = i.initialPositionY) !== null && n !== void 0 ? n : F.positionY
-  };
-}, Ri = function(i) {
-  var o = z({}, $);
-  return Object.keys(i).forEach(function(e) {
-    var r = typeof i[e] < "u", n = typeof $[e] < "u";
-    if (n && r) {
-      var a = Object.prototype.toString.call($[e]), t = a === "[object Object]", l = a === "[object Array]";
-      t ? o[e] = z(z({}, $[e]), i[e]) : l ? o[e] = Bi(Bi([], $[e], !0), i[e], !0) : o[e] = i[e];
-    }
-  }), o;
-}, Gi = function(i, o, e) {
-  var r = i.transformState.scale, n = i.wrapperComponent, a = i.setup, t = a.maxScale, l = a.minScale, s = a.zoomAnimation, d = a.smooth, u = s.size;
-  if (!n)
-    throw new Error("Wrapper is not mounted");
-  var f = d ? r * Math.exp(o * e) : r + o * e, v = L(Y(f, 3), l, t, u, !1);
-  return v;
-};
-function Ji(i, o, e, r, n) {
-  var a = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY;
-  if (!a)
-    return console.error("No WrapperComponent found");
-  var u = a.offsetWidth, f = a.offsetHeight, v = (u / 2 - s) / l, p = (f / 2 - d) / l, c = Gi(i, o, e), h = gi(i, c, v, p);
-  if (!h)
-    return console.error("Error during zoom event. New transformation state was not calculated.");
-  X(i, h, r, n);
-}
-function xi(i, o, e, r) {
-  var n = i.setup, a = i.wrapperComponent, t = n.limitToBounds, l = Ui(i.props), s = i.transformState, d = s.scale, u = s.positionX, f = s.positionY;
-  if (a) {
-    var v = hi(i, l.scale), p = ii(l.positionX, l.positionY, v, t, 0, 0, a), c = {
-      scale: l.scale,
-      positionX: p.x,
-      positionY: p.y
-    };
-    d === l.scale && u === l.positionX && f === l.positionY || (r == null || r(), X(i, c, o, e));
-  }
-}
-function pr(i, o, e, r) {
-  var n = i.getBoundingClientRect(), a = o.getBoundingClientRect(), t = e.getBoundingClientRect(), l = a.x * r.scale, s = a.y * r.scale;
-  return {
-    x: (n.x - t.x + l) / r.scale,
-    y: (n.y - t.y + s) / r.scale
-  };
-}
-function mr(i, o, e) {
-  var r = i.wrapperComponent, n = i.contentComponent, a = i.transformState, t = i.setup, l = t.limitToBounds, s = t.minScale, d = t.maxScale;
-  if (!r || !n)
-    return a;
-  var u = r.getBoundingClientRect(), f = o.getBoundingClientRect(), v = pr(o, r, n, a), p = v.x, c = v.y, h = f.width / a.scale, b = f.height / a.scale, y = r.offsetWidth / h, T = r.offsetHeight / b, w = L(e || Math.min(y, T), s, d, 0, !1), E = (u.width - h * w) / 2, A = (u.height - b * w) / 2, k = (u.left - p) * w + E, O = (u.top - c) * w + A, M = hi(i, w), W = ii(k, O, M, l, 0, 0, r), N = W.x, Z = W.y;
-  return { positionX: N, positionY: Z, scale: w };
-}
-var cr = function(i) {
-  return function(o, e, r) {
-    o === void 0 && (o = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Ji(i, 1, o, e, r);
-  };
-}, hr = function(i) {
-  return function(o, e, r) {
-    o === void 0 && (o = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Ji(i, -1, o, e, r);
-  };
-}, gr = function(i) {
-  return function(o, e, r, n, a) {
-    n === void 0 && (n = 300), a === void 0 && (a = "easeOut");
-    var t = i.transformState, l = t.positionX, s = t.positionY, d = t.scale, u = i.wrapperComponent, f = i.contentComponent, v = i.setup.disabled;
-    if (!(v || !u || !f)) {
-      var p = {
-        positionX: Number.isNaN(o) ? l : o,
-        positionY: Number.isNaN(e) ? s : e,
-        scale: Number.isNaN(r) ? d : r
-      };
-      X(i, p, n, a);
-    }
-  };
-}, br = function(i) {
-  return function(o, e) {
-    o === void 0 && (o = 200), e === void 0 && (e = "easeOut"), xi(i, o, e);
-  };
-}, Sr = function(i) {
-  return function(o, e, r) {
-    e === void 0 && (e = 200), r === void 0 && (r = "easeOut");
-    var n = i.transformState, a = i.wrapperComponent, t = i.contentComponent;
-    if (a && t) {
-      var l = Ii(o || n.scale, a, t);
-      X(i, l, e, r);
-    }
-  };
-}, wr = function(i) {
-  return function(o, e, r, n) {
-    r === void 0 && (r = 600), n === void 0 && (n = "easeOut"), _(i);
-    var a = i.wrapperComponent, t = typeof o == "string" ? document.getElementById(o) : o;
-    if (a && t && a.contains(t)) {
-      var l = mr(i, t, e);
-      X(i, l, r, n);
-    }
-  };
-}, G = function(i) {
-  return {
-    instance: i,
-    zoomIn: cr(i),
-    zoomOut: hr(i),
-    setTransform: gr(i),
-    resetTransform: br(i),
-    centerView: Sr(i),
-    zoomToElement: wr(i)
-  };
-}, Cr = function(i) {
-  return {
-    instance: i,
-    state: i.transformState
-  };
-}, g = function(i) {
-  var o = {};
-  return Object.assign(o, Cr(i)), Object.assign(o, G(i)), o;
-}, li = !1;
-function si() {
-  try {
-    var i = {
-      get passive() {
-        return li = !0, !1;
-      }
-    };
-    return i;
-  } catch {
-    return li = !1, li;
-  }
-}
-var ri = function(i, o) {
-  var e = i.tagName.toUpperCase(), r = o.find(function(a) {
-    return a.toUpperCase() === e;
-  });
-  if (r)
-    return !0;
-  var n = o.find(function(a) {
-    return i.classList.contains(a);
-  });
-  return !!n;
-}, fi = function(i) {
-  i && clearTimeout(i);
-}, Pr = function(i, o, e) {
-  return "translate(".concat(i, "px, ").concat(o, "px) scale(").concat(e, ")");
-}, Ii = function(i, o, e) {
-  var r = e.offsetWidth * i, n = e.offsetHeight * i, a = (o.offsetWidth - r) / 2, t = (o.offsetHeight - n) / 2;
-  return {
-    scale: i,
-    positionX: a,
-    positionY: t
-  };
-};
-function yr(i) {
-  return function(o) {
-    i.forEach(function(e) {
-      typeof e == "function" ? e(o) : e != null && (e.current = o);
-    });
-  };
-}
-var Tr = function(i, o) {
-  var e = i.setup.wheel, r = e.disabled, n = e.wheelDisabled, a = e.touchPadDisabled, t = e.excluded, l = i.isInitialized, s = i.isPanning, d = o.target, u = l && !s && !r && d;
-  if (!u || n && !o.ctrlKey || a && o.ctrlKey)
-    return !1;
-  var f = ri(d, t);
-  return !f;
-}, Yr = function(i) {
-  return i ? i.deltaY < 0 ? 1 : -1 : 0;
-};
-function Ar(i, o) {
-  var e = Yr(i), r = ke(o, e);
-  return r;
-}
-function ie(i, o, e) {
-  var r = o.getBoundingClientRect(), n = 0, a = 0;
-  if ("clientX" in i)
-    n = (i.clientX - r.left) / e, a = (i.clientY - r.top) / e;
-  else {
-    var t = i.touches[0];
-    n = (t.clientX - r.left) / e, a = (t.clientY - r.top) / e;
-  }
-  return (Number.isNaN(n) || Number.isNaN(a)) && console.error("No mouse or touch offset found"), {
-    x: n,
-    y: a
-  };
-}
-var _r = function(i, o, e, r, n) {
-  var a = i.transformState.scale, t = i.wrapperComponent, l = i.setup, s = l.maxScale, d = l.minScale, u = l.zoomAnimation, f = l.disablePadding, v = u.size, p = u.disabled;
-  if (!t)
-    throw new Error("Wrapper is not mounted");
-  var c = a + o * e;
-  if (n)
-    return c;
-  var h = r ? !1 : !p, b = L(Y(c, 3), d, s, v, h && !f);
-  return b;
-}, zr = function(i, o) {
-  var e = i.previousWheelEvent, r = i.transformState.scale, n = i.setup, a = n.maxScale, t = n.minScale;
-  return e ? r < a || r > t || Math.sign(e.deltaY) !== Math.sign(o.deltaY) || e.deltaY > 0 && e.deltaY < o.deltaY || e.deltaY < 0 && e.deltaY > o.deltaY || Math.sign(e.deltaY) !== Math.sign(o.deltaY) : !1;
-}, Xr = function(i, o) {
-  var e = i.setup.pinch, r = e.disabled, n = e.excluded, a = i.isInitialized, t = o.target, l = a && !r && t;
-  if (!l)
-    return !1;
-  var s = ri(t, n);
-  return !s;
-}, Er = function(i) {
-  var o = i.setup.pinch.disabled, e = i.isInitialized, r = i.pinchStartDistance, n = e && !o && r;
-  return !!n;
-}, Or = function(i, o, e) {
-  var r = e.getBoundingClientRect(), n = i.touches, a = Y(n[0].clientX - r.left, 5), t = Y(n[0].clientY - r.top, 5), l = Y(n[1].clientX - r.left, 5), s = Y(n[1].clientY - r.top, 5);
-  return {
-    x: (a + l) / 2 / o,
-    y: (t + s) / 2 / o
-  };
-}, ee = function(i) {
-  return Math.sqrt(Math.pow(i.touches[0].pageX - i.touches[1].pageX, 2) + Math.pow(i.touches[0].pageY - i.touches[1].pageY, 2));
-}, Dr = function(i, o) {
-  var e = i.pinchStartScale, r = i.pinchStartDistance, n = i.setup, a = n.maxScale, t = n.minScale, l = n.zoomAnimation, s = n.disablePadding, d = l.size, u = l.disabled;
-  if (!e || r === null || !o)
-    throw new Error("Pinch touches distance was not provided");
-  if (o < 0)
-    return i.transformState.scale;
-  var f = o / r, v = f * e;
-  return L(Y(v, 2), t, a, d, !u && !s);
-}, Wr = 160, Nr = 100, Br = function(i, o) {
-  var e = i.props, r = e.onWheelStart, n = e.onZoomStart;
-  i.wheelStopEventTimer || (_(i), S(g(i), o, r), S(g(i), o, n));
-}, Rr = function(i, o) {
-  var e = i.props, r = e.onWheel, n = e.onZoom, a = i.contentComponent, t = i.setup, l = i.transformState, s = l.scale, d = t.limitToBounds, u = t.centerZoomedOut, f = t.zoomAnimation, v = t.wheel, p = t.disablePadding, c = t.smooth, h = f.size, b = f.disabled, y = v.step, T = v.smoothStep;
-  if (!a)
-    throw new Error("Component not mounted");
-  o.preventDefault(), o.stopPropagation();
-  var w = Ar(o, null), E = c ? T * Math.abs(o.deltaY) : y, A = _r(i, w, E, !o.ctrlKey);
-  if (s !== A) {
-    var k = R(i, A), O = ie(o, a, s), M = b || h === 0 || u || p, W = d && M, N = ei(i, O.x, O.y, A, k, W), Z = N.x, j = N.y;
-    i.previousWheelEvent = o, i.setTransformState(A, Z, j), S(g(i), o, r), S(g(i), o, n);
-  }
-}, kr = function(i, o) {
-  var e = i.props, r = e.onWheelStop, n = e.onZoomStop;
-  fi(i.wheelAnimationTimer), i.wheelAnimationTimer = setTimeout(function() {
-    i.mounted && (qi(i, o.x, o.y), i.wheelAnimationTimer = null);
-  }, Nr);
-  var a = zr(i, o);
-  a && (fi(i.wheelStopEventTimer), i.wheelStopEventTimer = setTimeout(function() {
-    i.mounted && (i.wheelStopEventTimer = null, S(g(i), o, r), S(g(i), o, n));
-  }, Wr));
-}, Mr = function(i, o) {
-  var e = ee(o);
-  i.pinchStartDistance = e, i.lastDistance = e, i.pinchStartScale = i.transformState.scale, i.isPanning = !1, _(i);
-}, Zr = function(i, o) {
-  var e = i.contentComponent, r = i.pinchStartDistance, n = i.transformState.scale, a = i.setup, t = a.limitToBounds, l = a.centerZoomedOut, s = a.zoomAnimation, d = s.disabled, u = s.size;
-  if (!(r === null || !e)) {
-    var f = Or(o, n, e);
-    if (!(!Number.isFinite(f.x) || !Number.isFinite(f.y))) {
-      var v = ee(o), p = Dr(i, v);
-      if (p !== n) {
-        var c = R(i, p), h = d || u === 0 || l, b = t && h, y = ei(i, f.x, f.y, p, c, b), T = y.x, w = y.y;
-        i.pinchMidpoint = f, i.lastDistance = v, i.setTransformState(p, T, w);
-      }
-    }
-  }
-}, $r = function(i) {
-  var o = i.pinchMidpoint;
-  i.velocity = null, i.lastDistance = null, i.pinchMidpoint = null, i.pinchStartScale = null, i.pinchStartDistance = null, qi(i, o == null ? void 0 : o.x, o == null ? void 0 : o.y);
-}, re = function(i, o) {
-  var e = i.props.onZoomStop, r = i.setup.doubleClick.animationTime;
-  fi(i.doubleClickStopEventTimer), i.doubleClickStopEventTimer = setTimeout(function() {
-    i.doubleClickStopEventTimer = null, S(g(i), o, e);
-  }, r);
-}, Lr = function(i, o) {
-  var e = i.props, r = e.onZoomStart, n = e.onZoom, a = i.setup.doubleClick, t = a.animationTime, l = a.animationType;
-  S(g(i), o, r), xi(i, t, l, function() {
-    return S(g(i), o, n);
-  }), re(i, o);
-};
-function jr(i, o) {
-  var e = i.setup, r = i.doubleClickStopEventTimer, n = i.transformState, a = i.contentComponent, t = n.scale, l = i.props, s = l.onZoomStart, d = l.onZoom, u = e.doubleClick, f = u.disabled, v = u.mode, p = u.step, c = u.animationTime, h = u.animationType;
-  if (!f && !r) {
-    if (v === "reset")
-      return Lr(i, o);
-    if (!a)
-      return console.error("No ContentComponent found");
-    var b = v === "zoomOut" ? -1 : 1, y = Gi(i, b, p);
-    if (t !== y) {
-      S(g(i), o, s);
-      var T = ie(o, a, t), w = gi(i, y, T.x, T.y);
-      if (!w)
-        return console.error("Error during zoom event. New transformation state was not calculated.");
-      S(g(i), o, d), X(i, w, c, h), re(i, o);
-    }
-  }
-}
-var Hr = function(i, o) {
-  var e = i.isInitialized, r = i.setup, n = i.wrapperComponent, a = r.doubleClick, t = a.disabled, l = a.excluded, s = o.target, d = n == null ? void 0 : n.contains(s), u = e && s && d && !t;
-  if (!u)
-    return !1;
-  var f = ri(s, l);
-  return !f;
-}, Vr = (
-  /** @class */
-  function() {
-    function i(o) {
-      var e = this;
-      this.mounted = !0, this.onChangeCallbacks = /* @__PURE__ */ new Set(), this.onInitCallbacks = /* @__PURE__ */ new Set(), this.wrapperComponent = null, this.contentComponent = null, this.isInitialized = !1, this.bounds = null, this.previousWheelEvent = null, this.wheelStopEventTimer = null, this.wheelAnimationTimer = null, this.isPanning = !1, this.startCoords = null, this.lastTouch = null, this.distance = null, this.lastDistance = null, this.pinchStartDistance = null, this.pinchStartScale = null, this.pinchMidpoint = null, this.doubleClickStopEventTimer = null, this.velocity = null, this.velocityTime = null, this.lastMousePosition = null, this.animate = !1, this.animation = null, this.maxBounds = null, this.pressedKeys = {}, this.mount = function() {
-        e.initializeWindowEvents();
-      }, this.unmount = function() {
-        e.cleanupWindowEvents();
-      }, this.update = function(r) {
-        R(e, e.transformState.scale), e.setup = Ri(r);
-      }, this.initializeWindowEvents = function() {
-        var r, n = si(), a = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, t = a == null ? void 0 : a.defaultView;
-        t == null || t.addEventListener("mousedown", e.onPanningStart, n), t == null || t.addEventListener("mousemove", e.onPanning, n), t == null || t.addEventListener("mouseup", e.onPanningStop, n), a == null || a.addEventListener("mouseleave", e.clearPanning, n), t == null || t.addEventListener("keyup", e.setKeyUnPressed, n), t == null || t.addEventListener("keydown", e.setKeyPressed, n);
-      }, this.cleanupWindowEvents = function() {
-        var r, n, a = si(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
-        l == null || l.removeEventListener("mousedown", e.onPanningStart, a), l == null || l.removeEventListener("mousemove", e.onPanning, a), l == null || l.removeEventListener("mouseup", e.onPanningStop, a), t == null || t.removeEventListener("mouseleave", e.clearPanning, a), l == null || l.removeEventListener("keyup", e.setKeyUnPressed, a), l == null || l.removeEventListener("keydown", e.setKeyPressed, a), document.removeEventListener("mouseleave", e.clearPanning, a), _(e), (n = e.observer) === null || n === void 0 || n.disconnect();
-      }, this.handleInitializeWrapperEvents = function(r) {
-        var n = si();
-        r.addEventListener("wheel", e.onWheelZoom, n), r.addEventListener("dblclick", e.onDoubleClick, n), r.addEventListener("touchstart", e.onTouchPanningStart, n), r.addEventListener("touchmove", e.onTouchPanning, n), r.addEventListener("touchend", e.onTouchPanningStop, n);
-      }, this.handleInitialize = function(r) {
-        var n = e.setup.centerOnInit;
-        e.applyTransformation(), e.onInitCallbacks.forEach(function(a) {
-          return a(g(e));
-        }), n && (e.setCenter(), e.observer = new ResizeObserver(function() {
-          var a;
-          e.onInitCallbacks.forEach(function(t) {
-            return t(g(e));
-          }), e.setCenter(), (a = e.observer) === null || a === void 0 || a.disconnect();
-        }), e.observer.observe(r));
-      }, this.onWheelZoom = function(r) {
-        var n = e.setup.disabled;
-        if (!n) {
-          var a = Tr(e, r);
-          if (a) {
-            var t = e.isPressingKeys(e.setup.wheel.activationKeys);
-            t && (Br(e, r), Rr(e, r), kr(e, r));
-          }
-        }
-      }, this.onPanningStart = function(r) {
-        var n = e.setup.disabled, a = e.props.onPanningStart;
-        if (!n) {
-          var t = Ei(e, r);
-          if (t) {
-            var l = e.isPressingKeys(e.setup.panning.activationKeys);
-            l && (r.preventDefault(), r.stopPropagation(), _(e), Wi(e, r), S(g(e), r, a));
-          }
-        }
-      }, this.onPanning = function(r) {
-        var n = e.setup.disabled, a = e.props.onPanning;
-        if (!n) {
-          var t = Oi(e);
-          if (t) {
-            var l = e.isPressingKeys(e.setup.panning.activationKeys);
-            l && (r.preventDefault(), r.stopPropagation(), Ni(e, r.clientX, r.clientY), S(g(e), r, a));
-          }
-        }
-      }, this.onPanningStop = function(r) {
-        var n = e.props.onPanningStop;
-        e.isPanning && (vr(e), S(g(e), r, n));
-      }, this.onPinchStart = function(r) {
-        var n = e.setup.disabled, a = e.props, t = a.onPinchingStart, l = a.onZoomStart;
-        if (!n) {
-          var s = Xr(e, r);
-          s && (Mr(e, r), _(e), S(g(e), r, t), S(g(e), r, l));
-        }
-      }, this.onPinch = function(r) {
-        var n = e.setup.disabled, a = e.props, t = a.onPinching, l = a.onZoom;
-        if (!n) {
-          var s = Er(e);
-          s && (r.preventDefault(), r.stopPropagation(), Zr(e, r), S(g(e), r, t), S(g(e), r, l));
-        }
-      }, this.onPinchStop = function(r) {
-        var n = e.props, a = n.onPinchingStop, t = n.onZoomStop;
-        e.pinchStartScale && ($r(e), S(g(e), r, a), S(g(e), r, t));
-      }, this.onTouchPanningStart = function(r) {
-        var n = e.setup.disabled, a = e.props.onPanningStart;
-        if (!n) {
-          var t = Ei(e, r);
-          if (t) {
-            var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
-            if (l && r.touches.length === 1)
-              e.onDoubleClick(r);
-            else {
-              e.lastTouch = +/* @__PURE__ */ new Date(), _(e);
-              var s = r.touches, d = s.length === 1, u = s.length === 2;
-              d && (_(e), Wi(e, r), S(g(e), r, a)), u && e.onPinchStart(r);
-            }
-          }
-        }
-      }, this.onTouchPanning = function(r) {
-        var n = e.setup.disabled, a = e.props.onPanning;
-        if (e.isPanning && r.touches.length === 1) {
-          if (n)
-            return;
-          var t = Oi(e);
-          if (!t)
-            return;
-          r.preventDefault(), r.stopPropagation();
-          var l = r.touches[0];
-          Ni(e, l.clientX, l.clientY), S(g(e), r, a);
-        } else
-          r.touches.length > 1 && e.onPinch(r);
-      }, this.onTouchPanningStop = function(r) {
-        e.onPanningStop(r), e.onPinchStop(r);
-      }, this.onDoubleClick = function(r) {
-        var n = e.setup.disabled;
-        if (!n) {
-          var a = Hr(e, r);
-          a && jr(e, r);
-        }
-      }, this.clearPanning = function(r) {
-        e.isPanning && e.onPanningStop(r);
-      }, this.setKeyPressed = function(r) {
-        e.pressedKeys[r.key] = !0;
-      }, this.setKeyUnPressed = function(r) {
-        e.pressedKeys[r.key] = !1;
-      }, this.isPressingKeys = function(r) {
-        return r.length ? !!r.find(function(n) {
-          return e.pressedKeys[n];
-        }) : !0;
-      }, this.setTransformState = function(r, n, a) {
-        var t = e.props.onTransformed;
-        if (!Number.isNaN(r) && !Number.isNaN(n) && !Number.isNaN(a)) {
-          r !== e.transformState.scale && (e.transformState.previousScale = e.transformState.scale, e.transformState.scale = r), e.transformState.positionX = n, e.transformState.positionY = a, e.applyTransformation();
-          var l = g(e);
-          e.onChangeCallbacks.forEach(function(s) {
-            return s(l);
-          }), S(l, { scale: r, positionX: n, positionY: a }, t);
-        } else
-          console.error("Detected NaN set state values");
-      }, this.setCenter = function() {
-        if (e.wrapperComponent && e.contentComponent) {
-          var r = Ii(e.transformState.scale, e.wrapperComponent, e.contentComponent);
-          e.setTransformState(r.scale, r.positionX, r.positionY);
-        }
-      }, this.handleTransformStyles = function(r, n, a) {
-        return e.props.customTransform ? e.props.customTransform(r, n, a) : Pr(r, n, a);
-      }, this.applyTransformation = function() {
-        if (!(!e.mounted || !e.contentComponent)) {
-          var r = e.transformState, n = r.scale, a = r.positionX, t = r.positionY, l = e.handleTransformStyles(a, t, n);
-          e.contentComponent.style.transform = l;
-        }
-      }, this.getContext = function() {
-        return g(e);
-      }, this.onChange = function(r) {
-        return e.onChangeCallbacks.has(r) || e.onChangeCallbacks.add(r), function() {
-          e.onChangeCallbacks.delete(r);
-        };
-      }, this.onInit = function(r) {
-        return e.onInitCallbacks.has(r) || e.onInitCallbacks.add(r), function() {
-          e.onInitCallbacks.delete(r);
-        };
-      }, this.init = function(r, n) {
-        e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = n, R(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(n), e.initializeWindowEvents(), e.isInitialized = !0;
-        var a = g(e);
-        S(a, void 0, e.props.onInit);
-      }, this.props = o, this.setup = Ri(this.props), this.transformState = Ui(this.props);
-    }
-    return i;
-  }()
-), oi = D.createContext(null), Fr = function(i, o) {
-  return typeof i == "function" ? i(o) : i;
-}, yo = D.forwardRef(function(i, o) {
-  var e = q(new Vr(i)).current, r = Fr(i.children, G(e));
-  return we(o, function() {
-    return G(e);
-  }, [e]), vi(function() {
-    e.update(i);
-  }, [e, i]), D.createElement(oi.Provider, { value: e }, r);
-});
-D.forwardRef(function(i, o) {
-  var e = q(null), r = pi(oi);
-  return vi(function() {
-    return r.onChange(function(n) {
-      if (e.current) {
-        var a = 0, t = 0;
-        e.current.style.transform = r.handleTransformStyles(a, t, 1 / n.instance.transformState.scale);
-      }
-    });
-  }, [r]), D.createElement("div", z({}, i, { ref: yr([e, o]) }));
-});
-function Kr(i, o) {
-  o === void 0 && (o = {});
-  var e = o.insertAt;
-  if (!(!i || typeof document > "u")) {
-    var r = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
-    n.type = "text/css", e === "top" && r.firstChild ? r.insertBefore(n, r.firstChild) : r.appendChild(n), n.styleSheet ? n.styleSheet.cssText = i : n.appendChild(document.createTextNode(i));
-  }
-}
-var Qr = `.transform-component-module_wrapper__SPB86 {
-  position: relative;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  overflow: hidden;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Safari */
-  -khtml-user-select: none; /* Konqueror HTML */
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* Internet Explorer/Edge */
-  user-select: none;
-  margin: 0;
-  padding: 0;
-}
-.transform-component-module_content__FBWxo {
-  display: flex;
-  flex-wrap: wrap;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  margin: 0;
-  padding: 0;
-  transform-origin: 0% 0%;
-}
-.transform-component-module_content__FBWxo img {
-  pointer-events: none;
-}
-`, ki = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
-Kr(Qr);
-var To = function(i) {
-  var o = i.children, e = i.wrapperClass, r = e === void 0 ? "" : e, n = i.contentClass, a = n === void 0 ? "" : n, t = i.wrapperStyle, l = i.contentStyle, s = i.wrapperProps, d = s === void 0 ? {} : s, u = i.contentProps, f = u === void 0 ? {} : u, v = pi(oi).init, p = q(null), c = q(null);
-  return vi(function() {
-    var h = p.current, b = c.current;
-    h !== null && b !== null && v && v(h, b);
-  }, []), D.createElement(
-    "div",
-    z({}, d, { ref: p, className: "react-transform-wrapper ".concat(ki.wrapper, " ").concat(r), style: t }),
-    D.createElement("div", z({}, f, { ref: c, className: "react-transform-component ".concat(ki.content, " ").concat(a), style: l }), o)
-  );
-}, qr = function() {
-  var i = pi(oi);
-  if (!i)
-    throw new Error("Transform context must be placed inside TransformWrapper");
-  return i;
-}, Ur = function() {
-  var i = qr();
-  return G(i);
-}, bi = {}, Gr = I;
-Object.defineProperty(bi, "__esModule", {
-  value: !0
-});
-var oe = bi.default = void 0, Jr = Gr(x()), xr = J, Ir = (0, Jr.default)(/* @__PURE__ */ (0, xr.jsx)("path", {
-  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
-}), "Add");
-oe = bi.default = Ir;
-var Si = {}, io = I;
-Object.defineProperty(Si, "__esModule", {
-  value: !0
-});
-var ne = Si.default = void 0, eo = io(x()), ro = J, oo = (0, eo.default)(/* @__PURE__ */ (0, ro.jsx)("path", {
-  d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
-}), "Refresh");
-ne = Si.default = oo;
-var wi = {}, no = I;
-Object.defineProperty(wi, "__esModule", {
-  value: !0
-});
-var ae = wi.default = void 0, ao = no(x()), to = J, lo = (0, ao.default)(/* @__PURE__ */ (0, to.jsx)("path", {
-  d: "M19 13H5v-2h14v2z"
-}), "Remove");
-ae = wi.default = lo;
-var Ci = {}, so = I;
-Object.defineProperty(Ci, "__esModule", {
-  value: !0
-});
-var te = Ci.default = void 0, uo = so(x()), fo = J, vo = (0, uo.default)(/* @__PURE__ */ (0, fo.jsx)("path", {
-  d: "m4 7.59 5-5c.78-.78 2.05-.78 2.83 0L20.24 11h-2.83L10.4 4 5.41 9H8v2H2V5h2v2.59zM20 19h2v-6h-6v2h2.59l-4.99 5-7.01-7H3.76l8.41 8.41c.78.78 2.05.78 2.83 0l5-5V19z"
-}), "ScreenRotationAlt");
-te = Ci.default = vo;
-const po = {
-  position: "absolute",
-  zIndex: 1,
-  right: "2rem",
-  bottom: "2rem",
-  width: "fit-content",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "flex-end",
-  backgroundColor: "#0F0E0E4D",
-  borderRadius: "5rem"
-}, Mi = {
-  backgroundColor: "#0000000D",
-  height: "0.0625rem"
-}, K = {
-  color: "white",
-  "&:focus": {
-    outline: "none"
-  }
-}, mo = {
-  ...K,
-  position: "absolute",
-  zIndex: 1,
-  right: "2rem",
-  bottom: "10rem",
-  background: "#0F0E0E4D",
-  color: "white",
-  padding: "0.55rem"
-}, Yo = ({
-  controllerContainerProps: i,
-  zoomInButtonProps: o,
-  zoomOutButtonProps: e,
-  resetTransformButtonProps: r,
-  dividerProps: n,
-  handleRotate: a,
-  rotateButtonProps: t
-}) => {
-  const { zoomIn: l, zoomOut: s, resetTransform: d } = Ur();
-  function u() {
-    l();
-  }
-  function f() {
-    s();
-  }
-  function v() {
-    d();
-  }
-  return /* @__PURE__ */ zi(Se, { children: [
-    /* @__PURE__ */ C(H, { title: "Rotate", placement: "left", children: /* @__PURE__ */ C(
-      V,
-      {
-        disableRipple: !0,
-        disableFocusRipple: !0,
-        "aria-label": "Rotate",
-        onClick: a,
-        sx: mo,
-        ...t,
-        children: /* @__PURE__ */ C(te, {})
-      }
-    ) }),
-    /* @__PURE__ */ zi(
-      Pe,
-      {
-        sx: po,
-        ...i,
-        children: [
-          /* @__PURE__ */ C(H, { title: "Zoom In", placement: "left", children: /* @__PURE__ */ C(
-            V,
-            {
-              disableRipple: !0,
-              disableFocusRipple: !0,
-              "aria-label": "Zoom In",
-              onClick: u,
-              sx: K,
-              ...o,
-              children: /* @__PURE__ */ C(oe, {})
-            }
-          ) }),
-          /* @__PURE__ */ C(Xi, { sx: Mi, ...n }),
-          /* @__PURE__ */ C(H, { title: "Zoom Out", placement: "left", children: /* @__PURE__ */ C(
-            V,
-            {
-              disableFocusRipple: !0,
-              disableRipple: !0,
-              "aria-label": "Zoom Out",
-              onClick: f,
-              sx: K,
-              ...e,
-              children: /* @__PURE__ */ C(ae, {})
-            }
-          ) }),
-          /* @__PURE__ */ C(Xi, { sx: Mi, ...n }),
-          /* @__PURE__ */ C(H, { title: "Reset", placement: "left", children: /* @__PURE__ */ C(
-            V,
-            {
-              disableFocusRipple: !0,
-              disableRipple: !0,
-              "aria-label": "Reset",
-              onClick: v,
-              sx: K,
-              ...r,
-              children: /* @__PURE__ */ C(ne, {})
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  yo as T,
-  Yo as Z,
-  To as a
-};