Merge pull request #57 from dnasir/Issue#47

Issue#47

Author: dnasir

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-cascading-dropdown",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "homepage": "https://github.com/dnasir/jquery-cascading-dropdown",
   "authors": [
     "Dzulqarnain Nasir <[email protected]>"

dist/jquery.cascadingdropdown.js

@@ -1,14 +1,4 @@
-/*! 
- *   jQuery Cascading Dropdown Plugin 1.2.6
- *   https://github.com/dnasir/jquery-cascading-dropdown
- *
- *   Copyright 2015, Dzulqarnain Nasir
- *   http://dnasir.com
- *
- *   Licensed under the MIT license:
- *   http://www.opensource.org/licenses/MIT
- */
-
+/*! jquery-cascading-dropdown 1.2.7 | (c) 2016 Dzulqarnain Nasir <[email protected]> | MIT */
 (function ($, undefined) {
     'use strict';
 
@@ -34,6 +24,8 @@
 
             self.pending = 0;
             self.initialised = false;
+            self.initialState = self.el.clone(true);
+            self.el.data('plugin_cascadingDropdown', this);
             self.originalDropdownItems = self.el.children('option');
 
             // Init event handlers
@@ -68,6 +60,11 @@
             // Call update
             self.update();
         },
+        
+        // Destroys the instance and reverts everything back to initial state
+        _destroy: function() {
+            this.el.replaceWith(this.initialState).removeData('plugin_cascadingDropdown');
+        },
 
         // Enables the dropdown
         enable: function() {
@@ -365,16 +362,23 @@
                 // Create the instance
                 var instance = new Dropdown(this, self);
 
-                // Assign it to the element as a data property
-                $(this.selector, self.el).data('plugin_cascadingDropdown', instance);
-
                 // Insert it into the dropdown instance array
                 self.dropdowns.push(instance);
 
                 // Call the create method
                 instance._create();
             });
         },
+        
+        // Destroys the instance and reverts everything back to its initial state 
+        destroy: function() {
+            $.each(this.dropdowns, function(index, item){
+                item._destroy();
+            });
+            this.el.removeData('plugin_cascadingDropdown');
+            
+            return this.el;
+        },
 
         // Fetches the values from all dropdowns in this group
         getValues: function() {

dist/jquery.cascadingdropdown.min.js

@@ -1,15 +1,21 @@
 var gulp = require('gulp');
-var uglifyjs = require('gulp-uglifyjs');
+var uglify = require('gulp-uglify');
 var header = require('gulp-header');
+var sourcemaps = require('gulp-sourcemaps');
+var rename = require('gulp-rename');
 var pkg = require('./package.json');
 
-var banner = '/*! <%= pkg.name %> <%= pkg.version %> | (c) 2015 <%= pkg.author %> | <%= pkg.license %> */\n';
+var year = new Date().getFullYear();
+var banner = '/*! <%= pkg.name %> <%= pkg.version %> | (c) ' + year + ' <%= pkg.author %> | <%= pkg.license %> */\n';
 
 gulp.task('js', function() {
     gulp.src('src/jquery.cascadingdropdown.js')
-        .pipe(gulp.dest('dist/'))
-        .pipe(uglifyjs('jquery.cascadingdropdown.min.js', { outSourceMap: true }))
         .pipe(header(banner, { pkg: pkg }))
+        .pipe(gulp.dest('dist/'))
+        .pipe(rename('jquery.cascadingdropdown.min.js'))
+        .pipe(sourcemaps.init())
+        .pipe(uglify({ preserveComments: 'license' }))        
+        .pipe(sourcemaps.write('./'))
         .pipe(gulp.dest('dist/'));
 });
 

dist/jquery.cascadingdropdown.min.js.map

@@ -1,6 +1,6 @@
 {
   "name": "jquery-cascading-dropdown",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "A simple and lighweight jQuery plugin for creating cascading dropdowns.",
   "main": "dist/jquery.cascadingdropdown.js",
   "scripts": {
@@ -23,8 +23,10 @@
   "homepage": "https://github.com/dnasir/jquery-cascading-dropdown",
   "dependencies": {},
   "devDependencies": {
-    "gulp": "~3.8.11",
-    "gulp-uglifyjs": "~0.6.1",
-    "gulp-header": "~1.2.2"
+    "gulp": "^3.9.1",
+    "gulp-uglify": "^1.5.3",
+    "gulp-header": "^1.7.1",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-rename": "^1.2.2"
   }
 }

gulpfile.js

@@ -1,14 +1,3 @@
-/*! 
- *   jQuery Cascading Dropdown Plugin 1.2.6
- *   https://github.com/dnasir/jquery-cascading-dropdown
- *
- *   Copyright 2015, Dzulqarnain Nasir
- *   http://dnasir.com
- *
- *   Licensed under the MIT license:
- *   http://www.opensource.org/licenses/MIT
- */
-
 (function ($, undefined) {
     'use strict';
 
@@ -34,6 +23,8 @@
 
             self.pending = 0;
             self.initialised = false;
+            self.initialState = self.el.clone(true);
+            self.el.data('plugin_cascadingDropdown', this);
             self.originalDropdownItems = self.el.children('option');
 
             // Init event handlers
@@ -68,6 +59,11 @@
             // Call update
             self.update();
         },
+        
+        // Destroys the instance and reverts everything back to initial state
+        _destroy: function() {
+            this.el.replaceWith(this.initialState).removeData('plugin_cascadingDropdown');
+        },
 
         // Enables the dropdown
         enable: function() {
@@ -365,16 +361,23 @@
                 // Create the instance
                 var instance = new Dropdown(this, self);
 
-                // Assign it to the element as a data property
-                $(this.selector, self.el).data('plugin_cascadingDropdown', instance);
-
                 // Insert it into the dropdown instance array
                 self.dropdowns.push(instance);
 
                 // Call the create method
                 instance._create();
             });
         },
+        
+        // Destroys the instance and reverts everything back to its initial state 
+        destroy: function() {
+            $.each(this.dropdowns, function(index, item){
+                item._destroy();
+            });
+            this.el.removeData('plugin_cascadingDropdown');
+            
+            return this.el;
+        },
 
         // Fetches the values from all dropdowns in this group
         getValues: function() {