improved reorder functionality

Author: JohnnyTheTank

demo/app.js

@@ -16,6 +16,10 @@ angular.module('app')
             $scope.data.push($scope.createElement());
         };
 
+        $scope.reorderElements = function () {
+            $scope.$emit('bricklayer.reorderElements');
+        };
+
         var sizes = [220, 250, 260, 270, 290, 300, 310, 330, 400, 430, 450, 480, 500];
 
         for (var i = 0; i < 10; i++) {

demo/index.html

@@ -62,6 +62,7 @@
 <iframe src="https://ghbtns.com/github-btn.html?user=JohnnyTheTank&repo=angular-bricklayer&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
 
 <button ng-click="appendNew()"><strong>Append Item</strong></button>
+<button ng-click="reorderElements()"><strong>Reorder Elements</strong></button>
 
 <!-- Bricklayer needs to have "bricklayer" class name. -->
 <div class="bricklayer">

dist/angular-bricklayer.js

@@ -1,6 +1,6 @@
 /**
     @name: angular-bricklayer 
-    @version: 1.0.1 (23-04-2016) 
+    @version: 1.0.1 (24-04-2016) 
     @author:  
     @url: https://github.com/JohnnyTheTank/angular-bricklayer 
     @license: MIT
@@ -9,28 +9,34 @@ angular.module('jtt_bricklayer', [])
     .directive('bricklayer', ['$timeout', function ($timeout) {
         return {
             restrict: 'C',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 var bricklayer = new Bricklayer(element[0]);
 
                 $timeout(function () {
                     bricklayer.reorderElements(bricklayer.columnCount);
-                }, 0);
+                });
 
                 scope.$on('bricklayer.append', function (event, element) {
                     bricklayer.append(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
                 });
 
                 scope.$on('bricklayer.prepend', function (event, element) {
                     bricklayer.prepend(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
+                });
+
+                scope.$on('bricklayer.reorderElements', function () {
+                    bricklayer.reorderElements(bricklayer.columnCount);
+                    $timeout(function () {
+                        bricklayer.reorderElements(bricklayer.columnCount);
+                    });
                 });
             }
         }
@@ -39,7 +45,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.append', element[0]);
             }
@@ -49,7 +54,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.prepend', element[0]);
             }

dist/angular-bricklayer.min.js

@@ -2,28 +2,34 @@ angular.module('jtt_bricklayer', [])
     .directive('bricklayer', ['$timeout', function ($timeout) {
         return {
             restrict: 'C',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 var bricklayer = new Bricklayer(element[0]);
 
                 $timeout(function () {
                     bricklayer.reorderElements(bricklayer.columnCount);
-                }, 0);
+                });
 
                 scope.$on('bricklayer.append', function (event, element) {
                     bricklayer.append(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
                 });
 
                 scope.$on('bricklayer.prepend', function (event, element) {
                     bricklayer.prepend(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
+                });
+
+                scope.$on('bricklayer.reorderElements', function () {
+                    bricklayer.reorderElements(bricklayer.columnCount);
+                    $timeout(function () {
+                        bricklayer.reorderElements(bricklayer.columnCount);
+                    });
                 });
             }
         }
@@ -32,7 +38,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.append', element[0]);
             }
@@ -42,7 +47,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.prepend', element[0]);
             }