{
  "version": 3,
  "sources": ["../../../lib.web.lazy_load/loading_indicator.tsx"],
  "sourcesContent": ["import * as React from \"react\"\n\nexport const LoadingIndicator = ({delay, alpha = 0.5}: {delay?: number; alpha?: number}) => {\n    const [show, set_show] = React.useState(!delay)\n    // The svg below was downloaded from https://loading.io/spinner/custom/153290/ with the\n    // following settings: Ball Count: 3, Radius: 8, Speed: 1, Size: 24\n    function a(begin: string) {\n        return (\n            <animateTransform\n                attributeName=\"transform\"\n                type=\"scale\"\n                begin={begin}\n                calcMode=\"spline\"\n                keySplines=\"0.3 0 0.7 1;0.3 0 0.7 1\"\n                values=\"0;1;0\"\n                keyTimes=\"0;0.5;1\"\n                dur=\"1s\"\n                repeatCount=\"indefinite\"\n            />\n        )\n    }\n    React.useEffect(() => {\n        if (!delay) {\n            return\n        }\n        const timeout = setTimeout(() => set_show(true), delay)\n        return () => clearTimeout(timeout)\n    }, [delay, set_show])\n    if (!show) {\n        return null\n    }\n    const color = `rgba(0,0,0,${alpha})`\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 100 100\"\n            preserveAspectRatio=\"xMidYMid\"\n            data-test-id=\"LoadingIndicator\"\n        >\n            <g transform=\"translate(25 50)\">\n                <circle cx=\"0\" cy=\"0\" r=\"8\" transform=\"scale(0.731132 0.731132)\" fill={color}>\n                    {a(\"-0.333s\")}\n                </circle>\n            </g>\n            <g transform=\"translate(50 50)\">\n                <circle cx=\"0\" cy=\"0\" r=\"8\" transform=\"scale(0.268868 0.268868)\" fill={color}>\n                    {a(\"-0.16667s\")}\n                </circle>\n            </g>\n            <g transform=\"translate(75 50)\">\n                <circle cx=\"0\" cy=\"0\" r=\"8\" fill={color}>\n                    {a(\"0s\")}\n                </circle>\n            </g>\n        </svg>\n    )\n}\n"],
  "mappings": "sGAAAA,IAEO,IAAMC,EAAmBC,EAAA,CAAC,CAAC,MAAAC,EAAO,MAAAC,EAAQ,EAAG,IAAwC,CACxF,GAAM,CAACC,EAAMC,CAAQ,EAAUC,EAAS,CAACJ,CAAK,EAG9C,SAASK,EAAEC,EAAe,CACtB,OACIC,EAAC,oBACG,cAAc,YACd,KAAK,QACL,MAAOD,EACP,SAAS,SACT,WAAW,0BACX,OAAO,QACP,SAAS,UACT,IAAI,KACJ,YAAY,aAChB,CAER,CAQA,GAtBSP,EAAAM,EAAA,KAeHG,EAAU,IAAM,CAClB,GAAI,CAACR,EACD,OAEJ,IAAMS,EAAU,WAAW,IAAMN,EAAS,EAAI,EAAGH,CAAK,EACtD,MAAO,IAAM,aAAaS,CAAO,CACrC,EAAG,CAACT,EAAOG,CAAQ,CAAC,EAChB,CAACD,EACD,OAAO,KAEX,IAAMQ,EAAQ,cAAcT,CAAK,IACjC,OACIM,EAAC,OACG,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,cACR,oBAAoB,WACpB,eAAa,oBAEbA,EAAC,KAAE,UAAU,oBACTA,EAAC,UAAO,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,UAAU,2BAA2B,KAAMG,GAClEL,EAAE,SAAS,CAChB,CACJ,EACAE,EAAC,KAAE,UAAU,oBACTA,EAAC,UAAO,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,UAAU,2BAA2B,KAAMG,GAClEL,EAAE,WAAW,CAClB,CACJ,EACAE,EAAC,KAAE,UAAU,oBACTA,EAAC,UAAO,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,KAAMG,GAC7BL,EAAE,IAAI,CACX,CACJ,CACJ,CAER,EAxDgC",
  "names": ["init_compat_module", "LoadingIndicator", "__name", "delay", "alpha", "show", "set_show", "d", "a", "begin", "_", "y", "timeout", "color"]
}