Your IP : 216.73.217.112
/*!
---
name: Browser.Mobile
description: Provides useful information about the browser environment
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Browser]
provides: Browser.Mobile
...
*/
(function(){
Browser.Device = {
name: 'other'
};
if (Browser.Platform.ios){
var device = navigator.userAgent.toLowerCase().match(/(ip(ad|od|hone))/)[0];
Browser.Device[device] = true;
Browser.Device.name = device;
}
if (this.devicePixelRatio == 2)
Browser.hasHighResolution = true;
Browser.isMobile = !['mac', 'linux', 'win'].contains(Browser.Platform.name);
}).call(this);
/*
---
name: Element.defineCustomEvent
description: Allows to create custom events based on other custom events.
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Element.Event]
provides: Element.defineCustomEvent
...
*/
(function(){
[Element, Window, Document].invoke('implement', {hasEvent: function(event){
var events = this.retrieve('events'),
list = (events && events[event]) ? events[event].values : null;
if (list){
var i = list.length;
while (i--) if (i in list){
return true;
}
}
return false;
}});
var wrap = function(custom, method, extended){
method = custom[method];
extended = custom[extended];
return function(fn, name){
if (extended && !this.hasEvent(name)) extended.call(this, fn, name);
if (method) method.call(this, fn, name);
};
};
var inherit = function(custom, base, method){
return function(fn, name){
base[method].call(this, fn, name);
custom[method].call(this, fn, name);
};
};
var events = Element.Events;
Element.defineCustomEvent = function(name, custom){
var base = events[custom.base];
custom.onAdd = wrap(custom, 'onAdd', 'onSetup');
custom.onRemove = wrap(custom, 'onRemove', 'onTeardown');
events[name] = base ? Object.append({}, custom, {
base: base.base,
condition: function(event, name){
return (!base.condition || base.condition.call(this, event, name)) &&
(!custom.condition || custom.condition.call(this, event, name));
},
onAdd: inherit(custom, base, 'onAdd'),
onRemove: inherit(custom, base, 'onRemove')
}) : custom;
return this;
};
Element.enableCustomEvents = function(){
Object.each(events, function(event, name){
if (event.onEnable) event.onEnable.call(event, name);
});
};
Element.disableCustomEvents = function(){
Object.each(events, function(event, name){
if (event.onDisable) event.onDisable.call(event, name);
});
};
})();
/*
---
name: Browser.Features.Touch
description: Checks whether the used Browser has touch events
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Browser]
provides: Browser.Features.Touch
...
*/
Browser.Features.Touch = (function(){
try {
document.createEvent('TouchEvent').initTouchEvent('touchstart');
return true;
} catch (exception){}
return false;
})();
// Android doesn't have a touch delay and dispatchEvent does not fire the handler
Browser.Features.iOSTouch = (function(){
var name = 'cantouch', // Name does not matter
html = document.html,
hasTouch = false;
if (!html.addEventListener) return false;
var handler = function(){
html.removeEventListener(name, handler, true);
hasTouch = true;
};
try {
html.addEventListener(name, handler, true);
var event = document.createEvent('TouchEvent');
event.initTouchEvent(name);
html.dispatchEvent(event);
return hasTouch;
} catch (exception){}
handler(); // Remove listener
return false;
})();
/*
---
name: Touch
description: Provides a custom touch event on mobile devices
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Element.Event, Custom-Event/Element.defineCustomEvent, Browser.Features.Touch]
provides: Touch
...
*/
(function(){
var preventDefault = function(event){
if (!event.target || event.target.tagName.toLowerCase() != 'select')
event.preventDefault();
};
var disabled;
Element.defineCustomEvent('touch', {
base: 'touchend',
condition: function(event){
if (disabled || event.targetTouches.length != 0) return false;
var touch = event.changedTouches[0],
target = document.elementFromPoint(touch.clientX, touch.clientY);
do {
if (target == this) return true;
} while (target && (target = target.parentNode));
return false;
},
onSetup: function(){
this.addEvent('touchstart', preventDefault);
},
onTeardown: function(){
this.removeEvent('touchstart', preventDefault);
},
onEnable: function(){
disabled = false;
},
onDisable: function(){
disabled = true;
}
});
})();
/*
---
name: Click
description: Provides a replacement for click events on mobile devices
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Touch]
provides: Click
...
*/
if (Browser.Features.iOSTouch) (function(){
var name = 'click';
delete Element.NativeEvents[name];
Element.defineCustomEvent(name, {
base: 'touchend'
});
})();
/*
---
name: Pinch
description: Provides a custom pinch event for touch devices
authors: Christopher Beloch (@C_BHole), Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Element.Event, Custom-Event/Element.defineCustomEvent, Browser.Features.Touch]
provides: Pinch
...
*/
if (Browser.Features.Touch) (function(){
var name = 'pinch',
thresholdKey = name + ':threshold',
disabled, active;
var events = {
touchstart: function(event){
if (event.targetTouches.length == 2) active = true;
},
touchmove: function(event){
if (disabled || !active) return;
event.preventDefault();
var threshold = this.retrieve(thresholdKey, 0.5);
if (event.scale < (1 + threshold) && event.scale > (1 - threshold)) return;
active = false;
event.pinch = (event.scale > 1) ? 'in' : 'out';
this.fireEvent(name, event);
}
};
Element.defineCustomEvent(name, {
onSetup: function(){
this.addEvents(events);
},
onTeardown: function(){
this.removeEvents(events);
},
onEnable: function(){
disabled = false;
},
onDisable: function(){
disabled = true;
}
});
})();
/*
---
name: Swipe
description: Provides a custom swipe event for touch devices
authors: Christopher Beloch (@C_BHole), Christoph Pojer (@cpojer), Ian Collins (@3n)
license: MIT-style license.
requires: [Core/Element.Event, Custom-Event/Element.defineCustomEvent, Browser.Features.Touch]
provides: Swipe
...
*/
(function(){
var name = 'swipe',
distanceKey = name + ':distance',
cancelKey = name + ':cancelVertical',
dflt = 50;
var start = {}, disabled, active;
var clean = function(){
active = false;
};
var events = {
touchstart: function(event){
if (event.touches.length > 1) return;
var touch = event.touches[0];
active = true;
start = {x: touch.pageX, y: touch.pageY};
},
touchmove: function(event){
if (disabled || !active) return;
var touch = event.changedTouches[0],
end = {x: touch.pageX, y: touch.pageY};
if (this.retrieve(cancelKey) && Math.abs(start.y - end.y) > 10){
active = false;
return;
}
var distance = this.retrieve(distanceKey, dflt),
delta = end.x - start.x,
isLeftSwipe = delta < -distance,
isRightSwipe = delta > distance;
if (!isRightSwipe && !isLeftSwipe)
return;
event.preventDefault();
active = false;
event.direction = (isLeftSwipe ? 'left' : 'right');
event.start = start;
event.end = end;
this.fireEvent(name, event);
},
touchend: clean,
touchcancel: clean
};
Element.defineCustomEvent(name, {
onSetup: function(){
this.addEvents(events);
},
onTeardown: function(){
this.removeEvents(events);
},
onEnable: function(){
disabled = false;
},
onDisable: function(){
disabled = true;
clean();
}
});
})();
/*
---
name: Touchhold
description: Provides a custom touchhold event for touch devices
authors: Christoph Pojer (@cpojer)
license: MIT-style license.
requires: [Core/Element.Event, Custom-Event/Element.defineCustomEvent, Browser.Features.Touch]
provides: Touchhold
...
*/
(function(){
var name = 'touchhold',
delayKey = name + ':delay',
disabled, timer;
var clear = function(e){
clearTimeout(timer);
};
var events = {
touchstart: function(event){
if (event.touches.length > 1){
clear();
return;
}
timer = (function(){
this.fireEvent(name, event);
}).delay(this.retrieve(delayKey) || 750, this);
},
touchmove: clear,
touchcancel: clear,
touchend: clear
};
Element.defineCustomEvent(name, {
onSetup: function(){
this.addEvents(events);
},
onTeardown: function(){
this.removeEvents(events);
},
onEnable: function(){
disabled = false;
},
onDisable: function(){
disabled = true;
clear();
}
});
})();