catscope 0.1.0 → 0.1.1

data/assets/bower_components/foundation/js/foundation/foundation.offcanvas.js

@@ -4,11 +4,11 @@
   Foundation.libs.offcanvas = {
     name : 'offcanvas',
 
-    version : '5.5.0',
+    version : '5.5.3',
 
     settings : {
-      open_method: 'move',
-      close_on_click: false
+      open_method : 'move',
+      close_on_click : false
     },
 
     init : function (scope, method, options) {
@@ -20,16 +20,22 @@
           S = self.S,
           move_class = '',
           right_postfix = '',
-          left_postfix = '';
+          left_postfix = '',
+          top_postfix = '',
+          bottom_postfix = '';
 
       if (this.settings.open_method === 'move') {
         move_class = 'move-';
         right_postfix = 'right';
         left_postfix = 'left';
+        top_postfix = 'top';
+        bottom_postfix = 'bottom';
       } else if (this.settings.open_method === 'overlap_single') {
         move_class = 'offcanvas-overlap-';
         right_postfix = 'right';
         left_postfix = 'left';
+        top_postfix = 'top';
+        bottom_postfix = 'bottom';
       } else if (this.settings.open_method === 'overlap') {
         move_class = 'offcanvas-overlap';
       }
@@ -37,7 +43,7 @@
       S(this.scope).off('.offcanvas')
         .on('click.fndtn.offcanvas', '.left-off-canvas-toggle', function (e) {
           self.click_toggle_class(e, move_class + right_postfix);
-          if (self.settings.open_method !== 'overlap'){
+          if (self.settings.open_method !== 'overlap') {
             S('.left-submenu').removeClass(move_class + right_postfix);
           }
           $('.left-off-canvas-toggle').attr('aria-expanded', 'true');
@@ -46,21 +52,22 @@
           var settings = self.get_settings(e);
           var parent = S(this).parent();
 
-          if(settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')){
+          if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) {
             self.hide.call(self, move_class + right_postfix, self.get_wrapper(e));
             parent.parent().removeClass(move_class + right_postfix);
-          }else if(S(this).parent().hasClass('has-submenu')){
+          } else if (S(this).parent().hasClass('has-submenu')) {
             e.preventDefault();
             S(this).siblings('.left-submenu').toggleClass(move_class + right_postfix);
-          }else if(parent.hasClass('back')){
+          } else if (parent.hasClass('back')) {
             e.preventDefault();
             parent.parent().removeClass(move_class + right_postfix);
           }
           $('.left-off-canvas-toggle').attr('aria-expanded', 'true');
         })
+        //end of left canvas
         .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) {
           self.click_toggle_class(e, move_class + left_postfix);
-          if (self.settings.open_method !== 'overlap'){
+          if (self.settings.open_method !== 'overlap') {
             S('.right-submenu').removeClass(move_class + left_postfix);
           }
           $('.right-off-canvas-toggle').attr('aria-expanded', 'true');
@@ -69,22 +76,71 @@
           var settings = self.get_settings(e);
           var parent = S(this).parent();
 
-          if(settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')){
+          if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) {
             self.hide.call(self, move_class + left_postfix, self.get_wrapper(e));
             parent.parent().removeClass(move_class + left_postfix);
-          }else if(S(this).parent().hasClass('has-submenu')){
+          } else if (S(this).parent().hasClass('has-submenu')) {
             e.preventDefault();
             S(this).siblings('.right-submenu').toggleClass(move_class + left_postfix);
-          }else if(parent.hasClass('back')){
+          } else if (parent.hasClass('back')) {
             e.preventDefault();
             parent.parent().removeClass(move_class + left_postfix);
           }
           $('.right-off-canvas-toggle').attr('aria-expanded', 'true');
         })
+        //end of right canvas
+        .on('click.fndtn.offcanvas', '.top-off-canvas-toggle', function (e) {
+          self.click_toggle_class(e, move_class + bottom_postfix);
+          if (self.settings.open_method !== 'overlap') {
+            S('.top-submenu').removeClass(move_class + bottom_postfix);
+          }
+          $('.top-off-canvas-toggle').attr('aria-expanded', 'true');
+        })
+        .on('click.fndtn.offcanvas', '.top-off-canvas-menu a', function (e) {
+          var settings = self.get_settings(e);
+          var parent = S(this).parent();
+
+          if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) {
+            self.hide.call(self, move_class + bottom_postfix, self.get_wrapper(e));
+            parent.parent().removeClass(move_class + bottom_postfix);
+          } else if (S(this).parent().hasClass('has-submenu')) {
+            e.preventDefault();
+            S(this).siblings('.top-submenu').toggleClass(move_class + bottom_postfix);
+          } else if (parent.hasClass('back')) {
+            e.preventDefault();
+            parent.parent().removeClass(move_class + bottom_postfix);
+          }
+          $('.top-off-canvas-toggle').attr('aria-expanded', 'true');
+        })
+        //end of top canvas
+        .on('click.fndtn.offcanvas', '.bottom-off-canvas-toggle', function (e) {
+          self.click_toggle_class(e, move_class + top_postfix);
+          if (self.settings.open_method !== 'overlap') {
+            S('.bottom-submenu').removeClass(move_class + top_postfix);
+          }
+          $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true');
+        })
+        .on('click.fndtn.offcanvas', '.bottom-off-canvas-menu a', function (e) {
+          var settings = self.get_settings(e);
+          var parent = S(this).parent();
+
+          if (settings.close_on_click && !parent.hasClass('has-submenu') && !parent.hasClass('back')) {
+            self.hide.call(self, move_class + top_postfix, self.get_wrapper(e));
+            parent.parent().removeClass(move_class + top_postfix);
+          } else if (S(this).parent().hasClass('has-submenu')) {
+            e.preventDefault();
+            S(this).siblings('.bottom-submenu').toggleClass(move_class + top_postfix);
+          } else if (parent.hasClass('back')) {
+            e.preventDefault();
+            parent.parent().removeClass(move_class + top_postfix);
+          }
+          $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true');
+        })
+        //end of bottom
         .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) {
           self.click_remove_class(e, move_class + left_postfix);
           S('.right-submenu').removeClass(move_class + left_postfix);
-          if (right_postfix){
+          if (right_postfix) {
             self.click_remove_class(e, move_class + right_postfix);
             S('.left-submenu').removeClass(move_class + left_postfix);
           }
@@ -97,10 +153,27 @@
             self.click_remove_class(e, move_class + right_postfix);
             $('.right-off-canvas-toggle').attr('aria-expanded', 'false');
           }
+        })
+        .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) {
+          self.click_remove_class(e, move_class + top_postfix);
+          S('.bottom-submenu').removeClass(move_class + top_postfix);
+          if (bottom_postfix) {
+            self.click_remove_class(e, move_class + bottom_postfix);
+            S('.top-submenu').removeClass(move_class + top_postfix);
+          }
+          $('.bottom-off-canvas-toggle').attr('aria-expanded', 'true');
+        })
+        .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) {
+          self.click_remove_class(e, move_class + top_postfix);
+          $('.top-off-canvas-toggle').attr('aria-expanded', 'false');
+          if (bottom_postfix) {
+            self.click_remove_class(e, move_class + bottom_postfix);
+            $('.bottom-off-canvas-toggle').attr('aria-expanded', 'false');
+          }
         });
     },
 
-    toggle: function(class_name, $off_canvas) {
+    toggle : function (class_name, $off_canvas) {
       $off_canvas = $off_canvas || this.get_wrapper();
       if ($off_canvas.is('.' + class_name)) {
         this.hide(class_name, $off_canvas);
@@ -109,36 +182,36 @@
       }
     },
 
-    show: function(class_name, $off_canvas) {
+    show : function (class_name, $off_canvas) {
       $off_canvas = $off_canvas || this.get_wrapper();
-      $off_canvas.trigger('open').trigger('open.fndtn.offcanvas');
+      $off_canvas.trigger('open.fndtn.offcanvas');
       $off_canvas.addClass(class_name);
     },
 
-    hide: function(class_name, $off_canvas) {
+    hide : function (class_name, $off_canvas) {
       $off_canvas = $off_canvas || this.get_wrapper();
-      $off_canvas.trigger('close').trigger('close.fndtn.offcanvas');
+      $off_canvas.trigger('close.fndtn.offcanvas');
       $off_canvas.removeClass(class_name);
     },
 
-    click_toggle_class: function(e, class_name) {
+    click_toggle_class : function (e, class_name) {
       e.preventDefault();
       var $off_canvas = this.get_wrapper(e);
       this.toggle(class_name, $off_canvas);
     },
 
-    click_remove_class: function(e, class_name) {
+    click_remove_class : function (e, class_name) {
       e.preventDefault();
       var $off_canvas = this.get_wrapper(e);
       this.hide(class_name, $off_canvas);
     },
 
-    get_settings: function(e) {
+    get_settings : function (e) {
       var offcanvas  = this.S(e.target).closest('[' + this.attr_name() + ']');
       return offcanvas.data(this.attr_name(true) + '-init') || this.settings;
     },
 
-    get_wrapper: function(e) {
+    get_wrapper : function (e) {
       var $off_canvas = this.S(e ? e.target : this.scope).closest('.off-canvas-wrap');
 
       if ($off_canvas.length === 0) {