@grafana/ui/dist/esm/components/AutoSaveField/EllipsisAnimated.mjs.map

Grafana Components Library

{"version":3,"file":"EllipsisAnimated.mjs","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":[],"mappings":";;;;;;AAOO,MAAM,gBAAA,GAAmB,KAAK,MAAM;AACzC,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AACnC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EAAW,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,oBACvC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,WAAY,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,oBACxC,GAAA,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,UAAU,GAAA,CAAI;AAAA,MACZ,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,IACD,UAAU,GAAA,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,WAAW,GAAA,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,UAAU,GAAA,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,GAAW,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAejB,MAAM,SAAA,GAAY,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAqBlB,MAAM,QAAA,GAAW,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;;;;"}