{"version":3,"sources":["jsdelivr-header.js","/npm/fancy-loading-animation@1.3.0/src/FancyAnimatedLoading/LoadingAnimation.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,0nBCFM,+BAAiC,CACrC,MACA,QACA,QACA,gBACA,MACA,gBACA,aACA,WACA,cAGI,iBAAmB,SAAC,GACxB,IAAA,EACE,eAAS,OADJ,EAAP,EAAA,GAAiC,EAAjC,EAAA,GAEA,EACE,eAAS,IADJ,EAAP,EAAA,GAAuC,EAAvC,EAAA,GAEA,EAA0D,eAAS,IAA5D,EAAP,EAAA,GAA8B,EAA9B,EAAA,GAEA,iBAAU,WAEN,+BAA+B,SAAS,EAAM,yBAE9C,EAA4B,EAAM,yBAElC,EAA4B,OAE1B,EAAM,2BACR,EAAkC,CAChC,WAAY,EAAM,sBAClB,MAAU,EAAM,sBAAX,KACL,OAAW,EAAM,uBAAX,KACN,OAAQ,EAAM,uBACd,aAAiB,EAAM,uBAAX,IACZ,UAAW,EAAM,uBACjB,UAAS,SAAW,EAAM,YAAjB,MAGX,EAAkC,CAChC,WAAY,cACZ,UAAS,SAAW,EAAM,YAAjB,MAGb,QAAQ,IAAI,GAC4B,UAApC,EAAM,0BACR,EAAyB,CACvB,UAAS,wCACT,kBAAsB,EAAM,sBAAX,MAGnB,EAAyB,CACvB,UAAS,wBACT,kBAAsB,EAAM,sBAAX,KAGtB,GAAE,CAAC,IACJ,QAAQ,IAAI,QAeZ,OACE,6BAAC,eAAM,SAAP,KAEE,oCACE,UAAW,OAAO,kBAClB,MAAK,SAAA,GACA,EACA,EAAM,wBAGX,oCACE,UAAc,OAAO,UAAZ,4BAxBkB,QAA7B,EAA2C,OAAO,IAChB,UAA7B,EAA6C,OAAO,MACvB,UAA7B,EAA6C,OAAO,MACvB,kBAA7B,EACA,OAAO,cACsB,eAA7B,EAAkD,OAAO,WAC5B,aAA7B,EAAgD,OAAO,SAC1B,eAA7B,EAAkD,OAAO,WAC5B,QAA7B,EAA2C,OAAO,IACrB,kBAA7B,EACA,OAAO,mBADX,GAeU,yBAKT,MAAK,SAAA,GAAO,EAA0B,EAAM,yBAE9C,kCAAG,UAAW,OAAO,aAAc,MAAO,EAAM,kBAC7C,EAAM,YACN,EAAM,gBACL,6BAAC,eAAM,SAAP,KACE,8CACA,8CACA,iDAOb,EAED,iBAAiB,aAAe,CAC9B,YAAa,EACb,4BAA4B,EAC5B,sBAAuB,IACvB,uBAAwB,IACxB,uBAAwB,8BACxB,uBAAwB,GACxB,sBAAuB,UACvB,uBAAwB,4BACxB,wBAAyB,MACzB,0BAA2B,OAC3B,sBAAuB,EACvB,YAAa,UACb,gBAAgB,EAChB,iBAAkB,GAClB,sBAAuB,GACvB,sBAAuB,I","file":"/npm/fancy-loading-animation@1.3.0/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/fancy-loading-animation@1.3.0/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import React, { useState, useEffect } from 'react'\r\n\r\nimport styles from './index.css'\r\n\r\nconst loadingAnimationCharacterArray = [\r\n 'bug',\r\n 'puppy',\r\n 'ghost',\r\n 'green-monster',\r\n 'bee',\r\n 'hairy-monster',\r\n 'robot-ball',\r\n 'blue-bat',\r\n 'paper-bird'\r\n]\r\n\r\nconst LoadingAnimation = (props) => {\r\n const [selectedLoadingCharacter, setSelectedLoadingCharacter] =\r\n useState('bug')\r\n const [loadingContainerStyleFromProps, setLoadingContainerStyleFromProps] =\r\n useState({})\r\n const [loadingCharacterStyle, setLoadingCharacterStyle] = useState({})\r\n\r\n useEffect(() => {\r\n if (\r\n loadingAnimationCharacterArray.includes(props.loadingAnimationVarient)\r\n ) {\r\n setSelectedLoadingCharacter(props.loadingAnimationVarient)\r\n } else {\r\n setSelectedLoadingCharacter('bug')\r\n }\r\n if (props.loadingContainerVisibility) {\r\n setLoadingContainerStyleFromProps({\r\n background: props.loadingContainerColor,\r\n width: `${props.loadingContainerWidth}px`,\r\n height: `${props.loadingContainerHeight}px`,\r\n border: props.loadingContainerBorder,\r\n borderRadius: `${props.loadingContainerRadius}%`,\r\n boxShadow: props.loadingContainerShadow,\r\n transform: `scale(${props.loadingSize})`\r\n })\r\n } else {\r\n setLoadingContainerStyleFromProps({\r\n background: 'transparent',\r\n transform: `scale(${props.loadingSize})`\r\n })\r\n }\r\n console.log(selectedLoadingCharacter)\r\n if (props.loadingCharacterDirection === 'right') {\r\n setLoadingCharacterStyle({\r\n transform: `translate(-50%, -50%) rotateY(180deg)`,\r\n animationDuration: `${props.loadingAnimationDelay}s`\r\n })\r\n } else {\r\n setLoadingCharacterStyle({\r\n transform: `translate(-50%, -50%)`,\r\n animationDuration: `${props.loadingAnimationDelay}s`\r\n })\r\n }\r\n }, [props])\r\n console.log(styles)\r\n const dcd = () => {\r\n if (selectedLoadingCharacter === 'bug') return styles.bug\r\n else if (selectedLoadingCharacter === 'puppy') return styles.puppy\r\n else if (selectedLoadingCharacter === 'ghost') return styles.ghost\r\n else if (selectedLoadingCharacter === 'green-monster')\r\n return styles.green_monster\r\n else if (selectedLoadingCharacter === 'robot-ball') return styles.robot_ball\r\n else if (selectedLoadingCharacter === 'blue-bat') return styles.blue_bat\r\n else if (selectedLoadingCharacter === 'paper-bird') return styles.paper_bird\r\n else if (selectedLoadingCharacter === 'bee') return styles.bee\r\n else if (selectedLoadingCharacter === 'hairy-monster')\r\n return styles.hairy_monster\r\n }\r\n\r\n return (\r\n \r\n {/*
*/}\r\n \r\n
\r\n

\r\n {props.loadingText}\r\n {props.loadingDotShow && (\r\n \r\n .\r\n .\r\n .\r\n \r\n )}\r\n

\r\n \r\n \r\n )\r\n}\r\n\r\nLoadingAnimation.defaultProps = {\r\n loadingSize: 1, // Done\r\n loadingContainerVisibility: true, // DONE\r\n loadingContainerWidth: 280, // Done\r\n loadingContainerHeight: 280, // Done\r\n loadingContainerBorder: '1px solid rgb(0, 0, 0, 0.3)', // Done\r\n loadingContainerRadius: 50, //Done\r\n loadingContainerColor: '#d8d8d8', // Done\r\n loadingContainerShadow: 'inset 15px 15px 10px #999', // Done\r\n loadingAnimationVarient: 'bug', // Done\r\n loadingCharacterDirection: 'left', // Done\r\n loadingAnimationDelay: 1, // Done\r\n loadingText: 'Loading', // Done\r\n loadingDotShow: true, //Done\r\n loadingTextStyle: {},\r\n loadingAnimationStyle: {},\r\n loadingContainerStyle: {}\r\n}\r\n\r\nexport default LoadingAnimation\r\n"]}