Rename invert filter to negative and add effect speed variants

Author: Jeff Shillitto

.shins/index.html

@@ -4252,14 +4252,14 @@ <h3 id="properties">Properties</h3>
 <td>string</td>
 <td>false</td>
 <td>none</td>
-<td>A motion effect to apply to the Clip. <ul><br />  <li><code>zoomIn</code> - slow zoom in</li><br />  <li><code>zoomOut</code> - slow zoom out</li><br />  <li><code>slideLeft</code> - slow slide (pan) left</li><br />  <li><code>slideRight</code> - slow slide (pan) right</li><br />  <li><code>slideUp</code> - slow slide (pan) up</li><br />  <li><code>slideDown</code> - slow slide (pan) down</li><br /></ul></td>
+<td>A motion effect to apply to the Clip. <ul><br />  <li><code>zoomIn</code> - slow zoom in</li><br />  <li><code>zoomOut</code> - slow zoom out</li><br />  <li><code>slideLeft</code> - slow slide (pan) left</li><br />  <li><code>slideRight</code> - slow slide (pan) right</li><br />  <li><code>slideUp</code> - slow slide (pan) up</li><br />  <li><code>slideDown</code> - slow slide (pan) down</li><br /></ul> The motion effect speed can also be controlled by appending <code>Fast</code> or <code>Slow</code> to the effect, e.g. <code>zoomInFast</code> or <code>slideRightSlow</code>.</td>
 </tr>
 <tr>
 <td>filter</td>
 <td>string</td>
 <td>false</td>
 <td>none</td>
-<td>A filter effect to apply to the Clip. <ul><br />  <li><code>boost</code> - boost contrast and saturation</li><br />  <li><code>contrast</code> - increase contrast</li><br />  <li><code>darken</code> - darken the scene</li><br />  <li><code>greyscale</code> - remove colour</li><br />  <li><code>lighten</code> - lighten the scene</li><br />  <li><code>muted</code> - reduce saturation and contrast</li><br />  <li><code>invert</code> - invert colors</li><br /></ul></td>
+<td>A filter effect to apply to the Clip. <ul><br />  <li><code>boost</code> - boost contrast and saturation</li><br />  <li><code>contrast</code> - increase contrast</li><br />  <li><code>darken</code> - darken the scene</li><br />  <li><code>greyscale</code> - remove colour</li><br />  <li><code>lighten</code> - lighten the scene</li><br />  <li><code>muted</code> - reduce saturation and contrast</li><br />  <li><code>negative</code> - negative colors</li><br /></ul></td>
 </tr>
 <tr>
 <td>opacity</td>
@@ -4344,25 +4344,73 @@ <h4 id="enumerated-values">Enumerated Values</h4>
 </tr>
 <tr>
 <td>effect</td>
+<td>zoomInSlow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>zoomInFast</td>
+</tr>
+<tr>
+<td>effect</td>
 <td>zoomOut</td>
 </tr>
 <tr>
 <td>effect</td>
+<td>zoomOutSlow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>zoomOutFast</td>
+</tr>
+<tr>
+<td>effect</td>
 <td>slideLeft</td>
 </tr>
 <tr>
 <td>effect</td>
+<td>slideLeftSLow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>slideLeftFast</td>
+</tr>
+<tr>
+<td>effect</td>
 <td>slideRight</td>
 </tr>
 <tr>
 <td>effect</td>
+<td>slideRightSlow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>slideRightFast</td>
+</tr>
+<tr>
+<td>effect</td>
 <td>slideUp</td>
 </tr>
 <tr>
 <td>effect</td>
+<td>slideUpSlow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>slideUpFast</td>
+</tr>
+<tr>
+<td>effect</td>
 <td>slideDown</td>
 </tr>
 <tr>
+<td>effect</td>
+<td>slideDownSlow</td>
+</tr>
+<tr>
+<td>effect</td>
+<td>slideDownFast</td>
+</tr>
+<tr>
 <td>filter</td>
 <td>boost</td>
 </tr>

.shins/source/index.html.md

@@ -3574,8 +3574,8 @@ A clip is a container for a specific type of asset, i.e. a title, image, video,
 |position|string|false|none|Place the asset in one of nine predefined positions of the viewport. This is most effective for when the asset is scaled and you want to position the element to a specific position. <ul><br>  <li>`top` - top (center)</li><br>  <li>`topRight` - top right</li><br>  <li>`right` - right (center)</li><br>  <li>`bottomRight` - bottom right</li><br>  <li>`bottom` - bottom (center)</li><br>  <li>`bottomLeft` - bottom left</li><br>  <li>`left` - left (center)</li><br>  <li>`topLeft` - top left</li><br>  <li>`center` - center</li><br></ul>|
 |offset|[Offset](#schemaoffset)|false|none|Offset the location of the asset relative to its position on the viewport. The offset distance is relative to the width of the viewport - for example an x offset of 0.5 will move the asset half the viewport width to the right.|
 |transition|[Transition](#schematransition)|false|none|In and out transitions for a clip - i.e. fade in and fade out|
-|effect|string|false|none|A motion effect to apply to the Clip. <ul><br>  <li>`zoomIn` - slow zoom in</li><br>  <li>`zoomOut` - slow zoom out</li><br>  <li>`slideLeft` - slow slide (pan) left</li><br>  <li>`slideRight` - slow slide (pan) right</li><br>  <li>`slideUp` - slow slide (pan) up</li><br>  <li>`slideDown` - slow slide (pan) down</li><br></ul>|
-|filter|string|false|none|A filter effect to apply to the Clip. <ul><br>  <li>`boost` - boost contrast and saturation</li><br>  <li>`contrast` - increase contrast</li><br>  <li>`darken` - darken the scene</li><br>  <li>`greyscale` - remove colour</li><br>  <li>`lighten` - lighten the scene</li><br>  <li>`muted` - reduce saturation and contrast</li><br>  <li>`invert` - invert colors</li><br></ul>|
+|effect|string|false|none|A motion effect to apply to the Clip. <ul><br>  <li>`zoomIn` - slow zoom in</li><br>  <li>`zoomOut` - slow zoom out</li><br>  <li>`slideLeft` - slow slide (pan) left</li><br>  <li>`slideRight` - slow slide (pan) right</li><br>  <li>`slideUp` - slow slide (pan) up</li><br>  <li>`slideDown` - slow slide (pan) down</li><br></ul> The motion effect speed can also be controlled by appending `Fast` or `Slow` to the effect, e.g. `zoomInFast` or `slideRightSlow`.|
+|filter|string|false|none|A filter effect to apply to the Clip. <ul><br>  <li>`boost` - boost contrast and saturation</li><br>  <li>`contrast` - increase contrast</li><br>  <li>`darken` - darken the scene</li><br>  <li>`greyscale` - remove colour</li><br>  <li>`lighten` - lighten the scene</li><br>  <li>`muted` - reduce saturation and contrast</li><br>  <li>`negative` - negative colors</li><br></ul>|
 |opacity|number|false|none|Sets the opacity of the Clip where 1 is opaque and 0 is transparent.|
 |transform|[Transformation](#schematransformation)|false|none|A transformation lets you modify the visual properties of a clip. Available transformations are <b>rotate</b>, <b>skew</b> and <b>flip</b>. Transformations can be combined to create interesting new shapes and effects.|
 
@@ -3597,11 +3597,23 @@ A clip is a container for a specific type of asset, i.e. a title, image, video,
 |position|topLeft|
 |position|center|
 |effect|zoomIn|
+|effect|zoomInSlow|
+|effect|zoomInFast|
 |effect|zoomOut|
+|effect|zoomOutSlow|
+|effect|zoomOutFast|
 |effect|slideLeft|
+|effect|slideLeftSLow|
+|effect|slideLeftFast|
 |effect|slideRight|
+|effect|slideRightSlow|
+|effect|slideRightFast|
 |effect|slideUp|
+|effect|slideUpSlow|
+|effect|slideUpFast|
 |effect|slideDown|
+|effect|slideDownSlow|
+|effect|slideDownFast|
 |filter|boost|
 |filter|contrast|
 |filter|darken|

api.oas3.yaml

@@ -634,13 +634,27 @@ components:
               <li>`slideUp` - slow slide (pan) up</li>
               <li>`slideDown` - slow slide (pan) down</li>
             </ul>
+            The motion effect speed can also be controlled by appending `Fast` or `Slow`
+            to the effect, e.g. `zoomInFast` or `slideRightSlow`.
           enum:
             - zoomIn
+            - zoomInSlow
+            - zoomInFast
             - zoomOut
+            - zoomOutSlow
+            - zoomOutFast
             - slideLeft
+            - slideLeftSLow
+            - slideLeftFast
             - slideRight
+            - slideRightSlow
+            - slideRightFast
             - slideUp
+            - slideUpSlow
+            - slideUpFast
             - slideDown
+            - slideDownSlow
+            - slideDownFast
           type: string
         filter:
           description: >-
@@ -652,7 +666,7 @@ components:
               <li>`greyscale` - remove colour</li>
               <li>`lighten` - lighten the scene</li>
               <li>`muted` - reduce saturation and contrast</li>
-              <li>`invert` - invert colors</li>
+              <li>`negative` - negative colors</li>
             </ul>
           enum:
             - boost