@helsenorge/lightbox 8.5.0 → 8.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +28 -3
  2. package/components/LightBox/index.js +435 -417
  3. package/components/LightBox/index.js.map +1 -1
  4. package/package.json +1 -1
package/components/LightBox/index.js CHANGED
@@ -1,79 +1,80 @@
1
- import c, { useRef as K, useImperativeHandle as ie, useEffect as F, useContext as pi, useState as _i } from "react";
2
- import V from "classnames";
3
- import M from "@helsenorge/designsystem-react/components/Icon";
4
- import ee from "@helsenorge/designsystem-react/components/Icons/ChevronLeft";
5
- import re from "@helsenorge/designsystem-react/components/Icons/ChevronRight";
6
- import ne from "@helsenorge/designsystem-react/components/Icons/ChevronsDown";
7
- import ae from "@helsenorge/designsystem-react/components/Icons/ChevronsUp";
8
- import oe from "@helsenorge/designsystem-react/components/Icons/Minus";
9
- import te from "@helsenorge/designsystem-react/components/Icons/PlusSmall";
10
- import le from "@helsenorge/designsystem-react/components/Icons/X";
11
- import { KeyboardEventKey as se, ZIndex as Z, IconSize as L } from "@helsenorge/designsystem-react/constants";
12
- import { useFocusTrap as ue } from "@helsenorge/designsystem-react/hooks/useFocusTrap";
13
- import { useSize as de } from "@helsenorge/designsystem-react/hooks/useSize";
14
- import { useKeyboardEvent as ve } from "@helsenorge/designsystem-react";
1
+ import { jsxs as Q, jsx as C, Fragment as re } from "react/jsx-runtime";
2
+ import B, { useRef as R, useImperativeHandle as ne, useEffect as q, useContext as ci, useState as Ni } from "react";
3
+ import H from "classnames";
4
+ import L from "@helsenorge/designsystem-react/components/Icon";
5
+ import ae from "@helsenorge/designsystem-react/components/Icons/ChevronLeft";
6
+ import oe from "@helsenorge/designsystem-react/components/Icons/ChevronRight";
7
+ import te from "@helsenorge/designsystem-react/components/Icons/ChevronsDown";
8
+ import le from "@helsenorge/designsystem-react/components/Icons/ChevronsUp";
9
+ import se from "@helsenorge/designsystem-react/components/Icons/Minus";
10
+ import ue from "@helsenorge/designsystem-react/components/Icons/PlusSmall";
11
+ import de from "@helsenorge/designsystem-react/components/Icons/X";
12
+ import { KeyboardEventKey as ve, ZIndex as M, IconSize as V } from "@helsenorge/designsystem-react/constants";
13
+ import { useFocusTrap as fe } from "@helsenorge/designsystem-react/hooks/useFocusTrap";
14
+ import { useSize as me } from "@helsenorge/designsystem-react/hooks/useSize";
15
+ import { useKeyboardEvent as pe } from "@helsenorge/designsystem-react";
15
16
  import y from "./styles.module.scss";
16
- var E = function(i, n) {
17
+ var z = function(i, n) {
17
18
  return Number(i.toFixed(n));
18
- }, fe = function(i, n) {
19
+ }, he = function(i, n) {
19
20
  return n;
20
- }, C = function(i, n, e) {
21
+ }, w = function(i, n, e) {
21
22
  e && typeof e == "function" && e(i, n);
22
- }, me = function(i) {
23
+ }, ce = function(i) {
23
24
  return -Math.cos(i * Math.PI) / 2 + 0.5;
24
- }, pe = function(i) {
25
+ }, ge = function(i) {
25
26
  return i;
26
- }, he = function(i) {
27
+ }, be = function(i) {
27
28
  return i * i;
28
- }, ce = function(i) {
29
+ }, Se = function(i) {
29
30
  return i * (2 - i);
30
- }, ge = function(i) {
31
+ }, we = function(i) {
31
32
  return i < 0.5 ? 2 * i * i : -1 + (4 - 2 * i) * i;
32
- }, be = function(i) {
33
+ }, Ce = function(i) {
33
34
  return i * i * i;
34
- }, Se = function(i) {
35
+ }, Pe = function(i) {
35
36
  return --i * i * i + 1;
36
- }, we = function(i) {
37
+ }, ye = function(i) {
37
38
  return i < 0.5 ? 4 * i * i * i : (i - 1) * (2 * i - 2) * (2 * i - 2) + 1;
38
- }, Ce = function(i) {
39
+ }, Te = function(i) {
39
40
  return i * i * i * i;
40
- }, Pe = function(i) {
41
+ }, Ye = function(i) {
41
42
  return 1 - --i * i * i * i;
42
- }, ye = function(i) {
43
+ }, Xe = function(i) {
43
44
  return i < 0.5 ? 8 * i * i * i * i : 1 - 8 * --i * i * i * i;
44
- }, Te = function(i) {
45
+ }, ze = function(i) {
45
46
  return i * i * i * i * i;
46
- }, Ye = function(i) {
47
+ }, Ae = function(i) {
47
48
  return 1 + --i * i * i * i * i;
48
- }, Xe = function(i) {
49
+ }, _e = function(i) {
49
50
  return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
50
- }, Wi = {
51
- easeOut: me,
52
- linear: pe,
53
- easeInQuad: he,
54
- easeOutQuad: ce,
55
- easeInOutQuad: ge,
56
- easeInCubic: be,
57
- easeOutCubic: Se,
58
- easeInOutCubic: we,
59
- easeInQuart: Ce,
60
- easeOutQuart: Pe,
61
- easeInOutQuart: ye,
62
- easeInQuint: Te,
63
- easeOutQuint: Ye,
64
- easeInOutQuint: Xe
65
- }, Ni = function(i) {
51
+ }, Di = {
52
+ easeOut: ce,
53
+ linear: ge,
54
+ easeInQuad: be,
55
+ easeOutQuad: Se,
56
+ easeInOutQuad: we,
57
+ easeInCubic: Ce,
58
+ easeOutCubic: Pe,
59
+ easeInOutCubic: ye,
60
+ easeInQuart: Te,
61
+ easeOutQuart: Ye,
62
+ easeInOutQuart: Xe,
63
+ easeInQuint: ze,
64
+ easeOutQuint: Ae,
65
+ easeInOutQuint: _e
66
+ }, Bi = function(i) {
66
67
  typeof i == "number" && cancelAnimationFrame(i);
67
- }, _ = function(i) {
68
- i.mounted && (Ni(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
68
+ }, E = function(i) {
69
+ i.mounted && (Bi(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
69
70
  };
70
- function Di(i, n, e, r) {
71
+ function Oi(i, n, e, r) {
71
72
  if (i.mounted) {
72
73
  var a = (/* @__PURE__ */ new Date()).getTime(), o = 1;
73
- _(i), i.animation = function() {
74
+ E(i), i.animation = function() {
74
75
  if (!i.mounted)
75
- return Ni(i.animation);
76
- var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s = Wi[n], u = s(l);
76
+ return Bi(i.animation);
77
+ var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s = Di[n], u = s(l);
77
78
  t >= e ? (r(o), i.animation = null) : i.animation && (r(u), requestAnimationFrame(i.animation));
78
79
  }, requestAnimationFrame(i.animation);
79
80
  }
@@ -82,17 +83,17 @@ function Ee(i) {
82
83
  var n = i.scale, e = i.positionX, r = i.positionY;
83
84
  return !(Number.isNaN(n) || Number.isNaN(e) || Number.isNaN(r));
84
85
  }
85
- function O(i, n, e, r) {
86
+ function k(i, n, e, r) {
86
87
  var a = Ee(n);
87
88
  if (!(!i.mounted || !a)) {
88
89
  var o = 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;
89
- e === 0 ? o(n.scale, n.positionX, n.positionY) : Di(i, r, e, function(m) {
90
- var p = l + d * m, h = s + v * m, g = u + f * m;
91
- o(p, h, g);
90
+ e === 0 ? o(n.scale, n.positionX, n.positionY) : Oi(i, r, e, function(m) {
91
+ var p = l + d * m, h = s + v * m, c = u + f * m;
92
+ o(p, h, c);
92
93
  });
93
94
  }
94
95
  }
95
- function ze(i, n, e) {
96
+ function We(i, n, e) {
96
97
  var r = i.offsetWidth, a = i.offsetHeight, o = n.offsetWidth, t = n.offsetHeight, l = o * e, s = t * e, u = r - l, d = a - s;
97
98
  return {
98
99
  wrapperWidth: r,
@@ -103,55 +104,55 @@ function ze(i, n, e) {
103
104
  newDiffHeight: d
104
105
  };
105
106
  }
106
- var Ae = function(i, n, e, r, a, o, t) {
107
+ var Ne = function(i, n, e, r, a, o, t) {
107
108
  var l = i > n ? e * (t ? 1 : 0.5) : 0, s = r > a ? o * (t ? 1 : 0.5) : 0, u = i - n - l, d = l, v = r - a - s, f = s;
108
109
  return { minPositionX: u, maxPositionX: d, minPositionY: v, maxPositionY: f };
109
- }, hi = function(i, n) {
110
+ }, gi = function(i, n) {
110
111
  var e = i.wrapperComponent, r = i.contentComponent, a = i.setup.centerZoomedOut;
111
112
  if (!e || !r)
112
113
  throw new Error("Components are not mounted");
113
- var o = ze(e, r, n), t = o.wrapperWidth, l = o.wrapperHeight, s = o.newContentWidth, u = o.newDiffWidth, d = o.newContentHeight, v = o.newDiffHeight, f = Ae(t, s, u, l, d, v, !!a);
114
+ var o = We(e, r, n), t = o.wrapperWidth, l = o.wrapperHeight, s = o.newContentWidth, u = o.newDiffWidth, d = o.newContentHeight, v = o.newDiffHeight, f = Ne(t, s, u, l, d, v, !!a);
114
115
  return f;
115
- }, ui = function(i, n, e, r) {
116
- return r ? i < n ? E(n, 2) : i > e ? E(e, 2) : E(i, 2) : E(i, 2);
117
- }, Q = function(i, n) {
118
- var e = hi(i, n);
116
+ }, vi = function(i, n, e, r) {
117
+ return r ? i < n ? z(n, 2) : i > e ? z(e, 2) : z(i, 2) : z(i, 2);
118
+ }, F = function(i, n) {
119
+ var e = gi(i, n);
119
120
  return i.bounds = e, e;
120
121
  };
121
- function j(i, n, e, r, a, o, t) {
122
+ function U(i, n, e, r, a, o, t) {
122
123
  var l = e.minPositionX, s = e.minPositionY, u = e.maxPositionX, d = e.maxPositionY, v = 0, f = 0;
123
124
  t && (v = a, f = o);
124
- var m = ui(i, l - v, u + v, r), p = ui(n, s - f, d + f, r);
125
+ var m = vi(i, l - v, u + v, r), p = vi(n, s - f, d + f, r);
125
126
  return { x: m, y: p };
126
127
  }
127
- function x(i, n, e, r, a, o) {
128
+ function ii(i, n, e, r, a, o) {
128
129
  var t = i.transformState, l = t.scale, s = t.positionX, u = t.positionY, d = r - l;
129
130
  if (typeof n != "number" || typeof e != "number")
130
131
  return console.error("Mouse X and Y position were not provided!"), { x: s, y: u };
131
- var v = s - n * d, f = u - e * d, m = j(v, f, a, o, 0, 0, null);
132
+ var v = s - n * d, f = u - e * d, m = U(v, f, a, o, 0, 0, null);
132
133
  return m;
133
134
  }
134
- function q(i, n, e, r, a) {
135
+ function $(i, n, e, r, a) {
135
136
  var o = a ? r : 0, t = n - o;
136
137
  return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(n) && i <= t ? t : i;
137
138
  }
138
- var Pi = function(i, n) {
139
+ var Ti = function(i, n) {
139
140
  var e = i.setup.panning.excluded, r = i.isInitialized, a = i.wrapperComponent, o = n.target, t = "shadowRoot" in o && "composedPath" in n, l = t ? n.composedPath().some(function(d) {
140
141
  return d instanceof Element ? a == null ? void 0 : a.contains(d) : !1;
141
142
  }) : a == null ? void 0 : a.contains(o), s = r && o && l;
142
143
  if (!s)
143
144
  return !1;
144
- var u = I(o, e);
145
+ var u = ei(o, e);
145
146
  return !u;
146
- }, yi = function(i) {
147
+ }, Yi = function(i) {
147
148
  var n = i.isInitialized, e = i.isPanning, r = i.setup, a = r.panning.disabled, o = n && e && !a;
148
149
  return !!o;
149
- }, _e = function(i, n) {
150
+ }, De = function(i, n) {
150
151
  var e = i.transformState, r = e.positionX, a = e.positionY;
151
152
  i.isPanning = !0;
152
153
  var o = n.clientX, t = n.clientY;
153
154
  i.startCoords = { x: o - r, y: t - a };
154
- }, We = function(i, n) {
155
+ }, Be = function(i, n) {
155
156
  var e = n.touches, r = i.transformState, a = r.positionX, o = r.positionY;
156
157
  i.isPanning = !0;
157
158
  var t = e.length === 1;
@@ -160,45 +161,45 @@ var Pi = function(i, n) {
160
161
  i.startCoords = { x: l - a, y: s - o };
161
162
  }
162
163
  };
163
- function Ne(i) {
164
+ function Oe(i) {
164
165
  var n = i.transformState, e = n.positionX, r = n.positionY, a = n.scale, o = i.setup, t = o.disabled, l = o.limitToBounds, s = o.centerZoomedOut, u = i.wrapperComponent;
165
166
  if (!(t || !u || !i.bounds)) {
166
- 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, w = e > v ? u.offsetWidth : i.setup.minPositionX || 0, P = r > m ? u.offsetHeight : i.setup.minPositionY || 0, S = x(i, w, P, a, i.bounds, l || s), X = S.x, Y = S.y;
167
+ var d = i.bounds, v = d.maxPositionX, f = d.minPositionX, m = d.maxPositionY, p = d.minPositionY, h = e > v || e < f, c = r > m || r < p, S = e > v ? u.offsetWidth : i.setup.minPositionX || 0, P = r > m ? u.offsetHeight : i.setup.minPositionY || 0, b = ii(i, S, P, a, i.bounds, l || s), X = b.x, Y = b.y;
167
168
  return {
168
169
  scale: a,
169
170
  positionX: h ? X : e,
170
- positionY: g ? Y : r
171
+ positionY: c ? Y : r
171
172
  };
172
173
  }
173
174
  }
174
- function Bi(i, n, e, r, a) {
175
+ function ki(i, n, e, r, a) {
175
176
  var o = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, u = s.scale, d = s.positionX, v = s.positionY;
176
177
  if (!(t === null || l === null || n === d && e === v)) {
177
- var f = j(n, e, l, o, r, a, t), m = f.x, p = f.y;
178
+ var f = U(n, e, l, o, r, a, t), m = f.x, p = f.y;
178
179
  i.setTransformState(u, m, p);
179
180
  }
180
181
  }
181
- var De = function(i, n, e) {
182
+ var ke = function(i, n, e) {
182
183
  var r = i.startCoords, a = i.transformState, o = i.setup.panning, t = o.lockAxisX, l = o.lockAxisY, s = a.positionX, u = a.positionY;
183
184
  if (!r)
184
185
  return { x: s, y: u };
185
186
  var d = n - r.x, v = e - r.y, f = t ? s : d, m = l ? u : v;
186
187
  return { x: f, y: m };
187
- }, B = function(i, n) {
188
+ }, O = function(i, n) {
188
189
  var e = i.setup, r = i.transformState, a = r.scale, o = e.minScale, t = e.disablePadding;
189
190
  return n > 0 && a >= o && !t ? n : 0;
190
- }, Be = function(i) {
191
+ }, Ze = function(i) {
191
192
  var n = i.mounted, e = i.setup, r = e.disabled, a = e.velocityAnimation, o = i.transformState.scale, t = a.disabled, l = !t || o > 1 || !r || n;
192
193
  return !!l;
193
- }, Oe = function(i) {
194
+ }, Me = function(i) {
194
195
  var n = i.mounted, e = i.velocity, r = i.bounds, a = i.setup, o = a.disabled, t = a.velocityAnimation, l = i.transformState.scale, s = t.disabled, u = !s || l > 1 || !o || n;
195
196
  return !(!u || !e || !r);
196
197
  };
197
- function ke(i, n) {
198
+ function Le(i, n) {
198
199
  var e = i.setup.velocityAnimation, r = e.equalToMove, a = e.animationTime, o = e.sensitivity;
199
200
  return r ? a * n * o : a;
200
201
  }
201
- function Ti(i, n, e, r, a, o, t, l, s, u) {
202
+ function Xi(i, n, e, r, a, o, t, l, s, u) {
202
203
  if (a) {
203
204
  if (n > t && e > t) {
204
205
  var d = t + (i - t) * u;
@@ -209,68 +210,68 @@ function Ti(i, n, e, r, a, o, t, l, s, u) {
209
210
  return d < l ? l : d > o ? o : d;
210
211
  }
211
212
  }
212
- return r ? n : ui(i, o, t, a);
213
+ return r ? n : vi(i, o, t, a);
213
214
  }
214
- function Ze(i, n) {
215
+ function Ve(i, n) {
215
216
  var e = 1;
216
217
  return n ? Math.min(e, i.offsetWidth / window.innerWidth) : e;
217
218
  }
218
- function Me(i, n) {
219
- var e = Be(i);
219
+ function He(i, n) {
220
+ var e = Ze(i);
220
221
  if (e) {
221
222
  var r = i.lastMousePosition, a = i.velocityTime, o = i.setup, t = i.wrapperComponent, l = o.velocityAnimation.equalToMove, s = Date.now();
222
223
  if (r && a && t) {
223
- var u = Ze(t, l), d = n.x - r.x, v = n.y - r.y, f = d / u, m = v / u, p = s - a, h = d * d + v * v, g = Math.sqrt(h) / p;
224
- i.velocity = { velocityX: f, velocityY: m, total: g };
224
+ var u = Ve(t, l), d = n.x - r.x, v = n.y - r.y, f = d / u, m = v / u, p = s - a, h = d * d + v * v, c = Math.sqrt(h) / p;
225
+ i.velocity = { velocityX: f, velocityY: m, total: c };
225
226
  }
226
227
  i.lastMousePosition = n, i.velocityTime = s;
227
228
  }
228
229
  }
229
- function Le(i) {
230
- var n = i.velocity, e = i.bounds, r = i.setup, a = i.wrapperComponent, o = Oe(i);
230
+ function Ke(i) {
231
+ var n = i.velocity, e = i.bounds, r = i.setup, a = i.wrapperComponent, o = Me(i);
231
232
  if (!(!o || !n || !e || !a)) {
232
- 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, w = g.lockAxisY, P = g.lockAxisX, S = h.animationType, X = p.sizeX, Y = p.sizeY, z = p.velocityAlignmentTime, A = z, W = ke(i, s), T = Math.max(W, A), N = B(i, X), k = B(i, Y), H = N * a.offsetWidth / 100, U = k * a.offsetHeight / 100, ei = u + H, $ = d - H, ri = v + U, ni = f - U, gi = i.transformState, ji = (/* @__PURE__ */ new Date()).getTime();
233
- Di(i, S, T, function(qi) {
234
- 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 = Ti(wi, gi.positionX, oi, P, m, d, u, $, ei, bi), Ii = Ti(Ci, gi.positionY, ti, w, m, f, v, ni, ri, bi);
235
- (oi !== wi || ti !== Ci) && i.setTransformState(Ui, xi, Ii);
233
+ 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, c = r.panning, S = c.lockAxisY, P = c.lockAxisX, b = h.animationType, X = p.sizeX, Y = p.sizeY, A = p.velocityAlignmentTime, _ = A, W = Le(i, s), T = Math.max(W, _), N = O(i, X), Z = O(i, Y), K = N * a.offsetWidth / 100, G = Z * a.offsetHeight / 100, ni = u + K, J = d - K, ai = v + G, oi = f - G, Si = i.transformState, Ui = (/* @__PURE__ */ new Date()).getTime();
234
+ Oi(i, b, T, function($i) {
235
+ var ti = i.transformState, Gi = ti.scale, li = ti.positionX, si = ti.positionY, Ji = (/* @__PURE__ */ new Date()).getTime() - Ui, xi = Ji / _, Ii = Di[p.animationType], wi = 1 - Ii(Math.min(1, xi)), Ci = 1 - $i, Pi = li + t * Ci, yi = si + l * Ci, ie = Xi(Pi, Si.positionX, li, P, m, d, u, J, ni, wi), ee = Xi(yi, Si.positionY, si, S, m, f, v, oi, ai, wi);
236
+ (li !== Pi || si !== yi) && i.setTransformState(Gi, ie, ee);
236
237
  });
237
238
  }
238
239
  }
239
- function Yi(i, n) {
240
+ function zi(i, n) {
240
241
  var e = i.transformState.scale;
241
- _(i), Q(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? We(i, n) : _e(i, n);
242
+ E(i), F(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? Be(i, n) : De(i, n);
242
243
  }
243
- function Oi(i) {
244
+ function Zi(i) {
244
245
  var n = i.transformState.scale, e = i.setup, r = e.minScale, a = e.alignmentAnimation, o = a.disabled, t = a.sizeX, l = a.sizeY, s = a.animationTime, u = a.animationType, d = o || n < r || !t && !l;
245
246
  if (!d) {
246
- var v = Ne(i);
247
- v && O(i, v, s, u);
247
+ var v = Oe(i);
248
+ v && k(i, v, s, u);
248
249
  }
249
250
  }
250
- function Xi(i, n, e) {
251
+ function Ai(i, n, e) {
251
252
  var r = i.startCoords, a = i.setup, o = a.alignmentAnimation, t = o.sizeX, l = o.sizeY;
252
253
  if (r) {
253
- var s = De(i, n, e), u = s.x, d = s.y, v = B(i, t), f = B(i, l);
254
- Me(i, { x: u, y: d }), Bi(i, u, d, v, f);
254
+ var s = ke(i, n, e), u = s.x, d = s.y, v = O(i, t), f = O(i, l);
255
+ He(i, { x: u, y: d }), ki(i, u, d, v, f);
255
256
  }
256
257
  }
257
- function Ve(i) {
258
+ function Qe(i) {
258
259
  if (i.isPanning) {
259
260
  var n = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, a = i.contentComponent;
260
261
  i.isPanning = !1, i.animate = !1, i.animation = null;
261
262
  var o = r == null ? void 0 : r.getBoundingClientRect(), t = a == null ? void 0 : a.getBoundingClientRect(), l = (o == null ? void 0 : o.width) || 0, s = (o == null ? void 0 : o.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;
262
- f ? Le(i) : Oi(i);
263
+ f ? Ke(i) : Zi(i);
263
264
  }
264
265
  }
265
- function ci(i, n, e, r) {
266
- var a = i.setup, o = a.minScale, t = a.maxScale, l = a.limitToBounds, s = q(E(n, 2), o, t, 0, !1), u = Q(i, s), d = x(i, e, r, s, u, l), v = d.x, f = d.y;
266
+ function bi(i, n, e, r) {
267
+ var a = i.setup, o = a.minScale, t = a.maxScale, l = a.limitToBounds, s = $(z(n, 2), o, t, 0, !1), u = F(i, s), d = ii(i, e, r, s, u, l), v = d.x, f = d.y;
267
268
  return { scale: s, positionX: v, positionY: f };
268
269
  }
269
- function ki(i, n, e) {
270
+ function Mi(i, n, e) {
270
271
  var r = i.transformState.scale, a = i.wrapperComponent, o = i.setup, t = o.minScale, l = o.limitToBounds, s = o.zoomAnimation, u = s.disabled, d = s.animationTime, v = s.animationType, f = u || r >= t;
271
- if ((r >= 1 || l) && Oi(i), !(f || !a || !i.mounted)) {
272
- var m = n || a.offsetWidth / 2, p = e || a.offsetHeight / 2, h = ci(i, t, m, p);
273
- h && O(i, h, d, v);
272
+ if ((r >= 1 || l) && Zi(i), !(f || !a || !i.mounted)) {
273
+ var m = n || a.offsetWidth / 2, p = e || a.offsetHeight / 2, h = bi(i, t, m, p);
274
+ h && k(i, h, d, v);
274
275
  }
275
276
  }
276
277
  var D = function() {
@@ -282,17 +283,17 @@ var D = function() {
282
283
  return n;
283
284
  }, D.apply(this, arguments);
284
285
  };
285
- function Ei(i, n, e) {
286
+ function _i(i, n, e) {
286
287
  for (var r = 0, a = n.length, o; r < a; r++)
287
288
  (o || !(r in n)) && (o || (o = Array.prototype.slice.call(n, 0, r)), o[r] = n[r]);
288
289
  return i.concat(o || Array.prototype.slice.call(n));
289
290
  }
290
- var G = {
291
+ var x = {
291
292
  previousScale: 1,
292
293
  scale: 1,
293
294
  positionX: 0,
294
295
  positionY: 0
295
- }, R = {
296
+ }, j = {
296
297
  disabled: !1,
297
298
  minPositionX: null,
298
299
  maxPositionX: null,
@@ -360,76 +361,76 @@ var G = {
360
361
  animationType: "easeOut",
361
362
  equalToMove: !0
362
363
  }
363
- }, di = {
364
+ }, fi = {
364
365
  wrapperClass: "react-transform-wrapper",
365
366
  contentClass: "react-transform-component"
366
- }, Zi = function(i) {
367
+ }, Li = function(i) {
367
368
  var n, e, r, a;
368
369
  return {
369
- previousScale: (n = i.initialScale) !== null && n !== void 0 ? n : G.scale,
370
- scale: (e = i.initialScale) !== null && e !== void 0 ? e : G.scale,
371
- positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : G.positionX,
372
- positionY: (a = i.initialPositionY) !== null && a !== void 0 ? a : G.positionY
370
+ previousScale: (n = i.initialScale) !== null && n !== void 0 ? n : x.scale,
371
+ scale: (e = i.initialScale) !== null && e !== void 0 ? e : x.scale,
372
+ positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : x.positionX,
373
+ positionY: (a = i.initialPositionY) !== null && a !== void 0 ? a : x.positionY
373
374
  };
374
- }, zi = function(i) {
375
- var n = D({}, R);
375
+ }, Ei = function(i) {
376
+ var n = D({}, j);
376
377
  return Object.keys(i).forEach(function(e) {
377
- var r = typeof i[e] < "u", a = typeof R[e] < "u";
378
+ var r = typeof i[e] < "u", a = typeof j[e] < "u";
378
379
  if (a && r) {
379
- var o = Object.prototype.toString.call(R[e]), t = o === "[object Object]", l = o === "[object Array]";
380
- t ? n[e] = D(D({}, R[e]), i[e]) : l ? n[e] = Ei(Ei([], R[e], !0), i[e]) : n[e] = i[e];
380
+ var o = Object.prototype.toString.call(j[e]), t = o === "[object Object]", l = o === "[object Array]";
381
+ t ? n[e] = D(D({}, j[e]), i[e]) : l ? n[e] = _i(_i([], j[e], !0), i[e]) : n[e] = i[e];
381
382
  }
382
383
  }), n;
383
- }, Mi = function(i, n, e) {
384
+ }, Vi = function(i, n, e) {
384
385
  var r = i.transformState.scale, a = i.wrapperComponent, o = i.setup, t = o.maxScale, l = o.minScale, s = o.zoomAnimation, u = o.smooth, d = s.size;
385
386
  if (!a)
386
387
  throw new Error("Wrapper is not mounted");
387
- var v = u ? r * Math.exp(n * e) : r + n * e, f = q(E(v, 3), l, t, d, !1);
388
+ var v = u ? r * Math.exp(n * e) : r + n * e, f = $(z(v, 3), l, t, d, !1);
388
389
  return f;
389
390
  };
390
- function Li(i, n, e, r, a) {
391
+ function Hi(i, n, e, r, a) {
391
392
  var o = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, u = t.positionY;
392
393
  if (!o)
393
394
  return console.error("No WrapperComponent found");
394
- var d = o.offsetWidth, v = o.offsetHeight, f = (d / 2 - s) / l, m = (v / 2 - u) / l, p = Mi(i, n, e), h = ci(i, p, f, m);
395
+ var d = o.offsetWidth, v = o.offsetHeight, f = (d / 2 - s) / l, m = (v / 2 - u) / l, p = Vi(i, n, e), h = bi(i, p, f, m);
395
396
  if (!h)
396
397
  return console.error("Error during zoom event. New transformation state was not calculated.");
397
- O(i, h, r, a);
398
+ k(i, h, r, a);
398
399
  }
399
- function Vi(i, n, e, r) {
400
- var a = i.setup, o = i.wrapperComponent, t = a.limitToBounds, l = Zi(i.props), s = i.transformState, u = s.scale, d = s.positionX, v = s.positionY;
400
+ function Ki(i, n, e, r) {
401
+ var a = i.setup, o = i.wrapperComponent, t = a.limitToBounds, l = Li(i.props), s = i.transformState, u = s.scale, d = s.positionX, v = s.positionY;
401
402
  if (o) {
402
- var f = hi(i, l.scale), m = j(l.positionX, l.positionY, f, t, 0, 0, o), p = {
403
+ var f = gi(i, l.scale), m = U(l.positionX, l.positionY, f, t, 0, 0, o), p = {
403
404
  scale: l.scale,
404
405
  positionX: m.x,
405
406
  positionY: m.y
406
407
  };
407
- u === l.scale && d === l.positionX && v === l.positionY || (r == null || r(), O(i, p, n, e));
408
+ u === l.scale && d === l.positionX && v === l.positionY || (r == null || r(), k(i, p, n, e));
408
409
  }
409
410
  }
410
- function He(i, n, e, r) {
411
+ function Re(i, n, e, r) {
411
412
  var a = i.getBoundingClientRect(), o = n.getBoundingClientRect(), t = e.getBoundingClientRect(), l = o.x * r.scale, s = o.y * r.scale;
412
413
  return {
413
414
  x: (a.x - t.x + l) / r.scale,
414
415
  y: (a.y - t.y + s) / r.scale
415
416
  };
416
417
  }
417
- function Ke(i, n, e) {
418
+ function Fe(i, n, e) {
418
419
  var r = i.wrapperComponent, a = i.contentComponent, o = i.transformState, t = i.setup, l = t.limitToBounds, s = t.minScale, u = t.maxScale;
419
420
  if (!r || !a)
420
421
  return o;
421
- var d = r.getBoundingClientRect(), v = n.getBoundingClientRect(), f = He(n, r, a, o), m = f.x, p = f.y, h = v.width / o.scale, g = v.height / o.scale, w = r.offsetWidth / h, P = r.offsetHeight / g, S = q(e || Math.min(w, P), s, u, 0, !1), X = (d.width - h * S) / 2, Y = (d.height - g * S) / 2, z = (d.left - m) * S + X, A = (d.top - p) * S + Y, W = hi(i, S), T = j(z, A, W, l, 0, 0, r), N = T.x, k = T.y;
422
- return { positionX: N, positionY: k, scale: S };
422
+ var d = r.getBoundingClientRect(), v = n.getBoundingClientRect(), f = Re(n, r, a, o), m = f.x, p = f.y, h = v.width / o.scale, c = v.height / o.scale, S = r.offsetWidth / h, P = r.offsetHeight / c, b = $(e || Math.min(S, P), s, u, 0, !1), X = (d.width - h * b) / 2, Y = (d.height - c * b) / 2, A = (d.left - m) * b + X, _ = (d.top - p) * b + Y, W = gi(i, b), T = U(A, _, W, l, 0, 0, r), N = T.x, Z = T.y;
423
+ return { positionX: N, positionY: Z, scale: b };
423
424
  }
424
- var Qe = function(i) {
425
+ var je = function(i) {
425
426
  return function(n, e, r) {
426
- n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Li(i, 1, n, e, r);
427
+ n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Hi(i, 1, n, e, r);
427
428
  };
428
- }, Re = function(i) {
429
+ }, qe = function(i) {
429
430
  return function(n, e, r) {
430
- n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Li(i, -1, n, e, r);
431
+ n === void 0 && (n = 0.5), e === void 0 && (e = 300), r === void 0 && (r = "easeOut"), Hi(i, -1, n, e, r);
431
432
  };
432
- }, Fe = function(i) {
433
+ }, Ue = function(i) {
433
434
  return function(n, e, r, a, o) {
434
435
  a === void 0 && (a = 300), o === void 0 && (o = "easeOut");
435
436
  var t = i.transformState, l = t.positionX, s = t.positionY, u = t.scale, d = i.wrapperComponent, v = i.contentComponent, f = i.setup.disabled;
@@ -439,71 +440,71 @@ var Qe = function(i) {
439
440
  positionY: Number.isNaN(e) ? s : e,
440
441
  scale: Number.isNaN(r) ? u : r
441
442
  };
442
- O(i, m, a, o);
443
+ k(i, m, a, o);
443
444
  }
444
445
  };
445
- }, je = function(i) {
446
+ }, $e = function(i) {
446
447
  return function(n, e) {
447
- n === void 0 && (n = 200), e === void 0 && (e = "easeOut"), Vi(i, n, e);
448
+ n === void 0 && (n = 200), e === void 0 && (e = "easeOut"), Ki(i, n, e);
448
449
  };
449
- }, qe = function(i) {
450
+ }, Ge = function(i) {
450
451
  return function(n, e, r) {
451
452
  e === void 0 && (e = 200), r === void 0 && (r = "easeOut");
452
453
  var a = i.transformState, o = i.wrapperComponent, t = i.contentComponent;
453
454
  if (o && t) {
454
- var l = Hi(n || a.scale, o, t);
455
- O(i, l, e, r);
455
+ var l = Qi(n || a.scale, o, t);
456
+ k(i, l, e, r);
456
457
  }
457
458
  };
458
- }, Ue = function(i) {
459
+ }, Je = function(i) {
459
460
  return function(n, e, r, a) {
460
- r === void 0 && (r = 600), a === void 0 && (a = "easeOut"), _(i);
461
+ r === void 0 && (r = 600), a === void 0 && (a = "easeOut"), E(i);
461
462
  var o = i.wrapperComponent, t = typeof n == "string" ? document.getElementById(n) : n;
462
463
  if (o && t && o.contains(t)) {
463
- var l = Ke(i, t, e);
464
- O(i, l, r, a);
464
+ var l = Fe(i, t, e);
465
+ k(i, l, r, a);
465
466
  }
466
467
  };
467
- }, vi = function(i) {
468
+ }, mi = function(i) {
468
469
  return {
469
470
  instance: i,
470
- zoomIn: Qe(i),
471
- zoomOut: Re(i),
472
- setTransform: Fe(i),
473
- resetTransform: je(i),
474
- centerView: qe(i),
475
- zoomToElement: Ue(i)
471
+ zoomIn: je(i),
472
+ zoomOut: qe(i),
473
+ setTransform: Ue(i),
474
+ resetTransform: $e(i),
475
+ centerView: Ge(i),
476
+ zoomToElement: Je(i)
476
477
  };
477
- }, fi = function(i) {
478
+ }, pi = function(i) {
478
479
  return {
479
480
  instance: i,
480
481
  state: i.transformState
481
482
  };
482
- }, b = function(i) {
483
+ }, g = function(i) {
483
484
  var n = {};
484
- return Object.assign(n, fi(i)), Object.assign(n, vi(i)), n;
485
- }, li = !1;
486
- function si() {
485
+ return Object.assign(n, pi(i)), Object.assign(n, mi(i)), n;
486
+ }, ui = !1;
487
+ function di() {
487
488
  try {
488
489
  var i = {
489
490
  get passive() {
490
- return li = !0, !1;
491
+ return ui = !0, !1;
491
492
  }
492
493
  };
493
494
  return i;
494
495
  } catch {
495
- return li = !1, li;
496
+ return ui = !1, ui;
496
497
  }
497
498
  }
498
- var J = ".".concat(di.wrapperClass), I = function(i, n) {
499
+ var I = ".".concat(fi.wrapperClass), ei = function(i, n) {
499
500
  return n.some(function(e) {
500
- return i.matches("".concat(J, " ").concat(e, ", ").concat(J, " .").concat(e, ", ").concat(J, " ").concat(e, " *, ").concat(J, " .").concat(e, " *"));
501
+ return i.matches("".concat(I, " ").concat(e, ", ").concat(I, " .").concat(e, ", ").concat(I, " ").concat(e, " *, ").concat(I, " .").concat(e, " *"));
501
502
  });
502
- }, mi = function(i) {
503
+ }, hi = function(i) {
503
504
  i && clearTimeout(i);
504
- }, $e = function(i, n, e) {
505
+ }, xe = function(i, n, e) {
505
506
  return "translate(".concat(i, "px, ").concat(n, "px) scale(").concat(e, ")");
506
- }, Hi = function(i, n, e) {
507
+ }, Qi = function(i, n, e) {
507
508
  var r = e.offsetWidth * i, a = e.offsetHeight * i, o = (n.offsetWidth - r) / 2, t = (n.offsetHeight - a) / 2;
508
509
  return {
509
510
  scale: i,
@@ -511,27 +512,27 @@ var J = ".".concat(di.wrapperClass), I = function(i, n) {
511
512
  positionY: t
512
513
  };
513
514
  };
514
- function Ge(i) {
515
+ function Ie(i) {
515
516
  return function(n) {
516
517
  i.forEach(function(e) {
517
518
  typeof e == "function" ? e(n) : e != null && (e.current = n);
518
519
  });
519
520
  };
520
521
  }
521
- var Je = function(i, n) {
522
+ var ir = function(i, n) {
522
523
  var e = i.setup.wheel, r = e.disabled, a = e.wheelDisabled, o = e.touchPadDisabled, t = e.excluded, l = i.isInitialized, s = i.isPanning, u = n.target, d = l && !s && !r && u;
523
524
  if (!d || a && !n.ctrlKey || o && n.ctrlKey)
524
525
  return !1;
525
- var v = I(u, t);
526
+ var v = ei(u, t);
526
527
  return !v;
527
- }, xe = function(i) {
528
+ }, er = function(i) {
528
529
  return i ? i.deltaY < 0 ? 1 : -1 : 0;
529
530
  };
530
- function Ie(i, n) {
531
- var e = xe(i), r = fe(n, e);
531
+ function rr(i, n) {
532
+ var e = er(i), r = he(n, e);
532
533
  return r;
533
534
  }
534
- function Ki(i, n, e) {
535
+ function Ri(i, n, e) {
535
536
  var r = n.getBoundingClientRect(), a = 0, o = 0;
536
537
  if ("clientX" in i)
537
538
  a = (i.clientX - r.left) / e, o = (i.clientY - r.top) / e;
@@ -544,128 +545,128 @@ function Ki(i, n, e) {
544
545
  y: o
545
546
  };
546
547
  }
547
- var ir = function(i, n, e, r, a) {
548
+ var nr = function(i, n, e, r, a) {
548
549
  var o = 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;
549
550
  if (!t)
550
551
  throw new Error("Wrapper is not mounted");
551
- var p = o + n * e, h = r ? !1 : !m, g = q(E(p, 3), u, s, f, h && !v);
552
- return g;
553
- }, er = function(i, n) {
552
+ var p = o + n * e, h = r ? !1 : !m, c = $(z(p, 3), u, s, f, h && !v);
553
+ return c;
554
+ }, ar = function(i, n) {
554
555
  var e = i.previousWheelEvent, r = i.transformState.scale, a = i.setup, o = a.maxScale, t = a.minScale;
555
556
  return e ? r < o || 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;
556
- }, rr = function(i, n) {
557
+ }, or = function(i, n) {
557
558
  var e = i.setup.pinch, r = e.disabled, a = e.excluded, o = i.isInitialized, t = n.target, l = o && !r && t;
558
559
  if (!l)
559
560
  return !1;
560
- var s = I(t, a);
561
+ var s = ei(t, a);
561
562
  return !s;
562
- }, nr = function(i) {
563
+ }, tr = function(i) {
563
564
  var n = i.setup.pinch.disabled, e = i.isInitialized, r = i.pinchStartDistance, a = e && !n && r;
564
565
  return !!a;
565
- }, ar = function(i, n, e) {
566
- var r = e.getBoundingClientRect(), a = i.touches, o = E(a[0].clientX - r.left, 5), t = E(a[0].clientY - r.top, 5), l = E(a[1].clientX - r.left, 5), s = E(a[1].clientY - r.top, 5);
566
+ }, lr = function(i, n, e) {
567
+ var r = e.getBoundingClientRect(), a = i.touches, o = z(a[0].clientX - r.left, 5), t = z(a[0].clientY - r.top, 5), l = z(a[1].clientX - r.left, 5), s = z(a[1].clientY - r.top, 5);
567
568
  return {
568
569
  x: (o + l) / 2 / n,
569
570
  y: (t + s) / 2 / n
570
571
  };
571
- }, Qi = function(i) {
572
+ }, Fi = function(i) {
572
573
  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));
573
- }, or = function(i, n) {
574
+ }, sr = function(i, n) {
574
575
  var e = i.pinchStartScale, r = i.pinchStartDistance, a = i.setup, o = a.maxScale, t = a.minScale, l = a.zoomAnimation, s = a.disablePadding, u = l.size, d = l.disabled;
575
576
  if (!e || r === null || !n)
576
577
  throw new Error("Pinch touches distance was not provided");
577
578
  if (n < 0)
578
579
  return i.transformState.scale;
579
580
  var v = n / r, f = v * e;
580
- return q(E(f, 2), t, o, u, !d && !s);
581
- }, tr = 160, lr = 100, sr = function(i, n) {
581
+ return $(z(f, 2), t, o, u, !d && !s);
582
+ }, ur = 160, dr = 100, vr = function(i, n) {
582
583
  var e = i.props, r = e.onWheelStart, a = e.onZoomStart;
583
- i.wheelStopEventTimer || (_(i), C(b(i), n, r), C(b(i), n, a));
584
- }, ur = function(i, n) {
585
- var e = i.props, r = e.onWheel, a = e.onZoom, o = 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, w = f.step, P = f.smoothStep;
584
+ i.wheelStopEventTimer || (E(i), w(g(i), n, r), w(g(i), n, a));
585
+ }, fr = function(i, n) {
586
+ var e = i.props, r = e.onWheel, a = e.onZoom, o = 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, c = v.disabled, S = f.step, P = f.smoothStep;
586
587
  if (!o)
587
588
  throw new Error("Component not mounted");
588
589
  n.preventDefault(), n.stopPropagation();
589
- var S = Ie(n, null), X = p ? P * Math.abs(n.deltaY) : w, Y = ir(i, S, X, !n.ctrlKey);
590
+ var b = rr(n, null), X = p ? P * Math.abs(n.deltaY) : S, Y = nr(i, b, X, !n.ctrlKey);
590
591
  if (s !== Y) {
591
- var z = Q(i, Y), A = Ki(n, o, s), W = g || h === 0 || d || m, T = u && W, N = x(i, A.x, A.y, Y, z, T), k = N.x, H = N.y;
592
- i.previousWheelEvent = n, i.setTransformState(Y, k, H), C(b(i), n, r), C(b(i), n, a);
592
+ var A = F(i, Y), _ = Ri(n, o, s), W = c || h === 0 || d || m, T = u && W, N = ii(i, _.x, _.y, Y, A, T), Z = N.x, K = N.y;
593
+ i.previousWheelEvent = n, i.setTransformState(Y, Z, K), w(g(i), n, r), w(g(i), n, a);
593
594
  }
594
- }, dr = function(i, n) {
595
+ }, mr = function(i, n) {
595
596
  var e = i.props, r = e.onWheelStop, a = e.onZoomStop;
596
- mi(i.wheelAnimationTimer), i.wheelAnimationTimer = setTimeout(function() {
597
- i.mounted && (ki(i, n.x, n.y), i.wheelAnimationTimer = null);
598
- }, lr);
599
- var o = er(i, n);
600
- o && (mi(i.wheelStopEventTimer), i.wheelStopEventTimer = setTimeout(function() {
601
- i.mounted && (i.wheelStopEventTimer = null, C(b(i), n, r), C(b(i), n, a));
602
- }, tr));
603
- }, Ri = function(i) {
597
+ hi(i.wheelAnimationTimer), i.wheelAnimationTimer = setTimeout(function() {
598
+ i.mounted && (Mi(i, n.x, n.y), i.wheelAnimationTimer = null);
599
+ }, dr);
600
+ var o = ar(i, n);
601
+ o && (hi(i.wheelStopEventTimer), i.wheelStopEventTimer = setTimeout(function() {
602
+ i.mounted && (i.wheelStopEventTimer = null, w(g(i), n, r), w(g(i), n, a));
603
+ }, ur));
604
+ }, ji = function(i) {
604
605
  for (var n = 0, e = 0, r = 0; r < 2; r += 1)
605
606
  n += i.touches[r].clientX, e += i.touches[r].clientY;
606
607
  var a = n / 2, o = e / 2;
607
608
  return { x: a, y: o };
608
- }, vr = function(i, n) {
609
- var e = Qi(n);
609
+ }, pr = function(i, n) {
610
+ var e = Fi(n);
610
611
  i.pinchStartDistance = e, i.lastDistance = e, i.pinchStartScale = i.transformState.scale, i.isPanning = !1;
611
- var r = Ri(n);
612
- i.pinchLastCenterX = r.x, i.pinchLastCenterY = r.y, _(i);
613
- }, fr = function(i, n) {
612
+ var r = ji(n);
613
+ i.pinchLastCenterX = r.x, i.pinchLastCenterY = r.y, E(i);
614
+ }, hr = function(i, n) {
614
615
  var e = i.contentComponent, r = i.pinchStartDistance, a = i.wrapperComponent, o = i.transformState.scale, t = i.setup, l = t.limitToBounds, s = t.centerZoomedOut, u = t.zoomAnimation, d = t.alignmentAnimation, v = u.disabled, f = u.size;
615
616
  if (!(r === null || !e)) {
616
- var m = ar(n, o, e);
617
+ var m = lr(n, o, e);
617
618
  if (!(!Number.isFinite(m.x) || !Number.isFinite(m.y))) {
618
- var p = Qi(n), h = or(i, p), g = Ri(n), w = g.x - (i.pinchLastCenterX || 0), P = g.y - (i.pinchLastCenterY || 0);
619
- if (!(h === o && w === 0 && P === 0)) {
620
- i.pinchLastCenterX = g.x, i.pinchLastCenterY = g.y;
621
- var S = Q(i, h), X = v || f === 0 || s, Y = l && X, z = x(i, m.x, m.y, h, S, Y), A = z.x, W = z.y;
619
+ var p = Fi(n), h = sr(i, p), c = ji(n), S = c.x - (i.pinchLastCenterX || 0), P = c.y - (i.pinchLastCenterY || 0);
620
+ if (!(h === o && S === 0 && P === 0)) {
621
+ i.pinchLastCenterX = c.x, i.pinchLastCenterY = c.y;
622
+ var b = F(i, h), X = v || f === 0 || s, Y = l && X, A = ii(i, m.x, m.y, h, b, Y), _ = A.x, W = A.y;
622
623
  i.pinchMidpoint = m, i.lastDistance = p;
623
- var T = d.sizeX, N = d.sizeY, k = B(i, T), H = B(i, N), U = A + w, ei = W + P, $ = j(U, ei, S, l, k, H, a), ri = $.x, ni = $.y;
624
- i.setTransformState(h, ri, ni);
624
+ var T = d.sizeX, N = d.sizeY, Z = O(i, T), K = O(i, N), G = _ + S, ni = W + P, J = U(G, ni, b, l, Z, K, a), ai = J.x, oi = J.y;
625
+ i.setTransformState(h, ai, oi);
625
626
  }
626
627
  }
627
628
  }
628
- }, mr = function(i) {
629
+ }, cr = function(i) {
629
630
  var n = i.pinchMidpoint;
630
- 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);
631
- }, Fi = function(i, n) {
631
+ i.velocity = null, i.lastDistance = null, i.pinchMidpoint = null, i.pinchStartScale = null, i.pinchStartDistance = null, Mi(i, n == null ? void 0 : n.x, n == null ? void 0 : n.y);
632
+ }, qi = function(i, n) {
632
633
  var e = i.props.onZoomStop, r = i.setup.doubleClick.animationTime;
633
- mi(i.doubleClickStopEventTimer), i.doubleClickStopEventTimer = setTimeout(function() {
634
- i.doubleClickStopEventTimer = null, C(b(i), n, e);
634
+ hi(i.doubleClickStopEventTimer), i.doubleClickStopEventTimer = setTimeout(function() {
635
+ i.doubleClickStopEventTimer = null, w(g(i), n, e);
635
636
  }, r);
636
- }, pr = function(i, n) {
637
+ }, gr = function(i, n) {
637
638
  var e = i.props, r = e.onZoomStart, a = e.onZoom, o = i.setup.doubleClick, t = o.animationTime, l = o.animationType;
638
- C(b(i), n, r), Vi(i, t, l, function() {
639
- return C(b(i), n, a);
640
- }), Fi(i, n);
639
+ w(g(i), n, r), Ki(i, t, l, function() {
640
+ return w(g(i), n, a);
641
+ }), qi(i, n);
641
642
  };
642
- function hr(i, n) {
643
+ function br(i, n) {
643
644
  return i === "toggle" ? n === 1 ? 1 : -1 : i === "zoomOut" ? -1 : 1;
644
645
  }
645
- function cr(i, n) {
646
+ function Sr(i, n) {
646
647
  var e = i.setup, r = i.doubleClickStopEventTimer, a = i.transformState, o = i.contentComponent, t = a.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;
647
648
  if (!v && !r) {
648
649
  if (f === "reset")
649
- return pr(i, n);
650
+ return gr(i, n);
650
651
  if (!o)
651
652
  return console.error("No ContentComponent found");
652
- var g = hr(f, i.transformState.scale), w = Mi(i, g, m);
653
- if (t !== w) {
654
- C(b(i), n, s);
655
- var P = Ki(n, o, t), S = ci(i, w, P.x, P.y);
656
- if (!S)
653
+ var c = br(f, i.transformState.scale), S = Vi(i, c, m);
654
+ if (t !== S) {
655
+ w(g(i), n, s);
656
+ var P = Ri(n, o, t), b = bi(i, S, P.x, P.y);
657
+ if (!b)
657
658
  return console.error("Error during zoom event. New transformation state was not calculated.");
658
- C(b(i), n, u), O(i, S, p, h), Fi(i, n);
659
+ w(g(i), n, u), k(i, b, p, h), qi(i, n);
659
660
  }
660
661
  }
661
662
  }
662
- var gr = function(i, n) {
663
+ var wr = function(i, n) {
663
664
  var e = i.isInitialized, r = i.setup, a = i.wrapperComponent, o = r.doubleClick, t = o.disabled, l = o.excluded, s = n.target, u = a == null ? void 0 : a.contains(s), d = e && s && u && !t;
664
665
  if (!d)
665
666
  return !1;
666
- var v = I(s, l);
667
+ var v = ei(s, l);
667
668
  return !v;
668
- }, br = (
669
+ }, Cr = (
669
670
  /** @class */
670
671
  /* @__PURE__ */ function() {
671
672
  function i(n) {
@@ -675,24 +676,24 @@ var gr = function(i, n) {
675
676
  }, this.unmount = function() {
676
677
  e.cleanupWindowEvents();
677
678
  }, this.update = function(r) {
678
- e.props = r, Q(e, e.transformState.scale), e.setup = zi(r);
679
+ e.props = r, F(e, e.transformState.scale), e.setup = Ei(r);
679
680
  }, this.initializeWindowEvents = function() {
680
- var r, a, o = si(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
681
+ var r, a, o = di(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
681
682
  (a = e.wrapperComponent) === null || a === void 0 || a.addEventListener("wheel", e.onWheelPanning, o), l == null || l.addEventListener("mousedown", e.onPanningStart, o), l == null || l.addEventListener("mousemove", e.onPanning, o), l == null || l.addEventListener("mouseup", e.onPanningStop, o), t == null || t.addEventListener("mouseleave", e.clearPanning, o), l == null || l.addEventListener("keyup", e.setKeyUnPressed, o), l == null || l.addEventListener("keydown", e.setKeyPressed, o);
682
683
  }, this.cleanupWindowEvents = function() {
683
- var r, a, o = si(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
684
- l == null || l.removeEventListener("mousedown", e.onPanningStart, o), l == null || l.removeEventListener("mousemove", e.onPanning, o), l == null || l.removeEventListener("mouseup", e.onPanningStop, o), t == null || t.removeEventListener("mouseleave", e.clearPanning, o), l == null || l.removeEventListener("keyup", e.setKeyUnPressed, o), l == null || l.removeEventListener("keydown", e.setKeyPressed, o), document.removeEventListener("mouseleave", e.clearPanning, o), _(e), (a = e.observer) === null || a === void 0 || a.disconnect();
684
+ var r, a, o = di(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t == null ? void 0 : t.defaultView;
685
+ l == null || l.removeEventListener("mousedown", e.onPanningStart, o), l == null || l.removeEventListener("mousemove", e.onPanning, o), l == null || l.removeEventListener("mouseup", e.onPanningStop, o), t == null || t.removeEventListener("mouseleave", e.clearPanning, o), l == null || l.removeEventListener("keyup", e.setKeyUnPressed, o), l == null || l.removeEventListener("keydown", e.setKeyPressed, o), document.removeEventListener("mouseleave", e.clearPanning, o), E(e), (a = e.observer) === null || a === void 0 || a.disconnect();
685
686
  }, this.handleInitializeWrapperEvents = function(r) {
686
- var a = si();
687
+ var a = di();
687
688
  r.addEventListener("wheel", e.onWheelZoom, a), r.addEventListener("dblclick", e.onDoubleClick, a), r.addEventListener("touchstart", e.onTouchPanningStart, a), r.addEventListener("touchmove", e.onTouchPanning, a), r.addEventListener("touchend", e.onTouchPanningStop, a);
688
689
  }, this.handleInitialize = function(r) {
689
690
  var a = e.setup.centerOnInit;
690
691
  e.applyTransformation(), e.onInitCallbacks.forEach(function(o) {
691
- return o(b(e));
692
+ return o(g(e));
692
693
  }), a && (e.setCenter(), e.observer = new ResizeObserver(function() {
693
694
  var o, t = r.offsetWidth, l = r.offsetHeight;
694
695
  (t > 0 || l > 0) && (e.onInitCallbacks.forEach(function(s) {
695
- return s(b(e));
696
+ return s(g(e));
696
697
  }), e.setCenter(), (o = e.observer) === null || o === void 0 || o.disconnect());
697
698
  }), setTimeout(function() {
698
699
  var o;
@@ -701,65 +702,65 @@ var gr = function(i, n) {
701
702
  }, this.onWheelZoom = function(r) {
702
703
  var a = e.setup.disabled;
703
704
  if (!a) {
704
- var o = Je(e, r);
705
+ var o = ir(e, r);
705
706
  if (o) {
706
707
  var t = e.isPressingKeys(e.setup.wheel.activationKeys);
707
- t && (sr(e, r), ur(e, r), dr(e, r));
708
+ t && (vr(e, r), fr(e, r), mr(e, r));
708
709
  }
709
710
  }
710
711
  }, this.onWheelPanning = function(r) {
711
712
  var a = e.setup, o = a.disabled, t = a.wheel, l = a.panning;
712
713
  if (!(!e.wrapperComponent || !e.contentComponent || o || !t.wheelDisabled || l.disabled || !l.wheelPanning || r.ctrlKey)) {
713
714
  r.preventDefault(), r.stopPropagation();
714
- 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, w = h.sizeY, P = B(e, g), S = B(e, w);
715
- m === u && p === d || Bi(e, m, p, P, S);
715
+ 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, c = h.sizeX, S = h.sizeY, P = O(e, c), b = O(e, S);
716
+ m === u && p === d || ki(e, m, p, P, b);
716
717
  }
717
718
  }, this.onPanningStart = function(r) {
718
719
  var a = e.setup.disabled, o = e.props.onPanningStart;
719
720
  if (!a) {
720
- var t = Pi(e, r);
721
+ var t = Ti(e, r);
721
722
  if (t) {
722
723
  var l = e.isPressingKeys(e.setup.panning.activationKeys);
723
- 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), Yi(e, r), C(b(e), r, o)));
724
+ 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(e), zi(e, r), w(g(e), r, o)));
724
725
  }
725
726
  }
726
727
  }, this.onPanning = function(r) {
727
728
  var a = e.setup.disabled, o = e.props.onPanning;
728
729
  if (!a) {
729
- var t = yi(e);
730
+ var t = Yi(e);
730
731
  if (t) {
731
732
  var l = e.isPressingKeys(e.setup.panning.activationKeys);
732
- l && (r.preventDefault(), r.stopPropagation(), Xi(e, r.clientX, r.clientY), C(b(e), r, o));
733
+ l && (r.preventDefault(), r.stopPropagation(), Ai(e, r.clientX, r.clientY), w(g(e), r, o));
733
734
  }
734
735
  }
735
736
  }, this.onPanningStop = function(r) {
736
737
  var a = e.props.onPanningStop;
737
- e.isPanning && (Ve(e), C(b(e), r, a));
738
+ e.isPanning && (Qe(e), w(g(e), r, a));
738
739
  }, this.onPinchStart = function(r) {
739
740
  var a = e.setup.disabled, o = e.props, t = o.onPinchingStart, l = o.onZoomStart;
740
741
  if (!a) {
741
- var s = rr(e, r);
742
- s && (vr(e, r), _(e), C(b(e), r, t), C(b(e), r, l));
742
+ var s = or(e, r);
743
+ s && (pr(e, r), E(e), w(g(e), r, t), w(g(e), r, l));
743
744
  }
744
745
  }, this.onPinch = function(r) {
745
746
  var a = e.setup.disabled, o = e.props, t = o.onPinching, l = o.onZoom;
746
747
  if (!a) {
747
- var s = nr(e);
748
- s && (r.preventDefault(), r.stopPropagation(), fr(e, r), C(b(e), r, t), C(b(e), r, l));
748
+ var s = tr(e);
749
+ s && (r.preventDefault(), r.stopPropagation(), hr(e, r), w(g(e), r, t), w(g(e), r, l));
749
750
  }
750
751
  }, this.onPinchStop = function(r) {
751
752
  var a = e.props, o = a.onPinchingStop, t = a.onZoomStop;
752
- e.pinchStartScale && (mr(e), C(b(e), r, o), C(b(e), r, t));
753
+ e.pinchStartScale && (cr(e), w(g(e), r, o), w(g(e), r, t));
753
754
  }, this.onTouchPanningStart = function(r) {
754
755
  var a = e.setup.disabled, o = e.props.onPanningStart;
755
756
  if (!a) {
756
- var t = Pi(e, r);
757
+ var t = Ti(e, r);
757
758
  if (t) {
758
759
  var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
759
760
  if (!l) {
760
- e.lastTouch = +/* @__PURE__ */ new Date(), _(e);
761
+ e.lastTouch = +/* @__PURE__ */ new Date(), E(e);
761
762
  var s = r.touches, u = s.length === 1, d = s.length === 2;
762
- u && (_(e), Yi(e, r), C(b(e), r, o)), d && e.onPinchStart(r);
763
+ u && (E(e), zi(e, r), w(g(e), r, o)), d && e.onPinchStart(r);
763
764
  }
764
765
  }
765
766
  }
@@ -768,20 +769,20 @@ var gr = function(i, n) {
768
769
  if (e.isPanning && r.touches.length === 1) {
769
770
  if (a)
770
771
  return;
771
- var t = yi(e);
772
+ var t = Yi(e);
772
773
  if (!t)
773
774
  return;
774
775
  r.preventDefault(), r.stopPropagation();
775
776
  var l = r.touches[0];
776
- Xi(e, l.clientX, l.clientY), C(b(e), r, o);
777
+ Ai(e, l.clientX, l.clientY), w(g(e), r, o);
777
778
  } else r.touches.length > 1 && e.onPinch(r);
778
779
  }, this.onTouchPanningStop = function(r) {
779
780
  e.onPanningStop(r), e.onPinchStop(r);
780
781
  }, this.onDoubleClick = function(r) {
781
782
  var a = e.setup.disabled;
782
783
  if (!a) {
783
- var o = gr(e, r);
784
- o && cr(e, r);
784
+ var o = wr(e, r);
785
+ o && Sr(e, r);
785
786
  }
786
787
  }, this.clearPanning = function(r) {
787
788
  e.isPanning && e.onPanningStop(r);
@@ -797,26 +798,26 @@ var gr = function(i, n) {
797
798
  var t = e.props.onTransformed;
798
799
  if (!Number.isNaN(r) && !Number.isNaN(a) && !Number.isNaN(o)) {
799
800
  r !== e.transformState.scale && (e.transformState.previousScale = e.transformState.scale, e.transformState.scale = r), e.transformState.positionX = a, e.transformState.positionY = o, e.applyTransformation();
800
- var l = b(e);
801
+ var l = g(e);
801
802
  e.onChangeCallbacks.forEach(function(s) {
802
803
  return s(l);
803
- }), C(l, { scale: r, positionX: a, positionY: o }, t);
804
+ }), w(l, { scale: r, positionX: a, positionY: o }, t);
804
805
  } else
805
806
  console.error("Detected NaN set state values");
806
807
  }, this.setCenter = function() {
807
808
  if (e.wrapperComponent && e.contentComponent) {
808
- var r = Hi(e.transformState.scale, e.wrapperComponent, e.contentComponent);
809
+ var r = Qi(e.transformState.scale, e.wrapperComponent, e.contentComponent);
809
810
  e.setTransformState(r.scale, r.positionX, r.positionY);
810
811
  }
811
812
  }, this.handleTransformStyles = function(r, a, o) {
812
- return e.props.customTransform ? e.props.customTransform(r, a, o) : $e(r, a, o);
813
+ return e.props.customTransform ? e.props.customTransform(r, a, o) : xe(r, a, o);
813
814
  }, this.applyTransformation = function() {
814
815
  if (!(!e.mounted || !e.contentComponent)) {
815
816
  var r = e.transformState, a = r.scale, o = r.positionX, t = r.positionY, l = e.handleTransformStyles(o, t, a);
816
817
  e.contentComponent.style.transform = l;
817
818
  }
818
819
  }, this.getContext = function() {
819
- return b(e);
820
+ return g(e);
820
821
  }, this.onChange = function(r) {
821
822
  return e.onChangeCallbacks.has(r) || e.onChangeCallbacks.add(r), function() {
822
823
  e.onChangeCallbacks.delete(r);
@@ -826,35 +827,35 @@ var gr = function(i, n) {
826
827
  e.onInitCallbacks.delete(r);
827
828
  };
828
829
  }, this.init = function(r, a) {
829
- e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = a, Q(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(a), e.initializeWindowEvents(), e.isInitialized = !0;
830
- var o = b(e);
831
- C(o, void 0, e.props.onInit);
832
- }, this.props = n, this.setup = zi(this.props), this.transformState = Zi(this.props);
830
+ e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = a, F(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(a), e.initializeWindowEvents(), e.isInitialized = !0;
831
+ var o = g(e);
832
+ w(o, void 0, e.props.onInit);
833
+ }, this.props = n, this.setup = Ei(this.props), this.transformState = Li(this.props);
833
834
  }
834
835
  return i;
835
836
  }()
836
- ), ii = c.createContext(null), Sr = function(i, n) {
837
+ ), ri = B.createContext(null), Pr = function(i, n) {
837
838
  return typeof i == "function" ? i(n) : i;
838
- }, wr = c.forwardRef(function(i, n) {
839
- var e = K(new br(i)).current, r = Sr(i.children, vi(e));
840
- return ie(n, function() {
841
- return vi(e);
842
- }, [e]), F(function() {
839
+ }, yr = B.forwardRef(function(i, n) {
840
+ var e = R(new Cr(i)).current, r = Pr(i.children, mi(e));
841
+ return ne(n, function() {
842
+ return mi(e);
843
+ }, [e]), q(function() {
843
844
  e.update(i);
844
- }, [e, i]), c.createElement(ii.Provider, { value: e }, r);
845
+ }, [e, i]), B.createElement(ri.Provider, { value: e }, r);
845
846
  });
846
- c.forwardRef(function(i, n) {
847
- var e = K(null), r = pi(ii);
848
- return F(function() {
847
+ B.forwardRef(function(i, n) {
848
+ var e = R(null), r = ci(ri);
849
+ return q(function() {
849
850
  return r.onChange(function(a) {
850
851
  if (e.current) {
851
852
  var o = 0, t = 0;
852
853
  e.current.style.transform = r.handleTransformStyles(o, t, 1 / a.instance.transformState.scale);
853
854
  }
854
855
  });
855
- }, [r]), c.createElement("div", D({}, i, { ref: Ge([e, n]) }));
856
+ }, [r]), B.createElement("div", D({}, i, { ref: Ie([e, n]) }));
856
857
  });
857
- function Cr(i, n) {
858
+ function Tr(i, n) {
858
859
  n === void 0 && (n = {});
859
860
  var e = n.insertAt;
860
861
  if (!(typeof document > "u")) {
@@ -862,7 +863,7 @@ function Cr(i, n) {
862
863
  a.type = "text/css", e === "top" && r.firstChild ? r.insertBefore(a, r.firstChild) : r.appendChild(a), a.styleSheet ? a.styleSheet.cssText = i : a.appendChild(document.createTextNode(i));
863
864
  }
864
865
  }
865
- var Pr = `.transform-component-module_wrapper__SPB86 {
866
+ var Yr = `.transform-component-module_wrapper__SPB86 {
866
867
  position: relative;
867
868
  width: -moz-fit-content;
868
869
  width: fit-content;
@@ -892,60 +893,63 @@ var Pr = `.transform-component-module_wrapper__SPB86 {
892
893
  .transform-component-module_content__FBWxo img {
893
894
  pointer-events: none;
894
895
  }
895
- `, Ai = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
896
- Cr(Pr);
897
- var yr = function(i) {
898
- var n = i.children, e = i.wrapperClass, r = e === void 0 ? "" : e, a = i.contentClass, o = a === void 0 ? "" : a, 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);
899
- return F(function() {
900
- var w = h.current, P = g.current;
901
- return w !== null && P !== null && m && (m == null || m(w, P)), function() {
896
+ `, Wi = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
897
+ Tr(Yr);
898
+ var Xr = function(i) {
899
+ var n = i.children, e = i.wrapperClass, r = e === void 0 ? "" : e, a = i.contentClass, o = a === void 0 ? "" : a, t = i.wrapperStyle, l = i.contentStyle, s = i.wrapperProps, u = s === void 0 ? {} : s, d = i.contentProps, v = d === void 0 ? {} : d, f = ci(ri), m = f.init, p = f.cleanupWindowEvents, h = R(null), c = R(null);
900
+ return q(function() {
901
+ var S = h.current, P = c.current;
902
+ return S !== null && P !== null && m && (m == null || m(S, P)), function() {
902
903
  p == null || p();
903
904
  };
904
- }, []), c.createElement(
905
+ }, []), B.createElement(
905
906
  "div",
906
- D({}, u, { ref: h, className: "".concat(di.wrapperClass, " ").concat(Ai.wrapper, " ").concat(r), style: t }),
907
- c.createElement("div", D({}, v, { ref: g, className: "".concat(di.contentClass, " ").concat(Ai.content, " ").concat(o), style: l }), n)
907
+ D({}, u, { ref: h, className: "".concat(fi.wrapperClass, " ").concat(Wi.wrapper, " ").concat(r), style: t }),
908
+ B.createElement("div", D({}, v, { ref: c, className: "".concat(fi.contentClass, " ").concat(Wi.content, " ").concat(o), style: l }), n)
908
909
  );
909
- }, Tr = function() {
910
- var i = pi(ii);
910
+ }, zr = function() {
911
+ var i = ci(ri);
911
912
  if (!i)
912
913
  throw new Error("Transform context must be placed inside TransformWrapper");
913
914
  return i;
914
915
  };
915
- function Yr(i) {
916
- var n = Tr(), e = _i(i(fi(n))), r = e[0], a = e[1];
917
- return F(function() {
916
+ function Ar(i) {
917
+ var n = zr(), e = Ni(i(pi(n))), r = e[0], a = e[1];
918
+ return q(function() {
918
919
  var o = !0, t = n.onChange(function(l) {
919
- o && a(i(fi(l.instance)));
920
+ o && a(i(pi(l.instance)));
920
921
  });
921
922
  return function() {
922
923
  t(), o = !1;
923
924
  };
924
925
  }, [i, n]), r;
925
926
  }
926
- const Xr = (i) => {
927
+ const _r = (i) => {
927
928
  const n = (r) => {
928
929
  r.preventDefault();
929
930
  const a = parseFloat(r.target.value);
930
931
  i.onChange(a);
931
932
  }, e = `${Math.round(i.value * 100)}%`;
932
- return /* @__PURE__ */ c.createElement("div", { className: y.slider, "aria-live": "polite" }, /* @__PURE__ */ c.createElement("div", { key: i.value, className: y.slider__announcements }, e), /* @__PURE__ */ c.createElement(
933
- "input",
934
- {
935
- onChange: n,
936
- type: "range",
937
- min: i.minValue,
938
- max: i.maxValue,
939
- value: i.value,
940
- "aria-valuenow": i.value,
941
- "aria-valuemin": i.minValue,
942
- "aria-valuemax": i.maxValue,
943
- "aria-valuetext": e,
944
- "aria-label": i.ariaLabel,
945
- step: 0.1
946
- }
947
- ));
948
- }, Qr = ({
933
+ return /* @__PURE__ */ Q("div", { className: y.slider, "aria-live": "polite", children: [
934
+ /* @__PURE__ */ C("div", { className: y.slider__announcements, children: e }, i.value),
935
+ /* @__PURE__ */ C(
936
+ "input",
937
+ {
938
+ onChange: n,
939
+ type: "range",
940
+ min: i.minValue,
941
+ max: i.maxValue,
942
+ value: i.value,
943
+ "aria-valuenow": i.value,
944
+ "aria-valuemin": i.minValue,
945
+ "aria-valuemax": i.maxValue,
946
+ "aria-valuetext": e,
947
+ "aria-label": i.ariaLabel,
948
+ step: 0.1
949
+ }
950
+ )
951
+ ] });
952
+ }, qr = ({
949
953
  ariaLabelCloseButton: i,
950
954
  ariaLabelLeftArrow: n,
951
955
  ariaLabelLightBox: e,
@@ -962,107 +966,117 @@ const Xr = (i) => {
962
966
  onClose: m,
963
967
  onLeftArrowClick: p,
964
968
  onRightArrowClick: h,
965
- testId: g
969
+ testId: c
966
970
  }) => {
967
- const [w, P] = c.useState(!0), S = K(null), X = K(null), { height: Y = 0 } = de(X) || {}, [z, A] = _i(1);
968
- ue(S, !0), ve(S, m, [se.Escape]);
971
+ const [S, P] = B.useState(!0), b = R(null), X = R(null), { height: Y = 0 } = me(X) || {}, [A, _] = Ni(1);
972
+ fe(b, !0), pe(b, m, [ve.Escape]);
969
973
  const W = (T) => {
970
- z !== T && A(T);
974
+ A !== T && _(T);
971
975
  };
972
- return F(() => {
976
+ return q(() => {
973
977
  if (!u) return;
974
978
  const T = setTimeout(() => {
975
979
  P(!1);
976
980
  }, u * 1e3);
977
981
  return () => clearTimeout(T);
978
- }, []), /* @__PURE__ */ c.createElement(
982
+ }, []), /* @__PURE__ */ Q(
979
983
  "div",
980
984
  {
981
- "data-testid": g,
985
+ "data-testid": c,
982
986
  className: y.lightBox,
983
- style: { zIndex: Z.OverlayScreen },
987
+ style: { zIndex: M.OverlayScreen },
984
988
  role: "dialog",
985
989
  "aria-modal": !0,
986
990
  "aria-label": e,
987
- ref: S
988
- },
989
- /* @__PURE__ */ c.createElement(
990
- "button",
991
- {
992
- onClick: m,
993
- "aria-label": i,
994
- "data-testid": "closeButton",
995
- className: V(y.button, y["close-button"]),
996
- style: { zIndex: Z.LightBoxButtons }
997
- },
998
- /* @__PURE__ */ c.createElement(M, { svgIcon: le, color: "white", size: L.XSmall })
999
- ),
1000
- p && /* @__PURE__ */ c.createElement(
1001
- "button",
1002
- {
1003
- className: V(y.button, y["arrow-button"], y["arrow-button--left"]),
1004
- onClick: p,
1005
- "aria-label": n,
1006
- "data-testid": "leftArrow",
1007
- style: { zIndex: Z.LightBoxButtons }
1008
- },
1009
- /* @__PURE__ */ c.createElement(M, { svgIcon: ee, color: "white", size: L.XSmall })
1010
- ),
1011
- h && /* @__PURE__ */ c.createElement(
1012
- "button",
1013
- {
1014
- className: V(y.button, y["arrow-button"], y["arrow-button--right"]),
1015
- onClick: h,
1016
- "aria-label": r,
1017
- "data-testid": "rightarrow",
1018
- style: { zIndex: Z.LightBoxButtons }
1019
- },
1020
- /* @__PURE__ */ c.createElement(M, { svgIcon: re, color: "white", size: L.XSmall })
1021
- ),
1022
- f && /* @__PURE__ */ c.createElement(
1023
- "div",
1024
- {
1025
- className: y["image-text-box"],
1026
- style: { bottom: w ? "0" : "-" + Y + "px", transition: "0.5s", zIndex: Z.LightBoxButtons }
1027
- },
1028
- /* @__PURE__ */ c.createElement(
1029
- "button",
1030
- {
1031
- className: V(y.button, y["image-text-box__button"]),
1032
- onClick: () => P(!w),
1033
- style: { zIndex: Z.LightBoxButtons },
1034
- "aria-label": w ? a : o,
1035
- "aria-expanded": w
1036
- },
1037
- w ? /* @__PURE__ */ c.createElement(M, { svgIcon: ne, color: "white", size: L.XSmall }) : /* @__PURE__ */ c.createElement(M, { svgIcon: ae, color: "white", size: L.XSmall })
1038
- ),
1039
- /* @__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"] }))
1040
- ),
1041
- /* @__PURE__ */ c.createElement(wr, { initialScale: 1, maxScale: 4, doubleClick: { mode: "toggle", step: 4 } }, ({ setTransform: T }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(
1042
- Er,
1043
- {
1044
- transform: T,
1045
- updateStates: W,
1046
- zoom: z,
1047
- ariaLabelZoomIn: t,
1048
- ariaLabelZoomOut: l,
1049
- ariaLabelZoomSlider: s
1050
- }
1051
- ), /* @__PURE__ */ c.createElement(
1052
- yr,
1053
- {
1054
- wrapperStyle: {
1055
- zIndex: 1,
1056
- width: "100%",
1057
- height: "100%"
1058
- },
1059
- contentStyle: {
1060
- width: "100%",
1061
- height: "100%"
1062
- }
1063
- },
1064
- /* @__PURE__ */ c.createElement("img", { src: v, alt: d })
1065
- )))
991
+ ref: b,
992
+ children: [
993
+ /* @__PURE__ */ C(
994
+ "button",
995
+ {
996
+ onClick: m,
997
+ "aria-label": i,
998
+ "data-testid": "closeButton",
999
+ className: H(y.button, y["close-button"]),
1000
+ style: { zIndex: M.LightBoxButtons },
1001
+ children: /* @__PURE__ */ C(L, { svgIcon: de, color: "white", size: V.XSmall })
1002
+ }
1003
+ ),
1004
+ p && /* @__PURE__ */ C(
1005
+ "button",
1006
+ {
1007
+ className: H(y.button, y["arrow-button"], y["arrow-button--left"]),
1008
+ onClick: p,
1009
+ "aria-label": n,
1010
+ "data-testid": "leftArrow",
1011
+ style: { zIndex: M.LightBoxButtons },
1012
+ children: /* @__PURE__ */ C(L, { svgIcon: ae, color: "white", size: V.XSmall })
1013
+ }
1014
+ ),
1015
+ h && /* @__PURE__ */ C(
1016
+ "button",
1017
+ {
1018
+ className: H(y.button, y["arrow-button"], y["arrow-button--right"]),
1019
+ onClick: h,
1020
+ "aria-label": r,
1021
+ "data-testid": "rightarrow",
1022
+ style: { zIndex: M.LightBoxButtons },
1023
+ children: /* @__PURE__ */ C(L, { svgIcon: oe, color: "white", size: V.XSmall })
1024
+ }
1025
+ ),
1026
+ f && /* @__PURE__ */ Q(
1027
+ "div",
1028
+ {
1029
+ className: y["image-text-box"],
1030
+ style: { bottom: S ? "0" : "-" + Y + "px", transition: "0.5s", zIndex: M.LightBoxButtons },
1031
+ children: [
1032
+ /* @__PURE__ */ C(
1033
+ "button",
1034
+ {
1035
+ className: H(y.button, y["image-text-box__button"]),
1036
+ onClick: () => P(!S),
1037
+ style: { zIndex: M.LightBoxButtons },
1038
+ "aria-label": S ? a : o,
1039
+ "aria-expanded": S,
1040
+ children: S ? /* @__PURE__ */ C(L, { svgIcon: te, color: "white", size: V.XSmall }) : /* @__PURE__ */ C(L, { svgIcon: le, color: "white", size: V.XSmall })
1041
+ }
1042
+ ),
1043
+ /* @__PURE__ */ Q("div", { children: [
1044
+ /* @__PURE__ */ C("p", { ref: X, className: y["image-text-box__text"], children: f }),
1045
+ /* @__PURE__ */ C("div", { className: y["image-text-box__overflow-border"] })
1046
+ ] })
1047
+ ]
1048
+ }
1049
+ ),
1050
+ /* @__PURE__ */ C(yr, { initialScale: 1, maxScale: 4, doubleClick: { mode: "toggle", step: 4 }, children: ({ setTransform: T }) => /* @__PURE__ */ Q(re, { children: [
1051
+ /* @__PURE__ */ C(
1052
+ Er,
1053
+ {
1054
+ transform: T,
1055
+ updateStates: W,
1056
+ zoom: A,
1057
+ ariaLabelZoomIn: t,
1058
+ ariaLabelZoomOut: l,
1059
+ ariaLabelZoomSlider: s
1060
+ }
1061
+ ),
1062
+ /* @__PURE__ */ C(
1063
+ Xr,
1064
+ {
1065
+ wrapperStyle: {
1066
+ zIndex: 1,
1067
+ width: "100%",
1068
+ height: "100%"
1069
+ },
1070
+ contentStyle: {
1071
+ width: "100%",
1072
+ height: "100%"
1073
+ },
1074
+ children: /* @__PURE__ */ C("img", { src: v, alt: d })
1075
+ }
1076
+ )
1077
+ ] }) })
1078
+ ]
1079
+ }
1066
1080
  );
1067
1081
  }, Er = ({
1068
1082
  transform: i,
@@ -1072,7 +1086,7 @@ const Xr = (i) => {
1072
1086
  ariaLabelZoomOut: a,
1073
1087
  ariaLabelZoomSlider: o
1074
1088
  }) => {
1075
- Yr(({ state: u }) => {
1089
+ Ar(({ state: u }) => {
1076
1090
  n(u.scale);
1077
1091
  });
1078
1092
  const t = (u) => {
@@ -1089,9 +1103,13 @@ const Xr = (i) => {
1089
1103
  const [d, v] = t(u);
1090
1104
  i(d, v, u);
1091
1105
  };
1092
- 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": a }, /* @__PURE__ */ c.createElement(M, { svgIcon: oe, color: "white", size: L.XSmall })), /* @__PURE__ */ c.createElement(Xr, { minValue: 1, maxValue: 4, onChange: l, value: e, ariaLabel: o }), /* @__PURE__ */ c.createElement("button", { className: V(y.button), onClick: () => s(e + 0.5), "aria-label": r }, /* @__PURE__ */ c.createElement(M, { svgIcon: te, color: "white", size: L.XSmall })));
1106
+ return /* @__PURE__ */ Q("div", { className: H(y["zoom-buttons"]), style: { zIndex: M.LightBoxButtons }, children: [
1107
+ /* @__PURE__ */ C("button", { className: H(y.button), onClick: () => s(e - 0.5), "aria-label": a, children: /* @__PURE__ */ C(L, { svgIcon: se, color: "white", size: V.XSmall }) }),
1108
+ /* @__PURE__ */ C(_r, { minValue: 1, maxValue: 4, onChange: l, value: e, ariaLabel: o }),
1109
+ /* @__PURE__ */ C("button", { className: H(y.button), onClick: () => s(e + 0.5), "aria-label": r, children: /* @__PURE__ */ C(L, { svgIcon: ue, color: "white", size: V.XSmall }) })
1110
+ ] });
1093
1111
  };
1094
1112
  export {
1095
- Qr as default
1113
+ qr as default
1096
1114
  };
1097
1115
  //# sourceMappingURL=index.js.map