xooie 0.1.4 → 0.1.5

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    NWYyZTlkZGQyZDgyZjlhZGE1ODNlMWFjZjliNWU4YzljZDhhNzFlMg==
-  data.tar.gz: !binary |-
-    ZmRjMTBlZDI1OTE1YzBmMjE0N2Q4YmNjM2ZmNDliMmM1NzIyYjg4ZQ==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    Y2Y4MTgxZmQwZDRmMzcyZWYyM2JmZmUyMmNiNDg4N2M4NWY3YzM0MzAzOTdl
-    MmNmNzVkNTMwZTNlZjA1ZjkwNDk4MWVmNWIyMmQ5NzA1Nzc1YmQxMDE1NGU2
-    ZGViNzExZjg0NGViZjJiOTBkYTdiZjVmOWYxMGMzZmJiYmZlOWY=
-  data.tar.gz: !binary |-
-    NDJiMDgyY2U2YWVhNmEwNDk5N2RiYjEwNTU4N2VhOGZmNzIwNjA3Mzc3OWYx
-    ODY2ZDBlNDgwZTI4NDQ3ZGZhMjkyMjdmZjNkNzUyMjljMWZkZWY4YjRiNGI3
-    ZmQ0NjAxMWY2ODFlN2NiZTUzY2E5Y2E0ZWU3NzhjZGVjNmIxZWY=
+SHA1:
+  metadata.gz: bba9ef5b7fd47812ebd8bcf300e546a972f6e6d3
+  data.tar.gz: 6ff0ba21b6c701a1d749169faa5c33283c727da8
+SHA512:
+  metadata.gz: 0bb54e98a604cac3f43d8771837ce9b1f746ae53b113d9328dd6bbc361768b3493d0bf9eea5cd9ee48f5f0dc631f7b40fe150d8c66ac01c63279fa5cf8b3e928
+  data.tar.gz: d828d26641b76aba41f47a11c8ff04a02f797cd45d44fc4595a4a2ea82c0675eeef181d291ab0e52a6e2c42171f249f5d11eda76ce35ace1b53894490b12d65f

data/vendor/assets/javascripts/xooie/dialog.js

@@ -17,16 +17,22 @@
 define('xooie/dialog', ['jquery', 'xooie/base'], function($, Base) {
 
     var Dialog = Base('dialog', function(){
-        var self = this;
+        var self = this,
+            contentId;
 
         this.id = Dialog._counter++;
 
+        contentId = 'modal-content-' + this.id;
+
         Dialog._instances[this.id] = this;
 
         this.root.attr('data-dialog-id', this.id);
 
+        this.root.find(this.options.contentSelector).attr('id', contentId);
+
         //add accessibility attributes
-        this.root.find(this.options.containerSelector).attr('role', 'dialog');
+        this.root.find(this.options.containerSelector).attr('role', 'dialog')
+                                                      .attr('aria-describedby', contentId);
 
         this.root.addClass('xooie-dialog');
 
@@ -46,6 +52,7 @@ define('xooie/dialog', ['jquery', 'xooie/base'], function($, Base) {
     Dialog.setDefaultOptions({
         closeButtonSelector: '[data-role="closeButton"]',
         containerSelector: '[data-role="container"]',
+        contentSelector: '[data-role="content"]',
 
         dialogActiveClass: 'is-dialog-active'
     });
@@ -76,6 +83,8 @@ define('xooie/dialog', ['jquery', 'xooie/base'], function($, Base) {
 
         Dialog._active = this;
 
+        this.getTabbable().first().focus();
+
         this.root.trigger('dialogActive');
     };
 
@@ -94,6 +103,26 @@ define('xooie/dialog', ['jquery', 'xooie/base'], function($, Base) {
         this.root.trigger('dialogInactive');
     };
 
+    // Loosely based on jQueryUI's tabbable selector logic
+    Dialog.prototype.getTabbable = function () {
+        return this.root.find(this.options.containerSelector).find('*').filter(function (i) {
+            var tag, tabindex, istabbable;
+
+            tag = this.nodeName.toLowerCase();
+            tabindex = parseInt($(this).attr('tabindex'), 10);
+
+            if (/input|select|textarea|button|object/.test(tag)) {
+                istabbable = !this.disabled && (isNaN(tabindex) || tabindex > -1);
+            } else if ('a' === tag || 'area' === tag) {
+                istabbable =  this.href || tabindex > -1;
+            } else {
+                istabbable = tabindex > -1;
+            }
+
+            return istabbable && !$(this)['area' === tag ? 'parents' : 'closest'](':hidden').length;
+        });
+    };
+
     Dialog._instances = [];
     Dialog._counter = 0;
     Dialog._active = null;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: xooie
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Andrew Larkin
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-05 00:00:00.000000000 Z
+date: 2014-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -30,6 +30,9 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- License.txt
+- README.md
+- lib/xooie.rb
 - vendor/assets/javascripts/xooie.js
 - vendor/assets/javascripts/xooie/addons/base.js
 - vendor/assets/javascripts/xooie/addons/carousel_lentils.js
@@ -43,9 +46,6 @@ files:
 - vendor/assets/javascripts/xooie/dropdown.js
 - vendor/assets/javascripts/xooie/stylesheet.js
 - vendor/assets/javascripts/xooie/tab.js
-- lib/xooie.rb
-- README.md
-- License.txt
 homepage: http://github.com/Comcast/Xooie
 licenses:
 - Apache
@@ -56,18 +56,19 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.3
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A highly modular, extensible JavaScript UI framework.
 test_files: []
+has_rdoc: