@phillips/seldon 1.276.0 → 1.278.0

package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.js

@@ -1,4 +1,4 @@
-import k, { useRef as R, useImperativeHandle as qi, useEffect as ti, useContext as yi } from "react";
+import B, { useRef as R, useImperativeHandle as qi, useEffect as ti, useContext as Yi } from "react";
 var y = function(i, n) {
   return Number(i.toFixed(n));
 }, Ui = function(i, n) {
@@ -33,7 +33,7 @@ var y = function(i, n) {
   return 1 + --i * i * i * i * i;
 }, se = function(i) {
   return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
-}, Yi = {
+}, Ti = {
   easeOut: Gi,
   linear: Ji,
   easeInQuad: $i,
@@ -48,18 +48,18 @@ var y = function(i, n) {
   easeInQuint: te,
   easeOutQuint: le,
   easeInOutQuint: se
-}, Ti = function(i) {
+}, Xi = function(i) {
   typeof i == "number" && cancelAnimationFrame(i);
 }, Y = function(i) {
-  i.mounted && (Ti(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
+  i.mounted && (Xi(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
 };
-function Xi(i, n, e, r) {
+function Ai(i, n, e, r) {
   if (i.mounted) {
     var a = (/* @__PURE__ */ new Date()).getTime(), o = 1;
     Y(i), i.animation = function() {
       if (!i.mounted)
-        return Ti(i.animation);
-      var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s = Yi[n], d = s(l);
+        return Xi(i.animation);
+      var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s = Ti[n], d = s(l);
       t >= e ? (r(o), i.animation = null) : i.animation && (r(d), requestAnimationFrame(i.animation));
     }, requestAnimationFrame(i.animation);
   }
@@ -72,7 +72,7 @@ function D(i, n, e, r) {
   var a = ue(n);
   if (!(!i.mounted || !a)) {
     var o = i.setTransformState, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY, u = n.scale - l, v = n.positionX - s, f = n.positionY - d;
-    e === 0 ? o(n.scale, n.positionX, n.positionY) : Xi(i, r, e, function(p) {
+    e === 0 ? o(n.scale, n.positionX, n.positionY) : Ai(i, r, e, function(p) {
       var m = l + u * p, h = s + v * p, c = d + f * p;
       o(m, h, c);
     });
@@ -100,7 +100,7 @@ var ve = function(i, n, e, r, a, o, t) {
   return f;
 }, ri = function(i, n, e, r) {
   return r ? i < n ? y(n, 2) : i > e ? y(e, 2) : y(i, 2) : y(i, 2);
-}, Z = function(i, n) {
+}, k = function(i, n) {
   var e = li(i, n);
   return i.bounds = e, e;
 };
@@ -121,7 +121,7 @@ function H(i, n, e, r, a) {
   var o = a ? r : 0, t = n - o;
   return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(n) && i <= t ? t : i;
 }
-var hi = function(i, n) {
+var ci = function(i, n) {
   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(u) {
     return u instanceof Element ? a?.contains(u) : !1;
   }) : a?.contains(o), s = r && o && l;
@@ -129,7 +129,7 @@ var hi = function(i, n) {
     return !1;
   var d = q(o, e);
   return !d;
-}, ci = function(i) {
+}, gi = function(i) {
   var n = i.isInitialized, e = i.isPanning, r = i.setup, a = r.panning.disabled, o = n && e && !a;
   return !!o;
 }, fe = function(i, n) {
@@ -157,7 +157,7 @@ function me(i) {
     };
   }
 }
-function Ai(i, n, e, r, a) {
+function zi(i, n, e, r, a) {
   var o = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, d = s.scale, u = s.positionX, v = s.positionY;
   if (!(t === null || l === null || n === u && e === v)) {
     var f = L(n, e, l, o, r, a, t), p = f.x, m = f.y;
@@ -184,7 +184,7 @@ function Se(i, n) {
   var e = i.setup.velocityAnimation, r = e.equalToMove, a = e.animationTime, o = e.sensitivity;
   return r ? a * n * o : a;
 }
-function gi(i, n, e, r, a, o, t, l, s, d) {
+function Si(i, n, e, r, a, o, t, l, s, d) {
   if (a) {
     if (n > t && e > t) {
       var u = t + (i - t) * d;
@@ -215,29 +215,29 @@ function Pe(i, n) {
 function be(i) {
   var n = i.velocity, e = i.bounds, r = i.setup, a = i.wrapperComponent, o = ge(i);
   if (!(!o || !n || !e || !a)) {
-    var t = n.velocityX, l = n.velocityY, s = n.total, d = e.maxPositionX, u = e.minPositionX, v = e.maxPositionY, f = e.minPositionY, p = r.limitToBounds, m = r.alignmentAnimation, h = r.zoomAnimation, c = r.panning, P = c.lockAxisY, b = c.lockAxisX, w = h.animationType, T = m.sizeX, C = m.sizeY, A = m.velocityAlignmentTime, X = A, O = Se(i, s), z = Math.max(O, X), E = W(i, T), N = W(i, C), B = E * a.offsetWidth / 100, V = N * a.offsetHeight / 100, U = d + B, K = u - B, G = v + V, J = f - V, di = i.transformState, Li = (/* @__PURE__ */ new Date()).getTime();
-    Xi(i, w, z, function(Hi) {
-      var $ = i.transformState, Vi = $.scale, x = $.positionX, I = $.positionY, Ki = (/* @__PURE__ */ new Date()).getTime() - Li, Qi = Ki / X, Fi = Yi[m.animationType], vi = 1 - Fi(Math.min(1, Qi)), fi = 1 - Hi, pi = x + t * fi, mi = I + l * fi, Ri = gi(pi, di.positionX, x, b, p, u, d, K, U, vi), ji = gi(mi, di.positionY, I, P, p, f, v, J, G, vi);
-      (x !== pi || I !== mi) && i.setTransformState(Vi, Ri, ji);
+    var t = n.velocityX, l = n.velocityY, s = n.total, d = e.maxPositionX, u = e.minPositionX, v = e.maxPositionY, f = e.minPositionY, p = r.limitToBounds, m = r.alignmentAnimation, h = r.zoomAnimation, c = r.panning, P = c.lockAxisY, b = c.lockAxisX, w = h.animationType, T = m.sizeX, C = m.sizeY, A = m.velocityAlignmentTime, X = A, O = Se(i, s), z = Math.max(O, X), E = W(i, T), N = W(i, C), Z = E * a.offsetWidth / 100, V = N * a.offsetHeight / 100, U = d + Z, K = u - Z, G = v + V, J = f - V, vi = i.transformState, Li = (/* @__PURE__ */ new Date()).getTime();
+    Ai(i, w, z, function(Hi) {
+      var $ = i.transformState, Vi = $.scale, x = $.positionX, I = $.positionY, Ki = (/* @__PURE__ */ new Date()).getTime() - Li, Qi = Ki / X, Fi = Ti[m.animationType], fi = 1 - Fi(Math.min(1, Qi)), pi = 1 - Hi, mi = x + t * pi, hi = I + l * pi, Ri = Si(mi, vi.positionX, x, b, p, u, d, K, U, fi), ji = Si(hi, vi.positionY, I, P, p, f, v, J, G, fi);
+      (x !== mi || I !== hi) && i.setTransformState(Vi, Ri, ji);
     });
   }
 }
-function Si(i, n) {
+function wi(i, n) {
   var e = i.transformState.scale;
-  Y(i), Z(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? pe(i, n) : fe(i, n);
+  Y(i), k(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? pe(i, n) : fe(i, n);
 }
-function zi(i) {
-  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, d = a.animationType, u = o || n < r || !t && !l;
-  if (!u) {
-    var v = me(i);
-    v && D(i, v, s, d);
+function si(i, n) {
+  var e = i.transformState.scale, r = i.setup, a = r.minScale, o = r.alignmentAnimation, t = o.disabled, l = o.sizeX, s = o.sizeY, d = o.animationTime, u = o.animationType, v = t || e < a || !l && !s;
+  if (!v) {
+    var f = me(i);
+    f && D(i, f, n ?? d, u);
   }
 }
-function wi(i, n, e) {
+function Pi(i, n, e) {
   var r = i.startCoords, a = i.setup, o = a.alignmentAnimation, t = o.sizeX, l = o.sizeY;
   if (r) {
     var s = he(i, n, e), d = s.x, u = s.y, v = W(i, t), f = W(i, l);
-    Pe(i, { x: d, y: u }), Ai(i, d, u, v, f);
+    Pe(i, { x: d, y: u }), zi(i, d, u, v, f);
   }
 }
 function Ce(i) {
@@ -245,17 +245,17 @@ function Ce(i) {
     var n = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, a = i.contentComponent;
     i.isPanning = !1, i.animate = !1, i.animation = null;
     var o = r?.getBoundingClientRect(), t = a?.getBoundingClientRect(), l = o?.width || 0, s = o?.height || 0, d = t?.width || 0, u = t?.height || 0, v = l < d || s < u, f = !n && e && e?.total > 0.1 && v;
-    f ? be(i) : zi(i);
+    f ? be(i) : si(i);
   }
 }
-function si(i, n, e, r) {
-  var a = i.setup, o = a.minScale, t = a.maxScale, l = a.limitToBounds, s = H(y(n, 2), o, t, 0, !1), d = Z(i, s), u = j(i, e, r, s, d, l), v = u.x, f = u.y;
+function ui(i, n, e, r) {
+  var a = i.setup, o = a.minScale, t = a.maxScale, l = a.limitToBounds, s = H(y(n, 2), o, t, 0, !1), d = k(i, s), u = j(i, e, r, s, d, l), v = u.x, f = u.y;
   return { scale: s, positionX: v, positionY: f };
 }
 function Ei(i, n, e) {
   var r = i.transformState.scale, a = i.wrapperComponent, o = i.setup, t = o.minScale, l = o.limitToBounds, s = o.zoomAnimation, d = s.disabled, u = s.animationTime, v = s.animationType, f = d || r >= t;
-  if ((r >= 1 || l) && zi(i), !(f || !a || !i.mounted)) {
-    var p = n || a.offsetWidth / 2, m = e || a.offsetHeight / 2, h = si(i, t, p, m);
+  if ((r >= 1 || l) && si(i), !(f || !a || !i.mounted)) {
+    var p = n || a.offsetWidth / 2, m = e || a.offsetHeight / 2, h = ui(i, t, p, m);
     h && D(i, h, u, v);
   }
 }
@@ -268,7 +268,7 @@ var _ = function() {
     return n;
   }, _.apply(this, arguments);
 };
-function Pi(i, n, e) {
+function bi(i, n, e) {
   for (var r = 0, a = n.length, o; r < a; r++)
     (o || !(r in n)) && (o || (o = Array.prototype.slice.call(n, 0, r)), o[r] = n[r]);
   return i.concat(o || Array.prototype.slice.call(n));
@@ -356,13 +356,13 @@ var Q = {
     positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : Q.positionX,
     positionY: (a = i.initialPositionY) !== null && a !== void 0 ? a : Q.positionY
   };
-}, bi = function(i) {
+}, Ci = function(i) {
   var n = _({}, M);
   return Object.keys(i).forEach(function(e) {
     var r = typeof i[e] < "u", a = typeof M[e] < "u";
     if (a && r) {
       var o = Object.prototype.toString.call(M[e]), t = o === "[object Object]", l = o === "[object Array]";
-      t ? n[e] = _(_({}, M[e]), i[e]) : l ? n[e] = Pi(Pi([], M[e], !0), i[e]) : n[e] = i[e];
+      t ? n[e] = _(_({}, M[e]), i[e]) : l ? n[e] = bi(bi([], M[e], !0), i[e]) : n[e] = i[e];
     }
   }), n;
 }, Wi = function(i, n, e) {
@@ -376,7 +376,7 @@ function Di(i, n, e, r, a) {
   var o = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY;
   if (!o)
     return console.error("No WrapperComponent found");
-  var u = o.offsetWidth, v = o.offsetHeight, f = (u / 2 - s) / l, p = (v / 2 - d) / l, m = Wi(i, n, e), h = si(i, m, f, p);
+  var u = o.offsetWidth, v = o.offsetHeight, f = (u / 2 - s) / l, p = (v / 2 - d) / l, m = Wi(i, n, e), h = ui(i, m, f, p);
   if (!h)
     return console.error("Error during zoom event. New transformation state was not calculated.");
   D(i, h, r, a);
@@ -573,8 +573,8 @@ var Ze = function(i, n, e, r, a) {
   n.preventDefault(), n.stopPropagation();
   var w = Be(n, null), T = m ? b * Math.abs(n.deltaY) : P, C = Ze(i, w, T, !n.ctrlKey);
   if (s !== C) {
-    var A = Z(i, C), X = ki(n, o, s), O = c || h === 0 || u || p, z = d && O, E = j(i, X.x, X.y, C, A, z), N = E.x, B = E.y;
-    i.previousWheelEvent = n, i.setTransformState(C, N, B), S(g(i), n, r), S(g(i), n, a);
+    var A = k(i, C), X = ki(n, o, s), O = c || h === 0 || u || p, z = d && O, E = j(i, X.x, X.y, C, A, z), N = E.x, Z = E.y;
+    i.previousWheelEvent = n, i.setTransformState(C, N, Z), S(g(i), n, r), S(g(i), n, a);
   }
 }, qe = function(i, n) {
   var e = i.props, r = e.onWheelStop, a = e.onZoomStop;
@@ -603,9 +603,9 @@ var Ze = function(i, n, e, r, a) {
       var m = Bi(n), h = Ke(i, m), c = Zi(n), P = c.x - (i.pinchLastCenterX || 0), b = c.y - (i.pinchLastCenterY || 0);
       if (!(h === o && P === 0 && b === 0)) {
         i.pinchLastCenterX = c.x, i.pinchLastCenterY = c.y;
-        var w = Z(i, h), T = v || f === 0 || s, C = l && T, A = j(i, p.x, p.y, h, w, C), X = A.x, O = A.y;
+        var w = k(i, h), T = v || f === 0 || s, C = l && T, A = j(i, p.x, p.y, h, w, C), X = A.x, O = A.y;
         i.pinchMidpoint = p, i.lastDistance = m;
-        var z = u.sizeX, E = u.sizeY, N = W(i, z), B = W(i, E), V = X + P, U = O + b, K = L(V, U, w, l, N, B, a), G = K.x, J = K.y;
+        var z = u.sizeX, E = u.sizeY, N = W(i, z), Z = W(i, E), V = X + P, U = O + b, K = L(V, U, w, l, N, Z, a), G = K.x, J = K.y;
         i.setTransformState(h, G, J);
       }
     }
@@ -637,7 +637,7 @@ function Ie(i, n) {
     var c = xe(f, i.transformState.scale), P = Wi(i, c, p);
     if (t !== P) {
       S(g(i), n, s);
-      var b = ki(n, o, t), w = si(i, P, b.x, b.y);
+      var b = ki(n, o, t), w = ui(i, P, b.x, b.y);
       if (!w)
         return console.error("Error during zoom event. New transformation state was not calculated.");
       S(g(i), n, d), D(i, w, m, h), Mi(i, n);
@@ -660,7 +660,7 @@ var ir = function(i, n) {
       }, this.unmount = function() {
         e.cleanupWindowEvents();
       }, this.update = function(r) {
-        e.props = r, Z(e, e.transformState.scale), e.setup = bi(r);
+        e.props = r, k(e, e.transformState.scale), e.setup = Ci(r);
       }, this.initializeWindowEvents = function() {
         var r, a, o = ei(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t?.defaultView;
         (a = e.wrapperComponent) === null || a === void 0 || a.addEventListener("wheel", e.onWheelPanning, o), l?.addEventListener("mousedown", e.onPanningStart, o), l?.addEventListener("mousemove", e.onPanning, o), l?.addEventListener("mouseup", e.onPanningStop, o), t?.addEventListener("mouseleave", e.clearPanning, o), l?.addEventListener("keyup", e.setKeyUnPressed, o), l?.addEventListener("keydown", e.setKeyPressed, o);
@@ -670,19 +670,25 @@ var ir = function(i, n) {
       }, this.handleInitializeWrapperEvents = function(r) {
         var a = ei();
         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);
-      }, this.handleInitialize = function(r) {
-        var a = e.setup.centerOnInit;
-        e.applyTransformation(), e.onInitCallbacks.forEach(function(o) {
-          return o(g(e));
-        }), a && (e.setCenter(), e.observer = new ResizeObserver(function() {
-          var o, t = r.offsetWidth, l = r.offsetHeight;
-          (t > 0 || l > 0) && (e.onInitCallbacks.forEach(function(s) {
-            return s(g(e));
-          }), e.setCenter(), (o = e.observer) === null || o === void 0 || o.disconnect());
-        }), setTimeout(function() {
-          var o;
-          (o = e.observer) === null || o === void 0 || o.disconnect();
-        }, 5e3), e.observer.observe(r));
+      }, this.handleInitialize = function(r, a) {
+        var o = !1, t = e.setup.centerOnInit, l = function(s, d) {
+          for (var u = 0, v = s; u < v.length; u++) {
+            var f = v[u];
+            if (f.target === d)
+              return !0;
+          }
+          return !1;
+        };
+        e.applyTransformation(), e.onInitCallbacks.forEach(function(s) {
+          s(g(e));
+        }), e.observer = new ResizeObserver(function(s) {
+          if (l(s, r) || l(s, a))
+            if (t && !o) {
+              var d = a.offsetWidth, u = a.offsetHeight;
+              (d > 0 || u > 0) && (o = !0, e.setCenter());
+            } else
+              Y(e), k(e, e.transformState.scale), si(e, 0);
+        }), e.observer.observe(r), e.observer.observe(a);
       }, this.onWheelZoom = function(r) {
         var a = e.setup.disabled;
         if (!a) {
@@ -697,24 +703,24 @@ var ir = function(i, n) {
         if (!(!e.wrapperComponent || !e.contentComponent || o || !t.wheelDisabled || l.disabled || !l.wheelPanning || r.ctrlKey)) {
           r.preventDefault(), r.stopPropagation();
           var s = e.transformState, d = s.positionX, u = s.positionY, v = d - r.deltaX, f = u - r.deltaY, p = l.lockAxisX ? d : v, m = l.lockAxisY ? u : f, h = e.setup.alignmentAnimation, c = h.sizeX, P = h.sizeY, b = W(e, c), w = W(e, P);
-          p === d && m === u || Ai(e, p, m, b, w);
+          p === d && m === u || zi(e, p, m, b, w);
         }
       }, this.onPanningStart = function(r) {
         var a = e.setup.disabled, o = e.props.onPanningStart;
         if (!a) {
-          var t = hi(e, r);
+          var t = ci(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(), Y(e), Si(e, r), S(g(e), r, o)));
+            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(), Y(e), wi(e, r), S(g(e), r, o)));
           }
         }
       }, this.onPanning = function(r) {
         var a = e.setup.disabled, o = e.props.onPanning;
         if (!a) {
-          var t = ci(e);
+          var t = gi(e);
           if (t) {
             var l = e.isPressingKeys(e.setup.panning.activationKeys);
-            l && (r.preventDefault(), r.stopPropagation(), wi(e, r.clientX, r.clientY), S(g(e), r, o));
+            l && (r.preventDefault(), r.stopPropagation(), Pi(e, r.clientX, r.clientY), S(g(e), r, o));
           }
         }
       }, this.onPanningStop = function(r) {
@@ -738,13 +744,13 @@ var ir = function(i, n) {
       }, this.onTouchPanningStart = function(r) {
         var a = e.setup.disabled, o = e.props.onPanningStart;
         if (!a) {
-          var t = hi(e, r);
+          var t = ci(e, r);
           if (t) {
-            var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
+            var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200 && r.touches.length === 1;
             if (!l) {
               e.lastTouch = +/* @__PURE__ */ new Date(), Y(e);
               var s = r.touches, d = s.length === 1, u = s.length === 2;
-              d && (Y(e), Si(e, r), S(g(e), r, o)), u && e.onPinchStart(r);
+              d && (Y(e), wi(e, r), S(g(e), r, o)), u && e.onPinchStart(r);
             }
           }
         }
@@ -753,12 +759,12 @@ var ir = function(i, n) {
         if (e.isPanning && r.touches.length === 1) {
           if (a)
             return;
-          var t = ci(e);
+          var t = gi(e);
           if (!t)
             return;
           r.preventDefault(), r.stopPropagation();
           var l = r.touches[0];
-          wi(e, l.clientX, l.clientY), S(g(e), r, o);
+          Pi(e, l.clientX, l.clientY), S(g(e), r, o);
         } else r.touches.length > 1 && e.onPinch(r);
       }, this.onTouchPanningStop = function(r) {
         e.onPanningStop(r), e.onPinchStop(r);
@@ -811,25 +817,25 @@ var ir = function(i, n) {
           e.onInitCallbacks.delete(r);
         };
       }, this.init = function(r, a) {
-        e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = a, Z(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(a), e.initializeWindowEvents(), e.isInitialized = !0;
+        e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = a, k(e, e.transformState.scale), e.handleInitializeWrapperEvents(r), e.handleInitialize(r, a), e.initializeWindowEvents(), e.isInitialized = !0;
         var o = g(e);
         S(o, void 0, e.props.onInit);
-      }, this.props = n, this.setup = bi(this.props), this.transformState = _i(this.props);
+      }, this.props = n, this.setup = Ci(this.props), this.transformState = _i(this.props);
     }
     return i;
   })()
-), ui = k.createContext(null), rr = function(i, n) {
+), di = B.createContext(null), rr = function(i, n) {
   return typeof i == "function" ? i(n) : i;
-}, tr = k.forwardRef(function(i, n) {
+}, tr = B.forwardRef(function(i, n) {
   var e = R(new er(i)).current, r = rr(i.children, ai(e));
   return qi(n, function() {
     return ai(e);
   }, [e]), ti(function() {
     e.update(i);
-  }, [e, i]), k.createElement(ui.Provider, { value: e }, r);
+  }, [e, i]), B.createElement(di.Provider, { value: e }, r);
 });
-k.forwardRef(function(i, n) {
-  var e = R(null), r = yi(ui);
+B.forwardRef(function(i, n) {
+  var e = R(null), r = Yi(di);
   return ti(function() {
     return r.onChange(function(a) {
       if (e.current) {
@@ -837,7 +843,7 @@ k.forwardRef(function(i, n) {
         e.current.style.transform = r.handleTransformStyles(o, t, 1 / a.instance.transformState.scale);
       }
     });
-  }, [r]), k.createElement("div", _({}, i, { ref: Oe([e, n]) }));
+  }, [r]), B.createElement("div", _({}, i, { ref: Oe([e, n]) }));
 });
 function nr(i, n) {
   n === void 0 && (n = {});
@@ -862,6 +868,7 @@ var ar = `.transform-component-module_wrapper__SPB86 {
   user-select: none;
   margin: 0;
   padding: 0;
+  transform: translate3d(0, 0, 0);
 }
 .transform-component-module_content__FBWxo {
   display: flex;
@@ -877,23 +884,23 @@ var ar = `.transform-component-module_wrapper__SPB86 {
 .transform-component-module_content__FBWxo img {
   pointer-events: none;
 }
-`, Ci = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
+`, yi = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
 nr(ar);
 var lr = function(i) {
-  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, d = s === void 0 ? {} : s, u = i.contentProps, v = u === void 0 ? {} : u, f = yi(ui), p = f.init, m = f.cleanupWindowEvents, h = R(null), c = R(null);
+  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, d = s === void 0 ? {} : s, u = i.contentProps, v = u === void 0 ? {} : u, f = Yi(di), p = f.init, m = f.cleanupWindowEvents, h = R(null), c = R(null);
   return ti(function() {
     var P = h.current, b = c.current;
     return P !== null && b !== null && p && p?.(P, b), function() {
       m?.();
     };
-  }, []), k.createElement(
+  }, []), B.createElement(
     "div",
-    _({}, d, { ref: h, className: "".concat(ni.wrapperClass, " ").concat(Ci.wrapper, " ").concat(r), style: t }),
-    k.createElement("div", _({}, v, { ref: c, className: "".concat(ni.contentClass, " ").concat(Ci.content, " ").concat(o), style: l }), n)
+    _({}, d, { ref: h, className: "".concat(ni.wrapperClass, " ").concat(yi.wrapper, " ").concat(r), style: t }),
+    B.createElement("div", _({}, v, { ref: c, className: "".concat(ni.contentClass, " ").concat(yi.content, " ").concat(o), style: l }), n)
   );
 };
 export {
-  ui as Context,
+  di as Context,
   lr as TransformComponent,
   tr as TransformWrapper,
   Ni as getCenterPosition,

package/dist/node_modules/uuid/dist/rng.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=new Uint8Array(16);function t(){return crypto.getRandomValues(e)}exports.default=t;

package/dist/node_modules/uuid/dist/rng.js

@@ -0,0 +1,7 @@
+const n = new Uint8Array(16);
+function r() {
+  return crypto.getRandomValues(n);
+}
+export {
+  r as default
+};

package/dist/node_modules/uuid/dist/v4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./rng.cjs"),f=require("./stringify.cjs");function o(e,t,n){return crypto.randomUUID?crypto.randomUUID():i(e)}function i(e,t,n){e=e||{};const r=e.random??e.rng?.()??u.default();if(r.length<16)throw new Error("Random bytes length must be >= 16");return r[6]=r[6]&15|64,r[8]=r[8]&63|128,f.unsafeStringify(r)}exports.default=o;

package/dist/node_modules/uuid/dist/v4.js

@@ -0,0 +1,15 @@
+import e from "./rng.js";
+import { unsafeStringify as o } from "./stringify.js";
+function d(r, n, t) {
+  return crypto.randomUUID ? crypto.randomUUID() : u(r);
+}
+function u(r, n, t) {
+  r = r || {};
+  const f = r.random ?? r.rng?.() ?? e();
+  if (f.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return f[6] = f[6] & 15 | 64, f[8] = f[8] & 63 | 128, o(f);
+}
+export {
+  d as default
+};

package/dist/scss/_vars.scss

@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
-  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
-  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens:
+  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
+  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
+  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
+  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
+  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.cjs

@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
-  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
-  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens:
+  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
+  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
+  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
+  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
+  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.js

@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
-  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
-  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
-  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens:
+  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
+  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
+  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
+  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
+  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/componentStyles.scss

@@ -65,6 +65,7 @@
 @use 'components/DescriptiveRadioButton/descriptiveRadioButton';
 @use 'components/DescriptiveRadioButtonGroup/descriptiveRadioButtonGroup';
 @use 'components/ProgressBar/progressBar';
+@use 'components/SlideToActivate/slideToActivate';
 
 // Patterns
 @use 'patterns/HeroBanner/heroBanner';