use select-index to select the card on creation

if select-index is available on the deck on creation and if no children has the selected attribute it will automatically select the card.
mozbrick · Aug 13, 2014 · e4c9cd2 · e4c9cd2
1 parent ecb4447
commit e4c9cd2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/dist/brick-deck.js b/dist/brick-deck.js
@@ -174,10 +174,11 @@
 
   BrickDeckElementPrototype.createdCallback = function() {
     this.ns = {};
-    var children = this.children, i, max;
+    var children = this.children, i, max, anyChildSelected = false;
 
     for(i=0, max=children.length; i<max; i++){
       ensureIsCard(children[i]);
+      anyChildSelected = anyChildSelected || children[i].hasAttribute('selected')
     }
 
     var observer = new MutationObserver(function(mutations) {
@@ -190,6 +191,9 @@
     });
 
     observer.observe(this, { childList: true });
+    if(!anyChildSelected){
+      this.showCard(this.selectedIndex, {skipTransition:true});
+    }
   };
 
   BrickDeckElementPrototype.attachedCallback = function() {

diff --git a/src/deck.js b/src/deck.js
@@ -89,10 +89,11 @@
 
   BrickDeckElementPrototype.createdCallback = function() {
     this.ns = {};
-    var children = this.children, i, max;
+    var children = this.children, i, max, anyChildSelected = false;
 
     for(i=0, max=children.length; i<max; i++){
       ensureIsCard(children[i]);
+      anyChildSelected = anyChildSelected || children[i].hasAttribute('selected')
     }
 
     var observer = new MutationObserver(function(mutations) {
@@ -105,6 +106,9 @@
     });
 
     observer.observe(this, { childList: true });
+    if(!anyChildSelected){
+      this.showCard(this.selectedIndex, {skipTransition:true});
+    }
   };
 
   BrickDeckElementPrototype.attachedCallback = function() {