{"version":3,"file":"EllipsisAnimated.cjs","sources":["../../../../src/components/AutoSaveField/EllipsisAnimated.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/css';\nimport { memo } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport const EllipsisAnimated = memo(() => {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={styles.ellipsis}>\n      <span className={styles.firstDot}>{'.'}</span>\n      <span className={styles.secondDot}>{'.'}</span>\n      <span className={styles.thirdDot}>{'.'}</span>\n    </div>\n  );\n});\n\nEllipsisAnimated.displayName = 'EllipsisAnimated';\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    ellipsis: css({\n      display: 'inline',\n    }),\n    firstDot: css({\n      [theme.transitions.handleMotion('no-preference', 'reduce')]: {\n        animation: `${firstDot} 2s linear infinite`,\n      },\n    }),\n    secondDot: css({\n      [theme.transitions.handleMotion('no-preference', 'reduce')]: {\n        animation: `${secondDot} 2s linear infinite`,\n      },\n    }),\n    thirdDot: css({\n      [theme.transitions.handleMotion('no-preference', 'reduce')]: {\n        animation: `${thirdDot} 2s linear infinite`,\n      },\n    }),\n  };\n};\n\nconst firstDot = keyframes`\n  0% {\n    opacity: 1;\n  }\n  65% {\n    opacity: 1;\n  }\n  66% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 0;\n  }\n  `;\n\nconst secondDot = keyframes`\n  0% {\n    opacity: 0;\n  }\n  21% {\n    opacity: 0.5;\n  }\n  22% {\n    opacity: 1;\n  }\n  65% {\n    opacity: 1;\n  }\n  66% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 0;\n  }\n  `;\n\nconst thirdDot = keyframes`\n  0% {\n    opacity: 0;\n  }\n  43% {\n    opacity: 0.5;\n  }\n  44% {\n    opacity: 1;\n  }\n  65% {\n    opacity: 1;\n  }\n  66% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 0;\n  }\n  `;\n"],"names":["memo","useStyles2","jsxs","jsx","css","keyframes"],"mappings":";;;;;;;;;;AAOO,MAAM,gBAAA,GAAmBA,WAAK,MAAM;AACzC,EAAA,MAAM,MAAA,GAASC,wBAAW,SAAS,CAAA;AACnC,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EAAW,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,oBACvCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,WAAY,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,oBACxCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAA,GAAA,EAAI;AAAA,GAAA,EACzC,CAAA;AAEJ,CAAC;AAED,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,UAAUC,OAAA,CAAI;AAAA,MACZ,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,IACD,UAAUA,OAAA,CAAI;AAAA,MACZ,CAAC,KAAA,CAAM,WAAA,CAAY,aAAa,eAAA,EAAiB,QAAQ,CAAC,GAAG;AAAA,QAC3D,SAAA,EAAW,GAAG,QAAQ,CAAA,mBAAA;AAAA;AACxB,KACD,CAAA;AAAA,IACD,WAAWA,OAAA,CAAI;AAAA,MACb,CAAC,KAAA,CAAM,WAAA,CAAY,aAAa,eAAA,EAAiB,QAAQ,CAAC,GAAG;AAAA,QAC3D,SAAA,EAAW,GAAG,SAAS,CAAA,mBAAA;AAAA;AACzB,KACD,CAAA;AAAA,IACD,UAAUA,OAAA,CAAI;AAAA,MACZ,CAAC,KAAA,CAAM,WAAA,CAAY,aAAa,eAAA,EAAiB,QAAQ,CAAC,GAAG;AAAA,QAC3D,SAAA,EAAW,GAAG,QAAQ,CAAA,mBAAA;AAAA;AACxB,KACD;AAAA,GACH;AACF,CAAA;AAEA,MAAM,QAAA,GAAWC,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAejB,MAAM,SAAA,GAAYA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAqBlB,MAAM,QAAA,GAAWA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;;;;"}