kaerus-component-slideshow 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 52b19604b6f001d260096edef9cd4148191fd590
-  data.tar.gz: 9e33c37a52f6256994861d2f393d1d14c364cb4f
+  metadata.gz: 08e035c2de90c36a6a9910bedba72c8fa2296b49
+  data.tar.gz: 0e4004a25723a2b16e2f4d3c221ff215e22aa67b
 SHA512:
-  metadata.gz: 1953b19d35de7f8892f6895fb6e337a27bef589ea6a3cfba42686df68b9fef71811a5a3825cf1d1a358d7e897c1d4c177b5c5d52a2fe12b935866d3b0a96e4aa
-  data.tar.gz: 33c63a8f8b156900c584dc415c272409543bb9ab8d26ac827f0b8b5d4be6c9dc9baccb5da34993a325e0a3380226a1bbd74baaedab9f559c5c7401ef742f1e1e
+  metadata.gz: 566a9c37500beca3b09bb9857248e80bf2e86170751c606f7942a846c17616f24a08a6d50b3e96b9bb418724615a76a4e508e995d7d0f1a05f0d33ec9398a656
+  data.tar.gz: 31a8db638eeb98a67eea1a26f76d2399535f29d019612d387b0a1bbc87f1eb98e199d10a5a35dea9716e63835b65748aec255b7a6275f54ef6d98f795c53de4b

data/lib/kaerus/component/slideshow/version.rb

@@ -1,7 +1,7 @@
 module Kaerus
   module Component
     module Slideshow
-      VERSION = "0.1.2"
+      VERSION = "0.1.3"
     end
   end
 end

data/vendor/assets/javascripts/kaerus_component_slideshow.js

@@ -200,6 +200,129 @@ require.relative = function(parent) {
 
   return localRequire;
 };
+require.register("kaerus-component-emitter/index.js", function(exports, require, module){
+ // Emitter /////////////////////////////////////////////////////////////////////////////
+function Emitter(obj) {
+    /* Emitter mixin */
+    if(obj) {
+        for(var key in Emitter.prototype) {
+            obj[key] = Emitter.prototype[key];
+        }
+        obj._events = {};
+        return obj;
+    }
+
+    if(!(this instanceof Emitter)) {
+        return new Emitter;
+    }
+
+    this._events = {};  
+}
+
+Emitter.prototype.listeners = function(event) {
+    var handlers = this._events[event];
+
+    if(!handlers) return [];
+    
+    return handlers.filter(function(f){return f !==before && f !==after});
+}
+
+Emitter.prototype.hasListeners = function(event) {
+    return this.listeners(event).length > 0;
+}
+
+Emitter.prototype.hasHandler = function(event,handler) {
+    return this.listeners(event).filter(function(f) {
+        return (f._of || f) !== handler;
+    }).length > 0; 
+
+    return false;
+}
+
+function before(){};
+function after(){};
+
+Emitter.prototype.on = function(event,handler,first) {
+    var events = this._events[event];
+
+    if(!events) events = this._events[event] = [before,after];
+
+    if(first === true) events.splice(events.indexOf(before),0,handler);
+    else if(first === undefined) events.splice(events.indexOf(after),0,handler);
+    else events[events.length] = handler;
+   
+    return this;
+}
+
+Emitter.prototype.before = function(event,handler) {
+    return this.on(event,handler,true);
+}
+
+Emitter.prototype.after = function(event,handler) {
+    return this.on(event,handler,false);
+}
+
+Emitter.prototype.off = function(event,handler) {
+    var listeners;
+
+    if(!arguments.length) {
+        this._events = {};
+    }    
+    else {
+        if(!handler) {
+            this._events[event] = null;
+        } else if(this.hasListeners(event)){
+            this._events[event] = this._events[event].filter(function(f){
+                return (f._of ? f._of : f) !== handler;
+            });
+        }
+    }
+
+    return this;
+}
+
+Emitter.prototype.emit = function(event) {
+    var context, handler, args;
+
+    if(typeof event === 'object') {
+        context = event;
+        event = arguments[1];
+    }
+
+    args = Array.prototype.slice.call(arguments, (context ? 2 : 1));
+    
+    handler = this.listeners(event);
+
+    context = context ? context : this;
+
+    for(var i = 0, l = handler.length; i < l; i++){
+        console.log("emit handler for", event);
+        if(handler[i].apply(context,args) === false) break;
+    }        
+
+    return this;
+}
+
+Emitter.prototype.once = function(event,handler) {
+    var self = this;
+
+    function once() {
+        console.log("calling once", handler.toString());
+        self.off(event, handler);
+        handler.apply(this, arguments);
+    }
+    
+    console.log("only once", event);
+    this.on(event, once);
+
+    once._of = handler;
+
+    return this;
+}
+
+module.exports = Emitter;
+
+});
 require.register("kaerus-component-carousel/index.js", function(exports, require, module){
 // CAROUSEL ////////////////////////////////////////////////////////
 /* element class mappings */
@@ -433,170 +556,78 @@ Carousel.prototype.resume = function(skipPauseInterval){
 
 module.exports = Carousel;
 });
-require.register("kaerus-component-emitter/index.js", function(exports, require, module){
- // Emitter /////////////////////////////////////////////////////////////////////////////
-function Emitter(obj) {
-    /* Emitter mixin */
-    if(obj) {
-        for(var key in Emitter.prototype) {
-            obj[key] = Emitter.prototype[key];
-        }
-        obj._events = {};
-        return obj;
-    }
+require.register("jkroso-prefix/index.js", function(exports, require, module){
 
-    if(!(this instanceof Emitter)) {
-        return new Emitter;
-    }
+var style = document.createElement('p').style
+var prefixes = 'O ms Moz webkit'.split(' ')
+var upper = /([A-Z])/g
 
-    this._events = {};  
-}
-
-Emitter.prototype.listeners = function(event) {
-    var handlers = this._events[event];
-
-    if(!handlers) return [];
-    
-    return handlers.filter(function(f){return f !==before && f !==after});
-}
-
-Emitter.prototype.hasListeners = function(event) {
-    return !!this._events[event];
-}
-
-function before(){};
-function after(){};
+var memo = {}
 
-Emitter.prototype.on = function(event,handler,first) {
-    var events = this._events[event];
-
-    if(!events) events = this._events[event] = [before,after];
-
-    if(first === true) events.splice(events.indexOf(before),0,handler);
-    else if(first === undefined) events.splice(events.indexOf(after),0,handler);
-    else events[events.length] = handler;
-   
-    return this;
-}
-
-Emitter.prototype.before = function(event,handler) {
-    return this.on(event,handler,true);
-}
-
-Emitter.prototype.after = function(event,handler) {
-    return this.on(event,handler,false);
-}
-
-Emitter.prototype.off = function(event,handler) {
-    
-    if(!arguments.length) {
-        this._events = {};
-    }    
-
-    if(this._events[event]) {
-        if(!handler) {
-            delete this._events[event];
-        } else {
-            this._events[event] = this._events[event].filter(function(f) {
-                return (f._of || f) !== handler;
-            });
-        }
-    }
+/**
+ * memoized `prefix`
+ *
+ * @param {String} key
+ * @return {String}
+ * @api public
+ */
 
-    return this;
+module.exports = exports = function(key){
+  return key in memo
+    ? memo[key]
+    : memo[key] = prefix(key)
 }
 
-Emitter.prototype.emit = function(event) {
-    var context, handler, args;
+exports.prefix = prefix
+exports.dash = dashedPrefix
 
-    if(typeof event === 'object') {
-        context = event;
-        event = arguments[1];
-    }
-
-    args = Array.prototype.slice.call(arguments, (context ? 2 : 1));
-    
-    handler = this.listeners(event);
-
-    context = context ? context : this;
+/**
+ * prefix `key`
+ *
+ *   prefix('transform') // => webkitTransform
+ *
+ * @param {String} key
+ * @return {String}
+ * @api public
+ */
 
-    for(var i = 0, l = handler.length; i < l; i++){
-        if(handler[i].apply(context,args) === false) break;
-    }        
+function prefix(key){
+  // camel case
+  key = key.replace(/-([a-z])/g, function(_, char){
+    return char.toUpperCase()
+  })
+
+  // without prefix
+  if (style[key] !== undefined) return key
+
+  // with prefix
+  var Key = capitalize(key)
+  var i = prefixes.length
+  while (i--) {
+    var name = prefixes[i] + Key
+    if (style[name] !== undefined) return name
+  }
 
-    return this;
+  throw new Error('unable to prefix ' + key)
 }
 
-Emitter.prototype.once = function(event,handler) {
-    var self = this;
-
-    function once() {
-        self.off(event, handler);
-        handler.apply(this, arguments);
-    }
-    
-    this.on(event, once);
-
-    once._of = handler;
-
-    return this;
+function capitalize(str){
+  return str.charAt(0).toUpperCase() + str.slice(1)
 }
 
-module.exports = Emitter;
-
-});
-require.register("pgherveou-prefix/index.js", function(exports, require, module){
-// module globals
-
-var prefixes = ['webkit','Moz','ms','O']
-  , len = prefixes.length
-  , p = document.createElement('p')
-  , style = p.style
-  , capitalize = function (str) {return str.charAt(0).toUpperCase() + str.slice(1);}
-  , dasherize = function(str) {
-      return str.replace(/([A-Z])/g, function(str,m1) {
-        return '-' + m1.toLowerCase();
-      });
-    };
-
-// nullify p to release dom node
-p = null;
-
 /**
- * get prefix for dom style
- *
- * example
- *   prefix('transform') // webkitTransform
- *   prefix('transform', true) // -webkit-transform
+ * create a dasherized prefix
  *
- * @param  {String}   ppty dom style
- * @param  {Boolean}  dasherize
- * @return {String}   prefixed ppty
+ * @param {String} key
+ * @return {String}
  * @api public
  */
 
-module.exports = function(ppty, dasherized) {
-  var Ppty, name, Name;
-
-  // test without prefix
-  if (style[ppty] !== undefined) {
-    if (!dasherized) return ppty;
-    return dasherize(ppty);
-  }
-
-  // test with prefix
-  Ppty = capitalize(ppty);
-  for (i = 0; i < len; i++) {
-    name = prefixes[i] + Ppty;
-    if (style[name] !== undefined) {
-      if (!dasherized) return name;
-      return '-' + prefixes[i].toLowerCase() + '-' + dasherize(ppty);
-    }
-  }
-
-  // not found return empty string
-  return '';
-};
+function dashedPrefix(key){
+  key = prefix(key)
+  if (upper.test(key)) key = '-' + key.replace(upper, '-$1')
+  return key.toLowerCase()
+}
 
 });
 require.register("slideshow/index.js", function(exports, require, module){
@@ -735,14 +766,12 @@ function Slideshow(container,options){
             return this;
         },
         next: function(){
-            if(this.whenReady('next'));
-                this.emit('next');
+            this.whenReady('next');
 
             return this;
         },
         prev: function(){
-            if(this.whenReady('prev'));
-                this.emit('prev');
+            this.whenReady('prev');
 
             return this;
         },
@@ -758,8 +787,7 @@ function Slideshow(container,options){
                 x = x ? parseInt(x,10) : 0;
             }
 
-            if(this.whenReady('show',x));
-                this.emit('show',x);
+            this.whenReady('show',x);
             
             return this;
         },
@@ -773,26 +801,14 @@ function Slideshow(container,options){
             return this;
         },
         whenReady: function(action,value){
-            var self = this, handlers, hasHandler;
+            var self = this;
 
             if(!this.inTransition) {
                 this.carousel[action](value);
-                return true;
-            } else {
-                handlers = this.listeners('transition-end');
-                for(var h in handlers){
-                    if(handlers[h]._of && handlers[h]._of === self[action]){
-                        hasHandler = true;
-                        break;
-                    }
-                }
-                
-                if(!hasHandler){
-                    this.once('transition-end', self[action], value);
-                }
+                this.emit(action,value);
+            } else {    
+                this.once('transition-end', this[action], value);
             }
-
-            return false;
         }
     }
 
@@ -805,7 +821,7 @@ function Slideshow(container,options){
 
         if(!elem || !prop) return;
 
-        prop = getStyleProperty(prop,true);
+        prop = Prefix.dash(prop);
 
         if(Array.isArray(elem)){
             for(var i = 0, l = elem.length; i < l; i++)
@@ -836,8 +852,8 @@ function Slideshow(container,options){
             timer, durationProp, s = 0, 
             ix, fx, lx = navItems.length, slide = [], node;
 
-        durationProp = getStyleProperty('transition-duration',true);
-
+        durationProp = 'transition-duration';
+        
         for(var x in slides.childNodes){
             node = slides.childNodes[x];
             if(node && node.id && node.id.indexOf(settings.id + '-s') === 0)
@@ -860,7 +876,7 @@ function Slideshow(container,options){
                 navItems[fx].className = "navItem";
 
                 s = window.getComputedStyle(slide[ix],null).getPropertyValue(durationProp);
-            
+
                 if(s.indexOf('s') > 0) s = parseInt(s,10) * 1000;
                 else s = parseInt(s,10);
 
@@ -874,6 +890,11 @@ function Slideshow(container,options){
                     },s);
                 }
             }
+
+            function endTransition(){
+                slideshow.inTransition = false;
+                slideshow.emit('transition-end',slide[current],current);
+            }
             
             navItems[ix].className = "active navItem";
 
@@ -881,12 +902,6 @@ function Slideshow(container,options){
         }
     }
 
-    function getStyleProperty(prop){
-        if(!prefixProp.hasOwnProperty(prop))
-            prefixProp[prop] = Prefix(prop,true);
-
-        return prefixProp[prop];
-    }
 
 }());
 
@@ -901,16 +916,15 @@ module.exports = '<div class="slides" id="{id}-slides">{slides}</div>\n<div clas
 
 
 
-require.alias("kaerus-component-carousel/index.js", "slideshow/deps/carousel/index.js");
-require.alias("kaerus-component-carousel/index.js", "carousel/index.js");
-
 require.alias("kaerus-component-emitter/index.js", "slideshow/deps/emitter/index.js");
 require.alias("kaerus-component-emitter/index.js", "emitter/index.js");
 
-require.alias("pgherveou-prefix/index.js", "slideshow/deps/prefix/index.js");
-require.alias("pgherveou-prefix/index.js", "slideshow/deps/prefix/index.js");
-require.alias("pgherveou-prefix/index.js", "prefix/index.js");
-require.alias("pgherveou-prefix/index.js", "pgherveou-prefix/index.js");if (typeof exports == "object") {
+require.alias("kaerus-component-carousel/index.js", "slideshow/deps/carousel/index.js");
+require.alias("kaerus-component-carousel/index.js", "carousel/index.js");
+
+require.alias("jkroso-prefix/index.js", "slideshow/deps/prefix/index.js");
+require.alias("jkroso-prefix/index.js", "prefix/index.js");
+if (typeof exports == "object") {
   module.exports = require("slideshow");
 } else if (typeof define == "function" && define.amd) {
   define(function(){ return require("slideshow"); });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kaerus-component-slideshow
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Anders Elo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-28 00:00:00.000000000 Z
+date: 2014-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler