react-loadly 2.1.0 → 2.2.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/README.md +239 -5
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +60 -3
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts +2 -0
- package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts.map +1 -1
- package/dist/types/@types/interfaces/IHeatmapLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/IHeatmapLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IMorphLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/IMorphLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IProgressRingLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/IProgressRingLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ISpinDotsLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/ISpinDotsLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/index.d.ts +4 -0
- package/dist/types/@types/interfaces/index.d.ts.map +1 -1
- package/dist/types/components/organisms/FallbackLoader.d.ts.map +1 -1
- package/dist/types/components/organisms/HeatmapLoader.d.ts +4 -0
- package/dist/types/components/organisms/HeatmapLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/MorphLoader.d.ts +4 -0
- package/dist/types/components/organisms/MorphLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/ProgressRingLoader.d.ts +4 -0
- package/dist/types/components/organisms/ProgressRingLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/SpinDotsLoader.d.ts +4 -0
- package/dist/types/components/organisms/SpinDotsLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/index.d.ts +5 -1
- package/dist/types/components/organisms/index.d.ts.map +1 -1
- package/dist/types/constants/defaults.d.ts +17 -0
- package/dist/types/constants/defaults.d.ts.map +1 -0
- package/dist/types/constants/index.d.ts +2 -0
- package/dist/types/constants/index.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +1 -1
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/utils/propUtils.d.ts +4 -1
- package/dist/types/utils/propUtils.d.ts.map +1 -1
- package/package.json +5 -1
package/dist/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["base.css"],"names":[],"mappings":"AACA,cACE,oBAAqB,CACrB,iBAEF,CAEA,yEAHE,qBAOF,CAGA,MACE,4BAA6B,CAC7B,sCAAuC,CACvC,wBAAyB,CACzB,sBAAuB,CACvB,qCAAsC,CACtC,iCAAkC,CAClC,+BAAgC,CAChC,iCAAkC,CAElC,kCAAmC,CACnC,wCAAyC,CACzC,uCAAwC,CACxC,mCACF,CAGA,mBAKE,oCAAqC,CAHrC,uEAAgF,CAChF,cAAe,CACf,eAAgB,CAHhB,cAAe,CAKf,iBACF,CAGA,oBAGE,kBAAmB,CAInB,qDAAsD,CAFtD,iDAAkD,CAClD,iBAAkB,CAElB,2CAA4C,CAP5C,YAAa,CACb,qBAAsB,CAEtB,YAKF,CAEA,yBAIE,qCAAsC,CAFtC,WAAY,CACZ,iBAAkB,CAFlB,UAIF,CAEA,2BAGE,gDAAiD,CAEjD,WAAY,CACZ,iBAAkB,CAFlB,UAAY,CAIZ,cAAe,CADf,cAAe,CANf,cAAe,CACf,gBAAiB,CAOjB,+BACF,CAEA,iCACE,sDACF,CAEA,iCACE,iDAAkD,CAClD,kBACF,CAGA,gCACE,mBACF,CAEA,sBAQE,QAAS,CADT,oBAAqB,CAJrB,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAQlB,kBAAmB,CAPnB,SAQF,CAGA,8BAGE,0BAA2B,CAC3B,2BAA4B,CAF5B,6BAGF,CAGA,uCACE,8BAEE,kCAAqC,CACrC,qCAAuC,CACvC,mCACF,CACF,CAGA,6BACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,8BACE,MAEE,SAAU,CACV,kBACF,CACA,IACE,UAAY,CACZ,mBACF,CACF,CAEA,+BACE,kBAKE,uBACF,CACA,QAEE,2BACF,CACA,IACE,2BACF,CACA,IACE,0BACF,CACF,CAEA,6BACE,UAGE,cACF,CACA,IACE,2BACF,CACF,CAEA,6BACE,MAEE,4CACF,CACA,IACE,gFACF,CACF,CAEA,6BACE,MAEE,SACF,CACA,IACE,UACF,CACF,CAEA,8BACE,MAEE,kBACF,CACA,IACE,oBACF,CACF,CAEA,6BACE,UAGE,kBACF,CACA,IACE,kBACF,CACF,CAEA,6BACE,GACE,wDACF,CACA,IACE,6DACF,CACA,GACE,gEACF,CACF,CAEA,+BACE,MAEE,oCACF,CACA,IACE,0CACF,CACF,CAEA,6BACE,GAEE,SAAU,CADV,qCAEF,CACA,IAEE,SAAU,CADV,kCAEF,CACA,GAEE,SAAU,CADV,mCAEF,CACF,CACA,6BACE,MAEE,mBACF,CACA,IACE,oBACF,CACF,CAEA,6BACE,MAEE,6CACF,CACA,IACE,6CACF,CACA,IACE,6CACF,CACA,IACE,6CACF,CACF,CAEA,oCACE,MAEE,0CACF,CACA,IACE,4CACF,CACF,CAEA,6BACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,8BACE,MAEE,SACF,CACA,IACE,SACF,CACF,CAGA,gCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,wCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,qCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,6CACE,GACE,qCACF,CACA,IACE,iCACF,CACA,GACE,oCACF,CACF,CAGA,4BACE,aAAc,CAEd,kCAAoC,CADpC,UAEF,CAGA,kCACE,GACE,kDACF,CACA,GACE,qDACF,CACF,CAEA,8BACE,MAEE,iBAAkB,CAClB,sBACF,CACA,IACE,6BAA8B,CAC9B,uBACF,CACA,IACE,6BAA8B,CAC9B,wBACF,CACA,IACE,6BAA8B,CAC9B,wBACF,CACF,CAGA,sCACE,UAIE,UAAY,CADZ,mBAEF,CACA,IAEE,SAAU,CADV,oBAEF,CACF,CAGA,yCACE,GAEE,4CAAyD,CADzD,sBAEF,CACA,IACE,4CACF,CACA,IACE,4CACF,CACA,IACE,4CACF,CACA,GAEE,4CAAyD,CADzD,uBAEF,CACF","file":"styles.css","sourcesContent":["/* Base loader styles */\n.react-loadly {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n}\n\n.react-loadly *,\n.react-loadly *::before,\n.react-loadly *::after {\n box-sizing: border-box;\n}\n\n/* CSS Variables for customization */\n:root {\n --react-loadly-color: #6366f1;\n --react-loadly-secondary-color: #8b5cf6;\n --react-loadly-size: 40px;\n --react-loadly-speed: 1;\n --react-loadly-background: transparent;\n --react-loadly-text-color: #6b7280;\n --react-loadly-border-width: 2px;\n --react-loadly-glow-intensity: 0.5;\n /* Error state colors */\n --react-loadly-error-color: #f87171;\n --react-loadly-error-color-hover: #ef4444;\n --react-loadly-error-background: #fef2f2;\n --react-loadly-error-border: #fecaca;\n}\n\n/* Loading text styles */\n.react-loadly-text {\n margin-top: 8px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--react-loadly-text-color);\n text-align: center;\n}\n\n/* Error and fallback styles */\n.react-loadly-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border: 1px solid var(--react-loadly-error-border);\n border-radius: 8px;\n background-color: var(--react-loadly-error-background);\n color: var(--react-loadly-error-color-hover);\n}\n\n.react-loadly-error-icon {\n width: 24px;\n height: 24px;\n margin-bottom: 8px;\n color: var(--react-loadly-error-color);\n}\n\n.react-loadly-retry-button {\n margin-top: 8px;\n padding: 8px 16px;\n background-color: var(--react-loadly-error-color);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.react-loadly-retry-button:hover {\n background-color: var(--react-loadly-error-color-hover);\n}\n\n.react-loadly-retry-button:focus {\n outline: 2px solid var(--react-loadly-error-color);\n outline-offset: 2px;\n}\n\n/* Accessibility */\n.react-loadly[aria-hidden=\"true\"] {\n pointer-events: none;\n}\n\n.react-loadly-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n}\n\n/* Performance optimizations */\n.react-loadly,\n.react-loadly * {\n will-change: transform, opacity;\n backface-visibility: hidden;\n transform-style: preserve-3d;\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n .react-loadly,\n .react-loadly * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n/* Common animations */\n@keyframes react-loadly-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes react-loadly-pulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.5;\n transform: scale(0.8);\n }\n}\n\n@keyframes react-loadly-bounce {\n 0%,\n 20%,\n 53%,\n 80%,\n 100% {\n transform: translateY(0);\n }\n 40%,\n 43% {\n transform: translateY(-30px);\n }\n 70% {\n transform: translateY(-15px);\n }\n 90% {\n transform: translateY(-4px);\n }\n}\n\n@keyframes react-loadly-wave {\n 0%,\n 60%,\n 100% {\n transform: initial;\n }\n 30% {\n transform: translateY(-15px);\n }\n}\n\n@keyframes react-loadly-glow {\n 0%,\n 100% {\n box-shadow: 0 0 5px var(--react-loadly-color);\n }\n 50% {\n box-shadow: 0 0 20px var(--react-loadly-color), 0 0 30px var(--react-loadly-color);\n }\n}\n\n@keyframes react-loadly-fade {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.3;\n }\n}\n\n@keyframes react-loadly-scale {\n 0%,\n 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n}\n\n@keyframes react-loadly-dots {\n 0%,\n 80%,\n 100% {\n transform: scale(0);\n }\n 40% {\n transform: scale(1);\n }\n}\n\n@keyframes react-loadly-flip {\n 0% {\n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n }\n}\n\n@keyframes react-loadly-liquid {\n 0%,\n 100% {\n transform: translateY(0px) rotate(0deg);\n }\n 50% {\n transform: translateY(-10px) rotate(180deg);\n }\n}\n\n@keyframes react-loadly-flow {\n 0% {\n transform: translateX(-100px) scale(0);\n opacity: 0;\n }\n 50% {\n transform: translateX(50%) scale(1);\n opacity: 1;\n }\n 100% {\n transform: translateX(100%) scale(0);\n opacity: 0;\n }\n}\n@keyframes react-loadly-bars {\n 0%,\n 100% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.3);\n }\n}\n\n@keyframes react-loadly-blob {\n 0%,\n 100% {\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n }\n 25% {\n border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;\n }\n 50% {\n border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;\n }\n 75% {\n border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;\n }\n}\n\n@keyframes react-loadly-liquid-wave {\n 0%,\n 100% {\n transform: translate(-25%, 50%) rotate(0deg);\n }\n 50% {\n transform: translate(-25%, 40%) rotate(180deg);\n }\n}\n\n@keyframes react-loadly-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes react-loadly-blink {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n}\n\n/* Shimmer and Skeleton animations */\n@keyframes react-loadly-shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n}\n\n@keyframes react-loadly-shimmer-overlay {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n\n@keyframes react-loadly-shimmer-wave {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n}\n\n@keyframes react-loadly-shimmer-wave-overlay {\n 0% {\n transform: translateX(-100%) scaleX(0);\n }\n 50% {\n transform: translateX(0%) scaleX(1);\n }\n 100% {\n transform: translateX(100%) scaleX(0);\n }\n}\n\n/* AutoSkeleton styles */\n.react-loadly-auto-skeleton {\n display: block;\n width: 100%;\n transition: opacity 0.3s ease-in-out;\n}\n\n/* Enhanced geometric animations */\n@keyframes react-loadly-rotate-3d {\n 0% {\n transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n }\n 100% {\n transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);\n }\n}\n\n@keyframes react-loadly-morph {\n 0%,\n 100% {\n border-radius: 50%;\n transform: rotate(0deg);\n }\n 25% {\n border-radius: 20% 80% 20% 80%;\n transform: rotate(90deg);\n }\n 50% {\n border-radius: 80% 20% 80% 20%;\n transform: rotate(180deg);\n }\n 75% {\n border-radius: 20% 80% 20% 80%;\n transform: rotate(270deg);\n }\n}\n\n/* Loading dots with enhanced animation */\n@keyframes react-loadly-dots-enhanced {\n 0%,\n 20%,\n 100% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.2);\n opacity: 1;\n }\n}\n\n/* Spinner with gradient */\n@keyframes react-loadly-spinner-gradient {\n 0% {\n transform: rotate(0deg);\n border-color: #6366f1 transparent transparent transparent;\n }\n 25% {\n border-color: #8b5cf6 transparent transparent transparent;\n }\n 50% {\n border-color: #ec4899 transparent transparent transparent;\n }\n 75% {\n border-color: #f59e0b transparent transparent transparent;\n }\n 100% {\n transform: rotate(360deg);\n border-color: #6366f1 transparent transparent transparent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["base.css"],"names":[],"mappings":"AACA,cACE,oBAAqB,CACrB,iBAEF,CAEA,yEAHE,qBAOF,CAGA,MACE,4BAA6B,CAC7B,sCAAuC,CACvC,wBAAyB,CACzB,sBAAuB,CACvB,qCAAsC,CACtC,iCAAkC,CAClC,+BAAgC,CAChC,iCAAkC,CAElC,kCAAmC,CACnC,wCAAyC,CACzC,uCAAwC,CACxC,mCACF,CAGA,mBAKE,oCAAqC,CAHrC,uEAAgF,CAChF,cAAe,CACf,eAAgB,CAHhB,cAAe,CAKf,iBACF,CAGA,oBAGE,kBAAmB,CAInB,qDAAsD,CAFtD,iDAAkD,CAClD,iBAAkB,CAElB,2CAA4C,CAP5C,YAAa,CACb,qBAAsB,CAEtB,YAKF,CAEA,yBAIE,qCAAsC,CAFtC,WAAY,CACZ,iBAAkB,CAFlB,UAIF,CAEA,2BAGE,gDAAiD,CAEjD,WAAY,CACZ,iBAAkB,CAFlB,UAAY,CAIZ,cAAe,CADf,cAAe,CANf,cAAe,CACf,gBAAiB,CAOjB,+BACF,CAEA,iCACE,sDACF,CAEA,iCACE,iDAAkD,CAClD,kBACF,CAGA,gCACE,mBACF,CAEA,sBAQE,QAAS,CADT,oBAAqB,CAJrB,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAQlB,kBAAmB,CAPnB,SAQF,CAGA,8BAGE,0BAA2B,CAC3B,2BAA4B,CAF5B,6BAGF,CAGA,uCACE,8BAEE,kCAAqC,CACrC,qCAAuC,CACvC,mCACF,CACF,CAGA,6BACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,8BACE,MAEE,SAAU,CACV,kBACF,CACA,IACE,UAAY,CACZ,mBACF,CACF,CAEA,+BACE,kBAKE,uBACF,CACA,QAEE,2BACF,CACA,IACE,2BACF,CACA,IACE,0BACF,CACF,CAEA,6BACE,UAGE,cACF,CACA,IACE,2BACF,CACF,CAEA,6BACE,MAEE,4CACF,CACA,IACE,gFACF,CACF,CAEA,6BACE,MAEE,SACF,CACA,IACE,UACF,CACF,CAEA,8BACE,MAEE,kBACF,CACA,IACE,oBACF,CACF,CAaA,6BACE,GACE,wDACF,CACA,IACE,6DACF,CACA,GACE,gEACF,CACF,CAEA,+BACE,MAEE,oCACF,CACA,IACE,0CACF,CACF,CAEA,6BACE,GAEE,SAAU,CADV,qCAEF,CACA,IAEE,SAAU,CADV,kCAEF,CACA,GAEE,SAAU,CADV,mCAEF,CACF,CAGA,yCACE,MAGE,oFAAgG,CADhG,kBAEF,CACA,IAEE,sFAAkG,CADlG,qBAEF,CACF,CAEA,0CACE,GAEE,oFAAgG,CADhG,sBAEF,CACA,IACE,oFACF,CACA,IAEE,oFAAgG,CADhG,wBAEF,CACA,IACE,oFACF,CACA,GAEE,oFAAgG,CADhG,uBAEF,CACF,CACA,6BACE,MAEE,mBACF,CACA,IACE,oBACF,CACF,CAEA,6BACE,MAEE,6CACF,CACA,IACE,6CACF,CACA,IACE,6CACF,CACA,IACE,6CACF,CACF,CAEA,oCACE,MAEE,0CACF,CACA,IACE,4CACF,CACF,CAEA,6BACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,gCACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAkBA,6BACE,MAGE,SAAU,CADV,kBAEF,CACA,IAEE,UAAY,CADZ,mBAEF,CACF,CAEA,mCACE,GACE,uCACF,CACA,GACE,wCACF,CACF,CAEA,qCACE,GACE,uCACF,CACA,GACE,wCACF,CACF,CAEA,qCACE,GACE,uCACF,CACA,GACE,wCACF,CACF,CAEA,8BACE,MAEE,SACF,CACA,IACE,SACF,CACF,CAGA,gCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,wCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,qCACE,GACE,2BACF,CACA,GACE,0BACF,CACF,CAEA,6CACE,GACE,qCACF,CACA,IACE,iCACF,CACA,GACE,oCACF,CACF,CAGA,4BACE,aAAc,CAEd,kCAAoC,CADpC,UAEF,CAGA,4BACE,qBACF,CAEA,gCACE,8DAA+D,CAC/D,uBAAwB,CACxB,qBACF,CAEA,uCACE,uBACF,CAEA,kDACE,oEACF,CAGA,yBACE,gCACF,CAEA,6BACE,yFAA2F,CAE3F,0BAA2B,CAD3B,2BAEF,CAEA,iDACE,qFACF,CAGA,kCACE,GACE,kDACF,CACA,GACE,qDACF,CACF,CAEA,8BACE,MAEE,iBAAkB,CAClB,sBACF,CACA,IACE,6BAA8B,CAC9B,uBACF,CACA,IACE,6BAA8B,CAC9B,wBACF,CACA,IACE,6BAA8B,CAC9B,wBACF,CACF,CAGA,sCACE,UAIE,UAAY,CADZ,mBAEF,CACA,IAEE,SAAU,CADV,oBAEF,CACF,CAEA,6CACE,GACE,sBACF,CACA,GACE,uBACF,CACF","file":"styles.css","sourcesContent":["/* Base loader styles */\n.react-loadly {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n}\n\n.react-loadly *,\n.react-loadly *::before,\n.react-loadly *::after {\n box-sizing: border-box;\n}\n\n/* CSS Variables for customization */\n:root {\n --react-loadly-color: #6366f1;\n --react-loadly-secondary-color: #8b5cf6;\n --react-loadly-size: 40px;\n --react-loadly-speed: 1;\n --react-loadly-background: transparent;\n --react-loadly-text-color: #6b7280;\n --react-loadly-border-width: 2px;\n --react-loadly-glow-intensity: 0.5;\n /* Error state colors */\n --react-loadly-error-color: #f87171;\n --react-loadly-error-color-hover: #ef4444;\n --react-loadly-error-background: #fef2f2;\n --react-loadly-error-border: #fecaca;\n}\n\n/* Loading text styles */\n.react-loadly-text {\n margin-top: 8px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--react-loadly-text-color);\n text-align: center;\n}\n\n/* Error and fallback styles */\n.react-loadly-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 16px;\n border: 1px solid var(--react-loadly-error-border);\n border-radius: 8px;\n background-color: var(--react-loadly-error-background);\n color: var(--react-loadly-error-color-hover);\n}\n\n.react-loadly-error-icon {\n width: 24px;\n height: 24px;\n margin-bottom: 8px;\n color: var(--react-loadly-error-color);\n}\n\n.react-loadly-retry-button {\n margin-top: 8px;\n padding: 8px 16px;\n background-color: var(--react-loadly-error-color);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.react-loadly-retry-button:hover {\n background-color: var(--react-loadly-error-color-hover);\n}\n\n.react-loadly-retry-button:focus {\n outline: 2px solid var(--react-loadly-error-color);\n outline-offset: 2px;\n}\n\n/* Accessibility */\n.react-loadly[aria-hidden=\"true\"] {\n pointer-events: none;\n}\n\n.react-loadly-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n}\n\n/* Performance optimizations */\n.react-loadly,\n.react-loadly * {\n will-change: transform, opacity;\n backface-visibility: hidden;\n transform-style: preserve-3d;\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n .react-loadly,\n .react-loadly * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n/* Common animations */\n@keyframes react-loadly-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes react-loadly-pulse {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.5;\n transform: scale(0.8);\n }\n}\n\n@keyframes react-loadly-bounce {\n 0%,\n 20%,\n 53%,\n 80%,\n 100% {\n transform: translateY(0);\n }\n 40%,\n 43% {\n transform: translateY(-30px);\n }\n 70% {\n transform: translateY(-15px);\n }\n 90% {\n transform: translateY(-4px);\n }\n}\n\n@keyframes react-loadly-wave {\n 0%,\n 60%,\n 100% {\n transform: initial;\n }\n 30% {\n transform: translateY(-15px);\n }\n}\n\n@keyframes react-loadly-glow {\n 0%,\n 100% {\n box-shadow: 0 0 5px var(--react-loadly-color);\n }\n 50% {\n box-shadow: 0 0 20px var(--react-loadly-color), 0 0 30px var(--react-loadly-color);\n }\n}\n\n@keyframes react-loadly-fade {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.3;\n }\n}\n\n@keyframes react-loadly-scale {\n 0%,\n 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n}\n\n@keyframes react-loadly-dots {\n 0%,\n 80%,\n 100% {\n transform: scale(0);\n }\n 40% {\n transform: scale(1);\n }\n}\n\n@keyframes react-loadly-flip {\n 0% {\n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n }\n}\n\n@keyframes react-loadly-liquid {\n 0%,\n 100% {\n transform: translateY(0px) rotate(0deg);\n }\n 50% {\n transform: translateY(-10px) rotate(180deg);\n }\n}\n\n@keyframes react-loadly-flow {\n 0% {\n transform: translateX(-100px) scale(0);\n opacity: 0;\n }\n 50% {\n transform: translateX(50%) scale(1);\n opacity: 1;\n }\n 100% {\n transform: translateX(100%) scale(0);\n opacity: 0;\n }\n}\n\n/* Neumorphic loader animation */\n@keyframes react-loadly-neumorphic-pulse {\n 0%,\n 100% {\n transform: scale(1);\n box-shadow: inset 5px 5px 10px rgba(255, 255, 255, 0.1), inset -5px -5px 10px rgba(0, 0, 0, 0.1);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: inset 8px 8px 15px rgba(255, 255, 255, 0.15), inset -8px -8px 15px rgba(0, 0, 0, 0.15);\n }\n}\n\n@keyframes react-loadly-neumorphic-rotate {\n 0% {\n transform: rotate(0deg);\n box-shadow: inset 5px 5px 10px rgba(255, 255, 255, 0.1), inset -5px -5px 10px rgba(0, 0, 0, 0.1);\n }\n 25% {\n box-shadow: inset -5px 5px 10px rgba(255, 255, 255, 0.1), inset 5px -5px 10px rgba(0, 0, 0, 0.1);\n }\n 50% {\n transform: rotate(180deg);\n box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.1), inset 5px 5px 10px rgba(0, 0, 0, 0.1);\n }\n 75% {\n box-shadow: inset 5px -5px 10px rgba(255, 255, 255, 0.1), inset -5px 5px 10px rgba(0, 0, 0, 0.1);\n }\n 100% {\n transform: rotate(360deg);\n box-shadow: inset 5px 5px 10px rgba(255, 255, 255, 0.1), inset -5px -5px 10px rgba(0, 0, 0, 0.1);\n }\n}\n@keyframes react-loadly-bars {\n 0%,\n 100% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.3);\n }\n}\n\n@keyframes react-loadly-blob {\n 0%,\n 100% {\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n }\n 25% {\n border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;\n }\n 50% {\n border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;\n }\n 75% {\n border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;\n }\n}\n\n@keyframes react-loadly-liquid-wave {\n 0%,\n 100% {\n transform: translate(-25%, 50%) rotate(0deg);\n }\n 50% {\n transform: translate(-25%, 40%) rotate(180deg);\n }\n}\n\n@keyframes react-loadly-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes react-loadly-spinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes react-loadly-morph {\n 0%,\n 100% {\n d: path(\"M 20,5 C 30,5 35,10 35,20 C 35,30 30,35 20,35 C 10,35 5,30 5,20 C 5,10 10,5 20,5 Z\");\n }\n 25% {\n d: path(\"M 20,5 C 28,5 35,12 35,20 C 35,28 28,35 20,35 C 12,35 5,28 5,20 C 5,12 12,5 20,5 Z\");\n }\n 50% {\n d: path(\"M 20,5 C 25,5 35,15 35,20 C 35,25 25,35 20,35 C 15,35 5,25 5,20 C 5,15 15,5 20,5 Z\");\n }\n 75% {\n d: path(\"M 20,5 C 30,5 35,10 35,20 C 35,30 30,35 20,35 C 10,35 5,30 5,20 C 5,10 10,5 20,5 Z\");\n }\n}\n\n@keyframes react-loadly-dots {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(0.7);\n opacity: 0.5;\n }\n}\n\n@keyframes react-loadly-clock-hour {\n 0% {\n transform: translateX(-50%) rotate(0deg);\n }\n 100% {\n transform: translateX(-50%) rotate(360deg);\n }\n}\n\n@keyframes react-loadly-clock-minute {\n 0% {\n transform: translateX(-50%) rotate(0deg);\n }\n 100% {\n transform: translateX(-50%) rotate(360deg);\n }\n}\n\n@keyframes react-loadly-clock-second {\n 0% {\n transform: translateX(-50%) rotate(0deg);\n }\n 100% {\n transform: translateX(-50%) rotate(360deg);\n }\n}\n\n@keyframes react-loadly-blink {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n}\n\n/* Shimmer and Skeleton animations */\n@keyframes react-loadly-shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n}\n\n@keyframes react-loadly-shimmer-overlay {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n\n@keyframes react-loadly-shimmer-wave {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n}\n\n@keyframes react-loadly-shimmer-wave-overlay {\n 0% {\n transform: translateX(-100%) scaleX(0);\n }\n 50% {\n transform: translateX(0%) scaleX(1);\n }\n 100% {\n transform: translateX(100%) scaleX(0);\n }\n}\n\n/* AutoSkeleton styles */\n.react-loadly-auto-skeleton {\n display: block;\n width: 100%;\n transition: opacity 0.3s ease-in-out;\n}\n\n/* Progress Ring Loader styles */\n.react-loadly-progress-ring {\n will-change: transform;\n}\n\n.react-loadly-progress-ring svg {\n animation: react-loadly-progress-ring-rotate 2s linear infinite;\n transform-origin: center;\n will-change: transform;\n}\n\n.react-loadly-progress-ring svg circle {\n transform-origin: center;\n}\n\n.react-loadly-progress-ring svg circle:last-child {\n animation: react-loadly-progress-ring-pulse 1.5s ease-in-out infinite;\n}\n\n/* Neumorphic Loader styles */\n.react-loadly-neumorphic {\n will-change: transform, box-shadow;\n}\n\n.react-loadly-neumorphic > div {\n animation: react-loadly-neumorphic-pulse var(--react-loadly-speed, 1s) ease-in-out infinite;\n transform-style: preserve-3d;\n backface-visibility: hidden;\n}\n\n.react-loadly-neumorphic.react-loadly-rotate > div {\n animation: react-loadly-neumorphic-rotate var(--react-loadly-speed, 1s) linear infinite;\n}\n\n/* Enhanced geometric animations */\n@keyframes react-loadly-rotate-3d {\n 0% {\n transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n }\n 100% {\n transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);\n }\n}\n\n@keyframes react-loadly-morph {\n 0%,\n 100% {\n border-radius: 50%;\n transform: rotate(0deg);\n }\n 25% {\n border-radius: 20% 80% 20% 80%;\n transform: rotate(90deg);\n }\n 50% {\n border-radius: 80% 20% 80% 20%;\n transform: rotate(180deg);\n }\n 75% {\n border-radius: 20% 80% 20% 80%;\n transform: rotate(270deg);\n }\n}\n\n/* Loading dots with enhanced animation */\n@keyframes react-loadly-dots-enhanced {\n 0%,\n 20%,\n 100% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1.2);\n opacity: 1;\n }\n}\n\n@keyframes react-loadly-progress-ring-rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
|
|
@@ -5,6 +5,8 @@ export interface IFallbackLoaderProps extends IBaseLoaderProps {
|
|
|
5
5
|
error?: string;
|
|
6
6
|
/** Retry function */
|
|
7
7
|
onRetry?: () => void;
|
|
8
|
+
/** Retry button label */
|
|
9
|
+
retryLabel?: string;
|
|
8
10
|
/** Show retry button */
|
|
9
11
|
showRetry?: boolean;
|
|
10
12
|
/** Custom fallback content */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFallbackLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/IFallbackLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACxC"}
|
|
1
|
+
{"version":3,"file":"IFallbackLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/IFallbackLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACxC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseLoaderProps } from "./IBaseLoaderProps";
|
|
2
|
+
export interface IHeatmapLoaderProps extends IBaseLoaderProps {
|
|
3
|
+
/** Number of rows in the heatmap */
|
|
4
|
+
rows?: number;
|
|
5
|
+
/** Number of columns in the heatmap */
|
|
6
|
+
cols?: number;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=IHeatmapLoaderProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IHeatmapLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/IHeatmapLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseLoaderProps } from "./IBaseLoaderProps";
|
|
2
|
+
export interface IMorphLoaderProps extends IBaseLoaderProps {
|
|
3
|
+
/** Morph variant type */
|
|
4
|
+
variant?: "blob" | "soft" | "sharp";
|
|
5
|
+
/** Animation speed multiplier */
|
|
6
|
+
speed?: number;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=IMorphLoaderProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IMorphLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/IMorphLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseLoaderProps } from "./IBaseLoaderProps";
|
|
2
|
+
export interface IProgressRingLoaderProps extends IBaseLoaderProps {
|
|
3
|
+
/** Progress value (0-100) or null for indeterminate */
|
|
4
|
+
progress?: number | null;
|
|
5
|
+
/** Thickness of the ring */
|
|
6
|
+
thickness?: number;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=IProgressRingLoaderProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IProgressRingLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/IProgressRingLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IBaseLoaderProps } from "./IBaseLoaderProps";
|
|
2
|
+
export interface ISpinDotsLoaderProps extends IBaseLoaderProps {
|
|
3
|
+
/** Number of dots in the spinner */
|
|
4
|
+
dots?: number;
|
|
5
|
+
/** Gap between dots */
|
|
6
|
+
gap?: number;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=ISpinDotsLoaderProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ISpinDotsLoaderProps.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/ISpinDotsLoaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}
|
|
@@ -7,6 +7,10 @@ export type { ILogoLoaderProps } from "./ILogoLoaderProps";
|
|
|
7
7
|
export type { ITextLoaderProps } from "./ITextLoaderProps";
|
|
8
8
|
export type { ISkeletonLoaderProps } from "./ISkeletonLoaderProps";
|
|
9
9
|
export type { IAutoSkeletonProps } from "./IAutoSkeletonProps";
|
|
10
|
+
export type { IMorphLoaderProps } from "./IMorphLoaderProps";
|
|
11
|
+
export type { ISpinDotsLoaderProps } from "./ISpinDotsLoaderProps";
|
|
12
|
+
export type { IProgressRingLoaderProps } from "./IProgressRingLoaderProps";
|
|
13
|
+
export type { IHeatmapLoaderProps } from "./IHeatmapLoaderProps";
|
|
10
14
|
export type { ILoaderState } from "./ILoaderState";
|
|
11
15
|
export type { IUseLoaderStateOptions } from "./IUseLoaderStateOptions";
|
|
12
16
|
export type { IUseLoaderStateReturn } from "./IUseLoaderStateReturn";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/@types/interfaces/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FallbackLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FallbackLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiClC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"FallbackLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FallbackLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiClC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CA0EnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeatmapLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeatmapLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAU9E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+GvD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MorphLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MorphLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAW1E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoHnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressRingLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ProgressRingLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAUxF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+IjE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinDotsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SpinDotsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAUhF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4GzD,CAAC"}
|
|
@@ -16,5 +16,9 @@ export { SpinLoader } from "./SpinLoader";
|
|
|
16
16
|
export { TypingLoader } from "./TypingLoader";
|
|
17
17
|
export { WaveLoader } from "./WaveLoader";
|
|
18
18
|
export { AutoSkeletonLoader } from "./AutoSkeletonLoader";
|
|
19
|
-
export
|
|
19
|
+
export { ProgressRingLoader } from "./ProgressRingLoader";
|
|
20
|
+
export { MorphLoader } from "./MorphLoader";
|
|
21
|
+
export { SpinDotsLoader } from "./SpinDotsLoader";
|
|
22
|
+
export { HeatmapLoader } from "./HeatmapLoader";
|
|
23
|
+
export type { IFallbackLoaderProps, IFluidLoaderProps, IGeometricLoaderProps, ILogoLoaderProps, ITextLoaderProps, IBaseLoaderProps, ISkeletonLoaderProps, IElementLoaderProps, ILoaderCSSVariables, ILoaderState, IUseLoaderStateReturn, IUseLoaderStateOptions, IAutoSkeletonProps, IProgressRingLoaderProps, IMorphLoaderProps, ISpinDotsLoaderProps, IHeatmapLoaderProps, } from "@/@types/interfaces";
|
|
20
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IBaseLoaderProps } from "../@types/interfaces/IBaseLoaderProps";
|
|
2
|
+
export declare const LIB_DEFAULTS: IBaseLoaderProps;
|
|
3
|
+
/**
|
|
4
|
+
* Get the current global default props
|
|
5
|
+
* @returns Current global defaults
|
|
6
|
+
*/
|
|
7
|
+
export declare function getGlobalDefaults(): IBaseLoaderProps;
|
|
8
|
+
/**
|
|
9
|
+
* Set new global default props
|
|
10
|
+
* @param newDefaults - Partial object with new default values
|
|
11
|
+
*/
|
|
12
|
+
export declare function setGlobalDefaults(newDefaults: Partial<IBaseLoaderProps>): void;
|
|
13
|
+
/**
|
|
14
|
+
* Reset global defaults to library defaults
|
|
15
|
+
*/
|
|
16
|
+
export declare function resetGlobalDefaults(): void;
|
|
17
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/constants/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAGzE,eAAO,MAAM,YAAY,EAAE,gBAS1B,CAAC;AAKF;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,gBAAgB,CAEpD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAE9E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { useLoaderState } from "./useLoaderState";
|
|
2
2
|
export { useMultipleLoaderStates } from "./useMultipleLoaderStates";
|
|
3
3
|
export { useAsyncLoader } from "./useAsyncLoader";
|
|
4
|
-
export type { ILoaderState, IUseLoaderStateOptions, IUseLoaderStateReturn
|
|
4
|
+
export type { ILoaderState, IUseLoaderStateOptions, IUseLoaderStateReturn } from "@/@types";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAIxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAIxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ILoaderCSSVariables } from "@/@types";
|
|
2
2
|
/**
|
|
3
3
|
* Merges default props with user props, handling undefined values gracefully
|
|
4
|
+
* This utility ensures that all default values from IBaseLoaderProps are applied
|
|
5
|
+
* while allowing user props to override them.
|
|
6
|
+
*
|
|
4
7
|
* @param defaultProps - The default props to merge
|
|
5
8
|
* @param userProps - The user provided props
|
|
6
|
-
* @returns Merged props object
|
|
9
|
+
* @returns Merged props object with defaults applied
|
|
7
10
|
*/
|
|
8
11
|
export declare function mergeProps<T extends object, U extends object>(defaultProps: T, userProps: U): T & U;
|
|
9
12
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/propUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"propUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/propUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;;;;;;;GAQG;AAEH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAWnG;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,SAAS,GAAG,MAAM,CAIzF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAUxF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-loadly",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A professional React loaders package with high-performance, customizable loader components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -69,6 +69,10 @@
|
|
|
69
69
|
"nextjs",
|
|
70
70
|
"components",
|
|
71
71
|
"ui",
|
|
72
|
+
"nextjs spinner",
|
|
73
|
+
"nextjs loaders",
|
|
74
|
+
"nextjs loading",
|
|
75
|
+
"nextjs spinners",
|
|
72
76
|
"react loaders",
|
|
73
77
|
"react loader",
|
|
74
78
|
"react spinner",
|