From 4378425ce3c5dc5fdffdd06a81d4dd2f8e8fde60 Mon Sep 17 00:00:00 2001
From: Thomas Jaede <thomas.jaede@kaazing.com>
Date: Thu, 1 Mar 2018 13:57:08 -0800
Subject: [PATCH 1/2] Add default buildIn & buildOut CSS to succession

---
 ui/succession.reel/succession.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/succession.reel/succession.js b/ui/succession.reel/succession.js
index 57e28368f7..28554a0330 100644
--- a/ui/succession.reel/succession.js
+++ b/ui/succession.reel/succession.js
@@ -15,11 +15,17 @@ var Component = require("ui/component").Component;
 exports.Succession = Component.specialize(/** @lends Succession.prototype */{
 
     contentBuildInAnimation: {
-        value: undefined
+        value: {
+            fromCssClass: "montage-Succession--buildInFrom",
+            cssClass: "montage-Succession--buildIn"
+        }
     },
 
     contentBuildOutAnimation: {
-        value: undefined
+        value: {
+            cssClass: "montage-Succession--buildOut",
+            toCssClass: "montage-Succession--buildOutTo"
+        }
     },
 
     /**

From dcfe954fd83768f01e956f97a3ff65690e7748d1 Mon Sep 17 00:00:00 2001
From: Thomas Jaede <thomas.jaede@kaazing.com>
Date: Mon, 21 May 2018 16:17:12 -0700
Subject: [PATCH 2/2] Document succession.contentBuildInAnimation &
 succession.contentBuildOutAnimation

---
 ui/succession.reel/succession.js | 38 ++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/ui/succession.reel/succession.js b/ui/succession.reel/succession.js
index 28554a0330..a0f20fed5e 100644
--- a/ui/succession.reel/succession.js
+++ b/ui/succession.reel/succession.js
@@ -14,6 +14,25 @@ var Component = require("ui/component").Component;
  */
 exports.Succession = Component.specialize(/** @lends Succession.prototype */{
 
+
+    /**
+     * To be assigned as component.buildInAnimation for 
+     * components added to the succession stack. 
+     * 
+     * Using the defaults, succession animations can be defined with the following: 
+     * 
+     * .montage-Succession--push .montage-Succession--buildInFrom {}
+     * .montage-Succession--push .montage-Succession--buildIn {}
+     * 
+     * .montage-Succession--pop .montage-Succession--buildInFrom {}
+     * .montage-Succession--pop .montage-Succession--buildIn {}
+     * 
+     * .montage-Succession--replace .montage-Succession--buildInFrom {}
+     * .montage-Succession--replace .montage-Succession--buildIn {}
+     * 
+     * .montage-Succession--clear .montage-Succession--buildInFrom {}
+     * .montage-Succession--clear .montage-Succession--buildIn {}
+     */
     contentBuildInAnimation: {
         value: {
             fromCssClass: "montage-Succession--buildInFrom",
@@ -21,6 +40,25 @@ exports.Succession = Component.specialize(/** @lends Succession.prototype */{
         }
     },
 
+    /**
+     * To be assigned as component.buildOutAnimation for 
+     * components removed from the succession stack 
+     * 
+     * Using the defaults, succession animations can be defined with the following: 
+     * 
+     * .montage-Succession--push .montage-Succession--buildOut {}
+     * .montage-Succession--push .montage-Succession--buildOutTo {}
+     * 
+     * .montage-Succession--pop .montage-Succession--buildOut {}
+     * .montage-Succession--pop .montage-Succession--buildOutTo {}
+     * 
+     * .montage-Succession--replace .montage-Succession--buildOut {}
+     * .montage-Succession--replace .montage-Succession--buildOutTo {}
+     * 
+     * .montage-Succession--clear .montage-Succession--buildOut {}
+     * .montage-Succession--clear .montage-Succession--buildOutTo {}
+     */
+     
     contentBuildOutAnimation: {
         value: {
             cssClass: "montage-Succession--buildOut",