Math.abs(dy) + 6) { isHoriz = true; }
else if (Math.abs(dy) > Math.abs(dx) + 6) { isHoriz = false; return; }
else return;
}
if (!isHoriz) return;
swipeX = Math.max(-88, Math.min(0, dx));
$el.querySelector('.vp-cart-item').style.transform = 'translateX(' + swipeX + 'px)'
"
@touchend="
if (!dragging || removed) return;
dragging = false;
var _el = $el.querySelector('.vp-cart-item');
if (swipeX < -44) {
removed = true;
_el.style.transition = 'transform .22s ease, opacity .22s ease';
_el.style.transform = 'translateX(-110%)';
_el.style.opacity = '0';
var _key = item.key; var _qty = item.quantity;
setTimeout(function(){
var idx = cart.items.findIndex(function(i){ return i.key === _key; });
if (idx !== -1) cart.items.splice(idx, 1);
cart.item_count = Math.max(0, cart.item_count - _qty);
changeCartItemQuantity(_key, 0, false);
}, 230);
} else {
_el.style.transition = 'transform .3s var(--vpc-ease)';
_el.style.transform = '';
swipeX = 0;
}
">
Swipe left on an item to remove