- Change default behaviour, don't touch dom

- Add sortChild in config to do so
- Mode preprend option to config

Author: peterpeterparker

src/app/modules/ionic-swing/interfaces/swing.ts

@@ -79,6 +79,9 @@ export interface StackConfig {
     maxRotation?: number;
     allowedDirections?: Array<any>;
 
+    sortChild?: boolean;
+    prependChild?: boolean;
+
     /**
      * Determines if element is being thrown out of the stack.
      *

src/app/modules/ionic-swing/swing/card.ts

@@ -173,7 +173,9 @@ const makeConfig = (config = {}) => {
     rotation: rotation,
     throwOutConfidence: throwOutConfidence,
     throwOutDistance: throwOutDistance,
-    transform: transform
+    transform: transform,
+    sortChild: false,
+    prependChild: false
   };
 
   return _.assign({}, defaultConfig, config);
@@ -182,10 +184,9 @@ const makeConfig = (config = {}) => {
 /**
  * param {Stack} stack
  * param {HTMLElement} targetElement
- * param {boolean} prepend
  * returns {Object} An instance of Card.
  */
-const Card = (stack, targetElement, prepend) => {
+const Card = (stack, targetElement) => {
   let card;
   let config;
   let currentX;
@@ -246,14 +247,18 @@ const Card = (stack, targetElement, prepend) => {
       ]
     });
 
-    if (prepend) {
-      prependToParent(targetElement);
-    } else {
-      appendToParent(targetElement);
+    if (config.sortChild) {
+      if (config.prependChild) {
+        prependToParent(targetElement);
+      } else {
+        appendToParent(targetElement);
+      }
     }
 
     eventEmitter.on('panstart', () => {
-      appendToParent(targetElement);
+      if (config.sortChild) {
+        appendToParent(targetElement);
+      }
 
       eventEmitter.trigger('dragstart', {
         target: targetElement

src/app/modules/ionic-swing/swing/stack.ts

@@ -57,11 +57,10 @@ export const Stack = (config) => {
    * Creates an instance of Card and associates it with an element.
    *
    * param {HTMLElement} element
-   * param {boolean} prepend
    * returns {Card}
    */
-  stack.createCard = (element, prepend) => {
-    const card = Card(stack, element, prepend);
+  stack.createCard = (element) => {
+    const card = Card(stack, element);
     const events = [
       'throwout',
       'throwoutend',