playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

beautified js code

pull/179/head
Simon Waldherr 12 years ago
parent
c0d00ce2ca
commit
fdabe57db6
7 changed files with 345 additions and 286 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 316
      dist/ratchet.js
  2. 2
      lib/js/modals.js
  3. 4
      lib/js/popovers.js
  4. 171
      lib/js/push.js
  5. 22
      lib/js/segmented-controllers.js
  6. 61
      lib/js/sliders.js
  7. 55
      lib/js/toggles.js

316
dist/ratchet.js vendored
Unescape View File

@ -18,7 +18,7 @@
var i; var i;
var modals = document.querySelectorAll('a'); var modals = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = modals.length; i--;) { for (i = modals.length; i--;) {
if (modals[i] === target) { if (modals[i] === target) {
return target; return target;
} }
@ -53,9 +53,9 @@
var findPopovers = function (target) { var findPopovers = function (target) {
var i, popovers = document.querySelectorAll('a'); var i, popovers = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = popovers.length; i--;) { for (i = popovers.length; i--;) {
if (popovers[i] === target) { if (popovers[i] === target) {
return target; return target;
} }
} }
} }
@ -132,20 +132,20 @@
// ================== // ==================
var isScrolling, var isScrolling,
maxCacheLength = 20, maxCacheLength = 20,
cacheMapping = sessionStorage, cacheMapping = sessionStorage,
domCache = {}, domCache = {},
transitionMap = { transitionMap = {
'slide-in' : 'slide-out', 'slide-in': 'slide-out',
'slide-out' : 'slide-in', 'slide-out': 'slide-in',
'fade' : 'fade' 'fade': 'fade'
}, },
bars = { bars = {
bartab : '.bar-tab', bartab: '.bar-tab',
bartitle : '.bar-title', bartitle: '.bar-title',
barfooter : '.bar-footer', barfooter: '.bar-footer',
barheadersecondary : '.bar-header-secondary' barheadersecondary: '.bar-header-secondary'
}; };
var cacheReplace = function (data, updates) { var cacheReplace = function (data, updates) {
PUSH.id = data.id; PUSH.id = data.id;
@ -159,8 +159,8 @@
var cachePush = function () { var cachePush = function () {
var id = PUSH.id, var id = PUSH.id,
cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'), cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'),
cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]');
cacheBackStack.push(id); cacheBackStack.push(id);
@ -174,15 +174,15 @@
window.history.pushState(null, '', cacheMapping[PUSH.id].url); window.history.pushState(null, '', cacheMapping[PUSH.id].url);
cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack);
cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack);
}; };
var cachePop = function (id, direction) { var cachePop = function (id, direction) {
var forward = direction === 'forward', var forward = direction === 'forward',
cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'), cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'),
cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'), cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'),
pushStack = forward ? cacheBackStack : cacheForwardStack, pushStack = forward ? cacheBackStack : cacheForwardStack,
popStack = forward ? cacheForwardStack : cacheBackStack; popStack = forward ? cacheForwardStack : cacheBackStack;
if (PUSH.id) { if (PUSH.id) {
pushStack.push(PUSH.id); pushStack.push(PUSH.id);
@ -190,7 +190,7 @@
popStack.pop(); popStack.pop();
cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack);
cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack);
}; };
var getCached = function (id) { var getCached = function (id) {
@ -200,7 +200,7 @@
var getTarget = function (e) { var getTarget = function (e) {
var target = findTarget(e.target); var target = findTarget(e.target);
if (!target || (e.which > 1) || e.metaKey || e.ctrlKey || isScrolling || (location.protocol !== target.protocol) || (location.host !== target.host) || (!target.hash && /#/.test(target.href)) || (target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')) || (target.getAttribute('data-ignore') === 'push')) { if (!target || (e.which > 1) || e.metaKey || e.ctrlKey || isScrolling || (location.protocol !== target.protocol) || (location.host !== target.host) || (!target.hash && /#/.test(target.href)) || (target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')) || (target.getAttribute('data-ignore') === 'push')) {
return; return;
} }
@ -221,23 +221,23 @@
e.preventDefault(); e.preventDefault();
PUSH({ PUSH({
url : target.href, url: target.href,
hash : target.hash, hash: target.hash,
timeout : target.getAttribute('data-timeout'), timeout: target.getAttribute('data-timeout'),
transition : target.getAttribute('data-transition') transition: target.getAttribute('data-transition')
}); });
}; };
var popstate = function (e) { var popstate = function (e) {
var key, var key,
barElement, barElement,
activeObj, activeObj,
activeDom, activeDom,
direction, direction,
transition, transition,
transitionFrom, transitionFrom,
transitionFromObj, transitionFromObj,
id = e.state; id = e.state;
if (!id || !cacheMapping[id]) { if (!id || !cacheMapping[id]) {
return; return;
@ -255,7 +255,7 @@
} }
if (direction === 'back') { if (direction === 'back') {
transitionFrom = JSON.parse((direction === 'back') ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack); transitionFrom = JSON.parse((direction === 'back') ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack);
transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]); transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]);
} else { } else {
transitionFromObj = activeObj; transitionFromObj = activeObj;
@ -269,12 +269,12 @@
if (!activeDom) { if (!activeDom) {
return PUSH({ return PUSH({
id : activeObj.id, id: activeObj.id,
url : activeObj.url, url: activeObj.url,
title : activeObj.title, title: activeObj.title,
timeout : activeObj.timeout, timeout: activeObj.timeout,
transition : transition, transition: transition,
ignorePush : true ignorePush: true
}); });
} }
@ -284,18 +284,16 @@
barElement = document.querySelector(bars[key]); barElement = document.querySelector(bars[key]);
if (activeObj[key]) { if (activeObj[key]) {
swapContent(activeObj[key], barElement); swapContent(activeObj[key], barElement);
} } else if (barElement) {
else if (barElement) {
barElement.parentNode.removeChild(barElement); barElement.parentNode.removeChild(barElement);
} }
} }
} }
swapContent( swapContent(
(activeObj.contents || activeDom).cloneNode(true), (activeObj.contents || activeDom).cloneNode(true),
document.querySelector('.content'), document.querySelector('.content'),
transition transition);
);
PUSH.id = id; PUSH.id = id;
@ -308,8 +306,8 @@
var PUSH = function (options) { var PUSH = function (options) {
var key, var key,
data = {}, data = {},
xhr = PUSH.xhr; xhr = PUSH.xhr;
options.container = options.container || options.transition ? document.querySelector('.content') : document.body; options.container = options.container || options.transition ? document.querySelector('.content') : document.body;
@ -335,16 +333,18 @@
if (!PUSH.id) { if (!PUSH.id) {
cacheReplace({ cacheReplace({
id : +new Date, id: +new Date,
url : window.location.href, url: window.location.href,
title : document.title, title: document.title,
timeout : options.timeout, timeout: options.timeout,
transition : null transition: null
}); });
} }
if (options.timeout) { if (options.timeout) {
options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); options._timeout = setTimeout(function () {
xhr.abort('timeout');
}, options.timeout);
} }
xhr.send(); xhr.send();
@ -375,11 +375,11 @@
swapContent(data.contents, options.container, options.transition, function () { swapContent(data.contents, options.container, options.transition, function () {
cacheReplace({ cacheReplace({
id : options.id || +new Date, id: options.id || +new Date,
url : data.url, url: data.url,
title : data.title, title: data.title,
timeout : options.timeout, timeout: options.timeout,
transition : options.transition transition: options.transition
}, options.id); }, options.id);
triggerStateChange(); triggerStateChange();
}); });
@ -398,18 +398,21 @@
var swapContent = function (swap, container, transition, complete) { var swapContent = function (swap, container, transition, complete) {
"use strict"; "use strict";
function fadeContainerEnd() { function fadeContainerEnd() {
container.removeEventListener('webkitTransitionEnd', fadeContainerEnd); container.removeEventListener('webkitTransitionEnd', fadeContainerEnd);
swap.classList.add('in'); swap.classList.add('in');
swap.addEventListener('webkitTransitionEnd', fadeSwapEnd); swap.addEventListener('webkitTransitionEnd', fadeSwapEnd);
} }
function fadeSwapEnd () {
function fadeSwapEnd() {
swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd); swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd);
container.parentNode.removeChild(container); container.parentNode.removeChild(container);
swap.classList.remove('fade'); swap.classList.remove('fade');
swap.classList.remove('in'); swap.classList.remove('in');
complete && complete(); complete && complete();
} }
function slideEnd() { function slideEnd() {
swap.removeEventListener('webkitTransitionEnd', slideEnd); swap.removeEventListener('webkitTransitionEnd', slideEnd);
swap.classList.remove('slide'); swap.classList.remove('slide');
@ -418,15 +421,15 @@
complete && complete(); complete && complete();
} }
var enter, var enter,
containerDirection, containerDirection,
swapDirection; swapDirection;
if (!transition) { if (!transition) {
if (container) container.innerHTML = swap.innerHTML; if (container) container.innerHTML = swap.innerHTML;
else if (swap.classList.contains('content')) document.body.appendChild(swap); else if (swap.classList.contains('content')) document.body.appendChild(swap);
else document.body.insertBefore(swap, document.querySelector('.content')); else document.body.insertBefore(swap, document.querySelector('.content'));
} else { } else {
enter = /in$/.test(transition); enter = /in$/.test(transition);
if (transition === 'fade') { if (transition === 'fade') {
container.classList.add('in'); container.classList.add('in');
@ -455,7 +458,7 @@
if (/slide/.test(transition)) { if (/slide/.test(transition)) {
container.offsetWidth; // force reflow container.offsetWidth; // force reflow
swapDirection = enter ? 'right' : 'left' swapDirection = enter ? 'right' : 'left'
containerDirection = enter ? 'left' : 'right' containerDirection = enter ? 'left' : 'right'
container.classList.add(containerDirection); container.classList.add(containerDirection);
swap.classList.remove(swapDirection); swap.classList.remove(swapDirection);
@ -465,7 +468,9 @@
var triggerStateChange = function () { var triggerStateChange = function () {
var e = new CustomEvent('push', { var e = new CustomEvent('push', {
detail: { state: getCached(PUSH.id) }, detail: {
state: getCached(PUSH.id)
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });
@ -476,7 +481,9 @@
var findTarget = function (target) { var findTarget = function (target) {
var i, toggles = document.querySelectorAll('a'); var i, toggles = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = toggles.length; i--;) { if (toggles[i] === target) return target; } for (i = toggles.length; i--;) {
if (toggles[i] === target) return target;
}
} }
}; };
@ -486,12 +493,14 @@
}; };
var parseURL = function (url) { var parseURL = function (url) {
var a = document.createElement('a'); a.href = url; return a; var a = document.createElement('a');
a.href = url;
return a;
}; };
var extendWithDom = function (obj, fragment, dom) { var extendWithDom = function (obj, fragment, dom) {
var i; var i;
var result = {}; var result = {};
for (i = 0; i < obj.length; i += 1) { for (i = 0; i < obj.length; i += 1) {
result[i] = obj[i]; result[i] = obj[i];
@ -510,9 +519,9 @@
var parseXHR = function (xhr, options) { var parseXHR = function (xhr, options) {
var head, var head,
body, body,
data = {}, data = {},
responseText = xhr.responseText; responseText = xhr.responseText;
data.url = options.url; data.url = options.url;
@ -521,12 +530,12 @@
} }
if (/<html/i.test(responseText)) { if (/<html/i.test(responseText)) {
head = document.createElement('div'); head = document.createElement('div');
body = document.createElement('div'); body = document.createElement('div');
head.innerHTML = responseText.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0] head.innerHTML = responseText.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0]
body.innerHTML = responseText.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0] body.innerHTML = responseText.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]
} else { } else {
head = body = document.createElement('div'); head = body = document.createElement('div');
head.innerHTML = responseText; head.innerHTML = responseText;
} }
@ -546,10 +555,16 @@
// Attach PUSH event handlers // Attach PUSH event handlers
// ========================== // ==========================
window.addEventListener('touchstart', function () { isScrolling = false; }); window.addEventListener('touchstart', function () {
window.addEventListener('touchmove', function () { isScrolling = true; }) isScrolling = false;
});
window.addEventListener('touchmove', function () {
isScrolling = true;
})
window.addEventListener('touchend', touchend); window.addEventListener('touchend', touchend);
window.addEventListener('click', function (e) { if (getTarget(e)) e.preventDefault(); }); window.addEventListener('click', function (e) {
if (getTarget(e)) e.preventDefault();
});
window.addEventListener('popstate', popstate); window.addEventListener('popstate', popstate);
}(); }();
@ -564,18 +579,20 @@
var getTarget = function (target) { var getTarget = function (target) {
var i, popovers = document.querySelectorAll('.segmented-controller li a'); var i, popovers = document.querySelectorAll('.segmented-controller li a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = popovers.length; i--;) { if (popovers[i] === target) return target; } for (i = popovers.length; i--;) {
if (popovers[i] === target) return target;
}
} }
}; };
window.addEventListener("touchend", function (e) { window.addEventListener("touchend", function (e) {
var activeTab, var activeTab,
activeBody, activeBody,
targetBody, targetBody,
targetTab, targetTab,
className = 'active', className = 'active',
classSelector = '.' + className, classSelector = '.' + className,
targetAnchor = getTarget(e.target); targetAnchor = getTarget(e.target);
if (!targetAnchor) { if (!targetAnchor) {
return; return;
@ -609,8 +626,11 @@
targetBody.classList.add(className); targetBody.classList.add(className);
}); });
window.addEventListener('click', function (e) { if (getTarget(e.target)) e.preventDefault(); }); window.addEventListener('click', function (e) {
}();/* ---------------------------------- if (getTarget(e.target)) e.preventDefault();
});
}();
/* ----------------------------------
* SLIDER v1.0.0 * SLIDER v1.0.0
* Licensed under The MIT License * Licensed under The MIT License
* Adapted from Brad Birdsall's swipe * Adapted from Brad Birdsall's swipe
@ -620,23 +640,25 @@
!function () { !function () {
"use strict"; "use strict";
var pageX, var pageX,
pageY, pageY,
slider, slider,
deltaX, deltaX,
deltaY, deltaY,
offsetX, offsetX,
lastSlide, lastSlide,
startTime, startTime,
resistance, resistance,
sliderWidth, sliderWidth,
slideNumber, slideNumber,
isScrolling, isScrolling,
scrollableArea; scrollableArea;
var getSlider = function (target) { var getSlider = function (target) {
var i, sliders = document.querySelectorAll('.slider ul'); var i, sliders = document.querySelectorAll('.slider ul');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = sliders.length; i--;) { if (sliders[i] === target) return target; } for (i = sliders.length; i--;) {
if (sliders[i] === target) return target;
}
} }
} }
@ -647,7 +669,7 @@
var setSlideNumber = function (offset) { var setSlideNumber = function (offset) {
var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round'; var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round';
slideNumber = Math[round](getScroll() / ( scrollableArea / slider.children.length) ); slideNumber = Math[round](getScroll() / (scrollableArea / slider.children.length));
slideNumber += offset; slideNumber += offset;
slideNumber = Math.min(slideNumber, 0); slideNumber = Math.min(slideNumber, 0);
slideNumber = Math.max(-(slider.children.length - 1), slideNumber); slideNumber = Math.max(-(slider.children.length - 1), slideNumber);
@ -658,16 +680,16 @@
if (!slider) return; if (!slider) return;
var firstItem = slider.querySelector('li'); var firstItem = slider.querySelector('li');
scrollableArea = firstItem.offsetWidth * slider.children.length; scrollableArea = firstItem.offsetWidth * slider.children.length;
isScrolling = undefined; isScrolling = undefined;
sliderWidth = slider.offsetWidth; sliderWidth = slider.offsetWidth;
resistance = 1; resistance = 1;
lastSlide = -(slider.children.length - 1); lastSlide = -(slider.children.length - 1);
startTime = +new Date; startTime = +new Date;
pageX = e.touches[0].pageX; pageX = e.touches[0].pageX;
pageY = e.touches[0].pageY; pageY = e.touches[0].pageY;
setSlideNumber(0); setSlideNumber(0);
@ -679,8 +701,8 @@
deltaX = e.touches[0].pageX - pageX; deltaX = e.touches[0].pageX - pageX;
deltaY = e.touches[0].pageY - pageY; deltaY = e.touches[0].pageY - pageY;
pageX = e.touches[0].pageX; pageX = e.touches[0].pageX;
pageY = e.touches[0].pageY; pageY = e.touches[0].pageY;
if (typeof isScrolling == 'undefined') { if (typeof isScrolling == 'undefined') {
isScrolling = Math.abs(deltaY) > Math.abs(deltaX); isScrolling = Math.abs(deltaY) > Math.abs(deltaX);
@ -692,8 +714,8 @@
e.preventDefault(); e.preventDefault();
resistance = slideNumber == 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : resistance = slideNumber == 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 :
slideNumber == lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; slideNumber == lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1;
slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)';
}; };
@ -702,8 +724,7 @@
if (!slider || isScrolling) return; if (!slider || isScrolling) return;
setSlideNumber( setSlideNumber(
(+new Date) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 (+new Date) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0);
);
offsetX = slideNumber * sliderWidth; offsetX = slideNumber * sliderWidth;
@ -711,7 +732,9 @@
slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)';
e = new CustomEvent('slide', { e = new CustomEvent('slide', {
detail: { slideNumber: Math.abs(slideNumber) }, detail: {
slideNumber: Math.abs(slideNumber)
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });
@ -731,16 +754,18 @@
* ---------------------------------- */ * ---------------------------------- */
!function () { !function () {
"use strict";
var start = {}, var start = {},
touchMove = false, touchMove = false,
distanceX = false, distanceX = false,
toggle = false; toggle = false;
var findToggle = function (target) { var findToggle = function (target) {
var i, toggles = document.querySelectorAll('.toggle'); var i, toggles = document.querySelectorAll('.toggle');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = toggles.length; i--;) { if (toggles[i] === target) return target; } for (i = toggles.length; i--;) {
if (toggles[i] === target) return target;
}
} }
} }
@ -753,12 +778,15 @@
return; return;
} }
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0; offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0;
start = { pageX : e.touches[0].pageX - offset, pageY : e.touches[0].pageY }; start = {
pageX: e.touches[0].pageX - offset,
pageY: e.touches[0].pageY
};
touchMove = false; touchMove = false;
// todo: probably should be moved to the css // todo: probably should be moved to the css
@ -772,11 +800,11 @@
if (!toggle) return; if (!toggle) return;
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
current = e.touches[0], current = e.touches[0],
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggleWidth - handleWidth; offset = toggleWidth - handleWidth;
touchMove = true; touchMove = true;
distanceX = current.pageX - start.pageX; distanceX = current.pageX - start.pageX;
@ -796,17 +824,17 @@
handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)';
toggle.classList[(distanceX > (toggleWidth/2 - handleWidth/2)) ? 'add' : 'remove']('active'); toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active');
}); });
window.addEventListener('touchend', function (e) { window.addEventListener('touchend', function (e) {
if (!toggle) return; if (!toggle) return;
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggleWidth - handleWidth, offset = toggleWidth - handleWidth,
slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth/2 - handleWidth/2))); slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
if (slideOn) { if (slideOn) {
handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)';
@ -817,7 +845,9 @@
toggle.classList[slideOn ? 'add' : 'remove']('active'); toggle.classList[slideOn ? 'add' : 'remove']('active');
e = new CustomEvent('toggle', { e = new CustomEvent('toggle', {
detail: { isActive: slideOn }, detail: {
isActive: slideOn
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });
@ -825,7 +855,7 @@
toggle.dispatchEvent(e); toggle.dispatchEvent(e);
touchMove = false; touchMove = false;
toggle = false; toggle = false;
}); });
}(); }();

2
lib/js/modals.js
Unescape View File

@ -10,7 +10,7 @@
var i; var i;
var modals = document.querySelectorAll('a'); var modals = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = modals.length; i--;) { for (i = modals.length; i--;) {
if (modals[i] === target) { if (modals[i] === target) {
return target; return target;
} }

4
lib/js/popovers.js
Unescape View File

@ -11,9 +11,9 @@
var findPopovers = function (target) { var findPopovers = function (target) {
var i, popovers = document.querySelectorAll('a'); var i, popovers = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = popovers.length; i--;) { for (i = popovers.length; i--;) {
if (popovers[i] === target) { if (popovers[i] === target) {
return target; return target;
} }
} }
} }

171
lib/js/push.js
Unescape View File

@ -13,20 +13,20 @@
// ================== // ==================
var isScrolling, var isScrolling,
maxCacheLength = 20, maxCacheLength = 20,
cacheMapping = sessionStorage, cacheMapping = sessionStorage,
domCache = {}, domCache = {},
transitionMap = { transitionMap = {
'slide-in' : 'slide-out', 'slide-in': 'slide-out',
'slide-out' : 'slide-in', 'slide-out': 'slide-in',
'fade' : 'fade' 'fade': 'fade'
}, },
bars = { bars = {
bartab : '.bar-tab', bartab: '.bar-tab',
bartitle : '.bar-title', bartitle: '.bar-title',
barfooter : '.bar-footer', barfooter: '.bar-footer',
barheadersecondary : '.bar-header-secondary' barheadersecondary: '.bar-header-secondary'
}; };
var cacheReplace = function (data, updates) { var cacheReplace = function (data, updates) {
PUSH.id = data.id; PUSH.id = data.id;
@ -40,8 +40,8 @@
var cachePush = function () { var cachePush = function () {
var id = PUSH.id, var id = PUSH.id,
cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'), cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'),
cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]');
cacheBackStack.push(id); cacheBackStack.push(id);
@ -55,15 +55,15 @@
window.history.pushState(null, '', cacheMapping[PUSH.id].url); window.history.pushState(null, '', cacheMapping[PUSH.id].url);
cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack);
cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack);
}; };
var cachePop = function (id, direction) { var cachePop = function (id, direction) {
var forward = direction === 'forward', var forward = direction === 'forward',
cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'), cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'),
cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'), cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'),
pushStack = forward ? cacheBackStack : cacheForwardStack, pushStack = forward ? cacheBackStack : cacheForwardStack,
popStack = forward ? cacheForwardStack : cacheBackStack; popStack = forward ? cacheForwardStack : cacheBackStack;
if (PUSH.id) { if (PUSH.id) {
pushStack.push(PUSH.id); pushStack.push(PUSH.id);
@ -71,7 +71,7 @@
popStack.pop(); popStack.pop();
cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack);
cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack);
}; };
var getCached = function (id) { var getCached = function (id) {
@ -81,7 +81,7 @@
var getTarget = function (e) { var getTarget = function (e) {
var target = findTarget(e.target); var target = findTarget(e.target);
if (!target || (e.which > 1) || e.metaKey || e.ctrlKey || isScrolling || (location.protocol !== target.protocol) || (location.host !== target.host) || (!target.hash && /#/.test(target.href)) || (target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')) || (target.getAttribute('data-ignore') === 'push')) { if (!target || (e.which > 1) || e.metaKey || e.ctrlKey || isScrolling || (location.protocol !== target.protocol) || (location.host !== target.host) || (!target.hash && /#/.test(target.href)) || (target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')) || (target.getAttribute('data-ignore') === 'push')) {
return; return;
} }
@ -102,23 +102,23 @@
e.preventDefault(); e.preventDefault();
PUSH({ PUSH({
url : target.href, url: target.href,
hash : target.hash, hash: target.hash,
timeout : target.getAttribute('data-timeout'), timeout: target.getAttribute('data-timeout'),
transition : target.getAttribute('data-transition') transition: target.getAttribute('data-transition')
}); });
}; };
var popstate = function (e) { var popstate = function (e) {
var key, var key,
barElement, barElement,
activeObj, activeObj,
activeDom, activeDom,
direction, direction,
transition, transition,
transitionFrom, transitionFrom,
transitionFromObj, transitionFromObj,
id = e.state; id = e.state;
if (!id || !cacheMapping[id]) { if (!id || !cacheMapping[id]) {
return; return;
@ -136,7 +136,7 @@
} }
if (direction === 'back') { if (direction === 'back') {
transitionFrom = JSON.parse((direction === 'back') ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack); transitionFrom = JSON.parse((direction === 'back') ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack);
transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]); transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]);
} else { } else {
transitionFromObj = activeObj; transitionFromObj = activeObj;
@ -150,12 +150,12 @@
if (!activeDom) { if (!activeDom) {
return PUSH({ return PUSH({
id : activeObj.id, id: activeObj.id,
url : activeObj.url, url: activeObj.url,
title : activeObj.title, title: activeObj.title,
timeout : activeObj.timeout, timeout: activeObj.timeout,
transition : transition, transition: transition,
ignorePush : true ignorePush: true
}); });
} }
@ -165,18 +165,16 @@
barElement = document.querySelector(bars[key]); barElement = document.querySelector(bars[key]);
if (activeObj[key]) { if (activeObj[key]) {
swapContent(activeObj[key], barElement); swapContent(activeObj[key], barElement);
} } else if (barElement) {
else if (barElement) {
barElement.parentNode.removeChild(barElement); barElement.parentNode.removeChild(barElement);
} }
} }
} }
swapContent( swapContent(
(activeObj.contents || activeDom).cloneNode(true), (activeObj.contents || activeDom).cloneNode(true),
document.querySelector('.content'), document.querySelector('.content'),
transition transition);
);
PUSH.id = id; PUSH.id = id;
@ -189,8 +187,8 @@
var PUSH = function (options) { var PUSH = function (options) {
var key, var key,
data = {}, data = {},
xhr = PUSH.xhr; xhr = PUSH.xhr;
options.container = options.container || options.transition ? document.querySelector('.content') : document.body; options.container = options.container || options.transition ? document.querySelector('.content') : document.body;
@ -216,16 +214,18 @@
if (!PUSH.id) { if (!PUSH.id) {
cacheReplace({ cacheReplace({
id : +new Date, id: +new Date,
url : window.location.href, url: window.location.href,
title : document.title, title: document.title,
timeout : options.timeout, timeout: options.timeout,
transition : null transition: null
}); });
} }
if (options.timeout) { if (options.timeout) {
options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); options._timeout = setTimeout(function () {
xhr.abort('timeout');
}, options.timeout);
} }
xhr.send(); xhr.send();
@ -256,11 +256,11 @@
swapContent(data.contents, options.container, options.transition, function () { swapContent(data.contents, options.container, options.transition, function () {
cacheReplace({ cacheReplace({
id : options.id || +new Date, id: options.id || +new Date,
url : data.url, url: data.url,
title : data.title, title: data.title,
timeout : options.timeout, timeout: options.timeout,
transition : options.transition transition: options.transition
}, options.id); }, options.id);
triggerStateChange(); triggerStateChange();
}); });
@ -279,18 +279,21 @@
var swapContent = function (swap, container, transition, complete) { var swapContent = function (swap, container, transition, complete) {
"use strict"; "use strict";
function fadeContainerEnd() { function fadeContainerEnd() {
container.removeEventListener('webkitTransitionEnd', fadeContainerEnd); container.removeEventListener('webkitTransitionEnd', fadeContainerEnd);
swap.classList.add('in'); swap.classList.add('in');
swap.addEventListener('webkitTransitionEnd', fadeSwapEnd); swap.addEventListener('webkitTransitionEnd', fadeSwapEnd);
} }
function fadeSwapEnd () {
function fadeSwapEnd() {
swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd); swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd);
container.parentNode.removeChild(container); container.parentNode.removeChild(container);
swap.classList.remove('fade'); swap.classList.remove('fade');
swap.classList.remove('in'); swap.classList.remove('in');
complete && complete(); complete && complete();
} }
function slideEnd() { function slideEnd() {
swap.removeEventListener('webkitTransitionEnd', slideEnd); swap.removeEventListener('webkitTransitionEnd', slideEnd);
swap.classList.remove('slide'); swap.classList.remove('slide');
@ -299,15 +302,15 @@
complete && complete(); complete && complete();
} }
var enter, var enter,
containerDirection, containerDirection,
swapDirection; swapDirection;
if (!transition) { if (!transition) {
if (container) container.innerHTML = swap.innerHTML; if (container) container.innerHTML = swap.innerHTML;
else if (swap.classList.contains('content')) document.body.appendChild(swap); else if (swap.classList.contains('content')) document.body.appendChild(swap);
else document.body.insertBefore(swap, document.querySelector('.content')); else document.body.insertBefore(swap, document.querySelector('.content'));
} else { } else {
enter = /in$/.test(transition); enter = /in$/.test(transition);
if (transition === 'fade') { if (transition === 'fade') {
container.classList.add('in'); container.classList.add('in');
@ -336,7 +339,7 @@
if (/slide/.test(transition)) { if (/slide/.test(transition)) {
container.offsetWidth; // force reflow container.offsetWidth; // force reflow
swapDirection = enter ? 'right' : 'left' swapDirection = enter ? 'right' : 'left'
containerDirection = enter ? 'left' : 'right' containerDirection = enter ? 'left' : 'right'
container.classList.add(containerDirection); container.classList.add(containerDirection);
swap.classList.remove(swapDirection); swap.classList.remove(swapDirection);
@ -346,7 +349,9 @@
var triggerStateChange = function () { var triggerStateChange = function () {
var e = new CustomEvent('push', { var e = new CustomEvent('push', {
detail: { state: getCached(PUSH.id) }, detail: {
state: getCached(PUSH.id)
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });
@ -357,7 +362,9 @@
var findTarget = function (target) { var findTarget = function (target) {
var i, toggles = document.querySelectorAll('a'); var i, toggles = document.querySelectorAll('a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = toggles.length; i--;) { if (toggles[i] === target) return target; } for (i = toggles.length; i--;) {
if (toggles[i] === target) return target;
}
} }
}; };
@ -367,12 +374,14 @@
}; };
var parseURL = function (url) { var parseURL = function (url) {
var a = document.createElement('a'); a.href = url; return a; var a = document.createElement('a');
a.href = url;
return a;
}; };
var extendWithDom = function (obj, fragment, dom) { var extendWithDom = function (obj, fragment, dom) {
var i; var i;
var result = {}; var result = {};
for (i = 0; i < obj.length; i += 1) { for (i = 0; i < obj.length; i += 1) {
result[i] = obj[i]; result[i] = obj[i];
@ -391,9 +400,9 @@
var parseXHR = function (xhr, options) { var parseXHR = function (xhr, options) {
var head, var head,
body, body,
data = {}, data = {},
responseText = xhr.responseText; responseText = xhr.responseText;
data.url = options.url; data.url = options.url;
@ -402,12 +411,12 @@
} }
if (/<html/i.test(responseText)) { if (/<html/i.test(responseText)) {
head = document.createElement('div'); head = document.createElement('div');
body = document.createElement('div'); body = document.createElement('div');
head.innerHTML = responseText.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0] head.innerHTML = responseText.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0]
body.innerHTML = responseText.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0] body.innerHTML = responseText.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]
} else { } else {
head = body = document.createElement('div'); head = body = document.createElement('div');
head.innerHTML = responseText; head.innerHTML = responseText;
} }
@ -427,10 +436,16 @@
// Attach PUSH event handlers // Attach PUSH event handlers
// ========================== // ==========================
window.addEventListener('touchstart', function () { isScrolling = false; }); window.addEventListener('touchstart', function () {
window.addEventListener('touchmove', function () { isScrolling = true; }) isScrolling = false;
});
window.addEventListener('touchmove', function () {
isScrolling = true;
})
window.addEventListener('touchend', touchend); window.addEventListener('touchend', touchend);
window.addEventListener('click', function (e) { if (getTarget(e)) e.preventDefault(); }); window.addEventListener('click', function (e) {
if (getTarget(e)) e.preventDefault();
});
window.addEventListener('popstate', popstate); window.addEventListener('popstate', popstate);
}(); }();

22
lib/js/segmented-controllers.js
Unescape View File

@ -9,18 +9,20 @@
var getTarget = function (target) { var getTarget = function (target) {
var i, popovers = document.querySelectorAll('.segmented-controller li a'); var i, popovers = document.querySelectorAll('.segmented-controller li a');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = popovers.length; i--;) { if (popovers[i] === target) return target; } for (i = popovers.length; i--;) {
if (popovers[i] === target) return target;
}
} }
}; };
window.addEventListener("touchend", function (e) { window.addEventListener("touchend", function (e) {
var activeTab, var activeTab,
activeBody, activeBody,
targetBody, targetBody,
targetTab, targetTab,
className = 'active', className = 'active',
classSelector = '.' + className, classSelector = '.' + className,
targetAnchor = getTarget(e.target); targetAnchor = getTarget(e.target);
if (!targetAnchor) { if (!targetAnchor) {
return; return;
@ -54,5 +56,7 @@
targetBody.classList.add(className); targetBody.classList.add(className);
}); });
window.addEventListener('click', function (e) { if (getTarget(e.target)) e.preventDefault(); }); window.addEventListener('click', function (e) {
}(); if (getTarget(e.target)) e.preventDefault();
});
}();

61
lib/js/sliders.js
Unescape View File

@ -8,23 +8,25 @@
!function () { !function () {
"use strict"; "use strict";
var pageX, var pageX,
pageY, pageY,
slider, slider,
deltaX, deltaX,
deltaY, deltaY,
offsetX, offsetX,
lastSlide, lastSlide,
startTime, startTime,
resistance, resistance,
sliderWidth, sliderWidth,
slideNumber, slideNumber,
isScrolling, isScrolling,
scrollableArea; scrollableArea;
var getSlider = function (target) { var getSlider = function (target) {
var i, sliders = document.querySelectorAll('.slider ul'); var i, sliders = document.querySelectorAll('.slider ul');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = sliders.length; i--;) { if (sliders[i] === target) return target; } for (i = sliders.length; i--;) {
if (sliders[i] === target) return target;
}
} }
} }
@ -35,7 +37,7 @@
var setSlideNumber = function (offset) { var setSlideNumber = function (offset) {
var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round'; var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round';
slideNumber = Math[round](getScroll() / ( scrollableArea / slider.children.length) ); slideNumber = Math[round](getScroll() / (scrollableArea / slider.children.length));
slideNumber += offset; slideNumber += offset;
slideNumber = Math.min(slideNumber, 0); slideNumber = Math.min(slideNumber, 0);
slideNumber = Math.max(-(slider.children.length - 1), slideNumber); slideNumber = Math.max(-(slider.children.length - 1), slideNumber);
@ -46,16 +48,16 @@
if (!slider) return; if (!slider) return;
var firstItem = slider.querySelector('li'); var firstItem = slider.querySelector('li');
scrollableArea = firstItem.offsetWidth * slider.children.length; scrollableArea = firstItem.offsetWidth * slider.children.length;
isScrolling = undefined; isScrolling = undefined;
sliderWidth = slider.offsetWidth; sliderWidth = slider.offsetWidth;
resistance = 1; resistance = 1;
lastSlide = -(slider.children.length - 1); lastSlide = -(slider.children.length - 1);
startTime = +new Date; startTime = +new Date;
pageX = e.touches[0].pageX; pageX = e.touches[0].pageX;
pageY = e.touches[0].pageY; pageY = e.touches[0].pageY;
setSlideNumber(0); setSlideNumber(0);
@ -67,8 +69,8 @@
deltaX = e.touches[0].pageX - pageX; deltaX = e.touches[0].pageX - pageX;
deltaY = e.touches[0].pageY - pageY; deltaY = e.touches[0].pageY - pageY;
pageX = e.touches[0].pageX; pageX = e.touches[0].pageX;
pageY = e.touches[0].pageY; pageY = e.touches[0].pageY;
if (typeof isScrolling == 'undefined') { if (typeof isScrolling == 'undefined') {
isScrolling = Math.abs(deltaY) > Math.abs(deltaX); isScrolling = Math.abs(deltaY) > Math.abs(deltaX);
@ -80,8 +82,8 @@
e.preventDefault(); e.preventDefault();
resistance = slideNumber == 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : resistance = slideNumber == 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 :
slideNumber == lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; slideNumber == lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1;
slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)';
}; };
@ -90,8 +92,7 @@
if (!slider || isScrolling) return; if (!slider || isScrolling) return;
setSlideNumber( setSlideNumber(
(+new Date) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 (+new Date) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0);
);
offsetX = slideNumber * sliderWidth; offsetX = slideNumber * sliderWidth;
@ -99,7 +100,9 @@
slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)';
e = new CustomEvent('slide', { e = new CustomEvent('slide', {
detail: { slideNumber: Math.abs(slideNumber) }, detail: {
slideNumber: Math.abs(slideNumber)
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });

55
lib/js/toggles.js
Unescape View File

@ -5,16 +5,18 @@
* ---------------------------------- */ * ---------------------------------- */
!function () { !function () {
"use strict";
var start = {}, var start = {},
touchMove = false, touchMove = false,
distanceX = false, distanceX = false,
toggle = false; toggle = false;
var findToggle = function (target) { var findToggle = function (target) {
var i, toggles = document.querySelectorAll('.toggle'); var i, toggles = document.querySelectorAll('.toggle');
for (; target && target !== document; target = target.parentNode) { for (; target && target !== document; target = target.parentNode) {
for (i = toggles.length; i--;) { if (toggles[i] === target) return target; } for (i = toggles.length; i--;) {
if (toggles[i] === target) return target;
}
} }
} }
@ -27,12 +29,15 @@
return; return;
} }
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0; offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0;
start = { pageX : e.touches[0].pageX - offset, pageY : e.touches[0].pageY }; start = {
pageX: e.touches[0].pageX - offset,
pageY: e.touches[0].pageY
};
touchMove = false; touchMove = false;
// todo: probably should be moved to the css // todo: probably should be moved to the css
@ -46,11 +51,11 @@
if (!toggle) return; if (!toggle) return;
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
current = e.touches[0], current = e.touches[0],
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggleWidth - handleWidth; offset = toggleWidth - handleWidth;
touchMove = true; touchMove = true;
distanceX = current.pageX - start.pageX; distanceX = current.pageX - start.pageX;
@ -70,17 +75,17 @@
handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)';
toggle.classList[(distanceX > (toggleWidth/2 - handleWidth/2)) ? 'add' : 'remove']('active'); toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active');
}); });
window.addEventListener('touchend', function (e) { window.addEventListener('touchend', function (e) {
if (!toggle) return; if (!toggle) return;
var handle = toggle.querySelector('.toggle-handle'), var handle = toggle.querySelector('.toggle-handle'),
toggleWidth = toggle.offsetWidth, toggleWidth = toggle.offsetWidth,
handleWidth = handle.offsetWidth, handleWidth = handle.offsetWidth,
offset = toggleWidth - handleWidth, offset = toggleWidth - handleWidth,
slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth/2 - handleWidth/2))); slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
if (slideOn) { if (slideOn) {
handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)';
@ -91,7 +96,9 @@
toggle.classList[slideOn ? 'add' : 'remove']('active'); toggle.classList[slideOn ? 'add' : 'remove']('active');
e = new CustomEvent('toggle', { e = new CustomEvent('toggle', {
detail: { isActive: slideOn }, detail: {
isActive: slideOn
},
bubbles: true, bubbles: true,
cancelable: true cancelable: true
}); });
@ -99,7 +106,7 @@
toggle.dispatchEvent(e); toggle.dispatchEvent(e);
touchMove = false; touchMove = false;
toggle = false; toggle = false;
}); });
}(); }();

Write Preview
Loading…
Cancel
Save