{"version":3,"sources":["../src/components/ProgressBar/progressBarMotions.ts"],"sourcesContent":["import { createMotionComponent, motionTokens } from '@fluentui/react-motion';\n\n/**\n * Motion component for the indeterminate ProgressBar bar:\n * a horizontal sliding animation that loops indefinitely.\n * In reduced motion mode, the bar pulses opacity instead of sliding.\n */\nexport const ProgressBarIndeterminateMotion = createMotionComponent({\n  // translate percentages are relative to the element's own width, not the container's.\n  // The indeterminate bar is ~33% the width of its container, so:\n  //   translate: '-100%' === left: '-33%' (one bar-width off-screen to the left)\n  //   translate: '300%'  === left: '100%' (3 × bar-width ≈ full container width, off-screen to the right)\n  keyframes: [{ translate: '-100%' }, { translate: '300%' }],\n  duration: 3000,\n  iterations: Infinity,\n  easing: motionTokens.curveLinear,\n\n  reducedMotion: {\n    keyframes: [{ opacity: 0.2 }, { opacity: 1 }, { opacity: 0.2 }],\n    duration: 3000,\n    iterations: Infinity,\n  },\n});\n"],"names":["createMotionComponent","motionTokens","ProgressBarIndeterminateMotion","keyframes","translate","duration","iterations","Infinity","easing","curveLinear","reducedMotion","opacity"],"mappings":";;;;+BAOaE;;;;;;6BAPuC,yBAAyB;AAOtE,2CAAuCF,kCAAAA,EAAsB;IAClE,sFAAsF;IACtF,gEAAgE;IAChE,+EAA+E;IAC/E,wGAAwG;IACxGG,WAAW;QAAC;YAAEC,WAAW;QAAQ;QAAG;YAAEA,WAAW;QAAO;KAAE;IAC1DC,UAAU;IACVC,YAAYC;IACZC,QAAQP,yBAAAA,CAAaQ,WAAW;IAEhCC,eAAe;QACbP,WAAW;YAAC;gBAAEQ,SAAS;YAAI;YAAG;gBAAEA,SAAS;YAAE;YAAG;gBAAEA,SAAS;YAAI;SAAE;QAC/DN,UAAU;QACVC,YAAYC;IACd;AACF,GAAG"}