(duration: number, onlyFadeTransition: boolean, enableDisplayTransition: boolean)
| 104 | } |
| 105 | |
| 106 | function assembleTransition(duration: number, onlyFadeTransition: boolean, enableDisplayTransition: boolean): string { |
| 107 | const transitionCurve = 'cubic-bezier(0.23,1,0.32,1)'; |
| 108 | let transitionOption = ''; |
| 109 | let transitionText = ''; |
| 110 | if (enableDisplayTransition) { |
| 111 | transitionOption = ` ${duration / 2}s ${transitionCurve}`; |
| 112 | transitionText = `opacity${transitionOption},visibility${transitionOption}`; |
| 113 | } |
| 114 | if (!onlyFadeTransition) { |
| 115 | transitionOption = ` ${duration}s ${transitionCurve}`; |
| 116 | transitionText += (transitionText.length ? ',' : '') + ( |
| 117 | env.transformSupported |
| 118 | ? `${CSS_TRANSFORM_VENDOR}${transitionOption}` |
| 119 | : `,left${transitionOption},top${transitionOption}` |
| 120 | ); |
| 121 | } |
| 122 | |
| 123 | return CSS_TRANSITION_VENDOR + ':' + transitionText; |
| 124 | } |
| 125 | |
| 126 | function assembleTransform(x: number, y: number, toString?: boolean) { |
| 127 | // If using float on style, the final width of the dom might |
no outgoing calls
no test coverage detected
searching dependent graphs…