Module 647307

16,102 characters · in 68925.4de164704c201108.js
Dependencies
Required by (2)
Lazily required by (0)none
Requires (2)
Lazily requires (0)none
Source Raw
function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(64700),i=r(877508),o=n&&"object"==typeof n&&"default"in n?n:{default:n},a=function(){return(a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function s(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)0>t.indexOf(n[i])&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}function l(e){var t=e||u(),r=n.useState(t),i=r[0],o=r[1];return n.useEffect(function(){if("u">typeof window&&"matchMedia"in window){var t=function(){o(e||u())},r=window.matchMedia("screen and (resolution: ".concat(i,"dppx)"));return r.hasOwnProperty("addEventListener")?r.addEventListener("change",t):r.addListener(t),function(){r.hasOwnProperty("removeEventListener")?r.removeEventListener("change",t):r.removeListener(t)}}},[i,e]),i}function u(){return Math.min(Math.max(1,"u">typeof window&&"number"==typeof window.devicePixelRatio?window.devicePixelRatio:1),3)}var c=function(){function e(){}return e.prototype.observe=function(){},e.prototype.unobserve=function(){},e.prototype.disconnect=function(){},e}(),f=globalThis.ResizeObserver||c,d=void 0!==globalThis.ResizeObserver,p=!d,h={useDevicePixelRatio:!0,fitCanvasToArtboardHeight:!1,useOffscreenRenderer:!0,shouldResizeCanvasToContainer:!0};function m(e){return Object.assign({},h,e)}function g(e){var t,r,i,o,a,s,u,c=e.riveLoaded,h=void 0!==c&&c,g=e.canvasElem,v=e.containerRef,y=e.options,b=e.onCanvasHasResized,w=e.artboardBounds,_=m(void 0===y?{}:y),x=n.useState({height:0,width:0}),E=x[0],S=E.height,k=E.width,T=x[1],C=n.useState({height:0,width:0}),P=C[0],A=P.height,O=P.width,M=C[1],I=n.useState(!0),R=I[0],D=I[1],L=_.fitCanvasToArtboardHeight,F=_.shouldResizeCanvasToContainer,N=_.useDevicePixelRatio,j=_.customDevicePixelRatio,V=(void 0===(t=F)&&(t=!0),i=(r=n.useState({width:0,height:0}))[0],o=r[1],n.useEffect(function(){if("u">typeof window&&t){var e=function(){o({width:window.innerWidth,height:window.innerHeight})};return p&&(e(),window.addEventListener("resize",e)),function(){return window.removeEventListener("resize",e)}}},[]),u=n.useRef(new f((a=function(e){d&&o({width:e[e.length-1].contentRect.width,height:e[e.length-1].contentRect.height})},s=0,function(){for(var e=this,t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];clearTimeout(s),s=window.setTimeout(function(){return a.apply(e,t)},0)}))),n.useEffect(function(){var e=u.current;if(t){var r=v.current;return v.current&&d&&e.observe(v.current),function(){e.disconnect(),r&&d&&e.unobserve(r)}}e.disconnect()},[v,u]),i),B=l(j),U=null!=w?w:{},K=U.maxX,$=U.maxY,z=n.useCallback(function(){var e,t,r,n,i=null!=(t=null==(e=v.current)?void 0:e.clientWidth)?t:0,o=null!=(n=null==(r=v.current)?void 0:r.clientHeight)?n:0;return L&&w?{width:i,height:i*(w.maxY/w.maxX)}:{width:i,height:o}},[v,L,K,$]);n.useEffect(function(){if(F&&v.current&&h){var e=z(),t=e.width,r=e.height,n=!1;if(g){var i=t!==k||r!==S;if(_.fitCanvasToArtboardHeight&&i&&(v.current.style.height=r+"px",n=!0),_.useDevicePixelRatio){if(i||t*B!==O||r*B!==A){var o=B*t,a=B*r;g.width=o,g.height=a,g.style.width=t+"px",g.style.height=r+"px",M({width:o,height:a}),n=!0}}else i&&(g.width=t,g.height=r,M({width:t,height:r}),n=!0);T({width:t,height:r})}b&&(R||n)&&b&&b(),R&&D(!1)}},[g,v,V,B,z,R,D,A,O,S,k,b,F,L,N,h]),n.useEffect(function(){M({width:0,height:0})},[g])}var v,y=function(){function e(){}return e.prototype.observe=function(){},e.prototype.unobserve=function(){},e.prototype.disconnect=function(){},e}(),b=globalThis.IntersectionObserver||y,w=function(){function e(){var e=this;this.elementsMap=new Map,this.onObserved=function(t){t.forEach(function(t){var r=e.elementsMap.get(t.target);r&&r(t)})},this.observer=new b(this.onObserved)}return e.prototype.registerCallback=function(e,t){this.observer.observe(e),this.elementsMap.set(e,t)},e.prototype.removeCallback=function(e){this.observer.unobserve(e),this.elementsMap.delete(e)},e}(),_=function(){return v||(v=new w),v};function x(e){var t=e.setContainerRef,r=e.setCanvasRef,n=e.className,i=void 0===n?"":n,l=e.style,u=e.children,c=s(e,["setContainerRef","setCanvasRef","className","style","children"]),f=a({width:"100%",height:"100%"},l);return o.default.createElement("div",a({ref:t,className:i},!i&&{style:f}),o.default.createElement("canvas",a({ref:r,style:{verticalAlign:"top",width:0,height:0}},c),u))}function E(e,t){void 0===t&&(t={});var r=n.useState(null),u=r[0],c=r[1],f=n.useRef(null),d=n.useRef(null),p=n.useState(null),h=p[0],v=p[1],y=!!e,b=m(t),w=l(),E=n.useCallback(function(){if(h){if(h.layout&&h.layout.fit===i.Fit.Layout&&u){var e=w*h.layout.layoutScaleFactor;h.devicePixelRatioUsed=w,h.artboardWidth=(null==u?void 0:u.width)/e,h.artboardHeight=(null==u?void 0:u.height)/e}h.startRendering(),h.resizeToCanvas()}},[h,w]);g({riveLoaded:!!h,canvasElem:u,containerRef:f,options:b,onCanvasHasResized:E,artboardBounds:null==h?void 0:h.bounds});var S=n.useCallback(function(e){null===e&&u&&(u.height=0,u.width=0),c(e)},[]);n.useEffect(function(){if(u&&e){var t,r=null!=h;if(null==h){var n=b.useOffscreenRenderer,o=e.onRiveReady,l=s(e,["onRiveReady"]);t=new i.Rive(a(a({useOffscreenRenderer:n},l),{canvas:u})),null!=d.current&&d.current.cleanup(),d.current=t,t.on(i.EventType.Load,function(){r=!0,o&&o(t),u?v(t):t.cleanup()})}return function(){r||null==t||t.cleanup()}}},[u,y,h]);var k=n.useCallback(function(e){f.current=e},[]),T={observe:n.useCallback(function(e,t){_().registerCallback(e,t)},[]),unobserve:n.useCallback(function(e){_().removeCallback(e)},[])},C=T.observe,P=T.unobserve;n.useEffect(function(){var e,t=!1,r=function(){if(u&&t){var e=u.getBoundingClientRect();e.width>0&&e.height>0&&e.top<(window.innerHeight||document.documentElement.clientHeight)&&e.bottom>0&&e.left<(window.innerWidth||document.documentElement.clientWidth)&&e.right>0&&(null==h||h.startRendering(),t=!1)}};return u&&!1!==b.shouldUseIntersectionObserver&&C(u,function(n){n.isIntersecting?h&&h.startRendering():h&&h.stopRendering(),t=!n.isIntersecting,clearTimeout(e),n.isIntersecting||0!==n.boundingClientRect.width||(e=setTimeout(r,10))}),function(){u&&P(u)}},[C,P,h,u,b.shouldUseIntersectionObserver]),n.useEffect(function(){return function(){h&&(h.cleanup(),v(null))}},[h,u]),n.useEffect(function(){return function(){null!=d.current&&d.current.cleanup()}},[]);var A=null==e?void 0:e.animations;n.useEffect(function(){h&&A&&(h.isPlaying?(h.stop(h.animationNames),h.play(A)):h.isPaused&&(h.stop(h.animationNames),h.pause(A)))},[A,h]);var O=n.useCallback(function(e){return o.default.createElement(x,a({setContainerRef:k,setCanvasRef:S},e))},[S,k]);return{canvas:u,container:f.current,setCanvasRef:S,setContainerRef:k,rive:h,RiveComponent:O}}function S(e,t,r){var i=n.useState(null),o=i[0],s=i[1],l=n.useState(r.defaultValue),u=l[0],c=l[1],f=n.useState(null),d=f[0],p=f[1],h=n.useRef(null),m=n.useRef(e),g=n.useRef(r);n.useEffect(function(){g.current=r},[r]);var v=n.useCallback(function(){var e=h.current,t=m.current,r=g.current;if(!e||!t)return s(null),c(r.defaultValue),p(null),function(){};var n=r.getProperty(e,t);if(n){s(n),c(r.getValue(n)),r.getExtendedData&&p(r.getExtendedData(n));var i=function(){c(r.getValue(n)),r.getExtendedData&&p(r.getExtendedData(n)),r.onPropertyEvent&&r.onPropertyEvent()};return n.on(i),function(){n.off(i)}}return function(){}},[]);n.useEffect(function(){return h.current=t,m.current=e,v()},[t,e,v]);var y=n.useCallback(function(e){if(o&&h.current===t)try{return e(o),void(g.current.getExtendedData&&p(g.current.getExtendedData(o)))}catch(e){}if(h.current)try{var r=g.current.getProperty(h.current,m.current);r&&(s(r),e(r),g.current.getExtendedData&&p(g.current.getExtendedData(r)))}catch(e){}},[o,t]),b=n.useMemo(function(){return g.current.buildPropertyOperations(y)},[y]),w=a({value:u},b);return r.getExtendedData&&(w.extendedData=d),w}t.default=function(e){var t=e.src,r=e.artboard,n=e.animations,i=e.stateMachines,l=e.layout,u=e.useOffscreenRenderer,c=e.shouldDisableRiveListeners,f=e.shouldResizeCanvasToContainer,d=e.automaticallyHandleEvents,p=e.children,h=s(e,["src","artboard","animations","stateMachines","layout","useOffscreenRenderer","shouldDisableRiveListeners","shouldResizeCanvasToContainer","automaticallyHandleEvents","children"]),m=E({src:t,artboard:r,animations:n,layout:l,stateMachines:i,autoplay:!0,shouldDisableRiveListeners:void 0!==c&&c,automaticallyHandleEvents:void 0!==d&&d},{useOffscreenRenderer:void 0===u||u,shouldResizeCanvasToContainer:void 0===f||f}).RiveComponent;return o.default.createElement(m,a({},h),p)},t.useResizeCanvas=g,t.useRive=E,t.useRiveFile=function(e){var t=this,r=n.useState(null),o=r[0],a=r[1],s=n.useState("idle"),l=s[0],u=s[1];return n.useEffect(function(){var r,n,o,s=null;return r=void 0,n=void 0,o=function(){return function(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){var l=[o,s];if(r)throw TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&l[0]?n.return:l[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,l[1])).done)return i;switch(n=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(i=(i=a.trys).length>0&&i[i.length-1])&&(6===l[0]||2===l[0])){a=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]<i[3])){a.label=l[1];break}if(6===l[0]&&a.label<i[1]){a.label=i[1],i=l;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(l);break}i[2]&&a.ops.pop(),a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e],n=0}finally{r=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}}(this,function(t){try{u("loading"),(s=new i.RiveFile(e)).init(),s.on(i.EventType.Load,function(){null==s||s.getInstance(),a(s),u("success")}),s.on(i.EventType.LoadError,function(){u("failed")}),a(s)}catch(e){console.error(e),u("failed")}return[2]})},new(n||(n=Promise))(function(e,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(t){var r;t.done?e(t.value):((r=t.value)instanceof n?r:new n(function(e){e(r)})).then(a,s)}l((o=o.apply(t,r||[])).next())}),function(){null==s||s.cleanup()}},[e.src,e.buffer]),{riveFile:o,status:l}},t.useStateMachineInput=function(e,t,r,o){var a=n.useState(null),s=a[0],l=a[1];return n.useEffect(function(){function n(){if(e&&t&&r||l(null),e&&t&&r){var n=e.stateMachineInputs(t);if(n){var i=n.find(function(e){return e.name===r});void 0!==o&&i&&(i.value=o),l(i||null)}}else l(null)}n(),e&&e.on(i.EventType.Load,function(){n()})},[e]),s},t.useViewModel=function(e,t){var r=null!=t?t:{},o=r.name,a=r.useDefault,s=n.useState(null),l=s[0],u=s[1];return n.useEffect(function(){function t(){var t;if(e)u(null!=o?(null==(t=e.viewModelByName)?void 0:t.call(e,o))||null:e.defaultViewModel()||null);else u(null)}return t(),e&&e.on(i.EventType.Load,t),function(){e&&e.off(i.EventType.Load,t)}},[e,o,void 0!==a&&a]),l},t.useViewModelInstance=function(e,t){var r=null!=t?t:{},i=r.name,o=r.useDefault,a=void 0!==o&&o,s=r.useNew,l=void 0!==s&&s,u=r.rive,c=n.useState(null),f=c[0],d=c[1];return n.useEffect(function(){var t,r,n;if(e){var o=null;d(o=null!=i?e.instanceByName(i)||null:a?(null==(t=e.defaultInstance)?void 0:t.call(e))||null:l?(null==(r=e.instance)?void 0:r.call(e))||null:(null==(n=e.defaultInstance)?void 0:n.call(e))||null),u&&o&&u.viewModelInstance!==o&&u.bindViewModelInstance(o)}else d(null)},[e,i,a,l,u]),f},t.useViewModelInstanceArtboard=function(e,t){return{setValue:S(e,t,{getProperty:n.useCallback(function(e,t){return e.artboard(t)},[]),getValue:n.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])}).setValue}},t.useViewModelInstanceBoolean=function(e,t){var r=S(e,t,{getProperty:n.useCallback(function(e,t){return e.boolean(t)},[]),getValue:n.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])});return{value:r.value,setValue:r.setValue}},t.useViewModelInstanceColor=function(e,t){var r=S(e,t,{getProperty:n.useCallback(function(e,t){return e.color(t)},[]),getValue:n.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})},setRgb:function(t,r,n){e(function(e){e.rgb(t,r,n)})},setRgba:function(t,r,n,i){e(function(e){e.rgba(t,r,n,i)})},setAlpha:function(t){e(function(e){e.alpha(t)})},setOpacity:function(t){e(function(e){e.opacity(t)})}}},[])});return{value:r.value,setValue:r.setValue,setRgb:r.setRgb,setRgba:r.setRgba,setAlpha:r.setAlpha,setOpacity:r.setOpacity}},t.useViewModelInstanceEnum=function(e,t){var r=S(e,t,{getProperty:n.useCallback(function(e,t){return e.enum(t)},[]),getValue:n.useCallback(function(e){return e.value},[]),defaultValue:null,getExtendedData:n.useCallback(function(e){return e.values},[]),buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])});return{value:r.value,values:r.extendedData||[],setValue:r.setValue}},t.useViewModelInstanceImage=function(e,t){return{setValue:S(e,t,{getProperty:n.useCallback(function(e,t){return e.image(t)},[]),getValue:n.useCallback(function(){},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])}).setValue}},t.useViewModelInstanceList=function(e,t){var r,i=n.useState(0)[1],o=S(e,t,{getProperty:n.useCallback(function(e,t){return e.list(t)},[]),getValue:n.useCallback(function(e){return e.length},[]),defaultValue:null,onPropertyEvent:function(){i(function(e){return e+1})},buildPropertyOperations:n.useCallback(function(e){return{addInstance:function(t){e(function(e){return e.addInstance(t)})},addInstanceAt:function(t,r){var n=!1;return e(function(e){n=e.addInstanceAt(t,r)}),n},removeInstance:function(t){e(function(e){return e.removeInstance(t)})},removeInstanceAt:function(t){e(function(e){return e.removeInstanceAt(t)})},getInstanceAt:function(t){var r=null;return e(function(e){r=e.instanceAt(t)}),r},swap:function(t,r){e(function(e){return e.swap(t,r)})}}},[])});return{length:null!=(r=o.value)?r:0,addInstance:o.addInstance,addInstanceAt:o.addInstanceAt,removeInstance:o.removeInstance,removeInstanceAt:o.removeInstanceAt,getInstanceAt:o.getInstanceAt,swap:o.swap}},t.useViewModelInstanceNumber=function(e,t){var r=S(e,t,{getProperty:n.useCallback(function(e,t){return e.number(t)},[]),getValue:n.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])});return{value:r.value,setValue:r.setValue}},t.useViewModelInstanceString=function(e,t){var r=S(e,t,{getProperty:n.useCallback(function(e,t){return e.string(t)},[]),getValue:n.useCallback(function(e){return e.value},[]),defaultValue:null,buildPropertyOperations:n.useCallback(function(e){return{setValue:function(t){e(function(e){e.value=t})}}},[])});return{value:r.value,setValue:r.setValue}},t.useViewModelInstanceTrigger=function(e,t,r){var i=(null!=r?r:{}).onTrigger;return{trigger:S(e,t,{getProperty:n.useCallback(function(e,t){return e.trigger(t)},[]),getValue:n.useCallback(function(){},[]),defaultValue:null,onPropertyEvent:i,buildPropertyOperations:n.useCallback(function(e){return{trigger:function(){e(function(e){e.trigger()})}}},[])}).trigger}},Object.keys(i).forEach(function(e){"default"===e||t.hasOwnProperty(e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return i[e]}})})}