react-loader-spinner/dist/dna.mjs.map

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

{"version":3,"sources":["../src/type.ts","../src/shared/constants.ts","../src/loader/dna.tsx"],"names":["DEFAULT_WAI_ARIA_ATTRIBUTE","SVG_NAMESPACE","DNA","visible","width","height","wrapperClass","wrapperStyle","ariaLabel","dnaColorOne","dnaColorTwo","animatedColorOne","tinycolor","animatedColorTwo","jsxs","jsx"],"mappings":"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","file":"dna.mjs","sourcesContent":["import { CSSProperties } from 'react'\n\nexport const DEFAULT_COLOR = '#4fa94d'\n\nexport const DEFAULT_WAI_ARIA_ATTRIBUTE = {\n  'aria-busy': true,\n  role: 'progressbar',\n}\n\n// Reuse React's CSSProperties for consistent style typing across components\nexport type Style = CSSProperties\n\n// PrimaryProps includes common props shared by experimental components\nexport interface PrimaryProps {\n  height?: string | number\n  width?: string | number\n  color?: string\n  ariaLabel?: string\n  wrapperStyle?: CSSProperties\n  wrapperClass?: string\n  visible?: boolean\n}\n\n\n","export const SVG_NAMESPACE = 'http://www.w3.org/2000/svg'\n","import { FunctionComponent, CSSProperties } from 'react'\nimport { DEFAULT_WAI_ARIA_ATTRIBUTE } from '../type'\nimport { SVG_NAMESPACE } from '../shared/constants'\n// tinycolor2 is a robust library that handles many edge cases (like different color formats)\nimport tinycolor from 'tinycolor2'\n\n/**\n * Props for the DNA loader component.\n * \n * The DNA loader displays a double helix animation resembling DNA strands\n * with two configurable colors for the primary and secondary strands.\n * The animation shows the iconic twisted ladder structure of DNA.\n * \n * @interface DNAProps\n */\ninterface DNAProps {\n  /** Height of the SVG (number interpreted as px). Defaults to 80. */\n  height?: string | number\n  /** Width of the SVG (number interpreted as px). Defaults to 80. */\n  width?: string | number\n  /** The primary color of the DNA loader strands. Defaults to 'rgba(233, 12, 89, 0.51)'. */\n  dnaColorOne?: string\n  /** The secondary color of the DNA loader strands. Defaults to '#46dff0'. */\n  dnaColorTwo?: string\n  /** Accessible label announced to screen readers. Defaults to 'dna-loading'. */\n  ariaLabel?: string\n  /** Inline style object applied to the wrapper element. */\n  wrapperStyle?: CSSProperties\n  /** CSS class applied to the wrapper for custom styling. */\n  wrapperClass?: string\n  /** When false, the loader is not rendered. Defaults to true. */\n  visible?: boolean\n}\n\nexport const DNA: FunctionComponent<DNAProps> = ({\n  visible = true,\n  width = '80',\n  height = '80',\n  wrapperClass = '',\n  wrapperStyle = {},\n  ariaLabel = 'dna-loading',\n  dnaColorOne = 'rgba(233, 12, 89, 0.51)',\n  dnaColorTwo = '#46dff0',\n}) => {\n\n  // Generated the animated shade for dnaColorOne: a brighter, fully opaque version\n  const animatedColorOne = tinycolor(dnaColorOne).lighten(15).setAlpha(1).toRgbString()\n\n  // Generate the animated shade for dnaColorTwo: a desaturated, faded version\n  const animatedColorTwo = tinycolor(dnaColorTwo)\n    .desaturate(60)\n    .setAlpha(0.15)\n    .toRgbString()\n\n  return !visible ? null : (\n    <svg\n      xmlns={SVG_NAMESPACE}\n      width={width}\n      height={height}\n      viewBox=\"0 0 100 100\"\n      preserveAspectRatio=\"xMidYMid\"\n      className={wrapperClass}\n      style={wrapperStyle}\n      aria-label={ariaLabel}\n      data-testid=\"dna-svg\"\n      {...DEFAULT_WAI_ARIA_ATTRIBUTE}\n    >\n      <circle\n        cx=\"6.451612903225806\"\n        cy=\"60.6229\"\n        r=\"3.41988\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.5s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"0s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.5s\"\n        ></animate>\n      </circle>\n      <circle cx=\"6.451612903225806\" cy=\"39.3771\" r=\"2.58012\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.5s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.5s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"16.129032258064512\"\n        cy=\"68.1552\"\n        r=\"3.17988\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.7s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.2s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.7s\"\n        ></animate>\n      </circle>\n      <circle cx=\"16.129032258064512\" cy=\"31.8448\" r=\"2.82012\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.7s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.2s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.7s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"25.806451612903224\"\n        cy=\"69.3634\"\n        r=\"2.93988\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.9s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.4s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.9s\"\n        ></animate>\n      </circle>\n      <circle cx=\"25.806451612903224\" cy=\"30.6366\" r=\"3.06012\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.9s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.4s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.9s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"35.48387096774193\"\n        cy=\"65.3666\"\n        r=\"2.69988\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.1s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.6s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.1s\"\n        ></animate>\n      </circle>\n      <circle cx=\"35.48387096774193\" cy=\"34.6334\" r=\"3.30012\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.1s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.6s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.1s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"45.16129032258064\"\n        cy=\"53.8474\"\n        r=\"2.45988\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.3s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-0.8s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.3s\"\n        ></animate>\n      </circle>\n      <circle cx=\"45.16129032258064\" cy=\"46.1526\" r=\"3.54012\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.3s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.8s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.3s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"54.838709677419345\"\n        cy=\"39.3771\"\n        r=\"2.58012\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.5s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.5s\"\n        ></animate>\n      </circle>\n      <circle cx=\"54.838709677419345\" cy=\"60.6229\" r=\"3.41988\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.5s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.5s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"64.51612903225805\"\n        cy=\"31.8448\"\n        r=\"2.82012\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.7s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.2s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.7s\"\n        ></animate>\n      </circle>\n      <circle cx=\"64.51612903225805\" cy=\"68.1552\" r=\"3.17988\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.7s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.2s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.7s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"74.19354838709677\"\n        cy=\"30.6366\"\n        r=\"3.06012\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.9s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.4s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.9s\"\n        ></animate>\n      </circle>\n      <circle cx=\"74.19354838709677\" cy=\"69.3634\" r=\"2.93988\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.9s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.4s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.9s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"83.87096774193547\"\n        cy=\"34.6334\"\n        r=\"3.30012\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.1s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.6s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.1s\"\n        ></animate>\n      </circle>\n      <circle cx=\"83.87096774193547\" cy=\"65.3666\" r=\"2.69988\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-3.1s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.6s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.1s\"\n        ></animate>\n      </circle>\n      <circle\n        cx=\"93.54838709677418\"\n        cy=\"46.1526\"\n        r=\"3.54012\"\n        fill={dnaColorOne}\n      >\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.3s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-1.8s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorOne};${animatedColorOne};${dnaColorOne}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.3s\"\n        ></animate>\n      </circle>\n      <circle cx=\"93.54838709677418\" cy=\"53.8474\" r=\"2.45988\" fill={dnaColorTwo}>\n        <animate\n          attributeName=\"r\"\n          keyTimes=\"0;0.5;1\"\n          values=\"2.4000000000000004;3.5999999999999996;2.4000000000000004\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-3.3s\"\n        ></animate>\n        <animate\n          attributeName=\"cy\"\n          keyTimes=\"0;0.5;1\"\n          values=\"30.5;69.5;30.5\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.8s\"\n          keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\"\n          calcMode=\"spline\"\n        ></animate>\n        <animate\n          attributeName=\"fill\"\n          keyTimes=\"0;0.5;1\"\n          values={`${dnaColorTwo};${animatedColorTwo};${dnaColorTwo}`}\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n          begin=\"-2.3s\"\n        ></animate>\n      </circle>\n    </svg>\n  )\n}\n"]}