{"version":3,"file":"Spinner.jsx","names":["stylex","createElement","memo","controlColor","size","scale","keyframes","transform","styles","create","grid","width","px20","height","marginBlock","marginInline","tile","backgroundColor","progressMarqueeBackground","float","animationName","animationDuration","animationIterationCount","animationTimingFunction","animationDelay","default","error","progressErrorBackground","Spinner","props"],"sources":["../src/Spinner.tsx"],"sourcesContent":["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, memo } from \"react\";\n\nimport { controlColor } from \"./theme.stylex\";\nimport { size } from \"./tokens.stylex\";\n\n// Placeholder for the spinning animation, will be updated later\n// Taken from: https://tobiasahlin.com/spinkit\nexport interface SpinnerProps {\n\terror?: boolean;\n}\n\nconst scale = stylex.keyframes({\n\t\"0%\": {\n\t\ttransform: \"scale3d(1,1,1)\",\n\t},\n\t\"35%\": {\n\t\ttransform: \"scale3d(0,0,1)\",\n\t},\n\t\"70%\": {\n\t\ttransform: \"scale3d(1,1,1)\",\n\t},\n\t\"100%\": {\n\t\ttransform: \"scale3d(1,1,1)\",\n\t},\n});\n\nconst styles = stylex.create({\n\tgrid: {\n\t\twidth: size.px20,\n\t\theight: size.px20,\n\t\tmarginBlock: \"100px\",\n\t\tmarginInline: \"auto\",\n\t},\n\n\ttile: {\n\t\twidth: \"33.3333333%\",\n\t\theight: \"33.3333333%\",\n\t\tbackgroundColor: controlColor.progressMarqueeBackground,\n\n\t\tfloat: \"left\",\n\n\t\tanimationName: scale,\n\t\tanimationDuration: \"1.3s\",\n\t\tanimationIterationCount: \"infinite\",\n\t\tanimationTimingFunction: \"ease-in-out\",\n\t\tanimationDelay: {\n\t\t\tdefault: \"0\",\n\t\t\t\":nth-child(1)\": \".2s\",\n\t\t\t\":nth-child(2)\": \".3s\",\n\t\t\t\":nth-child(3)\": \".4s\",\n\t\t\t\":nth-child(4)\": \".1s\",\n\t\t\t\":nth-child(5)\": \".2s\",\n\t\t\t\":nth-child(6)\": \".3s\",\n\t\t\t\":nth-child(7)\": \"0s\",\n\t\t\t\":nth-child(8)\": \".1s\",\n\t\t\t\":nth-child(9)\": \".2s\",\n\t\t},\n\t},\n\n\terror: {\n\t\tanimationName: null,\n\t\tbackgroundColor: controlColor.progressErrorBackground,\n\n\t\ttransform: {\n\t\t\t\":nth-child(4)\": \"scale3d(.75,.75,1)\",\n\t\t\t\":nth-child(8)\": \"scale3d(.75,.75,1)\",\n\n\t\t\t\":nth-child(1)\": \"scale3d(.5,.5,1)\",\n\t\t\t\":nth-child(5)\": \"scale3d(.5,.5,1)\",\n\t\t\t\":nth-child(9)\": \"scale3d(.5,.5,1)\",\n\n\t\t\t\":nth-child(2)\": \"scale3d(.25,.25,1)\",\n\t\t\t\":nth-child(6)\": \"scale3d(.25,.25,1)\",\n\n\t\t\t\":nth-child(3)\": \"scale3d(.15,.15,1)\",\n\t\t},\n\t},\n});\n\nexport default memo(function Spinner({ error }: SpinnerProps) {\n\tconst tile = createElement(\n\t\t\"div\",\n\t\tstylex.props(styles.tile, error && styles.error),\n\t);\n\treturn createElement(\n\t\t\"div\",\n\t\t{ ...stylex.props(styles.grid), \"aria-busy\": \"true\" },\n\t\t[tile, tile, tile, tile, tile, tile, tile, tile, tile],\n\t);\n});\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM,MAAM,kBAAkB;AAC1C,SAASC,aAAa,EAAEC,IAAI,QAAQ,OAAO;AAE3C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,IAAI,QAAQ,iBAAiB;;AAEtC;AACA;;AAKA,MAAMC,KAAK,GAAGL,MAAM,CAACM,SAAS,CAAC;EAC9B,IAAI,EAAE;IACLC,SAAS,EAAE;EACZ,CAAC;EACD,KAAK,EAAE;IACNA,SAAS,EAAE;EACZ,CAAC;EACD,KAAK,EAAE;IACNA,SAAS,EAAE;EACZ,CAAC;EACD,MAAM,EAAE;IACPA,SAAS,EAAE;EACZ;AACD,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAGR,MAAM,CAACS,MAAM,CAAC;EAC5BC,IAAI,EAAE;IACLC,KAAK,EAAEP,IAAI,CAACQ,IAAI;IAChBC,MAAM,EAAET,IAAI,CAACQ,IAAI;IACjBE,WAAW,EAAE,OAAO;IACpBC,YAAY,EAAE;EACf,CAAC;EAEDC,IAAI,EAAE;IACLL,KAAK,EAAE,aAAa;IACpBE,MAAM,EAAE,aAAa;IACrBI,eAAe,EAAEd,YAAY,CAACe,yBAAyB;IAEvDC,KAAK,EAAE,MAAM;IAEbC,aAAa,EAAEf,KAAK;IACpBgB,iBAAiB,EAAE,MAAM;IACzBC,uBAAuB,EAAE,UAAU;IACnCC,uBAAuB,EAAE,aAAa;IACtCC,cAAc,EAAE;MACfC,OAAO,EAAE,GAAG;MACZ,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE,IAAI;MACrB,eAAe,EAAE,KAAK;MACtB,eAAe,EAAE;IAClB;EACD,CAAC;EAEDC,KAAK,EAAE;IACNN,aAAa,EAAE,IAAI;IACnBH,eAAe,EAAEd,YAAY,CAACwB,uBAAuB;IAErDpB,SAAS,EAAE;MACV,eAAe,EAAE,oBAAoB;MACrC,eAAe,EAAE,oBAAoB;MAErC,eAAe,EAAE,kBAAkB;MACnC,eAAe,EAAE,kBAAkB;MACnC,eAAe,EAAE,kBAAkB;MAEnC,eAAe,EAAE,oBAAoB;MACrC,eAAe,EAAE,oBAAoB;MAErC,eAAe,EAAE;IAClB;EACD;AACD,CAAC,CAAC;AAEF,eAAeL,IAAI,CAAC,SAAS0B,OAAOA,CAAC;EAAEF;AAAoB,CAAC,EAAE;EAC7D,MAAMV,IAAI,GAAGf,aAAa,CACzB,KAAK,EACLD,MAAM,CAAC6B,KAAK,CAACrB,MAAM,CAACQ,IAAI,EAAEU,KAAK,IAAIlB,MAAM,CAACkB,KAAK,CAChD,CAAC;EACD,OAAOzB,aAAa,CACnB,KAAK,EACL;IAAE,GAAGD,MAAM,CAAC6B,KAAK,CAACrB,MAAM,CAACE,IAAI,CAAC;IAAE,WAAW,EAAE;EAAO,CAAC,EACrD,CAACM,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,EAAEA,IAAI,CACtD,CAAC;AACF,CAAC,CAAC","ignoreList":[]}