@@ -106,14 +106,14 @@ <h1 id="function-cssspringeasing">Function CSSSpringEasing</h1></div>
106
106
< h4 class ="tsd-parameters-title " id ="parameters "> Parameters</ h4 >
107
107
< ul class ="tsd-parameter-list ">
108
108
< li >
109
- < h5 id ="options-typeeasings--typecsseasingoptions -- "> < span class ="tsd-kind-parameter "> options</ span > : < a href ="../types/TypeEasings .html " class ="tsd-signature-type tsd-kind-type-alias "> TypeEasings </ a > < span class ="tsd-signature-symbol "> | </ span > < a href ="../types/TypeCSSEasingOptions .html " class ="tsd-signature-type tsd-kind-type-alias "> TypeCSSEasingOptions </ a > < span class ="tsd-signature-symbol "> = {}</ span > </ h5 >
109
+ < h5 id ="options-typecsseasingoptions--typeeasings -- "> < span class ="tsd-kind-parameter "> options</ span > : < a href ="../types/TypeCSSEasingOptions .html " class ="tsd-signature-type tsd-kind-type-alias "> TypeCSSEasingOptions </ a > < span class ="tsd-signature-symbol "> | </ span > < a href ="../types/TypeEasings .html " class ="tsd-signature-type tsd-kind-type-alias "> TypeEasings </ a > < span class ="tsd-signature-symbol "> = {}</ span > </ h5 >
110
110
< div class ="tsd-comment tsd-typography "> < p > Accepts < a href ="../types/TypeCSSEasingOptions.html " class ="tsd-kind-type-alias "> EasingOptions</ a > or < a href ="../types/TypeCSSEasingOptions.html " class ="tsd-kind-type-alias "> ["easing"] array frame functions</ a > </ p >
111
111
</ div > </ li > </ ul > </ div >
112
112
< h4 class ="tsd-returns-title " id ="returns-readonly-string-number "> Returns < span class ="tsd-signature-symbol "> readonly </ span > < span class ="tsd-signature-symbol "> [</ span > < span class ="tsd-signature-type "> string</ span > < span class ="tsd-signature-symbol "> , </ span > < span class ="tsd-signature-type "> number</ span > < span class ="tsd-signature-symbol "> ]</ span > </ h4 > < pre > < code class ="language-ts "> < span class ="hl-4 "> // A string with the values that represent said spring animation using the linear-easing function</ span > < br > < span class ="hl-4 "> // Total duration (in milliseconds) required to create a smooth spring animation</ span > < br > < span class ="hl-1 "> [</ span > < br > < span class ="hl-1 "> </ span > < span class ="hl-2 "> "0, 0.583 5.4%, 0.669, 0.601, 0.502, 0.451, 0.457 18.9%, 0.512 24.3%, 0.516 27%, ...0.417 94.6%, 1"</ span > < span class ="hl-1 "> , </ span > < br > < span class ="hl-1 "> </ span > < span class ="hl-6 "> 3500</ span > < span class ="hl-1 "> </ span > < br > < span class ="hl-1 "> ]</ span >
113
113
</ code > < button > Copy</ button > </ pre >
114
114
< aside class ="tsd-sources ">
115
115
< ul >
116
- < li > Defined in < a href ="https://github.com/okikio/spring-easing/blob/9004cff /src/css-linear-easing.ts#L274 " target ="_blank " rel ="noopener "> css-linear-easing.ts:274< span > < span class ="external-icon "> < svg preserveAspectRatio ="xMidYMid meet " width ="1.2em " height ="1.2em " viewBox ="0 0 24 24 "> < path d ="M10.75 3a.75.75 0 0 0 0 1.5h7.67L3.22 19.7a.764.764 0 1 0 1.081 1.081l15.2-15.2v7.669a.75.75 0 0 0 1.5 0v-9.5a.75.75 0 0 0-.75-.75h-9.5Z "> </ path > </ svg > </ span > </ span > </ a > </ li > </ ul > </ aside > </ li > </ ul > </ section > </ div >
116
+ < li > Defined in < a href ="https://github.com/okikio/spring-easing/blob/9df4f05 /src/css-linear-easing.ts#L274 " target ="_blank " rel ="noopener "> css-linear-easing.ts:274< span > < span class ="external-icon "> < svg preserveAspectRatio ="xMidYMid meet " width ="1.2em " height ="1.2em " viewBox ="0 0 24 24 "> < path d ="M10.75 3a.75.75 0 0 0 0 1.5h7.67L3.22 19.7a.764.764 0 1 0 1.081 1.081l15.2-15.2v7.669a.75.75 0 0 0 1.5 0v-9.5a.75.75 0 0 0-.75-.75h-9.5Z "> </ path > </ svg > </ span > </ span > </ a > </ li > </ ul > </ aside > </ li > </ ul > </ section > </ div >
117
117
< div class ="col-sidebar ">
118
118
< div class ="page-menu ">
119
119
< div class ="tsd-navigation settings ">
@@ -133,6 +133,7 @@ <h4 class="uppercase" id="theme">Theme</h4><select id="tsd-theme"><option value=
133
133
< nav class ="tsd-navigation "> < a href ="../modules.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="var(--color-ts-namespace) " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="6 " id ="icon-4-path "> </ rect > < path d ="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z " fill ="var(--color-text) " id ="icon-4-text "> </ path > </ svg > < span > spring-< wbr > easing -< wbr > v2.2.0</ span > </ a >
134
134
< ul class ="tsd-small-nested-navigation ">
135
135
< li > < a href ="../modules.html#default "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="#FF4D82 " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="12 " id ="icon-8388608-path "> </ rect > < path d ="M10.354 17V8.24H13.066C13.586 8.24 14.042 8.348 14.434 8.564C14.826 8.772 15.13 9.064 15.346 9.44C15.562 9.816 15.67 10.256 15.67 10.76C15.67 11.352 15.514 11.86 15.202 12.284C14.898 12.708 14.482 13 13.954 13.16L15.79 17H14.518L12.838 13.28H11.434V17H10.354ZM11.434 12.308H13.066C13.514 12.308 13.874 12.168 14.146 11.888C14.418 11.6 14.554 11.224 14.554 10.76C14.554 10.288 14.418 9.912 14.146 9.632C13.874 9.352 13.514 9.212 13.066 9.212H11.434V12.308Z " fill ="var(--color-text) " id ="icon-8388608-text "> </ path > </ svg > < span > default</ span > </ a > </ li >
136
+ < li > < a href ="../interfaces/IGenericBatchInterpolationFunction.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="var(--color-ts-interface) " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="6 " id ="icon-256-path "> </ rect > < path d ="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z " fill ="var(--color-text) " id ="icon-256-text "> </ path > </ svg > < span > IGeneric< wbr > Batch< wbr > Interpolation< wbr > Function</ span > </ a > </ li >
136
137
< li > < a href ="../types/TypeArrayFrameFunctionFormat.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="var(--color-ts-type-alias) " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="6 " id ="icon-4194304-path "> </ rect > < path d ="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z " fill ="var(--color-text) " id ="icon-4194304-text "> </ path > </ svg > < span > Type< wbr > Array< wbr > Frame< wbr > Function< wbr > Format</ span > </ a > </ li >
137
138
< li > < a href ="../types/TypeCSSEasingOptions.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-4194304-path "> </ use > < use href ="#icon-4194304-text "> </ use > </ svg > < span > TypeCSSEasing< wbr > Options</ span > </ a > </ li >
138
139
< li > < a href ="../types/TypeEasingOptions.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-4194304-path "> </ use > < use href ="#icon-4194304-text "> </ use > </ svg > < span > Type< wbr > Easing< wbr > Options</ span > </ a > </ li >
@@ -144,7 +145,8 @@ <h4 class="uppercase" id="theme">Theme</h4><select id="tsd-theme"><option value=
144
145
< li > < a href ="../variables/EasingFunctions.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-32-path "> </ use > < use href ="#icon-32-text "> </ use > </ svg > < span > Easing< wbr > Functions</ span > </ a > </ li >
145
146
< li > < a href ="../variables/FramePtsCache.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-32-path "> </ use > < use href ="#icon-32-text "> </ use > </ svg > < span > Frame< wbr > Pts< wbr > Cache</ span > </ a > </ li >
146
147
< li > < a href ="../variables/INFINITE_LOOP_LIMIT.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-32-path "> </ use > < use href ="#icon-32-text "> </ use > </ svg > < span > INFINITE_< wbr > LOOP_< wbr > LIMIT</ span > </ a > </ li >
147
- < li > < a href ="CSSSpringEasing.html " class ="current "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="var(--color-ts-function) " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="6 " id ="icon-64-path "> </ rect > < path d ="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z " fill ="var(--color-text) " id ="icon-64-text "> </ path > </ svg > < span > CSSSpring< wbr > Easing</ span > </ a > </ li >
148
+ < li > < a href ="BatchSpringEasing.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < rect fill ="var(--color-icon-background) " stroke ="var(--color-ts-function) " stroke-width ="1.5 " x ="1 " y ="1 " width ="22 " height ="22 " rx ="6 " id ="icon-64-path "> </ rect > < path d ="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z " fill ="var(--color-text) " id ="icon-64-text "> </ path > </ svg > < span > Batch< wbr > Spring< wbr > Easing</ span > </ a > </ li >
149
+ < li > < a href ="CSSSpringEasing.html " class ="current "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > CSSSpring< wbr > Easing</ span > </ a > </ li >
148
150
< li > < a href ="EaseInOut.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Ease< wbr > In< wbr > Out</ span > </ a > </ li >
149
151
< li > < a href ="EaseOut.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Ease< wbr > Out</ span > </ a > </ li >
150
152
< li > < a href ="EaseOutIn.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Ease< wbr > Out< wbr > In</ span > </ a > </ li >
@@ -156,6 +158,11 @@ <h4 class="uppercase" id="theme">Theme</h4><select id="tsd-theme"><option value=
156
158
< li > < a href ="SpringInOutFrame.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Spring< wbr > In< wbr > Out< wbr > Frame</ span > </ a > </ li >
157
159
< li > < a href ="SpringOutFrame.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Spring< wbr > Out< wbr > Frame</ span > </ a > </ li >
158
160
< li > < a href ="SpringOutInFrame.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > Spring< wbr > Out< wbr > In< wbr > Frame</ span > </ a > </ li >
161
+ < li > < a href ="batchInterpolateComplex.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > batch< wbr > Interpolate< wbr > Complex</ span > </ a > </ li >
162
+ < li > < a href ="batchInterpolateNumber.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > batch< wbr > Interpolate< wbr > Number</ span > </ a > </ li >
163
+ < li > < a href ="batchInterpolateSequence.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > batch< wbr > Interpolate< wbr > Sequence</ span > </ a > </ li >
164
+ < li > < a href ="batchInterpolateString.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > batch< wbr > Interpolate< wbr > String</ span > </ a > </ li >
165
+ < li > < a href ="batchInterpolateUsingIndex.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > batch< wbr > Interpolate< wbr > Using< wbr > Index</ span > </ a > </ li >
159
166
< li > < a href ="getLinearSyntax.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > get< wbr > Linear< wbr > Syntax</ span > </ a > </ li >
160
167
< li > < a href ="getOptimizedPoints.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > get< wbr > Optimized< wbr > Points</ span > </ a > </ li >
161
168
< li > < a href ="getSpringDuration.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > get< wbr > Spring< wbr > Duration</ span > </ a > </ li >
@@ -173,6 +180,7 @@ <h4 class="uppercase" id="theme">Theme</h4><select id="tsd-theme"><option value=
173
180
< li > < a href ="registerEasingFunctions.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > register< wbr > Easing< wbr > Functions</ span > </ a > </ li >
174
181
< li > < a href ="scale.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > scale</ span > </ a > </ li >
175
182
< li > < a href ="squaredSegmentDistance.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > squared< wbr > Segment< wbr > Distance</ span > </ a > </ li >
183
+ < li > < a href ="toAnimationFrames.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > to< wbr > Animation< wbr > Frames</ span > </ a > </ li >
176
184
< li > < a href ="toFixed.html "> < svg class ="tsd-kind-icon " width ="24 " height ="24 " viewBox ="0 0 24 24 "> < use href ="#icon-64-path "> </ use > < use href ="#icon-64-text "> </ use > </ svg > < span > to< wbr > Fixed</ span > </ a > </ li > </ ul > </ nav > </ div > </ div > </ div >
177
185
< div class ="tsd-generator ">
178
186
< p > Generated using < a href ="https://typedoc.org/ " target ="_blank " rel ="noopener "> TypeDoc< span > < span class ="external-icon "> < svg preserveAspectRatio ="xMidYMid meet " width ="1.2em " height ="1.2em " viewBox ="0 0 24 24 "> < path d ="M10.75 3a.75.75 0 0 0 0 1.5h7.67L3.22 19.7a.764.764 0 1 0 1.081 1.081l15.2-15.2v7.669a.75.75 0 0 0 1.5 0v-9.5a.75.75 0 0 0-.75-.75h-9.5Z "> </ path > </ svg > </ span > </ span > </ a > </ p > </ div >
0 commit comments