From 00af062d5d49df95356a7d43cf25f6a3da97bdd7 Mon Sep 17 00:00:00 2001
From: B-Prod <bifprod@gmail.com>
Date: Thu, 14 Feb 2019 13:34:05 +0100
Subject: [PATCH 1/3] Allow several elements with a same target

Allow to have several elements that use the same target
Issue https://github.com/iamphill/Bootstrap-Offcanvas/issues/82
---
 src/coffee/bootstrap.offcanvas.coffee | 65 ++++++++++++++-------------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/src/coffee/bootstrap.offcanvas.coffee b/src/coffee/bootstrap.offcanvas.coffee
index d9ca8f2..4136a47 100644
--- a/src/coffee/bootstrap.offcanvas.coffee
+++ b/src/coffee/bootstrap.offcanvas.coffee
@@ -188,47 +188,52 @@
                 @target = $(target)
 
                 # Target must be available before running
-                if @target.length and !@target.hasClass 'js-offcanvas-done'
-                    # Add class to element to say it already has events
-                    @element.addClass 'js-offcanvas-has-events'
+                if @target.length
+                  
+                    # Add offcanvas behaviours once, but handle element events apart, so multiple elements can have a
+                    # same canvas target
+                    if !@target.hasClass 'js-offcanvas-done'
 
-                    # Get the location of the offcanvas menu
-                    @location = if @target.hasClass "navbar-offcanvas-right" then "right" else "left"
+                        # Get the location of the offcanvas menu
+                        @location = if @target.hasClass "navbar-offcanvas-right" then "right" else "left"
 
-                    @target.addClass if @_transformSupported() then "offcanvas-transform js-offcanvas-done" else "offcanvas-position js-offcanvas-done"
+                        @target.addClass if @_transformSupported() then "offcanvas-transform js-offcanvas-done" else "offcanvas-position js-offcanvas-done"
 
-                    # Add some data
-                    @target.data 'offcanvas', @
+                        # Add some data
+                        @target.data 'offcanvas', @
 
-                    # Click event on element
-                    @element.on "click", @_clicked
+                        # Remove then height on transition end
+                        @target.on 'transitionend', =>
+                            if @target.is ':not(.in)'
+                                @target.height ''
 
-                    # Remove then height on transition end
-                    @target.on 'transitionend', =>
-                        if @target.is ':not(.in)'
-                            @target.height ''
+                        # Click event on document
+                        $(document).on "click", @_documentClicked
 
-                    # Click event on document
-                    $(document).on "click", @_documentClicked
+                        # Should touch be added to this target
+                        if @target.hasClass 'navbar-offcanvas-touch'
+                            # Create touch class
+                            t = new OffcanvasTouch @element, @target, @location, @
 
-                    # Should touch be added to this target
-                    if @target.hasClass 'navbar-offcanvas-touch'
-                        # Create touch class
-                        t = new OffcanvasTouch @element, @target, @location, @
+                        # Get all dropdown menu links and create a class for them
+                        @target.find(".dropdown-toggle").each ->
+                            d = new OffcanvasDropdown @
 
-                    # Get all dropdown menu links and create a class for them
-                    @target.find(".dropdown-toggle").each ->
-                        d = new OffcanvasDropdown @
+                        # Listen for a triggered event
+                        @target.on 'offcanvas.toggle', (e) =>
+                            @_clicked e
 
-                    # Listen for a triggered event
-                    @target.on 'offcanvas.toggle', (e) =>
-                        @_clicked e
+                        @target.on 'offcanvas.close', (e) =>
+                            @_close e
 
-                    @target.on 'offcanvas.close', (e) =>
-                        @_close e
+                        @target.on 'offcanvas.open', (e) =>
+                            @_open e
 
-                    @target.on 'offcanvas.open', (e) =>
-                        @_open e
+                # Add class to element to say it already has events
+                @element.addClass 'js-offcanvas-has-events'
+
+                # Click event on element
+                @element.on "click", @_clicked
             else
                 # Just log a warning
                 console.warn 'Offcanvas: `data-target` attribute must be present.'

From 3601349d28a3b7a66abf45313abced8b6cf915c5 Mon Sep 17 00:00:00 2001
From: B-Prod <bifprod@gmail.com>
Date: Thu, 14 Feb 2019 13:39:34 +0100
Subject: [PATCH 2/3] Allow to have several elements that use the same target
 #82

https://github.com/iamphill/Bootstrap-Offcanvas/issues/82
---
 dist/js/bootstrap.offcanvas.js | 71 ++++++++++++++++++----------------
 1 file changed, 37 insertions(+), 34 deletions(-)

diff --git a/dist/js/bootstrap.offcanvas.js b/dist/js/bootstrap.offcanvas.js
index c6c60f8..fa8427b 100644
--- a/dist/js/bootstrap.offcanvas.js
+++ b/dist/js/bootstrap.offcanvas.js
@@ -168,42 +168,45 @@
         target = this.element.attr('data-target') ? this.element.attr('data-target') : false;
         if (target) {
           this.target = $(target);
-          if (this.target.length && !this.target.hasClass('js-offcanvas-done')) {
+          if (this.target.length) {
+            if (!this.target.hasClass('js-offcanvas-done')) {
+              this.location = this.target.hasClass("navbar-offcanvas-right") ? "right" : "left";
+              this.target.addClass(this._transformSupported() ? "offcanvas-transform js-offcanvas-done" : "offcanvas-position js-offcanvas-done");
+              this.target.data('offcanvas', this);
+              this.target.on('transitionend', (function(_this) {
+                return function() {
+                  if (_this.target.is(':not(.in)')) {
+                    return _this.target.height('');
+                  }
+                };
+              })(this));
+              $(document).on("click", this._documentClicked);
+              if (this.target.hasClass('navbar-offcanvas-touch')) {
+                t = new OffcanvasTouch(this.element, this.target, this.location, this);
+              }
+              this.target.find(".dropdown-toggle").each(function() {
+                var d;
+                return d = new OffcanvasDropdown(this);
+              });
+              this.target.on('offcanvas.toggle', (function(_this) {
+                return function(e) {
+                  return _this._clicked(e);
+                };
+              })(this));
+              this.target.on('offcanvas.close', (function(_this) {
+                return function(e) {
+                  return _this._close(e);
+                };
+              })(this));
+              this.target.on('offcanvas.open', (function(_this) {
+                return function(e) {
+                  return _this._open(e);
+                };
+              })(this));
+            }
+            
             this.element.addClass('js-offcanvas-has-events');
-            this.location = this.target.hasClass("navbar-offcanvas-right") ? "right" : "left";
-            this.target.addClass(this._transformSupported() ? "offcanvas-transform js-offcanvas-done" : "offcanvas-position js-offcanvas-done");
-            this.target.data('offcanvas', this);
             this.element.on("click", this._clicked);
-            this.target.on('transitionend', (function(_this) {
-              return function() {
-                if (_this.target.is(':not(.in)')) {
-                  return _this.target.height('');
-                }
-              };
-            })(this));
-            $(document).on("click", this._documentClicked);
-            if (this.target.hasClass('navbar-offcanvas-touch')) {
-              t = new OffcanvasTouch(this.element, this.target, this.location, this);
-            }
-            this.target.find(".dropdown-toggle").each(function() {
-              var d;
-              return d = new OffcanvasDropdown(this);
-            });
-            this.target.on('offcanvas.toggle', (function(_this) {
-              return function(e) {
-                return _this._clicked(e);
-              };
-            })(this));
-            this.target.on('offcanvas.close', (function(_this) {
-              return function(e) {
-                return _this._close(e);
-              };
-            })(this));
-            this.target.on('offcanvas.open', (function(_this) {
-              return function(e) {
-                return _this._open(e);
-              };
-            })(this));
           }
         } else {
           console.warn('Offcanvas: `data-target` attribute must be present.');

From d634bdbbc1d2c6b0eda1e69f65ddb089e921d70e Mon Sep 17 00:00:00 2001
From: Fabien Leroux <fabien.l@aion-solutions.lu>
Date: Thu, 14 Feb 2019 13:56:10 +0100
Subject: [PATCH 3/3] Allow to have several elements that use the same target.
 @see https://github.com/iamphill/Bootstrap-Offcanvas/issues/82

---
 dist/js/bootstrap.offcanvas.js        |  1 -
 dist/js/bootstrap.offcanvas.min.js    |  2 +-
 src/coffee/bootstrap.offcanvas.coffee | 10 +++++-----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/dist/js/bootstrap.offcanvas.js b/dist/js/bootstrap.offcanvas.js
index fa8427b..3a68ccf 100644
--- a/dist/js/bootstrap.offcanvas.js
+++ b/dist/js/bootstrap.offcanvas.js
@@ -204,7 +204,6 @@
                 };
               })(this));
             }
-            
             this.element.addClass('js-offcanvas-has-events');
             this.element.on("click", this._clicked);
           }
diff --git a/dist/js/bootstrap.offcanvas.min.js b/dist/js/bootstrap.offcanvas.min.js
index 413b72e..293cc48 100644
--- a/dist/js/bootstrap.offcanvas.min.js
+++ b/dist/js/bootstrap.offcanvas.min.js
@@ -21,4 +21,4 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 */
-(function(){var a=function(a,b){return function(){return a.apply(b,arguments)}};!function(b,c){var d,e,f;e=function(){function c(c){this.element=c,this._clickEvent=a(this._clickEvent,this),this.element=b(this.element),this.nav=this.element.closest(".nav"),this.dropdown=this.element.parent().find(".dropdown-menu"),this.element.on("click",this._clickEvent),this.nav.closest(".navbar-offcanvas").on("click",function(a){return function(){if(a.dropdown.is(".shown"))return a.dropdown.removeClass("shown").closest(".open").removeClass("open")}}(this))}return c.prototype._clickEvent=function(a){return this.dropdown.hasClass("shown")||a.preventDefault(),a.stopPropagation(),b(".dropdown-toggle").not(this.element).closest(".open").removeClass("open").find(".dropdown-menu").removeClass("shown"),this.dropdown.toggleClass("shown"),this.element.parent().toggleClass("open")},c}(),f=function(){function d(c,d,e,f){this.button=c,this.element=d,this.location=e,this.offcanvas=f,this._getFade=a(this._getFade,this),this._getCss=a(this._getCss,this),this._touchEnd=a(this._touchEnd,this),this._touchMove=a(this._touchMove,this),this._touchStart=a(this._touchStart,this),this.endThreshold=130,this.startThreshold=this.element.hasClass("navbar-offcanvas-right")?b("body").outerWidth()-60:20,this.maxStartThreshold=this.element.hasClass("navbar-offcanvas-right")?b("body").outerWidth()-20:60,this.currentX=0,this.fade=!!this.element.hasClass("navbar-offcanvas-fade"),b(document).on("touchstart",this._touchStart),b(document).on("touchmove",this._touchMove),b(document).on("touchend",this._touchEnd)}return d.prototype._touchStart=function(a){if(this.startX=a.originalEvent.touches[0].pageX,this.element.is(".in"))return this.element.height(b(c).outerHeight())},d.prototype._touchMove=function(a){var c;if(b(a.target).parents(".navbar-offcanvas").length>0)return!0;if(this.startX>this.startThreshold&&this.startX<this.maxStartThreshold){if(a.preventDefault(),c=a.originalEvent.touches[0].pageX-this.startX,c=this.element.hasClass("navbar-offcanvas-right")?-c:c,Math.abs(c)<this.element.outerWidth())return this.element.css(this._getCss(c)),this.element.css(this._getFade(c))}else if(this.element.hasClass("in")&&(a.preventDefault(),c=a.originalEvent.touches[0].pageX+(this.currentX-this.startX),c=this.element.hasClass("navbar-offcanvas-right")?-c:c,Math.abs(c)<this.element.outerWidth()))return this.element.css(this._getCss(c)),this.element.css(this._getFade(c))},d.prototype._touchEnd=function(a){var c,d,e;return b(a.target).parents(".navbar-offcanvas").length>0||(d=!1,e=a.originalEvent.changedTouches[0].pageX,Math.abs(e)!==this.startX?(c=this.element.hasClass("navbar-offcanvas-right")?Math.abs(e)>this.endThreshold+50:e<this.endThreshold+50,this.element.hasClass("in")&&c?(this.currentX=0,this.element.removeClass("in").css(this._clearCss()),this.button.removeClass("is-open"),d=!0):Math.abs(e-this.startX)>this.endThreshold&&this.startX>this.startThreshold&&this.startX<this.maxStartThreshold?(this.currentX=this.element.hasClass("navbar-offcanvas-right")?-this.element.outerWidth():this.element.outerWidth(),this.element.toggleClass("in").css(this._clearCss()),this.button.toggleClass("is-open"),d=!0):this.element.css(this._clearCss()),this.offcanvas.bodyOverflow(d)):void 0)},d.prototype._getCss=function(a){return a=this.element.hasClass("navbar-offcanvas-right")?-a:a,{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-webkit-transition-duration":"0s","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transition":"0s","-o-transform":"translate3d("+a+"px, 0px, 0px)","-o-transition":"0s",transform:"translate3d("+a+"px, 0px, 0px)",transition:"0s"}},d.prototype._getFade=function(a){return this.fade?{opacity:a/this.element.outerWidth()}:{}},d.prototype._clearCss=function(){return{"-webkit-transform":"","-webkit-transition-duration":"","-moz-transform":"","-moz-transition":"","-o-transform":"","-o-transition":"",transform:"",transition:"",opacity:""}},d}(),c.Offcanvas=d=function(){function d(c){var d;this.element=c,this.bodyOverflow=a(this.bodyOverflow,this),this._sendEventsAfter=a(this._sendEventsAfter,this),this._sendEventsBefore=a(this._sendEventsBefore,this),this._documentClicked=a(this._documentClicked,this),this._close=a(this._close,this),this._open=a(this._open,this),this._clicked=a(this._clicked,this),this._navbarHeight=a(this._navbarHeight,this),d=!!this.element.attr("data-target")&&this.element.attr("data-target"),d?(this.target=b(d),this.target.length&&!this.target.hasClass("js-offcanvas-done")&&(this.element.addClass("js-offcanvas-has-events"),this.location=this.target.hasClass("navbar-offcanvas-right")?"right":"left",this.target.addClass(this._transformSupported()?"offcanvas-transform js-offcanvas-done":"offcanvas-position js-offcanvas-done"),this.target.data("offcanvas",this),this.element.on("click",this._clicked),this.target.on("transitionend",function(a){return function(){if(a.target.is(":not(.in)"))return a.target.height("")}}(this)),b(document).on("click",this._documentClicked),this.target.hasClass("navbar-offcanvas-touch")&&new f(this.element,this.target,this.location,this),this.target.find(".dropdown-toggle").each(function(){return new e(this)}),this.target.on("offcanvas.toggle",function(a){return function(b){return a._clicked(b)}}(this)),this.target.on("offcanvas.close",function(a){return function(b){return a._close(b)}}(this)),this.target.on("offcanvas.open",function(a){return function(b){return a._open(b)}}(this)))):console.warn("Offcanvas: `data-target` attribute must be present.")}return d.prototype._navbarHeight=function(){if(this.target.is(".in"))return this.target.height(b(c).outerHeight())},d.prototype._clicked=function(a){return a.preventDefault(),this._sendEventsBefore(),b(".navbar-offcanvas").not(this.target).trigger("offcanvas.close"),this.target.toggleClass("in"),this.element.toggleClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._open=function(a){if(a.preventDefault(),!this.target.is(".in"))return this._sendEventsBefore(),this.target.addClass("in"),this.element.addClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._close=function(a){if(a.preventDefault(),!this.target.is(":not(.in)"))return this._sendEventsBefore(),this.target.removeClass("in"),this.element.removeClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._documentClicked=function(a){var c;if(c=b(a.target),!c.hasClass("offcanvas-toggle")&&0===c.parents(".offcanvas-toggle").length&&0===c.parents(".navbar-offcanvas").length&&!c.hasClass("navbar-offcanvas")&&this.target.hasClass("in"))return a.preventDefault(),this._sendEventsBefore(),this.target.removeClass("in"),this.element.removeClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._sendEventsBefore=function(){return this.target.hasClass("in")?this.target.trigger("hide.bs.offcanvas"):this.target.trigger("show.bs.offcanvas")},d.prototype._sendEventsAfter=function(){return this.target.hasClass("in")?this.target.trigger("shown.bs.offcanvas"):this.target.trigger("hidden.bs.offcanvas")},d.prototype.bodyOverflow=function(a){if(null==a&&(a=!0),this.target.is(".in")?b("body").addClass("offcanvas-stop-scrolling"):b("body").removeClass("offcanvas-stop-scrolling"),a)return this._sendEventsAfter()},d.prototype._transformSupported=function(){var a,b,c,d;return b=document.createElement("div"),d="translate3d(0px, 0px, 0px)",c=/translate3d\(0px, 0px, 0px\)/g,b.style.cssText="-webkit-transform: "+d+"; -moz-transform: "+d+"; -o-transform: "+d+"; transform: "+d,a=b.style.cssText.match(c),null!=a.length},d}(),b.fn.bsOffcanvas=function(){return this.each(function(){return new d(b(this))})},b(function(){return b('[data-toggle="offcanvas"]').each(function(){return b(this).bsOffcanvas()}),b(c).on("resize",function(){return b(".navbar-offcanvas.in").each(function(){return b(this).height("").removeClass("in")}),b(".offcanvas-toggle").removeClass("is-open"),b("body").removeClass("offcanvas-stop-scrolling")}),b(".offcanvas-toggle").each(function(){return b(this).on("click",function(a){var c,d;if(!b(this).hasClass("js-offcanvas-has-events")&&(d=b(this).attr("data-target"),c=b(d)))return c.height(""),c.removeClass("in"),b("body").css({overflow:"",position:""})})})})}(window.jQuery,window)}).call(this);
\ No newline at end of file
+(function(){var a=function(a,b){return function(){return a.apply(b,arguments)}};!function(b,c){var d,e,f;e=function(){function c(c){this.element=c,this._clickEvent=a(this._clickEvent,this),this.element=b(this.element),this.nav=this.element.closest(".nav"),this.dropdown=this.element.parent().find(".dropdown-menu"),this.element.on("click",this._clickEvent),this.nav.closest(".navbar-offcanvas").on("click",function(a){return function(){if(a.dropdown.is(".shown"))return a.dropdown.removeClass("shown").closest(".open").removeClass("open")}}(this))}return c.prototype._clickEvent=function(a){return this.dropdown.hasClass("shown")||a.preventDefault(),a.stopPropagation(),b(".dropdown-toggle").not(this.element).closest(".open").removeClass("open").find(".dropdown-menu").removeClass("shown"),this.dropdown.toggleClass("shown"),this.element.parent().toggleClass("open")},c}(),f=function(){function d(c,d,e,f){this.button=c,this.element=d,this.location=e,this.offcanvas=f,this._getFade=a(this._getFade,this),this._getCss=a(this._getCss,this),this._touchEnd=a(this._touchEnd,this),this._touchMove=a(this._touchMove,this),this._touchStart=a(this._touchStart,this),this.endThreshold=130,this.startThreshold=this.element.hasClass("navbar-offcanvas-right")?b("body").outerWidth()-60:20,this.maxStartThreshold=this.element.hasClass("navbar-offcanvas-right")?b("body").outerWidth()-20:60,this.currentX=0,this.fade=!!this.element.hasClass("navbar-offcanvas-fade"),b(document).on("touchstart",this._touchStart),b(document).on("touchmove",this._touchMove),b(document).on("touchend",this._touchEnd)}return d.prototype._touchStart=function(a){if(this.startX=a.originalEvent.touches[0].pageX,this.element.is(".in"))return this.element.height(b(c).outerHeight())},d.prototype._touchMove=function(a){var c;if(b(a.target).parents(".navbar-offcanvas").length>0)return!0;if(this.startX>this.startThreshold&&this.startX<this.maxStartThreshold){if(a.preventDefault(),c=a.originalEvent.touches[0].pageX-this.startX,c=this.element.hasClass("navbar-offcanvas-right")?-c:c,Math.abs(c)<this.element.outerWidth())return this.element.css(this._getCss(c)),this.element.css(this._getFade(c))}else if(this.element.hasClass("in")&&(a.preventDefault(),c=a.originalEvent.touches[0].pageX+(this.currentX-this.startX),c=this.element.hasClass("navbar-offcanvas-right")?-c:c,Math.abs(c)<this.element.outerWidth()))return this.element.css(this._getCss(c)),this.element.css(this._getFade(c))},d.prototype._touchEnd=function(a){var c,d,e;return b(a.target).parents(".navbar-offcanvas").length>0||(d=!1,e=a.originalEvent.changedTouches[0].pageX,Math.abs(e)!==this.startX?(c=this.element.hasClass("navbar-offcanvas-right")?Math.abs(e)>this.endThreshold+50:e<this.endThreshold+50,this.element.hasClass("in")&&c?(this.currentX=0,this.element.removeClass("in").css(this._clearCss()),this.button.removeClass("is-open"),d=!0):Math.abs(e-this.startX)>this.endThreshold&&this.startX>this.startThreshold&&this.startX<this.maxStartThreshold?(this.currentX=this.element.hasClass("navbar-offcanvas-right")?-this.element.outerWidth():this.element.outerWidth(),this.element.toggleClass("in").css(this._clearCss()),this.button.toggleClass("is-open"),d=!0):this.element.css(this._clearCss()),this.offcanvas.bodyOverflow(d)):void 0)},d.prototype._getCss=function(a){return a=this.element.hasClass("navbar-offcanvas-right")?-a:a,{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-webkit-transition-duration":"0s","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transition":"0s","-o-transform":"translate3d("+a+"px, 0px, 0px)","-o-transition":"0s",transform:"translate3d("+a+"px, 0px, 0px)",transition:"0s"}},d.prototype._getFade=function(a){return this.fade?{opacity:a/this.element.outerWidth()}:{}},d.prototype._clearCss=function(){return{"-webkit-transform":"","-webkit-transition-duration":"","-moz-transform":"","-moz-transition":"","-o-transform":"","-o-transition":"",transform:"",transition:"",opacity:""}},d}(),c.Offcanvas=d=function(){function d(c){var d;this.element=c,this.bodyOverflow=a(this.bodyOverflow,this),this._sendEventsAfter=a(this._sendEventsAfter,this),this._sendEventsBefore=a(this._sendEventsBefore,this),this._documentClicked=a(this._documentClicked,this),this._close=a(this._close,this),this._open=a(this._open,this),this._clicked=a(this._clicked,this),this._navbarHeight=a(this._navbarHeight,this),d=!!this.element.attr("data-target")&&this.element.attr("data-target"),d?(this.target=b(d),this.target.length&&(this.target.hasClass("js-offcanvas-done")||(this.location=this.target.hasClass("navbar-offcanvas-right")?"right":"left",this.target.addClass(this._transformSupported()?"offcanvas-transform js-offcanvas-done":"offcanvas-position js-offcanvas-done"),this.target.data("offcanvas",this),this.target.on("transitionend",function(a){return function(){if(a.target.is(":not(.in)"))return a.target.height("")}}(this)),b(document).on("click",this._documentClicked),this.target.hasClass("navbar-offcanvas-touch")&&new f(this.element,this.target,this.location,this),this.target.find(".dropdown-toggle").each(function(){return new e(this)}),this.target.on("offcanvas.toggle",function(a){return function(b){return a._clicked(b)}}(this)),this.target.on("offcanvas.close",function(a){return function(b){return a._close(b)}}(this)),this.target.on("offcanvas.open",function(a){return function(b){return a._open(b)}}(this))),this.element.addClass("js-offcanvas-has-events"),this.element.on("click",this._clicked))):console.warn("Offcanvas: `data-target` attribute must be present.")}return d.prototype._navbarHeight=function(){if(this.target.is(".in"))return this.target.height(b(c).outerHeight())},d.prototype._clicked=function(a){return a.preventDefault(),this._sendEventsBefore(),b(".navbar-offcanvas").not(this.target).trigger("offcanvas.close"),this.target.toggleClass("in"),this.element.toggleClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._open=function(a){if(a.preventDefault(),!this.target.is(".in"))return this._sendEventsBefore(),this.target.addClass("in"),this.element.addClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._close=function(a){if(a.preventDefault(),!this.target.is(":not(.in)"))return this._sendEventsBefore(),this.target.removeClass("in"),this.element.removeClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._documentClicked=function(a){var c;if(c=b(a.target),!c.hasClass("offcanvas-toggle")&&0===c.parents(".offcanvas-toggle").length&&0===c.parents(".navbar-offcanvas").length&&!c.hasClass("navbar-offcanvas")&&this.target.hasClass("in"))return a.preventDefault(),this._sendEventsBefore(),this.target.removeClass("in"),this.element.removeClass("is-open"),this._navbarHeight(),this.bodyOverflow()},d.prototype._sendEventsBefore=function(){return this.target.hasClass("in")?this.target.trigger("hide.bs.offcanvas"):this.target.trigger("show.bs.offcanvas")},d.prototype._sendEventsAfter=function(){return this.target.hasClass("in")?this.target.trigger("shown.bs.offcanvas"):this.target.trigger("hidden.bs.offcanvas")},d.prototype.bodyOverflow=function(a){if(null==a&&(a=!0),this.target.is(".in")?b("body").addClass("offcanvas-stop-scrolling"):b("body").removeClass("offcanvas-stop-scrolling"),a)return this._sendEventsAfter()},d.prototype._transformSupported=function(){var a,b,c,d;return b=document.createElement("div"),d="translate3d(0px, 0px, 0px)",c=/translate3d\(0px, 0px, 0px\)/g,b.style.cssText="-webkit-transform: "+d+"; -moz-transform: "+d+"; -o-transform: "+d+"; transform: "+d,a=b.style.cssText.match(c),null!=a.length},d}(),b.fn.bsOffcanvas=function(){return this.each(function(){return new d(b(this))})},b(function(){return b('[data-toggle="offcanvas"]').each(function(){return b(this).bsOffcanvas()}),b(c).on("resize",function(){return b(".navbar-offcanvas.in").each(function(){return b(this).height("").removeClass("in")}),b(".offcanvas-toggle").removeClass("is-open"),b("body").removeClass("offcanvas-stop-scrolling")}),b(".offcanvas-toggle").each(function(){return b(this).on("click",function(a){var c,d;if(!b(this).hasClass("js-offcanvas-has-events")&&(d=b(this).attr("data-target"),c=b(d)))return c.height(""),c.removeClass("in"),b("body").css({overflow:"",position:""})})})})}(window.jQuery,window)}).call(this);
\ No newline at end of file
diff --git a/src/coffee/bootstrap.offcanvas.coffee b/src/coffee/bootstrap.offcanvas.coffee
index 4136a47..5266402 100644
--- a/src/coffee/bootstrap.offcanvas.coffee
+++ b/src/coffee/bootstrap.offcanvas.coffee
@@ -189,7 +189,7 @@
 
                 # Target must be available before running
                 if @target.length
-                  
+
                     # Add offcanvas behaviours once, but handle element events apart, so multiple elements can have a
                     # same canvas target
                     if !@target.hasClass 'js-offcanvas-done'
@@ -229,11 +229,11 @@
                         @target.on 'offcanvas.open', (e) =>
                             @_open e
 
-                # Add class to element to say it already has events
-                @element.addClass 'js-offcanvas-has-events'
+                    # Add class to element to say it already has events
+                    @element.addClass 'js-offcanvas-has-events'
 
-                # Click event on element
-                @element.on "click", @_clicked
+                    # Click event on element
+                    @element.on "click", @_clicked
             else
                 # Just log a warning
                 console.warn 'Offcanvas: `data-target` attribute must be present.'