{"version":3,"file":"Loading_Spinner.DfSwj20j.mjs","names":[],"sources":["https:/framerusercontent.com/modules/gtnJqi0cGkIOt7JHLUE0/lcICnXtKFfSHTAUkuQKQ/Loading_Spinner.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * LoadingSpinner\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 76\n * @framerIntrinsicHeight 26\n */export default function LoadingSpinner({color,scale}){// Base values (scale = 1)\nconst BASE_DOT=12// dot diameter\n;const BASE_LEFT=38// left dot x offset\n;const BASE_MID=14// mid dot x offset\n;const BASE_RIGHT=14// right dot x offset\n;const BASE_BOUNCE=6// vertical bounce amount\n;const dot=BASE_DOT*scale;const left=BASE_LEFT*scale;const mid=BASE_MID*scale;const right=BASE_RIGHT*scale;const bounce=BASE_BOUNCE*scale;const containerW=left+right+dot// 52*scale + dot\n;const containerH=dot+bounce*2+2;const spanLeft=containerW/2+12*scale-dot/2;const uid=`al-${Math.round(scale*100)}`;return /*#__PURE__*/_jsxs(\"div\",{style:{width:containerW,height:containerH,position:\"relative\",overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:dot,height:dot,borderRadius:\"50%\",display:\"block\",position:\"absolute\",top:\"50%\",left:spanLeft,transform:\"translateY(-50%)\",color,boxSizing:\"border-box\",animation:`${uid} 1s linear infinite alternate`}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                @keyframes ${uid} {\n                    0%   { box-shadow: -${left}px -${bounce}px 0 0 currentColor, -${mid}px  ${bounce}px 0 0 currentColor,  ${right}px -${bounce}px 0 0 currentColor; }\n                    33%  { box-shadow: -${left}px  ${bounce}px 0 0 currentColor, -${mid}px -${bounce}px 0 0 currentColor,  ${right}px  ${bounce}px 0 0 currentColor; }\n                    66%  { box-shadow: -${left}px -${bounce}px 0 0 currentColor, -${mid}px  ${bounce}px 0 0 currentColor,  ${right}px -${bounce}px 0 0 currentColor; }\n                    100% { box-shadow: -${left}px  ${bounce}px 0 0 currentColor, -${mid}px -${bounce}px 0 0 currentColor,  ${right}px  ${bounce}px 0 0 currentColor; }\n                }\n            `})]});}LoadingSpinner.defaultProps={color:\"#ffffff\",scale:1};addPropertyControls(LoadingSpinner,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ffffff\"},scale:{type:ControlType.Number,title:\"Scale\",defaultValue:1,min:.25,max:4,step:.25,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LoadingSpinner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"26\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"76\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Loading_Spinner.map"],"mappings":"mKAMG,SAAwB,EAAe,CAAC,QAAM,SAAO,CACxD,IAKO,EAAI,GAAS,EAAY,EAAK,GAAU,EAAY,EAAI,GAAS,EAAY,EAAM,GAAW,EAAY,EAAO,EAAY,EAAY,EAAW,EAAK,EAAM,EAC/J,EAAW,EAAI,EAAO,EAAE,EAAQ,EAAS,EAAW,EAAE,GAAG,EAAM,EAAI,EAAQ,EAAI,MAAM,KAAK,MAAM,EAAM,IAAI,GAAG,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,EAAW,OAAO,EAAW,SAAS,WAAW,SAAS,UAAU,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAI,OAAO,EAAI,aAAa,MAAM,QAAQ,QAAQ,SAAS,WAAW,IAAI,MAAM,KAAK,EAAS,UAAU,mBAAmB,QAAM,UAAU,aAAa,UAAU,GAAG,EAAI,+BAA+B,CAAC,CAAC,CAAc,EAAK,QAAQ,CAAC,SAAS;6BAC1e,EAAI;0CACS,EAAK,MAAM,EAAO,wBAAwB,EAAI,MAAM,EAAO,wBAAwB,EAAM,MAAM,EAAO;0CACtG,EAAK,MAAM,EAAO,wBAAwB,EAAI,MAAM,EAAO,wBAAwB,EAAM,MAAM,EAAO;0CACtG,EAAK,MAAM,EAAO,wBAAwB,EAAI,MAAM,EAAO,wBAAwB,EAAM,MAAM,EAAO;0CACtG,EAAK,MAAM,EAAO,wBAAwB,EAAI,MAAM,EAAO,wBAAwB,EAAM,MAAM,EAAO;;cAElI,CAAC,CAAC,CAAC,CAAC,kBApBuC,IAAoD,CAoBzF,EAAe,aAAa,CAAC,MAAM,UAAU,MAAM,EAAE,CAAC,EAAoB,EAAe,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,UAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,IAAI,IAAI,EAAE,KAAK,IAAI,eAAe,GAAK,CAAC,CAAC"}