@animxyz/react/dist/ReactAnimXyz.js

AnimXYZ is a composable animation library that makes your site shine

/**
   * ReactAnimXyz v0.6.6
   * Copyright (c) 2020-present Ingram Projects
   * Released under the MIT License.
   * https://animxyz.com
   */


!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react-transition-group"),require("prop-types"),require("clsx")):"function"==typeof define&&define.amd?define(["exports","react-transition-group","prop-types","clsx"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactAnimXyz={},e.reactTransitionGroup,e.PropTypes,e.clsx)}(this,(function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(n),u=o(r);function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function c(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var l=Symbol.for("react.element"),f=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),b=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),x=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),_=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},O=Object.assign,z={};function S(e,t,n){this.props=e,this.context=t,this.refs=z,this.updater=n||g}function j(){}function T(e,t,n){this.props=e,this.context=t,this.refs=z,this.updater=n||g}S.prototype.isReactComponent={},S.prototype.setState=function(e,t){if("object"!==a(e)&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},S.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},j.prototype=S.prototype;var w=T.prototype=new j;w.constructor=T,O(w,S.prototype),w.isPureReactComponent=!0;var A=Array.isArray,k=Object.prototype.hasOwnProperty,R={current:null},C={key:!0,ref:!0,__self:!0,__source:!0};function $(e,t,n){var r,o={},i=null,u=null;if(null!=t)for(r in void 0!==t.ref&&(u=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!C.hasOwnProperty(r)&&(o[r]=t[r]);var a=arguments.length-2;if(1===a)o.children=n;else if(1<a){for(var s=Array(a),c=0;c<a;c++)s[c]=arguments[c+2];o.children=s}if(e&&e.defaultProps)for(r in a=e.defaultProps)void 0===o[r]&&(o[r]=a[r]);return{$$typeof:l,type:e,key:i,ref:u,props:o,_owner:R.current}}function P(e){return"object"===a(e)&&null!==e&&e.$$typeof===l}var L=/\/+/g;function V(e,t){return"object"===a(e)&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function I(e,t,n,r,o){var i=a(e);"undefined"!==i&&"boolean"!==i||(e=null);var u=!1;if(null===e)u=!0;else switch(i){case"string":case"number":u=!0;break;case"object":switch(e.$$typeof){case l:case f:u=!0}}if(u)return o=o(u=e),e=""===r?"."+V(u,0):r,A(o)?(n="",null!=e&&(n=e.replace(L,"$&/")+"/"),I(o,t,n,"",(function(e){return e}))):null!=o&&(P(o)&&(o=function(e,t){return{$$typeof:l,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,n+(!o.key||u&&u.key===o.key?"":(""+o.key).replace(L,"$&/")+"/")+e)),t.push(o)),1;if(u=0,r=""===r?".":r+":",A(e))for(var s=0;s<e.length;s++){var c=r+V(i=e[s],s);u+=I(i,t,n,c,o)}else if("function"==typeof(c=function(e){return null===e||"object"!==a(e)?null:"function"==typeof(e=_&&e[_]||e["@@iterator"])?e:null}(e)))for(e=c.call(e),s=0;!(i=e.next()).done;)u+=I(i=i.value,t,n,c=r+V(i,s++),o);else if("object"===i)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return u}function N(e,t,n){if(null==e)return e;var r=[],o=0;return I(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function q(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var D={current:null},F={transition:null},U={ReactCurrentDispatcher:D,ReactCurrentBatchConfig:F,ReactCurrentOwner:R};e.Children={map:N,forEach:function(e,t,n){N(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!P(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},e.Component=S,e.Fragment=p,e.Profiler=d,e.PureComponent=T,e.StrictMode=y,e.Suspense=h,e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=U,e.cloneElement=function(e,t,n){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=O({},e.props),o=e.key,i=e.ref,u=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,u=R.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(s in t)k.call(t,s)&&!C.hasOwnProperty(s)&&(r[s]=void 0===t[s]&&void 0!==a?a[s]:t[s])}var s=arguments.length-2;if(1===s)r.children=n;else if(1<s){a=Array(s);for(var c=0;c<s;c++)a[c]=arguments[c+2];r.children=a}return{$$typeof:l,type:e.type,key:o,ref:i,props:r,_owner:u}},e.createContext=function(e){return(e={$$typeof:b,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:m,_context:e},e.Consumer=e},e.createElement=$,e.createFactory=function(e){var t=$.bind(null,e);return t.type=e,t},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:v,render:e}},e.isValidElement=P,e.lazy=function(e){return{$$typeof:E,_payload:{_status:-1,_result:e},_init:q}},e.memo=function(e,t){return{$$typeof:x,type:e,compare:void 0===t?null:t}},e.startTransition=function(e){var t=F.transition;F.transition={};try{e()}finally{F.transition=t}},e.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},e.useCallback=function(e,t){return D.current.useCallback(e,t)},e.useContext=function(e){return D.current.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e){return D.current.useDeferredValue(e)},e.useEffect=function(e,t){return D.current.useEffect(e,t)},e.useId=function(){return D.current.useId()},e.useImperativeHandle=function(e,t,n){return D.current.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return D.current.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return D.current.useLayoutEffect(e,t)},e.useMemo=function(e,t){return D.current.useMemo(e,t)},e.useReducer=function(e,t,n){return D.current.useReducer(e,t,n)},e.useRef=function(e){return D.current.useRef(e)},e.useState=function(e){return D.current.useState(e)},e.useSyncExternalStore=function(e,t,n){return D.current.useSyncExternalStore(e,t,n)},e.useTransition=function(){return D.current.useTransition()},e.version="18.2.0";var M=Object.freeze({__proto__:null}),X=function(e,t,n){return e(n={path:t,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&n.path)}},n.exports),n.exports}((function(e){e.exports=M}));function B(e){Object.keys(e).forEach((function(t){void 0===e[t]&&delete e[t]}))}function G(e){e._xyzAppearObserver&&e._xyzAppearObserver.disconnect(),e._xyzAnimTimeout&&clearTimeout(e._xyzAnimTimeout),e.removeEventListener("animationend",e._xyzAnimEnd),e.removeEventListener("animationcancelled",e._xyzAnimEnd),delete e._xyzAppearObserver,delete e._xyzAnimTimeout,delete e._xyzAnimEnd}function H(e,t){return function(n,r){function o(){G(n),r()}G(n);var i=function(e){return e.classList.contains("xyz-appear")?"appear":e.classList.contains("xyz-in")?"in":e.classList.contains("xyz-out")?"out":null}(n);function u(){var t=function(e,t){switch(a(t)){case"number":case"string":return t;case"object":return null===t?null:t[e]}return null}(i,e);if("number"!=typeof t){var r="xyz-".concat(i,"-keyframes"),u=new Set([n]);if("auto"===t)n.querySelectorAll(".xyz-nested, .xyz-".concat(i,"-nested")).forEach(u.add,u);n._xyzAnimTimeout=setTimeout((function(){u.forEach((function(e){e.offsetParent||e.getClientRects().length||s(e),-1===window.getComputedStyle(e).getPropertyValue("animation-name").indexOf(r)&&s(e)}))})),n._xyzAnimEnd=function(e){e.animationName===r&&s(e.target)},n.addEventListener("animationend",n._xyzAnimEnd,!1),n.addEventListener("animationcancelled",n._xyzAnimEnd,!1)}else n._xyzAnimTimeout=setTimeout(o,t);function s(e){u.delete(e),0===u.size&&o()}}if("appear"===i&&t){var s=Object.assign({},t);n.classList.add("xyz-paused-all"),n._xyzAppearObserver=new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting&&(n.classList.remove("xyz-paused-all"),t.disconnect(),u())}))}),s),n._xyzAppearObserver.observe(n)}else u()}}var W="xyz-appear-from",Y="xyz-appear",J="xyz-appear-to",K="xyz-in-from",Q="xyz-in",Z="xyz-in-to",ee="xyz-out-from",te="xyz-out",ne="xyz-out-to";function re(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.assign({},e,t,{classNames:Object.assign({},e.classNames,t.classNames)})}var oe=["xyz","className","style","children"];function ie(e){var n=e.xyz,r=e.className,o=e.style,i=e.children,a=c(e,oe),s=X.Children.toArray(i).filter(X.isValidElement);if(1!==s.length)throw new Error("XyzTransitionBase must have a single truthy child at all times");var l=s[0],f=X.useRef(null),p=l.ref||f,y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};B(e),e.appear=Boolean(e.appear||e.appearVisible);var t=e.appearVisible,n=e.duration,r=e.nodeRef,o=H(n,t),i={classNames:{appear:W,appearActive:Y,appearDone:J,enter:K,enterActive:Q,enterDone:Z,exit:ee,exitActive:te,exitDone:ne},addEndListener:function(e){return o(r.current,e)}},u=re(i,e);return delete u.appearVisible,delete u.duration,u}(Object.assign({},a,{nodeRef:p}));return X.createElement(t.CSSTransition,y,X.cloneElement(l,Object.assign({xyz:n},l.props,{className:u.default(r,l.props.className),style:Object.assign({},o,l.props.style),ref:p})))}ie.propTypes=Object.assign({},t.CSSTransition.propTypes,{xyz:i.default.string,appearVisible:i.default.oneOfType([i.default.bool,i.default.object]),duration:i.default.oneOfType([i.default.number,i.default.string,i.default.object]),children:i.default.node}),delete ie.propTypes.timeout;var ue=["mode","children"];function ae(e){var n=e.mode,r=e.children,o=c(e,ue),i=X.Children.toArray(r).filter(X.isValidElement);if(i.length>1)throw new Error("XyzTransition can have no more than one child at any point");var u=1===i.length?i[0]:X.createElement(X.Fragment,null);return X.createElement(t.SwitchTransition,{mode:n},X.createElement(ie,s({},o,{key:u.key}),u))}ae.propTypes=Object.assign({},t.SwitchTransition.propTypes,ie.propTypes);var se=["appearVisible","duration","mountOnEnter","unmountOnExit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","children"];function ce(e){var n=e.appearVisible,r=e.duration,o=e.mountOnEnter,i=e.unmountOnExit,u=e.addEndListener,a=e.onEnter,l=e.onEntering,f=e.onEntered,p=e.onExit,y=e.onExiting,d=e.onExited,m=e.children,b=c(e,se),v={appearVisible:n,duration:r,mountOnEnter:o,unmountOnExit:i,addEndListener:u,onEnter:a,onEntering:l,onEntered:f,onExit:p,onExiting:y,onExited:d},h=X.Children.toArray(m).filter(X.isValidElement);return X.createElement(t.TransitionGroup,b,h.map((function(e,t){return X.createElement(ie,s({},v,{style:{"--xyz-index":t,"--xyz-index-rev":h.length-t-1},key:e.key}),e)})))}ce.propTypes=Object.assign({},t.TransitionGroup.propTypes,ie.propTypes),Object.defineProperty(e,"xyz",{enumerable:!0,get:function(){return u.default}}),e.XyzTransition=ae,e.XyzTransitionGroup=ce,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ReactAnimXyz.js.map