@phillips/seldon 1.276.0 → 1.277.0
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.
- package/dist/components/Toast/ToastContextProvider.cjs +1 -1
- package/dist/components/Toast/ToastContextProvider.js +1 -1
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.cjs +3 -2
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.js +85 -78
- package/dist/node_modules/uuid/dist/rng.cjs +1 -0
- package/dist/node_modules/uuid/dist/rng.js +7 -0
- package/dist/node_modules/uuid/dist/v4.cjs +1 -0
- package/dist/node_modules/uuid/dist/v4.js +15 -0
- package/dist/scss/_vars.scss +6 -5
- package/dist/scss/_vars.scss.cjs +6 -5
- package/dist/scss/_vars.scss.js +6 -5
- package/package.json +6 -7
- package/dist/node_modules/uuid/dist/esm-browser/native.cjs +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/native.js +0 -4
- package/dist/node_modules/uuid/dist/esm-browser/rng.cjs +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/rng.js +0 -13
- package/dist/node_modules/uuid/dist/esm-browser/v4.cjs +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/v4.js +0 -15
- /package/dist/node_modules/uuid/dist/{esm-browser/stringify.cjs → stringify.cjs} +0 -0
- /package/dist/node_modules/uuid/dist/{esm-browser/stringify.js → stringify.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),s=require("react"),v=require("./Toast.cjs"),T=require("../../utils/index.cjs"),j=require("../../node_modules/uuid/dist/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),s=require("react"),v=require("./Toast.cjs"),T=require("../../utils/index.cjs"),j=require("../../node_modules/uuid/dist/v4.cjs"),d=s.createContext(void 0),p=({children:u})=>{const[i,n]=s.useState([]),l=s.useCallback(e=>{const t=j.default();n(r=>[...r,{...e,id:t}])},[]),a=s.useCallback(e=>{n(t=>t.filter(r=>r.id!==e))},[]),x={toasts:i,addToast:l,removeToast:a};return o.jsx(d.Provider,{value:x,children:o.jsxs(c.Provider,{children:[u,o.jsx(c.Viewport,{className:`${T.px}-toast-viewport`}),i.map(e=>o.jsx(v.default,{...e,onOpenChange:t=>!t&&a(e.id),title:e.title??""},e.id))]})})};exports.ToastContext=d;exports.ToastProvider=p;
|
|
@@ -3,7 +3,7 @@ import { Provider as l, Viewport as v } from "../../node_modules/@radix-ui/react
|
|
|
3
3
|
import { useState as f, useCallback as m, createContext as x } from "react";
|
|
4
4
|
import T from "./Toast.js";
|
|
5
5
|
import { px as u } from "../../utils/index.js";
|
|
6
|
-
import C from "../../node_modules/uuid/dist/
|
|
6
|
+
import C from "../../node_modules/uuid/dist/v4.js";
|
|
7
7
|
const h = x(void 0), N = ({ children: n }) => {
|
|
8
8
|
const [s, i] = f([]), c = m((o) => {
|
|
9
9
|
const t = C();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react");var Y=function(i,n){return Number(i.toFixed(n))},Fi=function(i,n){return typeof i=="number"?i:n},S=function(i,n,e){e&&typeof e=="function"&&e(i,n)},ji=function(i){return-Math.cos(i*Math.PI)/2+.5},qi=function(i){return i},Ui=function(i){return i*i},Gi=function(i){return i*(2-i)},Ji=function(i){return i<.5?2*i*i:-1+(4-2*i)*i},$i=function(i){return i*i*i},xi=function(i){return--i*i*i+1},Ii=function(i){return i<.5?4*i*i*i:(i-1)*(2*i-2)*(2*i-2)+1},ie=function(i){return i*i*i*i},ee=function(i){return 1- --i*i*i*i},re=function(i){return i<.5?8*i*i*i*i:1-8*--i*i*i*i},ne=function(i){return i*i*i*i*i},ae=function(i){return 1+--i*i*i*i*i},oe=function(i){return i<.5?16*i*i*i*i*i:1+16*--i*i*i*i*i},Ci={easeOut:ji,linear:qi,easeInQuad:Ui,easeOutQuad:Gi,easeInOutQuad:Ji,easeInCubic:$i,easeOutCubic:xi,easeInOutCubic:Ii,easeInQuart:ie,easeOutQuart:ee,easeInOutQuart:re,easeInQuint:ne,easeOutQuint:ae,easeInOutQuint:oe},yi=function(i){typeof i=="number"&&cancelAnimationFrame(i)},T=function(i){i.mounted&&(yi(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function Yi(i,n,e,r){if(i.mounted){var a=new Date().getTime(),o=1;T(i),i.animation=function(){if(!i.mounted)return yi(i.animation);var t=new Date().getTime()-a,s=t/e,l=Ci[n],d=l(s);t>=e?(r(o),i.animation=null):i.animation&&(r(d),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function te(i){var n=i.scale,e=i.positionX,r=i.positionY;return!(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(r))}function O(i,n,e,r){var a=te(n);if(!(!i.mounted||!a)){var o=i.setTransformState,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=n.scale-s,v=n.positionX-l,f=n.positionY-d;e===0?o(n.scale,n.positionX,n.positionY):Yi(i,r,e,function(p){var m=s+u*p,h=l+v*p,c=d+f*p;o(m,h,c)})}}function se(i,n,e){var r=i.offsetWidth,a=i.offsetHeight,o=n.offsetWidth,t=n.offsetHeight,s=o*e,l=t*e,d=r-s,u=a-l;return{wrapperWidth:r,wrapperHeight:a,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:u}}var le=function(i,n,e,r,a,o,t){var s=i>n?e*(t?1:.5):0,l=r>a?o*(t?1:.5):0,d=i-n-s,u=s,v=r-a-l,f=l;return{minPositionX:d,maxPositionX:u,minPositionY:v,maxPositionY:f}},ti=function(i,n){var e=i.wrapperComponent,r=i.contentComponent,a=i.setup.centerZoomedOut;if(!e||!r)throw new Error("Components are not mounted");var o=se(e,r,n),t=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,d=o.newDiffWidth,u=o.newContentHeight,v=o.newDiffHeight,f=le(t,l,d,s,u,v,!!a);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){var e=ti(i,n);return i.bounds=e,e};function L(i,n,e,r,a,o,t){var s=e.minPositionX,l=e.minPositionY,d=e.maxPositionX,u=e.maxPositionY,v=0,f=0;t&&(v=a,f=o);var p=ri(i,s-v,d+v,r),m=ri(n,l-f,u+f,r);return{x:p,y:m}}function F(i,n,e,r,a,o){var t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=r-s;if(typeof n!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:d};var v=l-n*u,f=d-e*u,p=L(v,f,a,o,0,0,null);return p}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 mi=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,s=t?n.composedPath().some(function(u){return u instanceof Element?a?.contains(u):!1}):a?.contains(o),l=r&&o&&s;if(!l)return!1;var d=j(o,e);return!d},hi=function(i){var n=i.isInitialized,e=i.isPanning,r=i.setup,a=r.panning.disabled,o=n&&e&&!a;return!!o},ue=function(i,n){var e=i.transformState,r=e.positionX,a=e.positionY;i.isPanning=!0;var o=n.clientX,t=n.clientY;i.startCoords={x:o-r,y:t-a}},de=function(i,n){var e=n.touches,r=i.transformState,a=r.positionX,o=r.positionY;i.isPanning=!0;var t=e.length===1;if(t){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-a,y:l-o}}};function ve(i){var n=i.transformState,e=n.positionX,r=n.positionY,a=n.scale,o=i.setup,t=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,d=i.wrapperComponent;if(!(t||!d||!i.bounds)){var u=i.bounds,v=u.maxPositionX,f=u.minPositionX,p=u.maxPositionY,m=u.minPositionY,h=e>v||e<f,c=r>p||r<m,P=e>v?d.offsetWidth:i.setup.minPositionX||0,b=r>p?d.offsetHeight:i.setup.minPositionY||0,w=F(i,P,b,a,i.bounds,s||l),X=w.x,y=w.y;return{scale:a,positionX:h?X:e,positionY:c?y:r}}}function Ti(i,n,e,r,a){var o=i.setup.limitToBounds,t=i.wrapperComponent,s=i.bounds,l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(!(t===null||s===null||n===u&&e===v)){var f=L(n,e,s,o,r,a,t),p=f.x,m=f.y;i.setTransformState(d,p,m)}}var fe=function(i,n,e){var r=i.startCoords,a=i.transformState,o=i.setup.panning,t=o.lockAxisX,s=o.lockAxisY,l=a.positionX,d=a.positionY;if(!r)return{x:l,y:d};var u=n-r.x,v=e-r.y,f=t?l:u,p=s?d:v;return{x:f,y:p}},D=function(i,n){var e=i.setup,r=i.transformState,a=r.scale,o=e.minScale,t=e.disablePadding;return n>0&&a>=o&&!t?n:0},pe=function(i){var n=i.mounted,e=i.setup,r=e.disabled,a=e.velocityAnimation,o=i.transformState.scale,t=a.disabled,s=!t||o>1||!r||n;return!!s},me=function(i){var n=i.mounted,e=i.velocity,r=i.bounds,a=i.setup,o=a.disabled,t=a.velocityAnimation,s=i.transformState.scale,l=t.disabled,d=!l||s>1||!o||n;return!(!d||!e||!r)};function he(i,n){var e=i.setup.velocityAnimation,r=e.equalToMove,a=e.animationTime,o=e.sensitivity;return r?a*n*o:a}function ci(i,n,e,r,a,o,t,s,l,d){if(a){if(n>t&&e>t){var u=t+(i-t)*d;return u>l?l:u<t?t:u}if(n<o&&e<o){var u=o+(i-o)*d;return u<s?s:u>o?o:u}}return r?n:ri(i,o,t,a)}function ce(i,n){var e=1;return n?Math.min(e,i.offsetWidth/window.innerWidth):e}function ge(i,n){var e=pe(i);if(e){var r=i.lastMousePosition,a=i.velocityTime,o=i.setup,t=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(r&&a&&t){var d=ce(t,s),u=n.x-r.x,v=n.y-r.y,f=u/d,p=v/d,m=l-a,h=u*u+v*v,c=Math.sqrt(h)/m;i.velocity={velocityX:f,velocityY:p,total:c}}i.lastMousePosition=n,i.velocityTime=l}}function Se(i){var n=i.velocity,e=i.bounds,r=i.setup,a=i.wrapperComponent,o=me(i);if(!(!o||!n||!e||!a)){var t=n.velocityX,s=n.velocityY,l=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,X=m.sizeX,y=m.sizeY,z=m.velocityAlignmentTime,A=z,N=he(i,l),E=Math.max(N,A),_=D(i,X),k=D(i,y),B=_*a.offsetWidth/100,V=k*a.offsetHeight/100,U=d+B,K=u-B,G=v+V,J=f-V,ui=i.transformState,Zi=new Date().getTime();Yi(i,w,E,function(Mi){var $=i.transformState,Li=$.scale,x=$.positionX,I=$.positionY,Hi=new Date().getTime()-Zi,Vi=Hi/A,Ki=Ci[m.animationType],di=1-Ki(Math.min(1,Vi)),vi=1-Mi,fi=x+t*vi,pi=I+s*vi,Qi=ci(fi,ui.positionX,x,b,p,u,d,K,U,di),Ri=ci(pi,ui.positionY,I,P,p,f,v,J,G,di);(x!==fi||I!==pi)&&i.setTransformState(Li,Qi,Ri)})}}function gi(i,n){var e=i.transformState.scale;T(i),Z(i,e),window.TouchEvent!==void 0&&n instanceof TouchEvent?de(i,n):ue(i,n)}function Xi(i){var n=i.transformState.scale,e=i.setup,r=e.minScale,a=e.alignmentAnimation,o=a.disabled,t=a.sizeX,s=a.sizeY,l=a.animationTime,d=a.animationType,u=o||n<r||!t&&!s;if(!u){var v=ve(i);v&&O(i,v,l,d)}}function Si(i,n,e){var r=i.startCoords,a=i.setup,o=a.alignmentAnimation,t=o.sizeX,s=o.sizeY;if(r){var l=fe(i,n,e),d=l.x,u=l.y,v=D(i,t),f=D(i,s);ge(i,{x:d,y:u}),Ti(i,d,u,v,f)}}function we(i){if(i.isPanning){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(),s=o?.width||0,l=o?.height||0,d=t?.width||0,u=t?.height||0,v=s<d||l<u,f=!n&&e&&e?.total>.1&&v;f?Se(i):Xi(i)}}function si(i,n,e,r){var a=i.setup,o=a.minScale,t=a.maxScale,s=a.limitToBounds,l=H(Y(n,2),o,t,0,!1),d=Z(i,l),u=F(i,e,r,l,d,s),v=u.x,f=u.y;return{scale:l,positionX:v,positionY:f}}function Ai(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,d=l.disabled,u=l.animationTime,v=l.animationType,f=d||r>=t;if((r>=1||s)&&Xi(i),!(f||!a||!i.mounted)){var p=n||a.offsetWidth/2,m=e||a.offsetHeight/2,h=si(i,t,p,m);h&&O(i,h,u,v)}}var W=function(){return W=Object.assign||function(n){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},W.apply(this,arguments)};function wi(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))}var Q={scale:1,positionX:0,positionY:0},M={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,wheel:{step:.2,disabled:!1,smoothStep:.001,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,wheelPanning:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},ni={wrapperClass:"react-transform-wrapper",contentClass:"react-transform-component"},zi=function(i){var n,e,r,a;return{previousScale:(n=i.initialScale)!==null&&n!==void 0?n:Q.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:Q.scale,positionX:(r=i.initialPositionX)!==null&&r!==void 0?r:Q.positionX,positionY:(a=i.initialPositionY)!==null&&a!==void 0?a:Q.positionY}},Pi=function(i){var n=W({},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]",s=o==="[object Array]";t?n[e]=W(W({},M[e]),i[e]):s?n[e]=wi(wi([],M[e],!0),i[e]):n[e]=i[e]}}),n},Ei=function(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.maxScale,s=o.minScale,l=o.zoomAnimation,d=o.smooth,u=l.size;if(!a)throw new Error("Wrapper is not mounted");var v=d?r*Math.exp(n*e):r+n*e,f=H(Y(v,3),s,t,u,!1);return f};function _i(i,n,e,r,a){var o=i.wrapperComponent,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY;if(!o)return console.error("No WrapperComponent found");var u=o.offsetWidth,v=o.offsetHeight,f=(u/2-l)/s,p=(v/2-d)/s,m=Ei(i,n,e),h=si(i,m,f,p);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");O(i,h,r,a)}function Wi(i,n,e,r){var a=i.setup,o=i.wrapperComponent,t=a.limitToBounds,s=zi(i.props),l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(o){var f=ti(i,s.scale),p=L(s.positionX,s.positionY,f,t,0,0,o),m={scale:s.scale,positionX:p.x,positionY:p.y};d===s.scale&&u===s.positionX&&v===s.positionY||(r?.(),O(i,m,n,e))}}function Pe(i,n,e,r){var a=i.getBoundingClientRect(),o=n.getBoundingClientRect(),t=e.getBoundingClientRect(),s=o.x*r.scale,l=o.y*r.scale;return{x:(a.x-t.x+s)/r.scale,y:(a.y-t.y+l)/r.scale}}function be(i,n,e){var r=i.wrapperComponent,a=i.contentComponent,o=i.transformState,t=i.setup,s=t.limitToBounds,l=t.minScale,d=t.maxScale;if(!r||!a)return o;var u=r.getBoundingClientRect(),v=n.getBoundingClientRect(),f=Pe(n,r,a,o),p=f.x,m=f.y,h=v.width/o.scale,c=v.height/o.scale,P=r.offsetWidth/h,b=r.offsetHeight/c,w=H(e||Math.min(P,b),l,d,0,!1),X=(u.width-h*w)/2,y=(u.height-c*w)/2,z=(u.left-p)*w+X,A=(u.top-m)*w+y,N=ti(i,w),E=L(z,A,N,s,0,0,r),_=E.x,k=E.y;return{positionX:_,positionY:k,scale:w}}var Ce=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,1,n,e,r)}},ye=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,-1,n,e,r)}},Ye=function(i){return function(n,e,r,a,o){a===void 0&&(a=300),o===void 0&&(o="easeOut");var t=i.transformState,s=t.positionX,l=t.positionY,d=t.scale,u=i.wrapperComponent,v=i.contentComponent,f=i.setup.disabled;if(!(f||!u||!v)){var p={positionX:Number.isNaN(n)?s:n,positionY:Number.isNaN(e)?l:e,scale:Number.isNaN(r)?d:r};O(i,p,a,o)}}},Te=function(i){return function(n,e){n===void 0&&(n=200),e===void 0&&(e="easeOut"),Wi(i,n,e)}},Xe=function(i){return function(n,e,r){e===void 0&&(e=200),r===void 0&&(r="easeOut");var a=i.transformState,o=i.wrapperComponent,t=i.contentComponent;if(o&&t){var s=li(n||a.scale,o,t);O(i,s,e,r)}}},Ae=function(i){return function(n,e,r,a){r===void 0&&(r=600),a===void 0&&(a="easeOut"),T(i);var o=i.wrapperComponent,t=typeof n=="string"?document.getElementById(n):n;if(o&&t&&o.contains(t)){var s=be(i,t,e);O(i,s,r,a)}}},ai=function(i){return{instance:i,zoomIn:Ce(i),zoomOut:ye(i),setTransform:Ye(i),resetTransform:Te(i),centerView:Xe(i),zoomToElement:Ae(i)}},ze=function(i){return{instance:i,state:i.transformState}},g=function(i){var n={};return Object.assign(n,ze(i)),Object.assign(n,ai(i)),n},ii=!1;function ei(){try{var i={get passive(){return ii=!0,!1}};return i}catch{return ii=!1,ii}}var R=".".concat(ni.wrapperClass),j=function(i,n){return n.some(function(e){return i.matches("".concat(R," ").concat(e,", ").concat(R," .").concat(e,", ").concat(R," ").concat(e," *, ").concat(R," .").concat(e," *"))})},oi=function(i){i&&clearTimeout(i)},Di=function(i,n,e){return"translate(".concat(i,"px, ").concat(n,"px) scale(").concat(e,")")},li=function(i,n,e){var r=e.offsetWidth*i,a=e.offsetHeight*i,o=(n.offsetWidth-r)/2,t=(n.offsetHeight-a)/2;return{scale:i,positionX:o,positionY:t}};function Ee(i){return function(n){i.forEach(function(e){typeof e=="function"?e(n):e!=null&&(e.current=n)})}}var _e=function(i,n){var e=i.setup.wheel,r=e.disabled,a=e.wheelDisabled,o=e.touchPadDisabled,t=e.excluded,s=i.isInitialized,l=i.isPanning,d=n.target,u=s&&!l&&!r&&d;if(!u||a&&!n.ctrlKey||o&&n.ctrlKey)return!1;var v=j(d,t);return!v},We=function(i){return i?i.deltaY<0?1:-1:0};function De(i,n){var e=We(i),r=Fi(n,e);return r}function Oi(i,n,e){var r=n.getBoundingClientRect(),a=0,o=0;if("clientX"in i)a=(i.clientX-r.left)/e,o=(i.clientY-r.top)/e;else{var t=i.touches[0];a=(t.clientX-r.left)/e,o=(t.clientY-r.top)/e}return(Number.isNaN(a)||Number.isNaN(o))&&console.error("No mouse or touch offset found"),{x:a,y:o}}var Oe=function(i,n,e,r,a){var o=i.transformState.scale,t=i.wrapperComponent,s=i.setup,l=s.maxScale,d=s.minScale,u=s.zoomAnimation,v=s.disablePadding,f=u.size,p=u.disabled;if(!t)throw new Error("Wrapper is not mounted");var m=o+n*e,h=r?!1:!p,c=H(Y(m,3),d,l,f,h&&!v);return c},Ne=function(i,n){var e=i.previousWheelEvent,r=i.transformState.scale,a=i.setup,o=a.maxScale,t=a.minScale;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},ke=function(i,n){var e=i.setup.pinch,r=e.disabled,a=e.excluded,o=i.isInitialized,t=n.target,s=o&&!r&&t;if(!s)return!1;var l=j(t,a);return!l},Be=function(i){var n=i.setup.pinch.disabled,e=i.isInitialized,r=i.pinchStartDistance,a=e&&!n&&r;return!!a},Ze=function(i,n,e){var r=e.getBoundingClientRect(),a=i.touches,o=Y(a[0].clientX-r.left,5),t=Y(a[0].clientY-r.top,5),s=Y(a[1].clientX-r.left,5),l=Y(a[1].clientY-r.top,5);return{x:(o+s)/2/n,y:(t+l)/2/n}},Ni=function(i){return Math.sqrt(Math.pow(i.touches[0].pageX-i.touches[1].pageX,2)+Math.pow(i.touches[0].pageY-i.touches[1].pageY,2))},Me=function(i,n){var e=i.pinchStartScale,r=i.pinchStartDistance,a=i.setup,o=a.maxScale,t=a.minScale,s=a.zoomAnimation,l=a.disablePadding,d=s.size,u=s.disabled;if(!e||r===null||!n)throw new Error("Pinch touches distance was not provided");if(n<0)return i.transformState.scale;var v=n/r,f=v*e;return H(Y(f,2),t,o,d,!u&&!l)},Le=160,He=100,Ve=function(i,n){var e=i.props,r=e.onWheelStart,a=e.onZoomStart;i.wheelStopEventTimer||(T(i),S(g(i),n,r),S(g(i),n,a))},Ke=function(i,n){var e=i.props,r=e.onWheel,a=e.onZoom,o=i.contentComponent,t=i.setup,s=i.transformState,l=s.scale,d=t.limitToBounds,u=t.centerZoomedOut,v=t.zoomAnimation,f=t.wheel,p=t.disablePadding,m=t.smooth,h=v.size,c=v.disabled,P=f.step,b=f.smoothStep;if(!o)throw new Error("Component not mounted");n.preventDefault(),n.stopPropagation();var w=De(n,null),X=m?b*Math.abs(n.deltaY):P,y=Oe(i,w,X,!n.ctrlKey);if(l!==y){var z=Z(i,y),A=Oi(n,o,l),N=c||h===0||u||p,E=d&&N,_=F(i,A.x,A.y,y,z,E),k=_.x,B=_.y;i.previousWheelEvent=n,i.setTransformState(y,k,B),S(g(i),n,r),S(g(i),n,a)}},Qe=function(i,n){var e=i.props,r=e.onWheelStop,a=e.onZoomStop;oi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){i.mounted&&(Ai(i,n.x,n.y),i.wheelAnimationTimer=null)},He);var o=Ne(i,n);o&&(oi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){i.mounted&&(i.wheelStopEventTimer=null,S(g(i),n,r),S(g(i),n,a))},Le))},ki=function(i){for(var n=0,e=0,r=0;r<2;r+=1)n+=i.touches[r].clientX,e+=i.touches[r].clientY;var a=n/2,o=e/2;return{x:a,y:o}},Re=function(i,n){var e=Ni(n);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1;var r=ki(n);i.pinchLastCenterX=r.x,i.pinchLastCenterY=r.y,T(i)},Fe=function(i,n){var e=i.contentComponent,r=i.pinchStartDistance,a=i.wrapperComponent,o=i.transformState.scale,t=i.setup,s=t.limitToBounds,l=t.centerZoomedOut,d=t.zoomAnimation,u=t.alignmentAnimation,v=d.disabled,f=d.size;if(!(r===null||!e)){var p=Ze(n,o,e);if(!(!Number.isFinite(p.x)||!Number.isFinite(p.y))){var m=Ni(n),h=Me(i,m),c=ki(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),X=v||f===0||l,y=s&&X,z=F(i,p.x,p.y,h,w,y),A=z.x,N=z.y;i.pinchMidpoint=p,i.lastDistance=m;var E=u.sizeX,_=u.sizeY,k=D(i,E),B=D(i,_),V=A+P,U=N+b,K=L(V,U,w,s,k,B,a),G=K.x,J=K.y;i.setTransformState(h,G,J)}}}},je=function(i){var n=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,Ai(i,n?.x,n?.y)},Bi=function(i,n){var e=i.props.onZoomStop,r=i.setup.doubleClick.animationTime;oi(i.doubleClickStopEventTimer),i.doubleClickStopEventTimer=setTimeout(function(){i.doubleClickStopEventTimer=null,S(g(i),n,e)},r)},qe=function(i,n){var e=i.props,r=e.onZoomStart,a=e.onZoom,o=i.setup.doubleClick,t=o.animationTime,s=o.animationType;S(g(i),n,r),Wi(i,t,s,function(){return S(g(i),n,a)}),Bi(i,n)};function Ue(i,n){return i==="toggle"?n===1?1:-1:i==="zoomOut"?-1:1}function Ge(i,n){var e=i.setup,r=i.doubleClickStopEventTimer,a=i.transformState,o=i.contentComponent,t=a.scale,s=i.props,l=s.onZoomStart,d=s.onZoom,u=e.doubleClick,v=u.disabled,f=u.mode,p=u.step,m=u.animationTime,h=u.animationType;if(!v&&!r){if(f==="reset")return qe(i,n);if(!o)return console.error("No ContentComponent found");var c=Ue(f,i.transformState.scale),P=Ei(i,c,p);if(t!==P){S(g(i),n,l);var b=Oi(n,o,t),w=si(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),O(i,w,m,h),Bi(i,n)}}}var Je=function(i,n){var e=i.isInitialized,r=i.setup,a=i.wrapperComponent,o=r.doubleClick,t=o.disabled,s=o.excluded,l=n.target,d=a?.contains(l),u=e&&l&&d&&!t;if(!u)return!1;var v=j(l,s);return!v},$e=(function(){function i(n){var e=this;this.mounted=!0,this.pinchLastCenterX=null,this.pinchLastCenterY=null,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.isWheelPanning=!1,this.startCoords=null,this.lastTouch=null,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.animate=!1,this.animation=null,this.maxBounds=null,this.pressedKeys={},this.mount=function(){e.initializeWindowEvents()},this.unmount=function(){e.cleanupWindowEvents()},this.update=function(r){e.props=r,Z(e,e.transformState.scale),e.setup=Pi(r)},this.initializeWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;(a=e.wrapperComponent)===null||a===void 0||a.addEventListener("wheel",e.onWheelPanning,o),s?.addEventListener("mousedown",e.onPanningStart,o),s?.addEventListener("mousemove",e.onPanning,o),s?.addEventListener("mouseup",e.onPanningStop,o),t?.addEventListener("mouseleave",e.clearPanning,o),s?.addEventListener("keyup",e.setKeyUnPressed,o),s?.addEventListener("keydown",e.setKeyPressed,o)},this.cleanupWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;s?.removeEventListener("mousedown",e.onPanningStart,o),s?.removeEventListener("mousemove",e.onPanning,o),s?.removeEventListener("mouseup",e.onPanningStop,o),t?.removeEventListener("mouseleave",e.clearPanning,o),s?.removeEventListener("keyup",e.setKeyUnPressed,o),s?.removeEventListener("keydown",e.setKeyPressed,o),document.removeEventListener("mouseleave",e.clearPanning,o),T(e),(a=e.observer)===null||a===void 0||a.disconnect()},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,s=r.offsetHeight;(t>0||s>0)&&(e.onInitCallbacks.forEach(function(l){return l(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.onWheelZoom=function(r){var a=e.setup.disabled;if(!a){var o=_e(e,r);if(o){var t=e.isPressingKeys(e.setup.wheel.activationKeys);t&&(Ve(e,r),Ke(e,r),Qe(e,r))}}},this.onWheelPanning=function(r){var a=e.setup,o=a.disabled,t=a.wheel,s=a.panning;if(!(!e.wrapperComponent||!e.contentComponent||o||!t.wheelDisabled||s.disabled||!s.wheelPanning||r.ctrlKey)){r.preventDefault(),r.stopPropagation();var l=e.transformState,d=l.positionX,u=l.positionY,v=d-r.deltaX,f=u-r.deltaY,p=s.lockAxisX?d:v,m=s.lockAxisY?u:f,h=e.setup.alignmentAnimation,c=h.sizeX,P=h.sizeY,b=D(e,c),w=D(e,P);p===d&&m===u||Ti(e,p,m,b,w)}},this.onPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(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(),T(e),gi(e,r),S(g(e),r,o)))}}},this.onPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(!a){var t=hi(e);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.preventDefault(),r.stopPropagation(),Si(e,r.clientX,r.clientY),S(g(e),r,o))}}},this.onPanningStop=function(r){var a=e.props.onPanningStop;e.isPanning&&(we(e),S(g(e),r,a))},this.onPinchStart=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinchingStart,s=o.onZoomStart;if(!a){var l=ke(e,r);l&&(Re(e,r),T(e),S(g(e),r,t),S(g(e),r,s))}},this.onPinch=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinching,s=o.onZoom;if(!a){var l=Be(e);l&&(r.preventDefault(),r.stopPropagation(),Fe(e,r),S(g(e),r,t),S(g(e),r,s))}},this.onPinchStop=function(r){var a=e.props,o=a.onPinchingStop,t=a.onZoomStop;e.pinchStartScale&&(je(e),S(g(e),r,o),S(g(e),r,t))},this.onTouchPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.lastTouch&&+new Date-e.lastTouch<200;if(!s){e.lastTouch=+new Date,T(e);var l=r.touches,d=l.length===1,u=l.length===2;d&&(T(e),gi(e,r),S(g(e),r,o)),u&&e.onPinchStart(r)}}}},this.onTouchPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&r.touches.length===1){if(a)return;var t=hi(e);if(!t)return;r.preventDefault(),r.stopPropagation();var s=r.touches[0];Si(e,s.clientX,s.clientY),S(g(e),r,o)}else r.touches.length>1&&e.onPinch(r)},this.onTouchPanningStop=function(r){e.onPanningStop(r),e.onPinchStop(r)},this.onDoubleClick=function(r){var a=e.setup.disabled;if(!a){var o=Je(e,r);o&&Ge(e,r)}},this.clearPanning=function(r){e.isPanning&&e.onPanningStop(r)},this.setKeyPressed=function(r){e.pressedKeys[r.key]=!0},this.setKeyUnPressed=function(r){e.pressedKeys[r.key]=!1},this.isPressingKeys=function(r){return r.length?!!r.find(function(a){return e.pressedKeys[a]}):!0},this.setTransformState=function(r,a,o){var t=e.props.onTransformed;if(!Number.isNaN(r)&&!Number.isNaN(a)&&!Number.isNaN(o)){r!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=r),e.transformState.positionX=a,e.transformState.positionY=o,e.applyTransformation();var s=g(e);e.onChangeCallbacks.forEach(function(l){return l(s)}),S(s,{scale:r,positionX:a,positionY:o},t)}else console.error("Detected NaN set state values")},this.setCenter=function(){if(e.wrapperComponent&&e.contentComponent){var r=li(e.transformState.scale,e.wrapperComponent,e.contentComponent);e.setTransformState(r.scale,r.positionX,r.positionY)}},this.handleTransformStyles=function(r,a,o){return e.props.customTransform?e.props.customTransform(r,a,o):Di(r,a,o)},this.applyTransformation=function(){if(!(!e.mounted||!e.contentComponent)){var r=e.transformState,a=r.scale,o=r.positionX,t=r.positionY,s=e.handleTransformStyles(o,t,a);e.contentComponent.style.transform=s}},this.getContext=function(){return g(e)},this.onChange=function(r){return e.onChangeCallbacks.has(r)||e.onChangeCallbacks.add(r),function(){e.onChangeCallbacks.delete(r)}},this.onInit=function(r){return e.onInitCallbacks.has(r)||e.onInitCallbacks.add(r),function(){e.onInitCallbacks.delete(r)}},this.init=function(r,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;var o=g(e);S(o,void 0,e.props.onInit)},this.props=n,this.setup=Pi(this.props),this.transformState=zi(this.props)}return i})(),q=C.createContext(null),xe=function(i,n){return typeof i=="function"?i(n):i},Ie=C.forwardRef(function(i,n){var e=C.useRef(new $e(i)).current,r=xe(i.children,ai(e));return C.useImperativeHandle(n,function(){return ai(e)},[e]),C.useEffect(function(){e.update(i)},[e,i]),C.createElement(q.Provider,{value:e},r)});C.forwardRef(function(i,n){var e=C.useRef(null),r=C.useContext(q);return C.useEffect(function(){return r.onChange(function(a){if(e.current){var o=0,t=0;e.current.style.transform=r.handleTransformStyles(o,t,1/a.instance.transformState.scale)}})},[r]),C.createElement("div",W({},i,{ref:Ee([e,n])}))});function ir(i,n){n===void 0&&(n={});var e=n.insertAt;if(!(typeof document>"u")){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");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))}}var er=`.transform-component-module_wrapper__SPB86 {
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react");var Y=function(i,n){return Number(i.toFixed(n))},Fi=function(i,n){return typeof i=="number"?i:n},S=function(i,n,e){e&&typeof e=="function"&&e(i,n)},ji=function(i){return-Math.cos(i*Math.PI)/2+.5},qi=function(i){return i},Ui=function(i){return i*i},Gi=function(i){return i*(2-i)},Ji=function(i){return i<.5?2*i*i:-1+(4-2*i)*i},$i=function(i){return i*i*i},xi=function(i){return--i*i*i+1},Ii=function(i){return i<.5?4*i*i*i:(i-1)*(2*i-2)*(2*i-2)+1},ie=function(i){return i*i*i*i},ee=function(i){return 1- --i*i*i*i},re=function(i){return i<.5?8*i*i*i*i:1-8*--i*i*i*i},ne=function(i){return i*i*i*i*i},ae=function(i){return 1+--i*i*i*i*i},oe=function(i){return i<.5?16*i*i*i*i*i:1+16*--i*i*i*i*i},yi={easeOut:ji,linear:qi,easeInQuad:Ui,easeOutQuad:Gi,easeInOutQuad:Ji,easeInCubic:$i,easeOutCubic:xi,easeInOutCubic:Ii,easeInQuart:ie,easeOutQuart:ee,easeInOutQuart:re,easeInQuint:ne,easeOutQuint:ae,easeInOutQuint:oe},Yi=function(i){typeof i=="number"&&cancelAnimationFrame(i)},T=function(i){i.mounted&&(Yi(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function Ti(i,n,e,r){if(i.mounted){var a=new Date().getTime(),o=1;T(i),i.animation=function(){if(!i.mounted)return Yi(i.animation);var t=new Date().getTime()-a,s=t/e,l=yi[n],d=l(s);t>=e?(r(o),i.animation=null):i.animation&&(r(d),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function te(i){var n=i.scale,e=i.positionX,r=i.positionY;return!(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(r))}function O(i,n,e,r){var a=te(n);if(!(!i.mounted||!a)){var o=i.setTransformState,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=n.scale-s,f=n.positionX-l,v=n.positionY-d;e===0?o(n.scale,n.positionX,n.positionY):Ti(i,r,e,function(p){var m=s+u*p,h=l+f*p,c=d+v*p;o(m,h,c)})}}function se(i,n,e){var r=i.offsetWidth,a=i.offsetHeight,o=n.offsetWidth,t=n.offsetHeight,s=o*e,l=t*e,d=r-s,u=a-l;return{wrapperWidth:r,wrapperHeight:a,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:u}}var le=function(i,n,e,r,a,o,t){var s=i>n?e*(t?1:.5):0,l=r>a?o*(t?1:.5):0,d=i-n-s,u=s,f=r-a-l,v=l;return{minPositionX:d,maxPositionX:u,minPositionY:f,maxPositionY:v}},ti=function(i,n){var e=i.wrapperComponent,r=i.contentComponent,a=i.setup.centerZoomedOut;if(!e||!r)throw new Error("Components are not mounted");var o=se(e,r,n),t=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,d=o.newDiffWidth,u=o.newContentHeight,f=o.newDiffHeight,v=le(t,l,d,s,u,f,!!a);return v},ri=function(i,n,e,r){return r?i<n?Y(n,2):i>e?Y(e,2):Y(i,2):Y(i,2)},B=function(i,n){var e=ti(i,n);return i.bounds=e,e};function L(i,n,e,r,a,o,t){var s=e.minPositionX,l=e.minPositionY,d=e.maxPositionX,u=e.maxPositionY,f=0,v=0;t&&(f=a,v=o);var p=ri(i,s-f,d+f,r),m=ri(n,l-v,u+v,r);return{x:p,y:m}}function F(i,n,e,r,a,o){var t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=r-s;if(typeof n!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:d};var f=l-n*u,v=d-e*u,p=L(f,v,a,o,0,0,null);return p}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 e=i.setup.panning.excluded,r=i.isInitialized,a=i.wrapperComponent,o=n.target,t="shadowRoot"in o&&"composedPath"in n,s=t?n.composedPath().some(function(u){return u instanceof Element?a?.contains(u):!1}):a?.contains(o),l=r&&o&&s;if(!l)return!1;var d=j(o,e);return!d},ci=function(i){var n=i.isInitialized,e=i.isPanning,r=i.setup,a=r.panning.disabled,o=n&&e&&!a;return!!o},ue=function(i,n){var e=i.transformState,r=e.positionX,a=e.positionY;i.isPanning=!0;var o=n.clientX,t=n.clientY;i.startCoords={x:o-r,y:t-a}},de=function(i,n){var e=n.touches,r=i.transformState,a=r.positionX,o=r.positionY;i.isPanning=!0;var t=e.length===1;if(t){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-a,y:l-o}}};function fe(i){var n=i.transformState,e=n.positionX,r=n.positionY,a=n.scale,o=i.setup,t=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,d=i.wrapperComponent;if(!(t||!d||!i.bounds)){var u=i.bounds,f=u.maxPositionX,v=u.minPositionX,p=u.maxPositionY,m=u.minPositionY,h=e>f||e<v,c=r>p||r<m,P=e>f?d.offsetWidth:i.setup.minPositionX||0,b=r>p?d.offsetHeight:i.setup.minPositionY||0,w=F(i,P,b,a,i.bounds,s||l),X=w.x,y=w.y;return{scale:a,positionX:h?X:e,positionY:c?y:r}}}function Xi(i,n,e,r,a){var o=i.setup.limitToBounds,t=i.wrapperComponent,s=i.bounds,l=i.transformState,d=l.scale,u=l.positionX,f=l.positionY;if(!(t===null||s===null||n===u&&e===f)){var v=L(n,e,s,o,r,a,t),p=v.x,m=v.y;i.setTransformState(d,p,m)}}var ve=function(i,n,e){var r=i.startCoords,a=i.transformState,o=i.setup.panning,t=o.lockAxisX,s=o.lockAxisY,l=a.positionX,d=a.positionY;if(!r)return{x:l,y:d};var u=n-r.x,f=e-r.y,v=t?l:u,p=s?d:f;return{x:v,y:p}},D=function(i,n){var e=i.setup,r=i.transformState,a=r.scale,o=e.minScale,t=e.disablePadding;return n>0&&a>=o&&!t?n:0},pe=function(i){var n=i.mounted,e=i.setup,r=e.disabled,a=e.velocityAnimation,o=i.transformState.scale,t=a.disabled,s=!t||o>1||!r||n;return!!s},me=function(i){var n=i.mounted,e=i.velocity,r=i.bounds,a=i.setup,o=a.disabled,t=a.velocityAnimation,s=i.transformState.scale,l=t.disabled,d=!l||s>1||!o||n;return!(!d||!e||!r)};function he(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,s,l,d){if(a){if(n>t&&e>t){var u=t+(i-t)*d;return u>l?l:u<t?t:u}if(n<o&&e<o){var u=o+(i-o)*d;return u<s?s:u>o?o:u}}return r?n:ri(i,o,t,a)}function ce(i,n){var e=1;return n?Math.min(e,i.offsetWidth/window.innerWidth):e}function ge(i,n){var e=pe(i);if(e){var r=i.lastMousePosition,a=i.velocityTime,o=i.setup,t=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(r&&a&&t){var d=ce(t,s),u=n.x-r.x,f=n.y-r.y,v=u/d,p=f/d,m=l-a,h=u*u+f*f,c=Math.sqrt(h)/m;i.velocity={velocityX:v,velocityY:p,total:c}}i.lastMousePosition=n,i.velocityTime=l}}function Se(i){var n=i.velocity,e=i.bounds,r=i.setup,a=i.wrapperComponent,o=me(i);if(!(!o||!n||!e||!a)){var t=n.velocityX,s=n.velocityY,l=n.total,d=e.maxPositionX,u=e.minPositionX,f=e.maxPositionY,v=e.minPositionY,p=r.limitToBounds,m=r.alignmentAnimation,h=r.zoomAnimation,c=r.panning,P=c.lockAxisY,b=c.lockAxisX,w=h.animationType,X=m.sizeX,y=m.sizeY,z=m.velocityAlignmentTime,A=z,N=he(i,l),E=Math.max(N,A),_=D(i,X),k=D(i,y),Z=_*a.offsetWidth/100,V=k*a.offsetHeight/100,U=d+Z,K=u-Z,G=f+V,J=v-V,di=i.transformState,Zi=new Date().getTime();Ti(i,w,E,function(Mi){var $=i.transformState,Li=$.scale,x=$.positionX,I=$.positionY,Hi=new Date().getTime()-Zi,Vi=Hi/A,Ki=yi[m.animationType],fi=1-Ki(Math.min(1,Vi)),vi=1-Mi,pi=x+t*vi,mi=I+s*vi,Qi=gi(pi,di.positionX,x,b,p,u,d,K,U,fi),Ri=gi(mi,di.positionY,I,P,p,v,f,J,G,fi);(x!==pi||I!==mi)&&i.setTransformState(Li,Qi,Ri)})}}function Si(i,n){var e=i.transformState.scale;T(i),B(i,e),window.TouchEvent!==void 0&&n instanceof TouchEvent?de(i,n):ue(i,n)}function si(i,n){var e=i.transformState.scale,r=i.setup,a=r.minScale,o=r.alignmentAnimation,t=o.disabled,s=o.sizeX,l=o.sizeY,d=o.animationTime,u=o.animationType,f=t||e<a||!s&&!l;if(!f){var v=fe(i);v&&O(i,v,n??d,u)}}function wi(i,n,e){var r=i.startCoords,a=i.setup,o=a.alignmentAnimation,t=o.sizeX,s=o.sizeY;if(r){var l=ve(i,n,e),d=l.x,u=l.y,f=D(i,t),v=D(i,s);ge(i,{x:d,y:u}),Xi(i,d,u,f,v)}}function we(i){if(i.isPanning){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(),s=o?.width||0,l=o?.height||0,d=t?.width||0,u=t?.height||0,f=s<d||l<u,v=!n&&e&&e?.total>.1&&f;v?Se(i):si(i)}}function li(i,n,e,r){var a=i.setup,o=a.minScale,t=a.maxScale,s=a.limitToBounds,l=H(Y(n,2),o,t,0,!1),d=B(i,l),u=F(i,e,r,l,d,s),f=u.x,v=u.y;return{scale:l,positionX:f,positionY:v}}function Ai(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,d=l.disabled,u=l.animationTime,f=l.animationType,v=d||r>=t;if((r>=1||s)&&si(i),!(v||!a||!i.mounted)){var p=n||a.offsetWidth/2,m=e||a.offsetHeight/2,h=li(i,t,p,m);h&&O(i,h,u,f)}}var W=function(){return W=Object.assign||function(n){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},W.apply(this,arguments)};function Pi(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))}var Q={scale:1,positionX:0,positionY:0},M={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,wheel:{step:.2,disabled:!1,smoothStep:.001,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,wheelPanning:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},ni={wrapperClass:"react-transform-wrapper",contentClass:"react-transform-component"},zi=function(i){var n,e,r,a;return{previousScale:(n=i.initialScale)!==null&&n!==void 0?n:Q.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:Q.scale,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){var n=W({},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]",s=o==="[object Array]";t?n[e]=W(W({},M[e]),i[e]):s?n[e]=Pi(Pi([],M[e],!0),i[e]):n[e]=i[e]}}),n},Ei=function(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.maxScale,s=o.minScale,l=o.zoomAnimation,d=o.smooth,u=l.size;if(!a)throw new Error("Wrapper is not mounted");var f=d?r*Math.exp(n*e):r+n*e,v=H(Y(f,3),s,t,u,!1);return v};function _i(i,n,e,r,a){var o=i.wrapperComponent,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY;if(!o)return console.error("No WrapperComponent found");var u=o.offsetWidth,f=o.offsetHeight,v=(u/2-l)/s,p=(f/2-d)/s,m=Ei(i,n,e),h=li(i,m,v,p);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");O(i,h,r,a)}function Wi(i,n,e,r){var a=i.setup,o=i.wrapperComponent,t=a.limitToBounds,s=zi(i.props),l=i.transformState,d=l.scale,u=l.positionX,f=l.positionY;if(o){var v=ti(i,s.scale),p=L(s.positionX,s.positionY,v,t,0,0,o),m={scale:s.scale,positionX:p.x,positionY:p.y};d===s.scale&&u===s.positionX&&f===s.positionY||(r?.(),O(i,m,n,e))}}function Pe(i,n,e,r){var a=i.getBoundingClientRect(),o=n.getBoundingClientRect(),t=e.getBoundingClientRect(),s=o.x*r.scale,l=o.y*r.scale;return{x:(a.x-t.x+s)/r.scale,y:(a.y-t.y+l)/r.scale}}function be(i,n,e){var r=i.wrapperComponent,a=i.contentComponent,o=i.transformState,t=i.setup,s=t.limitToBounds,l=t.minScale,d=t.maxScale;if(!r||!a)return o;var u=r.getBoundingClientRect(),f=n.getBoundingClientRect(),v=Pe(n,r,a,o),p=v.x,m=v.y,h=f.width/o.scale,c=f.height/o.scale,P=r.offsetWidth/h,b=r.offsetHeight/c,w=H(e||Math.min(P,b),l,d,0,!1),X=(u.width-h*w)/2,y=(u.height-c*w)/2,z=(u.left-p)*w+X,A=(u.top-m)*w+y,N=ti(i,w),E=L(z,A,N,s,0,0,r),_=E.x,k=E.y;return{positionX:_,positionY:k,scale:w}}var Ce=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,1,n,e,r)}},ye=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,-1,n,e,r)}},Ye=function(i){return function(n,e,r,a,o){a===void 0&&(a=300),o===void 0&&(o="easeOut");var t=i.transformState,s=t.positionX,l=t.positionY,d=t.scale,u=i.wrapperComponent,f=i.contentComponent,v=i.setup.disabled;if(!(v||!u||!f)){var p={positionX:Number.isNaN(n)?s:n,positionY:Number.isNaN(e)?l:e,scale:Number.isNaN(r)?d:r};O(i,p,a,o)}}},Te=function(i){return function(n,e){n===void 0&&(n=200),e===void 0&&(e="easeOut"),Wi(i,n,e)}},Xe=function(i){return function(n,e,r){e===void 0&&(e=200),r===void 0&&(r="easeOut");var a=i.transformState,o=i.wrapperComponent,t=i.contentComponent;if(o&&t){var s=ui(n||a.scale,o,t);O(i,s,e,r)}}},Ae=function(i){return function(n,e,r,a){r===void 0&&(r=600),a===void 0&&(a="easeOut"),T(i);var o=i.wrapperComponent,t=typeof n=="string"?document.getElementById(n):n;if(o&&t&&o.contains(t)){var s=be(i,t,e);O(i,s,r,a)}}},ai=function(i){return{instance:i,zoomIn:Ce(i),zoomOut:ye(i),setTransform:Ye(i),resetTransform:Te(i),centerView:Xe(i),zoomToElement:Ae(i)}},ze=function(i){return{instance:i,state:i.transformState}},g=function(i){var n={};return Object.assign(n,ze(i)),Object.assign(n,ai(i)),n},ii=!1;function ei(){try{var i={get passive(){return ii=!0,!1}};return i}catch{return ii=!1,ii}}var R=".".concat(ni.wrapperClass),j=function(i,n){return n.some(function(e){return i.matches("".concat(R," ").concat(e,", ").concat(R," .").concat(e,", ").concat(R," ").concat(e," *, ").concat(R," .").concat(e," *"))})},oi=function(i){i&&clearTimeout(i)},Di=function(i,n,e){return"translate(".concat(i,"px, ").concat(n,"px) scale(").concat(e,")")},ui=function(i,n,e){var r=e.offsetWidth*i,a=e.offsetHeight*i,o=(n.offsetWidth-r)/2,t=(n.offsetHeight-a)/2;return{scale:i,positionX:o,positionY:t}};function Ee(i){return function(n){i.forEach(function(e){typeof e=="function"?e(n):e!=null&&(e.current=n)})}}var _e=function(i,n){var e=i.setup.wheel,r=e.disabled,a=e.wheelDisabled,o=e.touchPadDisabled,t=e.excluded,s=i.isInitialized,l=i.isPanning,d=n.target,u=s&&!l&&!r&&d;if(!u||a&&!n.ctrlKey||o&&n.ctrlKey)return!1;var f=j(d,t);return!f},We=function(i){return i?i.deltaY<0?1:-1:0};function De(i,n){var e=We(i),r=Fi(n,e);return r}function Oi(i,n,e){var r=n.getBoundingClientRect(),a=0,o=0;if("clientX"in i)a=(i.clientX-r.left)/e,o=(i.clientY-r.top)/e;else{var t=i.touches[0];a=(t.clientX-r.left)/e,o=(t.clientY-r.top)/e}return(Number.isNaN(a)||Number.isNaN(o))&&console.error("No mouse or touch offset found"),{x:a,y:o}}var Oe=function(i,n,e,r,a){var o=i.transformState.scale,t=i.wrapperComponent,s=i.setup,l=s.maxScale,d=s.minScale,u=s.zoomAnimation,f=s.disablePadding,v=u.size,p=u.disabled;if(!t)throw new Error("Wrapper is not mounted");var m=o+n*e,h=r?!1:!p,c=H(Y(m,3),d,l,v,h&&!f);return c},Ne=function(i,n){var e=i.previousWheelEvent,r=i.transformState.scale,a=i.setup,o=a.maxScale,t=a.minScale;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},ke=function(i,n){var e=i.setup.pinch,r=e.disabled,a=e.excluded,o=i.isInitialized,t=n.target,s=o&&!r&&t;if(!s)return!1;var l=j(t,a);return!l},Be=function(i){var n=i.setup.pinch.disabled,e=i.isInitialized,r=i.pinchStartDistance,a=e&&!n&&r;return!!a},Ze=function(i,n,e){var r=e.getBoundingClientRect(),a=i.touches,o=Y(a[0].clientX-r.left,5),t=Y(a[0].clientY-r.top,5),s=Y(a[1].clientX-r.left,5),l=Y(a[1].clientY-r.top,5);return{x:(o+s)/2/n,y:(t+l)/2/n}},Ni=function(i){return Math.sqrt(Math.pow(i.touches[0].pageX-i.touches[1].pageX,2)+Math.pow(i.touches[0].pageY-i.touches[1].pageY,2))},Me=function(i,n){var e=i.pinchStartScale,r=i.pinchStartDistance,a=i.setup,o=a.maxScale,t=a.minScale,s=a.zoomAnimation,l=a.disablePadding,d=s.size,u=s.disabled;if(!e||r===null||!n)throw new Error("Pinch touches distance was not provided");if(n<0)return i.transformState.scale;var f=n/r,v=f*e;return H(Y(v,2),t,o,d,!u&&!l)},Le=160,He=100,Ve=function(i,n){var e=i.props,r=e.onWheelStart,a=e.onZoomStart;i.wheelStopEventTimer||(T(i),S(g(i),n,r),S(g(i),n,a))},Ke=function(i,n){var e=i.props,r=e.onWheel,a=e.onZoom,o=i.contentComponent,t=i.setup,s=i.transformState,l=s.scale,d=t.limitToBounds,u=t.centerZoomedOut,f=t.zoomAnimation,v=t.wheel,p=t.disablePadding,m=t.smooth,h=f.size,c=f.disabled,P=v.step,b=v.smoothStep;if(!o)throw new Error("Component not mounted");n.preventDefault(),n.stopPropagation();var w=De(n,null),X=m?b*Math.abs(n.deltaY):P,y=Oe(i,w,X,!n.ctrlKey);if(l!==y){var z=B(i,y),A=Oi(n,o,l),N=c||h===0||u||p,E=d&&N,_=F(i,A.x,A.y,y,z,E),k=_.x,Z=_.y;i.previousWheelEvent=n,i.setTransformState(y,k,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;oi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){i.mounted&&(Ai(i,n.x,n.y),i.wheelAnimationTimer=null)},He);var o=Ne(i,n);o&&(oi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){i.mounted&&(i.wheelStopEventTimer=null,S(g(i),n,r),S(g(i),n,a))},Le))},ki=function(i){for(var n=0,e=0,r=0;r<2;r+=1)n+=i.touches[r].clientX,e+=i.touches[r].clientY;var a=n/2,o=e/2;return{x:a,y:o}},Re=function(i,n){var e=Ni(n);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1;var r=ki(n);i.pinchLastCenterX=r.x,i.pinchLastCenterY=r.y,T(i)},Fe=function(i,n){var e=i.contentComponent,r=i.pinchStartDistance,a=i.wrapperComponent,o=i.transformState.scale,t=i.setup,s=t.limitToBounds,l=t.centerZoomedOut,d=t.zoomAnimation,u=t.alignmentAnimation,f=d.disabled,v=d.size;if(!(r===null||!e)){var p=Ze(n,o,e);if(!(!Number.isFinite(p.x)||!Number.isFinite(p.y))){var m=Ni(n),h=Me(i,m),c=ki(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=B(i,h),X=f||v===0||l,y=s&&X,z=F(i,p.x,p.y,h,w,y),A=z.x,N=z.y;i.pinchMidpoint=p,i.lastDistance=m;var E=u.sizeX,_=u.sizeY,k=D(i,E),Z=D(i,_),V=A+P,U=N+b,K=L(V,U,w,s,k,Z,a),G=K.x,J=K.y;i.setTransformState(h,G,J)}}}},je=function(i){var n=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,Ai(i,n?.x,n?.y)},Bi=function(i,n){var e=i.props.onZoomStop,r=i.setup.doubleClick.animationTime;oi(i.doubleClickStopEventTimer),i.doubleClickStopEventTimer=setTimeout(function(){i.doubleClickStopEventTimer=null,S(g(i),n,e)},r)},qe=function(i,n){var e=i.props,r=e.onZoomStart,a=e.onZoom,o=i.setup.doubleClick,t=o.animationTime,s=o.animationType;S(g(i),n,r),Wi(i,t,s,function(){return S(g(i),n,a)}),Bi(i,n)};function Ue(i,n){return i==="toggle"?n===1?1:-1:i==="zoomOut"?-1:1}function Ge(i,n){var e=i.setup,r=i.doubleClickStopEventTimer,a=i.transformState,o=i.contentComponent,t=a.scale,s=i.props,l=s.onZoomStart,d=s.onZoom,u=e.doubleClick,f=u.disabled,v=u.mode,p=u.step,m=u.animationTime,h=u.animationType;if(!f&&!r){if(v==="reset")return qe(i,n);if(!o)return console.error("No ContentComponent found");var c=Ue(v,i.transformState.scale),P=Ei(i,c,p);if(t!==P){S(g(i),n,l);var b=Oi(n,o,t),w=li(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),O(i,w,m,h),Bi(i,n)}}}var Je=function(i,n){var e=i.isInitialized,r=i.setup,a=i.wrapperComponent,o=r.doubleClick,t=o.disabled,s=o.excluded,l=n.target,d=a?.contains(l),u=e&&l&&d&&!t;if(!u)return!1;var f=j(l,s);return!f},$e=(function(){function i(n){var e=this;this.mounted=!0,this.pinchLastCenterX=null,this.pinchLastCenterY=null,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.isWheelPanning=!1,this.startCoords=null,this.lastTouch=null,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.animate=!1,this.animation=null,this.maxBounds=null,this.pressedKeys={},this.mount=function(){e.initializeWindowEvents()},this.unmount=function(){e.cleanupWindowEvents()},this.update=function(r){e.props=r,B(e,e.transformState.scale),e.setup=bi(r)},this.initializeWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;(a=e.wrapperComponent)===null||a===void 0||a.addEventListener("wheel",e.onWheelPanning,o),s?.addEventListener("mousedown",e.onPanningStart,o),s?.addEventListener("mousemove",e.onPanning,o),s?.addEventListener("mouseup",e.onPanningStop,o),t?.addEventListener("mouseleave",e.clearPanning,o),s?.addEventListener("keyup",e.setKeyUnPressed,o),s?.addEventListener("keydown",e.setKeyPressed,o)},this.cleanupWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;s?.removeEventListener("mousedown",e.onPanningStart,o),s?.removeEventListener("mousemove",e.onPanning,o),s?.removeEventListener("mouseup",e.onPanningStop,o),t?.removeEventListener("mouseleave",e.clearPanning,o),s?.removeEventListener("keyup",e.setKeyUnPressed,o),s?.removeEventListener("keydown",e.setKeyPressed,o),document.removeEventListener("mouseleave",e.clearPanning,o),T(e),(a=e.observer)===null||a===void 0||a.disconnect()},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,a){var o=!1,t=e.setup.centerOnInit,s=function(l,d){for(var u=0,f=l;u<f.length;u++){var v=f[u];if(v.target===d)return!0}return!1};e.applyTransformation(),e.onInitCallbacks.forEach(function(l){l(g(e))}),e.observer=new ResizeObserver(function(l){if(s(l,r)||s(l,a))if(t&&!o){var d=a.offsetWidth,u=a.offsetHeight;(d>0||u>0)&&(o=!0,e.setCenter())}else T(e),B(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){var o=_e(e,r);if(o){var t=e.isPressingKeys(e.setup.wheel.activationKeys);t&&(Ve(e,r),Ke(e,r),Qe(e,r))}}},this.onWheelPanning=function(r){var a=e.setup,o=a.disabled,t=a.wheel,s=a.panning;if(!(!e.wrapperComponent||!e.contentComponent||o||!t.wheelDisabled||s.disabled||!s.wheelPanning||r.ctrlKey)){r.preventDefault(),r.stopPropagation();var l=e.transformState,d=l.positionX,u=l.positionY,f=d-r.deltaX,v=u-r.deltaY,p=s.lockAxisX?d:f,m=s.lockAxisY?u:v,h=e.setup.alignmentAnimation,c=h.sizeX,P=h.sizeY,b=D(e,c),w=D(e,P);p===d&&m===u||Xi(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);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(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(),T(e),Si(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);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.preventDefault(),r.stopPropagation(),wi(e,r.clientX,r.clientY),S(g(e),r,o))}}},this.onPanningStop=function(r){var a=e.props.onPanningStop;e.isPanning&&(we(e),S(g(e),r,a))},this.onPinchStart=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinchingStart,s=o.onZoomStart;if(!a){var l=ke(e,r);l&&(Re(e,r),T(e),S(g(e),r,t),S(g(e),r,s))}},this.onPinch=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinching,s=o.onZoom;if(!a){var l=Be(e);l&&(r.preventDefault(),r.stopPropagation(),Fe(e,r),S(g(e),r,t),S(g(e),r,s))}},this.onPinchStop=function(r){var a=e.props,o=a.onPinchingStop,t=a.onZoomStop;e.pinchStartScale&&(je(e),S(g(e),r,o),S(g(e),r,t))},this.onTouchPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=hi(e,r);if(t){var s=e.lastTouch&&+new Date-e.lastTouch<200&&r.touches.length===1;if(!s){e.lastTouch=+new Date,T(e);var l=r.touches,d=l.length===1,u=l.length===2;d&&(T(e),Si(e,r),S(g(e),r,o)),u&&e.onPinchStart(r)}}}},this.onTouchPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&r.touches.length===1){if(a)return;var t=ci(e);if(!t)return;r.preventDefault(),r.stopPropagation();var s=r.touches[0];wi(e,s.clientX,s.clientY),S(g(e),r,o)}else r.touches.length>1&&e.onPinch(r)},this.onTouchPanningStop=function(r){e.onPanningStop(r),e.onPinchStop(r)},this.onDoubleClick=function(r){var a=e.setup.disabled;if(!a){var o=Je(e,r);o&&Ge(e,r)}},this.clearPanning=function(r){e.isPanning&&e.onPanningStop(r)},this.setKeyPressed=function(r){e.pressedKeys[r.key]=!0},this.setKeyUnPressed=function(r){e.pressedKeys[r.key]=!1},this.isPressingKeys=function(r){return r.length?!!r.find(function(a){return e.pressedKeys[a]}):!0},this.setTransformState=function(r,a,o){var t=e.props.onTransformed;if(!Number.isNaN(r)&&!Number.isNaN(a)&&!Number.isNaN(o)){r!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=r),e.transformState.positionX=a,e.transformState.positionY=o,e.applyTransformation();var s=g(e);e.onChangeCallbacks.forEach(function(l){return l(s)}),S(s,{scale:r,positionX:a,positionY:o},t)}else console.error("Detected NaN set state values")},this.setCenter=function(){if(e.wrapperComponent&&e.contentComponent){var r=ui(e.transformState.scale,e.wrapperComponent,e.contentComponent);e.setTransformState(r.scale,r.positionX,r.positionY)}},this.handleTransformStyles=function(r,a,o){return e.props.customTransform?e.props.customTransform(r,a,o):Di(r,a,o)},this.applyTransformation=function(){if(!(!e.mounted||!e.contentComponent)){var r=e.transformState,a=r.scale,o=r.positionX,t=r.positionY,s=e.handleTransformStyles(o,t,a);e.contentComponent.style.transform=s}},this.getContext=function(){return g(e)},this.onChange=function(r){return e.onChangeCallbacks.has(r)||e.onChangeCallbacks.add(r),function(){e.onChangeCallbacks.delete(r)}},this.onInit=function(r){return e.onInitCallbacks.has(r)||e.onInitCallbacks.add(r),function(){e.onInitCallbacks.delete(r)}},this.init=function(r,a){e.cleanupWindowEvents(),e.wrapperComponent=r,e.contentComponent=a,B(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=zi(this.props)}return i})(),q=C.createContext(null),xe=function(i,n){return typeof i=="function"?i(n):i},Ie=C.forwardRef(function(i,n){var e=C.useRef(new $e(i)).current,r=xe(i.children,ai(e));return C.useImperativeHandle(n,function(){return ai(e)},[e]),C.useEffect(function(){e.update(i)},[e,i]),C.createElement(q.Provider,{value:e},r)});C.forwardRef(function(i,n){var e=C.useRef(null),r=C.useContext(q);return C.useEffect(function(){return r.onChange(function(a){if(e.current){var o=0,t=0;e.current.style.transform=r.handleTransformStyles(o,t,1/a.instance.transformState.scale)}})},[r]),C.createElement("div",W({},i,{ref:Ee([e,n])}))});function ir(i,n){n===void 0&&(n={});var e=n.insertAt;if(!(typeof document>"u")){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");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))}}var er=`.transform-component-module_wrapper__SPB86 {
|
|
2
2
|
position: relative;
|
|
3
3
|
width: -moz-fit-content;
|
|
4
4
|
width: fit-content;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
user-select: none;
|
|
14
14
|
margin: 0;
|
|
15
15
|
padding: 0;
|
|
16
|
+
transform: translate3d(0, 0, 0);
|
|
16
17
|
}
|
|
17
18
|
.transform-component-module_content__FBWxo {
|
|
18
19
|
display: flex;
|
|
@@ -28,4 +29,4 @@
|
|
|
28
29
|
.transform-component-module_content__FBWxo img {
|
|
29
30
|
pointer-events: none;
|
|
30
31
|
}
|
|
31
|
-
`,
|
|
32
|
+
`,Ci={wrapper:"transform-component-module_wrapper__SPB86",content:"transform-component-module_content__FBWxo"};ir(er);var rr=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,s=i.contentStyle,l=i.wrapperProps,d=l===void 0?{}:l,u=i.contentProps,f=u===void 0?{}:u,v=C.useContext(q),p=v.init,m=v.cleanupWindowEvents,h=C.useRef(null),c=C.useRef(null);return C.useEffect(function(){var P=h.current,b=c.current;return P!==null&&b!==null&&p&&p?.(P,b),function(){m?.()}},[]),C.createElement("div",W({},d,{ref:h,className:"".concat(ni.wrapperClass," ").concat(Ci.wrapper," ").concat(r),style:t}),C.createElement("div",W({},f,{ref:c,className:"".concat(ni.contentClass," ").concat(Ci.content," ").concat(o),style:s}),n))};exports.Context=q;exports.TransformComponent=rr;exports.TransformWrapper=Ie;exports.getCenterPosition=ui;exports.getTransformStyles=Di;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import B, { useRef as R, useImperativeHandle as qi, useEffect as ti, useContext as Yi } from "react";
|
|
2
2
|
var y = function(i, n) {
|
|
3
3
|
return Number(i.toFixed(n));
|
|
4
4
|
}, Ui = function(i, n) {
|
|
@@ -33,7 +33,7 @@ var y = function(i, n) {
|
|
|
33
33
|
return 1 + --i * i * i * i * i;
|
|
34
34
|
}, se = function(i) {
|
|
35
35
|
return i < 0.5 ? 16 * i * i * i * i * i : 1 + 16 * --i * i * i * i * i;
|
|
36
|
-
},
|
|
36
|
+
}, Ti = {
|
|
37
37
|
easeOut: Gi,
|
|
38
38
|
linear: Ji,
|
|
39
39
|
easeInQuad: $i,
|
|
@@ -48,18 +48,18 @@ var y = function(i, n) {
|
|
|
48
48
|
easeInQuint: te,
|
|
49
49
|
easeOutQuint: le,
|
|
50
50
|
easeInOutQuint: se
|
|
51
|
-
},
|
|
51
|
+
}, Xi = function(i) {
|
|
52
52
|
typeof i == "number" && cancelAnimationFrame(i);
|
|
53
53
|
}, Y = function(i) {
|
|
54
|
-
i.mounted && (
|
|
54
|
+
i.mounted && (Xi(i.animation), i.animate = !1, i.animation = null, i.velocity = null);
|
|
55
55
|
};
|
|
56
|
-
function
|
|
56
|
+
function Ai(i, n, e, r) {
|
|
57
57
|
if (i.mounted) {
|
|
58
58
|
var a = (/* @__PURE__ */ new Date()).getTime(), o = 1;
|
|
59
59
|
Y(i), i.animation = function() {
|
|
60
60
|
if (!i.mounted)
|
|
61
|
-
return
|
|
62
|
-
var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s =
|
|
61
|
+
return Xi(i.animation);
|
|
62
|
+
var t = (/* @__PURE__ */ new Date()).getTime() - a, l = t / e, s = Ti[n], d = s(l);
|
|
63
63
|
t >= e ? (r(o), i.animation = null) : i.animation && (r(d), requestAnimationFrame(i.animation));
|
|
64
64
|
}, requestAnimationFrame(i.animation);
|
|
65
65
|
}
|
|
@@ -72,7 +72,7 @@ function D(i, n, e, r) {
|
|
|
72
72
|
var a = ue(n);
|
|
73
73
|
if (!(!i.mounted || !a)) {
|
|
74
74
|
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;
|
|
75
|
-
e === 0 ? o(n.scale, n.positionX, n.positionY) :
|
|
75
|
+
e === 0 ? o(n.scale, n.positionX, n.positionY) : Ai(i, r, e, function(p) {
|
|
76
76
|
var m = l + u * p, h = s + v * p, c = d + f * p;
|
|
77
77
|
o(m, h, c);
|
|
78
78
|
});
|
|
@@ -100,7 +100,7 @@ var ve = function(i, n, e, r, a, o, t) {
|
|
|
100
100
|
return f;
|
|
101
101
|
}, ri = function(i, n, e, r) {
|
|
102
102
|
return r ? i < n ? y(n, 2) : i > e ? y(e, 2) : y(i, 2) : y(i, 2);
|
|
103
|
-
},
|
|
103
|
+
}, k = function(i, n) {
|
|
104
104
|
var e = li(i, n);
|
|
105
105
|
return i.bounds = e, e;
|
|
106
106
|
};
|
|
@@ -121,7 +121,7 @@ function H(i, n, e, r, a) {
|
|
|
121
121
|
var o = a ? r : 0, t = n - o;
|
|
122
122
|
return !Number.isNaN(e) && i >= e ? e : !Number.isNaN(n) && i <= t ? t : i;
|
|
123
123
|
}
|
|
124
|
-
var
|
|
124
|
+
var ci = function(i, n) {
|
|
125
125
|
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) {
|
|
126
126
|
return u instanceof Element ? a?.contains(u) : !1;
|
|
127
127
|
}) : a?.contains(o), s = r && o && l;
|
|
@@ -129,7 +129,7 @@ var hi = function(i, n) {
|
|
|
129
129
|
return !1;
|
|
130
130
|
var d = q(o, e);
|
|
131
131
|
return !d;
|
|
132
|
-
},
|
|
132
|
+
}, gi = function(i) {
|
|
133
133
|
var n = i.isInitialized, e = i.isPanning, r = i.setup, a = r.panning.disabled, o = n && e && !a;
|
|
134
134
|
return !!o;
|
|
135
135
|
}, fe = function(i, n) {
|
|
@@ -157,7 +157,7 @@ function me(i) {
|
|
|
157
157
|
};
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function zi(i, n, e, r, a) {
|
|
161
161
|
var o = i.setup.limitToBounds, t = i.wrapperComponent, l = i.bounds, s = i.transformState, d = s.scale, u = s.positionX, v = s.positionY;
|
|
162
162
|
if (!(t === null || l === null || n === u && e === v)) {
|
|
163
163
|
var f = L(n, e, l, o, r, a, t), p = f.x, m = f.y;
|
|
@@ -184,7 +184,7 @@ function Se(i, n) {
|
|
|
184
184
|
var e = i.setup.velocityAnimation, r = e.equalToMove, a = e.animationTime, o = e.sensitivity;
|
|
185
185
|
return r ? a * n * o : a;
|
|
186
186
|
}
|
|
187
|
-
function
|
|
187
|
+
function Si(i, n, e, r, a, o, t, l, s, d) {
|
|
188
188
|
if (a) {
|
|
189
189
|
if (n > t && e > t) {
|
|
190
190
|
var u = t + (i - t) * d;
|
|
@@ -215,29 +215,29 @@ function Pe(i, n) {
|
|
|
215
215
|
function be(i) {
|
|
216
216
|
var n = i.velocity, e = i.bounds, r = i.setup, a = i.wrapperComponent, o = ge(i);
|
|
217
217
|
if (!(!o || !n || !e || !a)) {
|
|
218
|
-
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),
|
|
219
|
-
|
|
220
|
-
var $ = i.transformState, Vi = $.scale, x = $.positionX, I = $.positionY, Ki = (/* @__PURE__ */ new Date()).getTime() - Li, Qi = Ki / X, Fi =
|
|
221
|
-
(x !==
|
|
218
|
+
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();
|
|
219
|
+
Ai(i, w, z, function(Hi) {
|
|
220
|
+
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);
|
|
221
|
+
(x !== mi || I !== hi) && i.setTransformState(Vi, Ri, ji);
|
|
222
222
|
});
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
function
|
|
225
|
+
function wi(i, n) {
|
|
226
226
|
var e = i.transformState.scale;
|
|
227
|
-
Y(i),
|
|
227
|
+
Y(i), k(i, e), window.TouchEvent !== void 0 && n instanceof TouchEvent ? pe(i, n) : fe(i, n);
|
|
228
228
|
}
|
|
229
|
-
function
|
|
230
|
-
var
|
|
231
|
-
if (!
|
|
232
|
-
var
|
|
233
|
-
|
|
229
|
+
function si(i, n) {
|
|
230
|
+
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;
|
|
231
|
+
if (!v) {
|
|
232
|
+
var f = me(i);
|
|
233
|
+
f && D(i, f, n ?? d, u);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
function
|
|
236
|
+
function Pi(i, n, e) {
|
|
237
237
|
var r = i.startCoords, a = i.setup, o = a.alignmentAnimation, t = o.sizeX, l = o.sizeY;
|
|
238
238
|
if (r) {
|
|
239
239
|
var s = he(i, n, e), d = s.x, u = s.y, v = W(i, t), f = W(i, l);
|
|
240
|
-
Pe(i, { x: d, y: u }),
|
|
240
|
+
Pe(i, { x: d, y: u }), zi(i, d, u, v, f);
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
243
|
function Ce(i) {
|
|
@@ -245,17 +245,17 @@ function Ce(i) {
|
|
|
245
245
|
var n = i.setup.panning.velocityDisabled, e = i.velocity, r = i.wrapperComponent, a = i.contentComponent;
|
|
246
246
|
i.isPanning = !1, i.animate = !1, i.animation = null;
|
|
247
247
|
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;
|
|
248
|
-
f ? be(i) :
|
|
248
|
+
f ? be(i) : si(i);
|
|
249
249
|
}
|
|
250
250
|
}
|
|
251
|
-
function
|
|
252
|
-
var a = i.setup, o = a.minScale, t = a.maxScale, l = a.limitToBounds, s = H(y(n, 2), o, t, 0, !1), d =
|
|
251
|
+
function ui(i, n, e, r) {
|
|
252
|
+
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;
|
|
253
253
|
return { scale: s, positionX: v, positionY: f };
|
|
254
254
|
}
|
|
255
255
|
function Ei(i, n, e) {
|
|
256
256
|
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;
|
|
257
|
-
if ((r >= 1 || l) &&
|
|
258
|
-
var p = n || a.offsetWidth / 2, m = e || a.offsetHeight / 2, h =
|
|
257
|
+
if ((r >= 1 || l) && si(i), !(f || !a || !i.mounted)) {
|
|
258
|
+
var p = n || a.offsetWidth / 2, m = e || a.offsetHeight / 2, h = ui(i, t, p, m);
|
|
259
259
|
h && D(i, h, u, v);
|
|
260
260
|
}
|
|
261
261
|
}
|
|
@@ -268,7 +268,7 @@ var _ = function() {
|
|
|
268
268
|
return n;
|
|
269
269
|
}, _.apply(this, arguments);
|
|
270
270
|
};
|
|
271
|
-
function
|
|
271
|
+
function bi(i, n, e) {
|
|
272
272
|
for (var r = 0, a = n.length, o; r < a; r++)
|
|
273
273
|
(o || !(r in n)) && (o || (o = Array.prototype.slice.call(n, 0, r)), o[r] = n[r]);
|
|
274
274
|
return i.concat(o || Array.prototype.slice.call(n));
|
|
@@ -356,13 +356,13 @@ var Q = {
|
|
|
356
356
|
positionX: (r = i.initialPositionX) !== null && r !== void 0 ? r : Q.positionX,
|
|
357
357
|
positionY: (a = i.initialPositionY) !== null && a !== void 0 ? a : Q.positionY
|
|
358
358
|
};
|
|
359
|
-
},
|
|
359
|
+
}, Ci = function(i) {
|
|
360
360
|
var n = _({}, M);
|
|
361
361
|
return Object.keys(i).forEach(function(e) {
|
|
362
362
|
var r = typeof i[e] < "u", a = typeof M[e] < "u";
|
|
363
363
|
if (a && r) {
|
|
364
364
|
var o = Object.prototype.toString.call(M[e]), t = o === "[object Object]", l = o === "[object Array]";
|
|
365
|
-
t ? n[e] = _(_({}, M[e]), i[e]) : l ? n[e] =
|
|
365
|
+
t ? n[e] = _(_({}, M[e]), i[e]) : l ? n[e] = bi(bi([], M[e], !0), i[e]) : n[e] = i[e];
|
|
366
366
|
}
|
|
367
367
|
}), n;
|
|
368
368
|
}, Wi = function(i, n, e) {
|
|
@@ -376,7 +376,7 @@ function Di(i, n, e, r, a) {
|
|
|
376
376
|
var o = i.wrapperComponent, t = i.transformState, l = t.scale, s = t.positionX, d = t.positionY;
|
|
377
377
|
if (!o)
|
|
378
378
|
return console.error("No WrapperComponent found");
|
|
379
|
-
var u = o.offsetWidth, v = o.offsetHeight, f = (u / 2 - s) / l, p = (v / 2 - d) / l, m = Wi(i, n, e), h =
|
|
379
|
+
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);
|
|
380
380
|
if (!h)
|
|
381
381
|
return console.error("Error during zoom event. New transformation state was not calculated.");
|
|
382
382
|
D(i, h, r, a);
|
|
@@ -573,8 +573,8 @@ var Ze = function(i, n, e, r, a) {
|
|
|
573
573
|
n.preventDefault(), n.stopPropagation();
|
|
574
574
|
var w = Be(n, null), T = m ? b * Math.abs(n.deltaY) : P, C = Ze(i, w, T, !n.ctrlKey);
|
|
575
575
|
if (s !== C) {
|
|
576
|
-
var A =
|
|
577
|
-
i.previousWheelEvent = n, i.setTransformState(C, N,
|
|
576
|
+
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;
|
|
577
|
+
i.previousWheelEvent = n, i.setTransformState(C, N, Z), S(g(i), n, r), S(g(i), n, a);
|
|
578
578
|
}
|
|
579
579
|
}, qe = function(i, n) {
|
|
580
580
|
var e = i.props, r = e.onWheelStop, a = e.onZoomStop;
|
|
@@ -603,9 +603,9 @@ var Ze = function(i, n, e, r, a) {
|
|
|
603
603
|
var m = Bi(n), h = Ke(i, m), c = Zi(n), P = c.x - (i.pinchLastCenterX || 0), b = c.y - (i.pinchLastCenterY || 0);
|
|
604
604
|
if (!(h === o && P === 0 && b === 0)) {
|
|
605
605
|
i.pinchLastCenterX = c.x, i.pinchLastCenterY = c.y;
|
|
606
|
-
var w =
|
|
606
|
+
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;
|
|
607
607
|
i.pinchMidpoint = p, i.lastDistance = m;
|
|
608
|
-
var z = u.sizeX, E = u.sizeY, N = W(i, z),
|
|
608
|
+
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;
|
|
609
609
|
i.setTransformState(h, G, J);
|
|
610
610
|
}
|
|
611
611
|
}
|
|
@@ -637,7 +637,7 @@ function Ie(i, n) {
|
|
|
637
637
|
var c = xe(f, i.transformState.scale), P = Wi(i, c, p);
|
|
638
638
|
if (t !== P) {
|
|
639
639
|
S(g(i), n, s);
|
|
640
|
-
var b = ki(n, o, t), w =
|
|
640
|
+
var b = ki(n, o, t), w = ui(i, P, b.x, b.y);
|
|
641
641
|
if (!w)
|
|
642
642
|
return console.error("Error during zoom event. New transformation state was not calculated.");
|
|
643
643
|
S(g(i), n, d), D(i, w, m, h), Mi(i, n);
|
|
@@ -660,7 +660,7 @@ var ir = function(i, n) {
|
|
|
660
660
|
}, this.unmount = function() {
|
|
661
661
|
e.cleanupWindowEvents();
|
|
662
662
|
}, this.update = function(r) {
|
|
663
|
-
e.props = r,
|
|
663
|
+
e.props = r, k(e, e.transformState.scale), e.setup = Ci(r);
|
|
664
664
|
}, this.initializeWindowEvents = function() {
|
|
665
665
|
var r, a, o = ei(), t = (r = e.wrapperComponent) === null || r === void 0 ? void 0 : r.ownerDocument, l = t?.defaultView;
|
|
666
666
|
(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) {
|
|
|
670
670
|
}, this.handleInitializeWrapperEvents = function(r) {
|
|
671
671
|
var a = ei();
|
|
672
672
|
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);
|
|
673
|
-
}, this.handleInitialize = function(r) {
|
|
674
|
-
var
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
673
|
+
}, this.handleInitialize = function(r, a) {
|
|
674
|
+
var o = !1, t = e.setup.centerOnInit, l = function(s, d) {
|
|
675
|
+
for (var u = 0, v = s; u < v.length; u++) {
|
|
676
|
+
var f = v[u];
|
|
677
|
+
if (f.target === d)
|
|
678
|
+
return !0;
|
|
679
|
+
}
|
|
680
|
+
return !1;
|
|
681
|
+
};
|
|
682
|
+
e.applyTransformation(), e.onInitCallbacks.forEach(function(s) {
|
|
683
|
+
s(g(e));
|
|
684
|
+
}), e.observer = new ResizeObserver(function(s) {
|
|
685
|
+
if (l(s, r) || l(s, a))
|
|
686
|
+
if (t && !o) {
|
|
687
|
+
var d = a.offsetWidth, u = a.offsetHeight;
|
|
688
|
+
(d > 0 || u > 0) && (o = !0, e.setCenter());
|
|
689
|
+
} else
|
|
690
|
+
Y(e), k(e, e.transformState.scale), si(e, 0);
|
|
691
|
+
}), e.observer.observe(r), e.observer.observe(a);
|
|
686
692
|
}, this.onWheelZoom = function(r) {
|
|
687
693
|
var a = e.setup.disabled;
|
|
688
694
|
if (!a) {
|
|
@@ -697,24 +703,24 @@ var ir = function(i, n) {
|
|
|
697
703
|
if (!(!e.wrapperComponent || !e.contentComponent || o || !t.wheelDisabled || l.disabled || !l.wheelPanning || r.ctrlKey)) {
|
|
698
704
|
r.preventDefault(), r.stopPropagation();
|
|
699
705
|
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);
|
|
700
|
-
p === d && m === u ||
|
|
706
|
+
p === d && m === u || zi(e, p, m, b, w);
|
|
701
707
|
}
|
|
702
708
|
}, this.onPanningStart = function(r) {
|
|
703
709
|
var a = e.setup.disabled, o = e.props.onPanningStart;
|
|
704
710
|
if (!a) {
|
|
705
|
-
var t =
|
|
711
|
+
var t = ci(e, r);
|
|
706
712
|
if (t) {
|
|
707
713
|
var l = e.isPressingKeys(e.setup.panning.activationKeys);
|
|
708
|
-
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),
|
|
714
|
+
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)));
|
|
709
715
|
}
|
|
710
716
|
}
|
|
711
717
|
}, this.onPanning = function(r) {
|
|
712
718
|
var a = e.setup.disabled, o = e.props.onPanning;
|
|
713
719
|
if (!a) {
|
|
714
|
-
var t =
|
|
720
|
+
var t = gi(e);
|
|
715
721
|
if (t) {
|
|
716
722
|
var l = e.isPressingKeys(e.setup.panning.activationKeys);
|
|
717
|
-
l && (r.preventDefault(), r.stopPropagation(),
|
|
723
|
+
l && (r.preventDefault(), r.stopPropagation(), Pi(e, r.clientX, r.clientY), S(g(e), r, o));
|
|
718
724
|
}
|
|
719
725
|
}
|
|
720
726
|
}, this.onPanningStop = function(r) {
|
|
@@ -738,13 +744,13 @@ var ir = function(i, n) {
|
|
|
738
744
|
}, this.onTouchPanningStart = function(r) {
|
|
739
745
|
var a = e.setup.disabled, o = e.props.onPanningStart;
|
|
740
746
|
if (!a) {
|
|
741
|
-
var t =
|
|
747
|
+
var t = ci(e, r);
|
|
742
748
|
if (t) {
|
|
743
|
-
var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200;
|
|
749
|
+
var l = e.lastTouch && +/* @__PURE__ */ new Date() - e.lastTouch < 200 && r.touches.length === 1;
|
|
744
750
|
if (!l) {
|
|
745
751
|
e.lastTouch = +/* @__PURE__ */ new Date(), Y(e);
|
|
746
752
|
var s = r.touches, d = s.length === 1, u = s.length === 2;
|
|
747
|
-
d && (Y(e),
|
|
753
|
+
d && (Y(e), wi(e, r), S(g(e), r, o)), u && e.onPinchStart(r);
|
|
748
754
|
}
|
|
749
755
|
}
|
|
750
756
|
}
|
|
@@ -753,12 +759,12 @@ var ir = function(i, n) {
|
|
|
753
759
|
if (e.isPanning && r.touches.length === 1) {
|
|
754
760
|
if (a)
|
|
755
761
|
return;
|
|
756
|
-
var t =
|
|
762
|
+
var t = gi(e);
|
|
757
763
|
if (!t)
|
|
758
764
|
return;
|
|
759
765
|
r.preventDefault(), r.stopPropagation();
|
|
760
766
|
var l = r.touches[0];
|
|
761
|
-
|
|
767
|
+
Pi(e, l.clientX, l.clientY), S(g(e), r, o);
|
|
762
768
|
} else r.touches.length > 1 && e.onPinch(r);
|
|
763
769
|
}, this.onTouchPanningStop = function(r) {
|
|
764
770
|
e.onPanningStop(r), e.onPinchStop(r);
|
|
@@ -811,25 +817,25 @@ var ir = function(i, n) {
|
|
|
811
817
|
e.onInitCallbacks.delete(r);
|
|
812
818
|
};
|
|
813
819
|
}, this.init = function(r, a) {
|
|
814
|
-
e.cleanupWindowEvents(), e.wrapperComponent = r, e.contentComponent = a,
|
|
820
|
+
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;
|
|
815
821
|
var o = g(e);
|
|
816
822
|
S(o, void 0, e.props.onInit);
|
|
817
|
-
}, this.props = n, this.setup =
|
|
823
|
+
}, this.props = n, this.setup = Ci(this.props), this.transformState = _i(this.props);
|
|
818
824
|
}
|
|
819
825
|
return i;
|
|
820
826
|
})()
|
|
821
|
-
),
|
|
827
|
+
), di = B.createContext(null), rr = function(i, n) {
|
|
822
828
|
return typeof i == "function" ? i(n) : i;
|
|
823
|
-
}, tr =
|
|
829
|
+
}, tr = B.forwardRef(function(i, n) {
|
|
824
830
|
var e = R(new er(i)).current, r = rr(i.children, ai(e));
|
|
825
831
|
return qi(n, function() {
|
|
826
832
|
return ai(e);
|
|
827
833
|
}, [e]), ti(function() {
|
|
828
834
|
e.update(i);
|
|
829
|
-
}, [e, i]),
|
|
835
|
+
}, [e, i]), B.createElement(di.Provider, { value: e }, r);
|
|
830
836
|
});
|
|
831
|
-
|
|
832
|
-
var e = R(null), r =
|
|
837
|
+
B.forwardRef(function(i, n) {
|
|
838
|
+
var e = R(null), r = Yi(di);
|
|
833
839
|
return ti(function() {
|
|
834
840
|
return r.onChange(function(a) {
|
|
835
841
|
if (e.current) {
|
|
@@ -837,7 +843,7 @@ k.forwardRef(function(i, n) {
|
|
|
837
843
|
e.current.style.transform = r.handleTransformStyles(o, t, 1 / a.instance.transformState.scale);
|
|
838
844
|
}
|
|
839
845
|
});
|
|
840
|
-
}, [r]),
|
|
846
|
+
}, [r]), B.createElement("div", _({}, i, { ref: Oe([e, n]) }));
|
|
841
847
|
});
|
|
842
848
|
function nr(i, n) {
|
|
843
849
|
n === void 0 && (n = {});
|
|
@@ -862,6 +868,7 @@ var ar = `.transform-component-module_wrapper__SPB86 {
|
|
|
862
868
|
user-select: none;
|
|
863
869
|
margin: 0;
|
|
864
870
|
padding: 0;
|
|
871
|
+
transform: translate3d(0, 0, 0);
|
|
865
872
|
}
|
|
866
873
|
.transform-component-module_content__FBWxo {
|
|
867
874
|
display: flex;
|
|
@@ -877,23 +884,23 @@ var ar = `.transform-component-module_wrapper__SPB86 {
|
|
|
877
884
|
.transform-component-module_content__FBWxo img {
|
|
878
885
|
pointer-events: none;
|
|
879
886
|
}
|
|
880
|
-
`,
|
|
887
|
+
`, yi = { wrapper: "transform-component-module_wrapper__SPB86", content: "transform-component-module_content__FBWxo" };
|
|
881
888
|
nr(ar);
|
|
882
889
|
var lr = function(i) {
|
|
883
|
-
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 =
|
|
890
|
+
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);
|
|
884
891
|
return ti(function() {
|
|
885
892
|
var P = h.current, b = c.current;
|
|
886
893
|
return P !== null && b !== null && p && p?.(P, b), function() {
|
|
887
894
|
m?.();
|
|
888
895
|
};
|
|
889
|
-
}, []),
|
|
896
|
+
}, []), B.createElement(
|
|
890
897
|
"div",
|
|
891
|
-
_({}, d, { ref: h, className: "".concat(ni.wrapperClass, " ").concat(
|
|
892
|
-
|
|
898
|
+
_({}, d, { ref: h, className: "".concat(ni.wrapperClass, " ").concat(yi.wrapper, " ").concat(r), style: t }),
|
|
899
|
+
B.createElement("div", _({}, v, { ref: c, className: "".concat(ni.contentClass, " ").concat(yi.content, " ").concat(o), style: l }), n)
|
|
893
900
|
);
|
|
894
901
|
};
|
|
895
902
|
export {
|
|
896
|
-
|
|
903
|
+
di as Context,
|
|
897
904
|
lr as TransformComponent,
|
|
898
905
|
tr as TransformWrapper,
|
|
899
906
|
Ni as getCenterPosition,
|
|
@@ -0,0 +1 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
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;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import e from "./rng.js";
|
|
2
|
+
import { unsafeStringify as o } from "./stringify.js";
|
|
3
|
+
function d(r, n, t) {
|
|
4
|
+
return crypto.randomUUID ? crypto.randomUUID() : u(r);
|
|
5
|
+
}
|
|
6
|
+
function u(r, n, t) {
|
|
7
|
+
r = r || {};
|
|
8
|
+
const f = r.random ?? r.rng?.() ?? e();
|
|
9
|
+
if (f.length < 16)
|
|
10
|
+
throw new Error("Random bytes length must be >= 16");
|
|
11
|
+
return f[6] = f[6] & 15 | 64, f[8] = f[8] & 63 | 128, o(f);
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
d as default
|
|
15
|
+
};
|
package/dist/scss/_vars.scss
CHANGED
|
@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
|
|
|
245
245
|
$badgeSmall: 'badgeSmall';
|
|
246
246
|
$badgeMedium: 'badgeMedium';
|
|
247
247
|
$stringSmall: 'stringSmall';
|
|
248
|
-
$text-tokens:
|
|
249
|
-
$
|
|
250
|
-
$
|
|
251
|
-
$
|
|
252
|
-
$
|
|
248
|
+
$text-tokens:
|
|
249
|
+
$button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
|
|
250
|
+
$title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
|
|
251
|
+
$snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
|
|
252
|
+
$headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
|
|
253
|
+
$linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
|
|
253
254
|
|
|
254
255
|
////////////////////////
|
|
255
256
|
/// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
|
package/dist/scss/_vars.scss.cjs
CHANGED
|
@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
|
|
|
245
245
|
$badgeSmall: 'badgeSmall';
|
|
246
246
|
$badgeMedium: 'badgeMedium';
|
|
247
247
|
$stringSmall: 'stringSmall';
|
|
248
|
-
$text-tokens:
|
|
249
|
-
$
|
|
250
|
-
$
|
|
251
|
-
$
|
|
252
|
-
$
|
|
248
|
+
$text-tokens:
|
|
249
|
+
$button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
|
|
250
|
+
$title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
|
|
251
|
+
$snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
|
|
252
|
+
$headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
|
|
253
|
+
$linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
|
|
253
254
|
|
|
254
255
|
////////////////////////
|
|
255
256
|
/// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
|
package/dist/scss/_vars.scss.js
CHANGED
|
@@ -245,11 +245,12 @@ $linkSmall: 'linkSmall';
|
|
|
245
245
|
$badgeSmall: 'badgeSmall';
|
|
246
246
|
$badgeMedium: 'badgeMedium';
|
|
247
247
|
$stringSmall: 'stringSmall';
|
|
248
|
-
$text-tokens:
|
|
249
|
-
$
|
|
250
|
-
$
|
|
251
|
-
$
|
|
252
|
-
$
|
|
248
|
+
$text-tokens:
|
|
249
|
+
$button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
|
|
250
|
+
$title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
|
|
251
|
+
$snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
|
|
252
|
+
$headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
|
|
253
|
+
$linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
|
|
253
254
|
|
|
254
255
|
////////////////////////
|
|
255
256
|
/// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phillips/seldon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.277.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/PhillipsAuctionHouse/seldon"
|
|
@@ -66,13 +66,12 @@
|
|
|
66
66
|
"@radix-ui/react-select": "^2.1.1",
|
|
67
67
|
"@radix-ui/react-tabs": "^1.1.1",
|
|
68
68
|
"@radix-ui/react-toast": "^1.2.11",
|
|
69
|
-
"@types/dompurify": "^3.0.5",
|
|
70
69
|
"change-case": "^5.4.4",
|
|
71
70
|
"classnames": "^2.5.1",
|
|
72
71
|
"cmdk": "^1.1.1",
|
|
73
72
|
"date-fns": "^4.1.0",
|
|
74
73
|
"date-fns-tz": "^3.2.0",
|
|
75
|
-
"dompurify": "^3.
|
|
74
|
+
"dompurify": "^3.4.12",
|
|
76
75
|
"embla-carousel-autoplay": "^8.5.1",
|
|
77
76
|
"embla-carousel-class-names": "^8.5.1",
|
|
78
77
|
"embla-carousel-react": "^8.5.1",
|
|
@@ -84,14 +83,14 @@
|
|
|
84
83
|
"react-intersection-observer": "^9.13.1",
|
|
85
84
|
"react-remove-scroll": "^2.6.3",
|
|
86
85
|
"react-transition-group": "^4.4.5",
|
|
87
|
-
"react-zoom-pan-pinch": "^3.
|
|
86
|
+
"react-zoom-pan-pinch": "^3.7.0",
|
|
88
87
|
"usehooks-ts": "^3.1.0",
|
|
89
|
-
"uuid": "^
|
|
88
|
+
"uuid": "^14.0.0"
|
|
90
89
|
},
|
|
91
90
|
"devDependencies": {
|
|
92
91
|
"@chromatic-com/storybook": "^5.0.1",
|
|
93
92
|
"@commitlint/cli": "^19.3.0",
|
|
94
|
-
"@commitlint/config-conventional": "^
|
|
93
|
+
"@commitlint/config-conventional": "^20.4.1",
|
|
95
94
|
"@eslint/js": "^9.15.0",
|
|
96
95
|
"@figma/code-connect": "^0.2.1",
|
|
97
96
|
"@playwright/test": "^1.58.2",
|
|
@@ -135,7 +134,7 @@
|
|
|
135
134
|
"jsdom": "^26.1.0",
|
|
136
135
|
"markdownlint-cli": "^0.41.0",
|
|
137
136
|
"playwright": "^1.58.2",
|
|
138
|
-
"prettier": "3.
|
|
137
|
+
"prettier": "3.8.1",
|
|
139
138
|
"react": "^18.3.1",
|
|
140
139
|
"react-docgen-typescript": "^2.2.2",
|
|
141
140
|
"react-dom": "^18.2.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:e};exports.default=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let e;const t=new Uint8Array(16);function o(){if(!e){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");e=crypto.getRandomValues.bind(crypto)}return e(t)}exports.default=o;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
let t;
|
|
2
|
-
const e = new Uint8Array(16);
|
|
3
|
-
function o() {
|
|
4
|
-
if (!t) {
|
|
5
|
-
if (typeof crypto > "u" || !crypto.getRandomValues)
|
|
6
|
-
throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
|
|
7
|
-
t = crypto.getRandomValues.bind(crypto);
|
|
8
|
-
}
|
|
9
|
-
return t(e);
|
|
10
|
-
}
|
|
11
|
-
export {
|
|
12
|
-
o as default
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./native.cjs"),n=require("./rng.cjs"),u=require("./stringify.cjs");function f(r,a,d){if(t.default.randomUUID&&!r)return t.default.randomUUID();r=r||{};const e=r.random??r.rng?.()??n.default();if(e.length<16)throw new Error("Random bytes length must be >= 16");return e[6]=e[6]&15|64,e[8]=e[8]&63|128,u.unsafeStringify(e)}exports.default=f;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import n from "./native.js";
|
|
2
|
-
import t from "./rng.js";
|
|
3
|
-
import { unsafeStringify as e } from "./stringify.js";
|
|
4
|
-
function g(f, m, a) {
|
|
5
|
-
if (n.randomUUID && !f)
|
|
6
|
-
return n.randomUUID();
|
|
7
|
-
f = f || {};
|
|
8
|
-
const r = f.random ?? f.rng?.() ?? t();
|
|
9
|
-
if (r.length < 16)
|
|
10
|
-
throw new Error("Random bytes length must be >= 16");
|
|
11
|
-
return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, e(r);
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
g as default
|
|
15
|
-
};
|
|
File without changes
|
|
File without changes
|