From b3290cf75a7bd1b99ec155fa73f1b710d6627bb3 Mon Sep 17 00:00:00 2001
From: lucatarik <lucatarik@gmail.com>
Date: Tue, 3 Oct 2017 22:29:41 +0200
Subject: [PATCH 1/2] Added option to disable automatic sorting

---
 dist/dual-list-box.js     | 7 ++++++-
 dist/dual-list-box.min.js | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/dist/dual-list-box.js b/dist/dual-list-box.js
index 5fdf03f..3316dd1 100644
--- a/dist/dual-list-box.js
+++ b/dist/dual-list-box.js
@@ -34,7 +34,8 @@
                 moveAllBtn: true,               // Whether the append all button is available.
                 maxAllBtn:  500,                // Maximum size of list in which the all button works without warning. See below.
                 selectClass:'form-control',
-                warning:    'Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.'
+                warning:    'Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.',
+                sort:       true
             };
 
             var htmlOptions = {
@@ -333,6 +334,10 @@
 
     /** Sorts options in a select / list box. */
     $.fn.sortOptions = function() {
+        if (options.sort === false)
+        {
+            return this;
+        }
         return this.each(function() {
             $(this).append($(this).find('option').remove().sort(function(a, b) {
                 var at = $(a).text(), bt = $(b).text();
diff --git a/dist/dual-list-box.min.js b/dist/dual-list-box.min.js
index 6de2806..ee705ed 100644
--- a/dist/dual-list-box.min.js
+++ b/dist/dual-list-box.min.js
@@ -1 +1 @@
-(function($){$.fn.DualListBox=function(paramOptions,selected){return this.each(function(){var defaults={element:$(this).context,uri:"local.json",value:"id",text:"name",title:"Example",json:true,timeout:500,horizontal:false,textLength:45,moveAllBtn:true,maxAllBtn:500,selectClass:"form-control",warning:"Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive."};var htmlOptions={element:$(this).context,uri:$(this).data("source"),value:$(this).data("value"),text:$(this).data("text"),title:$(this).data("title"),json:$(this).data("json"),timeout:$(this).data("timeout"),horizontal:$(this).data("horizontal"),textLength:$(this).data("textLength"),moveAllBtn:$(this).data("moveAllBtn"),maxAllBtn:$(this).data("maxAllBtn"),selectClass:$(this).data("selectClass")};var options=$.extend({},defaults,htmlOptions,paramOptions);$.each(options,function(i,item){if(item===undefined||item===null){throw"DualListBox: "+i+" is undefined."}});options["parent"]="dual-list-box-"+options.title;options["parentElement"]="#"+options.parent;selected=$.extend([{}],selected);if(options.json){addElementsViaJSON(options,selected)}else{construct(options)}})};function addElementsViaJSON(options,selected){var multipleTextFields=false;if(options.text.indexOf(":")>-1){var textToUse=options.text.split(":");if(textToUse.length>1){multipleTextFields=true}}$.getJSON(options.uri,function(json){$.each(json,function(key,item){var text="";if(multipleTextFields){textToUse.forEach(function(entry){text+=item[entry]+" "})}else{text=item[options.text]}$("<option>",{value:item[options.value],text:text,selected:selected.some(function(e){return e[options.value]===item[options.value]})===true}).appendTo(options.element)});construct(options)})}function addListeners(options){var unselected=$(options.parentElement+" .unselected");var selected=$(options.parentElement+" .selected");$(options.parentElement).find("button").bind("click",function(){switch($(this).data("type")){case"str":unselected.find("option:selected").appendTo(selected);$(this).prop("disabled",true);break;case"atr":if(unselected.find("option").length>=options.maxAllBtn&&confirm(options.warning)||unselected.find("option").length<options.maxAllBtn){unselected.find("option").each(function(){if($(this).isVisible()){$(this).remove().appendTo(selected)}})}break;case"stl":selected.find("option:selected").remove().appendTo(unselected);$(this).prop("disabled",true);break;case"atl":if(selected.find("option").length>=options.maxAllBtn&&confirm(options.warning)||selected.find("option").length<options.maxAllBtn){selected.find("option").each(function(){if($(this).isVisible()){$(this).remove().appendTo(unselected)}})}break;default:break}unselected.filterByText($(options.parentElement+" .filter-unselected"),options.timeout,options.parentElement).scrollTop(0).sortOptions();selected.filterByText($(options.parentElement+" .filter-selected"),options.timeout,options.parentElement).scrollTop(0).sortOptions();handleMovement(options)});$(options.parentElement).closest("form").submit(function(){selected.find("option").prop("selected",true)});$(options.parentElement).find('input[type="text"]').keypress(function(e){if(e.which===13){event.preventDefault()}});selected.filterByText($(options.parentElement+" .filter-selected"),options.timeout,options.parentElement).scrollTop(0).sortOptions();unselected.filterByText($(options.parentElement+" .filter-unselected"),options.timeout,options.parentElement).scrollTop(0).sortOptions()}function construct(options){createDualListBox(options);parseStubListBox(options);addListeners(options)}function countElements(parentElement){var countUnselected=0,countSelected=0;$(parentElement+" .unselected").find("option").each(function(){if($(this).isVisible()){countUnselected++}});$(parentElement+" .selected").find("option").each(function(){if($(this).isVisible()){countSelected++}});$(parentElement+" .unselected-count").text(countUnselected);$(parentElement+" .selected-count").text(countSelected);toggleButtons(parentElement)}function createDualListBox(options){$(options.element).parent().attr("id",options.parent);$(options.parentElement).addClass("row").append((options.horizontal==false?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="unselected-title"></span> <small>- showing <span class="unselected-count"></span></small></h4>'+'       <input class="filter form-control filter-unselected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(options.horizontal==false?"":createHorizontalButtons(1,options.moveAllBtn))+'       <select class="unselected '+options.selectClass+'" style="height: 200px; width: 100%;" multiple></select>'+"   </div>"+(options.horizontal==false?createVerticalButtons(options.moveAllBtn):"")+(options.horizontal==false?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="selected-title"></span> <small>- showing <span class="selected-count"></span></small></h4>'+'       <input class="filter form-control filter-selected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(options.horizontal==false?"":createHorizontalButtons(2,options.moveAllBtn))+'       <select class="selected '+options.selectClass+'" style="height: 200px; width: 100%;" multiple></select>'+"   </div>");$(options.parentElement+" .selected").prop("name",$(options.element).prop("name"));$(options.parentElement+" .unselected-title").text("Available "+options.title);$(options.parentElement+" .selected-title").text("Selected "+options.title)}function createHorizontalButtons(number,copyAllBtn){if(number==1){return(copyAllBtn?'       <button type="button" class="btn btn-default atr" data-type="atr" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default '+(copyAllBtn?"pull-right col-md-6":"col-md-12")+' str" data-type="str" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>'}else{return'       <button type="button" class="btn btn-default '+(copyAllBtn?"col-md-6":"col-md-12")+' stl" data-type="stl" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(copyAllBtn?'       <button type="button" class="btn btn-default col-md-6 pull-right atl" data-type="atl" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")}}function createVerticalButtons(copyAllBtn){return'   <div class="col-md-2 center-block" style="margin-top: '+(copyAllBtn?"80px":"130px")+'">'+(copyAllBtn?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atr" data-type="atr" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 str" data-type="str" style="margin-bottom: 20px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>'+'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 stl" data-type="stl" style="margin-bottom: 10px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(copyAllBtn?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atl" data-type="atl" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")+"   </div>"}function handleMovement(options){$(options.parentElement+" .unselected").find("option:selected").prop("selected",false);$(options.parentElement+" .selected").find("option:selected").prop("selected",false);$(options.parentElement+" .filter").val("");$(options.parentElement+" select").find("option").each(function(){$(this).show()});countElements(options.parentElement)}function parseStubListBox(options){var textIsTooLong=false;$(options.element).find("option").text(function(i,text){$(this).data("title",text);if(text.length>options.textLength){textIsTooLong=true;return text.substr(0,options.textLength)+"..."}}).each(function(){if(textIsTooLong){$(this).prop("title",$(this).data("title"))}if($(this).is(":selected")){$(this).appendTo(options.parentElement+" .selected")}else{$(this).appendTo(options.parentElement+" .unselected")}});$(options.element).remove();handleMovement(options)}function toggleButtons(parentElement){$(parentElement+" .unselected").change(function(){$(parentElement+" .str").prop("disabled",false)});$(parentElement+" .selected").change(function(){$(parentElement+" .stl").prop("disabled",false)});if($(parentElement+" .unselected").has("option").length==0){$(parentElement+" .atr").prop("disabled",true);$(parentElement+" .str").prop("disabled",true)}else{$(parentElement+" .atr").prop("disabled",false)}if($(parentElement+" .selected").has("option").length==0){$(parentElement+" .atl").prop("disabled",true);$(parentElement+" .stl").prop("disabled",true)}else{$(parentElement+" .atl").prop("disabled",false)}}$.fn.filterByText=function(textBox,timeout,parentElement){return this.each(function(){var select=this;var options=[];$(select).find("option").each(function(){options.push({value:$(this).val(),text:$(this).text()})});$(select).data("options",options);$(textBox).bind("change keyup",function(){delay(function(){var options=$(select).data("options");var search=$.trim($(textBox).val());var regex=new RegExp(search,"gi");$.each(options,function(i){if(options[i].text.match(regex)===null){$(select).find($('option[value="'+options[i].value+'"]')).hide()}else{$(select).find($('option[value="'+options[i].value+'"]')).show()}});countElements(parentElement)},timeout)})})};$.fn.isVisible=function(){return!($(this).css("visibility")=="hidden"||$(this).css("display")=="none")};$.fn.sortOptions=function(){return this.each(function(){$(this).append($(this).find("option").remove().sort(function(a,b){var at=$(a).text(),bt=$(b).text();return at>bt?1:at<bt?-1:0}))})};var delay=function(){var timer=0;return function(callback,ms){clearTimeout(timer);timer=setTimeout(callback,ms)}}()})(jQuery);
\ No newline at end of file
+!function(t){function e(e,n){var s=!1;if(e.text.indexOf(":")>-1){var o=e.text.split(":");o.length>1&&(s=!0)}t.getJSON(e.uri,function(i){t.each(i,function(l,i){var a="";s?o.forEach(function(t){a+=i[t]+" "}):a=i[e.text],t("<option>",{value:i[e.value],text:a,selected:!0===n.some(function(t){return t[e.value]===i[e.value]})}).appendTo(e.element)}),l(e)})}function n(e){var n=t(e.parentElement+" .unselected"),l=t(e.parentElement+" .selected");t(e.parentElement).find("button").bind("click",function(){switch(t(this).data("type")){case"str":n.find("option:selected").appendTo(l),t(this).prop("disabled",!0);break;case"atr":(n.find("option").length>=e.maxAllBtn&&confirm(e.warning)||n.find("option").length<e.maxAllBtn)&&n.find("option").each(function(){t(this).isVisible()&&t(this).remove().appendTo(l)});break;case"stl":l.find("option:selected").remove().appendTo(n),t(this).prop("disabled",!0);break;case"atl":(l.find("option").length>=e.maxAllBtn&&confirm(e.warning)||l.find("option").length<e.maxAllBtn)&&l.find("option").each(function(){t(this).isVisible()&&t(this).remove().appendTo(n)})}n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),c(e)}),t(e.parentElement).closest("form").submit(function(){l.find("option").prop("selected",!0)}),t(e.parentElement).find('input[type="text"]').keypress(function(t){13===t.which&&event.preventDefault()}),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).sortOptions()}function l(t){o(t),p(t),n(t)}function s(e){var n=0,l=0;t(e+" .unselected").find("option").each(function(){t(this).isVisible()&&n++}),t(e+" .selected").find("option").each(function(){t(this).isVisible()&&l++}),t(e+" .unselected-count").text(n),t(e+" .selected-count").text(l),r(e)}function o(e){t(e.element).parent().attr("id",e.parent),t(e.parentElement).addClass("row").append((0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="unselected-title"></span> <small>- showing <span class="unselected-count"></span></small></h4>       <input class="filter form-control filter-unselected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":i(1,e.moveAllBtn))+'       <select class="unselected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'+(0==e.horizontal?a(e.moveAllBtn):"")+(0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="selected-title"></span> <small>- showing <span class="selected-count"></span></small></h4>       <input class="filter form-control filter-selected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":i(2,e.moveAllBtn))+'       <select class="selected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'),t(e.parentElement+" .selected").prop("name",t(e.element).prop("name")),t(e.parentElement+" .unselected-title").text("Available "+e.title),t(e.parentElement+" .selected-title").text("Selected "+e.title)}function i(t,e){return 1==t?(e?'       <button type="button" class="btn btn-default atr" data-type="atr" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default '+(e?"pull-right col-md-6":"col-md-12")+' str" data-type="str" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>':'       <button type="button" class="btn btn-default '+(e?"col-md-6":"col-md-12")+' stl" data-type="stl" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(e?'       <button type="button" class="btn btn-default col-md-6 pull-right atl" data-type="atl" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")}function a(t){return'   <div class="col-md-2 center-block" style="margin-top: '+(t?"80px":"130px")+'">'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atr" data-type="atr" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 str" data-type="str" style="margin-bottom: 20px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 stl" data-type="stl" style="margin-bottom: 10px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atl" data-type="atl" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")+"   </div>"}function c(e){t(e.parentElement+" .unselected").find("option:selected").prop("selected",!1),t(e.parentElement+" .selected").find("option:selected").prop("selected",!1),t(e.parentElement+" .filter").val(""),t(e.parentElement+" select").find("option").each(function(){t(this).show()}),s(e.parentElement)}function p(e){var n=!1;t(e.element).find("option").text(function(l,s){if(t(this).data("title",s),s.length>e.textLength)return n=!0,s.substr(0,e.textLength)+"..."}).each(function(){n&&t(this).prop("title",t(this).data("title")),t(this).is(":selected")?t(this).appendTo(e.parentElement+" .selected"):t(this).appendTo(e.parentElement+" .unselected")}),t(e.element).remove(),c(e)}function r(e){t(e+" .unselected").change(function(){t(e+" .str").prop("disabled",!1)}),t(e+" .selected").change(function(){t(e+" .stl").prop("disabled",!1)}),0==t(e+" .unselected").has("option").length?(t(e+" .atr").prop("disabled",!0),t(e+" .str").prop("disabled",!0)):t(e+" .atr").prop("disabled",!1),0==t(e+" .selected").has("option").length?(t(e+" .atl").prop("disabled",!0),t(e+" .stl").prop("disabled",!0)):t(e+" .atl").prop("disabled",!1)}t.fn.DualListBox=function(n,s){return this.each(function(){var o={element:t(this).context,uri:"local.json",value:"id",text:"name",title:"Example",json:!0,timeout:500,horizontal:!1,textLength:45,moveAllBtn:!0,maxAllBtn:500,selectClass:"form-control",warning:"Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.",sort:!0},i={element:t(this).context,uri:t(this).data("source"),value:t(this).data("value"),text:t(this).data("text"),title:t(this).data("title"),json:t(this).data("json"),timeout:t(this).data("timeout"),horizontal:t(this).data("horizontal"),textLength:t(this).data("textLength"),moveAllBtn:t(this).data("moveAllBtn"),maxAllBtn:t(this).data("maxAllBtn"),selectClass:t(this).data("selectClass")},a=t.extend({},o,i,n);t.each(a,function(t,e){if(void 0===e||null===e)throw"DualListBox: "+t+" is undefined."}),a.parent="dual-list-box-"+a.title,a.parentElement="#"+a.parent,s=t.extend([{}],s),a.json?e(a,s):l(a)})},t.fn.filterByText=function(e,n,l){return this.each(function(){var o=this,i=[];t(o).find("option").each(function(){i.push({value:t(this).val(),text:t(this).text()})}),t(o).data("options",i),t(e).bind("change keyup",function(){d(function(){var n=t(o).data("options"),i=t.trim(t(e).val()),a=new RegExp(i,"gi");t.each(n,function(e){null===n[e].text.match(a)?t(o).find(t('option[value="'+n[e].value+'"]')).hide():t(o).find(t('option[value="'+n[e].value+'"]')).show()}),s(l)},n)})})},t.fn.isVisible=function(){return!("hidden"==t(this).css("visibility")||"none"==t(this).css("display"))},t.fn.sortOptions=function(){return!1===options.sort?this:this.each(function(){t(this).append(t(this).find("option").remove().sort(function(e,n){var l=t(e).text(),s=t(n).text();return l>s?1:l<s?-1:0}))})};var d=function(){var t=0;return function(e,n){clearTimeout(t),t=setTimeout(e,n)}}()}(jQuery);
\ No newline at end of file

From 563a4b12f783d005cf3feabdfb40fce57efb5ecf Mon Sep 17 00:00:00 2001
From: lucatarik <lucatarik@gmail.com>
Date: Tue, 3 Oct 2017 23:20:56 +0200
Subject: [PATCH 2/2] * Fixed option to disable sort added onMoveLeft and
 onMoveRight callbacks: first argument evt, second argument array of moved
 elements

---
 dist/dual-list-box.js     | 59 ++++++++++++++++++++++-----------------
 dist/dual-list-box.min.js |  2 +-
 2 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/dist/dual-list-box.js b/dist/dual-list-box.js
index 3316dd1..669dce8 100644
--- a/dist/dual-list-box.js
+++ b/dist/dual-list-box.js
@@ -22,20 +22,22 @@
     $.fn.DualListBox = function(paramOptions, selected) {
         return this.each(function () {
             var defaults = {
-                element:    $(this).context,    // Select element which creates this dual list box.
-                uri:        'local.json',       // JSON file that can be opened for the data.
-                value:      'id',               // Value that is assigned to the value field in the option.
-                text:       'name',             // Text that is assigned to the option field.
-                title:      'Example',          // Title of the dual list box.
-                json:       true,               // Whether to retrieve the data through JSON.
-                timeout:    500,                // Timeout for when a filter search is started.
-                horizontal: false,              // Whether to layout the dual list box as horizontal or vertical.
-                textLength: 45,                 // Maximum text length that is displayed in the select.
-                moveAllBtn: true,               // Whether the append all button is available.
-                maxAllBtn:  500,                // Maximum size of list in which the all button works without warning. See below.
+                element:    $(this).context,       // Select element which creates this dual list box.
+                uri:        'local.json',          // JSON file that can be opened for the data.
+                value:      'id',                  // Value that is assigned to the value field in the option.
+                text:       'name',                // Text that is assigned to the option field.
+                title:      'Example',             // Title of the dual list box.
+                json:       true,                  // Whether to retrieve the data through JSON.
+                timeout:    500,                   // Timeout for when a filter search is started.
+                horizontal: false,                 // Whether to layout the dual list box as horizontal or vertical.
+                textLength: 45,                    // Maximum text length that is displayed in the select.
+                moveAllBtn: true,                  // Whether the append all button is available.
+                maxAllBtn:  500,                   // Maximum size of list in which the all button works without warning. See below.
                 selectClass:'form-control',
                 warning:    'Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.',
-                sort:       true
+                sort:       true,                   // Allow DualListBox to sort select element
+                onMoveLeft: function(evt,items){},  // Callback called when items moved in the left select
+                onMoveRight: function(evt,items){}  // Callback called when items moved in the right select
             };
 
             var htmlOptions = {
@@ -63,7 +65,7 @@
             options['parentElement'] = '#' + options.parent;
 
             selected = $.extend([{}], selected);
-
+            
             if (options.json) {
                 addElementsViaJSON(options, selected);
             } else {
@@ -110,16 +112,22 @@
         var unselected = $(options.parentElement + ' .unselected');
         var selected = $(options.parentElement + ' .selected');
 
-        $(options.parentElement).find('button').bind('click', function() {
+        $(options.parentElement)
+        .unbind("onMoveLeft, onMoveRight")
+        .bind("onMoveLeft",options.onMoveLeft)
+        .bind("onMoveRight",options.onMoveRight).find('button').bind('click', function() {
             switch ($(this).data('type')) {
                 case 'str': /* Selected to the right. */
-                    unselected.find('option:selected').appendTo(selected);
+                    var slctdElements = unselected.find('option:selected').appendTo(selected);
+                    $(options.parentElement).trigger("onMoveRight",[slctdElements]);
                     $(this).prop('disabled', true);
                     break;
                 case 'atr': /* All to the right. */
                     if (unselected.find('option').length >= options.maxAllBtn && confirm(options.warning) ||
                         unselected.find('option').length < options.maxAllBtn) {
-                        unselected.find('option').each(function () {
+                        var slctdElements = unselected.find('option').filter(":visible");
+                        $(options.parentElement).trigger("onMoveRight",[slctdElements]);
+                        slctdElements.each(function () {
                             if ($(this).isVisible()) {
                                 $(this).remove().appendTo(selected);
                             }
@@ -127,13 +135,16 @@
                     }
                     break;
                 case 'stl': /* Selected to the left. */
-                    selected.find('option:selected').remove().appendTo(unselected);
+                    var slctdElements = selected.find('option:selected').remove().appendTo(unselected);
+                    $(options.parentElement).trigger("onMoveLeft",[slctdElements]);
                     $(this).prop('disabled', true);
                     break;
                 case 'atl': /* All to the left. */
                     if (selected.find('option').length >= options.maxAllBtn && confirm(options.warning) ||
                         selected.find('option').length < options.maxAllBtn) {
-                        selected.find('option').each(function () {
+                        var slctdElements = selected.find('option').filter(":visible");
+                        $(options.parentElement).trigger("onMoveLeft",[slctdElements]);
+                        slctdElements.each(function () {
                             if ($(this).isVisible()) {
                                 $(this).remove().appendTo(unselected);
                             }
@@ -143,8 +154,8 @@
                 default: break;
             }
 
-            unselected.filterByText($(options.parentElement + ' .filter-unselected'), options.timeout, options.parentElement).scrollTop(0).sortOptions();
-            selected.filterByText($(options.parentElement + ' .filter-selected'), options.timeout, options.parentElement).scrollTop(0).sortOptions();
+            unselected.filterByText($(options.parentElement + ' .filter-unselected'), options.timeout, options.parentElement).scrollTop(0).filter(function(){return options.sort}).sortOptions();
+            selected.filterByText($(options.parentElement + ' .filter-selected'), options.timeout, options.parentElement).scrollTop(0).filter(function(){return options.sort}).sortOptions();
 
             handleMovement(options);
         });
@@ -159,8 +170,8 @@
             }
         });
 
-        selected.filterByText($(options.parentElement + ' .filter-selected'), options.timeout, options.parentElement).scrollTop(0).sortOptions();
-        unselected.filterByText($(options.parentElement + ' .filter-unselected'), options.timeout, options.parentElement).scrollTop(0).sortOptions();
+        selected.filterByText($(options.parentElement + ' .filter-selected'), options.timeout, options.parentElement).scrollTop(0).filter(function(){return options.sort}).sortOptions();
+        unselected.filterByText($(options.parentElement + ' .filter-unselected'), options.timeout, options.parentElement).scrollTop(0).filter(function(){return options.sort}).sortOptions();
     }
 
     /** Constructs the jQuery plugin after the elements have been retrieved. */
@@ -334,10 +345,6 @@
 
     /** Sorts options in a select / list box. */
     $.fn.sortOptions = function() {
-        if (options.sort === false)
-        {
-            return this;
-        }
         return this.each(function() {
             $(this).append($(this).find('option').remove().sort(function(a, b) {
                 var at = $(a).text(), bt = $(b).text();
diff --git a/dist/dual-list-box.min.js b/dist/dual-list-box.min.js
index ee705ed..612e211 100644
--- a/dist/dual-list-box.min.js
+++ b/dist/dual-list-box.min.js
@@ -1 +1 @@
-!function(t){function e(e,n){var s=!1;if(e.text.indexOf(":")>-1){var o=e.text.split(":");o.length>1&&(s=!0)}t.getJSON(e.uri,function(i){t.each(i,function(l,i){var a="";s?o.forEach(function(t){a+=i[t]+" "}):a=i[e.text],t("<option>",{value:i[e.value],text:a,selected:!0===n.some(function(t){return t[e.value]===i[e.value]})}).appendTo(e.element)}),l(e)})}function n(e){var n=t(e.parentElement+" .unselected"),l=t(e.parentElement+" .selected");t(e.parentElement).find("button").bind("click",function(){switch(t(this).data("type")){case"str":n.find("option:selected").appendTo(l),t(this).prop("disabled",!0);break;case"atr":(n.find("option").length>=e.maxAllBtn&&confirm(e.warning)||n.find("option").length<e.maxAllBtn)&&n.find("option").each(function(){t(this).isVisible()&&t(this).remove().appendTo(l)});break;case"stl":l.find("option:selected").remove().appendTo(n),t(this).prop("disabled",!0);break;case"atl":(l.find("option").length>=e.maxAllBtn&&confirm(e.warning)||l.find("option").length<e.maxAllBtn)&&l.find("option").each(function(){t(this).isVisible()&&t(this).remove().appendTo(n)})}n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),c(e)}),t(e.parentElement).closest("form").submit(function(){l.find("option").prop("selected",!0)}),t(e.parentElement).find('input[type="text"]').keypress(function(t){13===t.which&&event.preventDefault()}),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).sortOptions(),n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).sortOptions()}function l(t){o(t),p(t),n(t)}function s(e){var n=0,l=0;t(e+" .unselected").find("option").each(function(){t(this).isVisible()&&n++}),t(e+" .selected").find("option").each(function(){t(this).isVisible()&&l++}),t(e+" .unselected-count").text(n),t(e+" .selected-count").text(l),r(e)}function o(e){t(e.element).parent().attr("id",e.parent),t(e.parentElement).addClass("row").append((0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="unselected-title"></span> <small>- showing <span class="unselected-count"></span></small></h4>       <input class="filter form-control filter-unselected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":i(1,e.moveAllBtn))+'       <select class="unselected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'+(0==e.horizontal?a(e.moveAllBtn):"")+(0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="selected-title"></span> <small>- showing <span class="selected-count"></span></small></h4>       <input class="filter form-control filter-selected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":i(2,e.moveAllBtn))+'       <select class="selected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'),t(e.parentElement+" .selected").prop("name",t(e.element).prop("name")),t(e.parentElement+" .unselected-title").text("Available "+e.title),t(e.parentElement+" .selected-title").text("Selected "+e.title)}function i(t,e){return 1==t?(e?'       <button type="button" class="btn btn-default atr" data-type="atr" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default '+(e?"pull-right col-md-6":"col-md-12")+' str" data-type="str" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>':'       <button type="button" class="btn btn-default '+(e?"col-md-6":"col-md-12")+' stl" data-type="stl" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(e?'       <button type="button" class="btn btn-default col-md-6 pull-right atl" data-type="atl" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")}function a(t){return'   <div class="col-md-2 center-block" style="margin-top: '+(t?"80px":"130px")+'">'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atr" data-type="atr" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 str" data-type="str" style="margin-bottom: 20px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 stl" data-type="stl" style="margin-bottom: 10px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atl" data-type="atl" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")+"   </div>"}function c(e){t(e.parentElement+" .unselected").find("option:selected").prop("selected",!1),t(e.parentElement+" .selected").find("option:selected").prop("selected",!1),t(e.parentElement+" .filter").val(""),t(e.parentElement+" select").find("option").each(function(){t(this).show()}),s(e.parentElement)}function p(e){var n=!1;t(e.element).find("option").text(function(l,s){if(t(this).data("title",s),s.length>e.textLength)return n=!0,s.substr(0,e.textLength)+"..."}).each(function(){n&&t(this).prop("title",t(this).data("title")),t(this).is(":selected")?t(this).appendTo(e.parentElement+" .selected"):t(this).appendTo(e.parentElement+" .unselected")}),t(e.element).remove(),c(e)}function r(e){t(e+" .unselected").change(function(){t(e+" .str").prop("disabled",!1)}),t(e+" .selected").change(function(){t(e+" .stl").prop("disabled",!1)}),0==t(e+" .unselected").has("option").length?(t(e+" .atr").prop("disabled",!0),t(e+" .str").prop("disabled",!0)):t(e+" .atr").prop("disabled",!1),0==t(e+" .selected").has("option").length?(t(e+" .atl").prop("disabled",!0),t(e+" .stl").prop("disabled",!0)):t(e+" .atl").prop("disabled",!1)}t.fn.DualListBox=function(n,s){return this.each(function(){var o={element:t(this).context,uri:"local.json",value:"id",text:"name",title:"Example",json:!0,timeout:500,horizontal:!1,textLength:45,moveAllBtn:!0,maxAllBtn:500,selectClass:"form-control",warning:"Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.",sort:!0},i={element:t(this).context,uri:t(this).data("source"),value:t(this).data("value"),text:t(this).data("text"),title:t(this).data("title"),json:t(this).data("json"),timeout:t(this).data("timeout"),horizontal:t(this).data("horizontal"),textLength:t(this).data("textLength"),moveAllBtn:t(this).data("moveAllBtn"),maxAllBtn:t(this).data("maxAllBtn"),selectClass:t(this).data("selectClass")},a=t.extend({},o,i,n);t.each(a,function(t,e){if(void 0===e||null===e)throw"DualListBox: "+t+" is undefined."}),a.parent="dual-list-box-"+a.title,a.parentElement="#"+a.parent,s=t.extend([{}],s),a.json?e(a,s):l(a)})},t.fn.filterByText=function(e,n,l){return this.each(function(){var o=this,i=[];t(o).find("option").each(function(){i.push({value:t(this).val(),text:t(this).text()})}),t(o).data("options",i),t(e).bind("change keyup",function(){d(function(){var n=t(o).data("options"),i=t.trim(t(e).val()),a=new RegExp(i,"gi");t.each(n,function(e){null===n[e].text.match(a)?t(o).find(t('option[value="'+n[e].value+'"]')).hide():t(o).find(t('option[value="'+n[e].value+'"]')).show()}),s(l)},n)})})},t.fn.isVisible=function(){return!("hidden"==t(this).css("visibility")||"none"==t(this).css("display"))},t.fn.sortOptions=function(){return!1===options.sort?this:this.each(function(){t(this).append(t(this).find("option").remove().sort(function(e,n){var l=t(e).text(),s=t(n).text();return l>s?1:l<s?-1:0}))})};var d=function(){var t=0;return function(e,n){clearTimeout(t),t=setTimeout(e,n)}}()}(jQuery);
\ No newline at end of file
+!function(t){function e(e,n){var o=!1;if(e.text.indexOf(":")>-1){var i=e.text.split(":");i.length>1&&(o=!0)}t.getJSON(e.uri,function(s){t.each(s,function(l,s){var a="";o?i.forEach(function(t){a+=s[t]+" "}):a=s[e.text],t("<option>",{value:s[e.value],text:a,selected:!0===n.some(function(t){return t[e.value]===s[e.value]})}).appendTo(e.element)}),l(e)})}function n(e){var n=t(e.parentElement+" .unselected"),l=t(e.parentElement+" .selected");t(e.parentElement).unbind("onMoveLeft, onMoveRight").bind("onMoveLeft",e.onMoveLeft).bind("onMoveRight",e.onMoveRight).find("button").bind("click",function(){switch(t(this).data("type")){case"str":o=n.find("option:selected").appendTo(l);t(e.parentElement).trigger("onMoveRight",[o]),t(this).prop("disabled",!0);break;case"atr":if(n.find("option").length>=e.maxAllBtn&&confirm(e.warning)||n.find("option").length<e.maxAllBtn){o=n.find("option").filter(":visible");t(e.parentElement).trigger("onMoveRight",[o]),o.each(function(){t(this).isVisible()&&t(this).remove().appendTo(l)})}break;case"stl":o=l.find("option:selected").remove().appendTo(n);t(e.parentElement).trigger("onMoveLeft",[o]),t(this).prop("disabled",!0);break;case"atl":if(l.find("option").length>=e.maxAllBtn&&confirm(e.warning)||l.find("option").length<e.maxAllBtn){var o=l.find("option").filter(":visible");t(e.parentElement).trigger("onMoveLeft",[o]),o.each(function(){t(this).isVisible()&&t(this).remove().appendTo(n)})}}n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).filter(function(){return e.sort}).sortOptions(),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).filter(function(){return e.sort}).sortOptions(),c(e)}),t(e.parentElement).closest("form").submit(function(){l.find("option").prop("selected",!0)}),t(e.parentElement).find('input[type="text"]').keypress(function(t){13===t.which&&event.preventDefault()}),l.filterByText(t(e.parentElement+" .filter-selected"),e.timeout,e.parentElement).scrollTop(0).filter(function(){return e.sort}).sortOptions(),n.filterByText(t(e.parentElement+" .filter-unselected"),e.timeout,e.parentElement).scrollTop(0).filter(function(){return e.sort}).sortOptions()}function l(t){i(t),p(t),n(t)}function o(e){var n=0,l=0;t(e+" .unselected").find("option").each(function(){t(this).isVisible()&&n++}),t(e+" .selected").find("option").each(function(){t(this).isVisible()&&l++}),t(e+" .unselected-count").text(n),t(e+" .selected-count").text(l),r(e)}function i(e){t(e.element).parent().attr("id",e.parent),t(e.parentElement).addClass("row").append((0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="unselected-title"></span> <small>- showing <span class="unselected-count"></span></small></h4>       <input class="filter form-control filter-unselected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":s(1,e.moveAllBtn))+'       <select class="unselected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'+(0==e.horizontal?a(e.moveAllBtn):"")+(0==e.horizontal?'   <div class="col-md-5">':'   <div class="col-md-6">')+'       <h4><span class="selected-title"></span> <small>- showing <span class="selected-count"></span></small></h4>       <input class="filter form-control filter-selected" type="text" placeholder="Filter" style="margin-bottom: 5px;">'+(0==e.horizontal?"":s(2,e.moveAllBtn))+'       <select class="selected '+e.selectClass+'" style="height: 200px; width: 100%;" multiple></select>   </div>'),t(e.parentElement+" .selected").prop("name",t(e.element).prop("name")),t(e.parentElement+" .unselected-title").text("Available "+e.title),t(e.parentElement+" .selected-title").text("Selected "+e.title)}function s(t,e){return 1==t?(e?'       <button type="button" class="btn btn-default atr" data-type="atr" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default '+(e?"pull-right col-md-6":"col-md-12")+' str" data-type="str" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>':'       <button type="button" class="btn btn-default '+(e?"col-md-6":"col-md-12")+' stl" data-type="stl" style="margin-bottom: 5px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(e?'       <button type="button" class="btn btn-default col-md-6 pull-right atl" data-type="atl" style="margin-bottom: 5px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")}function a(t){return'   <div class="col-md-2 center-block" style="margin-top: '+(t?"80px":"130px")+'">'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atr" data-type="atr" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-list"></span> <span class="glyphicon glyphicon-chevron-right"></span></button>':"")+'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 str" data-type="str" style="margin-bottom: 20px;" disabled><span class="glyphicon glyphicon-chevron-right"></span></button>       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 stl" data-type="stl" style="margin-bottom: 10px;" disabled><span class="glyphicon glyphicon-chevron-left"></span></button>'+(t?'       <button type="button" class="btn btn-default col-md-8 col-md-offset-2 atl" data-type="atl" style="margin-bottom: 10px;"><span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-list"></span></button>':"")+"   </div>"}function c(e){t(e.parentElement+" .unselected").find("option:selected").prop("selected",!1),t(e.parentElement+" .selected").find("option:selected").prop("selected",!1),t(e.parentElement+" .filter").val(""),t(e.parentElement+" select").find("option").each(function(){t(this).show()}),o(e.parentElement)}function p(e){var n=!1;t(e.element).find("option").text(function(l,o){if(t(this).data("title",o),o.length>e.textLength)return n=!0,o.substr(0,e.textLength)+"..."}).each(function(){n&&t(this).prop("title",t(this).data("title")),t(this).is(":selected")?t(this).appendTo(e.parentElement+" .selected"):t(this).appendTo(e.parentElement+" .unselected")}),t(e.element).remove(),c(e)}function r(e){t(e+" .unselected").change(function(){t(e+" .str").prop("disabled",!1)}),t(e+" .selected").change(function(){t(e+" .stl").prop("disabled",!1)}),0==t(e+" .unselected").has("option").length?(t(e+" .atr").prop("disabled",!0),t(e+" .str").prop("disabled",!0)):t(e+" .atr").prop("disabled",!1),0==t(e+" .selected").has("option").length?(t(e+" .atl").prop("disabled",!0),t(e+" .stl").prop("disabled",!0)):t(e+" .atl").prop("disabled",!1)}t.fn.DualListBox=function(n,o){return this.each(function(){var i={element:t(this).context,uri:"local.json",value:"id",text:"name",title:"Example",json:!0,timeout:500,horizontal:!1,textLength:45,moveAllBtn:!0,maxAllBtn:500,selectClass:"form-control",warning:"Are you sure you want to move this many items? Doing so can cause your browser to become unresponsive.",sort:!0,onMoveLeft:function(t,e){},onMoveRight:function(t,e){}},s={element:t(this).context,uri:t(this).data("source"),value:t(this).data("value"),text:t(this).data("text"),title:t(this).data("title"),json:t(this).data("json"),timeout:t(this).data("timeout"),horizontal:t(this).data("horizontal"),textLength:t(this).data("textLength"),moveAllBtn:t(this).data("moveAllBtn"),maxAllBtn:t(this).data("maxAllBtn"),selectClass:t(this).data("selectClass")},a=t.extend({},i,s,n);t.each(a,function(t,e){if(void 0===e||null===e)throw"DualListBox: "+t+" is undefined."}),a.parent="dual-list-box-"+a.title,a.parentElement="#"+a.parent,o=t.extend([{}],o),a.json?e(a,o):l(a)})},t.fn.filterByText=function(e,n,l){return this.each(function(){var i=this,s=[];t(i).find("option").each(function(){s.push({value:t(this).val(),text:t(this).text()})}),t(i).data("options",s),t(e).bind("change keyup",function(){d(function(){var n=t(i).data("options"),s=t.trim(t(e).val()),a=new RegExp(s,"gi");t.each(n,function(e){null===n[e].text.match(a)?t(i).find(t('option[value="'+n[e].value+'"]')).hide():t(i).find(t('option[value="'+n[e].value+'"]')).show()}),o(l)},n)})})},t.fn.isVisible=function(){return!("hidden"==t(this).css("visibility")||"none"==t(this).css("display"))},t.fn.sortOptions=function(){return this.each(function(){t(this).append(t(this).find("option").remove().sort(function(e,n){var l=t(e).text(),o=t(n).text();return l>o?1:l<o?-1:0}))})};var d=function(){var t=0;return function(e,n){clearTimeout(t),t=setTimeout(e,n)}}()}(jQuery);
\ No newline at end of file