@helsenorge/lightbox 8.0.0-beta.6

package/components/LightBox/index.js

@@ -0,0 +1,1105 @@
+import c, { useRef as K, useImperativeHandle as ie, useEffect as F, useContext as pi, useState as _i } from "react";
+import V from "classnames";
+import L from "@helsenorge/designsystem-react/components/Icon";
+import ee from "@helsenorge/designsystem-react/components/Icons/ChevronLeft";
+import re from "@helsenorge/designsystem-react/components/Icons/ChevronRight";
+import ne from "@helsenorge/designsystem-react/components/Icons/ChevronsDown";
+import ae from "@helsenorge/designsystem-react/components/Icons/ChevronsUp";
+import oe from "@helsenorge/designsystem-react/components/Icons/Minus";
+import te from "@helsenorge/designsystem-react/components/Icons/PlusSmall";
+import le from "@helsenorge/designsystem-react/components/Icons/X";
+import { KeyboardEventKey as se, ZIndex as Z, IconSize as M } from "@helsenorge/designsystem-react/constants";
+import { useSize as ue } from "@helsenorge/designsystem-react/hooks/useSize";
+import { useKeyboardEvent as de } from "@helsenorge/designsystem-react";
+import y from "./styles.module.scss";
+var E = function(i, n) {
+  return Number(i.toFixed(n));
+}, ve = function(i, n) {
+  return n;
+}, C = function(i, n, e) {
+  e && typeof e == "function" && e(i, n);
+}, fe = function(i) {
+  return -Math.cos(i * Math.PI) / 2 + 0.5;
+}, me = function(i) {
+  return i;
+}, pe = function(i) {
+  return i * i;
+}, he = function(i) {
+  return i * (2 - i);
+}, ce = function(i) {
+  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
+}, ge = function(i) {
+  return i * i * i;
+}, be = function(i) {
+  return --i * i * i + 1;
+}, Se = function(i) {
+  return i < 0.5 ? 4 * i * i * i : (i - 1) * (2 * i - 2) * (2 * i - 2) + 1;
+}, we = function(i) {
+  return i * i * i * i;
+}, Ce = function(i) {
+  return 1 - --i * i * i * i;
+}, Pe = function(i) {
+  return i < 0.5 ? 8 * i * i * i * i : 1 - 8 * --i * i * i * i;
+}, ye = function(i) {
+  return i * i * i * i * i;
+}, Ye = function(i) {
+  return 1 + --i * i * i * i * i;
+}, Te = function(i) {
+  return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
+}, Wi = {
+  easeOut: fe,
+  linear: me,
+  easeInQuad: pe,
+  easeOutQuad: he,
+  easeInOutQuad: ce,
+  easeInCubic: ge,
+  easeOutCubic: be,
+  easeInOutCubic: Se,
+  easeInQuart: we,
+  easeOutQuart: Ce,
+  easeInOutQuart: Pe,
+  easeInQuint: ye,
+  easeOutQuint: Ye,
+  easeInOutQuint: Te
+}, Ni = function(i) {
+  typeof i == "number" && cancelAnimationFrame(i);
+}, _ = function(i) {
+  i.mounted && (Ni(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
+};
+function Di(i, n, e, r) {
+  if (i.mounted) {
+    var o = (/* @__PURE__ */ new Date()).getTime(), a = 1;
+    _(i), i.animation = function() {
+      if (!i.mounted)
+        return Ni(i.animation);
+      var t = (/* @__PURE__ */ new Date()).getTime() - o, l = t / e, s = Wi[n], u = s(l);
+      t >= e ? (r(a), i.animation = null) : i.animation && (r(u), requestAnimationFrame(i.animation));
+    }, requestAnimationFrame(i.animation);
+  }
+}
+function Xe(i) {
+  var n = i.scale, e = i.positionX, r = i.positionY;
+  return !(Number.isNaN(n) || Number.isNaN(e) || Number.isNaN(r));
+}
+function O(i, n, e, r) {
+  var o = Xe(n);
+  if (!(!i.mounted || !o)) {
+    var a = i.setTransformState, t = i.transformState, l = t.scale, s = t.positionX, u = t.positionY, d = n.scale - l, v = n.positionX - s, f = n.positionY - u;
+    e === 0 ? a(n.scale, n.positionX, n.positionY) : Di(i, r, e, function(m) {
+      var p = l + d * m, h = s + v * m, g = u + f * m;
+      a(p, h, g);
+    });
+  }
+}
+function Ee(i, n, e) {
+  var r = i.offsetWidth, o = i.offsetHeight, a = n.offsetWidth, t = n.offsetHeight, l = a * e, s = t * e, u = r - l, d = o - s;
+  return {
+    wrapperWidth: r,
+    wrapperHeight: o,
+    newContentWidth: l,
+    newDiffWidth: u,
+    newContentHeight: s,
+    newDiffHeight: d
+  };
+}
+var ze = function(i, n, e, r, o, a, t) {
+  var l = i > n ? e * (t ? 1 : 0.5) : 0, s = r > o ? a * (t ? 1 : 0.5) : 0, u = i - n - l, d = l, v = r - o - s, f = s;
+  return { minPositionX: u, maxPositionX: d, minPositionY: v, maxPositionY: f };
+}, hi = function(i, n) {
+  var e = i.wrapperComponent, r = i.contentComponent, o = i.setup.centerZoomedOut;
+  if (!e || !r)
+    throw new Error("Components are not mounted");
+  var a = Ee(e, r, n), t = a.wrapperWidth, l = a.wrapperHeight, s = a.newContentWidth, u = a.newDiffWidth, d = a.newContentHeight, v = a.newDiffHeight, f = ze(t, s, u, l, d, v, !!o);
+  return f;
+}, ui = function(i, n, e, r) {
+  return r ? i < n ? E(n, 2) : i > e ? E(e, 2) : E(i, 2) : E(i, 2);
+}, Q = function(i, n) {
+  var e = hi(i, n);
+  return i.bounds = e, e;
+};
+function j(i, n, e, r, o, a, t) {
+  var l = e.minPositionX, s = e.minPositionY, u = e.maxPositionX, d = e.maxPositionY, v = 0, f = 0;
+  t && (v = o, f = a);
+  var m = ui(i, l - v, u + v, r), p = ui(n, s - f, d + f, r);
+  return { x: m, y: p };
+}
+function x(i, n, e, r, o, a) {
+  var t = i.transformState, l = t.scale, s = t.positionX, u = t.positionY, d = r - l;
+  if (typeof n != "number" || typeof e != "number")
+    return console.error("Mouse X and Y position were not provided!"), { x: s, y: u };
+  var v = s - n * d, f = u - e * d, m = j(v, f, o, a, 0, 0, null);
+  return m;
+}
+function q(i, n, e, r, o) {
+  var a = o ? r : 0, t = n - a;
+  return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(n) && i <= t ? t : i;
+}
+var Pi = function(i, n) {
+  var e = i.setup.panning.excluded, r = i.isInitialized, o = i.wrapperComponent, a = n.target, t = "shadowRoot" in a && "composedPath" in n, l = t ? n.composedPath().some(function(d) {
+    return d instanceof Element ? o == null ? void 0 : o.contains(d) : !1;
+  }) : o == null ? void 0 : o.contains(a), s = r && a && l;
+  if (!s)
+    return !1;
+  var u = I(a, e);
+  return !u;
+}, yi = function(i) {
+  var n = i.isInitialized, e = i.isPanning, r = i.setup, o = r.panning.disabled, a = n && e && !o;
+  return !!a;
+}, Ae = function(i, n) {
+  var e = i.transformState, r = e.positionX, o = e.positionY;
+  i.isPanning = !0;
+  var a = n.clientX, t = n.clientY;
+  i.startCoords = { x: a - r, y: t - o };
+}, _e = function(i, n) {
+  var e = n.touches, r = i.transformState, o = 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 - o, y: s - a };
+  }
+};
+function We(i) {
+  var n = i.transformState, e = n.positionX, r = n.positionY, o = n.scale, a = i.setup, t = a.disabled, l = a.limitToBounds, s = a.centerZoomedOut, u = i.wrapperComponent;
+  if (!(t || !u || !i.bounds)) {
+    var d = i.bounds, v = d.maxPositionX, f = d.minPositionX, m = d.maxPositionY, p = d.minPositionY, h = e > v || e < f, g = r > m || r < p, S = e > v ? u.offsetWidth : i.setup.minPositionX || 0, P = r > m ? u.offsetHeight : i.setup.minPositionY || 0, w = x(i, S, P, o, i.bounds, l || s), X = w.x, T = w.y;
+    return {
+      scale: o,
+      positionX: h ? X : e,
+      positionY: g ? T : r
+    };
+  }
+}
+function Bi(i, n, e, r, o) {
+  var a = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, u = s.scale, d = s.positionX, v = s.positionY;
+  if (!(t === null || l === null || n === d && e === v)) {
+    var f = j(n, e, l, a, r, o, t), m = f.x, p = f.y;
+    i.setTransformState(u, m, p);
+  }
+}
+var Ne = function(i, n, e) {
+  var r = i.startCoords, o = i.transformState, a = i.setup.panning, t = a.lockAxisX, l = a.lockAxisY, s = o.positionX, u = o.positionY;
+  if (!r)
+    return { x: s, y: u };
+  var d = n - r.x, v = e - r.y, f = t ? s : d, m = l ? u : v;
+  return { x: f, y: m };
+}, B = function(i, n) {
+  var e = i.setup, r = i.transformState, o = r.scale, a = e.minScale, t = e.disablePadding;
+  return n > 0 && o >= a && !t ? n : 0;
+}, De = function(i) {
+  var n = i.mounted, e = i.setup, r = e.disabled, o = e.velocityAnimation, a = i.transformState.scale, t = o.disabled, l = !t || a > 1 || !r || n;
+  return !!l;
+}, Be = function(i) {
+  var n = i.mounted, e = i.velocity, r = i.bounds, o = i.setup, a = o.disabled, t = o.velocityAnimation, l = i.transformState.scale, s = t.disabled, u = !s || l > 1 || !a || n;
+  return !(!u || !e || !r);
+};
+function Oe(i, n) {
+  var e = i.setup.velocityAnimation, r = e.equalToMove, o = e.animationTime, a = e.sensitivity;
+  return r ? o * n * a : o;
+}
+function Yi(i, n, e, r, o, a, t, l, s, u) {
+  if (o) {
+    if (n > t && e > t) {
+      var d = t + (i - t) * u;
+      return d > s ? s : d < t ? t : d;
+    }
+    if (n < a && e < a) {
+      var d = a + (i - a) * u;
+      return d < l ? l : d > a ? a : d;
+    }
+  }
+  return r ? n : ui(i, a, t, o);
+}
+function ke(i, n) {
+  var e = 1;
+  return n ? Math.min(e, i.offsetWidth / window.innerWidth) : e;
+}
+function Ze(i, n) {
+  var e = De(i);
+  if (e) {
+    var r = i.lastMousePosition, o = i.velocityTime, a = i.setup, t = i.wrapperComponent, l = a.velocityAnimation.equalToMove, s = Date.now();
+    if (r && o && t) {
+      var u = ke(t, l), d = n.x - r.x, v = n.y - r.y, f = d / u, m = v / u, p = s - o, h = d * d + v * v, g = Math.sqrt(h) / p;
+      i.velocity = { velocityX: f, velocityY: m, total: g };
+    }
+    i.lastMousePosition = n, i.velocityTime = s;
+  }
+}
+function Le(i) {
+  var n = i.velocity, e = i.bounds, r = i.setup, o = i.wrapperComponent, a = Be(i);
+  if (!(!a || !n || !e || !o)) {
+    var t = n.velocityX, l = n.velocityY, s = n.total, u = e.maxPositionX, d = e.minPositionX, v = e.maxPositionY, f = e.minPositionY, m = r.limitToBounds, p = r.alignmentAnimation, h = r.zoomAnimation, g = r.panning, S = g.lockAxisY, P = g.lockAxisX, w = h.animationType, X = p.sizeX, T = p.sizeY, z = p.velocityAlignmentTime, A = z, W = Oe(i, s), Y = Math.max(W, A), N = B(i, X), k = B(i, T), H = N * o.offsetWidth / 100, U = k * o.offsetHeight / 100, ei = u + H, $ = d - H, ri = v + U, ni = f - U, gi = i.transformState, ji = (/* @__PURE__ */ new Date()).getTime();
+    Di(i, w, Y, function(qi) {
+      var ai = i.transformState, Ui = ai.scale, oi = ai.positionX, ti = ai.positionY, $i = (/* @__PURE__ */ new Date()).getTime() - ji, Gi = $i / A, Ji = Wi[p.animationType], bi = 1 - Ji(Math.min(1, Gi)), Si = 1 - qi, wi = oi + t * Si, Ci = ti + l * Si, xi = Yi(wi, gi.positionX, oi, P, m, d, u, $, ei, bi), Ii = Yi(Ci, gi.positionY, ti, S, m, f, v, ni, ri, bi);
+      (oi !== wi || ti !== Ci) && i.setTransformState(Ui, xi, Ii);
+    });
+  }
+}
+function Ti(i, n) {
+  var e = i.transformState.scale;
+  _(i), Q(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? _e(i, n) : Ae(i, n);
+}
+function Oi(i) {
+  var n = i.transformState.scale, e = i.setup, r = e.minScale, o = e.alignmentAnimation, a = o.disabled, t = o.sizeX, l = o.sizeY, s = o.animationTime, u = o.animationType, d = a || n < r || !t && !l;
+  if (!d) {
+    var v = We(i);
+    v && O(i, v, s, u);
+  }
+}
+function Xi(i, n, e) {
+  var r = i.startCoords, o = i.setup, a = o.alignmentAnimation, t = a.sizeX, l = a.sizeY;
+  if (r) {
+    var s = Ne(i, n, e), u = s.x, d = s.y, v = B(i, t), f = B(i, l);
+    Ze(i, { x: u, y: d }), Bi(i, u, d, v, f);
+  }
+}
+function Me(i) {
+  if (i.isPanning) {
+    var n = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, o = i.contentComponent;
+    i.isPanning = !1, i.animate = !1, i.animation = null;
+    var a = r == null ? void 0 : r.getBoundingClientRect(), t = o == null ? void 0 : o.getBoundingClientRect(), l = (a == null ? void 0 : a.width) || 0, s = (a == null ? void 0 : a.height) || 0, u = (t == null ? void 0 : t.width) || 0, d = (t == null ? void 0 : t.height) || 0, v = l < u || s < d, f = !n && e && (e == null ? void 0 : e.total) > 0.1 && v;
+    f ? Le(i) : Oi(i);
+  }
+}
+function ci(i, n, e, r) {
+  var o = i.setup, a = o.minScale, t = o.maxScale, l = o.limitToBounds, s = q(E(n, 2), a, t, 0, !1), u = Q(i, s), d = x(i, e, r, s, u, l), v = d.x, f = d.y;
+  return { scale: s, positionX: v, positionY: f };
+}
+function ki(i, n, e) {
+  var r = i.transformState.scale, o = i.wrapperComponent, a = i.setup, t = a.minScale, l = a.limitToBounds, s = a.zoomAnimation, u = s.disabled, d = s.animationTime, v = s.animationType, f = u || r >= t;
+  if ((r >= 1 || l) && Oi(i), !(f || !o || !i.mounted)) {
+    var m = n || o.offsetWidth / 2, p = e || o.offsetHeight / 2, h = ci(i, t, m, p);
+    h && O(i, h, d, v);
+  }
+}
+var D = function() {
+  return D = Object.assign || function(n) {
+    for (var e, r = 1, o = arguments.length; r < o; r++) {
+      e = arguments[r];
+      for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (n[a] = e[a]);
+    }
+    return n;
+  }, D.apply(this, arguments);
+};
+function Ei(i, n, e) {
+  for (var r = 0, o = n.length, a; r < o; r++)
+    (a || !(r in n)) && (a || (a = Array.prototype.slice.call(n, 0, r)), a[r] = n[r]);
+  return i.concat(a || Array.prototype.slice.call(n));
+}
+var G = {
+  previousScale: 1,
+  scale: 1,
+  positionX: 0,
+  positionY: 0
+}, R = {
+  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,
+    allowLeftClickPan: !0,
+    allowMiddleClickPan: !0,
+    allowRightClickPan: !0,
+    wheelPanning: !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
+  }
+}, di = {
+  wrapperClass: "react-transform-wrapper",
+  contentClass: "react-transform-component"
+}, Zi = function(i) {
+  var n, e, r, o;
+  return {
+    previousScale: (n = i.initialScale) !== null && n !== void 0 ? n : G.scale,
+    scale: (e = i.initialScale) !== null && e !== void 0 ? e : G.scale,
+    positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : G.positionX,
+    positionY: (o = i.initialPositionY) !== null && o !== void 0 ? o : G.positionY
+  };
+}, zi = function(i) {
+  var n = D({}, R);
+  return Object.keys(i).forEach(function(e) {
+    var r = typeof i[e] < "u", o = typeof R[e] < "u";
+    if (o && r) {
+      var a = Object.prototype.toString.call(R[e]), t = a === "[object Object]", l = a === "[object Array]";
+      t ? n[e] = D(D({}, R[e]), i[e]) : l ? n[e] = Ei(Ei([], R[e], !0), i[e]) : n[e] = i[e];
+    }
+  }), n;
+}, Li = function(i, n, e) {
+  var r = i.transformState.scale, o = i.wrapperComponent, a = i.setup, t = a.maxScale, l = a.minScale, s = a.zoomAnimation, u = a.smooth, d = s.size;
+  if (!o)
+    throw new Error("Wrapper is not mounted");
+  var v = u ? r * Math.exp(n * e) : r + n * e, f = q(E(v, 3), l, t, d, !1);
+  return f;
+};
+function Mi(i, n, e, r, o) {
+  var a = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, u = t.positionY;
+  if (!a)
+    return console.error("No WrapperComponent found");
+  var d = a.offsetWidth, v = a.offsetHeight, f = (d / 2 - s) / l, m = (v / 2 - u) / l, p = Li(i, n, e), h = ci(i, p, f, m);
+  if (!h)
+    return console.error("Error during zoom event. New transformation state was not calculated.");
+  O(i, h, r, o);
+}
+function Vi(i, n, e, r) {
+  var o = i.setup, a = i.wrapperComponent, t = o.limitToBounds, l = Zi(i.props), s = i.transformState, u = s.scale, d = s.positionX, v = s.positionY;
+  if (a) {
+    var f = hi(i, l.scale), m = j(l.positionX, l.positionY, f, t, 0, 0, a), p = {
+      scale: l.scale,
+      positionX: m.x,
+      positionY: m.y
+    };
+    u === l.scale && d === l.positionX && v === l.positionY || (r == null || r(), O(i, p, n, e));
+  }
+}
+function Ve(i, n, e, r) {
+  var o = i.getBoundingClientRect(), a = n.getBoundingClientRect(), t = e.getBoundingClientRect(), l = a.x * r.scale, s = a.y * r.scale;
+  return {
+    x: (o.x - t.x + l) / r.scale,
+    y: (o.y - t.y + s) / r.scale
+  };
+}
+function He(i, n, e) {
+  var r = i.wrapperComponent, o = i.contentComponent, a = i.transformState, t = i.setup, l = t.limitToBounds, s = t.minScale, u = t.maxScale;
+  if (!r || !o)
+    return a;
+  var d = r.getBoundingClientRect(), v = n.getBoundingClientRect(), f = Ve(n, r, o, a), m = f.x, p = f.y, h = v.width / a.scale, g = v.height / a.scale, S = r.offsetWidth / h, P = r.offsetHeight / g, w = q(e || Math.min(S, P), s, u, 0, !1), X = (d.width - h * w) / 2, T = (d.height - g * w) / 2, z = (d.left - m) * w + X, A = (d.top - p) * w + T, W = hi(i, w), Y = j(z, A, W, l, 0, 0, r), N = Y.x, k = Y.y;
+  return { positionX: N, positionY: k, scale: w };
+}
+var Ke = function(i) {
+  return function(n, e, r) {
+    n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Mi(i, 1, n, e, r);
+  };
+}, Qe = function(i) {
+  return function(n, e, r) {
+    n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Mi(i, -1, n, e, r);
+  };
+}, Re = function(i) {
+  return function(n, e, r, o, a) {
+    o === void 0 && (o = 300), a === void 0 && (a = "easeOut");
+    var t = i.transformState, l = t.positionX, s = t.positionY, u = t.scale, d = i.wrapperComponent, v = i.contentComponent, f = i.setup.disabled;
+    if (!(f || !d || !v)) {
+      var m = {
+        positionX: Number.isNaN(n) ? l : n,
+        positionY: Number.isNaN(e) ? s : e,
+        scale: Number.isNaN(r) ? u : r
+      };
+      O(i, m, o, a);
+    }
+  };
+}, Fe = function(i) {
+  return function(n, e) {
+    n === void 0 && (n = 200), e === void 0 && (e = "easeOut"), Vi(i, n, e);
+  };
+}, je = function(i) {
+  return function(n, e, r) {
+    e === void 0 && (e = 200), r === void 0 && (r = "easeOut");
+    var o = i.transformState, a = i.wrapperComponent, t = i.contentComponent;
+    if (a && t) {
+      var l = Hi(n || o.scale, a, t);
+      O(i, l, e, r);
+    }
+  };
+}, qe = function(i) {
+  return function(n, e, r, o) {
+    r === void 0 && (r = 600), o === void 0 && (o = "easeOut"), _(i);
+    var a = i.wrapperComponent, t = typeof n == "string" ? document.getElementById(n) : n;
+    if (a && t && a.contains(t)) {
+      var l = He(i, t, e);
+      O(i, l, r, o);
+    }
+  };
+}, vi = function(i) {
+  return {
+    instance: i,
+    zoomIn: Ke(i),
+    zoomOut: Qe(i),
+    setTransform: Re(i),
+    resetTransform: Fe(i),
+    centerView: je(i),
+    zoomToElement: qe(i)
+  };
+}, fi = function(i) {
+  return {
+    instance: i,
+    state: i.transformState
+  };
+}, b = function(i) {
+  var n = {};
+  return Object.assign(n, fi(i)), Object.assign(n, vi(i)), n;
+}, li = !1;
+function si() {
+  try {
+    var i = {
+      get passive() {
+        return li = !0, !1;
+      }
+    };
+    return i;
+  } catch {
+    return li = !1, li;
+  }
+}
+var J = ".".concat(di.wrapperClass), I = function(i, n) {
+  return n.some(function(e) {
+    return i.matches("".concat(J, " ").concat(e, ", ").concat(J, " .").concat(e, ", ").concat(J, " ").concat(e, " *, ").concat(J, " .").concat(e, " *"));
+  });
+}, mi = function(i) {
+  i && clearTimeout(i);
+}, Ue = function(i, n, e) {
+  return "translate(".concat(i, "px, ").concat(n, "px) scale(").concat(e, ")");
+}, Hi = function(i, n, e) {
+  var r = e.offsetWidth * i, o = e.offsetHeight * i, a = (n.offsetWidth - r) / 2, t = (n.offsetHeight - o) / 2;
+  return {
+    scale: i,
+    positionX: a,
+    positionY: t
+  };
+};
+function $e(i) {
+  return function(n) {
+    i.forEach(function(e) {
+      typeof e == "function" ? e(n) : e != null && (e.current = n);
+    });
+  };
+}
+var Ge = function(i, n) {
+  var e = i.setup.wheel, r = e.disabled, o = e.wheelDisabled, a = e.touchPadDisabled, t = e.excluded, l = i.isInitialized, s = i.isPanning, u = n.target, d = l && !s && !r && u;
+  if (!d || o && !n.ctrlKey || a && n.ctrlKey)
+    return !1;
+  var v = I(u, t);
+  return !v;
+}, Je = function(i) {
+  return i ? i.deltaY < 0 ? 1 : -1 : 0;
+};
+function xe(i, n) {
+  var e = Je(i), r = ve(n, e);
+  return r;
+}
+function Ki(i, n, e) {
+  var r = n.getBoundingClientRect(), o = 0, a = 0;
+  if ("clientX" in i)
+    o = (i.clientX - r.left) / e, a = (i.clientY - r.top) / e;
+  else {
+    var t = i.touches[0];
+    o = (t.clientX - r.left) / e, a = (t.clientY - r.top) / e;
+  }
+  return (Number.isNaN(o) || Number.isNaN(a)) && console.error("No mouse or touch offset found"), {
+    x: o,
+    y: a
+  };
+}
+var Ie = function(i, n, e, r, o) {
+  var a = i.transformState.scale, t = i.wrapperComponent, l = i.setup, s = l.maxScale, u = l.minScale, d = l.zoomAnimation, v = l.disablePadding, f = d.size, m = d.disabled;
+  if (!t)
+    throw new Error("Wrapper is not mounted");
+  var p = a + n * e, h = r ? !1 : !m, g = q(E(p, 3), u, s, f, h && !v);
+  return g;
+}, ir = function(i, n) {
+  var e = i.previousWheelEvent, r = i.transformState.scale, o = i.setup, a = o.maxScale, t = o.minScale;
+  return e ? r < a || r > t || Math.sign(e.deltaY) !== Math.sign(n.deltaY) || e.deltaY > 0 && e.deltaY < n.deltaY || e.deltaY < 0 && e.deltaY > n.deltaY || Math.sign(e.deltaY) !== Math.sign(n.deltaY) : !1;
+}, er = function(i, n) {
+  var e = i.setup.pinch, r = e.disabled, o = e.excluded, a = i.isInitialized, t = n.target, l = a && !r && t;
+  if (!l)
+    return !1;
+  var s = I(t, o);
+  return !s;
+}, rr = function(i) {
+  var n = i.setup.pinch.disabled, e = i.isInitialized, r = i.pinchStartDistance, o = e && !n && r;
+  return !!o;
+}, nr = function(i, n, e) {
+  var r = e.getBoundingClientRect(), o = i.touches, a = E(o[0].clientX - r.left, 5), t = E(o[0].clientY - r.top, 5), l = E(o[1].clientX - r.left, 5), s = E(o[1].clientY - r.top, 5);
+  return {
+    x: (a + l) / 2 / n,
+    y: (t + s) / 2 / n
+  };
+}, Qi = 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));
+}, ar = function(i, n) {
+  var e = i.pinchStartScale, r = i.pinchStartDistance, o = i.setup, a = o.maxScale, t = o.minScale, l = o.zoomAnimation, s = o.disablePadding, u = l.size, d = l.disabled;
+  if (!e || r === null || !n)
+    throw new Error("Pinch touches distance was not provided");
+  if (n < 0)
+    return i.transformState.scale;
+  var v = n / r, f = v * e;
+  return q(E(f, 2), t, a, u, !d && !s);
+}, or = 160, tr = 100, lr = function(i, n) {
+  var e = i.props, r = e.onWheelStart, o = e.onZoomStart;
+  i.wheelStopEventTimer || (_(i), C(b(i), n, r), C(b(i), n, o));
+}, sr = function(i, n) {
+  var e = i.props, r = e.onWheel, o = e.onZoom, a = i.contentComponent, t = i.setup, l = i.transformState, s = l.scale, u = t.limitToBounds, d = t.centerZoomedOut, v = t.zoomAnimation, f = t.wheel, m = t.disablePadding, p = t.smooth, h = v.size, g = v.disabled, S = f.step, P = f.smoothStep;
+  if (!a)
+    throw new Error("Component not mounted");
+  n.preventDefault(), n.stopPropagation();
+  var w = xe(n, null), X = p ? P * Math.abs(n.deltaY) : S, T = Ie(i, w, X, !n.ctrlKey);
+  if (s !== T) {
+    var z = Q(i, T), A = Ki(n, a, s), W = g || h === 0 || d || m, Y = u && W, N = x(i, A.x, A.y, T, z, Y), k = N.x, H = N.y;
+    i.previousWheelEvent = n, i.setTransformState(T, k, H), C(b(i), n, r), C(b(i), n, o);
+  }
+}, ur = function(i, n) {
+  var e = i.props, r = e.onWheelStop, o = e.onZoomStop;
+  mi(i.wheelAnimationTimer), i.wheelAnimationTimer = setTimeout(function() {
+    i.mounted && (ki(i, n.x, n.y), i.wheelAnimationTimer = null);
+  }, tr);
+  var a = ir(i, n);
+  a && (mi(i.wheelStopEventTimer), i.wheelStopEventTimer = setTimeout(function() {
+    i.mounted && (i.wheelStopEventTimer = null, C(b(i), n, r), C(b(i), n, o));
+  }, or));
+}, Ri = function(i) {
+  for (var n = 0, e = 0, r = 0; r < 2; r += 1)
+    n += i.touches[r].clientX, e += i.touches[r].clientY;
+  var o = n / 2, a = e / 2;
+  return { x: o, y: a };
+}, dr = function(i, n) {
+  var e = Qi(n);
+  i.pinchStartDistance = e, i.lastDistance = e, i.pinchStartScale = i.transformState.scale, i.isPanning = !1;
+  var r = Ri(n);
+  i.pinchLastCenterX = r.x, i.pinchLastCenterY = r.y, _(i);
+}, vr = function(i, n) {
+  var e = i.contentComponent, r = i.pinchStartDistance, o = i.wrapperComponent, a = i.transformState.scale, t = i.setup, l = t.limitToBounds, s = t.centerZoomedOut, u = t.zoomAnimation, d = t.alignmentAnimation, v = u.disabled, f = u.size;
+  if (!(r === null || !e)) {
+    var m = nr(n, a, e);
+    if (!(!Number.isFinite(m.x) || !Number.isFinite(m.y))) {
+      var p = Qi(n), h = ar(i, p), g = Ri(n), S = g.x - (i.pinchLastCenterX || 0), P = g.y - (i.pinchLastCenterY || 0);
+      if (!(h === a && S === 0 && P === 0)) {
+        i.pinchLastCenterX = g.x, i.pinchLastCenterY = g.y;
+        var w = Q(i, h), X = v || f === 0 || s, T = l && X, z = x(i, m.x, m.y, h, w, T), A = z.x, W = z.y;
+        i.pinchMidpoint = m, i.lastDistance = p;
+        var Y = d.sizeX, N = d.sizeY, k = B(i, Y), H = B(i, N), U = A + S, ei = W + P, $ = j(U, ei, w, l, k, H, o), ri = $.x, ni = $.y;
+        i.setTransformState(h, ri, ni);
+      }
+    }
+  }
+}, fr = function(i) {
+  var n = i.pinchMidpoint;
+  i.velocity = null, i.lastDistance = null, i.pinchMidpoint = null, i.pinchStartScale = null, i.pinchStartDistance = null, ki(i, n == null ? void 0 : n.x, n == null ? void 0 : n.y);
+}, Fi = function(i, n) {
+  var e = i.props.onZoomStop, r = i.setup.doubleClick.animationTime;
+  mi(i.doubleClickStopEventTimer), i.doubleClickStopEventTimer = setTimeout(function() {
+    i.doubleClickStopEventTimer = null, C(b(i), n, e);
+  }, r);
+}, mr = function(i, n) {
+  var e = i.props, r = e.onZoomStart, o = e.onZoom, a = i.setup.doubleClick, t = a.animationTime, l = a.animationType;
+  C(b(i), n, r), Vi(i, t, l, function() {
+    return C(b(i), n, o);
+  }), Fi(i, n);
+};
+function pr(i, n) {
+  return i === "toggle" ? n === 1 ? 1 : -1 : i === "zoomOut" ? -1 : 1;
+}
+function hr(i, n) {
+  var e = i.setup, r = i.doubleClickStopEventTimer, o = i.transformState, a = i.contentComponent, t = o.scale, l = i.props, s = l.onZoomStart, u = l.onZoom, d = e.doubleClick, v = d.disabled, f = d.mode, m = d.step, p = d.animationTime, h = d.animationType;
+  if (!v && !r) {
+    if (f === "reset")
+      return mr(i, n);
+    if (!a)
+      return console.error("No ContentComponent found");
+    var g = pr(f, i.transformState.scale), S = Li(i, g, m);
+    if (t !== S) {
+      C(b(i), n, s);
+      var P = Ki(n, a, t), w = ci(i, S, P.x, P.y);
+      if (!w)
+        return console.error("Error during zoom event. New transformation state was not calculated.");
+      C(b(i), n, u), O(i, w, p, h), Fi(i, n);
+    }
+  }
+}
+var cr = function(i, n) {
+  var e = i.isInitialized, r = i.setup, o = i.wrapperComponent, a = r.doubleClick, t = a.disabled, l = a.excluded, s = n.target, u = o == null ? void 0 : o.contains(s), d = e && s && u && !t;
+  if (!d)
+    return !1;
+  var v = I(s, l);
+  return !v;
+}, gr = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function i(n) {
+      var e = this;
+      this.mounted = !0, this.pinchLastCenterX = null, this.pinchLastCenterY = null, 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.isWheelPanning = !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) {
+        e.props = r, Q(e, e.transformState.scale), e.setup = zi(r);
+      }, this.initializeWindowEvents = function() {
+        var r, o, a = si(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
+        (o = e.wrapperComponent) === null || o === void 0 || o.addEventListener("wheel", e.onWheelPanning, a), l == null || l.addEventListener("mousedown", e.onPanningStart, a), l == null || l.addEventListener("mousemove", e.onPanning, a), l == null || l.addEventListener("mouseup", e.onPanningStop, a), t == null || t.addEventListener("mouseleave", e.clearPanning, a), l == null || l.addEventListener("keyup", e.setKeyUnPressed, a), l == null || l.addEventListener("keydown", e.setKeyPressed, a);
+      }, this.cleanupWindowEvents = function() {
+        var r, o, 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), (o = e.observer) === null || o === void 0 || o.disconnect();
+      }, this.handleInitializeWrapperEvents = function(r) {
+        var o = si();
+        r.addEventListener("wheel", e.onWheelZoom, o), r.addEventListener("dblclick", e.onDoubleClick, o), r.addEventListener("touchstart", e.onTouchPanningStart, o), r.addEventListener("touchmove", e.onTouchPanning, o), r.addEventListener("touchend", e.onTouchPanningStop, o);
+      }, this.handleInitialize = function(r) {
+        var o = e.setup.centerOnInit;
+        e.applyTransformation(), e.onInitCallbacks.forEach(function(a) {
+          return a(b(e));
+        }), o && (e.setCenter(), e.observer = new ResizeObserver(function() {
+          var a, t = r.offsetWidth, l = r.offsetHeight;
+          (t > 0 || l > 0) && (e.onInitCallbacks.forEach(function(s) {
+            return s(b(e));
+          }), e.setCenter(), (a = e.observer) === null || a === void 0 || a.disconnect());
+        }), setTimeout(function() {
+          var a;
+          (a = e.observer) === null || a === void 0 || a.disconnect();
+        }, 5e3), e.observer.observe(r));
+      }, this.onWheelZoom = function(r) {
+        var o = e.setup.disabled;
+        if (!o) {
+          var a = Ge(e, r);
+          if (a) {
+            var t = e.isPressingKeys(e.setup.wheel.activationKeys);
+            t && (lr(e, r), sr(e, r), ur(e, r));
+          }
+        }
+      }, this.onWheelPanning = function(r) {
+        var o = e.setup, a = o.disabled, t = o.wheel, l = o.panning;
+        if (!(!e.wrapperComponent || !e.contentComponent || a || !t.wheelDisabled || l.disabled || !l.wheelPanning || r.ctrlKey)) {
+          r.preventDefault(), r.stopPropagation();
+          var s = e.transformState, u = s.positionX, d = s.positionY, v = u - r.deltaX, f = d - r.deltaY, m = l.lockAxisX ? u : v, p = l.lockAxisY ? d : f, h = e.setup.alignmentAnimation, g = h.sizeX, S = h.sizeY, P = B(e, g), w = B(e, S);
+          m === u && p === d || Bi(e, m, p, P, w);
+        }
+      }, this.onPanningStart = function(r) {
+        var o = e.setup.disabled, a = e.props.onPanningStart;
+        if (!o) {
+          var t = Pi(e, r);
+          if (t) {
+            var l = e.isPressingKeys(e.setup.panning.activationKeys);
+            l && (r.button === 0 && !e.setup.panning.allowLeftClickPan || r.button === 1 && !e.setup.panning.allowMiddleClickPan || r.button === 2 && !e.setup.panning.allowRightClickPan || (r.preventDefault(), r.stopPropagation(), _(e), Ti(e, r), C(b(e), r, a)));
+          }
+        }
+      }, this.onPanning = function(r) {
+        var o = e.setup.disabled, a = e.props.onPanning;
+        if (!o) {
+          var t = yi(e);
+          if (t) {
+            var l = e.isPressingKeys(e.setup.panning.activationKeys);
+            l && (r.preventDefault(), r.stopPropagation(), Xi(e, r.clientX, r.clientY), C(b(e), r, a));
+          }
+        }
+      }, this.onPanningStop = function(r) {
+        var o = e.props.onPanningStop;
+        e.isPanning && (Me(e), C(b(e), r, o));
+      }, this.onPinchStart = function(r) {
+        var o = e.setup.disabled, a = e.props, t = a.onPinchingStart, l = a.onZoomStart;
+        if (!o) {
+          var s = er(e, r);
+          s && (dr(e, r), _(e), C(b(e), r, t), C(b(e), r, l));
+        }
+      }, this.onPinch = function(r) {
+        var o = e.setup.disabled, a = e.props, t = a.onPinching, l = a.onZoom;
+        if (!o) {
+          var s = rr(e);
+          s && (r.preventDefault(), r.stopPropagation(), vr(e, r), C(b(e), r, t), C(b(e), r, l));
+        }
+      }, this.onPinchStop = function(r) {
+        var o = e.props, a = o.onPinchingStop, t = o.onZoomStop;
+        e.pinchStartScale && (fr(e), C(b(e), r, a), C(b(e), r, t));
+      }, this.onTouchPanningStart = function(r) {
+        var o = e.setup.disabled, a = e.props.onPanningStart;
+        if (!o) {
+          var t = Pi(e, r);
+          if (t) {
+            var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
+            if (!l) {
+              e.lastTouch = +/* @__PURE__ */ new Date(), _(e);
+              var s = r.touches, u = s.length === 1, d = s.length === 2;
+              u && (_(e), Ti(e, r), C(b(e), r, a)), d && e.onPinchStart(r);
+            }
+          }
+        }
+      }, this.onTouchPanning = function(r) {
+        var o = e.setup.disabled, a = e.props.onPanning;
+        if (e.isPanning && r.touches.length === 1) {
+          if (o)
+            return;
+          var t = yi(e);
+          if (!t)
+            return;
+          r.preventDefault(), r.stopPropagation();
+          var l = r.touches[0];
+          Xi(e, l.clientX, l.clientY), C(b(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 o = e.setup.disabled;
+        if (!o) {
+          var a = cr(e, r);
+          a && hr(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(o) {
+          return e.pressedKeys[o];
+        }) : !0;
+      }, this.setTransformState = function(r, o, a) {
+        var t = e.props.onTransformed;
+        if (!Number.isNaN(r) && !Number.isNaN(o) && !Number.isNaN(a)) {
+          r !== e.transformState.scale && (e.transformState.previousScale = e.transformState.scale, e.transformState.scale = r), e.transformState.positionX = o, e.transformState.positionY = a, e.applyTransformation();
+          var l = b(e);
+          e.onChangeCallbacks.forEach(function(s) {
+            return s(l);
+          }), C(l, { scale: r, positionX: o, positionY: a }, t);
+        } else
+          console.error("Detected NaN set state values");
+      }, this.setCenter = function() {
+        if (e.wrapperComponent && e.contentComponent) {
+          var r = Hi(e.transformState.scale, e.wrapperComponent, e.contentComponent);
+          e.setTransformState(r.scale, r.positionX, r.positionY);
+        }
+      }, this.handleTransformStyles = function(r, o, a) {
+        return e.props.customTransform ? e.props.customTransform(r, o, a) : Ue(r, o, a);
+      }, this.applyTransformation = function() {
+        if (!(!e.mounted || !e.contentComponent)) {
+          var r = e.transformState, o = r.scale, a = r.positionX, t = r.positionY, l = e.handleTransformStyles(a, t, o);
+          e.contentComponent.style.transform = l;
+        }
+      }, this.getContext = function() {
+        return b(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, o) {
+        e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = o, Q(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(o), e.initializeWindowEvents(), e.isInitialized = !0;
+        var a = b(e);
+        C(a, void 0, e.props.onInit);
+      }, this.props = n, this.setup = zi(this.props), this.transformState = Zi(this.props);
+    }
+    return i;
+  }()
+), ii = c.createContext(null), br = function(i, n) {
+  return typeof i == "function" ? i(n) : i;
+}, Sr = c.forwardRef(function(i, n) {
+  var e = K(new gr(i)).current, r = br(i.children, vi(e));
+  return ie(n, function() {
+    return vi(e);
+  }, [e]), F(function() {
+    e.update(i);
+  }, [e, i]), c.createElement(ii.Provider, { value: e }, r);
+});
+c.forwardRef(function(i, n) {
+  var e = K(null), r = pi(ii);
+  return F(function() {
+    return r.onChange(function(o) {
+      if (e.current) {
+        var a = 0, t = 0;
+        e.current.style.transform = r.handleTransformStyles(a, t, 1 / o.instance.transformState.scale);
+      }
+    });
+  }, [r]), c.createElement("div", D({}, i, { ref: $e([e, n]) }));
+});
+function wr(i, n) {
+  n === void 0 && (n = {});
+  var e = n.insertAt;
+  if (!(typeof document > "u")) {
+    var r = document.head || document.getElementsByTagName("head")[0], o = document.createElement("style");
+    o.type = "text/css", e === "top" && r.firstChild ? r.insertBefore(o, r.firstChild) : r.appendChild(o), o.styleSheet ? o.styleSheet.cssText = i : o.appendChild(document.createTextNode(i));
+  }
+}
+var Cr = `.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;
+}
+`, Ai = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
+wr(Cr);
+var Pr = function(i) {
+  var n = i.children, e = i.wrapperClass, r = e === void 0 ? "" : e, o = i.contentClass, a = o === void 0 ? "" : o, t = i.wrapperStyle, l = i.contentStyle, s = i.wrapperProps, u = s === void 0 ? {} : s, d = i.contentProps, v = d === void 0 ? {} : d, f = pi(ii), m = f.init, p = f.cleanupWindowEvents, h = K(null), g = K(null);
+  return F(function() {
+    var S = h.current, P = g.current;
+    return S !== null && P !== null && m && (m == null || m(S, P)), function() {
+      p == null || p();
+    };
+  }, []), c.createElement(
+    "div",
+    D({}, u, { ref: h, className: "".concat(di.wrapperClass, " ").concat(Ai.wrapper, " ").concat(r), style: t }),
+    c.createElement("div", D({}, v, { ref: g, className: "".concat(di.contentClass, " ").concat(Ai.content, " ").concat(a), style: l }), n)
+  );
+}, yr = function() {
+  var i = pi(ii);
+  if (!i)
+    throw new Error("Transform context must be placed inside TransformWrapper");
+  return i;
+};
+function Yr(i) {
+  var n = yr(), e = _i(i(fi(n))), r = e[0], o = e[1];
+  return F(function() {
+    var a = !0, t = n.onChange(function(l) {
+      a && o(i(fi(l.instance)));
+    });
+    return function() {
+      t(), a = !1;
+    };
+  }, [i, n]), r;
+}
+const Tr = (i) => {
+  const n = (e) => {
+    e.preventDefault();
+    const r = parseFloat(e.target.value);
+    i.onChange(r);
+  };
+  return /* @__PURE__ */ c.createElement("div", { className: i.className }, /* @__PURE__ */ c.createElement(
+    "input",
+    {
+      onChange: n,
+      type: "range",
+      min: i.minValue,
+      max: i.maxValue,
+      value: i.value,
+      "aria-valuenow": i.value,
+      "aria-valuemin": i.minValue,
+      "aria-valuemax": i.maxValue,
+      "aria-label": i.ariaLabel,
+      step: 0.1
+    }
+  ));
+}, Hr = ({
+  ariaLabelCloseButton: i,
+  ariaLabelLeftArrow: n,
+  ariaLabelLightBox: e,
+  ariaLabelRightArrow: r,
+  ariaLabelCloseTextBox: o,
+  ariaLabelOpenTextBox: a,
+  ariaLabelZoomIn: t,
+  ariaLabelZoomOut: l,
+  ariaLabelZoomSlider: s,
+  closeTextAfterSeconds: u,
+  imageAlt: d,
+  imageSrc: v,
+  imageText: f,
+  onClose: m,
+  onLeftArrowClick: p,
+  onRightArrowClick: h,
+  testId: g
+}) => {
+  const [S, P] = c.useState(!0), w = K(null), X = K(null), { height: T = 0 } = ue(X) || {}, [z, A] = _i(1);
+  de(w, m, [se.Escape]);
+  const W = (Y) => {
+    z !== Y && A(Y);
+  };
+  return F(() => {
+    if (!u) return;
+    const Y = setTimeout(() => {
+      P(!1);
+    }, u * 1e3);
+    return () => clearTimeout(Y);
+  }, []), /* @__PURE__ */ c.createElement(
+    "div",
+    {
+      "data-testid": g,
+      className: y.lightBox,
+      style: { zIndex: Z.OverlayScreen },
+      role: "dialog",
+      "aria-modal": !0,
+      "aria-label": e,
+      ref: w
+    },
+    /* @__PURE__ */ c.createElement(
+      "button",
+      {
+        onClick: m,
+        "aria-label": i,
+        "data-testid": "closeButton",
+        className: V(y.button, y["close-button"]),
+        style: { zIndex: Z.LightBoxButtons }
+      },
+      /* @__PURE__ */ c.createElement(L, { svgIcon: le, color: "white", size: M.XSmall })
+    ),
+    p && /* @__PURE__ */ c.createElement(
+      "button",
+      {
+        className: V(y.button, y["arrow-button"], y["arrow-button--left"]),
+        onClick: p,
+        "aria-label": n,
+        "data-testid": "leftArrow",
+        style: { zIndex: Z.LightBoxButtons }
+      },
+      /* @__PURE__ */ c.createElement(L, { svgIcon: ee, color: "white", size: M.XSmall })
+    ),
+    h && /* @__PURE__ */ c.createElement(
+      "button",
+      {
+        className: V(y.button, y["arrow-button"], y["arrow-button--right"]),
+        onClick: h,
+        "aria-label": r,
+        "data-testid": "rightarrow",
+        style: { zIndex: Z.LightBoxButtons }
+      },
+      /* @__PURE__ */ c.createElement(L, { svgIcon: re, color: "white", size: M.XSmall })
+    ),
+    f && /* @__PURE__ */ c.createElement(
+      "div",
+      {
+        className: y["image-text-box"],
+        style: { bottom: S ? "0" : "-" + T + "px", transition: "0.5s", zIndex: Z.LightBoxButtons }
+      },
+      /* @__PURE__ */ c.createElement(
+        "button",
+        {
+          className: V(y.button, y["image-text-box__button"]),
+          onClick: () => P(!S),
+          style: { zIndex: Z.LightBoxButtons },
+          "aria-label": S ? o : a,
+          "aria-expanded": S
+        },
+        S ? /* @__PURE__ */ c.createElement(L, { svgIcon: ne, color: "white", size: M.XSmall }) : /* @__PURE__ */ c.createElement(L, { svgIcon: ae, color: "white", size: M.XSmall })
+      ),
+      /* @__PURE__ */ c.createElement("div", null, /* @__PURE__ */ c.createElement("p", { ref: X, className: y["image-text-box__text"] }, f), /* @__PURE__ */ c.createElement("div", { className: y["image-text-box__overflow-border"] }))
+    ),
+    /* @__PURE__ */ c.createElement(Sr, { initialScale: 1, maxScale: 4, doubleClick: { mode: "toggle", step: 4 } }, ({ setTransform: Y }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(
+      Xr,
+      {
+        transform: Y,
+        updateStates: W,
+        zoom: z,
+        ariaLabelZoomIn: t,
+        ariaLabelZoomOut: l,
+        ariaLabelZoomSlider: s
+      }
+    ), /* @__PURE__ */ c.createElement(
+      Pr,
+      {
+        wrapperStyle: {
+          zIndex: 1,
+          width: "100%",
+          height: "100%"
+        },
+        contentStyle: {
+          width: "100%",
+          height: "100%"
+        }
+      },
+      /* @__PURE__ */ c.createElement("img", { src: v, alt: d })
+    )))
+  );
+}, Xr = ({
+  transform: i,
+  updateStates: n,
+  zoom: e,
+  ariaLabelZoomIn: r,
+  ariaLabelZoomOut: o,
+  ariaLabelZoomSlider: a
+}) => {
+  Yr(({ state: u }) => {
+    n(u.scale);
+  });
+  const t = (u) => {
+    const d = document.getElementsByClassName("react-transform-component")[0], v = window.getComputedStyle(d), f = new WebKitCSSMatrix(v.transform), m = (u - e) / e + 1, p = (f.m41 - window.innerWidth / 2 * (1 - e / u)) * m, h = (f.m42 - window.innerHeight / 2 * (1 - e / u)) * m;
+    return [p, h];
+  }, l = (u) => {
+    if (u === void 0 || u === e) return;
+    u < 1 && (u = 1), u > 4 && (u = 4);
+    const [d, v] = t(u);
+    i(d, v, u, 1);
+  }, s = (u) => {
+    if (u === void 0 || u === e) return;
+    u < 1 && (u = 1), u > 4 && (u = 4);
+    const [d, v] = t(u);
+    i(d, v, u);
+  };
+  return /* @__PURE__ */ c.createElement("div", { className: V(y["zoom-buttons"]), style: { zIndex: Z.LightBoxButtons } }, /* @__PURE__ */ c.createElement("button", { className: V(y.button), onClick: () => s(e - 0.5), "aria-label": o }, /* @__PURE__ */ c.createElement(L, { svgIcon: oe, color: "white", size: M.XSmall })), /* @__PURE__ */ c.createElement(
+    Tr,
+    {
+      className: y.slider,
+      minValue: 1,
+      maxValue: 4,
+      onChange: l,
+      value: e,
+      ariaLabel: a
+    }
+  ), /* @__PURE__ */ c.createElement("button", { className: V(y.button), onClick: () => s(e + 0.5), "aria-label": r }, /* @__PURE__ */ c.createElement(L, { svgIcon: te, color: "white", size: M.XSmall })));
+};
+export {
+  Hr as default
+};
+//# sourceMappingURL=index.js.map