with its height set to 100vh and measure that since that's what the scrolling is based on anyway and it's not affected by address bar showing/hiding.
_div100vh.style.height = "100vh";
_div100vh.style.position = "absolute";
_refresh100vh();
_rafBugFix();
Observer.register(ScrollTrigger_gsap); // isTouch is 0 if no touch, 1 if ONLY touch, and 2 if it can accommodate touch but also other types like mouse/pointer.
ScrollTrigger.isTouch = Observer.isTouch;
_fixIOSBug = Observer.isTouch && /(iPad|iPhone|iPod|Mac)/g.test(navigator.userAgent); // since 2017, iOS has had a bug that causes event.clientX/Y to be inaccurate when a scroll occurs, thus we must alternate ignoring every other touchmove event to work around it. See https://bugs.webkit.org/show_bug.cgi?id=181954 and https://codepen.io/GreenSock/pen/ExbrPNa/087cef197dc35445a0951e8935c41503
_ignoreMobileResize = Observer.isTouch === 1;
ScrollTrigger_addListener(ScrollTrigger_win, "wheel", ScrollTrigger_onScroll); // mostly for 3rd party smooth scrolling libraries.
ScrollTrigger_root = [ScrollTrigger_win, ScrollTrigger_doc, ScrollTrigger_docEl, ScrollTrigger_body];
if (ScrollTrigger_gsap.matchMedia) {
ScrollTrigger.matchMedia = function (vars) {
var mm = ScrollTrigger_gsap.matchMedia(),
p;
for (p in vars) {
mm.add(p, vars[p]);
}
return mm;
};
ScrollTrigger_gsap.addEventListener("matchMediaInit", function () {
return _revertAll();
});
ScrollTrigger_gsap.addEventListener("matchMediaRevert", function () {
return _revertRecorded();
});
ScrollTrigger_gsap.addEventListener("matchMedia", function () {
_refreshAll(0, 1);
_dispatch("matchMedia");
});
ScrollTrigger_gsap.matchMedia("(orientation: portrait)", function () {
// when orientation changes, we should take new base measurements for the ignoreMobileResize feature.
_setBaseDimensions();
return _setBaseDimensions;
});
} else {
console.warn("Requires GSAP 3.11.0 or later");
}
_setBaseDimensions();
ScrollTrigger_addListener(ScrollTrigger_doc, "scroll", ScrollTrigger_onScroll); // some browsers (like Chrome), the window stops dispatching scroll events on the window if you scroll really fast, but it's consistent on the document!
var bodyStyle = ScrollTrigger_body.style,
border = bodyStyle.borderTopStyle,
AnimationProto = ScrollTrigger_gsap.core.Animation.prototype,
bounds,
i;
AnimationProto.revert || Object.defineProperty(AnimationProto, "revert", {
value: function value() {
return this.time(-0.01, true);
}
}); // only for backwards compatibility (Animation.revert() was added after 3.10.4)
bodyStyle.borderTopStyle = "solid"; // works around an issue where a margin of a child element could throw off the bounds of the _body, making it seem like there's a margin when there actually isn't. The border ensures that the bounds are accurate.
bounds = _getBounds(ScrollTrigger_body);
_vertical.m = Math.round(bounds.top + _vertical.sc()) || 0; // accommodate the offset of the caused by margins and/or padding
_horizontal.m = Math.round(bounds.left + _horizontal.sc()) || 0;
border ? bodyStyle.borderTopStyle = border : bodyStyle.removeProperty("border-top-style"); // TODO: (?) maybe move to leveraging the velocity mechanism in Observer and skip intervals.
_syncInterval = setInterval(_sync, 250);
ScrollTrigger_gsap.delayedCall(0.5, function () {
return ScrollTrigger_startup = 0;
});
ScrollTrigger_addListener(ScrollTrigger_doc, "touchcancel", _passThrough); // some older Android devices intermittently stop dispatching "touchmove" events if we don't listen for "touchcancel" on the document.
ScrollTrigger_addListener(ScrollTrigger_body, "touchstart", _passThrough); //works around Safari bug: https://gsap.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/
_multiListener(ScrollTrigger_addListener, ScrollTrigger_doc, "pointerdown,touchstart,mousedown", _pointerDownHandler);
_multiListener(ScrollTrigger_addListener, ScrollTrigger_doc, "pointerup,touchend,mouseup", _pointerUpHandler);
_transformProp = ScrollTrigger_gsap.utils.checkPrefix("transform");
_stateProps.push(_transformProp);
ScrollTrigger_coreInitted = ScrollTrigger_getTime();
_resizeDelay = ScrollTrigger_gsap.delayedCall(0.2, _refreshAll).pause();
_autoRefresh = [ScrollTrigger_doc, "visibilitychange", function () {
var w = ScrollTrigger_win.innerWidth,
h = ScrollTrigger_win.innerHeight;
if (ScrollTrigger_doc.hidden) {
_prevWidth = w;
_prevHeight = h;
} else if (_prevWidth !== w || _prevHeight !== h) {
_onResize();
}
}, ScrollTrigger_doc, "DOMContentLoaded", _refreshAll, ScrollTrigger_win, "load", _refreshAll, ScrollTrigger_win, "resize", _onResize];
_iterateAutoRefresh(ScrollTrigger_addListener);
_triggers.forEach(function (trigger) {
return trigger.enable(0, 1);
});
for (i = 0; i < _scrollers.length; i += 3) {
_wheelListener(ScrollTrigger_removeListener, _scrollers[i], _scrollers[i + 1]);
_wheelListener(ScrollTrigger_removeListener, _scrollers[i], _scrollers[i + 2]);
}
}
}
};
ScrollTrigger.config = function config(vars) {
"limitCallbacks" in vars && (_limitCallbacks = !!vars.limitCallbacks);
var ms = vars.syncInterval;
ms && clearInterval(_syncInterval) || (_syncInterval = ms) && setInterval(_sync, ms);
"ignoreMobileResize" in vars && (_ignoreMobileResize = ScrollTrigger.isTouch === 1 && vars.ignoreMobileResize);
if ("autoRefreshEvents" in vars) {
_iterateAutoRefresh(ScrollTrigger_removeListener) || _iterateAutoRefresh(ScrollTrigger_addListener, vars.autoRefreshEvents || "none");
_ignoreResize = (vars.autoRefreshEvents + "").indexOf("resize") === -1;
}
};
ScrollTrigger.scrollerProxy = function scrollerProxy(target, vars) {
var t = _getTarget(target),
i = _scrollers.indexOf(t),
isViewport = ScrollTrigger_isViewport(t);
if (~i) {
_scrollers.splice(i, isViewport ? 6 : 2);
}
if (vars) {
isViewport ? _proxies.unshift(ScrollTrigger_win, vars, ScrollTrigger_body, vars, ScrollTrigger_docEl, vars) : _proxies.unshift(t, vars);
}
};
ScrollTrigger.clearMatchMedia = function clearMatchMedia(query) {
_triggers.forEach(function (t) {
return t._ctx && t._ctx.query === query && t._ctx.kill(true, true);
});
};
ScrollTrigger.isInViewport = function isInViewport(element, ratio, horizontal) {
var bounds = (_isString(element) ? _getTarget(element) : element).getBoundingClientRect(),
offset = bounds[horizontal ? _width : _height] * ratio || 0;
return horizontal ? bounds.right - offset > 0 && bounds.left + offset < ScrollTrigger_win.innerWidth : bounds.bottom - offset > 0 && bounds.top + offset < ScrollTrigger_win.innerHeight;
};
ScrollTrigger.positionInViewport = function positionInViewport(element, referencePoint, horizontal) {
_isString(element) && (element = _getTarget(element));
var bounds = element.getBoundingClientRect(),
size = bounds[horizontal ? _width : _height],
offset = referencePoint == null ? size / 2 : referencePoint in _keywords ? _keywords[referencePoint] * size : ~referencePoint.indexOf("%") ? parseFloat(referencePoint) * size / 100 : parseFloat(referencePoint) || 0;
return horizontal ? (bounds.left + offset) / ScrollTrigger_win.innerWidth : (bounds.top + offset) / ScrollTrigger_win.innerHeight;
};
ScrollTrigger.killAll = function killAll(allowListeners) {
_triggers.slice(0).forEach(function (t) {
return t.vars.id !== "ScrollSmoother" && t.kill();
});
if (allowListeners !== true) {
var listeners = _listeners.killAll || [];
_listeners = {};
listeners.forEach(function (f) {
return f();
});
}
};
return ScrollTrigger;
}();
ScrollTrigger_ScrollTrigger.version = "3.12.5";
ScrollTrigger_ScrollTrigger.saveStyles = function (targets) {
return targets ? _toArray(targets).forEach(function (target) {
// saved styles are recorded in a consecutive alternating Array, like [element, cssText, transform attribute, cache, matchMedia, ...]
if (target && target.style) {
var i = _savedStyles.indexOf(target);
i >= 0 && _savedStyles.splice(i, 5);
_savedStyles.push(target, target.style.cssText, target.getBBox && target.getAttribute("transform"), ScrollTrigger_gsap.core.getCache(target), ScrollTrigger_context());
}
}) : _savedStyles;
};
ScrollTrigger_ScrollTrigger.revert = function (soft, media) {
return _revertAll(!soft, media);
};
ScrollTrigger_ScrollTrigger.create = function (vars, animation) {
return new ScrollTrigger_ScrollTrigger(vars, animation);
};
ScrollTrigger_ScrollTrigger.refresh = function (safe) {
return safe ? _onResize() : (ScrollTrigger_coreInitted || ScrollTrigger_ScrollTrigger.register()) && _refreshAll(true);
};
ScrollTrigger_ScrollTrigger.update = function (force) {
return ++_scrollers.cache && _updateAll(force === true ? 2 : 0);
};
ScrollTrigger_ScrollTrigger.clearScrollMemory = _clearScrollMemory;
ScrollTrigger_ScrollTrigger.maxScroll = function (element, horizontal) {
return _maxScroll(element, horizontal ? _horizontal : _vertical);
};
ScrollTrigger_ScrollTrigger.getScrollFunc = function (element, horizontal) {
return _getScrollFunc(_getTarget(element), horizontal ? _horizontal : _vertical);
};
ScrollTrigger_ScrollTrigger.getById = function (id) {
return _ids[id];
};
ScrollTrigger_ScrollTrigger.getAll = function () {
return _triggers.filter(function (t) {
return t.vars.id !== "ScrollSmoother";
});
}; // it's common for people to ScrollTrigger.getAll(t => t.kill()) on page routes, for example, and we don't want it to ruin smooth scrolling by killing the main ScrollSmoother one.
ScrollTrigger_ScrollTrigger.isScrolling = function () {
return !!_lastScrollTime;
};
ScrollTrigger_ScrollTrigger.snapDirectional = _snapDirectional;
ScrollTrigger_ScrollTrigger.addEventListener = function (type, callback) {
var a = _listeners[type] || (_listeners[type] = []);
~a.indexOf(callback) || a.push(callback);
};
ScrollTrigger_ScrollTrigger.removeEventListener = function (type, callback) {
var a = _listeners[type],
i = a && a.indexOf(callback);
i >= 0 && a.splice(i, 1);
};
ScrollTrigger_ScrollTrigger.batch = function (targets, vars) {
var result = [],
varsCopy = {},
interval = vars.interval || 0.016,
batchMax = vars.batchMax || 1e9,
proxyCallback = function proxyCallback(type, callback) {
var elements = [],
triggers = [],
delay = ScrollTrigger_gsap.delayedCall(interval, function () {
callback(elements, triggers);
elements = [];
triggers = [];
}).pause();
return function (self) {
elements.length || delay.restart(true);
elements.push(self.trigger);
triggers.push(self);
batchMax <= elements.length && delay.progress(1);
};
},
p;
for (p in vars) {
varsCopy[p] = p.substr(0, 2) === "on" && _isFunction(vars[p]) && p !== "onRefreshInit" ? proxyCallback(p, vars[p]) : vars[p];
}
if (_isFunction(batchMax)) {
batchMax = batchMax();
ScrollTrigger_addListener(ScrollTrigger_ScrollTrigger, "refresh", function () {
return batchMax = vars.batchMax();
});
}
_toArray(targets).forEach(function (target) {
var config = {};
for (p in varsCopy) {
config[p] = varsCopy[p];
}
config.trigger = target;
result.push(ScrollTrigger_ScrollTrigger.create(config));
});
return result;
}; // to reduce file size. clamps the scroll and also returns a duration multiplier so that if the scroll gets chopped shorter, the duration gets curtailed as well (otherwise if you're very close to the top of the page, for example, and swipe up really fast, it'll suddenly slow down and take a long time to reach the top).
var _clampScrollAndGetDurationMultiplier = function _clampScrollAndGetDurationMultiplier(scrollFunc, current, end, max) {
current > max ? scrollFunc(max) : current < 0 && scrollFunc(0);
return end > max ? (max - current) / (end - current) : end < 0 ? current / (current - end) : 1;
},
_allowNativePanning = function _allowNativePanning(target, direction) {
if (direction === true) {
target.style.removeProperty("touch-action");
} else {
target.style.touchAction = direction === true ? "auto" : direction ? "pan-" + direction + (Observer.isTouch ? " pinch-zoom" : "") : "none"; // note: Firefox doesn't support it pinch-zoom properly, at least in addition to a pan-x or pan-y.
}
target === ScrollTrigger_docEl && _allowNativePanning(ScrollTrigger_body, direction);
},
_overflow = {
auto: 1,
scroll: 1
},
_nestedScroll = function _nestedScroll(_ref5) {
var event = _ref5.event,
target = _ref5.target,
axis = _ref5.axis;
var node = (event.changedTouches ? event.changedTouches[0] : event).target,
cache = node._gsap || ScrollTrigger_gsap.core.getCache(node),
time = ScrollTrigger_getTime(),
cs;
if (!cache._isScrollT || time - cache._isScrollT > 2000) {
// cache for 2 seconds to improve performance.
while (node && node !== ScrollTrigger_body && (node.scrollHeight <= node.clientHeight && node.scrollWidth <= node.clientWidth || !(_overflow[(cs = _getComputedStyle(node)).overflowY] || _overflow[cs.overflowX]))) {
node = node.parentNode;
}
cache._isScroll = node && node !== target && !ScrollTrigger_isViewport(node) && (_overflow[(cs = _getComputedStyle(node)).overflowY] || _overflow[cs.overflowX]);
cache._isScrollT = time;
}
if (cache._isScroll || axis === "x") {
event.stopPropagation();
event._gsapAllow = true;
}
},
// capture events on scrollable elements INSIDE the and allow those by calling stopPropagation() when we find a scrollable ancestor
_inputObserver = function _inputObserver(target, type, inputs, nested) {
return Observer.create({
target: target,
capture: true,
debounce: false,
lockAxis: true,
type: type,
onWheel: nested = nested && _nestedScroll,
onPress: nested,
onDrag: nested,
onScroll: nested,
onEnable: function onEnable() {
return inputs && ScrollTrigger_addListener(ScrollTrigger_doc, Observer.eventTypes[0], _captureInputs, false, true);
},
onDisable: function onDisable() {
return ScrollTrigger_removeListener(ScrollTrigger_doc, Observer.eventTypes[0], _captureInputs, true);
}
});
},
_inputExp = /(input|label|select|textarea)/i,
_inputIsFocused,
_captureInputs = function _captureInputs(e) {
var isInput = _inputExp.test(e.target.tagName);
if (isInput || _inputIsFocused) {
e._gsapAllow = true;
_inputIsFocused = isInput;
}
},
_getScrollNormalizer = function _getScrollNormalizer(vars) {
_isObject(vars) || (vars = {});
vars.preventDefault = vars.isNormalizer = vars.allowClicks = true;
vars.type || (vars.type = "wheel,touch");
vars.debounce = !!vars.debounce;
vars.id = vars.id || "normalizer";
var _vars2 = vars,
normalizeScrollX = _vars2.normalizeScrollX,
momentum = _vars2.momentum,
allowNestedScroll = _vars2.allowNestedScroll,
onRelease = _vars2.onRelease,
self,
maxY,
target = _getTarget(vars.target) || ScrollTrigger_docEl,
smoother = ScrollTrigger_gsap.core.globals().ScrollSmoother,
smootherInstance = smoother && smoother.get(),
content = _fixIOSBug && (vars.content && _getTarget(vars.content) || smootherInstance && vars.content !== false && !smootherInstance.smooth() && smootherInstance.content()),
scrollFuncY = _getScrollFunc(target, _vertical),
scrollFuncX = _getScrollFunc(target, _horizontal),
scale = 1,
initialScale = (Observer.isTouch && ScrollTrigger_win.visualViewport ? ScrollTrigger_win.visualViewport.scale * ScrollTrigger_win.visualViewport.width : ScrollTrigger_win.outerWidth) / ScrollTrigger_win.innerWidth,
wheelRefresh = 0,
resolveMomentumDuration = _isFunction(momentum) ? function () {
return momentum(self);
} : function () {
return momentum || 2.8;
},
lastRefreshID,
skipTouchMove,
inputObserver = _inputObserver(target, vars.type, true, allowNestedScroll),
resumeTouchMove = function resumeTouchMove() {
return skipTouchMove = false;
},
scrollClampX = _passThrough,
scrollClampY = _passThrough,
updateClamps = function updateClamps() {
maxY = _maxScroll(target, _vertical);
scrollClampY = ScrollTrigger_clamp(_fixIOSBug ? 1 : 0, maxY);
normalizeScrollX && (scrollClampX = ScrollTrigger_clamp(0, _maxScroll(target, _horizontal)));
lastRefreshID = _refreshID;
},
removeContentOffset = function removeContentOffset() {
content._gsap.y = _round(parseFloat(content._gsap.y) + scrollFuncY.offset) + "px";
content.style.transform = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, " + parseFloat(content._gsap.y) + ", 0, 1)";
scrollFuncY.offset = scrollFuncY.cacheID = 0;
},
ignoreDrag = function ignoreDrag() {
if (skipTouchMove) {
requestAnimationFrame(resumeTouchMove);
var offset = _round(self.deltaY / 2),
scroll = scrollClampY(scrollFuncY.v - offset);
if (content && scroll !== scrollFuncY.v + scrollFuncY.offset) {
scrollFuncY.offset = scroll - scrollFuncY.v;
var y = _round((parseFloat(content && content._gsap.y) || 0) - scrollFuncY.offset);
content.style.transform = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, " + y + ", 0, 1)";
content._gsap.y = y + "px";
scrollFuncY.cacheID = _scrollers.cache;
_updateAll();
}
return true;
}
scrollFuncY.offset && removeContentOffset();
skipTouchMove = true;
},
tween,
startScrollX,
startScrollY,
onStopDelayedCall,
onResize = function onResize() {
// if the window resizes, like on an iPhone which Apple FORCES the address bar to show/hide even if we event.preventDefault(), it may be scrolling too far now that the address bar is showing, so we must dynamically adjust the momentum tween.
updateClamps();
if (tween.isActive() && tween.vars.scrollY > maxY) {
scrollFuncY() > maxY ? tween.progress(1) && scrollFuncY(maxY) : tween.resetTo("scrollY", maxY);
}
};
content && ScrollTrigger_gsap.set(content, {
y: "+=0"
}); // to ensure there's a cache (element._gsap)
vars.ignoreCheck = function (e) {
return _fixIOSBug && e.type === "touchmove" && ignoreDrag(e) || scale > 1.05 && e.type !== "touchstart" || self.isGesturing || e.touches && e.touches.length > 1;
};
vars.onPress = function () {
skipTouchMove = false;
var prevScale = scale;
scale = _round((ScrollTrigger_win.visualViewport && ScrollTrigger_win.visualViewport.scale || 1) / initialScale);
tween.pause();
prevScale !== scale && _allowNativePanning(target, scale > 1.01 ? true : normalizeScrollX ? false : "x");
startScrollX = scrollFuncX();
startScrollY = scrollFuncY();
updateClamps();
lastRefreshID = _refreshID;
};
vars.onRelease = vars.onGestureStart = function (self, wasDragging) {
scrollFuncY.offset && removeContentOffset();
if (!wasDragging) {
onStopDelayedCall.restart(true);
} else {
_scrollers.cache++; // make sure we're pulling the non-cached value
// alternate algorithm: durX = Math.min(6, Math.abs(self.velocityX / 800)), dur = Math.max(durX, Math.min(6, Math.abs(self.velocityY / 800))); dur = dur * (0.4 + (1 - _power4In(dur / 6)) * 0.6)) * (momentumSpeed || 1)
var dur = resolveMomentumDuration(),
currentScroll,
endScroll;
if (normalizeScrollX) {
currentScroll = scrollFuncX();
endScroll = currentScroll + dur * 0.05 * -self.velocityX / 0.227; // the constant .227 is from power4(0.05). velocity is inverted because scrolling goes in the opposite direction.
dur *= _clampScrollAndGetDurationMultiplier(scrollFuncX, currentScroll, endScroll, _maxScroll(target, _horizontal));
tween.vars.scrollX = scrollClampX(endScroll);
}
currentScroll = scrollFuncY();
endScroll = currentScroll + dur * 0.05 * -self.velocityY / 0.227; // the constant .227 is from power4(0.05)
dur *= _clampScrollAndGetDurationMultiplier(scrollFuncY, currentScroll, endScroll, _maxScroll(target, _vertical));
tween.vars.scrollY = scrollClampY(endScroll);
tween.invalidate().duration(dur).play(0.01);
if (_fixIOSBug && tween.vars.scrollY >= maxY || currentScroll >= maxY - 1) {
// iOS bug: it'll show the address bar but NOT fire the window "resize" event until the animation is done but we must protect against overshoot so we leverage an onUpdate to do so.
ScrollTrigger_gsap.to({}, {
onUpdate: onResize,
duration: dur
});
}
}
onRelease && onRelease(self);
};
vars.onWheel = function () {
tween._ts && tween.pause();
if (ScrollTrigger_getTime() - wheelRefresh > 1000) {
// after 1 second, refresh the clamps otherwise that'll only happen when ScrollTrigger.refresh() is called or for touch-scrolling.
lastRefreshID = 0;
wheelRefresh = ScrollTrigger_getTime();
}
};
vars.onChange = function (self, dx, dy, xArray, yArray) {
_refreshID !== lastRefreshID && updateClamps();
dx && normalizeScrollX && scrollFuncX(scrollClampX(xArray[2] === dx ? startScrollX + (self.startX - self.x) : scrollFuncX() + dx - xArray[1])); // for more precision, we track pointer/touch movement from the start, otherwise it'll drift.
if (dy) {
scrollFuncY.offset && removeContentOffset();
var isTouch = yArray[2] === dy,
y = isTouch ? startScrollY + self.startY - self.y : scrollFuncY() + dy - yArray[1],
yClamped = scrollClampY(y);
isTouch && y !== yClamped && (startScrollY += yClamped - y);
scrollFuncY(yClamped);
}
(dy || dx) && _updateAll();
};
vars.onEnable = function () {
_allowNativePanning(target, normalizeScrollX ? false : "x");
ScrollTrigger_ScrollTrigger.addEventListener("refresh", onResize);
ScrollTrigger_addListener(ScrollTrigger_win, "resize", onResize);
if (scrollFuncY.smooth) {
scrollFuncY.target.style.scrollBehavior = "auto";
scrollFuncY.smooth = scrollFuncX.smooth = false;
}
inputObserver.enable();
};
vars.onDisable = function () {
_allowNativePanning(target, true);
ScrollTrigger_removeListener(ScrollTrigger_win, "resize", onResize);
ScrollTrigger_ScrollTrigger.removeEventListener("refresh", onResize);
inputObserver.kill();
};
vars.lockAxis = vars.lockAxis !== false;
self = new Observer(vars);
self.iOS = _fixIOSBug; // used in the Observer getCachedScroll() function to work around an iOS bug that wreaks havoc with TouchEvent.clientY if we allow scroll to go all the way back to 0.
_fixIOSBug && !scrollFuncY() && scrollFuncY(1); // iOS bug causes event.clientY values to freak out (wildly inaccurate) if the scroll position is exactly 0.
_fixIOSBug && ScrollTrigger_gsap.ticker.add(_passThrough); // prevent the ticker from sleeping
onStopDelayedCall = self._dc;
tween = ScrollTrigger_gsap.to(self, {
ease: "power4",
paused: true,
inherit: false,
scrollX: normalizeScrollX ? "+=0.1" : "+=0",
scrollY: "+=0.1",
modifiers: {
scrollY: _interruptionTracker(scrollFuncY, scrollFuncY(), function () {
return tween.pause();
})
},
onUpdate: _updateAll,
onComplete: onStopDelayedCall.vars.onComplete
}); // we need the modifier to sense if the scroll position is altered outside of the momentum tween (like with a scrollTo tween) so we can pause() it to prevent conflicts.
return self;
};
ScrollTrigger_ScrollTrigger.sort = function (func) {
return _triggers.sort(func || function (a, b) {
return (a.vars.refreshPriority || 0) * -1e6 + a.start - (b.start + (b.vars.refreshPriority || 0) * -1e6);
});
};
ScrollTrigger_ScrollTrigger.observe = function (vars) {
return new Observer(vars);
};
ScrollTrigger_ScrollTrigger.normalizeScroll = function (vars) {
if (typeof vars === "undefined") {
return ScrollTrigger_normalizer;
}
if (vars === true && ScrollTrigger_normalizer) {
return ScrollTrigger_normalizer.enable();
}
if (vars === false) {
ScrollTrigger_normalizer && ScrollTrigger_normalizer.kill();
ScrollTrigger_normalizer = vars;
return;
}
var normalizer = vars instanceof Observer ? vars : _getScrollNormalizer(vars);
ScrollTrigger_normalizer && ScrollTrigger_normalizer.target === normalizer.target && ScrollTrigger_normalizer.kill();
ScrollTrigger_isViewport(normalizer.target) && (ScrollTrigger_normalizer = normalizer);
return normalizer;
};
ScrollTrigger_ScrollTrigger.core = {
// smaller file size way to leverage in ScrollSmoother and Observer
_getVelocityProp: _getVelocityProp,
_inputObserver: _inputObserver,
_scrollers: _scrollers,
_proxies: _proxies,
bridge: {
// when normalizeScroll sets the scroll position (ss = setScroll)
ss: function ss() {
_lastScrollTime || _dispatch("scrollStart");
_lastScrollTime = ScrollTrigger_getTime();
},
// a way to get the _refreshing value in Observer
ref: function ref() {
return _refreshing;
}
}
};
ScrollTrigger_getGSAP() && ScrollTrigger_gsap.registerPlugin(ScrollTrigger_ScrollTrigger);
/***/ }),
/***/ 66358:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"ZP": () => (/* binding */ gsapWithCSS)
});
// UNUSED EXPORTS: Back, Bounce, CSSPlugin, Circ, Cubic, Elastic, Expo, Linear, Power0, Power1, Power2, Power3, Power4, Quad, Quart, Quint, Sine, SteppedEase, Strong, TimelineLite, TimelineMax, TweenLite, TweenMax, gsap
;// CONCATENATED MODULE: ./node_modules/gsap/gsap-core.js
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
/*!
* GSAP 3.12.5
* https://gsap.com
*
* @license Copyright 2008-2024, GreenSock. All rights reserved.
* Subject to the terms at https://gsap.com/standard-license or for
* Club GSAP members, the agreement issued with that membership.
* @author: Jack Doyle, jack@greensock.com
*/
/* eslint-disable */
var _config = {
autoSleep: 120,
force3D: "auto",
nullTargetWarn: 1,
units: {
lineHeight: ""
}
},
_defaults = {
duration: .5,
overwrite: false,
delay: 0
},
_suppressOverwrites,
_reverting,
_context,
_bigNum = 1e8,
_tinyNum = 1 / _bigNum,
_2PI = Math.PI * 2,
_HALF_PI = _2PI / 4,
_gsID = 0,
_sqrt = Math.sqrt,
_cos = Math.cos,
_sin = Math.sin,
_isString = function _isString(value) {
return typeof value === "string";
},
_isFunction = function _isFunction(value) {
return typeof value === "function";
},
_isNumber = function _isNumber(value) {
return typeof value === "number";
},
_isUndefined = function _isUndefined(value) {
return typeof value === "undefined";
},
_isObject = function _isObject(value) {
return typeof value === "object";
},
_isNotFalse = function _isNotFalse(value) {
return value !== false;
},
_windowExists = function _windowExists() {
return typeof window !== "undefined";
},
_isFuncOrString = function _isFuncOrString(value) {
return _isFunction(value) || _isString(value);
},
_isTypedArray = typeof ArrayBuffer === "function" && ArrayBuffer.isView || function () {},
// note: IE10 has ArrayBuffer, but NOT ArrayBuffer.isView().
_isArray = Array.isArray,
_strictNumExp = /(?:-?\.?\d|\.)+/gi,
//only numbers (including negatives and decimals) but NOT relative values.
_numExp = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,
//finds any numbers, including ones that start with += or -=, negative numbers, and ones in scientific notation like 1e-8.
_numWithUnitExp = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g,
_complexStringNumExp = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,
//duplicate so that while we're looping through matches from exec(), it doesn't contaminate the lastIndex of _numExp which we use to search for colors too.
_relExp = /[+-]=-?[.\d]+/,
_delimitedValueExp = /[^,'"\[\]\s]+/gi,
// previously /[#\-+.]*\b[a-z\d\-=+%.]+/gi but didn't catch special characters.
_unitExp = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,
_globalTimeline,
_win,
_coreInitted,
_doc,
_globals = {},
_installScope = {},
_coreReady,
_install = function _install(scope) {
return (_installScope = _merge(scope, _globals)) && gsap;
},
_missingPlugin = function _missingPlugin(property, value) {
return console.warn("Invalid property", property, "set to", value, "Missing plugin? gsap.registerPlugin()");
},
_warn = function _warn(message, suppress) {
return !suppress && console.warn(message);
},
_addGlobal = function _addGlobal(name, obj) {
return name && (_globals[name] = obj) && _installScope && (_installScope[name] = obj) || _globals;
},
_emptyFunc = function _emptyFunc() {
return 0;
},
_startAtRevertConfig = {
suppressEvents: true,
isStart: true,
kill: false
},
_revertConfigNoKill = {
suppressEvents: true,
kill: false
},
_revertConfig = {
suppressEvents: true
},
_reservedProps = {},
_lazyTweens = [],
_lazyLookup = {},
_lastRenderedFrame,
_plugins = {},
_effects = {},
_nextGCFrame = 30,
_harnessPlugins = [],
_callbackNames = "",
_harness = function _harness(targets) {
var target = targets[0],
harnessPlugin,
i;
_isObject(target) || _isFunction(target) || (targets = [targets]);
if (!(harnessPlugin = (target._gsap || {}).harness)) {
// find the first target with a harness. We assume targets passed into an animation will be of similar type, meaning the same kind of harness can be used for them all (performance optimization)
i = _harnessPlugins.length;
while (i-- && !_harnessPlugins[i].targetTest(target)) {}
harnessPlugin = _harnessPlugins[i];
}
i = targets.length;
while (i--) {
targets[i] && (targets[i]._gsap || (targets[i]._gsap = new GSCache(targets[i], harnessPlugin))) || targets.splice(i, 1);
}
return targets;
},
_getCache = function _getCache(target) {
return target._gsap || _harness(toArray(target))[0]._gsap;
},
_getProperty = function _getProperty(target, property, v) {
return (v = target[property]) && _isFunction(v) ? target[property]() : _isUndefined(v) && target.getAttribute && target.getAttribute(property) || v;
},
_forEachName = function _forEachName(names, func) {
return (names = names.split(",")).forEach(func) || names;
},
//split a comma-delimited list of names into an array, then run a forEach() function and return the split array (this is just a way to consolidate/shorten some code).
_round = function _round(value) {
return Math.round(value * 100000) / 100000 || 0;
},
_roundPrecise = function _roundPrecise(value) {
return Math.round(value * 10000000) / 10000000 || 0;
},
// increased precision mostly for timing values.
_parseRelative = function _parseRelative(start, value) {
var operator = value.charAt(0),
end = parseFloat(value.substr(2));
start = parseFloat(start);
return operator === "+" ? start + end : operator === "-" ? start - end : operator === "*" ? start * end : start / end;
},
_arrayContainsAny = function _arrayContainsAny(toSearch, toFind) {
//searches one array to find matches for any of the items in the toFind array. As soon as one is found, it returns true. It does NOT return all the matches; it's simply a boolean search.
var l = toFind.length,
i = 0;
for (; toSearch.indexOf(toFind[i]) < 0 && ++i < l;) {}
return i < l;
},
_lazyRender = function _lazyRender() {
var l = _lazyTweens.length,
a = _lazyTweens.slice(0),
i,
tween;
_lazyLookup = {};
_lazyTweens.length = 0;
for (i = 0; i < l; i++) {
tween = a[i];
tween && tween._lazy && (tween.render(tween._lazy[0], tween._lazy[1], true)._lazy = 0);
}
},
_lazySafeRender = function _lazySafeRender(animation, time, suppressEvents, force) {
_lazyTweens.length && !_reverting && _lazyRender();
animation.render(time, suppressEvents, force || _reverting && time < 0 && (animation._initted || animation._startAt));
_lazyTweens.length && !_reverting && _lazyRender(); //in case rendering caused any tweens to lazy-init, we should render them because typically when someone calls seek() or time() or progress(), they expect an immediate render.
},
_numericIfPossible = function _numericIfPossible(value) {
var n = parseFloat(value);
return (n || n === 0) && (value + "").match(_delimitedValueExp).length < 2 ? n : _isString(value) ? value.trim() : value;
},
_passThrough = function _passThrough(p) {
return p;
},
_setDefaults = function _setDefaults(obj, defaults) {
for (var p in defaults) {
p in obj || (obj[p] = defaults[p]);
}
return obj;
},
_setKeyframeDefaults = function _setKeyframeDefaults(excludeDuration) {
return function (obj, defaults) {
for (var p in defaults) {
p in obj || p === "duration" && excludeDuration || p === "ease" || (obj[p] = defaults[p]);
}
};
},
_merge = function _merge(base, toMerge) {
for (var p in toMerge) {
base[p] = toMerge[p];
}
return base;
},
_mergeDeep = function _mergeDeep(base, toMerge) {
for (var p in toMerge) {
p !== "__proto__" && p !== "constructor" && p !== "prototype" && (base[p] = _isObject(toMerge[p]) ? _mergeDeep(base[p] || (base[p] = {}), toMerge[p]) : toMerge[p]);
}
return base;
},
_copyExcluding = function _copyExcluding(obj, excluding) {
var copy = {},
p;
for (p in obj) {
p in excluding || (copy[p] = obj[p]);
}
return copy;
},
_inheritDefaults = function _inheritDefaults(vars) {
var parent = vars.parent || _globalTimeline,
func = vars.keyframes ? _setKeyframeDefaults(_isArray(vars.keyframes)) : _setDefaults;
if (_isNotFalse(vars.inherit)) {
while (parent) {
func(vars, parent.vars.defaults);
parent = parent.parent || parent._dp;
}
}
return vars;
},
_arraysMatch = function _arraysMatch(a1, a2) {
var i = a1.length,
match = i === a2.length;
while (match && i-- && a1[i] === a2[i]) {}
return i < 0;
},
_addLinkedListItem = function _addLinkedListItem(parent, child, firstProp, lastProp, sortBy) {
if (firstProp === void 0) {
firstProp = "_first";
}
if (lastProp === void 0) {
lastProp = "_last";
}
var prev = parent[lastProp],
t;
if (sortBy) {
t = child[sortBy];
while (prev && prev[sortBy] > t) {
prev = prev._prev;
}
}
if (prev) {
child._next = prev._next;
prev._next = child;
} else {
child._next = parent[firstProp];
parent[firstProp] = child;
}
if (child._next) {
child._next._prev = child;
} else {
parent[lastProp] = child;
}
child._prev = prev;
child.parent = child._dp = parent;
return child;
},
_removeLinkedListItem = function _removeLinkedListItem(parent, child, firstProp, lastProp) {
if (firstProp === void 0) {
firstProp = "_first";
}
if (lastProp === void 0) {
lastProp = "_last";
}
var prev = child._prev,
next = child._next;
if (prev) {
prev._next = next;
} else if (parent[firstProp] === child) {
parent[firstProp] = next;
}
if (next) {
next._prev = prev;
} else if (parent[lastProp] === child) {
parent[lastProp] = prev;
}
child._next = child._prev = child.parent = null; // don't delete the _dp just so we can revert if necessary. But parent should be null to indicate the item isn't in a linked list.
},
_removeFromParent = function _removeFromParent(child, onlyIfParentHasAutoRemove) {
child.parent && (!onlyIfParentHasAutoRemove || child.parent.autoRemoveChildren) && child.parent.remove && child.parent.remove(child);
child._act = 0;
},
_uncache = function _uncache(animation, child) {
if (animation && (!child || child._end > animation._dur || child._start < 0)) {
// performance optimization: if a child animation is passed in we should only uncache if that child EXTENDS the animation (its end time is beyond the end)
var a = animation;
while (a) {
a._dirty = 1;
a = a.parent;
}
}
return animation;
},
_recacheAncestors = function _recacheAncestors(animation) {
var parent = animation.parent;
while (parent && parent.parent) {
//sometimes we must force a re-sort of all children and update the duration/totalDuration of all ancestor timelines immediately in case, for example, in the middle of a render loop, one tween alters another tween's timeScale which shoves its startTime before 0, forcing the parent timeline to shift around and shiftChildren() which could affect that next tween's render (startTime). Doesn't matter for the root timeline though.
parent._dirty = 1;
parent.totalDuration();
parent = parent.parent;
}
return animation;
},
_rewindStartAt = function _rewindStartAt(tween, totalTime, suppressEvents, force) {
return tween._startAt && (_reverting ? tween._startAt.revert(_revertConfigNoKill) : tween.vars.immediateRender && !tween.vars.autoRevert || tween._startAt.render(totalTime, true, force));
},
_hasNoPausedAncestors = function _hasNoPausedAncestors(animation) {
return !animation || animation._ts && _hasNoPausedAncestors(animation.parent);
},
_elapsedCycleDuration = function _elapsedCycleDuration(animation) {
return animation._repeat ? _animationCycle(animation._tTime, animation = animation.duration() + animation._rDelay) * animation : 0;
},
// feed in the totalTime and cycleDuration and it'll return the cycle (iteration minus 1) and if the playhead is exactly at the very END, it will NOT bump up to the next cycle.
_animationCycle = function _animationCycle(tTime, cycleDuration) {
var whole = Math.floor(tTime /= cycleDuration);
return tTime && whole === tTime ? whole - 1 : whole;
},
_parentToChildTotalTime = function _parentToChildTotalTime(parentTime, child) {
return (parentTime - child._start) * child._ts + (child._ts >= 0 ? 0 : child._dirty ? child.totalDuration() : child._tDur);
},
_setEnd = function _setEnd(animation) {
return animation._end = _roundPrecise(animation._start + (animation._tDur / Math.abs(animation._ts || animation._rts || _tinyNum) || 0));
},
_alignPlayhead = function _alignPlayhead(animation, totalTime) {
// adjusts the animation's _start and _end according to the provided totalTime (only if the parent's smoothChildTiming is true and the animation isn't paused). It doesn't do any rendering or forcing things back into parent timelines, etc. - that's what totalTime() is for.
var parent = animation._dp;
if (parent && parent.smoothChildTiming && animation._ts) {
animation._start = _roundPrecise(parent._time - (animation._ts > 0 ? totalTime / animation._ts : ((animation._dirty ? animation.totalDuration() : animation._tDur) - totalTime) / -animation._ts));
_setEnd(animation);
parent._dirty || _uncache(parent, animation); //for performance improvement. If the parent's cache is already dirty, it already took care of marking the ancestors as dirty too, so skip the function call here.
}
return animation;
},
/*
_totalTimeToTime = (clampedTotalTime, duration, repeat, repeatDelay, yoyo) => {
let cycleDuration = duration + repeatDelay,
time = _round(clampedTotalTime % cycleDuration);
if (time > duration) {
time = duration;
}
return (yoyo && (~~(clampedTotalTime / cycleDuration) & 1)) ? duration - time : time;
},
*/
_postAddChecks = function _postAddChecks(timeline, child) {
var t;
if (child._time || !child._dur && child._initted || child._start < timeline._time && (child._dur || !child.add)) {
// in case, for example, the _start is moved on a tween that has already rendered, or if it's being inserted into a timeline BEFORE where the playhead is currently. Imagine it's at its end state, then the startTime is moved WAY later (after the end of this timeline), it should render at its beginning. Special case: if it's a timeline (has .add() method) and no duration, we can skip rendering because the user may be populating it AFTER adding it to a parent timeline (unconventional, but possible, and we wouldn't want it to get removed if the parent's autoRemoveChildren is true).
t = _parentToChildTotalTime(timeline.rawTime(), child);
if (!child._dur || _clamp(0, child.totalDuration(), t) - child._tTime > _tinyNum) {
child.render(t, true);
}
} //if the timeline has already ended but the inserted tween/timeline extends the duration, we should enable this timeline again so that it renders properly. We should also align the playhead with the parent timeline's when appropriate.
if (_uncache(timeline, child)._dp && timeline._initted && timeline._time >= timeline._dur && timeline._ts) {
//in case any of the ancestors had completed but should now be enabled...
if (timeline._dur < timeline.duration()) {
t = timeline;
while (t._dp) {
t.rawTime() >= 0 && t.totalTime(t._tTime); //moves the timeline (shifts its startTime) if necessary, and also enables it. If it's currently zero, though, it may not be scheduled to render until later so there's no need to force it to align with the current playhead position. Only move to catch up with the playhead.
t = t._dp;
}
}
timeline._zTime = -_tinyNum; // helps ensure that the next render() will be forced (crossingStart = true in render()), even if the duration hasn't changed (we're adding a child which would need to get rendered). Definitely an edge case. Note: we MUST do this AFTER the loop above where the totalTime() might trigger a render() because this _addToTimeline() method gets called from the Animation constructor, BEFORE tweens even record their targets, etc. so we wouldn't want things to get triggered in the wrong order.
}
},
_addToTimeline = function _addToTimeline(timeline, child, position, skipChecks) {
child.parent && _removeFromParent(child);
child._start = _roundPrecise((_isNumber(position) ? position : position || timeline !== _globalTimeline ? _parsePosition(timeline, position, child) : timeline._time) + child._delay);
child._end = _roundPrecise(child._start + (child.totalDuration() / Math.abs(child.timeScale()) || 0));
_addLinkedListItem(timeline, child, "_first", "_last", timeline._sort ? "_start" : 0);
_isFromOrFromStart(child) || (timeline._recent = child);
skipChecks || _postAddChecks(timeline, child);
timeline._ts < 0 && _alignPlayhead(timeline, timeline._tTime); // if the timeline is reversed and the new child makes it longer, we may need to adjust the parent's _start (push it back)
return timeline;
},
_scrollTrigger = function _scrollTrigger(animation, trigger) {
return (_globals.ScrollTrigger || _missingPlugin("scrollTrigger", trigger)) && _globals.ScrollTrigger.create(trigger, animation);
},
_attemptInitTween = function _attemptInitTween(tween, time, force, suppressEvents, tTime) {
_initTween(tween, time, tTime);
if (!tween._initted) {
return 1;
}
if (!force && tween._pt && !_reverting && (tween._dur && tween.vars.lazy !== false || !tween._dur && tween.vars.lazy) && _lastRenderedFrame !== _ticker.frame) {
_lazyTweens.push(tween);
tween._lazy = [tTime, suppressEvents];
return 1;
}
},
_parentPlayheadIsBeforeStart = function _parentPlayheadIsBeforeStart(_ref) {
var parent = _ref.parent;
return parent && parent._ts && parent._initted && !parent._lock && (parent.rawTime() < 0 || _parentPlayheadIsBeforeStart(parent));
},
// check parent's _lock because when a timeline repeats/yoyos and does its artificial wrapping, we shouldn't force the ratio back to 0
_isFromOrFromStart = function _isFromOrFromStart(_ref2) {
var data = _ref2.data;
return data === "isFromStart" || data === "isStart";
},
_renderZeroDurationTween = function _renderZeroDurationTween(tween, totalTime, suppressEvents, force) {
var prevRatio = tween.ratio,
ratio = totalTime < 0 || !totalTime && (!tween._start && _parentPlayheadIsBeforeStart(tween) && !(!tween._initted && _isFromOrFromStart(tween)) || (tween._ts < 0 || tween._dp._ts < 0) && !_isFromOrFromStart(tween)) ? 0 : 1,
// if the tween or its parent is reversed and the totalTime is 0, we should go to a ratio of 0. Edge case: if a from() or fromTo() stagger tween is placed later in a timeline, the "startAt" zero-duration tween could initially render at a time when the parent timeline's playhead is technically BEFORE where this tween is, so make sure that any "from" and "fromTo" startAt tweens are rendered the first time at a ratio of 1.
repeatDelay = tween._rDelay,
tTime = 0,
pt,
iteration,
prevIteration;
if (repeatDelay && tween._repeat) {
// in case there's a zero-duration tween that has a repeat with a repeatDelay
tTime = _clamp(0, tween._tDur, totalTime);
iteration = _animationCycle(tTime, repeatDelay);
tween._yoyo && iteration & 1 && (ratio = 1 - ratio);
if (iteration !== _animationCycle(tween._tTime, repeatDelay)) {
// if iteration changed
prevRatio = 1 - ratio;
tween.vars.repeatRefresh && tween._initted && tween.invalidate();
}
}
if (ratio !== prevRatio || _reverting || force || tween._zTime === _tinyNum || !totalTime && tween._zTime) {
if (!tween._initted && _attemptInitTween(tween, totalTime, force, suppressEvents, tTime)) {
// if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately.
return;
}
prevIteration = tween._zTime;
tween._zTime = totalTime || (suppressEvents ? _tinyNum : 0); // when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect.
suppressEvents || (suppressEvents = totalTime && !prevIteration); // if it was rendered previously at exactly 0 (_zTime) and now the playhead is moving away, DON'T fire callbacks otherwise they'll seem like duplicates.
tween.ratio = ratio;
tween._from && (ratio = 1 - ratio);
tween._time = 0;
tween._tTime = tTime;
pt = tween._pt;
while (pt) {
pt.r(ratio, pt.d);
pt = pt._next;
}
totalTime < 0 && _rewindStartAt(tween, totalTime, suppressEvents, true);
tween._onUpdate && !suppressEvents && _callback(tween, "onUpdate");
tTime && tween._repeat && !suppressEvents && tween.parent && _callback(tween, "onRepeat");
if ((totalTime >= tween._tDur || totalTime < 0) && tween.ratio === ratio) {
ratio && _removeFromParent(tween, 1);
if (!suppressEvents && !_reverting) {
_callback(tween, ratio ? "onComplete" : "onReverseComplete", true);
tween._prom && tween._prom();
}
}
} else if (!tween._zTime) {
tween._zTime = totalTime;
}
},
_findNextPauseTween = function _findNextPauseTween(animation, prevTime, time) {
var child;
if (time > prevTime) {
child = animation._first;
while (child && child._start <= time) {
if (child.data === "isPause" && child._start > prevTime) {
return child;
}
child = child._next;
}
} else {
child = animation._last;
while (child && child._start >= time) {
if (child.data === "isPause" && child._start < prevTime) {
return child;
}
child = child._prev;
}
}
},
_setDuration = function _setDuration(animation, duration, skipUncache, leavePlayhead) {
var repeat = animation._repeat,
dur = _roundPrecise(duration) || 0,
totalProgress = animation._tTime / animation._tDur;
totalProgress && !leavePlayhead && (animation._time *= dur / animation._dur);
animation._dur = dur;
animation._tDur = !repeat ? dur : repeat < 0 ? 1e10 : _roundPrecise(dur * (repeat + 1) + animation._rDelay * repeat);
totalProgress > 0 && !leavePlayhead && _alignPlayhead(animation, animation._tTime = animation._tDur * totalProgress);
animation.parent && _setEnd(animation);
skipUncache || _uncache(animation.parent, animation);
return animation;
},
_onUpdateTotalDuration = function _onUpdateTotalDuration(animation) {
return animation instanceof Timeline ? _uncache(animation) : _setDuration(animation, animation._dur);
},
_zeroPosition = {
_start: 0,
endTime: _emptyFunc,
totalDuration: _emptyFunc
},
_parsePosition = function _parsePosition(animation, position, percentAnimation) {
var labels = animation.labels,
recent = animation._recent || _zeroPosition,
clippedDuration = animation.duration() >= _bigNum ? recent.endTime(false) : animation._dur,
//in case there's a child that infinitely repeats, users almost never intend for the insertion point of a new child to be based on a SUPER long value like that so we clip it and assume the most recently-added child's endTime should be used instead.
i,
offset,
isPercent;
if (_isString(position) && (isNaN(position) || position in labels)) {
//if the string is a number like "1", check to see if there's a label with that name, otherwise interpret it as a number (absolute value).
offset = position.charAt(0);
isPercent = position.substr(-1) === "%";
i = position.indexOf("=");
if (offset === "<" || offset === ">") {
i >= 0 && (position = position.replace(/=/, ""));
return (offset === "<" ? recent._start : recent.endTime(recent._repeat >= 0)) + (parseFloat(position.substr(1)) || 0) * (isPercent ? (i < 0 ? recent : percentAnimation).totalDuration() / 100 : 1);
}
if (i < 0) {
position in labels || (labels[position] = clippedDuration);
return labels[position];
}
offset = parseFloat(position.charAt(i - 1) + position.substr(i + 1));
if (isPercent && percentAnimation) {
offset = offset / 100 * (_isArray(percentAnimation) ? percentAnimation[0] : percentAnimation).totalDuration();
}
return i > 1 ? _parsePosition(animation, position.substr(0, i - 1), percentAnimation) + offset : clippedDuration + offset;
}
return position == null ? clippedDuration : +position;
},
_createTweenType = function _createTweenType(type, params, timeline) {
var isLegacy = _isNumber(params[1]),
varsIndex = (isLegacy ? 2 : 1) + (type < 2 ? 0 : 1),
vars = params[varsIndex],
irVars,
parent;
isLegacy && (vars.duration = params[1]);
vars.parent = timeline;
if (type) {
irVars = vars;
parent = timeline;
while (parent && !("immediateRender" in irVars)) {
// inheritance hasn't happened yet, but someone may have set a default in an ancestor timeline. We could do vars.immediateRender = _isNotFalse(_inheritDefaults(vars).immediateRender) but that'd exact a slight performance penalty because _inheritDefaults() also runs in the Tween constructor. We're paying a small kb price here to gain speed.
irVars = parent.vars.defaults || {};
parent = _isNotFalse(parent.vars.inherit) && parent.parent;
}
vars.immediateRender = _isNotFalse(irVars.immediateRender);
type < 2 ? vars.runBackwards = 1 : vars.startAt = params[varsIndex - 1]; // "from" vars
}
return new Tween(params[0], vars, params[varsIndex + 1]);
},
_conditionalReturn = function _conditionalReturn(value, func) {
return value || value === 0 ? func(value) : func;
},
_clamp = function _clamp(min, max, value) {
return value < min ? min : value > max ? max : value;
},
getUnit = function getUnit(value, v) {
return !_isString(value) || !(v = _unitExp.exec(value)) ? "" : v[1];
},
// note: protect against padded numbers as strings, like "100.100". That shouldn't return "00" as the unit. If it's numeric, return no unit.
clamp = function clamp(min, max, value) {
return _conditionalReturn(value, function (v) {
return _clamp(min, max, v);
});
},
_slice = [].slice,
_isArrayLike = function _isArrayLike(value, nonEmpty) {
return value && _isObject(value) && "length" in value && (!nonEmpty && !value.length || value.length - 1 in value && _isObject(value[0])) && !value.nodeType && value !== _win;
},
_flatten = function _flatten(ar, leaveStrings, accumulator) {
if (accumulator === void 0) {
accumulator = [];
}
return ar.forEach(function (value) {
var _accumulator;
return _isString(value) && !leaveStrings || _isArrayLike(value, 1) ? (_accumulator = accumulator).push.apply(_accumulator, toArray(value)) : accumulator.push(value);
}) || accumulator;
},
//takes any value and returns an array. If it's a string (and leaveStrings isn't true), it'll use document.querySelectorAll() and convert that to an array. It'll also accept iterables like jQuery objects.
toArray = function toArray(value, scope, leaveStrings) {
return _context && !scope && _context.selector ? _context.selector(value) : _isString(value) && !leaveStrings && (_coreInitted || !_wake()) ? _slice.call((scope || _doc).querySelectorAll(value), 0) : _isArray(value) ? _flatten(value, leaveStrings) : _isArrayLike(value) ? _slice.call(value, 0) : value ? [value] : [];
},
selector = function selector(value) {
value = toArray(value)[0] || _warn("Invalid scope") || {};
return function (v) {
var el = value.current || value.nativeElement || value;
return toArray(v, el.querySelectorAll ? el : el === value ? _warn("Invalid scope") || _doc.createElement("div") : value);
};
},
shuffle = function shuffle(a) {
return a.sort(function () {
return .5 - Math.random();
});
},
// alternative that's a bit faster and more reliably diverse but bigger: for (let j, v, i = a.length; i; j = Math.floor(Math.random() * i), v = a[--i], a[i] = a[j], a[j] = v); return a;
//for distributing values across an array. Can accept a number, a function or (most commonly) a function which can contain the following properties: {base, amount, from, ease, grid, axis, length, each}. Returns a function that expects the following parameters: index, target, array. Recognizes the following
distribute = function distribute(v) {
if (_isFunction(v)) {
return v;
}
var vars = _isObject(v) ? v : {
each: v
},
//n:1 is just to indicate v was a number; we leverage that later to set v according to the length we get. If a number is passed in, we treat it like the old stagger value where 0.1, for example, would mean that things would be distributed with 0.1 between each element in the array rather than a total "amount" that's chunked out among them all.
ease = _parseEase(vars.ease),
from = vars.from || 0,
base = parseFloat(vars.base) || 0,
cache = {},
isDecimal = from > 0 && from < 1,
ratios = isNaN(from) || isDecimal,
axis = vars.axis,
ratioX = from,
ratioY = from;
if (_isString(from)) {
ratioX = ratioY = {
center: .5,
edges: .5,
end: 1
}[from] || 0;
} else if (!isDecimal && ratios) {
ratioX = from[0];
ratioY = from[1];
}
return function (i, target, a) {
var l = (a || vars).length,
distances = cache[l],
originX,
originY,
x,
y,
d,
j,
max,
min,
wrapAt;
if (!distances) {
wrapAt = vars.grid === "auto" ? 0 : (vars.grid || [1, _bigNum])[1];
if (!wrapAt) {
max = -_bigNum;
while (max < (max = a[wrapAt++].getBoundingClientRect().left) && wrapAt < l) {}
wrapAt < l && wrapAt--;
}
distances = cache[l] = [];
originX = ratios ? Math.min(wrapAt, l) * ratioX - .5 : from % wrapAt;
originY = wrapAt === _bigNum ? 0 : ratios ? l * ratioY / wrapAt - .5 : from / wrapAt | 0;
max = 0;
min = _bigNum;
for (j = 0; j < l; j++) {
x = j % wrapAt - originX;
y = originY - (j / wrapAt | 0);
distances[j] = d = !axis ? _sqrt(x * x + y * y) : Math.abs(axis === "y" ? y : x);
d > max && (max = d);
d < min && (min = d);
}
from === "random" && shuffle(distances);
distances.max = max - min;
distances.min = min;
distances.v = l = (parseFloat(vars.amount) || parseFloat(vars.each) * (wrapAt > l ? l - 1 : !axis ? Math.max(wrapAt, l / wrapAt) : axis === "y" ? l / wrapAt : wrapAt) || 0) * (from === "edges" ? -1 : 1);
distances.b = l < 0 ? base - l : base;
distances.u = getUnit(vars.amount || vars.each) || 0; //unit
ease = ease && l < 0 ? _invertEase(ease) : ease;
}
l = (distances[i] - distances.min) / distances.max || 0;
return _roundPrecise(distances.b + (ease ? ease(l) : l) * distances.v) + distances.u; //round in order to work around floating point errors
};
},
_roundModifier = function _roundModifier(v) {
//pass in 0.1 get a function that'll round to the nearest tenth, or 5 to round to the closest 5, or 0.001 to the closest 1000th, etc.
var p = Math.pow(10, ((v + "").split(".")[1] || "").length); //to avoid floating point math errors (like 24 * 0.1 == 2.4000000000000004), we chop off at a specific number of decimal places (much faster than toFixed())
return function (raw) {
var n = _roundPrecise(Math.round(parseFloat(raw) / v) * v * p);
return (n - n % 1) / p + (_isNumber(raw) ? 0 : getUnit(raw)); // n - n % 1 replaces Math.floor() in order to handle negative values properly. For example, Math.floor(-150.00000000000003) is 151!
};
},
snap = function snap(snapTo, value) {
var isArray = _isArray(snapTo),
radius,
is2D;
if (!isArray && _isObject(snapTo)) {
radius = isArray = snapTo.radius || _bigNum;
if (snapTo.values) {
snapTo = toArray(snapTo.values);
if (is2D = !_isNumber(snapTo[0])) {
radius *= radius; //performance optimization so we don't have to Math.sqrt() in the loop.
}
} else {
snapTo = _roundModifier(snapTo.increment);
}
}
return _conditionalReturn(value, !isArray ? _roundModifier(snapTo) : _isFunction(snapTo) ? function (raw) {
is2D = snapTo(raw);
return Math.abs(is2D - raw) <= radius ? is2D : raw;
} : function (raw) {
var x = parseFloat(is2D ? raw.x : raw),
y = parseFloat(is2D ? raw.y : 0),
min = _bigNum,
closest = 0,
i = snapTo.length,
dx,
dy;
while (i--) {
if (is2D) {
dx = snapTo[i].x - x;
dy = snapTo[i].y - y;
dx = dx * dx + dy * dy;
} else {
dx = Math.abs(snapTo[i] - x);
}
if (dx < min) {
min = dx;
closest = i;
}
}
closest = !radius || min <= radius ? snapTo[closest] : raw;
return is2D || closest === raw || _isNumber(raw) ? closest : closest + getUnit(raw);
});
},
random = function random(min, max, roundingIncrement, returnFunction) {
return _conditionalReturn(_isArray(min) ? !max : roundingIncrement === true ? !!(roundingIncrement = 0) : !returnFunction, function () {
return _isArray(min) ? min[~~(Math.random() * min.length)] : (roundingIncrement = roundingIncrement || 1e-5) && (returnFunction = roundingIncrement < 1 ? Math.pow(10, (roundingIncrement + "").length - 2) : 1) && Math.floor(Math.round((min - roundingIncrement / 2 + Math.random() * (max - min + roundingIncrement * .99)) / roundingIncrement) * roundingIncrement * returnFunction) / returnFunction;
});
},
pipe = function pipe() {
for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
functions[_key] = arguments[_key];
}
return function (value) {
return functions.reduce(function (v, f) {
return f(v);
}, value);
};
},
unitize = function unitize(func, unit) {
return function (value) {
return func(parseFloat(value)) + (unit || getUnit(value));
};
},
normalize = function normalize(min, max, value) {
return mapRange(min, max, 0, 1, value);
},
_wrapArray = function _wrapArray(a, wrapper, value) {
return _conditionalReturn(value, function (index) {
return a[~~wrapper(index)];
});
},
wrap = function wrap(min, max, value) {
// NOTE: wrap() CANNOT be an arrow function! A very odd compiling bug causes problems (unrelated to GSAP).
var range = max - min;
return _isArray(min) ? _wrapArray(min, wrap(0, min.length), max) : _conditionalReturn(value, function (value) {
return (range + (value - min) % range) % range + min;
});
},
wrapYoyo = function wrapYoyo(min, max, value) {
var range = max - min,
total = range * 2;
return _isArray(min) ? _wrapArray(min, wrapYoyo(0, min.length - 1), max) : _conditionalReturn(value, function (value) {
value = (total + (value - min) % total) % total || 0;
return min + (value > range ? total - value : value);
});
},
_replaceRandom = function _replaceRandom(value) {
//replaces all occurrences of random(...) in a string with the calculated random value. can be a range like random(-100, 100, 5) or an array like random([0, 100, 500])
var prev = 0,
s = "",
i,
nums,
end,
isArray;
while (~(i = value.indexOf("random(", prev))) {
end = value.indexOf(")", i);
isArray = value.charAt(i + 7) === "[";
nums = value.substr(i + 7, end - i - 7).match(isArray ? _delimitedValueExp : _strictNumExp);
s += value.substr(prev, i - prev) + random(isArray ? nums : +nums[0], isArray ? 0 : +nums[1], +nums[2] || 1e-5);
prev = end + 1;
}
return s + value.substr(prev, value.length - prev);
},
mapRange = function mapRange(inMin, inMax, outMin, outMax, value) {
var inRange = inMax - inMin,
outRange = outMax - outMin;
return _conditionalReturn(value, function (value) {
return outMin + ((value - inMin) / inRange * outRange || 0);
});
},
interpolate = function interpolate(start, end, progress, mutate) {
var func = isNaN(start + end) ? 0 : function (p) {
return (1 - p) * start + p * end;
};
if (!func) {
var isString = _isString(start),
master = {},
p,
i,
interpolators,
l,
il;
progress === true && (mutate = 1) && (progress = null);
if (isString) {
start = {
p: start
};
end = {
p: end
};
} else if (_isArray(start) && !_isArray(end)) {
interpolators = [];
l = start.length;
il = l - 2;
for (i = 1; i < l; i++) {
interpolators.push(interpolate(start[i - 1], start[i])); //build the interpolators up front as a performance optimization so that when the function is called many times, it can just reuse them.
}
l--;
func = function func(p) {
p *= l;
var i = Math.min(il, ~~p);
return interpolators[i](p - i);
};
progress = end;
} else if (!mutate) {
start = _merge(_isArray(start) ? [] : {}, start);
}
if (!interpolators) {
for (p in end) {
_addPropTween.call(master, start, p, "get", end[p]);
}
func = function func(p) {
return _renderPropTweens(p, master) || (isString ? start.p : start);
};
}
}
return _conditionalReturn(progress, func);
},
_getLabelInDirection = function _getLabelInDirection(timeline, fromTime, backward) {
//used for nextLabel() and previousLabel()
var labels = timeline.labels,
min = _bigNum,
p,
distance,
label;
for (p in labels) {
distance = labels[p] - fromTime;
if (distance < 0 === !!backward && distance && min > (distance = Math.abs(distance))) {
label = p;
min = distance;
}
}
return label;
},
_callback = function _callback(animation, type, executeLazyFirst) {
var v = animation.vars,
callback = v[type],
prevContext = _context,
context = animation._ctx,
params,
scope,
result;
if (!callback) {
return;
}
params = v[type + "Params"];
scope = v.callbackScope || animation;
executeLazyFirst && _lazyTweens.length && _lazyRender(); //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onUpdate on a timeline that reports/checks tweened values.
context && (_context = context);
result = params ? callback.apply(scope, params) : callback.call(scope);
_context = prevContext;
return result;
},
_interrupt = function _interrupt(animation) {
_removeFromParent(animation);
animation.scrollTrigger && animation.scrollTrigger.kill(!!_reverting);
animation.progress() < 1 && _callback(animation, "onInterrupt");
return animation;
},
_quickTween,
_registerPluginQueue = [],
_createPlugin = function _createPlugin(config) {
if (!config) return;
config = !config.name && config["default"] || config; // UMD packaging wraps things oddly, so for example MotionPathHelper becomes {MotionPathHelper:MotionPathHelper, default:MotionPathHelper}.
if (_windowExists() || config.headless) {
// edge case: some build tools may pass in a null/undefined value
var name = config.name,
isFunc = _isFunction(config),
Plugin = name && !isFunc && config.init ? function () {
this._props = [];
} : config,
//in case someone passes in an object that's not a plugin, like CustomEase
instanceDefaults = {
init: _emptyFunc,
render: _renderPropTweens,
add: _addPropTween,
kill: _killPropTweensOf,
modifier: _addPluginModifier,
rawVars: 0
},
statics = {
targetTest: 0,
get: 0,
getSetter: _getSetter,
aliases: {},
register: 0
};
_wake();
if (config !== Plugin) {
if (_plugins[name]) {
return;
}
_setDefaults(Plugin, _setDefaults(_copyExcluding(config, instanceDefaults), statics)); //static methods
_merge(Plugin.prototype, _merge(instanceDefaults, _copyExcluding(config, statics))); //instance methods
_plugins[Plugin.prop = name] = Plugin;
if (config.targetTest) {
_harnessPlugins.push(Plugin);
_reservedProps[name] = 1;
}
name = (name === "css" ? "CSS" : name.charAt(0).toUpperCase() + name.substr(1)) + "Plugin"; //for the global name. "motionPath" should become MotionPathPlugin
}
_addGlobal(name, Plugin);
config.register && config.register(gsap, Plugin, PropTween);
} else {
_registerPluginQueue.push(config);
}
},
/*
* --------------------------------------------------------------------------------------
* COLORS
* --------------------------------------------------------------------------------------
*/
_255 = 255,
_colorLookup = {
aqua: [0, _255, _255],
lime: [0, _255, 0],
silver: [192, 192, 192],
black: [0, 0, 0],
maroon: [128, 0, 0],
teal: [0, 128, 128],
blue: [0, 0, _255],
navy: [0, 0, 128],
white: [_255, _255, _255],
olive: [128, 128, 0],
yellow: [_255, _255, 0],
orange: [_255, 165, 0],
gray: [128, 128, 128],
purple: [128, 0, 128],
green: [0, 128, 0],
red: [_255, 0, 0],
pink: [_255, 192, 203],
cyan: [0, _255, _255],
transparent: [_255, _255, _255, 0]
},
// possible future idea to replace the hard-coded color name values - put this in the ticker.wake() where we set the _doc:
// let ctx = _doc.createElement("canvas").getContext("2d");
// _forEachName("aqua,lime,silver,black,maroon,teal,blue,navy,white,olive,yellow,orange,gray,purple,green,red,pink,cyan", color => {ctx.fillStyle = color; _colorLookup[color] = splitColor(ctx.fillStyle)});
_hue = function _hue(h, m1, m2) {
h += h < 0 ? 1 : h > 1 ? -1 : 0;
return (h * 6 < 1 ? m1 + (m2 - m1) * h * 6 : h < .5 ? m2 : h * 3 < 2 ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * _255 + .5 | 0;
},
splitColor = function splitColor(v, toHSL, forceAlpha) {
var a = !v ? _colorLookup.black : _isNumber(v) ? [v >> 16, v >> 8 & _255, v & _255] : 0,
r,
g,
b,
h,
s,
l,
max,
min,
d,
wasHSL;
if (!a) {
if (v.substr(-1) === ",") {
//sometimes a trailing comma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)" - in this example "blue," has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.
v = v.substr(0, v.length - 1);
}
if (_colorLookup[v]) {
a = _colorLookup[v];
} else if (v.charAt(0) === "#") {
if (v.length < 6) {
//for shorthand like #9F0 or #9F0F (could have alpha)
r = v.charAt(1);
g = v.charAt(2);
b = v.charAt(3);
v = "#" + r + r + g + g + b + b + (v.length === 5 ? v.charAt(4) + v.charAt(4) : "");
}
if (v.length === 9) {
// hex with alpha, like #fd5e53ff
a = parseInt(v.substr(1, 6), 16);
return [a >> 16, a >> 8 & _255, a & _255, parseInt(v.substr(7), 16) / 255];
}
v = parseInt(v.substr(1), 16);
a = [v >> 16, v >> 8 & _255, v & _255];
} else if (v.substr(0, 3) === "hsl") {
a = wasHSL = v.match(_strictNumExp);
if (!toHSL) {
h = +a[0] % 360 / 360;
s = +a[1] / 100;
l = +a[2] / 100;
g = l <= .5 ? l * (s + 1) : l + s - l * s;
r = l * 2 - g;
a.length > 3 && (a[3] *= 1); //cast as number
a[0] = _hue(h + 1 / 3, r, g);
a[1] = _hue(h, r, g);
a[2] = _hue(h - 1 / 3, r, g);
} else if (~v.indexOf("=")) {
//if relative values are found, just return the raw strings with the relative prefixes in place.
a = v.match(_numExp);
forceAlpha && a.length < 4 && (a[3] = 1);
return a;
}
} else {
a = v.match(_strictNumExp) || _colorLookup.transparent;
}
a = a.map(Number);
}
if (toHSL && !wasHSL) {
r = a[0] / _255;
g = a[1] / _255;
b = a[2] / _255;
max = Math.max(r, g, b);
min = Math.min(r, g, b);
l = (max + min) / 2;
if (max === min) {
h = s = 0;
} else {
d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4;
h *= 60;
}
a[0] = ~~(h + .5);
a[1] = ~~(s * 100 + .5);
a[2] = ~~(l * 100 + .5);
}
forceAlpha && a.length < 4 && (a[3] = 1);
return a;
},
_colorOrderData = function _colorOrderData(v) {
// strips out the colors from the string, finds all the numeric slots (with units) and returns an array of those. The Array also has a "c" property which is an Array of the index values where the colors belong. This is to help work around issues where there's a mis-matched order of color/numeric data like drop-shadow(#f00 0px 1px 2px) and drop-shadow(0x 1px 2px #f00). This is basically a helper function used in _formatColors()
var values = [],
c = [],
i = -1;
v.split(_colorExp).forEach(function (v) {
var a = v.match(_numWithUnitExp) || [];
values.push.apply(values, a);
c.push(i += a.length + 1);
});
values.c = c;
return values;
},
_formatColors = function _formatColors(s, toHSL, orderMatchData) {
var result = "",
colors = (s + result).match(_colorExp),
type = toHSL ? "hsla(" : "rgba(",
i = 0,
c,
shell,
d,
l;
if (!colors) {
return s;
}
colors = colors.map(function (color) {
return (color = splitColor(color, toHSL, 1)) && type + (toHSL ? color[0] + "," + color[1] + "%," + color[2] + "%," + color[3] : color.join(",")) + ")";
});
if (orderMatchData) {
d = _colorOrderData(s);
c = orderMatchData.c;
if (c.join(result) !== d.c.join(result)) {
shell = s.replace(_colorExp, "1").split(_numWithUnitExp);
l = shell.length - 1;
for (; i < l; i++) {
result += shell[i] + (~c.indexOf(i) ? colors.shift() || type + "0,0,0,0)" : (d.length ? d : colors.length ? colors : orderMatchData).shift());
}
}
}
if (!shell) {
shell = s.split(_colorExp);
l = shell.length - 1;
for (; i < l; i++) {
result += shell[i] + colors[i];
}
}
return result + shell[l];
},
_colorExp = function () {
var s = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b",
//we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.,
p;
for (p in _colorLookup) {
s += "|" + p + "\\b";
}
return new RegExp(s + ")", "gi");
}(),
_hslExp = /hsl[a]?\(/,
_colorStringFilter = function _colorStringFilter(a) {
var combined = a.join(" "),
toHSL;
_colorExp.lastIndex = 0;
if (_colorExp.test(combined)) {
toHSL = _hslExp.test(combined);
a[1] = _formatColors(a[1], toHSL);
a[0] = _formatColors(a[0], toHSL, _colorOrderData(a[1])); // make sure the order of numbers/colors match with the END value.
return true;
}
},
/*
* --------------------------------------------------------------------------------------
* TICKER
* --------------------------------------------------------------------------------------
*/
_tickerActive,
_ticker = function () {
var _getTime = Date.now,
_lagThreshold = 500,
_adjustedLag = 33,
_startTime = _getTime(),
_lastUpdate = _startTime,
_gap = 1000 / 240,
_nextTime = _gap,
_listeners = [],
_id,
_req,
_raf,
_self,
_delta,
_i,
_tick = function _tick(v) {
var elapsed = _getTime() - _lastUpdate,
manual = v === true,
overlap,
dispatch,
time,
frame;
(elapsed > _lagThreshold || elapsed < 0) && (_startTime += elapsed - _adjustedLag);
_lastUpdate += elapsed;
time = _lastUpdate - _startTime;
overlap = time - _nextTime;
if (overlap > 0 || manual) {
frame = ++_self.frame;
_delta = time - _self.time * 1000;
_self.time = time = time / 1000;
_nextTime += overlap + (overlap >= _gap ? 4 : _gap - overlap);
dispatch = 1;
}
manual || (_id = _req(_tick)); //make sure the request is made before we dispatch the "tick" event so that timing is maintained. Otherwise, if processing the "tick" requires a bunch of time (like 15ms) and we're using a setTimeout() that's based on 16.7ms, it'd technically take 31.7ms between frames otherwise.
if (dispatch) {
for (_i = 0; _i < _listeners.length; _i++) {
// use _i and check _listeners.length instead of a variable because a listener could get removed during the loop, and if that happens to an element less than the current index, it'd throw things off in the loop.
_listeners[_i](time, _delta, frame, v);
}
}
};
_self = {
time: 0,
frame: 0,
tick: function tick() {
_tick(true);
},
deltaRatio: function deltaRatio(fps) {
return _delta / (1000 / (fps || 60));
},
wake: function wake() {
if (_coreReady) {
if (!_coreInitted && _windowExists()) {
_win = _coreInitted = window;
_doc = _win.document || {};
_globals.gsap = gsap;
(_win.gsapVersions || (_win.gsapVersions = [])).push(gsap.version);
_install(_installScope || _win.GreenSockGlobals || !_win.gsap && _win || {});
_registerPluginQueue.forEach(_createPlugin);
}
_raf = typeof requestAnimationFrame !== "undefined" && requestAnimationFrame;
_id && _self.sleep();
_req = _raf || function (f) {
return setTimeout(f, _nextTime - _self.time * 1000 + 1 | 0);
};
_tickerActive = 1;
_tick(2);
}
},
sleep: function sleep() {
(_raf ? cancelAnimationFrame : clearTimeout)(_id);
_tickerActive = 0;
_req = _emptyFunc;
},
lagSmoothing: function lagSmoothing(threshold, adjustedLag) {
_lagThreshold = threshold || Infinity; // zero should be interpreted as basically unlimited
_adjustedLag = Math.min(adjustedLag || 33, _lagThreshold);
},
fps: function fps(_fps) {
_gap = 1000 / (_fps || 240);
_nextTime = _self.time * 1000 + _gap;
},
add: function add(callback, once, prioritize) {
var func = once ? function (t, d, f, v) {
callback(t, d, f, v);
_self.remove(func);
} : callback;
_self.remove(callback);
_listeners[prioritize ? "unshift" : "push"](func);
_wake();
return func;
},
remove: function remove(callback, i) {
~(i = _listeners.indexOf(callback)) && _listeners.splice(i, 1) && _i >= i && _i--;
},
_listeners: _listeners
};
return _self;
}(),
_wake = function _wake() {
return !_tickerActive && _ticker.wake();
},
//also ensures the core classes are initialized.
/*
* -------------------------------------------------
* EASING
* -------------------------------------------------
*/
_easeMap = {},
_customEaseExp = /^[\d.\-M][\d.\-,\s]/,
_quotesExp = /["']/g,
_parseObjectInString = function _parseObjectInString(value) {
//takes a string like "{wiggles:10, type:anticipate})" and turns it into a real object. Notice it ends in ")" and includes the {} wrappers. This is because we only use this function for parsing ease configs and prioritized optimization rather than reusability.
var obj = {},
split = value.substr(1, value.length - 3).split(":"),
key = split[0],
i = 1,
l = split.length,
index,
val,
parsedVal;
for (; i < l; i++) {
val = split[i];
index = i !== l - 1 ? val.lastIndexOf(",") : val.length;
parsedVal = val.substr(0, index);
obj[key] = isNaN(parsedVal) ? parsedVal.replace(_quotesExp, "").trim() : +parsedVal;
key = val.substr(index + 1).trim();
}
return obj;
},
_valueInParentheses = function _valueInParentheses(value) {
var open = value.indexOf("(") + 1,
close = value.indexOf(")"),
nested = value.indexOf("(", open);
return value.substring(open, ~nested && nested < close ? value.indexOf(")", close + 1) : close);
},
_configEaseFromString = function _configEaseFromString(name) {
//name can be a string like "elastic.out(1,0.5)", and pass in _easeMap as obj and it'll parse it out and call the actual function like _easeMap.Elastic.easeOut.config(1,0.5). It will also parse custom ease strings as long as CustomEase is loaded and registered (internally as _easeMap._CE).
var split = (name + "").split("("),
ease = _easeMap[split[0]];
return ease && split.length > 1 && ease.config ? ease.config.apply(null, ~name.indexOf("{") ? [_parseObjectInString(split[1])] : _valueInParentheses(name).split(",").map(_numericIfPossible)) : _easeMap._CE && _customEaseExp.test(name) ? _easeMap._CE("", name) : ease;
},
_invertEase = function _invertEase(ease) {
return function (p) {
return 1 - ease(1 - p);
};
},
// allow yoyoEase to be set in children and have those affected when the parent/ancestor timeline yoyos.
_propagateYoyoEase = function _propagateYoyoEase(timeline, isYoyo) {
var child = timeline._first,
ease;
while (child) {
if (child instanceof Timeline) {
_propagateYoyoEase(child, isYoyo);
} else if (child.vars.yoyoEase && (!child._yoyo || !child._repeat) && child._yoyo !== isYoyo) {
if (child.timeline) {
_propagateYoyoEase(child.timeline, isYoyo);
} else {
ease = child._ease;
child._ease = child._yEase;
child._yEase = ease;
child._yoyo = isYoyo;
}
}
child = child._next;
}
},
_parseEase = function _parseEase(ease, defaultEase) {
return !ease ? defaultEase : (_isFunction(ease) ? ease : _easeMap[ease] || _configEaseFromString(ease)) || defaultEase;
},
_insertEase = function _insertEase(names, easeIn, easeOut, easeInOut) {
if (easeOut === void 0) {
easeOut = function easeOut(p) {
return 1 - easeIn(1 - p);
};
}
if (easeInOut === void 0) {
easeInOut = function easeInOut(p) {
return p < .5 ? easeIn(p * 2) / 2 : 1 - easeIn((1 - p) * 2) / 2;
};
}
var ease = {
easeIn: easeIn,
easeOut: easeOut,
easeInOut: easeInOut
},
lowercaseName;
_forEachName(names, function (name) {
_easeMap[name] = _globals[name] = ease;
_easeMap[lowercaseName = name.toLowerCase()] = easeOut;
for (var p in ease) {
_easeMap[lowercaseName + (p === "easeIn" ? ".in" : p === "easeOut" ? ".out" : ".inOut")] = _easeMap[name + "." + p] = ease[p];
}
});
return ease;
},
_easeInOutFromOut = function _easeInOutFromOut(easeOut) {
return function (p) {
return p < .5 ? (1 - easeOut(1 - p * 2)) / 2 : .5 + easeOut((p - .5) * 2) / 2;
};
},
_configElastic = function _configElastic(type, amplitude, period) {
var p1 = amplitude >= 1 ? amplitude : 1,
//note: if amplitude is < 1, we simply adjust the period for a more natural feel. Otherwise the math doesn't work right and the curve starts at 1.
p2 = (period || (type ? .3 : .45)) / (amplitude < 1 ? amplitude : 1),
p3 = p2 / _2PI * (Math.asin(1 / p1) || 0),
easeOut = function easeOut(p) {
return p === 1 ? 1 : p1 * Math.pow(2, -10 * p) * _sin((p - p3) * p2) + 1;
},
ease = type === "out" ? easeOut : type === "in" ? function (p) {
return 1 - easeOut(1 - p);
} : _easeInOutFromOut(easeOut);
p2 = _2PI / p2; //precalculate to optimize
ease.config = function (amplitude, period) {
return _configElastic(type, amplitude, period);
};
return ease;
},
_configBack = function _configBack(type, overshoot) {
if (overshoot === void 0) {
overshoot = 1.70158;
}
var easeOut = function easeOut(p) {
return p ? --p * p * ((overshoot + 1) * p + overshoot) + 1 : 0;
},
ease = type === "out" ? easeOut : type === "in" ? function (p) {
return 1 - easeOut(1 - p);
} : _easeInOutFromOut(easeOut);
ease.config = function (overshoot) {
return _configBack(type, overshoot);
};
return ease;
}; // a cheaper (kb and cpu) but more mild way to get a parameterized weighted ease by feeding in a value between -1 (easeIn) and 1 (easeOut) where 0 is linear.
// _weightedEase = ratio => {
// let y = 0.5 + ratio / 2;
// return p => (2 * (1 - p) * p * y + p * p);
// },
// a stronger (but more expensive kb/cpu) parameterized weighted ease that lets you feed in a value between -1 (easeIn) and 1 (easeOut) where 0 is linear.
// _weightedEaseStrong = ratio => {
// ratio = .5 + ratio / 2;
// let o = 1 / 3 * (ratio < .5 ? ratio : 1 - ratio),
// b = ratio - o,
// c = ratio + o;
// return p => p === 1 ? p : 3 * b * (1 - p) * (1 - p) * p + 3 * c * (1 - p) * p * p + p * p * p;
// };
_forEachName("Linear,Quad,Cubic,Quart,Quint,Strong", function (name, i) {
var power = i < 5 ? i + 1 : i;
_insertEase(name + ",Power" + (power - 1), i ? function (p) {
return Math.pow(p, power);
} : function (p) {
return p;
}, function (p) {
return 1 - Math.pow(1 - p, power);
}, function (p) {
return p < .5 ? Math.pow(p * 2, power) / 2 : 1 - Math.pow((1 - p) * 2, power) / 2;
});
});
_easeMap.Linear.easeNone = _easeMap.none = _easeMap.Linear.easeIn;
_insertEase("Elastic", _configElastic("in"), _configElastic("out"), _configElastic());
(function (n, c) {
var n1 = 1 / c,
n2 = 2 * n1,
n3 = 2.5 * n1,
easeOut = function easeOut(p) {
return p < n1 ? n * p * p : p < n2 ? n * Math.pow(p - 1.5 / c, 2) + .75 : p < n3 ? n * (p -= 2.25 / c) * p + .9375 : n * Math.pow(p - 2.625 / c, 2) + .984375;
};
_insertEase("Bounce", function (p) {
return 1 - easeOut(1 - p);
}, easeOut);
})(7.5625, 2.75);
_insertEase("Expo", function (p) {
return p ? Math.pow(2, 10 * (p - 1)) : 0;
});
_insertEase("Circ", function (p) {
return -(_sqrt(1 - p * p) - 1);
});
_insertEase("Sine", function (p) {
return p === 1 ? 1 : -_cos(p * _HALF_PI) + 1;
});
_insertEase("Back", _configBack("in"), _configBack("out"), _configBack());
_easeMap.SteppedEase = _easeMap.steps = _globals.SteppedEase = {
config: function config(steps, immediateStart) {
if (steps === void 0) {
steps = 1;
}
var p1 = 1 / steps,
p2 = steps + (immediateStart ? 0 : 1),
p3 = immediateStart ? 1 : 0,
max = 1 - _tinyNum;
return function (p) {
return ((p2 * _clamp(0, max, p) | 0) + p3) * p1;
};
}
};
_defaults.ease = _easeMap["quad.out"];
_forEachName("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function (name) {
return _callbackNames += name + "," + name + "Params,";
});
/*
* --------------------------------------------------------------------------------------
* CACHE
* --------------------------------------------------------------------------------------
*/
var GSCache = function GSCache(target, harness) {
this.id = _gsID++;
target._gsap = this;
this.target = target;
this.harness = harness;
this.get = harness ? harness.get : _getProperty;
this.set = harness ? harness.getSetter : _getSetter;
};
/*
* --------------------------------------------------------------------------------------
* ANIMATION
* --------------------------------------------------------------------------------------
*/
var Animation = /*#__PURE__*/function () {
function Animation(vars) {
this.vars = vars;
this._delay = +vars.delay || 0;
if (this._repeat = vars.repeat === Infinity ? -2 : vars.repeat || 0) {
// TODO: repeat: Infinity on a timeline's children must flag that timeline internally and affect its totalDuration, otherwise it'll stop in the negative direction when reaching the start.
this._rDelay = vars.repeatDelay || 0;
this._yoyo = !!vars.yoyo || !!vars.yoyoEase;
}
this._ts = 1;
_setDuration(this, +vars.duration, 1, 1);
this.data = vars.data;
if (_context) {
this._ctx = _context;
_context.data.push(this);
}
_tickerActive || _ticker.wake();
}
var _proto = Animation.prototype;
_proto.delay = function delay(value) {
if (value || value === 0) {
this.parent && this.parent.smoothChildTiming && this.startTime(this._start + value - this._delay);
this._delay = value;
return this;
}
return this._delay;
};
_proto.duration = function duration(value) {
return arguments.length ? this.totalDuration(this._repeat > 0 ? value + (value + this._rDelay) * this._repeat : value) : this.totalDuration() && this._dur;
};
_proto.totalDuration = function totalDuration(value) {
if (!arguments.length) {
return this._tDur;
}
this._dirty = 0;
return _setDuration(this, this._repeat < 0 ? value : (value - this._repeat * this._rDelay) / (this._repeat + 1));
};
_proto.totalTime = function totalTime(_totalTime, suppressEvents) {
_wake();
if (!arguments.length) {
return this._tTime;
}
var parent = this._dp;
if (parent && parent.smoothChildTiming && this._ts) {
_alignPlayhead(this, _totalTime);
!parent._dp || parent.parent || _postAddChecks(parent, this); // edge case: if this is a child of a timeline that already completed, for example, we must re-activate the parent.
//in case any of the ancestor timelines had completed but should now be enabled, we should reset their totalTime() which will also ensure that they're lined up properly and enabled. Skip for animations that are on the root (wasteful). Example: a TimelineLite.exportRoot() is performed when there's a paused tween on the root, the export will not complete until that tween is unpaused, but imagine a child gets restarted later, after all [unpaused] tweens have completed. The start of that child would get pushed out, but one of the ancestors may have completed.
while (parent && parent.parent) {
if (parent.parent._time !== parent._start + (parent._ts >= 0 ? parent._tTime / parent._ts : (parent.totalDuration() - parent._tTime) / -parent._ts)) {
parent.totalTime(parent._tTime, true);
}
parent = parent.parent;
}
if (!this.parent && this._dp.autoRemoveChildren && (this._ts > 0 && _totalTime < this._tDur || this._ts < 0 && _totalTime > 0 || !this._tDur && !_totalTime)) {
//if the animation doesn't have a parent, put it back into its last parent (recorded as _dp for exactly cases like this). Limit to parents with autoRemoveChildren (like globalTimeline) so that if the user manually removes an animation from a timeline and then alters its playhead, it doesn't get added back in.
_addToTimeline(this._dp, this, this._start - this._delay);
}
}
if (this._tTime !== _totalTime || !this._dur && !suppressEvents || this._initted && Math.abs(this._zTime) === _tinyNum || !_totalTime && !this._initted && (this.add || this._ptLookup)) {
// check for _ptLookup on a Tween instance to ensure it has actually finished being instantiated, otherwise if this.reverse() gets called in the Animation constructor, it could trigger a render() here even though the _targets weren't populated, thus when _init() is called there won't be any PropTweens (it'll act like the tween is non-functional)
this._ts || (this._pTime = _totalTime); // otherwise, if an animation is paused, then the playhead is moved back to zero, then resumed, it'd revert back to the original time at the pause
//if (!this._lock) { // avoid endless recursion (not sure we need this yet or if it's worth the performance hit)
// this._lock = 1;
_lazySafeRender(this, _totalTime, suppressEvents); // this._lock = 0;
//}
}
return this;
};
_proto.time = function time(value, suppressEvents) {
return arguments.length ? this.totalTime(Math.min(this.totalDuration(), value + _elapsedCycleDuration(this)) % (this._dur + this._rDelay) || (value ? this._dur : 0), suppressEvents) : this._time; // note: if the modulus results in 0, the playhead could be exactly at the end or the beginning, and we always defer to the END with a non-zero value, otherwise if you set the time() to the very end (duration()), it would render at the START!
};
_proto.totalProgress = function totalProgress(value, suppressEvents) {
return arguments.length ? this.totalTime(this.totalDuration() * value, suppressEvents) : this.totalDuration() ? Math.min(1, this._tTime / this._tDur) : this.rawTime() > 0 ? 1 : 0;
};
_proto.progress = function progress(value, suppressEvents) {
return arguments.length ? this.totalTime(this.duration() * (this._yoyo && !(this.iteration() & 1) ? 1 - value : value) + _elapsedCycleDuration(this), suppressEvents) : this.duration() ? Math.min(1, this._time / this._dur) : this.rawTime() > 0 ? 1 : 0;
};
_proto.iteration = function iteration(value, suppressEvents) {
var cycleDuration = this.duration() + this._rDelay;
return arguments.length ? this.totalTime(this._time + (value - 1) * cycleDuration, suppressEvents) : this._repeat ? _animationCycle(this._tTime, cycleDuration) + 1 : 1;
} // potential future addition:
// isPlayingBackwards() {
// let animation = this,
// orientation = 1; // 1 = forward, -1 = backward
// while (animation) {
// orientation *= animation.reversed() || (animation.repeat() && !(animation.iteration() & 1)) ? -1 : 1;
// animation = animation.parent;
// }
// return orientation < 0;
// }
;
_proto.timeScale = function timeScale(value, suppressEvents) {
if (!arguments.length) {
return this._rts === -_tinyNum ? 0 : this._rts; // recorded timeScale. Special case: if someone calls reverse() on an animation with timeScale of 0, we assign it -_tinyNum to remember it's reversed.
}
if (this._rts === value) {
return this;
}
var tTime = this.parent && this._ts ? _parentToChildTotalTime(this.parent._time, this) : this._tTime; // make sure to do the parentToChildTotalTime() BEFORE setting the new _ts because the old one must be used in that calculation.
// future addition? Up side: fast and minimal file size. Down side: only works on this animation; if a timeline is reversed, for example, its childrens' onReverse wouldn't get called.
//(+value < 0 && this._rts >= 0) && _callback(this, "onReverse", true);
// prioritize rendering where the parent's playhead lines up instead of this._tTime because there could be a tween that's animating another tween's timeScale in the same rendering loop (same parent), thus if the timeScale tween renders first, it would alter _start BEFORE _tTime was set on that tick (in the rendering loop), effectively freezing it until the timeScale tween finishes.
this._rts = +value || 0;
this._ts = this._ps || value === -_tinyNum ? 0 : this._rts; // _ts is the functional timeScale which would be 0 if the animation is paused.
this.totalTime(_clamp(-Math.abs(this._delay), this._tDur, tTime), suppressEvents !== false);
_setEnd(this); // if parent.smoothChildTiming was false, the end time didn't get updated in the _alignPlayhead() method, so do it here.
return _recacheAncestors(this);
};
_proto.paused = function paused(value) {
if (!arguments.length) {
return this._ps;
}
if (this._ps !== value) {
this._ps = value;
if (value) {
this._pTime = this._tTime || Math.max(-this._delay, this.rawTime()); // if the pause occurs during the delay phase, make sure that's factored in when resuming.
this._ts = this._act = 0; // _ts is the functional timeScale, so a paused tween would effectively have a timeScale of 0. We record the "real" timeScale as _rts (recorded time scale)
} else {
_wake();
this._ts = this._rts; //only defer to _pTime (pauseTime) if tTime is zero. Remember, someone could pause() an animation, then scrub the playhead and resume(). If the parent doesn't have smoothChildTiming, we render at the rawTime() because the startTime won't get updated.
this.totalTime(this.parent && !this.parent.smoothChildTiming ? this.rawTime() : this._tTime || this._pTime, this.progress() === 1 && Math.abs(this._zTime) !== _tinyNum && (this._tTime -= _tinyNum)); // edge case: animation.progress(1).pause().play() wouldn't render again because the playhead is already at the end, but the call to totalTime() below will add it back to its parent...and not remove it again (since removing only happens upon rendering at a new time). Offsetting the _tTime slightly is done simply to cause the final render in totalTime() that'll pop it off its timeline (if autoRemoveChildren is true, of course). Check to make sure _zTime isn't -_tinyNum to avoid an edge case where the playhead is pushed to the end but INSIDE a tween/callback, the timeline itself is paused thus halting rendering and leaving a few unrendered. When resuming, it wouldn't render those otherwise.
}
}
return this;
};
_proto.startTime = function startTime(value) {
if (arguments.length) {
this._start = value;
var parent = this.parent || this._dp;
parent && (parent._sort || !this.parent) && _addToTimeline(parent, this, value - this._delay);
return this;
}
return this._start;
};
_proto.endTime = function endTime(includeRepeats) {
return this._start + (_isNotFalse(includeRepeats) ? this.totalDuration() : this.duration()) / Math.abs(this._ts || 1);
};
_proto.rawTime = function rawTime(wrapRepeats) {
var parent = this.parent || this._dp; // _dp = detached parent
return !parent ? this._tTime : wrapRepeats && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : !this._ts ? this._tTime : _parentToChildTotalTime(parent.rawTime(wrapRepeats), this);
};
_proto.revert = function revert(config) {
if (config === void 0) {
config = _revertConfig;
}
var prevIsReverting = _reverting;
_reverting = config;
if (this._initted || this._startAt) {
this.timeline && this.timeline.revert(config);
this.totalTime(-0.01, config.suppressEvents);
}
this.data !== "nested" && config.kill !== false && this.kill();
_reverting = prevIsReverting;
return this;
};
_proto.globalTime = function globalTime(rawTime) {
var animation = this,
time = arguments.length ? rawTime : animation.rawTime();
while (animation) {
time = animation._start + time / (Math.abs(animation._ts) || 1);
animation = animation._dp;
}
return !this.parent && this._sat ? this._sat.globalTime(rawTime) : time; // the _startAt tweens for .fromTo() and .from() that have immediateRender should always be FIRST in the timeline (important for context.revert()). "_sat" stands for _startAtTween, referring to the parent tween that created the _startAt. We must discern if that tween had immediateRender so that we can know whether or not to prioritize it in revert().
};
_proto.repeat = function repeat(value) {
if (arguments.length) {
this._repeat = value === Infinity ? -2 : value;
return _onUpdateTotalDuration(this);
}
return this._repeat === -2 ? Infinity : this._repeat;
};
_proto.repeatDelay = function repeatDelay(value) {
if (arguments.length) {
var time = this._time;
this._rDelay = value;
_onUpdateTotalDuration(this);
return time ? this.time(time) : this;
}
return this._rDelay;
};
_proto.yoyo = function yoyo(value) {
if (arguments.length) {
this._yoyo = value;
return this;
}
return this._yoyo;
};
_proto.seek = function seek(position, suppressEvents) {
return this.totalTime(_parsePosition(this, position), _isNotFalse(suppressEvents));
};
_proto.restart = function restart(includeDelay, suppressEvents) {
return this.play().totalTime(includeDelay ? -this._delay : 0, _isNotFalse(suppressEvents));
};
_proto.play = function play(from, suppressEvents) {
from != null && this.seek(from, suppressEvents);
return this.reversed(false).paused(false);
};
_proto.reverse = function reverse(from, suppressEvents) {
from != null && this.seek(from || this.totalDuration(), suppressEvents);
return this.reversed(true).paused(false);
};
_proto.pause = function pause(atTime, suppressEvents) {
atTime != null && this.seek(atTime, suppressEvents);
return this.paused(true);
};
_proto.resume = function resume() {
return this.paused(false);
};
_proto.reversed = function reversed(value) {
if (arguments.length) {
!!value !== this.reversed() && this.timeScale(-this._rts || (value ? -_tinyNum : 0)); // in case timeScale is zero, reversing would have no effect so we use _tinyNum.
return this;
}
return this._rts < 0;
};
_proto.invalidate = function invalidate() {
this._initted = this._act = 0;
this._zTime = -_tinyNum;
return this;
};
_proto.isActive = function isActive() {
var parent = this.parent || this._dp,
start = this._start,
rawTime;
return !!(!parent || this._ts && this._initted && parent.isActive() && (rawTime = parent.rawTime(true)) >= start && rawTime < this.endTime(true) - _tinyNum);
};
_proto.eventCallback = function eventCallback(type, callback, params) {
var vars = this.vars;
if (arguments.length > 1) {
if (!callback) {
delete vars[type];
} else {
vars[type] = callback;
params && (vars[type + "Params"] = params);
type === "onUpdate" && (this._onUpdate = callback);
}
return this;
}
return vars[type];
};
_proto.then = function then(onFulfilled) {
var self = this;
return new Promise(function (resolve) {
var f = _isFunction(onFulfilled) ? onFulfilled : _passThrough,
_resolve = function _resolve() {
var _then = self.then;
self.then = null; // temporarily null the then() method to avoid an infinite loop (see https://github.com/greensock/GSAP/issues/322)
_isFunction(f) && (f = f(self)) && (f.then || f === self) && (self.then = _then);
resolve(f);
self.then = _then;
};
if (self._initted && self.totalProgress() === 1 && self._ts >= 0 || !self._tTime && self._ts < 0) {
_resolve();
} else {
self._prom = _resolve;
}
});
};
_proto.kill = function kill() {
_interrupt(this);
};
return Animation;
}();
_setDefaults(Animation.prototype, {
_time: 0,
_start: 0,
_end: 0,
_tTime: 0,
_tDur: 0,
_dirty: 0,
_repeat: 0,
_yoyo: false,
parent: null,
_initted: false,
_rDelay: 0,
_ts: 1,
_dp: 0,
ratio: 0,
_zTime: -_tinyNum,
_prom: 0,
_ps: false,
_rts: 1
});
/*
* -------------------------------------------------
* TIMELINE
* -------------------------------------------------
*/
var Timeline = /*#__PURE__*/function (_Animation) {
_inheritsLoose(Timeline, _Animation);
function Timeline(vars, position) {
var _this;
if (vars === void 0) {
vars = {};
}
_this = _Animation.call(this, vars) || this;
_this.labels = {};
_this.smoothChildTiming = !!vars.smoothChildTiming;
_this.autoRemoveChildren = !!vars.autoRemoveChildren;
_this._sort = _isNotFalse(vars.sortChildren);
_globalTimeline && _addToTimeline(vars.parent || _globalTimeline, _assertThisInitialized(_this), position);
vars.reversed && _this.reverse();
vars.paused && _this.paused(true);
vars.scrollTrigger && _scrollTrigger(_assertThisInitialized(_this), vars.scrollTrigger);
return _this;
}
var _proto2 = Timeline.prototype;
_proto2.to = function to(targets, vars, position) {
_createTweenType(0, arguments, this);
return this;
};
_proto2.from = function from(targets, vars, position) {
_createTweenType(1, arguments, this);
return this;
};
_proto2.fromTo = function fromTo(targets, fromVars, toVars, position) {
_createTweenType(2, arguments, this);
return this;
};
_proto2.set = function set(targets, vars, position) {
vars.duration = 0;
vars.parent = this;
_inheritDefaults(vars).repeatDelay || (vars.repeat = 0);
vars.immediateRender = !!vars.immediateRender;
new Tween(targets, vars, _parsePosition(this, position), 1);
return this;
};
_proto2.call = function call(callback, params, position) {
return _addToTimeline(this, Tween.delayedCall(0, callback, params), position);
} //ONLY for backward compatibility! Maybe delete?
;
_proto2.staggerTo = function staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) {
vars.duration = duration;
vars.stagger = vars.stagger || stagger;
vars.onComplete = onCompleteAll;
vars.onCompleteParams = onCompleteAllParams;
vars.parent = this;
new Tween(targets, vars, _parsePosition(this, position));
return this;
};
_proto2.staggerFrom = function staggerFrom(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams) {
vars.runBackwards = 1;
_inheritDefaults(vars).immediateRender = _isNotFalse(vars.immediateRender);
return this.staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams);
};
_proto2.staggerFromTo = function staggerFromTo(targets, duration, fromVars, toVars, stagger, position, onCompleteAll, onCompleteAllParams) {
toVars.startAt = fromVars;
_inheritDefaults(toVars).immediateRender = _isNotFalse(toVars.immediateRender);
return this.staggerTo(targets, duration, toVars, stagger, position, onCompleteAll, onCompleteAllParams);
};
_proto2.render = function render(totalTime, suppressEvents, force) {
var prevTime = this._time,
tDur = this._dirty ? this.totalDuration() : this._tDur,
dur = this._dur,
tTime = totalTime <= 0 ? 0 : _roundPrecise(totalTime),
// if a paused timeline is resumed (or its _start is updated for another reason...which rounds it), that could result in the playhead shifting a **tiny** amount and a zero-duration child at that spot may get rendered at a different ratio, like its totalTime in render() may be 1e-17 instead of 0, for example.
crossingStart = this._zTime < 0 !== totalTime < 0 && (this._initted || !dur),
time,
child,
next,
iteration,
cycleDuration,
prevPaused,
pauseTween,
timeScale,
prevStart,
prevIteration,
yoyo,
isYoyo;
this !== _globalTimeline && tTime > tDur && totalTime >= 0 && (tTime = tDur);
if (tTime !== this._tTime || force || crossingStart) {
if (prevTime !== this._time && dur) {
//if totalDuration() finds a child with a negative startTime and smoothChildTiming is true, things get shifted around internally so we need to adjust the time accordingly. For example, if a tween starts at -30 we must shift EVERYTHING forward 30 seconds and move this timeline's startTime backward by 30 seconds so that things align with the playhead (no jump).
tTime += this._time - prevTime;
totalTime += this._time - prevTime;
}
time = tTime;
prevStart = this._start;
timeScale = this._ts;
prevPaused = !timeScale;
if (crossingStart) {
dur || (prevTime = this._zTime); //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect.
(totalTime || !suppressEvents) && (this._zTime = totalTime);
}
if (this._repeat) {
//adjust the time for repeats and yoyos
yoyo = this._yoyo;
cycleDuration = dur + this._rDelay;
if (this._repeat < -1 && totalTime < 0) {
return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force);
}
time = _roundPrecise(tTime % cycleDuration); //round to avoid floating point errors. (4 % 0.8 should be 0 but some browsers report it as 0.79999999!)
if (tTime === tDur) {
// the tDur === tTime is for edge cases where there's a lengthy decimal on the duration and it may reach the very end but the time is rendered as not-quite-there (remember, tDur is rounded to 4 decimals whereas dur isn't)
iteration = this._repeat;
time = dur;
} else {
iteration = ~~(tTime / cycleDuration);
if (iteration && iteration === tTime / cycleDuration) {
time = dur;
iteration--;
}
time > dur && (time = dur);
}
prevIteration = _animationCycle(this._tTime, cycleDuration);
!prevTime && this._tTime && prevIteration !== iteration && this._tTime - prevIteration * cycleDuration - this._dur <= 0 && (prevIteration = iteration); // edge case - if someone does addPause() at the very beginning of a repeating timeline, that pause is technically at the same spot as the end which causes this._time to get set to 0 when the totalTime would normally place the playhead at the end. See https://gsap.com/forums/topic/23823-closing-nav-animation-not-working-on-ie-and-iphone-6-maybe-other-older-browser/?tab=comments#comment-113005 also, this._tTime - prevIteration * cycleDuration - this._dur <= 0 just checks to make sure it wasn't previously in the "repeatDelay" portion
if (yoyo && iteration & 1) {
time = dur - time;
isYoyo = 1;
}
/*
make sure children at the end/beginning of the timeline are rendered properly. If, for example,
a 3-second long timeline rendered at 2.9 seconds previously, and now renders at 3.2 seconds (which
would get translated to 2.8 seconds if the timeline yoyos or 0.2 seconds if it just repeats), there
could be a callback or a short tween that's at 2.95 or 3 seconds in which wouldn't render. So
we need to push the timeline to the end (and/or beginning depending on its yoyo value). Also we must
ensure that zero-duration tweens at the very beginning or end of the Timeline work.
*/
if (iteration !== prevIteration && !this._lock) {
var rewinding = yoyo && prevIteration & 1,
doesWrap = rewinding === (yoyo && iteration & 1);
iteration < prevIteration && (rewinding = !rewinding);
prevTime = rewinding ? 0 : tTime % dur ? dur : tTime; // if the playhead is landing exactly at the end of an iteration, use that totalTime rather than only the duration, otherwise it'll skip the 2nd render since it's effectively at the same time.
this._lock = 1;
this.render(prevTime || (isYoyo ? 0 : _roundPrecise(iteration * cycleDuration)), suppressEvents, !dur)._lock = 0;
this._tTime = tTime; // if a user gets the iteration() inside the onRepeat, for example, it should be accurate.
!suppressEvents && this.parent && _callback(this, "onRepeat");
this.vars.repeatRefresh && !isYoyo && (this.invalidate()._lock = 1);
if (prevTime && prevTime !== this._time || prevPaused !== !this._ts || this.vars.onRepeat && !this.parent && !this._act) {
// if prevTime is 0 and we render at the very end, _time will be the end, thus won't match. So in this edge case, prevTime won't match _time but that's okay. If it gets killed in the onRepeat, eject as well.
return this;
}
dur = this._dur; // in case the duration changed in the onRepeat
tDur = this._tDur;
if (doesWrap) {
this._lock = 2;
prevTime = rewinding ? dur : -0.0001;
this.render(prevTime, true);
this.vars.repeatRefresh && !isYoyo && this.invalidate();
}
this._lock = 0;
if (!this._ts && !prevPaused) {
return this;
} //in order for yoyoEase to work properly when there's a stagger, we must swap out the ease in each sub-tween.
_propagateYoyoEase(this, isYoyo);
}
}
if (this._hasPause && !this._forcing && this._lock < 2) {
pauseTween = _findNextPauseTween(this, _roundPrecise(prevTime), _roundPrecise(time));
if (pauseTween) {
tTime -= time - (time = pauseTween._start);
}
}
this._tTime = tTime;
this._time = time;
this._act = !timeScale; //as long as it's not paused, force it to be active so that if the user renders independent of the parent timeline, it'll be forced to re-render on the next tick.
if (!this._initted) {
this._onUpdate = this.vars.onUpdate;
this._initted = 1;
this._zTime = totalTime;
prevTime = 0; // upon init, the playhead should always go forward; someone could invalidate() a completed timeline and then if they restart(), that would make child tweens render in reverse order which could lock in the wrong starting values if they build on each other, like tl.to(obj, {x: 100}).to(obj, {x: 0}).
}
if (!prevTime && time && !suppressEvents && !iteration) {
_callback(this, "onStart");
if (this._tTime !== tTime) {
// in case the onStart triggered a render at a different spot, eject. Like if someone did animation.pause(0.5) or something inside the onStart.
return this;
}
}
if (time >= prevTime && totalTime >= 0) {
child = this._first;
while (child) {
next = child._next;
if ((child._act || time >= child._start) && child._ts && pauseTween !== child) {
if (child.parent !== this) {
// an extreme edge case - the child's render could do something like kill() the "next" one in the linked list, or reparent it. In that case we must re-initiate the whole render to be safe.
return this.render(totalTime, suppressEvents, force);
}
child.render(child._ts > 0 ? (time - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (time - child._start) * child._ts, suppressEvents, force);
if (time !== this._time || !this._ts && !prevPaused) {
//in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
pauseTween = 0;
next && (tTime += this._zTime = -_tinyNum); // it didn't finish rendering, so flag zTime as negative so that so that the next time render() is called it'll be forced (to render any remaining children)
break;
}
}
child = next;
}
} else {
child = this._last;
var adjustedTime = totalTime < 0 ? totalTime : time; //when the playhead goes backward beyond the start of this timeline, we must pass that information down to the child animations so that zero-duration tweens know whether to render their starting or ending values.
while (child) {
next = child._prev;
if ((child._act || adjustedTime <= child._end) && child._ts && pauseTween !== child) {
if (child.parent !== this) {
// an extreme edge case - the child's render could do something like kill() the "next" one in the linked list, or reparent it. In that case we must re-initiate the whole render to be safe.
return this.render(totalTime, suppressEvents, force);
}
child.render(child._ts > 0 ? (adjustedTime - child._start) * child._ts : (child._dirty ? child.totalDuration() : child._tDur) + (adjustedTime - child._start) * child._ts, suppressEvents, force || _reverting && (child._initted || child._startAt)); // if reverting, we should always force renders of initted tweens (but remember that .fromTo() or .from() may have a _startAt but not _initted yet). If, for example, a .fromTo() tween with a stagger (which creates an internal timeline) gets reverted BEFORE some of its child tweens render for the first time, it may not properly trigger them to revert.
if (time !== this._time || !this._ts && !prevPaused) {
//in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
pauseTween = 0;
next && (tTime += this._zTime = adjustedTime ? -_tinyNum : _tinyNum); // it didn't finish rendering, so adjust zTime so that so that the next time render() is called it'll be forced (to render any remaining children)
break;
}
}
child = next;
}
}
if (pauseTween && !suppressEvents) {
this.pause();
pauseTween.render(time >= prevTime ? 0 : -_tinyNum)._zTime = time >= prevTime ? 1 : -1;
if (this._ts) {
//the callback resumed playback! So since we may have held back the playhead due to where the pause is positioned, go ahead and jump to where it's SUPPOSED to be (if no pause happened).
this._start = prevStart; //if the pause was at an earlier time and the user resumed in the callback, it could reposition the timeline (changing its startTime), throwing things off slightly, so we make sure the _start doesn't shift.
_setEnd(this);
return this.render(totalTime, suppressEvents, force);
}
}
this._onUpdate && !suppressEvents && _callback(this, "onUpdate", true);
if (tTime === tDur && this._tTime >= this.totalDuration() || !tTime && prevTime) if (prevStart === this._start || Math.abs(timeScale) !== Math.abs(this._ts)) if (!this._lock) {
// remember, a child's callback may alter this timeline's playhead or timeScale which is why we need to add some of these checks.
(totalTime || !dur) && (tTime === tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); // don't remove if the timeline is reversed and the playhead isn't at 0, otherwise tl.progress(1).reverse() won't work. Only remove if the playhead is at the end and timeScale is positive, or if the playhead is at 0 and the timeScale is negative.
if (!suppressEvents && !(totalTime < 0 && !prevTime) && (tTime || prevTime || !tDur)) {
_callback(this, tTime === tDur && totalTime >= 0 ? "onComplete" : "onReverseComplete", true);
this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom();
}
}
}
return this;
};
_proto2.add = function add(child, position) {
var _this2 = this;
_isNumber(position) || (position = _parsePosition(this, position, child));
if (!(child instanceof Animation)) {
if (_isArray(child)) {
child.forEach(function (obj) {
return _this2.add(obj, position);
});
return this;
}
if (_isString(child)) {
return this.addLabel(child, position);
}
if (_isFunction(child)) {
child = Tween.delayedCall(0, child);
} else {
return this;
}
}
return this !== child ? _addToTimeline(this, child, position) : this; //don't allow a timeline to be added to itself as a child!
};
_proto2.getChildren = function getChildren(nested, tweens, timelines, ignoreBeforeTime) {
if (nested === void 0) {
nested = true;
}
if (tweens === void 0) {
tweens = true;
}
if (timelines === void 0) {
timelines = true;
}
if (ignoreBeforeTime === void 0) {
ignoreBeforeTime = -_bigNum;
}
var a = [],
child = this._first;
while (child) {
if (child._start >= ignoreBeforeTime) {
if (child instanceof Tween) {
tweens && a.push(child);
} else {
timelines && a.push(child);
nested && a.push.apply(a, child.getChildren(true, tweens, timelines));
}
}
child = child._next;
}
return a;
};
_proto2.getById = function getById(id) {
var animations = this.getChildren(1, 1, 1),
i = animations.length;
while (i--) {
if (animations[i].vars.id === id) {
return animations[i];
}
}
};
_proto2.remove = function remove(child) {
if (_isString(child)) {
return this.removeLabel(child);
}
if (_isFunction(child)) {
return this.killTweensOf(child);
}
_removeLinkedListItem(this, child);
if (child === this._recent) {
this._recent = this._last;
}
return _uncache(this);
};
_proto2.totalTime = function totalTime(_totalTime2, suppressEvents) {
if (!arguments.length) {
return this._tTime;
}
this._forcing = 1;
if (!this._dp && this._ts) {
//special case for the global timeline (or any other that has no parent or detached parent).
this._start = _roundPrecise(_ticker.time - (this._ts > 0 ? _totalTime2 / this._ts : (this.totalDuration() - _totalTime2) / -this._ts));
}
_Animation.prototype.totalTime.call(this, _totalTime2, suppressEvents);
this._forcing = 0;
return this;
};
_proto2.addLabel = function addLabel(label, position) {
this.labels[label] = _parsePosition(this, position);
return this;
};
_proto2.removeLabel = function removeLabel(label) {
delete this.labels[label];
return this;
};
_proto2.addPause = function addPause(position, callback, params) {
var t = Tween.delayedCall(0, callback || _emptyFunc, params);
t.data = "isPause";
this._hasPause = 1;
return _addToTimeline(this, t, _parsePosition(this, position));
};
_proto2.removePause = function removePause(position) {
var child = this._first;
position = _parsePosition(this, position);
while (child) {
if (child._start === position && child.data === "isPause") {
_removeFromParent(child);
}
child = child._next;
}
};
_proto2.killTweensOf = function killTweensOf(targets, props, onlyActive) {
var tweens = this.getTweensOf(targets, onlyActive),
i = tweens.length;
while (i--) {
_overwritingTween !== tweens[i] && tweens[i].kill(targets, props);
}
return this;
};
_proto2.getTweensOf = function getTweensOf(targets, onlyActive) {
var a = [],
parsedTargets = toArray(targets),
child = this._first,
isGlobalTime = _isNumber(onlyActive),
// a number is interpreted as a global time. If the animation spans
children;
while (child) {
if (child instanceof Tween) {
if (_arrayContainsAny(child._targets, parsedTargets) && (isGlobalTime ? (!_overwritingTween || child._initted && child._ts) && child.globalTime(0) <= onlyActive && child.globalTime(child.totalDuration()) > onlyActive : !onlyActive || child.isActive())) {
// note: if this is for overwriting, it should only be for tweens that aren't paused and are initted.
a.push(child);
}
} else if ((children = child.getTweensOf(parsedTargets, onlyActive)).length) {
a.push.apply(a, children);
}
child = child._next;
}
return a;
} // potential future feature - targets() on timelines
// targets() {
// let result = [];
// this.getChildren(true, true, false).forEach(t => result.push(...t.targets()));
// return result.filter((v, i) => result.indexOf(v) === i);
// }
;
_proto2.tweenTo = function tweenTo(position, vars) {
vars = vars || {};
var tl = this,
endTime = _parsePosition(tl, position),
_vars = vars,
startAt = _vars.startAt,
_onStart = _vars.onStart,
onStartParams = _vars.onStartParams,
immediateRender = _vars.immediateRender,
initted,
tween = Tween.to(tl, _setDefaults({
ease: vars.ease || "none",
lazy: false,
immediateRender: false,
time: endTime,
overwrite: "auto",
duration: vars.duration || Math.abs((endTime - (startAt && "time" in startAt ? startAt.time : tl._time)) / tl.timeScale()) || _tinyNum,
onStart: function onStart() {
tl.pause();
if (!initted) {
var duration = vars.duration || Math.abs((endTime - (startAt && "time" in startAt ? startAt.time : tl._time)) / tl.timeScale());
tween._dur !== duration && _setDuration(tween, duration, 0, 1).render(tween._time, true, true);
initted = 1;
}
_onStart && _onStart.apply(tween, onStartParams || []); //in case the user had an onStart in the vars - we don't want to overwrite it.
}
}, vars));
return immediateRender ? tween.render(0) : tween;
};
_proto2.tweenFromTo = function tweenFromTo(fromPosition, toPosition, vars) {
return this.tweenTo(toPosition, _setDefaults({
startAt: {
time: _parsePosition(this, fromPosition)
}
}, vars));
};
_proto2.recent = function recent() {
return this._recent;
};
_proto2.nextLabel = function nextLabel(afterTime) {
if (afterTime === void 0) {
afterTime = this._time;
}
return _getLabelInDirection(this, _parsePosition(this, afterTime));
};
_proto2.previousLabel = function previousLabel(beforeTime) {
if (beforeTime === void 0) {
beforeTime = this._time;
}
return _getLabelInDirection(this, _parsePosition(this, beforeTime), 1);
};
_proto2.currentLabel = function currentLabel(value) {
return arguments.length ? this.seek(value, true) : this.previousLabel(this._time + _tinyNum);
};
_proto2.shiftChildren = function shiftChildren(amount, adjustLabels, ignoreBeforeTime) {
if (ignoreBeforeTime === void 0) {
ignoreBeforeTime = 0;
}
var child = this._first,
labels = this.labels,
p;
while (child) {
if (child._start >= ignoreBeforeTime) {
child._start += amount;
child._end += amount;
}
child = child._next;
}
if (adjustLabels) {
for (p in labels) {
if (labels[p] >= ignoreBeforeTime) {
labels[p] += amount;
}
}
}
return _uncache(this);
};
_proto2.invalidate = function invalidate(soft) {
var child = this._first;
this._lock = 0;
while (child) {
child.invalidate(soft);
child = child._next;
}
return _Animation.prototype.invalidate.call(this, soft);
};
_proto2.clear = function clear(includeLabels) {
if (includeLabels === void 0) {
includeLabels = true;
}
var child = this._first,
next;
while (child) {
next = child._next;
this.remove(child);
child = next;
}
this._dp && (this._time = this._tTime = this._pTime = 0);
includeLabels && (this.labels = {});
return _uncache(this);
};
_proto2.totalDuration = function totalDuration(value) {
var max = 0,
self = this,
child = self._last,
prevStart = _bigNum,
prev,
start,
parent;
if (arguments.length) {
return self.timeScale((self._repeat < 0 ? self.duration() : self.totalDuration()) / (self.reversed() ? -value : value));
}
if (self._dirty) {
parent = self.parent;
while (child) {
prev = child._prev; //record it here in case the tween changes position in the sequence...
child._dirty && child.totalDuration(); //could change the tween._startTime, so make sure the animation's cache is clean before analyzing it.
start = child._start;
if (start > prevStart && self._sort && child._ts && !self._lock) {
//in case one of the tweens shifted out of order, it needs to be re-inserted into the correct position in the sequence
self._lock = 1; //prevent endless recursive calls - there are methods that get triggered that check duration/totalDuration when we add().
_addToTimeline(self, child, start - child._delay, 1)._lock = 0;
} else {
prevStart = start;
}
if (start < 0 && child._ts) {
//children aren't allowed to have negative startTimes unless smoothChildTiming is true, so adjust here if one is found.
max -= start;
if (!parent && !self._dp || parent && parent.smoothChildTiming) {
self._start += start / self._ts;
self._time -= start;
self._tTime -= start;
}
self.shiftChildren(-start, false, -1e999);
prevStart = 0;
}
child._end > max && child._ts && (max = child._end);
child = prev;
}
_setDuration(self, self === _globalTimeline && self._time > max ? self._time : max, 1, 1);
self._dirty = 0;
}
return self._tDur;
};
Timeline.updateRoot = function updateRoot(time) {
if (_globalTimeline._ts) {
_lazySafeRender(_globalTimeline, _parentToChildTotalTime(time, _globalTimeline));
_lastRenderedFrame = _ticker.frame;
}
if (_ticker.frame >= _nextGCFrame) {
_nextGCFrame += _config.autoSleep || 120;
var child = _globalTimeline._first;
if (!child || !child._ts) if (_config.autoSleep && _ticker._listeners.length < 2) {
while (child && !child._ts) {
child = child._next;
}
child || _ticker.sleep();
}
}
};
return Timeline;
}(Animation);
_setDefaults(Timeline.prototype, {
_lock: 0,
_hasPause: 0,
_forcing: 0
});
var _addComplexStringPropTween = function _addComplexStringPropTween(target, prop, start, end, setter, stringFilter, funcParam) {
//note: we call _addComplexStringPropTween.call(tweenInstance...) to ensure that it's scoped properly. We may call it from within a plugin too, thus "this" would refer to the plugin.
var pt = new PropTween(this._pt, target, prop, 0, 1, _renderComplexString, null, setter),
index = 0,
matchIndex = 0,
result,
startNums,
color,
endNum,
chunk,
startNum,
hasRandom,
a;
pt.b = start;
pt.e = end;
start += ""; //ensure values are strings
end += "";
if (hasRandom = ~end.indexOf("random(")) {
end = _replaceRandom(end);
}
if (stringFilter) {
a = [start, end];
stringFilter(a, target, prop); //pass an array with the starting and ending values and let the filter do whatever it needs to the values.
start = a[0];
end = a[1];
}
startNums = start.match(_complexStringNumExp) || [];
while (result = _complexStringNumExp.exec(end)) {
endNum = result[0];
chunk = end.substring(index, result.index);
if (color) {
color = (color + 1) % 5;
} else if (chunk.substr(-5) === "rgba(") {
color = 1;
}
if (endNum !== startNums[matchIndex++]) {
startNum = parseFloat(startNums[matchIndex - 1]) || 0; //these nested PropTweens are handled in a special way - we'll never actually call a render or setter method on them. We'll just loop through them in the parent complex string PropTween's render method.
pt._pt = {
_next: pt._pt,
p: chunk || matchIndex === 1 ? chunk : ",",
//note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
s: startNum,
c: endNum.charAt(1) === "=" ? _parseRelative(startNum, endNum) - startNum : parseFloat(endNum) - startNum,
m: color && color < 4 ? Math.round : 0
};
index = _complexStringNumExp.lastIndex;
}
}
pt.c = index < end.length ? end.substring(index, end.length) : ""; //we use the "c" of the PropTween to store the final part of the string (after the last number)
pt.fp = funcParam;
if (_relExp.test(end) || hasRandom) {
pt.e = 0; //if the end string contains relative values or dynamic random(...) values, delete the end it so that on the final render we don't actually set it to the string with += or -= characters (forces it to use the calculated value).
}
this._pt = pt; //start the linked list with this new PropTween. Remember, we call _addComplexStringPropTween.call(tweenInstance...) to ensure that it's scoped properly. We may call it from within a plugin too, thus "this" would refer to the plugin.
return pt;
},
_addPropTween = function _addPropTween(target, prop, start, end, index, targets, modifier, stringFilter, funcParam, optional) {
_isFunction(end) && (end = end(index || 0, target, targets));
var currentValue = target[prop],
parsedStart = start !== "get" ? start : !_isFunction(currentValue) ? currentValue : funcParam ? target[prop.indexOf("set") || !_isFunction(target["get" + prop.substr(3)]) ? prop : "get" + prop.substr(3)](funcParam) : target[prop](),
setter = !_isFunction(currentValue) ? _setterPlain : funcParam ? _setterFuncWithParam : _setterFunc,
pt;
if (_isString(end)) {
if (~end.indexOf("random(")) {
end = _replaceRandom(end);
}
if (end.charAt(1) === "=") {
pt = _parseRelative(parsedStart, end) + (getUnit(parsedStart) || 0);
if (pt || pt === 0) {
// to avoid isNaN, like if someone passes in a value like "!= whatever"
end = pt;
}
}
}
if (!optional || parsedStart !== end || _forceAllPropTweens) {
if (!isNaN(parsedStart * end) && end !== "") {
// fun fact: any number multiplied by "" is evaluated as the number 0!
pt = new PropTween(this._pt, target, prop, +parsedStart || 0, end - (parsedStart || 0), typeof currentValue === "boolean" ? _renderBoolean : _renderPlain, 0, setter);
funcParam && (pt.fp = funcParam);
modifier && pt.modifier(modifier, this, target);
return this._pt = pt;
}
!currentValue && !(prop in target) && _missingPlugin(prop, end);
return _addComplexStringPropTween.call(this, target, prop, parsedStart, end, setter, stringFilter || _config.stringFilter, funcParam);
}
},
//creates a copy of the vars object and processes any function-based values (putting the resulting values directly into the copy) as well as strings with "random()" in them. It does NOT process relative values.
_processVars = function _processVars(vars, index, target, targets, tween) {
_isFunction(vars) && (vars = _parseFuncOrString(vars, tween, index, target, targets));
if (!_isObject(vars) || vars.style && vars.nodeType || _isArray(vars) || _isTypedArray(vars)) {
return _isString(vars) ? _parseFuncOrString(vars, tween, index, target, targets) : vars;
}
var copy = {},
p;
for (p in vars) {
copy[p] = _parseFuncOrString(vars[p], tween, index, target, targets);
}
return copy;
},
_checkPlugin = function _checkPlugin(property, vars, tween, index, target, targets) {
var plugin, pt, ptLookup, i;
if (_plugins[property] && (plugin = new _plugins[property]()).init(target, plugin.rawVars ? vars[property] : _processVars(vars[property], index, target, targets, tween), tween, index, targets) !== false) {
tween._pt = pt = new PropTween(tween._pt, target, property, 0, 1, plugin.render, plugin, 0, plugin.priority);
if (tween !== _quickTween) {
ptLookup = tween._ptLookup[tween._targets.indexOf(target)]; //note: we can't use tween._ptLookup[index] because for staggered tweens, the index from the fullTargets array won't match what it is in each individual tween that spawns from the stagger.
i = plugin._props.length;
while (i--) {
ptLookup[plugin._props[i]] = pt;
}
}
}
return plugin;
},
_overwritingTween,
//store a reference temporarily so we can avoid overwriting itself.
_forceAllPropTweens,
_initTween = function _initTween(tween, time, tTime) {
var vars = tween.vars,
ease = vars.ease,
startAt = vars.startAt,
immediateRender = vars.immediateRender,
lazy = vars.lazy,
onUpdate = vars.onUpdate,
runBackwards = vars.runBackwards,
yoyoEase = vars.yoyoEase,
keyframes = vars.keyframes,
autoRevert = vars.autoRevert,
dur = tween._dur,
prevStartAt = tween._startAt,
targets = tween._targets,
parent = tween.parent,
fullTargets = parent && parent.data === "nested" ? parent.vars.targets : targets,
autoOverwrite = tween._overwrite === "auto" && !_suppressOverwrites,
tl = tween.timeline,
cleanVars,
i,
p,
pt,
target,
hasPriority,
gsData,
harness,
plugin,
ptLookup,
index,
harnessVars,
overwritten;
tl && (!keyframes || !ease) && (ease = "none");
tween._ease = _parseEase(ease, _defaults.ease);
tween._yEase = yoyoEase ? _invertEase(_parseEase(yoyoEase === true ? ease : yoyoEase, _defaults.ease)) : 0;
if (yoyoEase && tween._yoyo && !tween._repeat) {
//there must have been a parent timeline with yoyo:true that is currently in its yoyo phase, so flip the eases.
yoyoEase = tween._yEase;
tween._yEase = tween._ease;
tween._ease = yoyoEase;
}
tween._from = !tl && !!vars.runBackwards; //nested timelines should never run backwards - the backwards-ness is in the child tweens.
if (!tl || keyframes && !vars.stagger) {
//if there's an internal timeline, skip all the parsing because we passed that task down the chain.
harness = targets[0] ? _getCache(targets[0]).harness : 0;
harnessVars = harness && vars[harness.prop]; //someone may need to specify CSS-specific values AND non-CSS values, like if the element has an "x" property plus it's a standard DOM element. We allow people to distinguish by wrapping plugin-specific stuff in a css:{} object for example.
cleanVars = _copyExcluding(vars, _reservedProps);
if (prevStartAt) {
prevStartAt._zTime < 0 && prevStartAt.progress(1); // in case it's a lazy startAt that hasn't rendered yet.
time < 0 && runBackwards && immediateRender && !autoRevert ? prevStartAt.render(-1, true) : prevStartAt.revert(runBackwards && dur ? _revertConfigNoKill : _startAtRevertConfig); // if it's a "startAt" (not "from()" or runBackwards: true), we only need to do a shallow revert (keep transforms cached in CSSPlugin)
// don't just _removeFromParent(prevStartAt.render(-1, true)) because that'll leave inline styles. We're creating a new _startAt for "startAt" tweens that re-capture things to ensure that if the pre-tween values changed since the tween was created, they're recorded.
prevStartAt._lazy = 0;
}
if (startAt) {
_removeFromParent(tween._startAt = Tween.set(targets, _setDefaults({
data: "isStart",
overwrite: false,
parent: parent,
immediateRender: true,
lazy: !prevStartAt && _isNotFalse(lazy),
startAt: null,
delay: 0,
onUpdate: onUpdate && function () {
return _callback(tween, "onUpdate");
},
stagger: 0
}, startAt))); //copy the properties/values into a new object to avoid collisions, like var to = {x:0}, from = {x:500}; timeline.fromTo(e, from, to).fromTo(e, to, from);
tween._startAt._dp = 0; // don't allow it to get put back into root timeline! Like when revert() is called and totalTime() gets set.
tween._startAt._sat = tween; // used in globalTime(). _sat stands for _startAtTween
time < 0 && (_reverting || !immediateRender && !autoRevert) && tween._startAt.revert(_revertConfigNoKill); // rare edge case, like if a render is forced in the negative direction of a non-initted tween.
if (immediateRender) {
if (dur && time <= 0 && tTime <= 0) {
// check tTime here because in the case of a yoyo tween whose playhead gets pushed to the end like tween.progress(1), we should allow it through so that the onComplete gets fired properly.
time && (tween._zTime = time);
return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a Timeline, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
}
}
} else if (runBackwards && dur) {
//from() tweens must be handled uniquely: their beginning values must be rendered but we don't want overwriting to occur yet (when time is still 0). Wait until the tween actually begins before doing all the routines like overwriting. At that time, we should render at the END of the tween to ensure that things initialize correctly (remember, from() tweens go backwards)
if (!prevStartAt) {
time && (immediateRender = false); //in rare cases (like if a from() tween runs and then is invalidate()-ed), immediateRender could be true but the initial forced-render gets skipped, so there's no need to force the render in this context when the _time is greater than 0
p = _setDefaults({
overwrite: false,
data: "isFromStart",
//we tag the tween with as "isFromStart" so that if [inside a plugin] we need to only do something at the very END of a tween, we have a way of identifying this tween as merely the one that's setting the beginning values for a "from()" tween. For example, clearProps in CSSPlugin should only get applied at the very END of a tween and without this tag, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in.
lazy: immediateRender && !prevStartAt && _isNotFalse(lazy),
immediateRender: immediateRender,
//zero-duration tweens render immediately by default, but if we're not specifically instructed to render this tween immediately, we should skip this and merely _init() to record the starting values (rendering them immediately would push them to completion which is wasteful in that case - we'd have to render(-1) immediately after)
stagger: 0,
parent: parent //ensures that nested tweens that had a stagger are handled properly, like gsap.from(".class", {y: gsap.utils.wrap([-100,100]), stagger: 0.5})
}, cleanVars);
harnessVars && (p[harness.prop] = harnessVars); // in case someone does something like .from(..., {css:{}})
_removeFromParent(tween._startAt = Tween.set(targets, p));
tween._startAt._dp = 0; // don't allow it to get put back into root timeline!
tween._startAt._sat = tween; // used in globalTime()
time < 0 && (_reverting ? tween._startAt.revert(_revertConfigNoKill) : tween._startAt.render(-1, true));
tween._zTime = time;
if (!immediateRender) {
_initTween(tween._startAt, _tinyNum, _tinyNum); //ensures that the initial values are recorded
} else if (!time) {
return;
}
}
}
tween._pt = tween._ptCache = 0;
lazy = dur && _isNotFalse(lazy) || lazy && !dur;
for (i = 0; i < targets.length; i++) {
target = targets[i];
gsData = target._gsap || _harness(targets)[i]._gsap;
tween._ptLookup[i] = ptLookup = {};
_lazyLookup[gsData.id] && _lazyTweens.length && _lazyRender(); //if other tweens of the same target have recently initted but haven't rendered yet, we've got to force the render so that the starting values are correct (imagine populating a timeline with a bunch of sequential tweens and then jumping to the end)
index = fullTargets === targets ? i : fullTargets.indexOf(target);
if (harness && (plugin = new harness()).init(target, harnessVars || cleanVars, tween, index, fullTargets) !== false) {
tween._pt = pt = new PropTween(tween._pt, target, plugin.name, 0, 1, plugin.render, plugin, 0, plugin.priority);
plugin._props.forEach(function (name) {
ptLookup[name] = pt;
});
plugin.priority && (hasPriority = 1);
}
if (!harness || harnessVars) {
for (p in cleanVars) {
if (_plugins[p] && (plugin = _checkPlugin(p, cleanVars, tween, index, target, fullTargets))) {
plugin.priority && (hasPriority = 1);
} else {
ptLookup[p] = pt = _addPropTween.call(tween, target, p, "get", cleanVars[p], index, fullTargets, 0, vars.stringFilter);
}
}
}
tween._op && tween._op[i] && tween.kill(target, tween._op[i]);
if (autoOverwrite && tween._pt) {
_overwritingTween = tween;
_globalTimeline.killTweensOf(target, ptLookup, tween.globalTime(time)); // make sure the overwriting doesn't overwrite THIS tween!!!
overwritten = !tween.parent;
_overwritingTween = 0;
}
tween._pt && lazy && (_lazyLookup[gsData.id] = 1);
}
hasPriority && _sortPropTweensByPriority(tween);
tween._onInit && tween._onInit(tween); //plugins like RoundProps must wait until ALL of the PropTweens are instantiated. In the plugin's init() function, it sets the _onInit on the tween instance. May not be pretty/intuitive, but it's fast and keeps file size down.
}
tween._onUpdate = onUpdate;
tween._initted = (!tween._op || tween._pt) && !overwritten; // if overwrittenProps resulted in the entire tween being killed, do NOT flag it as initted or else it may render for one tick.
keyframes && time <= 0 && tl.render(_bigNum, true, true); // if there's a 0% keyframe, it'll render in the "before" state for any staggered/delayed animations thus when the following tween initializes, it'll use the "before" state instead of the "after" state as the initial values.
},
_updatePropTweens = function _updatePropTweens(tween, property, value, start, startIsRelative, ratio, time, skipRecursion) {
var ptCache = (tween._pt && tween._ptCache || (tween._ptCache = {}))[property],
pt,
rootPT,
lookup,
i;
if (!ptCache) {
ptCache = tween._ptCache[property] = [];
lookup = tween._ptLookup;
i = tween._targets.length;
while (i--) {
pt = lookup[i][property];
if (pt && pt.d && pt.d._pt) {
// it's a plugin, so find the nested PropTween
pt = pt.d._pt;
while (pt && pt.p !== property && pt.fp !== property) {
// "fp" is functionParam for things like setting CSS variables which require .setProperty("--var-name", value)
pt = pt._next;
}
}
if (!pt) {
// there is no PropTween associated with that property, so we must FORCE one to be created and ditch out of this
// if the tween has other properties that already rendered at new positions, we'd normally have to rewind to put them back like tween.render(0, true) before forcing an _initTween(), but that can create another edge case like tweening a timeline's progress would trigger onUpdates to fire which could move other things around. It's better to just inform users that .resetTo() should ONLY be used for tweens that already have that property. For example, you can't gsap.to(...{ y: 0 }) and then tween.restTo("x", 200) for example.
_forceAllPropTweens = 1; // otherwise, when we _addPropTween() and it finds no change between the start and end values, it skips creating a PropTween (for efficiency...why tween when there's no difference?) but in this case we NEED that PropTween created so we can edit it.
tween.vars[property] = "+=0";
_initTween(tween, time);
_forceAllPropTweens = 0;
return skipRecursion ? _warn(property + " not eligible for reset") : 1; // if someone tries to do a quickTo() on a special property like borderRadius which must get split into 4 different properties, that's not eligible for .resetTo().
}
ptCache.push(pt);
}
}
i = ptCache.length;
while (i--) {
rootPT = ptCache[i];
pt = rootPT._pt || rootPT; // complex values may have nested PropTweens. We only accommodate the FIRST value.
pt.s = (start || start === 0) && !startIsRelative ? start : pt.s + (start || 0) + ratio * pt.c;
pt.c = value - pt.s;
rootPT.e && (rootPT.e = _round(value) + getUnit(rootPT.e)); // mainly for CSSPlugin (end value)
rootPT.b && (rootPT.b = pt.s + getUnit(rootPT.b)); // (beginning value)
}
},
_addAliasesToVars = function _addAliasesToVars(targets, vars) {
var harness = targets[0] ? _getCache(targets[0]).harness : 0,
propertyAliases = harness && harness.aliases,
copy,
p,
i,
aliases;
if (!propertyAliases) {
return vars;
}
copy = _merge({}, vars);
for (p in propertyAliases) {
if (p in copy) {
aliases = propertyAliases[p].split(",");
i = aliases.length;
while (i--) {
copy[aliases[i]] = copy[p];
}
}
}
return copy;
},
// parses multiple formats, like {"0%": {x: 100}, {"50%": {x: -20}} and { x: {"0%": 100, "50%": -20} }, and an "ease" can be set on any object. We populate an "allProps" object with an Array for each property, like {x: [{}, {}], y:[{}, {}]} with data for each property tween. The objects have a "t" (time), "v", (value), and "e" (ease) property. This allows us to piece together a timeline later.
_parseKeyframe = function _parseKeyframe(prop, obj, allProps, easeEach) {
var ease = obj.ease || easeEach || "power1.inOut",
p,
a;
if (_isArray(obj)) {
a = allProps[prop] || (allProps[prop] = []); // t = time (out of 100), v = value, e = ease
obj.forEach(function (value, i) {
return a.push({
t: i / (obj.length - 1) * 100,
v: value,
e: ease
});
});
} else {
for (p in obj) {
a = allProps[p] || (allProps[p] = []);
p === "ease" || a.push({
t: parseFloat(prop),
v: obj[p],
e: ease
});
}
}
},
_parseFuncOrString = function _parseFuncOrString(value, tween, i, target, targets) {
return _isFunction(value) ? value.call(tween, i, target, targets) : _isString(value) && ~value.indexOf("random(") ? _replaceRandom(value) : value;
},
_staggerTweenProps = _callbackNames + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert",
_staggerPropsToSkip = {};
_forEachName(_staggerTweenProps + ",id,stagger,delay,duration,paused,scrollTrigger", function (name) {
return _staggerPropsToSkip[name] = 1;
});
/*
* --------------------------------------------------------------------------------------
* TWEEN
* --------------------------------------------------------------------------------------
*/
var Tween = /*#__PURE__*/function (_Animation2) {
_inheritsLoose(Tween, _Animation2);
function Tween(targets, vars, position, skipInherit) {
var _this3;
if (typeof vars === "number") {
position.duration = vars;
vars = position;
position = null;
}
_this3 = _Animation2.call(this, skipInherit ? vars : _inheritDefaults(vars)) || this;
var _this3$vars = _this3.vars,
duration = _this3$vars.duration,
delay = _this3$vars.delay,
immediateRender = _this3$vars.immediateRender,
stagger = _this3$vars.stagger,
overwrite = _this3$vars.overwrite,
keyframes = _this3$vars.keyframes,
defaults = _this3$vars.defaults,
scrollTrigger = _this3$vars.scrollTrigger,
yoyoEase = _this3$vars.yoyoEase,
parent = vars.parent || _globalTimeline,
parsedTargets = (_isArray(targets) || _isTypedArray(targets) ? _isNumber(targets[0]) : "length" in vars) ? [targets] : toArray(targets),
tl,
i,
copy,
l,
p,
curTarget,
staggerFunc,
staggerVarsToMerge;
_this3._targets = parsedTargets.length ? _harness(parsedTargets) : _warn("GSAP target " + targets + " not found. https://gsap.com", !_config.nullTargetWarn) || [];
_this3._ptLookup = []; //PropTween lookup. An array containing an object for each target, having keys for each tweening property
_this3._overwrite = overwrite;
if (keyframes || stagger || _isFuncOrString(duration) || _isFuncOrString(delay)) {
vars = _this3.vars;
tl = _this3.timeline = new Timeline({
data: "nested",
defaults: defaults || {},
targets: parent && parent.data === "nested" ? parent.vars.targets : parsedTargets
}); // we need to store the targets because for staggers and keyframes, we end up creating an individual tween for each but function-based values need to know the index and the whole Array of targets.
tl.kill();
tl.parent = tl._dp = _assertThisInitialized(_this3);
tl._start = 0;
if (stagger || _isFuncOrString(duration) || _isFuncOrString(delay)) {
l = parsedTargets.length;
staggerFunc = stagger && distribute(stagger);
if (_isObject(stagger)) {
//users can pass in callbacks like onStart/onComplete in the stagger object. These should fire with each individual tween.
for (p in stagger) {
if (~_staggerTweenProps.indexOf(p)) {
staggerVarsToMerge || (staggerVarsToMerge = {});
staggerVarsToMerge[p] = stagger[p];
}
}
}
for (i = 0; i < l; i++) {
copy = _copyExcluding(vars, _staggerPropsToSkip);
copy.stagger = 0;
yoyoEase && (copy.yoyoEase = yoyoEase);
staggerVarsToMerge && _merge(copy, staggerVarsToMerge);
curTarget = parsedTargets[i]; //don't just copy duration or delay because if they're a string or function, we'd end up in an infinite loop because _isFuncOrString() would evaluate as true in the child tweens, entering this loop, etc. So we parse the value straight from vars and default to 0.
copy.duration = +_parseFuncOrString(duration, _assertThisInitialized(_this3), i, curTarget, parsedTargets);
copy.delay = (+_parseFuncOrString(delay, _assertThisInitialized(_this3), i, curTarget, parsedTargets) || 0) - _this3._delay;
if (!stagger && l === 1 && copy.delay) {
// if someone does delay:"random(1, 5)", repeat:-1, for example, the delay shouldn't be inside the repeat.
_this3._delay = delay = copy.delay;
_this3._start += delay;
copy.delay = 0;
}
tl.to(curTarget, copy, staggerFunc ? staggerFunc(i, curTarget, parsedTargets) : 0);
tl._ease = _easeMap.none;
}
tl.duration() ? duration = delay = 0 : _this3.timeline = 0; // if the timeline's duration is 0, we don't need a timeline internally!
} else if (keyframes) {
_inheritDefaults(_setDefaults(tl.vars.defaults, {
ease: "none"
}));
tl._ease = _parseEase(keyframes.ease || vars.ease || "none");
var time = 0,
a,
kf,
v;
if (_isArray(keyframes)) {
keyframes.forEach(function (frame) {
return tl.to(parsedTargets, frame, ">");
});
tl.duration(); // to ensure tl._dur is cached because we tap into it for performance purposes in the render() method.
} else {
copy = {};
for (p in keyframes) {
p === "ease" || p === "easeEach" || _parseKeyframe(p, keyframes[p], copy, keyframes.easeEach);
}
for (p in copy) {
a = copy[p].sort(function (a, b) {
return a.t - b.t;
});
time = 0;
for (i = 0; i < a.length; i++) {
kf = a[i];
v = {
ease: kf.e,
duration: (kf.t - (i ? a[i - 1].t : 0)) / 100 * duration
};
v[p] = kf.v;
tl.to(parsedTargets, v, time);
time += v.duration;
}
}
tl.duration() < duration && tl.to({}, {
duration: duration - tl.duration()
}); // in case keyframes didn't go to 100%
}
}
duration || _this3.duration(duration = tl.duration());
} else {
_this3.timeline = 0; //speed optimization, faster lookups (no going up the prototype chain)
}
if (overwrite === true && !_suppressOverwrites) {
_overwritingTween = _assertThisInitialized(_this3);
_globalTimeline.killTweensOf(parsedTargets);
_overwritingTween = 0;
}
_addToTimeline(parent, _assertThisInitialized(_this3), position);
vars.reversed && _this3.reverse();
vars.paused && _this3.paused(true);
if (immediateRender || !duration && !keyframes && _this3._start === _roundPrecise(parent._time) && _isNotFalse(immediateRender) && _hasNoPausedAncestors(_assertThisInitialized(_this3)) && parent.data !== "nested") {
_this3._tTime = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
_this3.render(Math.max(0, -delay) || 0); //in case delay is negative
}
scrollTrigger && _scrollTrigger(_assertThisInitialized(_this3), scrollTrigger);
return _this3;
}
var _proto3 = Tween.prototype;
_proto3.render = function render(totalTime, suppressEvents, force) {
var prevTime = this._time,
tDur = this._tDur,
dur = this._dur,
isNegative = totalTime < 0,
tTime = totalTime > tDur - _tinyNum && !isNegative ? tDur : totalTime < _tinyNum ? 0 : totalTime,
time,
pt,
iteration,
cycleDuration,
prevIteration,
isYoyo,
ratio,
timeline,
yoyoEase;
if (!dur) {
_renderZeroDurationTween(this, totalTime, suppressEvents, force);
} else if (tTime !== this._tTime || !totalTime || force || !this._initted && this._tTime || this._startAt && this._zTime < 0 !== isNegative) {
//this senses if we're crossing over the start time, in which case we must record _zTime and force the render, but we do it in this lengthy conditional way for performance reasons (usually we can skip the calculations): this._initted && (this._zTime < 0) !== (totalTime < 0)
time = tTime;
timeline = this.timeline;
if (this._repeat) {
//adjust the time for repeats and yoyos
cycleDuration = dur + this._rDelay;
if (this._repeat < -1 && isNegative) {
return this.totalTime(cycleDuration * 100 + totalTime, suppressEvents, force);
}
time = _roundPrecise(tTime % cycleDuration); //round to avoid floating point errors. (4 % 0.8 should be 0 but some browsers report it as 0.79999999!)
if (tTime === tDur) {
// the tDur === tTime is for edge cases where there's a lengthy decimal on the duration and it may reach the very end but the time is rendered as not-quite-there (remember, tDur is rounded to 4 decimals whereas dur isn't)
iteration = this._repeat;
time = dur;
} else {
iteration = ~~(tTime / cycleDuration);
if (iteration && iteration === _roundPrecise(tTime / cycleDuration)) {
time = dur;
iteration--;
}
time > dur && (time = dur);
}
isYoyo = this._yoyo && iteration & 1;
if (isYoyo) {
yoyoEase = this._yEase;
time = dur - time;
}
prevIteration = _animationCycle(this._tTime, cycleDuration);
if (time === prevTime && !force && this._initted && iteration === prevIteration) {
//could be during the repeatDelay part. No need to render and fire callbacks.
this._tTime = tTime;
return this;
}
if (iteration !== prevIteration) {
timeline && this._yEase && _propagateYoyoEase(timeline, isYoyo); //repeatRefresh functionality
if (this.vars.repeatRefresh && !isYoyo && !this._lock && this._time !== cycleDuration && this._initted) {
// this._time will === cycleDuration when we render at EXACTLY the end of an iteration. Without this condition, it'd often do the repeatRefresh render TWICE (again on the very next tick).
this._lock = force = 1; //force, otherwise if lazy is true, the _attemptInitTween() will return and we'll jump out and get caught bouncing on each tick.
this.render(_roundPrecise(cycleDuration * iteration), true).invalidate()._lock = 0;
}
}
}
if (!this._initted) {
if (_attemptInitTween(this, isNegative ? totalTime : time, force, suppressEvents, tTime)) {
this._tTime = 0; // in constructor if immediateRender is true, we set _tTime to -_tinyNum to have the playhead cross the starting point but we can't leave _tTime as a negative number.
return this;
}
if (prevTime !== this._time && !(force && this.vars.repeatRefresh && iteration !== prevIteration)) {
// rare edge case - during initialization, an onUpdate in the _startAt (.fromTo()) might force this tween to render at a different spot in which case we should ditch this render() call so that it doesn't revert the values. But we also don't want to dump if we're doing a repeatRefresh render!
return this;
}
if (dur !== this._dur) {
// while initting, a plugin like InertiaPlugin might alter the duration, so rerun from the start to ensure everything renders as it should.
return this.render(totalTime, suppressEvents, force);
}
}
this._tTime = tTime;
this._time = time;
if (!this._act && this._ts) {
this._act = 1; //as long as it's not paused, force it to be active so that if the user renders independent of the parent timeline, it'll be forced to re-render on the next tick.
this._lazy = 0;
}
this.ratio = ratio = (yoyoEase || this._ease)(time / dur);
if (this._from) {
this.ratio = ratio = 1 - ratio;
}
if (time && !prevTime && !suppressEvents && !iteration) {
_callback(this, "onStart");
if (this._tTime !== tTime) {
// in case the onStart triggered a render at a different spot, eject. Like if someone did animation.pause(0.5) or something inside the onStart.
return this;
}
}
pt = this._pt;
while (pt) {
pt.r(ratio, pt.d);
pt = pt._next;
}
timeline && timeline.render(totalTime < 0 ? totalTime : timeline._dur * timeline._ease(time / this._dur), suppressEvents, force) || this._startAt && (this._zTime = totalTime);
if (this._onUpdate && !suppressEvents) {
isNegative && _rewindStartAt(this, totalTime, suppressEvents, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
_callback(this, "onUpdate");
}
this._repeat && iteration !== prevIteration && this.vars.onRepeat && !suppressEvents && this.parent && _callback(this, "onRepeat");
if ((tTime === this._tDur || !tTime) && this._tTime === tTime) {
isNegative && !this._onUpdate && _rewindStartAt(this, totalTime, true, true);
(totalTime || !dur) && (tTime === this._tDur && this._ts > 0 || !tTime && this._ts < 0) && _removeFromParent(this, 1); // don't remove if we're rendering at exactly a time of 0, as there could be autoRevert values that should get set on the next tick (if the playhead goes backward beyond the startTime, negative totalTime). Don't remove if the timeline is reversed and the playhead isn't at 0, otherwise tl.progress(1).reverse() won't work. Only remove if the playhead is at the end and timeScale is positive, or if the playhead is at 0 and the timeScale is negative.
if (!suppressEvents && !(isNegative && !prevTime) && (tTime || prevTime || isYoyo)) {
// if prevTime and tTime are zero, we shouldn't fire the onReverseComplete. This could happen if you gsap.to(... {paused:true}).play();
_callback(this, tTime === tDur ? "onComplete" : "onReverseComplete", true);
this._prom && !(tTime < tDur && this.timeScale() > 0) && this._prom();
}
}
}
return this;
};
_proto3.targets = function targets() {
return this._targets;
};
_proto3.invalidate = function invalidate(soft) {
// "soft" gives us a way to clear out everything EXCEPT the recorded pre-"from" portion of from() tweens. Otherwise, for example, if you tween.progress(1).render(0, true true).invalidate(), the "from" values would persist and then on the next render, the from() tweens would initialize and the current value would match the "from" values, thus animate from the same value to the same value (no animation). We tap into this in ScrollTrigger's refresh() where we must push a tween to completion and then back again but honor its init state in case the tween is dependent on another tween further up on the page.
(!soft || !this.vars.runBackwards) && (this._startAt = 0);
this._pt = this._op = this._onUpdate = this._lazy = this.ratio = 0;
this._ptLookup = [];
this.timeline && this.timeline.invalidate(soft);
return _Animation2.prototype.invalidate.call(this, soft);
};
_proto3.resetTo = function resetTo(property, value, start, startIsRelative, skipRecursion) {
_tickerActive || _ticker.wake();
this._ts || this.play();
var time = Math.min(this._dur, (this._dp._time - this._start) * this._ts),
ratio;
this._initted || _initTween(this, time);
ratio = this._ease(time / this._dur); // don't just get tween.ratio because it may not have rendered yet.
// possible future addition to allow an object with multiple values to update, like tween.resetTo({x: 100, y: 200}); At this point, it doesn't seem worth the added kb given the fact that most users will likely opt for the convenient gsap.quickTo() way of interacting with this method.
// if (_isObject(property)) { // performance optimization
// for (p in property) {
// if (_updatePropTweens(this, p, property[p], value ? value[p] : null, start, ratio, time)) {
// return this.resetTo(property, value, start, startIsRelative); // if a PropTween wasn't found for the property, it'll get forced with a re-initialization so we need to jump out and start over again.
// }
// }
// } else {
if (_updatePropTweens(this, property, value, start, startIsRelative, ratio, time, skipRecursion)) {
return this.resetTo(property, value, start, startIsRelative, 1); // if a PropTween wasn't found for the property, it'll get forced with a re-initialization so we need to jump out and start over again.
} //}
_alignPlayhead(this, 0);
this.parent || _addLinkedListItem(this._dp, this, "_first", "_last", this._dp._sort ? "_start" : 0);
return this.render(0);
};
_proto3.kill = function kill(targets, vars) {
if (vars === void 0) {
vars = "all";
}
if (!targets && (!vars || vars === "all")) {
this._lazy = this._pt = 0;
return this.parent ? _interrupt(this) : this;
}
if (this.timeline) {
var tDur = this.timeline.totalDuration();
this.timeline.killTweensOf(targets, vars, _overwritingTween && _overwritingTween.vars.overwrite !== true)._first || _interrupt(this); // if nothing is left tweening, interrupt.
this.parent && tDur !== this.timeline.totalDuration() && _setDuration(this, this._dur * this.timeline._tDur / tDur, 0, 1); // if a nested tween is killed that changes the duration, it should affect this tween's duration. We must use the ratio, though, because sometimes the internal timeline is stretched like for keyframes where they don't all add up to whatever the parent tween's duration was set to.
return this;
}
var parsedTargets = this._targets,
killingTargets = targets ? toArray(targets) : parsedTargets,
propTweenLookup = this._ptLookup,
firstPT = this._pt,
overwrittenProps,
curLookup,
curOverwriteProps,
props,
p,
pt,
i;
if ((!vars || vars === "all") && _arraysMatch(parsedTargets, killingTargets)) {
vars === "all" && (this._pt = 0);
return _interrupt(this);
}
overwrittenProps = this._op = this._op || [];
if (vars !== "all") {
//so people can pass in a comma-delimited list of property names
if (_isString(vars)) {
p = {};
_forEachName(vars, function (name) {
return p[name] = 1;
});
vars = p;
}
vars = _addAliasesToVars(parsedTargets, vars);
}
i = parsedTargets.length;
while (i--) {
if (~killingTargets.indexOf(parsedTargets[i])) {
curLookup = propTweenLookup[i];
if (vars === "all") {
overwrittenProps[i] = vars;
props = curLookup;
curOverwriteProps = {};
} else {
curOverwriteProps = overwrittenProps[i] = overwrittenProps[i] || {};
props = vars;
}
for (p in props) {
pt = curLookup && curLookup[p];
if (pt) {
if (!("kill" in pt.d) || pt.d.kill(p) === true) {
_removeLinkedListItem(this, pt, "_pt");
}
delete curLookup[p];
}
if (curOverwriteProps !== "all") {
curOverwriteProps[p] = 1;
}
}
}
}
this._initted && !this._pt && firstPT && _interrupt(this); //if all tweening properties are killed, kill the tween. Without this line, if there's a tween with multiple targets and then you killTweensOf() each target individually, the tween would technically still remain active and fire its onComplete even though there aren't any more properties tweening.
return this;
};
Tween.to = function to(targets, vars) {
return new Tween(targets, vars, arguments[2]);
};
Tween.from = function from(targets, vars) {
return _createTweenType(1, arguments);
};
Tween.delayedCall = function delayedCall(delay, callback, params, scope) {
return new Tween(callback, 0, {
immediateRender: false,
lazy: false,
overwrite: false,
delay: delay,
onComplete: callback,
onReverseComplete: callback,
onCompleteParams: params,
onReverseCompleteParams: params,
callbackScope: scope
}); // we must use onReverseComplete too for things like timeline.add(() => {...}) which should be triggered in BOTH directions (forward and reverse)
};
Tween.fromTo = function fromTo(targets, fromVars, toVars) {
return _createTweenType(2, arguments);
};
Tween.set = function set(targets, vars) {
vars.duration = 0;
vars.repeatDelay || (vars.repeat = 0);
return new Tween(targets, vars);
};
Tween.killTweensOf = function killTweensOf(targets, props, onlyActive) {
return _globalTimeline.killTweensOf(targets, props, onlyActive);
};
return Tween;
}(Animation);
_setDefaults(Tween.prototype, {
_targets: [],
_lazy: 0,
_startAt: 0,
_op: 0,
_onInit: 0
}); //add the pertinent timeline methods to Tween instances so that users can chain conveniently and create a timeline automatically. (removed due to concerns that it'd ultimately add to more confusion especially for beginners)
// _forEachName("to,from,fromTo,set,call,add,addLabel,addPause", name => {
// Tween.prototype[name] = function() {
// let tl = new Timeline();
// return _addToTimeline(tl, this)[name].apply(tl, toArray(arguments));
// }
// });
//for backward compatibility. Leverage the timeline calls.
_forEachName("staggerTo,staggerFrom,staggerFromTo", function (name) {
Tween[name] = function () {
var tl = new Timeline(),
params = _slice.call(arguments, 0);
params.splice(name === "staggerFromTo" ? 5 : 4, 0, 0);
return tl[name].apply(tl, params);
};
});
/*
* --------------------------------------------------------------------------------------
* PROPTWEEN
* --------------------------------------------------------------------------------------
*/
var _setterPlain = function _setterPlain(target, property, value) {
return target[property] = value;
},
_setterFunc = function _setterFunc(target, property, value) {
return target[property](value);
},
_setterFuncWithParam = function _setterFuncWithParam(target, property, value, data) {
return target[property](data.fp, value);
},
_setterAttribute = function _setterAttribute(target, property, value) {
return target.setAttribute(property, value);
},
_getSetter = function _getSetter(target, property) {
return _isFunction(target[property]) ? _setterFunc : _isUndefined(target[property]) && target.setAttribute ? _setterAttribute : _setterPlain;
},
_renderPlain = function _renderPlain(ratio, data) {
return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 1000000) / 1000000, data);
},
_renderBoolean = function _renderBoolean(ratio, data) {
return data.set(data.t, data.p, !!(data.s + data.c * ratio), data);
},
_renderComplexString = function _renderComplexString(ratio, data) {
var pt = data._pt,
s = "";
if (!ratio && data.b) {
//b = beginning string
s = data.b;
} else if (ratio === 1 && data.e) {
//e = ending string
s = data.e;
} else {
while (pt) {
s = pt.p + (pt.m ? pt.m(pt.s + pt.c * ratio) : Math.round((pt.s + pt.c * ratio) * 10000) / 10000) + s; //we use the "p" property for the text inbetween (like a suffix). And in the context of a complex string, the modifier (m) is typically just Math.round(), like for RGB colors.
pt = pt._next;
}
s += data.c; //we use the "c" of the PropTween to store the final chunk of non-numeric text.
}
data.set(data.t, data.p, s, data);
},
_renderPropTweens = function _renderPropTweens(ratio, data) {
var pt = data._pt;
while (pt) {
pt.r(ratio, pt.d);
pt = pt._next;
}
},
_addPluginModifier = function _addPluginModifier(modifier, tween, target, property) {
var pt = this._pt,
next;
while (pt) {
next = pt._next;
pt.p === property && pt.modifier(modifier, tween, target);
pt = next;
}
},
_killPropTweensOf = function _killPropTweensOf(property) {
var pt = this._pt,
hasNonDependentRemaining,
next;
while (pt) {
next = pt._next;
if (pt.p === property && !pt.op || pt.op === property) {
_removeLinkedListItem(this, pt, "_pt");
} else if (!pt.dep) {
hasNonDependentRemaining = 1;
}
pt = next;
}
return !hasNonDependentRemaining;
},
_setterWithModifier = function _setterWithModifier(target, property, value, data) {
data.mSet(target, property, data.m.call(data.tween, value, data.mt), data);
},
_sortPropTweensByPriority = function _sortPropTweensByPriority(parent) {
var pt = parent._pt,
next,
pt2,
first,
last; //sorts the PropTween linked list in order of priority because some plugins need to do their work after ALL of the PropTweens were created (like RoundPropsPlugin and ModifiersPlugin)
while (pt) {
next = pt._next;
pt2 = first;
while (pt2 && pt2.pr > pt.pr) {
pt2 = pt2._next;
}
if (pt._prev = pt2 ? pt2._prev : last) {
pt._prev._next = pt;
} else {
first = pt;
}
if (pt._next = pt2) {
pt2._prev = pt;
} else {
last = pt;
}
pt = next;
}
parent._pt = first;
}; //PropTween key: t = target, p = prop, r = renderer, d = data, s = start, c = change, op = overwriteProperty (ONLY populated when it's different than p), pr = priority, _next/_prev for the linked list siblings, set = setter, m = modifier, mSet = modifierSetter (the original setter, before a modifier was added)
var PropTween = /*#__PURE__*/function () {
function PropTween(next, target, prop, start, change, renderer, data, setter, priority) {
this.t = target;
this.s = start;
this.c = change;
this.p = prop;
this.r = renderer || _renderPlain;
this.d = data || this;
this.set = setter || _setterPlain;
this.pr = priority || 0;
this._next = next;
if (next) {
next._prev = this;
}
}
var _proto4 = PropTween.prototype;
_proto4.modifier = function modifier(func, tween, target) {
this.mSet = this.mSet || this.set; //in case it was already set (a PropTween can only have one modifier)
this.set = _setterWithModifier;
this.m = func;
this.mt = target; //modifier target
this.tween = tween;
};
return PropTween;
}(); //Initialization tasks
_forEachName(_callbackNames + "parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger", function (name) {
return _reservedProps[name] = 1;
});
_globals.TweenMax = _globals.TweenLite = Tween;
_globals.TimelineLite = _globals.TimelineMax = Timeline;
_globalTimeline = new Timeline({
sortChildren: false,
defaults: _defaults,
autoRemoveChildren: true,
id: "root",
smoothChildTiming: true
});
_config.stringFilter = _colorStringFilter;
var _media = [],
_listeners = {},
_emptyArray = [],
_lastMediaTime = 0,
_contextID = 0,
_dispatch = function _dispatch(type) {
return (_listeners[type] || _emptyArray).map(function (f) {
return f();
});
},
_onMediaChange = function _onMediaChange() {
var time = Date.now(),
matches = [];
if (time - _lastMediaTime > 2) {
_dispatch("matchMediaInit");
_media.forEach(function (c) {
var queries = c.queries,
conditions = c.conditions,
match,
p,
anyMatch,
toggled;
for (p in queries) {
match = _win.matchMedia(queries[p]).matches; // Firefox doesn't update the "matches" property of the MediaQueryList object correctly - it only does so as it calls its change handler - so we must re-create a media query here to ensure it's accurate.
match && (anyMatch = 1);
if (match !== conditions[p]) {
conditions[p] = match;
toggled = 1;
}
}
if (toggled) {
c.revert();
anyMatch && matches.push(c);
}
});
_dispatch("matchMediaRevert");
matches.forEach(function (c) {
return c.onMatch(c, function (func) {
return c.add(null, func);
});
});
_lastMediaTime = time;
_dispatch("matchMedia");
}
};
var Context = /*#__PURE__*/function () {
function Context(func, scope) {
this.selector = scope && selector(scope);
this.data = [];
this._r = []; // returned/cleanup functions
this.isReverted = false;
this.id = _contextID++; // to work around issues that frameworks like Vue cause by making things into Proxies which make it impossible to do something like _media.indexOf(this) because "this" would no longer refer to the Context instance itself - it'd refer to a Proxy! We needed a way to identify the context uniquely
func && this.add(func);
}
var _proto5 = Context.prototype;
_proto5.add = function add(name, func, scope) {
// possible future addition if we need the ability to add() an animation to a context and for whatever reason cannot create that animation inside of a context.add(() => {...}) function.
// if (name && _isFunction(name.revert)) {
// this.data.push(name);
// return (name._ctx = this);
// }
if (_isFunction(name)) {
scope = func;
func = name;
name = _isFunction;
}
var self = this,
f = function f() {
var prev = _context,
prevSelector = self.selector,
result;
prev && prev !== self && prev.data.push(self);
scope && (self.selector = selector(scope));
_context = self;
result = func.apply(self, arguments);
_isFunction(result) && self._r.push(result);
_context = prev;
self.selector = prevSelector;
self.isReverted = false;
return result;
};
self.last = f;
return name === _isFunction ? f(self, function (func) {
return self.add(null, func);
}) : name ? self[name] = f : f;
};
_proto5.ignore = function ignore(func) {
var prev = _context;
_context = null;
func(this);
_context = prev;
};
_proto5.getTweens = function getTweens() {
var a = [];
this.data.forEach(function (e) {
return e instanceof Context ? a.push.apply(a, e.getTweens()) : e instanceof Tween && !(e.parent && e.parent.data === "nested") && a.push(e);
});
return a;
};
_proto5.clear = function clear() {
this._r.length = this.data.length = 0;
};
_proto5.kill = function kill(revert, matchMedia) {
var _this4 = this;
if (revert) {
(function () {
var tweens = _this4.getTweens(),
i = _this4.data.length,
t;
while (i--) {
// Flip plugin tweens are very different in that they should actually be pushed to their end. The plugin replaces the timeline's .revert() method to do exactly that. But we also need to remove any of those nested tweens inside the flip timeline so that they don't get individually reverted.
t = _this4.data[i];
if (t.data === "isFlip") {
t.revert();
t.getChildren(true, true, false).forEach(function (tween) {
return tweens.splice(tweens.indexOf(tween), 1);
});
}
} // save as an object so that we can cache the globalTime for each tween to optimize performance during the sort
tweens.map(function (t) {
return {
g: t._dur || t._delay || t._sat && !t._sat.vars.immediateRender ? t.globalTime(0) : -Infinity,
t: t
};
}).sort(function (a, b) {
return b.g - a.g || -Infinity;
}).forEach(function (o) {
return o.t.revert(revert);
}); // note: all of the _startAt tweens should be reverted in reverse order that they were created, and they'll all have the same globalTime (-1) so the " || -1" in the sort keeps the order properly.
i = _this4.data.length;
while (i--) {
// make sure we loop backwards so that, for example, SplitTexts that were created later on the same element get reverted first
t = _this4.data[i];
if (t instanceof Timeline) {
if (t.data !== "nested") {
t.scrollTrigger && t.scrollTrigger.revert();
t.kill(); // don't revert() the timeline because that's duplicating efforts since we already reverted all the tweens
}
} else {
!(t instanceof Tween) && t.revert && t.revert(revert);
}
}
_this4._r.forEach(function (f) {
return f(revert, _this4);
});
_this4.isReverted = true;
})();
} else {
this.data.forEach(function (e) {
return e.kill && e.kill();
});
}
this.clear();
if (matchMedia) {
var i = _media.length;
while (i--) {
// previously, we checked _media.indexOf(this), but some frameworks like Vue enforce Proxy objects that make it impossible to get the proper result that way, so we must use a unique ID number instead.
_media[i].id === this.id && _media.splice(i, 1);
}
}
};
_proto5.revert = function revert(config) {
this.kill(config || {});
};
return Context;
}();
var MatchMedia = /*#__PURE__*/function () {
function MatchMedia(scope) {
this.contexts = [];
this.scope = scope;
_context && _context.data.push(this);
}
var _proto6 = MatchMedia.prototype;
_proto6.add = function add(conditions, func, scope) {
_isObject(conditions) || (conditions = {
matches: conditions
});
var context = new Context(0, scope || this.scope),
cond = context.conditions = {},
mq,
p,
active;
_context && !context.selector && (context.selector = _context.selector); // in case a context is created inside a context. Like a gsap.matchMedia() that's inside a scoped gsap.context()
this.contexts.push(context);
func = context.add("onMatch", func);
context.queries = conditions;
for (p in conditions) {
if (p === "all") {
active = 1;
} else {
mq = _win.matchMedia(conditions[p]);
if (mq) {
_media.indexOf(context) < 0 && _media.push(context);
(cond[p] = mq.matches) && (active = 1);
mq.addListener ? mq.addListener(_onMediaChange) : mq.addEventListener("change", _onMediaChange);
}
}
}
active && func(context, function (f) {
return context.add(null, f);
});
return this;
} // refresh() {
// let time = _lastMediaTime,
// media = _media;
// _lastMediaTime = -1;
// _media = this.contexts;
// _onMediaChange();
// _lastMediaTime = time;
// _media = media;
// }
;
_proto6.revert = function revert(config) {
this.kill(config || {});
};
_proto6.kill = function kill(revert) {
this.contexts.forEach(function (c) {
return c.kill(revert, true);
});
};
return MatchMedia;
}();
/*
* --------------------------------------------------------------------------------------
* GSAP
* --------------------------------------------------------------------------------------
*/
var _gsap = {
registerPlugin: function registerPlugin() {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
args.forEach(function (config) {
return _createPlugin(config);
});
},
timeline: function timeline(vars) {
return new Timeline(vars);
},
getTweensOf: function getTweensOf(targets, onlyActive) {
return _globalTimeline.getTweensOf(targets, onlyActive);
},
getProperty: function getProperty(target, property, unit, uncache) {
_isString(target) && (target = toArray(target)[0]); //in case selector text or an array is passed in
var getter = _getCache(target || {}).get,
format = unit ? _passThrough : _numericIfPossible;
unit === "native" && (unit = "");
return !target ? target : !property ? function (property, unit, uncache) {
return format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache));
} : format((_plugins[property] && _plugins[property].get || getter)(target, property, unit, uncache));
},
quickSetter: function quickSetter(target, property, unit) {
target = toArray(target);
if (target.length > 1) {
var setters = target.map(function (t) {
return gsap.quickSetter(t, property, unit);
}),
l = setters.length;
return function (value) {
var i = l;
while (i--) {
setters[i](value);
}
};
}
target = target[0] || {};
var Plugin = _plugins[property],
cache = _getCache(target),
p = cache.harness && (cache.harness.aliases || {})[property] || property,
// in case it's an alias, like "rotate" for "rotation".
setter = Plugin ? function (value) {
var p = new Plugin();
_quickTween._pt = 0;
p.init(target, unit ? value + unit : value, _quickTween, 0, [target]);
p.render(1, p);
_quickTween._pt && _renderPropTweens(1, _quickTween);
} : cache.set(target, p);
return Plugin ? setter : function (value) {
return setter(target, p, unit ? value + unit : value, cache, 1);
};
},
quickTo: function quickTo(target, property, vars) {
var _merge2;
var tween = gsap.to(target, _merge((_merge2 = {}, _merge2[property] = "+=0.1", _merge2.paused = true, _merge2), vars || {})),
func = function func(value, start, startIsRelative) {
return tween.resetTo(property, value, start, startIsRelative);
};
func.tween = tween;
return func;
},
isTweening: function isTweening(targets) {
return _globalTimeline.getTweensOf(targets, true).length > 0;
},
defaults: function defaults(value) {
value && value.ease && (value.ease = _parseEase(value.ease, _defaults.ease));
return _mergeDeep(_defaults, value || {});
},
config: function config(value) {
return _mergeDeep(_config, value || {});
},
registerEffect: function registerEffect(_ref3) {
var name = _ref3.name,
effect = _ref3.effect,
plugins = _ref3.plugins,
defaults = _ref3.defaults,
extendTimeline = _ref3.extendTimeline;
(plugins || "").split(",").forEach(function (pluginName) {
return pluginName && !_plugins[pluginName] && !_globals[pluginName] && _warn(name + " effect requires " + pluginName + " plugin.");
});
_effects[name] = function (targets, vars, tl) {
return effect(toArray(targets), _setDefaults(vars || {}, defaults), tl);
};
if (extendTimeline) {
Timeline.prototype[name] = function (targets, vars, position) {
return this.add(_effects[name](targets, _isObject(vars) ? vars : (position = vars) && {}, this), position);
};
}
},
registerEase: function registerEase(name, ease) {
_easeMap[name] = _parseEase(ease);
},
parseEase: function parseEase(ease, defaultEase) {
return arguments.length ? _parseEase(ease, defaultEase) : _easeMap;
},
getById: function getById(id) {
return _globalTimeline.getById(id);
},
exportRoot: function exportRoot(vars, includeDelayedCalls) {
if (vars === void 0) {
vars = {};
}
var tl = new Timeline(vars),
child,
next;
tl.smoothChildTiming = _isNotFalse(vars.smoothChildTiming);
_globalTimeline.remove(tl);
tl._dp = 0; //otherwise it'll get re-activated when adding children and be re-introduced into _globalTimeline's linked list (then added to itself).
tl._time = tl._tTime = _globalTimeline._time;
child = _globalTimeline._first;
while (child) {
next = child._next;
if (includeDelayedCalls || !(!child._dur && child instanceof Tween && child.vars.onComplete === child._targets[0])) {
_addToTimeline(tl, child, child._start - child._delay);
}
child = next;
}
_addToTimeline(_globalTimeline, tl, 0);
return tl;
},
context: function context(func, scope) {
return func ? new Context(func, scope) : _context;
},
matchMedia: function matchMedia(scope) {
return new MatchMedia(scope);
},
matchMediaRefresh: function matchMediaRefresh() {
return _media.forEach(function (c) {
var cond = c.conditions,
found,
p;
for (p in cond) {
if (cond[p]) {
cond[p] = false;
found = 1;
}
}
found && c.revert();
}) || _onMediaChange();
},
addEventListener: function addEventListener(type, callback) {
var a = _listeners[type] || (_listeners[type] = []);
~a.indexOf(callback) || a.push(callback);
},
removeEventListener: function removeEventListener(type, callback) {
var a = _listeners[type],
i = a && a.indexOf(callback);
i >= 0 && a.splice(i, 1);
},
utils: {
wrap: wrap,
wrapYoyo: wrapYoyo,
distribute: distribute,
random: random,
snap: snap,
normalize: normalize,
getUnit: getUnit,
clamp: clamp,
splitColor: splitColor,
toArray: toArray,
selector: selector,
mapRange: mapRange,
pipe: pipe,
unitize: unitize,
interpolate: interpolate,
shuffle: shuffle
},
install: _install,
effects: _effects,
ticker: _ticker,
updateRoot: Timeline.updateRoot,
plugins: _plugins,
globalTimeline: _globalTimeline,
core: {
PropTween: PropTween,
globals: _addGlobal,
Tween: Tween,
Timeline: Timeline,
Animation: Animation,
getCache: _getCache,
_removeLinkedListItem: _removeLinkedListItem,
reverting: function reverting() {
return _reverting;
},
context: function context(toAdd) {
if (toAdd && _context) {
_context.data.push(toAdd);
toAdd._ctx = _context;
}
return _context;
},
suppressOverwrites: function suppressOverwrites(value) {
return _suppressOverwrites = value;
}
}
};
_forEachName("to,from,fromTo,delayedCall,set,killTweensOf", function (name) {
return _gsap[name] = Tween[name];
});
_ticker.add(Timeline.updateRoot);
_quickTween = _gsap.to({}, {
duration: 0
}); // ---- EXTRA PLUGINS --------------------------------------------------------
var _getPluginPropTween = function _getPluginPropTween(plugin, prop) {
var pt = plugin._pt;
while (pt && pt.p !== prop && pt.op !== prop && pt.fp !== prop) {
pt = pt._next;
}
return pt;
},
_addModifiers = function _addModifiers(tween, modifiers) {
var targets = tween._targets,
p,
i,
pt;
for (p in modifiers) {
i = targets.length;
while (i--) {
pt = tween._ptLookup[i][p];
if (pt && (pt = pt.d)) {
if (pt._pt) {
// is a plugin
pt = _getPluginPropTween(pt, p);
}
pt && pt.modifier && pt.modifier(modifiers[p], tween, targets[i], p);
}
}
}
},
_buildModifierPlugin = function _buildModifierPlugin(name, modifier) {
return {
name: name,
rawVars: 1,
//don't pre-process function-based values or "random()" strings.
init: function init(target, vars, tween) {
tween._onInit = function (tween) {
var temp, p;
if (_isString(vars)) {
temp = {};
_forEachName(vars, function (name) {
return temp[name] = 1;
}); //if the user passes in a comma-delimited list of property names to roundProps, like "x,y", we round to whole numbers.
vars = temp;
}
if (modifier) {
temp = {};
for (p in vars) {
temp[p] = modifier(vars[p]);
}
vars = temp;
}
_addModifiers(tween, vars);
};
}
};
}; //register core plugins
var gsap = _gsap.registerPlugin({
name: "attr",
init: function init(target, vars, tween, index, targets) {
var p, pt, v;
this.tween = tween;
for (p in vars) {
v = target.getAttribute(p) || "";
pt = this.add(target, "setAttribute", (v || 0) + "", vars[p], index, targets, 0, 0, p);
pt.op = p;
pt.b = v; // record the beginning value so we can revert()
this._props.push(p);
}
},
render: function render(ratio, data) {
var pt = data._pt;
while (pt) {
_reverting ? pt.set(pt.t, pt.p, pt.b, pt) : pt.r(ratio, pt.d); // if reverting, go back to the original (pt.b)
pt = pt._next;
}
}
}, {
name: "endArray",
init: function init(target, value) {
var i = value.length;
while (i--) {
this.add(target, i, target[i] || 0, value[i], 0, 0, 0, 0, 0, 1);
}
}
}, _buildModifierPlugin("roundProps", _roundModifier), _buildModifierPlugin("modifiers"), _buildModifierPlugin("snap", snap)) || _gsap; //to prevent the core plugins from being dropped via aggressive tree shaking, we must include them in the variable declaration in this way.
Tween.version = Timeline.version = gsap.version = "3.12.5";
_coreReady = 1;
_windowExists() && _wake();
var Power0 = _easeMap.Power0,
Power1 = _easeMap.Power1,
Power2 = _easeMap.Power2,
Power3 = _easeMap.Power3,
Power4 = _easeMap.Power4,
Linear = _easeMap.Linear,
Quad = _easeMap.Quad,
Cubic = _easeMap.Cubic,
Quart = _easeMap.Quart,
Quint = _easeMap.Quint,
Strong = _easeMap.Strong,
Elastic = _easeMap.Elastic,
Back = _easeMap.Back,
SteppedEase = _easeMap.SteppedEase,
Bounce = _easeMap.Bounce,
Sine = _easeMap.Sine,
Expo = _easeMap.Expo,
Circ = _easeMap.Circ;
//export some internal methods/orojects for use in CSSPlugin so that we can externalize that file and allow custom builds that exclude it.
;// CONCATENATED MODULE: ./node_modules/gsap/CSSPlugin.js
/*!
* CSSPlugin 3.12.5
* https://gsap.com
*
* Copyright 2008-2024, GreenSock. All rights reserved.
* Subject to the terms at https://gsap.com/standard-license or for
* Club GSAP members, the agreement issued with that membership.
* @author: Jack Doyle, jack@greensock.com
*/
/* eslint-disable */
var CSSPlugin_win,
CSSPlugin_doc,
_docElement,
_pluginInitted,
_tempDiv,
_tempDivStyler,
_recentSetterPlugin,
CSSPlugin_reverting,
CSSPlugin_windowExists = function _windowExists() {
return typeof window !== "undefined";
},
_transformProps = {},
_RAD2DEG = 180 / Math.PI,
_DEG2RAD = Math.PI / 180,
_atan2 = Math.atan2,
CSSPlugin_bigNum = 1e8,
_capsExp = /([A-Z])/g,
_horizontalExp = /(left|right|width|margin|padding|x)/i,
_complexExp = /[\s,\(]\S/,
_propertyAliases = {
autoAlpha: "opacity,visibility",
scale: "scaleX,scaleY",
alpha: "opacity"
},
_renderCSSProp = function _renderCSSProp(ratio, data) {
return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);
},
_renderPropWithEnd = function _renderPropWithEnd(ratio, data) {
return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);
},
_renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) {
return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u : data.b, data);
},
//if units change, we need a way to render the original unit/value when the tween goes all the way back to the beginning (ratio:0)
_renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {
var value = data.s + data.c * ratio;
data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data);
},
_renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) {
return data.set(data.t, data.p, ratio ? data.e : data.b, data);
},
_renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) {
return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data);
},
_setterCSSStyle = function _setterCSSStyle(target, property, value) {
return target.style[property] = value;
},
_setterCSSProp = function _setterCSSProp(target, property, value) {
return target.style.setProperty(property, value);
},
_setterTransform = function _setterTransform(target, property, value) {
return target._gsap[property] = value;
},
_setterScale = function _setterScale(target, property, value) {
return target._gsap.scaleX = target._gsap.scaleY = value;
},
_setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) {
var cache = target._gsap;
cache.scaleX = cache.scaleY = value;
cache.renderTransform(ratio, cache);
},
_setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) {
var cache = target._gsap;
cache[property] = value;
cache.renderTransform(ratio, cache);
},
_transformProp = "transform",
_transformOriginProp = _transformProp + "Origin",
_saveStyle = function _saveStyle(property, isNotCSS) {
var _this = this;
var target = this.target,
style = target.style,
cache = target._gsap;
if (property in _transformProps && style) {
this.tfm = this.tfm || {};
if (property !== "transform") {
property = _propertyAliases[property] || property;
~property.indexOf(",") ? property.split(",").forEach(function (a) {
return _this.tfm[a] = _get(target, a);
}) : this.tfm[property] = cache.x ? cache[property] : _get(target, property); // note: scale would map to "scaleX,scaleY", thus we loop and apply them both.
property === _transformOriginProp && (this.tfm.zOrigin = cache.zOrigin);
} else {
return _propertyAliases.transform.split(",").forEach(function (p) {
return _saveStyle.call(_this, p, isNotCSS);
});
}
if (this.props.indexOf(_transformProp) >= 0) {
return;
}
if (cache.svg) {
this.svgo = target.getAttribute("data-svg-origin");
this.props.push(_transformOriginProp, isNotCSS, "");
}
property = _transformProp;
}
(style || isNotCSS) && this.props.push(property, isNotCSS, style[property]);
},
_removeIndependentTransforms = function _removeIndependentTransforms(style) {
if (style.translate) {
style.removeProperty("translate");
style.removeProperty("scale");
style.removeProperty("rotate");
}
},
_revertStyle = function _revertStyle() {
var props = this.props,
target = this.target,
style = target.style,
cache = target._gsap,
i,
p;
for (i = 0; i < props.length; i += 3) {
// stored like this: property, isNotCSS, value
props[i + 1] ? target[props[i]] = props[i + 2] : props[i + 2] ? style[props[i]] = props[i + 2] : style.removeProperty(props[i].substr(0, 2) === "--" ? props[i] : props[i].replace(_capsExp, "-$1").toLowerCase());
}
if (this.tfm) {
for (p in this.tfm) {
cache[p] = this.tfm[p];
}
if (cache.svg) {
cache.renderTransform();
target.setAttribute("data-svg-origin", this.svgo || "");
}
i = CSSPlugin_reverting();
if ((!i || !i.isStart) && !style[_transformProp]) {
_removeIndependentTransforms(style);
if (cache.zOrigin && style[_transformOriginProp]) {
style[_transformOriginProp] += " " + cache.zOrigin + "px"; // since we're uncaching, we must put the zOrigin back into the transformOrigin so that we can pull it out accurately when we parse again. Otherwise, we'd lose the z portion of the origin since we extract it to protect from Safari bugs.
cache.zOrigin = 0;
cache.renderTransform();
}
cache.uncache = 1; // if it's a startAt that's being reverted in the _initTween() of the core, we don't need to uncache transforms. This is purely a performance optimization.
}
}
},
_getStyleSaver = function _getStyleSaver(target, properties) {
var saver = {
target: target,
props: [],
revert: _revertStyle,
save: _saveStyle
};
target._gsap || gsap.core.getCache(target); // just make sure there's a _gsap cache defined because we read from it in _saveStyle() and it's more efficient to just check it here once.
properties && properties.split(",").forEach(function (p) {
return saver.save(p);
});
return saver;
},
_supports3D,
_createElement = function _createElement(type, ns) {
var e = CSSPlugin_doc.createElementNS ? CSSPlugin_doc.createElementNS((ns || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), type) : CSSPlugin_doc.createElement(type); //some servers swap in https for http in the namespace which can break things, making "style" inaccessible.
return e && e.style ? e : CSSPlugin_doc.createElement(type); //some environments won't allow access to the element's style when created with a namespace in which case we default to the standard createElement() to work around the issue. Also note that when GSAP is embedded directly inside an SVG file, createElement() won't allow access to the style object in Firefox (see https://gsap.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).
},
_getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) {
var cs = getComputedStyle(target);
return cs[property] || cs.getPropertyValue(property.replace(_capsExp, "-$1").toLowerCase()) || cs.getPropertyValue(property) || !skipPrefixFallback && _getComputedProperty(target, _checkPropPrefix(property) || property, 1) || ""; //css variables may not need caps swapped out for dashes and lowercase.
},
_prefixes = "O,Moz,ms,Ms,Webkit".split(","),
_checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) {
var e = element || _tempDiv,
s = e.style,
i = 5;
if (property in s && !preferPrefix) {
return property;
}
property = property.charAt(0).toUpperCase() + property.substr(1);
while (i-- && !(_prefixes[i] + property in s)) {}
return i < 0 ? null : (i === 3 ? "ms" : i >= 0 ? _prefixes[i] : "") + property;
},
_initCore = function _initCore() {
if (CSSPlugin_windowExists() && window.document) {
CSSPlugin_win = window;
CSSPlugin_doc = CSSPlugin_win.document;
_docElement = CSSPlugin_doc.documentElement;
_tempDiv = _createElement("div") || {
style: {}
};
_tempDivStyler = _createElement("div");
_transformProp = _checkPropPrefix(_transformProp);
_transformOriginProp = _transformProp + "Origin";
_tempDiv.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0"; //make sure to override certain properties that may contaminate measurements, in case the user has overreaching style sheets.
_supports3D = !!_checkPropPrefix("perspective");
CSSPlugin_reverting = gsap.core.reverting;
_pluginInitted = 1;
}
},
_getBBoxHack = function _getBBoxHack(swapIfPossible) {
//works around issues in some browsers (like Firefox) that don't correctly report getBBox() on SVG elements inside a
element and/or . We try creating an SVG, adding it to the documentElement and toss the element in there so that it's definitely part of the rendering tree, then grab the bbox and if it works, we actually swap out the original getBBox() method for our own that does these extra steps whenever getBBox is needed. This helps ensure that performance is optimal (only do all these extra steps when absolutely necessary...most elements don't need it).
var svg = _createElement("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"),
oldParent = this.parentNode,
oldSibling = this.nextSibling,
oldCSS = this.style.cssText,
bbox;
_docElement.appendChild(svg);
svg.appendChild(this);
this.style.display = "block";
if (swapIfPossible) {
try {
bbox = this.getBBox();
this._gsapBBox = this.getBBox; //store the original
this.getBBox = _getBBoxHack;
} catch (e) {}
} else if (this._gsapBBox) {
bbox = this._gsapBBox();
}
if (oldParent) {
if (oldSibling) {
oldParent.insertBefore(this, oldSibling);
} else {
oldParent.appendChild(this);
}
}
_docElement.removeChild(svg);
this.style.cssText = oldCSS;
return bbox;
},
_getAttributeFallbacks = function _getAttributeFallbacks(target, attributesArray) {
var i = attributesArray.length;
while (i--) {
if (target.hasAttribute(attributesArray[i])) {
return target.getAttribute(attributesArray[i]);
}
}
},
_getBBox = function _getBBox(target) {
var bounds;
try {
bounds = target.getBBox(); //Firefox throws errors if you try calling getBBox() on an SVG element that's not rendered (like in a or ). https://bugzilla.mozilla.org/show_bug.cgi?id=612118
} catch (error) {
bounds = _getBBoxHack.call(target, true);
}
bounds && (bounds.width || bounds.height) || target.getBBox === _getBBoxHack || (bounds = _getBBoxHack.call(target, true)); //some browsers (like Firefox) misreport the bounds if the element has zero width and height (it just assumes it's at x:0, y:0), thus we need to manually grab the position in that case.
return bounds && !bounds.width && !bounds.x && !bounds.y ? {
x: +_getAttributeFallbacks(target, ["x", "cx", "x1"]) || 0,
y: +_getAttributeFallbacks(target, ["y", "cy", "y1"]) || 0,
width: 0,
height: 0
} : bounds;
},
_isSVG = function _isSVG(e) {
return !!(e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));
},
//reports if the element is an SVG on which getBBox() actually works
_removeProperty = function _removeProperty(target, property) {
if (property) {
var style = target.style,
first2Chars;
if (property in _transformProps && property !== _transformOriginProp) {
property = _transformProp;
}
if (style.removeProperty) {
first2Chars = property.substr(0, 2);
if (first2Chars === "ms" || property.substr(0, 6) === "webkit") {
//Microsoft and some Webkit browsers don't conform to the standard of capitalizing the first prefix character, so we adjust so that when we prefix the caps with a dash, it's correct (otherwise it'd be "ms-transform" instead of "-ms-transform" for IE9, for example)
property = "-" + property;
}
style.removeProperty(first2Chars === "--" ? property : property.replace(_capsExp, "-$1").toLowerCase());
} else {
//note: old versions of IE use "removeAttribute()" instead of "removeProperty()"
style.removeAttribute(property);
}
}
},
_addNonTweeningPT = function _addNonTweeningPT(plugin, target, property, beginning, end, onlySetAtEnd) {
var pt = new PropTween(plugin._pt, target, property, 0, 1, onlySetAtEnd ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue);
plugin._pt = pt;
pt.b = beginning;
pt.e = end;
plugin._props.push(property);
return pt;
},
_nonConvertibleUnits = {
deg: 1,
rad: 1,
turn: 1
},
_nonStandardLayouts = {
grid: 1,
flex: 1
},
//takes a single value like 20px and converts it to the unit specified, like "%", returning only the numeric amount.
_convertToUnit = function _convertToUnit(target, property, value, unit) {
var curValue = parseFloat(value) || 0,
curUnit = (value + "").trim().substr((curValue + "").length) || "px",
// some browsers leave extra whitespace at the beginning of CSS variables, hence the need to trim()
style = _tempDiv.style,
horizontal = _horizontalExp.test(property),
isRootSVG = target.tagName.toLowerCase() === "svg",
measureProperty = (isRootSVG ? "client" : "offset") + (horizontal ? "Width" : "Height"),
amount = 100,
toPixels = unit === "px",
toPercent = unit === "%",
px,
parent,
cache,
isSVG;
if (unit === curUnit || !curValue || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) {
return curValue;
}
curUnit !== "px" && !toPixels && (curValue = _convertToUnit(target, property, value, "px"));
isSVG = target.getCTM && _isSVG(target);
if ((toPercent || curUnit === "%") && (_transformProps[property] || ~property.indexOf("adius"))) {
px = isSVG ? target.getBBox()[horizontal ? "width" : "height"] : target[measureProperty];
return _round(toPercent ? curValue / px * amount : curValue / 100 * px);
}
style[horizontal ? "width" : "height"] = amount + (toPixels ? curUnit : unit);
parent = ~property.indexOf("adius") || unit === "em" && target.appendChild && !isRootSVG ? target : target.parentNode;
if (isSVG) {
parent = (target.ownerSVGElement || {}).parentNode;
}
if (!parent || parent === CSSPlugin_doc || !parent.appendChild) {
parent = CSSPlugin_doc.body;
}
cache = parent._gsap;
if (cache && toPercent && cache.width && horizontal && cache.time === _ticker.time && !cache.uncache) {
return _round(curValue / cache.width * amount);
} else {
if (toPercent && (property === "height" || property === "width")) {
// if we're dealing with width/height that's inside a container with padding and/or it's a flexbox/grid container, we must apply it to the target itself rather than the _tempDiv in order to ensure complete accuracy, factoring in the parent's padding.
var v = target.style[property];
target.style[property] = amount + unit;
px = target[measureProperty];
v ? target.style[property] = v : _removeProperty(target, property);
} else {
(toPercent || curUnit === "%") && !_nonStandardLayouts[_getComputedProperty(parent, "display")] && (style.position = _getComputedProperty(target, "position"));
parent === target && (style.position = "static"); // like for borderRadius, if it's a % we must have it relative to the target itself but that may not have position: relative or position: absolute in which case it'd go up the chain until it finds its offsetParent (bad). position: static protects against that.
parent.appendChild(_tempDiv);
px = _tempDiv[measureProperty];
parent.removeChild(_tempDiv);
style.position = "absolute";
}
if (horizontal && toPercent) {
cache = _getCache(parent);
cache.time = _ticker.time;
cache.width = parent[measureProperty];
}
}
return _round(toPixels ? px * curValue / amount : px && curValue ? amount / px * curValue : 0);
},
_get = function _get(target, property, unit, uncache) {
var value;
_pluginInitted || _initCore();
if (property in _propertyAliases && property !== "transform") {
property = _propertyAliases[property];
if (~property.indexOf(",")) {
property = property.split(",")[0];
}
}
if (_transformProps[property] && property !== "transform") {
value = _parseTransform(target, uncache);
value = property !== "transformOrigin" ? value[property] : value.svg ? value.origin : _firstTwoOnly(_getComputedProperty(target, _transformOriginProp)) + " " + value.zOrigin + "px";
} else {
value = target.style[property];
if (!value || value === "auto" || uncache || ~(value + "").indexOf("calc(")) {
value = _specialProps[property] && _specialProps[property](target, property, unit) || _getComputedProperty(target, property) || _getProperty(target, property) || (property === "opacity" ? 1 : 0); // note: some browsers, like Firefox, don't report borderRadius correctly! Instead, it only reports every corner like borderTopLeftRadius
}
}
return unit && !~(value + "").trim().indexOf(" ") ? _convertToUnit(target, property, value, unit) + unit : value;
},
_tweenComplexCSSString = function _tweenComplexCSSString(target, prop, start, end) {
// note: we call _tweenComplexCSSString.call(pluginInstance...) to ensure that it's scoped properly. We may call it from within a plugin too, thus "this" would refer to the plugin.
if (!start || start === "none") {
// some browsers like Safari actually PREFER the prefixed property and mis-report the unprefixed value like clipPath (BUG). In other words, even though clipPath exists in the style ("clipPath" in target.style) and it's set in the CSS properly (along with -webkit-clip-path), Safari reports clipPath as "none" whereas WebkitClipPath reports accurately like "ellipse(100% 0% at 50% 0%)", so in this case we must SWITCH to using the prefixed property instead. See https://gsap.com/forums/topic/18310-clippath-doesnt-work-on-ios/
var p = _checkPropPrefix(prop, target, 1),
s = p && _getComputedProperty(target, p, 1);
if (s && s !== start) {
prop = p;
start = s;
} else if (prop === "borderColor") {
start = _getComputedProperty(target, "borderTopColor"); // Firefox bug: always reports "borderColor" as "", so we must fall back to borderTopColor. See https://gsap.com/forums/topic/24583-how-to-return-colors-that-i-had-after-reverse/
}
}
var pt = new PropTween(this._pt, target.style, prop, 0, 1, _renderComplexString),
index = 0,
matchIndex = 0,
a,
result,
startValues,
startNum,
color,
startValue,
endValue,
endNum,
chunk,
endUnit,
startUnit,
endValues;
pt.b = start;
pt.e = end;
start += ""; // ensure values are strings
end += "";
if (end === "auto") {
startValue = target.style[prop];
target.style[prop] = end;
end = _getComputedProperty(target, prop) || end;
startValue ? target.style[prop] = startValue : _removeProperty(target, prop);
}
a = [start, end];
_colorStringFilter(a); // pass an array with the starting and ending values and let the filter do whatever it needs to the values. If colors are found, it returns true and then we must match where the color shows up order-wise because for things like boxShadow, sometimes the browser provides the computed values with the color FIRST, but the user provides it with the color LAST, so flip them if necessary. Same for drop-shadow().
start = a[0];
end = a[1];
startValues = start.match(_numWithUnitExp) || [];
endValues = end.match(_numWithUnitExp) || [];
if (endValues.length) {
while (result = _numWithUnitExp.exec(end)) {
endValue = result[0];
chunk = end.substring(index, result.index);
if (color) {
color = (color + 1) % 5;
} else if (chunk.substr(-5) === "rgba(" || chunk.substr(-5) === "hsla(") {
color = 1;
}
if (endValue !== (startValue = startValues[matchIndex++] || "")) {
startNum = parseFloat(startValue) || 0;
startUnit = startValue.substr((startNum + "").length);
endValue.charAt(1) === "=" && (endValue = _parseRelative(startNum, endValue) + startUnit);
endNum = parseFloat(endValue);
endUnit = endValue.substr((endNum + "").length);
index = _numWithUnitExp.lastIndex - endUnit.length;
if (!endUnit) {
//if something like "perspective:300" is passed in and we must add a unit to the end
endUnit = endUnit || _config.units[prop] || startUnit;
if (index === end.length) {
end += endUnit;
pt.e += endUnit;
}
}
if (startUnit !== endUnit) {
startNum = _convertToUnit(target, prop, startValue, endUnit) || 0;
} // these nested PropTweens are handled in a special way - we'll never actually call a render or setter method on them. We'll just loop through them in the parent complex string PropTween's render method.
pt._pt = {
_next: pt._pt,
p: chunk || matchIndex === 1 ? chunk : ",",
//note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
s: startNum,
c: endNum - startNum,
m: color && color < 4 || prop === "zIndex" ? Math.round : 0
};
}
}
pt.c = index < end.length ? end.substring(index, end.length) : ""; //we use the "c" of the PropTween to store the final part of the string (after the last number)
} else {
pt.r = prop === "display" && end === "none" ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue;
}
_relExp.test(end) && (pt.e = 0); //if the end string contains relative values or dynamic random(...) values, delete the end it so that on the final render we don't actually set it to the string with += or -= characters (forces it to use the calculated value).
this._pt = pt; //start the linked list with this new PropTween. Remember, we call _tweenComplexCSSString.call(pluginInstance...) to ensure that it's scoped properly. We may call it from within another plugin too, thus "this" would refer to the plugin.
return pt;
},
_keywordToPercent = {
top: "0%",
bottom: "100%",
left: "0%",
right: "100%",
center: "50%"
},
_convertKeywordsToPercentages = function _convertKeywordsToPercentages(value) {
var split = value.split(" "),
x = split[0],
y = split[1] || "50%";
if (x === "top" || x === "bottom" || y === "left" || y === "right") {
//the user provided them in the wrong order, so flip them
value = x;
x = y;
y = value;
}
split[0] = _keywordToPercent[x] || x;
split[1] = _keywordToPercent[y] || y;
return split.join(" ");
},
_renderClearProps = function _renderClearProps(ratio, data) {
if (data.tween && data.tween._time === data.tween._dur) {
var target = data.t,
style = target.style,
props = data.u,
cache = target._gsap,
prop,
clearTransforms,
i;
if (props === "all" || props === true) {
style.cssText = "";
clearTransforms = 1;
} else {
props = props.split(",");
i = props.length;
while (--i > -1) {
prop = props[i];
if (_transformProps[prop]) {
clearTransforms = 1;
prop = prop === "transformOrigin" ? _transformOriginProp : _transformProp;
}
_removeProperty(target, prop);
}
}
if (clearTransforms) {
_removeProperty(target, _transformProp);
if (cache) {
cache.svg && target.removeAttribute("transform");
_parseTransform(target, 1); // force all the cached values back to "normal"/identity, otherwise if there's another tween that's already set to render transforms on this element, it could display the wrong values.
cache.uncache = 1;
_removeIndependentTransforms(style);
}
}
}
},
// note: specialProps should return 1 if (and only if) they have a non-zero priority. It indicates we need to sort the linked list.
_specialProps = {
clearProps: function clearProps(plugin, target, property, endValue, tween) {
if (tween.data !== "isFromStart") {
var pt = plugin._pt = new PropTween(plugin._pt, target, property, 0, 0, _renderClearProps);
pt.u = endValue;
pt.pr = -10;
pt.tween = tween;
plugin._props.push(property);
return 1;
}
}
/* className feature (about 0.4kb gzipped).
, className(plugin, target, property, endValue, tween) {
let _renderClassName = (ratio, data) => {
data.css.render(ratio, data.css);
if (!ratio || ratio === 1) {
let inline = data.rmv,
target = data.t,
p;
target.setAttribute("class", ratio ? data.e : data.b);
for (p in inline) {
_removeProperty(target, p);
}
}
},
_getAllStyles = (target) => {
let styles = {},
computed = getComputedStyle(target),
p;
for (p in computed) {
if (isNaN(p) && p !== "cssText" && p !== "length") {
styles[p] = computed[p];
}
}
_setDefaults(styles, _parseTransform(target, 1));
return styles;
},
startClassList = target.getAttribute("class"),
style = target.style,
cssText = style.cssText,
cache = target._gsap,
classPT = cache.classPT,
inlineToRemoveAtEnd = {},
data = {t:target, plugin:plugin, rmv:inlineToRemoveAtEnd, b:startClassList, e:(endValue.charAt(1) !== "=") ? endValue : startClassList.replace(new RegExp("(?:\\s|^)" + endValue.substr(2) + "(?![\\w-])"), "") + ((endValue.charAt(0) === "+") ? " " + endValue.substr(2) : "")},
changingVars = {},
startVars = _getAllStyles(target),
transformRelated = /(transform|perspective)/i,
endVars, p;
if (classPT) {
classPT.r(1, classPT.d);
_removeLinkedListItem(classPT.d.plugin, classPT, "_pt");
}
target.setAttribute("class", data.e);
endVars = _getAllStyles(target, true);
target.setAttribute("class", startClassList);
for (p in endVars) {
if (endVars[p] !== startVars[p] && !transformRelated.test(p)) {
changingVars[p] = endVars[p];
if (!style[p] && style[p] !== "0") {
inlineToRemoveAtEnd[p] = 1;
}
}
}
cache.classPT = plugin._pt = new PropTween(plugin._pt, target, "className", 0, 0, _renderClassName, data, 0, -11);
if (style.cssText !== cssText) { //only apply if things change. Otherwise, in cases like a background-image that's pulled dynamically, it could cause a refresh. See https://gsap.com/forums/topic/20368-possible-gsap-bug-switching-classnames-in-chrome/.
style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).
}
_parseTransform(target, true); //to clear the caching of transforms
data.css = new gsap.plugins.css();
data.css.init(target, changingVars, tween);
plugin._props.push(...data.css._props);
return 1;
}
*/
},
/*
* --------------------------------------------------------------------------------------
* TRANSFORMS
* --------------------------------------------------------------------------------------
*/
_identity2DMatrix = [1, 0, 0, 1, 0, 0],
_rotationalProperties = {},
_isNullTransform = function _isNullTransform(value) {
return value === "matrix(1, 0, 0, 1, 0, 0)" || value === "none" || !value;
},
_getComputedTransformMatrixAsArray = function _getComputedTransformMatrixAsArray(target) {
var matrixString = _getComputedProperty(target, _transformProp);
return _isNullTransform(matrixString) ? _identity2DMatrix : matrixString.substr(7).match(_numExp).map(_round);
},
_getMatrix = function _getMatrix(target, force2D) {
var cache = target._gsap || _getCache(target),
style = target.style,
matrix = _getComputedTransformMatrixAsArray(target),
parent,
nextSibling,
temp,
addedToDOM;
if (cache.svg && target.getAttribute("transform")) {
temp = target.transform.baseVal.consolidate().matrix; //ensures that even complex values like "translate(50,60) rotate(135,0,0)" are parsed because it mashes it into a matrix.
matrix = [temp.a, temp.b, temp.c, temp.d, temp.e, temp.f];
return matrix.join(",") === "1,0,0,1,0,0" ? _identity2DMatrix : matrix;
} else if (matrix === _identity2DMatrix && !target.offsetParent && target !== _docElement && !cache.svg) {
//note: if offsetParent is null, that means the element isn't in the normal document flow, like if it has display:none or one of its ancestors has display:none). Firefox returns null for getComputedStyle() if the element is in an iframe that has display:none. https://bugzilla.mozilla.org/show_bug.cgi?id=548397
//browsers don't report transforms accurately unless the element is in the DOM and has a display value that's not "none". Firefox and Microsoft browsers have a partial bug where they'll report transforms even if display:none BUT not any percentage-based values like translate(-50%, 8px) will be reported as if it's translate(0, 8px).
temp = style.display;
style.display = "block";
parent = target.parentNode;
if (!parent || !target.offsetParent) {
// note: in 3.3.0 we switched target.offsetParent to _doc.body.contains(target) to avoid [sometimes unnecessary] MutationObserver calls but that wasn't adequate because there are edge cases where nested position: fixed elements need to get reparented to accurately sense transforms. See https://github.com/greensock/GSAP/issues/388 and https://github.com/greensock/GSAP/issues/375
addedToDOM = 1; //flag
nextSibling = target.nextElementSibling;
_docElement.appendChild(target); //we must add it to the DOM in order to get values properly
}
matrix = _getComputedTransformMatrixAsArray(target);
temp ? style.display = temp : _removeProperty(target, "display");
if (addedToDOM) {
nextSibling ? parent.insertBefore(target, nextSibling) : parent ? parent.appendChild(target) : _docElement.removeChild(target);
}
}
return force2D && matrix.length > 6 ? [matrix[0], matrix[1], matrix[4], matrix[5], matrix[12], matrix[13]] : matrix;
},
_applySVGOrigin = function _applySVGOrigin(target, origin, originIsAbsolute, smooth, matrixArray, pluginToAddPropTweensTo) {
var cache = target._gsap,
matrix = matrixArray || _getMatrix(target, true),
xOriginOld = cache.xOrigin || 0,
yOriginOld = cache.yOrigin || 0,
xOffsetOld = cache.xOffset || 0,
yOffsetOld = cache.yOffset || 0,
a = matrix[0],
b = matrix[1],
c = matrix[2],
d = matrix[3],
tx = matrix[4],
ty = matrix[5],
originSplit = origin.split(" "),
xOrigin = parseFloat(originSplit[0]) || 0,
yOrigin = parseFloat(originSplit[1]) || 0,
bounds,
determinant,
x,
y;
if (!originIsAbsolute) {
bounds = _getBBox(target);
xOrigin = bounds.x + (~originSplit[0].indexOf("%") ? xOrigin / 100 * bounds.width : xOrigin);
yOrigin = bounds.y + (~(originSplit[1] || originSplit[0]).indexOf("%") ? yOrigin / 100 * bounds.height : yOrigin); // if (!("xOrigin" in cache) && (xOrigin || yOrigin)) { // added in 3.12.3, reverted in 3.12.4; requires more exploration
// xOrigin -= bounds.x;
// yOrigin -= bounds.y;
// }
} else if (matrix !== _identity2DMatrix && (determinant = a * d - b * c)) {
//if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero.
x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant;
y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant;
xOrigin = x;
yOrigin = y; // theory: we only had to do this for smoothing and it assumes that the previous one was not originIsAbsolute.
}
if (smooth || smooth !== false && cache.smooth) {
tx = xOrigin - xOriginOld;
ty = yOrigin - yOriginOld;
cache.xOffset = xOffsetOld + (tx * a + ty * c) - tx;
cache.yOffset = yOffsetOld + (tx * b + ty * d) - ty;
} else {
cache.xOffset = cache.yOffset = 0;
}
cache.xOrigin = xOrigin;
cache.yOrigin = yOrigin;
cache.smooth = !!smooth;
cache.origin = origin;
cache.originIsAbsolute = !!originIsAbsolute;
target.style[_transformOriginProp] = "0px 0px"; //otherwise, if someone sets an origin via CSS, it will likely interfere with the SVG transform attribute ones (because remember, we're baking the origin into the matrix() value).
if (pluginToAddPropTweensTo) {
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOrigin", xOriginOld, xOrigin);
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOrigin", yOriginOld, yOrigin);
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "xOffset", xOffsetOld, cache.xOffset);
_addNonTweeningPT(pluginToAddPropTweensTo, cache, "yOffset", yOffsetOld, cache.yOffset);
}
target.setAttribute("data-svg-origin", xOrigin + " " + yOrigin);
},
_parseTransform = function _parseTransform(target, uncache) {
var cache = target._gsap || new GSCache(target);
if ("x" in cache && !uncache && !cache.uncache) {
return cache;
}
var style = target.style,
invertedScaleX = cache.scaleX < 0,
px = "px",
deg = "deg",
cs = getComputedStyle(target),
origin = _getComputedProperty(target, _transformOriginProp) || "0",
x,
y,
z,
scaleX,
scaleY,
rotation,
rotationX,
rotationY,
skewX,
skewY,
perspective,
xOrigin,
yOrigin,
matrix,
angle,
cos,
sin,
a,
b,
c,
d,
a12,
a22,
t1,
t2,
t3,
a13,
a23,
a33,
a42,
a43,
a32;
x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0;
scaleX = scaleY = 1;
cache.svg = !!(target.getCTM && _isSVG(target));
if (cs.translate) {
// accommodate independent transforms by combining them into normal ones.
if (cs.translate !== "none" || cs.scale !== "none" || cs.rotate !== "none") {
style[_transformProp] = (cs.translate !== "none" ? "translate3d(" + (cs.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (cs.rotate !== "none" ? "rotate(" + cs.rotate + ") " : "") + (cs.scale !== "none" ? "scale(" + cs.scale.split(" ").join(",") + ") " : "") + (cs[_transformProp] !== "none" ? cs[_transformProp] : "");
}
style.scale = style.rotate = style.translate = "none";
}
matrix = _getMatrix(target, cache.svg);
if (cache.svg) {
if (cache.uncache) {
// if cache.uncache is true (and maybe if origin is 0,0), we need to set element.style.transformOrigin = (cache.xOrigin - bbox.x) + "px " + (cache.yOrigin - bbox.y) + "px". Previously we let the data-svg-origin stay instead, but when introducing revert(), it complicated things.
t2 = target.getBBox();
origin = cache.xOrigin - t2.x + "px " + (cache.yOrigin - t2.y) + "px";
t1 = "";
} else {
t1 = !uncache && target.getAttribute("data-svg-origin"); // Remember, to work around browser inconsistencies we always force SVG elements' transformOrigin to 0,0 and offset the translation accordingly.
}
_applySVGOrigin(target, t1 || origin, !!t1 || cache.originIsAbsolute, cache.smooth !== false, matrix);
}
xOrigin = cache.xOrigin || 0;
yOrigin = cache.yOrigin || 0;
if (matrix !== _identity2DMatrix) {
a = matrix[0]; //a11
b = matrix[1]; //a21
c = matrix[2]; //a31
d = matrix[3]; //a41
x = a12 = matrix[4];
y = a22 = matrix[5]; //2D matrix
if (matrix.length === 6) {
scaleX = Math.sqrt(a * a + b * b);
scaleY = Math.sqrt(d * d + c * c);
rotation = a || b ? _atan2(b, a) * _RAD2DEG : 0; //note: if scaleX is 0, we cannot accurately measure rotation. Same for skewX with a scaleY of 0. Therefore, we default to the previously recorded value (or zero if that doesn't exist).
skewX = c || d ? _atan2(c, d) * _RAD2DEG + rotation : 0;
skewX && (scaleY *= Math.abs(Math.cos(skewX * _DEG2RAD)));
if (cache.svg) {
x -= xOrigin - (xOrigin * a + yOrigin * c);
y -= yOrigin - (xOrigin * b + yOrigin * d);
} //3D matrix
} else {
a32 = matrix[6];
a42 = matrix[7];
a13 = matrix[8];
a23 = matrix[9];
a33 = matrix[10];
a43 = matrix[11];
x = matrix[12];
y = matrix[13];
z = matrix[14];
angle = _atan2(a32, a33);
rotationX = angle * _RAD2DEG; //rotationX
if (angle) {
cos = Math.cos(-angle);
sin = Math.sin(-angle);
t1 = a12 * cos + a13 * sin;
t2 = a22 * cos + a23 * sin;
t3 = a32 * cos + a33 * sin;
a13 = a12 * -sin + a13 * cos;
a23 = a22 * -sin + a23 * cos;
a33 = a32 * -sin + a33 * cos;
a43 = a42 * -sin + a43 * cos;
a12 = t1;
a22 = t2;
a32 = t3;
} //rotationY
angle = _atan2(-c, a33);
rotationY = angle * _RAD2DEG;
if (angle) {
cos = Math.cos(-angle);
sin = Math.sin(-angle);
t1 = a * cos - a13 * sin;
t2 = b * cos - a23 * sin;
t3 = c * cos - a33 * sin;
a43 = d * sin + a43 * cos;
a = t1;
b = t2;
c = t3;
} //rotationZ
angle = _atan2(b, a);
rotation = angle * _RAD2DEG;
if (angle) {
cos = Math.cos(angle);
sin = Math.sin(angle);
t1 = a * cos + b * sin;
t2 = a12 * cos + a22 * sin;
b = b * cos - a * sin;
a22 = a22 * cos - a12 * sin;
a = t1;
a12 = t2;
}
if (rotationX && Math.abs(rotationX) + Math.abs(rotation) > 359.9) {
//when rotationY is set, it will often be parsed as 180 degrees different than it should be, and rotationX and rotation both being 180 (it looks the same), so we adjust for that here.
rotationX = rotation = 0;
rotationY = 180 - rotationY;
}
scaleX = _round(Math.sqrt(a * a + b * b + c * c));
scaleY = _round(Math.sqrt(a22 * a22 + a32 * a32));
angle = _atan2(a12, a22);
skewX = Math.abs(angle) > 0.0002 ? angle * _RAD2DEG : 0;
perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0;
}
if (cache.svg) {
//sense if there are CSS transforms applied on an SVG element in which case we must overwrite them when rendering. The transform attribute is more reliable cross-browser, but we can't just remove the CSS ones because they may be applied in a CSS rule somewhere (not just inline).
t1 = target.getAttribute("transform");
cache.forceCSS = target.setAttribute("transform", "") || !_isNullTransform(_getComputedProperty(target, _transformProp));
t1 && target.setAttribute("transform", t1);
}
}
if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) {
if (invertedScaleX) {
scaleX *= -1;
skewX += rotation <= 0 ? 180 : -180;
rotation += rotation <= 0 ? 180 : -180;
} else {
scaleY *= -1;
skewX += skewX <= 0 ? 180 : -180;
}
}
uncache = uncache || cache.uncache;
cache.x = x - ((cache.xPercent = x && (!uncache && cache.xPercent || (Math.round(target.offsetWidth / 2) === Math.round(-x) ? -50 : 0))) ? target.offsetWidth * cache.xPercent / 100 : 0) + px;
cache.y = y - ((cache.yPercent = y && (!uncache && cache.yPercent || (Math.round(target.offsetHeight / 2) === Math.round(-y) ? -50 : 0))) ? target.offsetHeight * cache.yPercent / 100 : 0) + px;
cache.z = z + px;
cache.scaleX = _round(scaleX);
cache.scaleY = _round(scaleY);
cache.rotation = _round(rotation) + deg;
cache.rotationX = _round(rotationX) + deg;
cache.rotationY = _round(rotationY) + deg;
cache.skewX = skewX + deg;
cache.skewY = skewY + deg;
cache.transformPerspective = perspective + px;
if (cache.zOrigin = parseFloat(origin.split(" ")[2]) || !uncache && cache.zOrigin || 0) {
style[_transformOriginProp] = _firstTwoOnly(origin);
}
cache.xOffset = cache.yOffset = 0;
cache.force3D = _config.force3D;
cache.renderTransform = cache.svg ? _renderSVGTransforms : _supports3D ? _renderCSSTransforms : _renderNon3DTransforms;
cache.uncache = 0;
return cache;
},
_firstTwoOnly = function _firstTwoOnly(value) {
return (value = value.split(" "))[0] + " " + value[1];
},
//for handling transformOrigin values, stripping out the 3rd dimension
_addPxTranslate = function _addPxTranslate(target, start, value) {
var unit = getUnit(start);
return _round(parseFloat(start) + parseFloat(_convertToUnit(target, "x", value + "px", unit))) + unit;
},
_renderNon3DTransforms = function _renderNon3DTransforms(ratio, cache) {
cache.z = "0px";
cache.rotationY = cache.rotationX = "0deg";
cache.force3D = 0;
_renderCSSTransforms(ratio, cache);
},
_zeroDeg = "0deg",
_zeroPx = "0px",
_endParenthesis = ") ",
_renderCSSTransforms = function _renderCSSTransforms(ratio, cache) {
var _ref = cache || this,
xPercent = _ref.xPercent,
yPercent = _ref.yPercent,
x = _ref.x,
y = _ref.y,
z = _ref.z,
rotation = _ref.rotation,
rotationY = _ref.rotationY,
rotationX = _ref.rotationX,
skewX = _ref.skewX,
skewY = _ref.skewY,
scaleX = _ref.scaleX,
scaleY = _ref.scaleY,
transformPerspective = _ref.transformPerspective,
force3D = _ref.force3D,
target = _ref.target,
zOrigin = _ref.zOrigin,
transforms = "",
use3D = force3D === "auto" && ratio && ratio !== 1 || force3D === true; // Safari has a bug that causes it not to render 3D transform-origin values properly, so we force the z origin to 0, record it in the cache, and then do the math here to offset the translate values accordingly (basically do the 3D transform-origin part manually)
if (zOrigin && (rotationX !== _zeroDeg || rotationY !== _zeroDeg)) {
var angle = parseFloat(rotationY) * _DEG2RAD,
a13 = Math.sin(angle),
a33 = Math.cos(angle),
cos;
angle = parseFloat(rotationX) * _DEG2RAD;
cos = Math.cos(angle);
x = _addPxTranslate(target, x, a13 * cos * -zOrigin);
y = _addPxTranslate(target, y, -Math.sin(angle) * -zOrigin);
z = _addPxTranslate(target, z, a33 * cos * -zOrigin + zOrigin);
}
if (transformPerspective !== _zeroPx) {
transforms += "perspective(" + transformPerspective + _endParenthesis;
}
if (xPercent || yPercent) {
transforms += "translate(" + xPercent + "%, " + yPercent + "%) ";
}
if (use3D || x !== _zeroPx || y !== _zeroPx || z !== _zeroPx) {
transforms += z !== _zeroPx || use3D ? "translate3d(" + x + ", " + y + ", " + z + ") " : "translate(" + x + ", " + y + _endParenthesis;
}
if (rotation !== _zeroDeg) {
transforms += "rotate(" + rotation + _endParenthesis;
}
if (rotationY !== _zeroDeg) {
transforms += "rotateY(" + rotationY + _endParenthesis;
}
if (rotationX !== _zeroDeg) {
transforms += "rotateX(" + rotationX + _endParenthesis;
}
if (skewX !== _zeroDeg || skewY !== _zeroDeg) {
transforms += "skew(" + skewX + ", " + skewY + _endParenthesis;
}
if (scaleX !== 1 || scaleY !== 1) {
transforms += "scale(" + scaleX + ", " + scaleY + _endParenthesis;
}
target.style[_transformProp] = transforms || "translate(0, 0)";
},
_renderSVGTransforms = function _renderSVGTransforms(ratio, cache) {
var _ref2 = cache || this,
xPercent = _ref2.xPercent,
yPercent = _ref2.yPercent,
x = _ref2.x,
y = _ref2.y,
rotation = _ref2.rotation,
skewX = _ref2.skewX,
skewY = _ref2.skewY,
scaleX = _ref2.scaleX,
scaleY = _ref2.scaleY,
target = _ref2.target,
xOrigin = _ref2.xOrigin,
yOrigin = _ref2.yOrigin,
xOffset = _ref2.xOffset,
yOffset = _ref2.yOffset,
forceCSS = _ref2.forceCSS,
tx = parseFloat(x),
ty = parseFloat(y),
a11,
a21,
a12,
a22,
temp;
rotation = parseFloat(rotation);
skewX = parseFloat(skewX);
skewY = parseFloat(skewY);
if (skewY) {
//for performance reasons, we combine all skewing into the skewX and rotation values. Remember, a skewY of 10 degrees looks the same as a rotation of 10 degrees plus a skewX of 10 degrees.
skewY = parseFloat(skewY);
skewX += skewY;
rotation += skewY;
}
if (rotation || skewX) {
rotation *= _DEG2RAD;
skewX *= _DEG2RAD;
a11 = Math.cos(rotation) * scaleX;
a21 = Math.sin(rotation) * scaleX;
a12 = Math.sin(rotation - skewX) * -scaleY;
a22 = Math.cos(rotation - skewX) * scaleY;
if (skewX) {
skewY *= _DEG2RAD;
temp = Math.tan(skewX - skewY);
temp = Math.sqrt(1 + temp * temp);
a12 *= temp;
a22 *= temp;
if (skewY) {
temp = Math.tan(skewY);
temp = Math.sqrt(1 + temp * temp);
a11 *= temp;
a21 *= temp;
}
}
a11 = _round(a11);
a21 = _round(a21);
a12 = _round(a12);
a22 = _round(a22);
} else {
a11 = scaleX;
a22 = scaleY;
a21 = a12 = 0;
}
if (tx && !~(x + "").indexOf("px") || ty && !~(y + "").indexOf("px")) {
tx = _convertToUnit(target, "x", x, "px");
ty = _convertToUnit(target, "y", y, "px");
}
if (xOrigin || yOrigin || xOffset || yOffset) {
tx = _round(tx + xOrigin - (xOrigin * a11 + yOrigin * a12) + xOffset);
ty = _round(ty + yOrigin - (xOrigin * a21 + yOrigin * a22) + yOffset);
}
if (xPercent || yPercent) {
//The SVG spec doesn't support percentage-based translation in the "transform" attribute, so we merge it into the translation to simulate it.
temp = target.getBBox();
tx = _round(tx + xPercent / 100 * temp.width);
ty = _round(ty + yPercent / 100 * temp.height);
}
temp = "matrix(" + a11 + "," + a21 + "," + a12 + "," + a22 + "," + tx + "," + ty + ")";
target.setAttribute("transform", temp);
forceCSS && (target.style[_transformProp] = temp); //some browsers prioritize CSS transforms over the transform attribute. When we sense that the user has CSS transforms applied, we must overwrite them this way (otherwise some browser simply won't render the transform attribute changes!)
},
_addRotationalPropTween = function _addRotationalPropTween(plugin, target, property, startNum, endValue) {
var cap = 360,
isString = _isString(endValue),
endNum = parseFloat(endValue) * (isString && ~endValue.indexOf("rad") ? _RAD2DEG : 1),
change = endNum - startNum,
finalValue = startNum + change + "deg",
direction,
pt;
if (isString) {
direction = endValue.split("_")[1];
if (direction === "short") {
change %= cap;
if (change !== change % (cap / 2)) {
change += change < 0 ? cap : -cap;
}
}
if (direction === "cw" && change < 0) {
change = (change + cap * CSSPlugin_bigNum) % cap - ~~(change / cap) * cap;
} else if (direction === "ccw" && change > 0) {
change = (change - cap * CSSPlugin_bigNum) % cap - ~~(change / cap) * cap;
}
}
plugin._pt = pt = new PropTween(plugin._pt, target, property, startNum, change, _renderPropWithEnd);
pt.e = finalValue;
pt.u = "deg";
plugin._props.push(property);
return pt;
},
_assign = function _assign(target, source) {
// Internet Explorer doesn't have Object.assign(), so we recreate it here.
for (var p in source) {
target[p] = source[p];
}
return target;
},
_addRawTransformPTs = function _addRawTransformPTs(plugin, transforms, target) {
//for handling cases where someone passes in a whole transform string, like transform: "scale(2, 3) rotate(20deg) translateY(30em)"
var startCache = _assign({}, target._gsap),
exclude = "perspective,force3D,transformOrigin,svgOrigin",
style = target.style,
endCache,
p,
startValue,
endValue,
startNum,
endNum,
startUnit,
endUnit;
if (startCache.svg) {
startValue = target.getAttribute("transform");
target.setAttribute("transform", "");
style[_transformProp] = transforms;
endCache = _parseTransform(target, 1);
_removeProperty(target, _transformProp);
target.setAttribute("transform", startValue);
} else {
startValue = getComputedStyle(target)[_transformProp];
style[_transformProp] = transforms;
endCache = _parseTransform(target, 1);
style[_transformProp] = startValue;
}
for (p in _transformProps) {
startValue = startCache[p];
endValue = endCache[p];
if (startValue !== endValue && exclude.indexOf(p) < 0) {
//tweening to no perspective gives very unintuitive results - just keep the same perspective in that case.
startUnit = getUnit(startValue);
endUnit = getUnit(endValue);
startNum = startUnit !== endUnit ? _convertToUnit(target, p, startValue, endUnit) : parseFloat(startValue);
endNum = parseFloat(endValue);
plugin._pt = new PropTween(plugin._pt, endCache, p, startNum, endNum - startNum, _renderCSSProp);
plugin._pt.u = endUnit || 0;
plugin._props.push(p);
}
}
_assign(endCache, startCache);
}; // handle splitting apart padding, margin, borderWidth, and borderRadius into their 4 components. Firefox, for example, won't report borderRadius correctly - it will only do borderTopLeftRadius and the other corners. We also want to handle paddingTop, marginLeft, borderRightWidth, etc.
_forEachName("padding,margin,Width,Radius", function (name, index) {
var t = "Top",
r = "Right",
b = "Bottom",
l = "Left",
props = (index < 3 ? [t, r, b, l] : [t + l, t + r, b + r, b + l]).map(function (side) {
return index < 2 ? name + side : "border" + side + name;
});
_specialProps[index > 1 ? "border" + name : name] = function (plugin, target, property, endValue, tween) {
var a, vars;
if (arguments.length < 4) {
// getter, passed target, property, and unit (from _get())
a = props.map(function (prop) {
return _get(plugin, prop, property);
});
vars = a.join(" ");
return vars.split(a[0]).length === 5 ? a[0] : vars;
}
a = (endValue + "").split(" ");
vars = {};
props.forEach(function (prop, i) {
return vars[prop] = a[i] = a[i] || a[(i - 1) / 2 | 0];
});
plugin.init(target, vars, tween);
};
});
var CSSPlugin = {
name: "css",
register: _initCore,
targetTest: function targetTest(target) {
return target.style && target.nodeType;
},
init: function init(target, vars, tween, index, targets) {
var props = this._props,
style = target.style,
startAt = tween.vars.startAt,
startValue,
endValue,
endNum,
startNum,
type,
specialProp,
p,
startUnit,
endUnit,
relative,
isTransformRelated,
transformPropTween,
cache,
smooth,
hasPriority,
inlineProps;
_pluginInitted || _initCore(); // we may call init() multiple times on the same plugin instance, like when adding special properties, so make sure we don't overwrite the revert data or inlineProps
this.styles = this.styles || _getStyleSaver(target);
inlineProps = this.styles.props;
this.tween = tween;
for (p in vars) {
if (p === "autoRound") {
continue;
}
endValue = vars[p];
if (_plugins[p] && _checkPlugin(p, vars, tween, index, target, targets)) {
// plugins
continue;
}
type = typeof endValue;
specialProp = _specialProps[p];
if (type === "function") {
endValue = endValue.call(tween, index, target, targets);
type = typeof endValue;
}
if (type === "string" && ~endValue.indexOf("random(")) {
endValue = _replaceRandom(endValue);
}
if (specialProp) {
specialProp(this, target, p, endValue, tween) && (hasPriority = 1);
} else if (p.substr(0, 2) === "--") {
//CSS variable
startValue = (getComputedStyle(target).getPropertyValue(p) + "").trim();
endValue += "";
_colorExp.lastIndex = 0;
if (!_colorExp.test(startValue)) {
// colors don't have units
startUnit = getUnit(startValue);
endUnit = getUnit(endValue);
}
endUnit ? startUnit !== endUnit && (startValue = _convertToUnit(target, p, startValue, endUnit) + endUnit) : startUnit && (endValue += startUnit);
this.add(style, "setProperty", startValue, endValue, index, targets, 0, 0, p);
props.push(p);
inlineProps.push(p, 0, style[p]);
} else if (type !== "undefined") {
if (startAt && p in startAt) {
// in case someone hard-codes a complex value as the start, like top: "calc(2vh / 2)". Without this, it'd use the computed value (always in px)
startValue = typeof startAt[p] === "function" ? startAt[p].call(tween, index, target, targets) : startAt[p];
_isString(startValue) && ~startValue.indexOf("random(") && (startValue = _replaceRandom(startValue));
getUnit(startValue + "") || startValue === "auto" || (startValue += _config.units[p] || getUnit(_get(target, p)) || ""); // for cases when someone passes in a unitless value like {x: 100}; if we try setting translate(100, 0px) it won't work.
(startValue + "").charAt(1) === "=" && (startValue = _get(target, p)); // can't work with relative values
} else {
startValue = _get(target, p);
}
startNum = parseFloat(startValue);
relative = type === "string" && endValue.charAt(1) === "=" && endValue.substr(0, 2);
relative && (endValue = endValue.substr(2));
endNum = parseFloat(endValue);
if (p in _propertyAliases) {
if (p === "autoAlpha") {
//special case where we control the visibility along with opacity. We still allow the opacity value to pass through and get tweened.
if (startNum === 1 && _get(target, "visibility") === "hidden" && endNum) {
//if visibility is initially set to "hidden", we should interpret that as intent to make opacity 0 (a convenience)
startNum = 0;
}
inlineProps.push("visibility", 0, style.visibility);
_addNonTweeningPT(this, style, "visibility", startNum ? "inherit" : "hidden", endNum ? "inherit" : "hidden", !endNum);
}
if (p !== "scale" && p !== "transform") {
p = _propertyAliases[p];
~p.indexOf(",") && (p = p.split(",")[0]);
}
}
isTransformRelated = p in _transformProps; //--- TRANSFORM-RELATED ---
if (isTransformRelated) {
this.styles.save(p);
if (!transformPropTween) {
cache = target._gsap;
cache.renderTransform && !vars.parseTransform || _parseTransform(target, vars.parseTransform); // if, for example, gsap.set(... {transform:"translateX(50vw)"}), the _get() call doesn't parse the transform, thus cache.renderTransform won't be set yet so force the parsing of the transform here.
smooth = vars.smoothOrigin !== false && cache.smooth;
transformPropTween = this._pt = new PropTween(this._pt, style, _transformProp, 0, 1, cache.renderTransform, cache, 0, -1); //the first time through, create the rendering PropTween so that it runs LAST (in the linked list, we keep adding to the beginning)
transformPropTween.dep = 1; //flag it as dependent so that if things get killed/overwritten and this is the only PropTween left, we can safely kill the whole tween.
}
if (p === "scale") {
this._pt = new PropTween(this._pt, cache, "scaleY", cache.scaleY, (relative ? _parseRelative(cache.scaleY, relative + endNum) : endNum) - cache.scaleY || 0, _renderCSSProp);
this._pt.u = 0;
props.push("scaleY", p);
p += "X";
} else if (p === "transformOrigin") {
inlineProps.push(_transformOriginProp, 0, style[_transformOriginProp]);
endValue = _convertKeywordsToPercentages(endValue); //in case something like "left top" or "bottom right" is passed in. Convert to percentages.
if (cache.svg) {
_applySVGOrigin(target, endValue, 0, smooth, 0, this);
} else {
endUnit = parseFloat(endValue.split(" ")[2]) || 0; //handle the zOrigin separately!
endUnit !== cache.zOrigin && _addNonTweeningPT(this, cache, "zOrigin", cache.zOrigin, endUnit);
_addNonTweeningPT(this, style, p, _firstTwoOnly(startValue), _firstTwoOnly(endValue));
}
continue;
} else if (p === "svgOrigin") {
_applySVGOrigin(target, endValue, 1, smooth, 0, this);
continue;
} else if (p in _rotationalProperties) {
_addRotationalPropTween(this, cache, p, startNum, relative ? _parseRelative(startNum, relative + endValue) : endValue);
continue;
} else if (p === "smoothOrigin") {
_addNonTweeningPT(this, cache, "smooth", cache.smooth, endValue);
continue;
} else if (p === "force3D") {
cache[p] = endValue;
continue;
} else if (p === "transform") {
_addRawTransformPTs(this, endValue, target);
continue;
}
} else if (!(p in style)) {
p = _checkPropPrefix(p) || p;
}
if (isTransformRelated || (endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && p in style) {
startUnit = (startValue + "").substr((startNum + "").length);
endNum || (endNum = 0); // protect against NaN
endUnit = getUnit(endValue) || (p in _config.units ? _config.units[p] : startUnit);
startUnit !== endUnit && (startNum = _convertToUnit(target, p, startValue, endUnit));
this._pt = new PropTween(this._pt, isTransformRelated ? cache : style, p, startNum, (relative ? _parseRelative(startNum, relative + endNum) : endNum) - startNum, !isTransformRelated && (endUnit === "px" || p === "zIndex") && vars.autoRound !== false ? _renderRoundedCSSProp : _renderCSSProp);
this._pt.u = endUnit || 0;
if (startUnit !== endUnit && endUnit !== "%") {
//when the tween goes all the way back to the beginning, we need to revert it to the OLD/ORIGINAL value (with those units). We record that as a "b" (beginning) property and point to a render method that handles that. (performance optimization)
this._pt.b = startValue;
this._pt.r = _renderCSSPropWithBeginning;
}
} else if (!(p in style)) {
if (p in target) {
//maybe it's not a style - it could be a property added directly to an element in which case we'll try to animate that.
this.add(target, p, startValue || target[p], relative ? relative + endValue : endValue, index, targets);
} else if (p !== "parseTransform") {
_missingPlugin(p, endValue);
continue;
}
} else {
_tweenComplexCSSString.call(this, target, p, startValue, relative ? relative + endValue : endValue);
}
isTransformRelated || (p in style ? inlineProps.push(p, 0, style[p]) : inlineProps.push(p, 1, startValue || target[p]));
props.push(p);
}
}
hasPriority && _sortPropTweensByPriority(this);
},
render: function render(ratio, data) {
if (data.tween._time || !CSSPlugin_reverting()) {
var pt = data._pt;
while (pt) {
pt.r(ratio, pt.d);
pt = pt._next;
}
} else {
data.styles.revert();
}
},
get: _get,
aliases: _propertyAliases,
getSetter: function getSetter(target, property, plugin) {
//returns a setter function that accepts target, property, value and applies it accordingly. Remember, properties like "x" aren't as simple as target.style.property = value because they've got to be applied to a proxy object and then merged into a transform string in a renderer.
var p = _propertyAliases[property];
p && p.indexOf(",") < 0 && (property = p);
return property in _transformProps && property !== _transformOriginProp && (target._gsap.x || _get(target, "x")) ? plugin && _recentSetterPlugin === plugin ? property === "scale" ? _setterScale : _setterTransform : (_recentSetterPlugin = plugin || {}) && (property === "scale" ? _setterScaleWithRender : _setterTransformWithRender) : target.style && !_isUndefined(target.style[property]) ? _setterCSSStyle : ~property.indexOf("-") ? _setterCSSProp : _getSetter(target, property);
},
core: {
_removeProperty: _removeProperty,
_getMatrix: _getMatrix
}
};
gsap.utils.checkPrefix = _checkPropPrefix;
gsap.core.getStyleSaver = _getStyleSaver;
(function (positionAndScale, rotation, others, aliases) {
var all = _forEachName(positionAndScale + "," + rotation + "," + others, function (name) {
_transformProps[name] = 1;
});
_forEachName(rotation, function (name) {
_config.units[name] = "deg";
_rotationalProperties[name] = 1;
});
_propertyAliases[all[13]] = positionAndScale + "," + rotation;
_forEachName(aliases, function (name) {
var split = name.split(":");
_propertyAliases[split[1]] = all[split[0]];
});
})("x,y,z,scale,scaleX,scaleY,xPercent,yPercent", "rotation,rotationX,rotationY,skewX,skewY", "transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", "0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY");
_forEachName("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function (name) {
_config.units[name] = "px";
});
gsap.registerPlugin(CSSPlugin);
;// CONCATENATED MODULE: ./node_modules/gsap/index.js
var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap,
// to protect from tree shaking
TweenMaxWithCSS = gsapWithCSS.core.Tween;
/***/ }),
/***/ 1989:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var hashClear = __webpack_require__(51789),
hashDelete = __webpack_require__(80401),
hashGet = __webpack_require__(57667),
hashHas = __webpack_require__(21327),
hashSet = __webpack_require__(81866);
/**
* Creates a hash object.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function Hash(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `Hash`.
Hash.prototype.clear = hashClear;
Hash.prototype['delete'] = hashDelete;
Hash.prototype.get = hashGet;
Hash.prototype.has = hashHas;
Hash.prototype.set = hashSet;
module.exports = Hash;
/***/ }),
/***/ 38407:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var listCacheClear = __webpack_require__(27040),
listCacheDelete = __webpack_require__(14125),
listCacheGet = __webpack_require__(82117),
listCacheHas = __webpack_require__(67518),
listCacheSet = __webpack_require__(13399);
/**
* Creates an list cache object.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function ListCache(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `ListCache`.
ListCache.prototype.clear = listCacheClear;
ListCache.prototype['delete'] = listCacheDelete;
ListCache.prototype.get = listCacheGet;
ListCache.prototype.has = listCacheHas;
ListCache.prototype.set = listCacheSet;
module.exports = ListCache;
/***/ }),
/***/ 57071:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(10852),
root = __webpack_require__(55639);
/* Built-in method references that are verified to be native. */
var Map = getNative(root, 'Map');
module.exports = Map;
/***/ }),
/***/ 83369:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var mapCacheClear = __webpack_require__(24785),
mapCacheDelete = __webpack_require__(11285),
mapCacheGet = __webpack_require__(96000),
mapCacheHas = __webpack_require__(49916),
mapCacheSet = __webpack_require__(28295);
/**
* Creates a map cache object to store key-value pairs.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function MapCache(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `MapCache`.
MapCache.prototype.clear = mapCacheClear;
MapCache.prototype['delete'] = mapCacheDelete;
MapCache.prototype.get = mapCacheGet;
MapCache.prototype.has = mapCacheHas;
MapCache.prototype.set = mapCacheSet;
module.exports = MapCache;
/***/ }),
/***/ 29932:
/***/ ((module) => {
/**
* A specialized version of `_.map` for arrays without support for iteratee
* shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array} Returns the new mapped array.
*/
function arrayMap(array, iteratee) {
var index = -1,
length = array == null ? 0 : array.length,
result = Array(length);
while (++index < length) {
result[index] = iteratee(array[index], index, array);
}
return result;
}
module.exports = arrayMap;
/***/ }),
/***/ 62663:
/***/ ((module) => {
/**
* A specialized version of `_.reduce` for arrays without support for
* iteratee shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @param {*} [accumulator] The initial value.
* @param {boolean} [initAccum] Specify using the first element of `array` as
* the initial value.
* @returns {*} Returns the accumulated value.
*/
function arrayReduce(array, iteratee, accumulator, initAccum) {
var index = -1,
length = array == null ? 0 : array.length;
if (initAccum && length) {
accumulator = array[++index];
}
while (++index < length) {
accumulator = iteratee(accumulator, array[index], index, array);
}
return accumulator;
}
module.exports = arrayReduce;
/***/ }),
/***/ 44286:
/***/ ((module) => {
/**
* Converts an ASCII `string` to an array.
*
* @private
* @param {string} string The string to convert.
* @returns {Array} Returns the converted array.
*/
function asciiToArray(string) {
return string.split('');
}
module.exports = asciiToArray;
/***/ }),
/***/ 49029:
/***/ ((module) => {
/** Used to match words composed of alphanumeric characters. */
var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
/**
* Splits an ASCII `string` into an array of its words.
*
* @private
* @param {string} The string to inspect.
* @returns {Array} Returns the words of `string`.
*/
function asciiWords(string) {
return string.match(reAsciiWord) || [];
}
module.exports = asciiWords;
/***/ }),
/***/ 18470:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var eq = __webpack_require__(77813);
/**
* Gets the index at which the `key` is found in `array` of key-value pairs.
*
* @private
* @param {Array} array The array to inspect.
* @param {*} key The key to search for.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function assocIndexOf(array, key) {
var length = array.length;
while (length--) {
if (eq(array[length][0], key)) {
return length;
}
}
return -1;
}
module.exports = assocIndexOf;
/***/ }),
/***/ 28458:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isFunction = __webpack_require__(23560),
isMasked = __webpack_require__(15346),
isObject = __webpack_require__(13218),
toSource = __webpack_require__(80346);
/**
* Used to match `RegExp`
* [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
*/
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
/** Used to detect host constructors (Safari). */
var reIsHostCtor = /^\[object .+?Constructor\]$/;
/** Used for built-in method references. */
var funcProto = Function.prototype,
objectProto = Object.prototype;
/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/** Used to detect if a method is native. */
var reIsNative = RegExp('^' +
funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
.replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
);
/**
* The base implementation of `_.isNative` without bad shim checks.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a native function,
* else `false`.
*/
function baseIsNative(value) {
if (!isObject(value) || isMasked(value)) {
return false;
}
var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
return pattern.test(toSource(value));
}
module.exports = baseIsNative;
/***/ }),
/***/ 18674:
/***/ ((module) => {
/**
* The base implementation of `_.propertyOf` without support for deep paths.
*
* @private
* @param {Object} object The object to query.
* @returns {Function} Returns the new accessor function.
*/
function basePropertyOf(object) {
return function(key) {
return object == null ? undefined : object[key];
};
}
module.exports = basePropertyOf;
/***/ }),
/***/ 14259:
/***/ ((module) => {
/**
* The base implementation of `_.slice` without an iteratee call guard.
*
* @private
* @param {Array} array The array to slice.
* @param {number} [start=0] The start position.
* @param {number} [end=array.length] The end position.
* @returns {Array} Returns the slice of `array`.
*/
function baseSlice(array, start, end) {
var index = -1,
length = array.length;
if (start < 0) {
start = -start > length ? 0 : (length + start);
}
end = end > length ? length : end;
if (end < 0) {
end += length;
}
length = start > end ? 0 : ((end - start) >>> 0);
start >>>= 0;
var result = Array(length);
while (++index < length) {
result[index] = array[index + start];
}
return result;
}
module.exports = baseSlice;
/***/ }),
/***/ 80531:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(62705),
arrayMap = __webpack_require__(29932),
isArray = __webpack_require__(1469),
isSymbol = __webpack_require__(33448);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
/** Used to convert symbols to primitives and strings. */
var symbolProto = Symbol ? Symbol.prototype : undefined,
symbolToString = symbolProto ? symbolProto.toString : undefined;
/**
* The base implementation of `_.toString` which doesn't convert nullish
* values to empty strings.
*
* @private
* @param {*} value The value to process.
* @returns {string} Returns the string.
*/
function baseToString(value) {
// Exit early for strings to avoid a performance hit in some environments.
if (typeof value == 'string') {
return value;
}
if (isArray(value)) {
// Recursively convert values (susceptible to call stack limits).
return arrayMap(value, baseToString) + '';
}
if (isSymbol(value)) {
return symbolToString ? symbolToString.call(value) : '';
}
var result = (value + '');
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
}
module.exports = baseToString;
/***/ }),
/***/ 40180:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseSlice = __webpack_require__(14259);
/**
* Casts `array` to a slice if it's needed.
*
* @private
* @param {Array} array The array to inspect.
* @param {number} start The start position.
* @param {number} [end=array.length] The end position.
* @returns {Array} Returns the cast slice.
*/
function castSlice(array, start, end) {
var length = array.length;
end = end === undefined ? length : end;
return (!start && end >= length) ? array : baseSlice(array, start, end);
}
module.exports = castSlice;
/***/ }),
/***/ 14429:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var root = __webpack_require__(55639);
/** Used to detect overreaching core-js shims. */
var coreJsData = root['__core-js_shared__'];
module.exports = coreJsData;
/***/ }),
/***/ 98805:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var castSlice = __webpack_require__(40180),
hasUnicode = __webpack_require__(62689),
stringToArray = __webpack_require__(83140),
toString = __webpack_require__(79833);
/**
* Creates a function like `_.lowerFirst`.
*
* @private
* @param {string} methodName The name of the `String` case method to use.
* @returns {Function} Returns the new case function.
*/
function createCaseFirst(methodName) {
return function(string) {
string = toString(string);
var strSymbols = hasUnicode(string)
? stringToArray(string)
: undefined;
var chr = strSymbols
? strSymbols[0]
: string.charAt(0);
var trailing = strSymbols
? castSlice(strSymbols, 1).join('')
: string.slice(1);
return chr[methodName]() + trailing;
};
}
module.exports = createCaseFirst;
/***/ }),
/***/ 35393:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayReduce = __webpack_require__(62663),
deburr = __webpack_require__(53816),
words = __webpack_require__(58748);
/** Used to compose unicode capture groups. */
var rsApos = "['\u2019]";
/** Used to match apostrophes. */
var reApos = RegExp(rsApos, 'g');
/**
* Creates a function like `_.camelCase`.
*
* @private
* @param {Function} callback The function to combine each word.
* @returns {Function} Returns the new compounder function.
*/
function createCompounder(callback) {
return function(string) {
return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
};
}
module.exports = createCompounder;
/***/ }),
/***/ 69389:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var basePropertyOf = __webpack_require__(18674);
/** Used to map Latin Unicode letters to basic Latin letters. */
var deburredLetters = {
// Latin-1 Supplement block.
'\xc0': 'A', '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
'\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
'\xc7': 'C', '\xe7': 'c',
'\xd0': 'D', '\xf0': 'd',
'\xc8': 'E', '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
'\xe8': 'e', '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
'\xcc': 'I', '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
'\xec': 'i', '\xed': 'i', '\xee': 'i', '\xef': 'i',
'\xd1': 'N', '\xf1': 'n',
'\xd2': 'O', '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
'\xf2': 'o', '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
'\xd9': 'U', '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
'\xf9': 'u', '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
'\xdd': 'Y', '\xfd': 'y', '\xff': 'y',
'\xc6': 'Ae', '\xe6': 'ae',
'\xde': 'Th', '\xfe': 'th',
'\xdf': 'ss',
// Latin Extended-A block.
'\u0100': 'A', '\u0102': 'A', '\u0104': 'A',
'\u0101': 'a', '\u0103': 'a', '\u0105': 'a',
'\u0106': 'C', '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
'\u0107': 'c', '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
'\u010e': 'D', '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
'\u0112': 'E', '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
'\u0113': 'e', '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
'\u011c': 'G', '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
'\u011d': 'g', '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
'\u0124': 'H', '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
'\u0128': 'I', '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
'\u0129': 'i', '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
'\u0134': 'J', '\u0135': 'j',
'\u0136': 'K', '\u0137': 'k', '\u0138': 'k',
'\u0139': 'L', '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
'\u013a': 'l', '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
'\u0143': 'N', '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
'\u0144': 'n', '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
'\u014c': 'O', '\u014e': 'O', '\u0150': 'O',
'\u014d': 'o', '\u014f': 'o', '\u0151': 'o',
'\u0154': 'R', '\u0156': 'R', '\u0158': 'R',
'\u0155': 'r', '\u0157': 'r', '\u0159': 'r',
'\u015a': 'S', '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
'\u015b': 's', '\u015d': 's', '\u015f': 's', '\u0161': 's',
'\u0162': 'T', '\u0164': 'T', '\u0166': 'T',
'\u0163': 't', '\u0165': 't', '\u0167': 't',
'\u0168': 'U', '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
'\u0169': 'u', '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
'\u0174': 'W', '\u0175': 'w',
'\u0176': 'Y', '\u0177': 'y', '\u0178': 'Y',
'\u0179': 'Z', '\u017b': 'Z', '\u017d': 'Z',
'\u017a': 'z', '\u017c': 'z', '\u017e': 'z',
'\u0132': 'IJ', '\u0133': 'ij',
'\u0152': 'Oe', '\u0153': 'oe',
'\u0149': "'n", '\u017f': 's'
};
/**
* Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
* letters to basic Latin letters.
*
* @private
* @param {string} letter The matched letter to deburr.
* @returns {string} Returns the deburred letter.
*/
var deburrLetter = basePropertyOf(deburredLetters);
module.exports = deburrLetter;
/***/ }),
/***/ 45050:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isKeyable = __webpack_require__(37019);
/**
* Gets the data for `map`.
*
* @private
* @param {Object} map The map to query.
* @param {string} key The reference key.
* @returns {*} Returns the map data.
*/
function getMapData(map, key) {
var data = map.__data__;
return isKeyable(key)
? data[typeof key == 'string' ? 'string' : 'hash']
: data.map;
}
module.exports = getMapData;
/***/ }),
/***/ 10852:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsNative = __webpack_require__(28458),
getValue = __webpack_require__(47801);
/**
* Gets the native function at `key` of `object`.
*
* @private
* @param {Object} object The object to query.
* @param {string} key The key of the method to get.
* @returns {*} Returns the function if it's native, else `undefined`.
*/
function getNative(object, key) {
var value = getValue(object, key);
return baseIsNative(value) ? value : undefined;
}
module.exports = getNative;
/***/ }),
/***/ 47801:
/***/ ((module) => {
/**
* Gets the value at `key` of `object`.
*
* @private
* @param {Object} [object] The object to query.
* @param {string} key The key of the property to get.
* @returns {*} Returns the property value.
*/
function getValue(object, key) {
return object == null ? undefined : object[key];
}
module.exports = getValue;
/***/ }),
/***/ 62689:
/***/ ((module) => {
/** Used to compose unicode character classes. */
var rsAstralRange = '\\ud800-\\udfff',
rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
rsVarRange = '\\ufe0e\\ufe0f';
/** Used to compose unicode capture groups. */
var rsZWJ = '\\u200d';
/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */
var reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange + rsComboRange + rsVarRange + ']');
/**
* Checks if `string` contains Unicode symbols.
*
* @private
* @param {string} string The string to inspect.
* @returns {boolean} Returns `true` if a symbol is found, else `false`.
*/
function hasUnicode(string) {
return reHasUnicode.test(string);
}
module.exports = hasUnicode;
/***/ }),
/***/ 93157:
/***/ ((module) => {
/** Used to detect strings that need a more robust regexp to match words. */
var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
/**
* Checks if `string` contains a word composed of Unicode symbols.
*
* @private
* @param {string} string The string to inspect.
* @returns {boolean} Returns `true` if a word is found, else `false`.
*/
function hasUnicodeWord(string) {
return reHasUnicodeWord.test(string);
}
module.exports = hasUnicodeWord;
/***/ }),
/***/ 51789:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(94536);
/**
* Removes all key-value entries from the hash.
*
* @private
* @name clear
* @memberOf Hash
*/
function hashClear() {
this.__data__ = nativeCreate ? nativeCreate(null) : {};
this.size = 0;
}
module.exports = hashClear;
/***/ }),
/***/ 80401:
/***/ ((module) => {
/**
* Removes `key` and its value from the hash.
*
* @private
* @name delete
* @memberOf Hash
* @param {Object} hash The hash to modify.
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function hashDelete(key) {
var result = this.has(key) && delete this.__data__[key];
this.size -= result ? 1 : 0;
return result;
}
module.exports = hashDelete;
/***/ }),
/***/ 57667:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(94536);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Gets the hash value for `key`.
*
* @private
* @name get
* @memberOf Hash
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function hashGet(key) {
var data = this.__data__;
if (nativeCreate) {
var result = data[key];
return result === HASH_UNDEFINED ? undefined : result;
}
return hasOwnProperty.call(data, key) ? data[key] : undefined;
}
module.exports = hashGet;
/***/ }),
/***/ 21327:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(94536);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Checks if a hash value for `key` exists.
*
* @private
* @name has
* @memberOf Hash
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function hashHas(key) {
var data = this.__data__;
return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
}
module.exports = hashHas;
/***/ }),
/***/ 81866:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(94536);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
/**
* Sets the hash `key` to `value`.
*
* @private
* @name set
* @memberOf Hash
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the hash instance.
*/
function hashSet(key, value) {
var data = this.__data__;
this.size += this.has(key) ? 0 : 1;
data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
return this;
}
module.exports = hashSet;
/***/ }),
/***/ 37019:
/***/ ((module) => {
/**
* Checks if `value` is suitable for use as unique object key.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is suitable, else `false`.
*/
function isKeyable(value) {
var type = typeof value;
return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
? (value !== '__proto__')
: (value === null);
}
module.exports = isKeyable;
/***/ }),
/***/ 15346:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var coreJsData = __webpack_require__(14429);
/** Used to detect methods masquerading as native. */
var maskSrcKey = (function() {
var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
return uid ? ('Symbol(src)_1.' + uid) : '';
}());
/**
* Checks if `func` has its source masked.
*
* @private
* @param {Function} func The function to check.
* @returns {boolean} Returns `true` if `func` is masked, else `false`.
*/
function isMasked(func) {
return !!maskSrcKey && (maskSrcKey in func);
}
module.exports = isMasked;
/***/ }),
/***/ 27040:
/***/ ((module) => {
/**
* Removes all key-value entries from the list cache.
*
* @private
* @name clear
* @memberOf ListCache
*/
function listCacheClear() {
this.__data__ = [];
this.size = 0;
}
module.exports = listCacheClear;
/***/ }),
/***/ 14125:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(18470);
/** Used for built-in method references. */
var arrayProto = Array.prototype;
/** Built-in value references. */
var splice = arrayProto.splice;
/**
* Removes `key` and its value from the list cache.
*
* @private
* @name delete
* @memberOf ListCache
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function listCacheDelete(key) {
var data = this.__data__,
index = assocIndexOf(data, key);
if (index < 0) {
return false;
}
var lastIndex = data.length - 1;
if (index == lastIndex) {
data.pop();
} else {
splice.call(data, index, 1);
}
--this.size;
return true;
}
module.exports = listCacheDelete;
/***/ }),
/***/ 82117:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(18470);
/**
* Gets the list cache value for `key`.
*
* @private
* @name get
* @memberOf ListCache
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function listCacheGet(key) {
var data = this.__data__,
index = assocIndexOf(data, key);
return index < 0 ? undefined : data[index][1];
}
module.exports = listCacheGet;
/***/ }),
/***/ 67518:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(18470);
/**
* Checks if a list cache value for `key` exists.
*
* @private
* @name has
* @memberOf ListCache
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function listCacheHas(key) {
return assocIndexOf(this.__data__, key) > -1;
}
module.exports = listCacheHas;
/***/ }),
/***/ 13399:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(18470);
/**
* Sets the list cache `key` to `value`.
*
* @private
* @name set
* @memberOf ListCache
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the list cache instance.
*/
function listCacheSet(key, value) {
var data = this.__data__,
index = assocIndexOf(data, key);
if (index < 0) {
++this.size;
data.push([key, value]);
} else {
data[index][1] = value;
}
return this;
}
module.exports = listCacheSet;
/***/ }),
/***/ 24785:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Hash = __webpack_require__(1989),
ListCache = __webpack_require__(38407),
Map = __webpack_require__(57071);
/**
* Removes all key-value entries from the map.
*
* @private
* @name clear
* @memberOf MapCache
*/
function mapCacheClear() {
this.size = 0;
this.__data__ = {
'hash': new Hash,
'map': new (Map || ListCache),
'string': new Hash
};
}
module.exports = mapCacheClear;
/***/ }),
/***/ 11285:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(45050);
/**
* Removes `key` and its value from the map.
*
* @private
* @name delete
* @memberOf MapCache
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function mapCacheDelete(key) {
var result = getMapData(this, key)['delete'](key);
this.size -= result ? 1 : 0;
return result;
}
module.exports = mapCacheDelete;
/***/ }),
/***/ 96000:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(45050);
/**
* Gets the map value for `key`.
*
* @private
* @name get
* @memberOf MapCache
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function mapCacheGet(key) {
return getMapData(this, key).get(key);
}
module.exports = mapCacheGet;
/***/ }),
/***/ 49916:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(45050);
/**
* Checks if a map value for `key` exists.
*
* @private
* @name has
* @memberOf MapCache
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function mapCacheHas(key) {
return getMapData(this, key).has(key);
}
module.exports = mapCacheHas;
/***/ }),
/***/ 28295:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(45050);
/**
* Sets the map `key` to `value`.
*
* @private
* @name set
* @memberOf MapCache
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the map cache instance.
*/
function mapCacheSet(key, value) {
var data = getMapData(this, key),
size = data.size;
data.set(key, value);
this.size += data.size == size ? 0 : 1;
return this;
}
module.exports = mapCacheSet;
/***/ }),
/***/ 94536:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(10852);
/* Built-in method references that are verified to be native. */
var nativeCreate = getNative(Object, 'create');
module.exports = nativeCreate;
/***/ }),
/***/ 83140:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var asciiToArray = __webpack_require__(44286),
hasUnicode = __webpack_require__(62689),
unicodeToArray = __webpack_require__(676);
/**
* Converts `string` to an array.
*
* @private
* @param {string} string The string to convert.
* @returns {Array} Returns the converted array.
*/
function stringToArray(string) {
return hasUnicode(string)
? unicodeToArray(string)
: asciiToArray(string);
}
module.exports = stringToArray;
/***/ }),
/***/ 80346:
/***/ ((module) => {
/** Used for built-in method references. */
var funcProto = Function.prototype;
/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;
/**
* Converts `func` to its source code.
*
* @private
* @param {Function} func The function to convert.
* @returns {string} Returns the source code.
*/
function toSource(func) {
if (func != null) {
try {
return funcToString.call(func);
} catch (e) {}
try {
return (func + '');
} catch (e) {}
}
return '';
}
module.exports = toSource;
/***/ }),
/***/ 676:
/***/ ((module) => {
/** Used to compose unicode character classes. */
var rsAstralRange = '\\ud800-\\udfff',
rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
rsVarRange = '\\ufe0e\\ufe0f';
/** Used to compose unicode capture groups. */
var rsAstral = '[' + rsAstralRange + ']',
rsCombo = '[' + rsComboRange + ']',
rsFitz = '\\ud83c[\\udffb-\\udfff]',
rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
rsNonAstral = '[^' + rsAstralRange + ']',
rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
rsZWJ = '\\u200d';
/** Used to compose unicode regexes. */
var reOptMod = rsModifier + '?',
rsOptVar = '[' + rsVarRange + ']?',
rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
rsSeq = rsOptVar + reOptMod + rsOptJoin,
rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';
/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */
var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');
/**
* Converts a Unicode `string` to an array.
*
* @private
* @param {string} string The string to convert.
* @returns {Array} Returns the converted array.
*/
function unicodeToArray(string) {
return string.match(reUnicode) || [];
}
module.exports = unicodeToArray;
/***/ }),
/***/ 2757:
/***/ ((module) => {
/** Used to compose unicode character classes. */
var rsAstralRange = '\\ud800-\\udfff',
rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
rsDingbatRange = '\\u2700-\\u27bf',
rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
rsPunctuationRange = '\\u2000-\\u206f',
rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
rsVarRange = '\\ufe0e\\ufe0f',
rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
/** Used to compose unicode capture groups. */
var rsApos = "['\u2019]",
rsBreak = '[' + rsBreakRange + ']',
rsCombo = '[' + rsComboRange + ']',
rsDigits = '\\d+',
rsDingbat = '[' + rsDingbatRange + ']',
rsLower = '[' + rsLowerRange + ']',
rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
rsFitz = '\\ud83c[\\udffb-\\udfff]',
rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
rsNonAstral = '[^' + rsAstralRange + ']',
rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
rsUpper = '[' + rsUpperRange + ']',
rsZWJ = '\\u200d';
/** Used to compose unicode regexes. */
var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',
rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',
rsOptContrLower = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
rsOptContrUpper = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
reOptMod = rsModifier + '?',
rsOptVar = '[' + rsVarRange + ']?',
rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',
rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',
rsSeq = rsOptVar + reOptMod + rsOptJoin,
rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
/** Used to match complex or compound words. */
var reUnicodeWord = RegExp([
rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')',
rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,
rsUpper + '+' + rsOptContrUpper,
rsOrdUpper,
rsOrdLower,
rsDigits,
rsEmoji
].join('|'), 'g');
/**
* Splits a Unicode `string` into an array of its words.
*
* @private
* @param {string} The string to inspect.
* @returns {Array} Returns the words of `string`.
*/
function unicodeWords(string) {
return string.match(reUnicodeWord) || [];
}
module.exports = unicodeWords;
/***/ }),
/***/ 68929:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var capitalize = __webpack_require__(48403),
createCompounder = __webpack_require__(35393);
/**
* Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to convert.
* @returns {string} Returns the camel cased string.
* @example
*
* _.camelCase('Foo Bar');
* // => 'fooBar'
*
* _.camelCase('--foo-bar--');
* // => 'fooBar'
*
* _.camelCase('__FOO_BAR__');
* // => 'fooBar'
*/
var camelCase = createCompounder(function(result, word, index) {
word = word.toLowerCase();
return result + (index ? capitalize(word) : word);
});
module.exports = camelCase;
/***/ }),
/***/ 48403:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var toString = __webpack_require__(79833),
upperFirst = __webpack_require__(11700);
/**
* Converts the first character of `string` to upper case and the remaining
* to lower case.
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to capitalize.
* @returns {string} Returns the capitalized string.
* @example
*
* _.capitalize('FRED');
* // => 'Fred'
*/
function capitalize(string) {
return upperFirst(toString(string).toLowerCase());
}
module.exports = capitalize;
/***/ }),
/***/ 53816:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var deburrLetter = __webpack_require__(69389),
toString = __webpack_require__(79833);
/** Used to match Latin Unicode letters (excluding mathematical operators). */
var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
/** Used to compose unicode character classes. */
var rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange;
/** Used to compose unicode capture groups. */
var rsCombo = '[' + rsComboRange + ']';
/**
* Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
* [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
*/
var reComboMark = RegExp(rsCombo, 'g');
/**
* Deburrs `string` by converting
* [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
* and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
* letters to basic Latin letters and removing
* [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to deburr.
* @returns {string} Returns the deburred string.
* @example
*
* _.deburr('déjà vu');
* // => 'deja vu'
*/
function deburr(string) {
string = toString(string);
return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
}
module.exports = deburr;
/***/ }),
/***/ 77813:
/***/ ((module) => {
/**
* Performs a
* [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
* comparison between two values to determine if they are equivalent.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
* @example
*
* var object = { 'a': 1 };
* var other = { 'a': 1 };
*
* _.eq(object, object);
* // => true
*
* _.eq(object, other);
* // => false
*
* _.eq('a', 'a');
* // => true
*
* _.eq('a', Object('a'));
* // => false
*
* _.eq(NaN, NaN);
* // => true
*/
function eq(value, other) {
return value === other || (value !== value && other !== other);
}
module.exports = eq;
/***/ }),
/***/ 1469:
/***/ ((module) => {
/**
* Checks if `value` is classified as an `Array` object.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an array, else `false`.
* @example
*
* _.isArray([1, 2, 3]);
* // => true
*
* _.isArray(document.body.children);
* // => false
*
* _.isArray('abc');
* // => false
*
* _.isArray(_.noop);
* // => false
*/
var isArray = Array.isArray;
module.exports = isArray;
/***/ }),
/***/ 23560:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(44239),
isObject = __webpack_require__(13218);
/** `Object#toString` result references. */
var asyncTag = '[object AsyncFunction]',
funcTag = '[object Function]',
genTag = '[object GeneratorFunction]',
proxyTag = '[object Proxy]';
/**
* Checks if `value` is classified as a `Function` object.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a function, else `false`.
* @example
*
* _.isFunction(_);
* // => true
*
* _.isFunction(/abc/);
* // => false
*/
function isFunction(value) {
if (!isObject(value)) {
return false;
}
// The use of `Object#toString` avoids issues with the `typeof` operator
// in Safari 9 which returns 'object' for typed arrays and other constructors.
var tag = baseGetTag(value);
return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
}
module.exports = isFunction;
/***/ }),
/***/ 88306:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var MapCache = __webpack_require__(83369);
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
/**
* Creates a function that memoizes the result of `func`. If `resolver` is
* provided, it determines the cache key for storing the result based on the
* arguments provided to the memoized function. By default, the first argument
* provided to the memoized function is used as the map cache key. The `func`
* is invoked with the `this` binding of the memoized function.
*
* **Note:** The cache is exposed as the `cache` property on the memoized
* function. Its creation may be customized by replacing the `_.memoize.Cache`
* constructor with one whose instances implement the
* [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
* method interface of `clear`, `delete`, `get`, `has`, and `set`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Function
* @param {Function} func The function to have its output memoized.
* @param {Function} [resolver] The function to resolve the cache key.
* @returns {Function} Returns the new memoized function.
* @example
*
* var object = { 'a': 1, 'b': 2 };
* var other = { 'c': 3, 'd': 4 };
*
* var values = _.memoize(_.values);
* values(object);
* // => [1, 2]
*
* values(other);
* // => [3, 4]
*
* object.a = 2;
* values(object);
* // => [1, 2]
*
* // Modify the result cache.
* values.cache.set(object, ['a', 'b']);
* values(object);
* // => ['a', 'b']
*
* // Replace `_.memoize.Cache`.
* _.memoize.Cache = WeakMap;
*/
function memoize(func, resolver) {
if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
throw new TypeError(FUNC_ERROR_TEXT);
}
var memoized = function() {
var args = arguments,
key = resolver ? resolver.apply(this, args) : args[0],
cache = memoized.cache;
if (cache.has(key)) {
return cache.get(key);
}
var result = func.apply(this, args);
memoized.cache = cache.set(key, result) || cache;
return result;
};
memoized.cache = new (memoize.Cache || MapCache);
return memoized;
}
// Expose `MapCache`.
memoize.Cache = MapCache;
module.exports = memoize;
/***/ }),
/***/ 79833:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseToString = __webpack_require__(80531);
/**
* Converts `value` to a string. An empty string is returned for `null`
* and `undefined` values. The sign of `-0` is preserved.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to convert.
* @returns {string} Returns the converted string.
* @example
*
* _.toString(null);
* // => ''
*
* _.toString(-0);
* // => '-0'
*
* _.toString([1, 2, 3]);
* // => '1,2,3'
*/
function toString(value) {
return value == null ? '' : baseToString(value);
}
module.exports = toString;
/***/ }),
/***/ 11700:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var createCaseFirst = __webpack_require__(98805);
/**
* Converts the first character of `string` to upper case.
*
* @static
* @memberOf _
* @since 4.0.0
* @category String
* @param {string} [string=''] The string to convert.
* @returns {string} Returns the converted string.
* @example
*
* _.upperFirst('fred');
* // => 'Fred'
*
* _.upperFirst('FRED');
* // => 'FRED'
*/
var upperFirst = createCaseFirst('toUpperCase');
module.exports = upperFirst;
/***/ }),
/***/ 58748:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var asciiWords = __webpack_require__(49029),
hasUnicodeWord = __webpack_require__(93157),
toString = __webpack_require__(79833),
unicodeWords = __webpack_require__(2757);
/**
* Splits `string` into an array of its words.
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to inspect.
* @param {RegExp|string} [pattern] The pattern to match words.
* @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
* @returns {Array} Returns the words of `string`.
* @example
*
* _.words('fred, barney, & pebbles');
* // => ['fred', 'barney', 'pebbles']
*
* _.words('fred, barney, & pebbles', /[^, ]+/g);
* // => ['fred', 'barney', '&', 'pebbles']
*/
function words(string, pattern, guard) {
string = toString(string);
pattern = guard ? undefined : pattern;
if (pattern === undefined) {
return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
}
return string.match(pattern) || [];
}
module.exports = words;
/***/ }),
/***/ 74838:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 93638:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 68182:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 5664:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 96979:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 82331:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 42607:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 72904:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 98393:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 21220:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 47725:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 99770:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 39250:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 74510:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 87887:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 42983:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 55828:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 83251:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 64348:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 48379:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 32427:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 50465:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 63527:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 52080:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 62284:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 63050:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 75460:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 60566:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 83212:
/***/ (() => {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ 72433:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
/*!
* portal-vue © Thorsten Lünborg, 2019
*
* Version: 2.1.7
*
* LICENCE: MIT
*
* https://github.com/linusborg/portal-vue
*
*/
__webpack_unused_export__ = ({ value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var Vue = _interopDefault(__webpack_require__(72100));
function _typeof(obj) {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) {
for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
return arr2;
}
}
function _iterableToArray(iter) {
if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance");
}
var inBrowser = typeof window !== 'undefined';
function freeze(item) {
if (Array.isArray(item) || _typeof(item) === 'object') {
return Object.freeze(item);
}
return item;
}
function combinePassengers(transports) {
var slotProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
return transports.reduce(function (passengers, transport) {
var temp = transport.passengers[0];
var newPassengers = typeof temp === 'function' ? temp(slotProps) : transport.passengers;
return passengers.concat(newPassengers);
}, []);
}
function stableSort(array, compareFn) {
return array.map(function (v, idx) {
return [idx, v];
}).sort(function (a, b) {
return compareFn(a[1], b[1]) || a[0] - b[0];
}).map(function (c) {
return c[1];
});
}
function pick(obj, keys) {
return keys.reduce(function (acc, key) {
if (obj.hasOwnProperty(key)) {
acc[key] = obj[key];
}
return acc;
}, {});
}
var transports = {};
var targets = {};
var sources = {};
var Wormhole = Vue.extend({
data: function data() {
return {
transports: transports,
targets: targets,
sources: sources,
trackInstances: inBrowser
};
},
methods: {
open: function open(transport) {
if (!inBrowser) return;
var to = transport.to,
from = transport.from,
passengers = transport.passengers,
_transport$order = transport.order,
order = _transport$order === void 0 ? Infinity : _transport$order;
if (!to || !from || !passengers) return;
var newTransport = {
to: to,
from: from,
passengers: freeze(passengers),
order: order
};
var keys = Object.keys(this.transports);
if (keys.indexOf(to) === -1) {
Vue.set(this.transports, to, []);
}
var currentIndex = this.$_getTransportIndex(newTransport); // Copying the array here so that the PortalTarget change event will actually contain two distinct arrays
var newTransports = this.transports[to].slice(0);
if (currentIndex === -1) {
newTransports.push(newTransport);
} else {
newTransports[currentIndex] = newTransport;
}
this.transports[to] = stableSort(newTransports, function (a, b) {
return a.order - b.order;
});
},
close: function close(transport) {
var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var to = transport.to,
from = transport.from;
if (!to || !from && force === false) return;
if (!this.transports[to]) {
return;
}
if (force) {
this.transports[to] = [];
} else {
var index = this.$_getTransportIndex(transport);
if (index >= 0) {
// Copying the array here so that the PortalTarget change event will actually contain two distinct arrays
var newTransports = this.transports[to].slice(0);
newTransports.splice(index, 1);
this.transports[to] = newTransports;
}
}
},
registerTarget: function registerTarget(target, vm, force) {
if (!inBrowser) return;
if (this.trackInstances && !force && this.targets[target]) {
console.warn("[portal-vue]: Target ".concat(target, " already exists"));
}
this.$set(this.targets, target, Object.freeze([vm]));
},
unregisterTarget: function unregisterTarget(target) {
this.$delete(this.targets, target);
},
registerSource: function registerSource(source, vm, force) {
if (!inBrowser) return;
if (this.trackInstances && !force && this.sources[source]) {
console.warn("[portal-vue]: source ".concat(source, " already exists"));
}
this.$set(this.sources, source, Object.freeze([vm]));
},
unregisterSource: function unregisterSource(source) {
this.$delete(this.sources, source);
},
hasTarget: function hasTarget(to) {
return !!(this.targets[to] && this.targets[to][0]);
},
hasSource: function hasSource(to) {
return !!(this.sources[to] && this.sources[to][0]);
},
hasContentFor: function hasContentFor(to) {
return !!this.transports[to] && !!this.transports[to].length;
},
// Internal
$_getTransportIndex: function $_getTransportIndex(_ref) {
var to = _ref.to,
from = _ref.from;
for (var i in this.transports[to]) {
if (this.transports[to][i].from === from) {
return +i;
}
}
return -1;
}
}
});
var wormhole = new Wormhole(transports);
var _id = 1;
var Portal = Vue.extend({
name: 'portal',
props: {
disabled: {
type: Boolean
},
name: {
type: String,
default: function _default() {
return String(_id++);
}
},
order: {
type: Number,
default: 0
},
slim: {
type: Boolean
},
slotProps: {
type: Object,
default: function _default() {
return {};
}
},
tag: {
type: String,
default: 'DIV'
},
to: {
type: String,
default: function _default() {
return String(Math.round(Math.random() * 10000000));
}
}
},
created: function created() {
var _this = this;
this.$nextTick(function () {
wormhole.registerSource(_this.name, _this);
});
},
mounted: function mounted() {
if (!this.disabled) {
this.sendUpdate();
}
},
updated: function updated() {
if (this.disabled) {
this.clear();
} else {
this.sendUpdate();
}
},
beforeDestroy: function beforeDestroy() {
wormhole.unregisterSource(this.name);
this.clear();
},
watch: {
to: function to(newValue, oldValue) {
oldValue && oldValue !== newValue && this.clear(oldValue);
this.sendUpdate();
}
},
methods: {
clear: function clear(target) {
var closer = {
from: this.name,
to: target || this.to
};
wormhole.close(closer);
},
normalizeSlots: function normalizeSlots() {
return this.$scopedSlots.default ? [this.$scopedSlots.default] : this.$slots.default;
},
normalizeOwnChildren: function normalizeOwnChildren(children) {
return typeof children === 'function' ? children(this.slotProps) : children;
},
sendUpdate: function sendUpdate() {
var slotContent = this.normalizeSlots();
if (slotContent) {
var transport = {
from: this.name,
to: this.to,
passengers: _toConsumableArray(slotContent),
order: this.order
};
wormhole.open(transport);
} else {
this.clear();
}
}
},
render: function render(h) {
var children = this.$slots.default || this.$scopedSlots.default || [];
var Tag = this.tag;
if (children && this.disabled) {
return children.length <= 1 && this.slim ? this.normalizeOwnChildren(children)[0] : h(Tag, [this.normalizeOwnChildren(children)]);
} else {
return this.slim ? h() : h(Tag, {
class: {
'v-portal': true
},
style: {
display: 'none'
},
key: 'v-portal-placeholder'
});
}
}
});
var PortalTarget = Vue.extend({
name: 'portalTarget',
props: {
multiple: {
type: Boolean,
default: false
},
name: {
type: String,
required: true
},
slim: {
type: Boolean,
default: false
},
slotProps: {
type: Object,
default: function _default() {
return {};
}
},
tag: {
type: String,
default: 'div'
},
transition: {
type: [String, Object, Function]
}
},
data: function data() {
return {
transports: wormhole.transports,
firstRender: true
};
},
created: function created() {
var _this = this;
this.$nextTick(function () {
wormhole.registerTarget(_this.name, _this);
});
},
watch: {
ownTransports: function ownTransports() {
this.$emit('change', this.children().length > 0);
},
name: function name(newVal, oldVal) {
/**
* TODO
* This should warn as well ...
*/
wormhole.unregisterTarget(oldVal);
wormhole.registerTarget(newVal, this);
}
},
mounted: function mounted() {
var _this2 = this;
if (this.transition) {
this.$nextTick(function () {
// only when we have a transition, because it causes a re-render
_this2.firstRender = false;
});
}
},
beforeDestroy: function beforeDestroy() {
wormhole.unregisterTarget(this.name);
},
computed: {
ownTransports: function ownTransports() {
var transports = this.transports[this.name] || [];
if (this.multiple) {
return transports;
}
return transports.length === 0 ? [] : [transports[transports.length - 1]];
},
passengers: function passengers() {
return combinePassengers(this.ownTransports, this.slotProps);
}
},
methods: {
// can't be a computed prop because it has to "react" to $slot changes.
children: function children() {
return this.passengers.length !== 0 ? this.passengers : this.$scopedSlots.default ? this.$scopedSlots.default(this.slotProps) : this.$slots.default || [];
},
// can't be a computed prop because it has to "react" to this.children().
noWrapper: function noWrapper() {
var noWrapper = this.slim && !this.transition;
if (noWrapper && this.children().length > 1) {
console.warn('[portal-vue]: PortalTarget with `slim` option received more than one child element.');
}
return noWrapper;
}
},
render: function render(h) {
var noWrapper = this.noWrapper();
var children = this.children();
var Tag = this.transition || this.tag;
return noWrapper ? children[0] : this.slim && !Tag ? h() : h(Tag, {
props: {
// if we have a transition component, pass the tag if it exists
tag: this.transition && this.tag ? this.tag : undefined
},
class: {
'vue-portal-target': true
}
}, children);
}
});
var _id$1 = 0;
var portalProps = ['disabled', 'name', 'order', 'slim', 'slotProps', 'tag', 'to'];
var targetProps = ['multiple', 'transition'];
var MountingPortal = Vue.extend({
name: 'MountingPortal',
inheritAttrs: false,
props: {
append: {
type: [Boolean, String]
},
bail: {
type: Boolean
},
mountTo: {
type: String,
required: true
},
// Portal
disabled: {
type: Boolean
},
// name for the portal
name: {
type: String,
default: function _default() {
return 'mounted_' + String(_id$1++);
}
},
order: {
type: Number,
default: 0
},
slim: {
type: Boolean
},
slotProps: {
type: Object,
default: function _default() {
return {};
}
},
tag: {
type: String,
default: 'DIV'
},
// name for the target
to: {
type: String,
default: function _default() {
return String(Math.round(Math.random() * 10000000));
}
},
// Target
multiple: {
type: Boolean,
default: false
},
targetSlim: {
type: Boolean
},
targetSlotProps: {
type: Object,
default: function _default() {
return {};
}
},
targetTag: {
type: String,
default: 'div'
},
transition: {
type: [String, Object, Function]
}
},
created: function created() {
if (typeof document === 'undefined') return;
var el = document.querySelector(this.mountTo);
if (!el) {
console.error("[portal-vue]: Mount Point '".concat(this.mountTo, "' not found in document"));
return;
}
var props = this.$props; // Target already exists
if (wormhole.targets[props.name]) {
if (props.bail) {
console.warn("[portal-vue]: Target ".concat(props.name, " is already mounted.\n Aborting because 'bail: true' is set"));
} else {
this.portalTarget = wormhole.targets[props.name];
}
return;
}
var append = props.append;
if (append) {
var type = typeof append === 'string' ? append : 'DIV';
var mountEl = document.createElement(type);
el.appendChild(mountEl);
el = mountEl;
} // get props for target from $props
// we have to rename a few of them
var _props = pick(this.$props, targetProps);
_props.slim = this.targetSlim;
_props.tag = this.targetTag;
_props.slotProps = this.targetSlotProps;
_props.name = this.to;
this.portalTarget = new PortalTarget({
el: el,
parent: this.$parent || this,
propsData: _props
});
},
beforeDestroy: function beforeDestroy() {
var target = this.portalTarget;
if (this.append) {
var el = target.$el;
el.parentNode.removeChild(el);
}
target.$destroy();
},
render: function render(h) {
if (!this.portalTarget) {
console.warn("[portal-vue] Target wasn't mounted");
return h();
} // if there's no "manual" scoped slot, so we create a ourselves
if (!this.$scopedSlots.manual) {
var props = pick(this.$props, portalProps);
return h(Portal, {
props: props,
attrs: this.$attrs,
on: this.$listeners,
scopedSlots: this.$scopedSlots
}, this.$slots.default);
} // else, we render the scoped slot
var content = this.$scopedSlots.manual({
to: this.to
}); // if user used for the scoped slot
// content will be an array
if (Array.isArray(content)) {
content = content[0];
}
if (!content) return h();
return content;
}
});
function install(Vue$$1) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
Vue$$1.component(options.portalName || 'Portal', Portal);
Vue$$1.component(options.portalTargetName || 'PortalTarget', PortalTarget);
Vue$$1.component(options.MountingPortalName || 'MountingPortal', MountingPortal);
}
var index = {
install: install
};
__webpack_unused_export__ = index;
exports.h_ = Portal;
exports.YC = PortalTarget;
__webpack_unused_export__ = MountingPortal;
__webpack_unused_export__ = wormhole;
//# sourceMappingURL=portal-vue.common.js.map
/***/ }),
/***/ 37003:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ swiper_esm_bundle)
});
;// CONCATENATED MODULE: ./node_modules/ssr-window/dist/ssr-window.esm.js
/**
* SSR Window 2.0.0
* Better handling for window object in SSR environment
* https://github.com/nolimits4web/ssr-window
*
* Copyright 2020, Vladimir Kharlampidi
*
* Licensed under MIT
*
* Released on: May 12, 2020
*/
/* eslint-disable no-param-reassign */
function isObject(obj) {
return (obj !== null &&
typeof obj === 'object' &&
'constructor' in obj &&
obj.constructor === Object);
}
function extend(target, src) {
if (target === void 0) { target = {}; }
if (src === void 0) { src = {}; }
Object.keys(src).forEach(function (key) {
if (typeof target[key] === 'undefined')
target[key] = src[key];
else if (isObject(src[key]) &&
isObject(target[key]) &&
Object.keys(src[key]).length > 0) {
extend(target[key], src[key]);
}
});
}
var doc = typeof document !== 'undefined' ? document : {};
var ssrDocument = {
body: {},
addEventListener: function () { },
removeEventListener: function () { },
activeElement: {
blur: function () { },
nodeName: '',
},
querySelector: function () {
return null;
},
querySelectorAll: function () {
return [];
},
getElementById: function () {
return null;
},
createEvent: function () {
return {
initEvent: function () { },
};
},
createElement: function () {
return {
children: [],
childNodes: [],
style: {},
setAttribute: function () { },
getElementsByTagName: function () {
return [];
},
};
},
createElementNS: function () {
return {};
},
importNode: function () {
return null;
},
location: {
hash: '',
host: '',
hostname: '',
href: '',
origin: '',
pathname: '',
protocol: '',
search: '',
},
};
extend(doc, ssrDocument);
var win = typeof window !== 'undefined' ? window : {};
var ssrWindow = {
document: ssrDocument,
navigator: {
userAgent: '',
},
location: {
hash: '',
host: '',
hostname: '',
href: '',
origin: '',
pathname: '',
protocol: '',
search: '',
},
history: {
replaceState: function () { },
pushState: function () { },
go: function () { },
back: function () { },
},
CustomEvent: function CustomEvent() {
return this;
},
addEventListener: function () { },
removeEventListener: function () { },
getComputedStyle: function () {
return {
getPropertyValue: function () {
return '';
},
};
},
Image: function () { },
Date: function () { },
screen: {},
setTimeout: function () { },
clearTimeout: function () { },
matchMedia: function () {
return {};
},
};
extend(win, ssrWindow);
;// CONCATENATED MODULE: ./node_modules/dom7/dist/dom7.modular.js
/**
* Dom7 2.1.5
* Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
* http://framework7.io/docs/dom.html
*
* Copyright 2020, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: May 15, 2020
*/
class Dom7 {
constructor(arr) {
const self = this;
// Create array-like object
for (let i = 0; i < arr.length; i += 1) {
self[i] = arr[i];
}
self.length = arr.length;
// Return collection with methods
return this;
}
}
function $(selector, context) {
const arr = [];
let i = 0;
if (selector && !context) {
if (selector instanceof Dom7) {
return selector;
}
}
if (selector) {
// String
if (typeof selector === 'string') {
let els;
let tempParent;
const html = selector.trim();
if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) {
let toCreate = 'div';
if (html.indexOf(':~]/)) {
// Pure ID selector
els = [doc.getElementById(selector.trim().split('#')[1])];
} else {
// Other selectors
els = (context || doc).querySelectorAll(selector.trim());
}
for (i = 0; i < els.length; i += 1) {
if (els[i]) arr.push(els[i]);
}
}
} else if (selector.nodeType || selector === win || selector === doc) {
// Node/element
arr.push(selector);
} else if (selector.length > 0 && selector[0].nodeType) {
// Array of elements or instance of Dom
for (i = 0; i < selector.length; i += 1) {
arr.push(selector[i]);
}
}
}
return new Dom7(arr);
}
$.fn = Dom7.prototype;
$.Class = Dom7;
$.Dom7 = Dom7;
function unique(arr) {
const uniqueArray = [];
for (let i = 0; i < arr.length; i += 1) {
if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]);
}
return uniqueArray;
}
function toCamelCase(string) {
return string.toLowerCase().replace(/-(.)/g, (match, group1) => group1.toUpperCase());
}
function requestAnimationFrame(callback) {
if (window.requestAnimationFrame) return window.requestAnimationFrame(callback);
else if (window.webkitRequestAnimationFrame) return window.webkitRequestAnimationFrame(callback);
return window.setTimeout(callback, 1000 / 60);
}
function cancelAnimationFrame(id) {
if (window.cancelAnimationFrame) return window.cancelAnimationFrame(id);
else if (window.webkitCancelAnimationFrame) return window.webkitCancelAnimationFrame(id);
return window.clearTimeout(id);
}
// Classes and attributes
function addClass(className) {
if (typeof className === 'undefined') {
return this;
}
const classes = className.split(' ');
for (let i = 0; i < classes.length; i += 1) {
for (let j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') this[j].classList.add(classes[i]);
}
}
return this;
}
function removeClass(className) {
const classes = className.split(' ');
for (let i = 0; i < classes.length; i += 1) {
for (let j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') this[j].classList.remove(classes[i]);
}
}
return this;
}
function hasClass(className) {
if (!this[0]) return false;
return this[0].classList.contains(className);
}
function toggleClass(className) {
const classes = className.split(' ');
for (let i = 0; i < classes.length; i += 1) {
for (let j = 0; j < this.length; j += 1) {
if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') this[j].classList.toggle(classes[i]);
}
}
return this;
}
function attr(attrs, value) {
if (arguments.length === 1 && typeof attrs === 'string') {
// Get attr
if (this[0]) return this[0].getAttribute(attrs);
return undefined;
}
// Set attrs
for (let i = 0; i < this.length; i += 1) {
if (arguments.length === 2) {
// String
this[i].setAttribute(attrs, value);
} else {
// Object
// eslint-disable-next-line
for (const attrName in attrs) {
this[i][attrName] = attrs[attrName];
this[i].setAttribute(attrName, attrs[attrName]);
}
}
}
return this;
}
// eslint-disable-next-line
function removeAttr(attr) {
for (let i = 0; i < this.length; i += 1) {
this[i].removeAttribute(attr);
}
return this;
}
// eslint-disable-next-line
function prop(props, value) {
if (arguments.length === 1 && typeof props === 'string') {
// Get prop
if (this[0]) return this[0][props];
} else {
// Set props
for (let i = 0; i < this.length; i += 1) {
if (arguments.length === 2) {
// String
this[i][props] = value;
} else {
// Object
// eslint-disable-next-line
for (const propName in props) {
this[i][propName] = props[propName];
}
}
}
return this;
}
}
function data(key, value) {
let el;
if (typeof value === 'undefined') {
el = this[0];
// Get value
if (el) {
if (el.dom7ElementDataStorage && (key in el.dom7ElementDataStorage)) {
return el.dom7ElementDataStorage[key];
}
const dataKey = el.getAttribute(`data-${key}`);
if (dataKey) {
return dataKey;
}
return undefined;
}
return undefined;
}
// Set value
for (let i = 0; i < this.length; i += 1) {
el = this[i];
if (!el.dom7ElementDataStorage) el.dom7ElementDataStorage = {};
el.dom7ElementDataStorage[key] = value;
}
return this;
}
function removeData(key) {
for (let i = 0; i < this.length; i += 1) {
const el = this[i];
if (el.dom7ElementDataStorage && el.dom7ElementDataStorage[key]) {
el.dom7ElementDataStorage[key] = null;
delete el.dom7ElementDataStorage[key];
}
}
}
function dataset() {
const el = this[0];
if (!el) return undefined;
const dataset = {}; // eslint-disable-line
if (el.dataset) {
// eslint-disable-next-line
for (const dataKey in el.dataset) {
dataset[dataKey] = el.dataset[dataKey];
}
} else {
for (let i = 0; i < el.attributes.length; i += 1) {
// eslint-disable-next-line
const attr = el.attributes[i];
if (attr.name.indexOf('data-') >= 0) {
dataset[toCamelCase(attr.name.split('data-')[1])] = attr.value;
}
}
}
// eslint-disable-next-line
for (const key in dataset) {
if (dataset[key] === 'false') dataset[key] = false;
else if (dataset[key] === 'true') dataset[key] = true;
else if (parseFloat(dataset[key]) === dataset[key] * 1) dataset[key] *= 1;
}
return dataset;
}
function val(value) {
const dom = this;
if (typeof value === 'undefined') {
if (dom[0]) {
if (dom[0].multiple && dom[0].nodeName.toLowerCase() === 'select') {
const values = [];
for (let i = 0; i < dom[0].selectedOptions.length; i += 1) {
values.push(dom[0].selectedOptions[i].value);
}
return values;
}
return dom[0].value;
}
return undefined;
}
for (let i = 0; i < dom.length; i += 1) {
const el = dom[i];
if (Array.isArray(value) && el.multiple && el.nodeName.toLowerCase() === 'select') {
for (let j = 0; j < el.options.length; j += 1) {
el.options[j].selected = value.indexOf(el.options[j].value) >= 0;
}
} else {
el.value = value;
}
}
return dom;
}
// Transforms
// eslint-disable-next-line
function transform(transform) {
for (let i = 0; i < this.length; i += 1) {
const elStyle = this[i].style;
elStyle.webkitTransform = transform;
elStyle.transform = transform;
}
return this;
}
function transition(duration) {
if (typeof duration !== 'string') {
duration = `${duration}ms`; // eslint-disable-line
}
for (let i = 0; i < this.length; i += 1) {
const elStyle = this[i].style;
elStyle.webkitTransitionDuration = duration;
elStyle.transitionDuration = duration;
}
return this;
}
// Events
function on(...args) {
let [eventType, targetSelector, listener, capture] = args;
if (typeof args[1] === 'function') {
[eventType, listener, capture] = args;
targetSelector = undefined;
}
if (!capture) capture = false;
function handleLiveEvent(e) {
const target = e.target;
if (!target) return;
const eventData = e.target.dom7EventData || [];
if (eventData.indexOf(e) < 0) {
eventData.unshift(e);
}
if ($(target).is(targetSelector)) listener.apply(target, eventData);
else {
const parents = $(target).parents(); // eslint-disable-line
for (let k = 0; k < parents.length; k += 1) {
if ($(parents[k]).is(targetSelector)) listener.apply(parents[k], eventData);
}
}
}
function handleEvent(e) {
const eventData = e && e.target ? e.target.dom7EventData || [] : [];
if (eventData.indexOf(e) < 0) {
eventData.unshift(e);
}
listener.apply(this, eventData);
}
const events = eventType.split(' ');
let j;
for (let i = 0; i < this.length; i += 1) {
const el = this[i];
if (!targetSelector) {
for (j = 0; j < events.length; j += 1) {
const event = events[j];
if (!el.dom7Listeners) el.dom7Listeners = {};
if (!el.dom7Listeners[event]) el.dom7Listeners[event] = [];
el.dom7Listeners[event].push({
listener,
proxyListener: handleEvent,
});
el.addEventListener(event, handleEvent, capture);
}
} else {
// Live events
for (j = 0; j < events.length; j += 1) {
const event = events[j];
if (!el.dom7LiveListeners) el.dom7LiveListeners = {};
if (!el.dom7LiveListeners[event]) el.dom7LiveListeners[event] = [];
el.dom7LiveListeners[event].push({
listener,
proxyListener: handleLiveEvent,
});
el.addEventListener(event, handleLiveEvent, capture);
}
}
}
return this;
}
function off(...args) {
let [eventType, targetSelector, listener, capture] = args;
if (typeof args[1] === 'function') {
[eventType, listener, capture] = args;
targetSelector = undefined;
}
if (!capture) capture = false;
const events = eventType.split(' ');
for (let i = 0; i < events.length; i += 1) {
const event = events[i];
for (let j = 0; j < this.length; j += 1) {
const el = this[j];
let handlers;
if (!targetSelector && el.dom7Listeners) {
handlers = el.dom7Listeners[event];
} else if (targetSelector && el.dom7LiveListeners) {
handlers = el.dom7LiveListeners[event];
}
if (handlers && handlers.length) {
for (let k = handlers.length - 1; k >= 0; k -= 1) {
const handler = handlers[k];
if (listener && handler.listener === listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
} else if (listener && handler.listener && handler.listener.dom7proxy && handler.listener.dom7proxy === listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
} else if (!listener) {
el.removeEventListener(event, handler.proxyListener, capture);
handlers.splice(k, 1);
}
}
}
}
}
return this;
}
function once(...args) {
const dom = this;
let [eventName, targetSelector, listener, capture] = args;
if (typeof args[1] === 'function') {
[eventName, listener, capture] = args;
targetSelector = undefined;
}
function onceHandler(...eventArgs) {
listener.apply(this, eventArgs);
dom.off(eventName, targetSelector, onceHandler, capture);
if (onceHandler.dom7proxy) {
delete onceHandler.dom7proxy;
}
}
onceHandler.dom7proxy = listener;
return dom.on(eventName, targetSelector, onceHandler, capture);
}
function trigger(...args) {
const events = args[0].split(' ');
const eventData = args[1];
for (let i = 0; i < events.length; i += 1) {
const event = events[i];
for (let j = 0; j < this.length; j += 1) {
const el = this[j];
let evt;
try {
evt = new win.CustomEvent(event, {
detail: eventData,
bubbles: true,
cancelable: true,
});
} catch (e) {
evt = doc.createEvent('Event');
evt.initEvent(event, true, true);
evt.detail = eventData;
}
// eslint-disable-next-line
el.dom7EventData = args.filter((data, dataIndex) => dataIndex > 0);
el.dispatchEvent(evt);
el.dom7EventData = [];
delete el.dom7EventData;
}
}
return this;
}
function transitionEnd(callback) {
const events = ['webkitTransitionEnd', 'transitionend'];
const dom = this;
let i;
function fireCallBack(e) {
/* jshint validthis:true */
if (e.target !== this) return;
callback.call(this, e);
for (i = 0; i < events.length; i += 1) {
dom.off(events[i], fireCallBack);
}
}
if (callback) {
for (i = 0; i < events.length; i += 1) {
dom.on(events[i], fireCallBack);
}
}
return this;
}
function animationEnd(callback) {
const events = ['webkitAnimationEnd', 'animationend'];
const dom = this;
let i;
function fireCallBack(e) {
if (e.target !== this) return;
callback.call(this, e);
for (i = 0; i < events.length; i += 1) {
dom.off(events[i], fireCallBack);
}
}
if (callback) {
for (i = 0; i < events.length; i += 1) {
dom.on(events[i], fireCallBack);
}
}
return this;
}
// Sizing/Styles
function width() {
if (this[0] === window) {
return window.innerWidth;
}
if (this.length > 0) {
return parseFloat(this.css('width'));
}
return null;
}
function dom7_modular_outerWidth(includeMargins) {
if (this.length > 0) {
if (includeMargins) {
// eslint-disable-next-line
const styles = this.styles();
return this[0].offsetWidth + parseFloat(styles.getPropertyValue('margin-right')) + parseFloat(styles.getPropertyValue('margin-left'));
}
return this[0].offsetWidth;
}
return null;
}
function height() {
if (this[0] === window) {
return window.innerHeight;
}
if (this.length > 0) {
return parseFloat(this.css('height'));
}
return null;
}
function dom7_modular_outerHeight(includeMargins) {
if (this.length > 0) {
if (includeMargins) {
// eslint-disable-next-line
const styles = this.styles();
return this[0].offsetHeight + parseFloat(styles.getPropertyValue('margin-top')) + parseFloat(styles.getPropertyValue('margin-bottom'));
}
return this[0].offsetHeight;
}
return null;
}
function offset() {
if (this.length > 0) {
const el = this[0];
const box = el.getBoundingClientRect();
const body = doc.body;
const clientTop = el.clientTop || body.clientTop || 0;
const clientLeft = el.clientLeft || body.clientLeft || 0;
const scrollTop = el === win ? win.scrollY : el.scrollTop;
const scrollLeft = el === win ? win.scrollX : el.scrollLeft;
return {
top: (box.top + scrollTop) - clientTop,
left: (box.left + scrollLeft) - clientLeft,
};
}
return null;
}
function hide() {
for (let i = 0; i < this.length; i += 1) {
this[i].style.display = 'none';
}
return this;
}
function show() {
for (let i = 0; i < this.length; i += 1) {
const el = this[i];
if (el.style.display === 'none') {
el.style.display = '';
}
if (window.getComputedStyle(el, null).getPropertyValue('display') === 'none') {
// Still not visible
el.style.display = 'block';
}
}
return this;
}
function styles() {
if (this[0]) return win.getComputedStyle(this[0], null);
return {};
}
function css(props, value) {
let i;
if (arguments.length === 1) {
if (typeof props === 'string') {
if (this[0]) return win.getComputedStyle(this[0], null).getPropertyValue(props);
} else {
for (i = 0; i < this.length; i += 1) {
// eslint-disable-next-line
for (let prop in props) {
this[i].style[prop] = props[prop];
}
}
return this;
}
}
if (arguments.length === 2 && typeof props === 'string') {
for (i = 0; i < this.length; i += 1) {
this[i].style[props] = value;
}
return this;
}
return this;
}
// Dom manipulation
function toArray() {
const arr = [];
for (let i = 0; i < this.length; i += 1) {
arr.push(this[i]);
}
return arr;
}
// Iterate over the collection passing elements to `callback`
function each(callback) {
// Don't bother continuing without a callback
if (!callback) return this;
// Iterate over the current collection
for (let i = 0; i < this.length; i += 1) {
// If the callback returns false
if (callback.call(this[i], i, this[i]) === false) {
// End the loop early
return this;
}
}
// Return `this` to allow chained DOM operations
return this;
}
function forEach(callback) {
// Don't bother continuing without a callback
if (!callback) return this;
// Iterate over the current collection
for (let i = 0; i < this.length; i += 1) {
// If the callback returns false
if (callback.call(this[i], this[i], i) === false) {
// End the loop early
return this;
}
}
// Return `this` to allow chained DOM operations
return this;
}
function filter(callback) {
const matchedItems = [];
const dom = this;
for (let i = 0; i < dom.length; i += 1) {
if (callback.call(dom[i], i, dom[i])) matchedItems.push(dom[i]);
}
return new Dom7(matchedItems);
}
function map(callback) {
const modifiedItems = [];
const dom = this;
for (let i = 0; i < dom.length; i += 1) {
modifiedItems.push(callback.call(dom[i], i, dom[i]));
}
return new Dom7(modifiedItems);
}
// eslint-disable-next-line
function html(html) {
if (typeof html === 'undefined') {
return this[0] ? this[0].innerHTML : undefined;
}
for (let i = 0; i < this.length; i += 1) {
this[i].innerHTML = html;
}
return this;
}
// eslint-disable-next-line
function dom7_modular_text(text) {
if (typeof text === 'undefined') {
if (this[0]) {
return this[0].textContent.trim();
}
return null;
}
for (let i = 0; i < this.length; i += 1) {
this[i].textContent = text;
}
return this;
}
function is(selector) {
const el = this[0];
let compareWith;
let i;
if (!el || typeof selector === 'undefined') return false;
if (typeof selector === 'string') {
if (el.matches) return el.matches(selector);
else if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
else if (el.msMatchesSelector) return el.msMatchesSelector(selector);
compareWith = $(selector);
for (i = 0; i < compareWith.length; i += 1) {
if (compareWith[i] === el) return true;
}
return false;
} else if (selector === doc) return el === doc;
else if (selector === win) return el === win;
if (selector.nodeType || selector instanceof Dom7) {
compareWith = selector.nodeType ? [selector] : selector;
for (i = 0; i < compareWith.length; i += 1) {
if (compareWith[i] === el) return true;
}
return false;
}
return false;
}
function indexOf(el) {
for (let i = 0; i < this.length; i += 1) {
if (this[i] === el) return i;
}
return -1;
}
function index() {
let child = this[0];
let i;
if (child) {
i = 0;
// eslint-disable-next-line
while ((child = child.previousSibling) !== null) {
if (child.nodeType === 1) i += 1;
}
return i;
}
return undefined;
}
// eslint-disable-next-line
function eq(index) {
if (typeof index === 'undefined') return this;
const length = this.length;
let returnIndex;
if (index > length - 1) {
return new Dom7([]);
}
if (index < 0) {
returnIndex = length + index;
if (returnIndex < 0) return new Dom7([]);
return new Dom7([this[returnIndex]]);
}
return new Dom7([this[index]]);
}
function append(...args) {
let newChild;
for (let k = 0; k < args.length; k += 1) {
newChild = args[k];
for (let i = 0; i < this.length; i += 1) {
if (typeof newChild === 'string') {
const tempDiv = doc.createElement('div');
tempDiv.innerHTML = newChild;
while (tempDiv.firstChild) {
this[i].appendChild(tempDiv.firstChild);
}
} else if (newChild instanceof Dom7) {
for (let j = 0; j < newChild.length; j += 1) {
this[i].appendChild(newChild[j]);
}
} else {
this[i].appendChild(newChild);
}
}
}
return this;
}
// eslint-disable-next-line
function appendTo(parent) {
$(parent).append(this);
return this;
}
function prepend(newChild) {
let i;
let j;
for (i = 0; i < this.length; i += 1) {
if (typeof newChild === 'string') {
const tempDiv = doc.createElement('div');
tempDiv.innerHTML = newChild;
for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {
this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);
}
} else if (newChild instanceof Dom7) {
for (j = 0; j < newChild.length; j += 1) {
this[i].insertBefore(newChild[j], this[i].childNodes[0]);
}
} else {
this[i].insertBefore(newChild, this[i].childNodes[0]);
}
}
return this;
}
// eslint-disable-next-line
function prependTo(parent) {
$(parent).prepend(this);
return this;
}
function insertBefore(selector) {
const before = $(selector);
for (let i = 0; i < this.length; i += 1) {
if (before.length === 1) {
before[0].parentNode.insertBefore(this[i], before[0]);
} else if (before.length > 1) {
for (let j = 0; j < before.length; j += 1) {
before[j].parentNode.insertBefore(this[i].cloneNode(true), before[j]);
}
}
}
}
function insertAfter(selector) {
const after = $(selector);
for (let i = 0; i < this.length; i += 1) {
if (after.length === 1) {
after[0].parentNode.insertBefore(this[i], after[0].nextSibling);
} else if (after.length > 1) {
for (let j = 0; j < after.length; j += 1) {
after[j].parentNode.insertBefore(this[i].cloneNode(true), after[j].nextSibling);
}
}
}
}
function next(selector) {
if (this.length > 0) {
if (selector) {
if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) {
return new Dom7([this[0].nextElementSibling]);
}
return new Dom7([]);
}
if (this[0].nextElementSibling) return new Dom7([this[0].nextElementSibling]);
return new Dom7([]);
}
return new Dom7([]);
}
function nextAll(selector) {
const nextEls = [];
let el = this[0];
if (!el) return new Dom7([]);
while (el.nextElementSibling) {
const next = el.nextElementSibling; // eslint-disable-line
if (selector) {
if ($(next).is(selector)) nextEls.push(next);
} else nextEls.push(next);
el = next;
}
return new Dom7(nextEls);
}
function prev(selector) {
if (this.length > 0) {
const el = this[0];
if (selector) {
if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) {
return new Dom7([el.previousElementSibling]);
}
return new Dom7([]);
}
if (el.previousElementSibling) return new Dom7([el.previousElementSibling]);
return new Dom7([]);
}
return new Dom7([]);
}
function prevAll(selector) {
const prevEls = [];
let el = this[0];
if (!el) return new Dom7([]);
while (el.previousElementSibling) {
const prev = el.previousElementSibling; // eslint-disable-line
if (selector) {
if ($(prev).is(selector)) prevEls.push(prev);
} else prevEls.push(prev);
el = prev;
}
return new Dom7(prevEls);
}
function siblings(selector) {
return this.nextAll(selector).add(this.prevAll(selector));
}
function dom7_modular_parent(selector) {
const parents = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
if (this[i].parentNode !== null) {
if (selector) {
if ($(this[i].parentNode).is(selector)) parents.push(this[i].parentNode);
} else {
parents.push(this[i].parentNode);
}
}
}
return $(unique(parents));
}
function parents(selector) {
const parents = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
let parent = this[i].parentNode; // eslint-disable-line
while (parent) {
if (selector) {
if ($(parent).is(selector)) parents.push(parent);
} else {
parents.push(parent);
}
parent = parent.parentNode;
}
}
return $(unique(parents));
}
function closest(selector) {
let closest = this; // eslint-disable-line
if (typeof selector === 'undefined') {
return new Dom7([]);
}
if (!closest.is(selector)) {
closest = closest.parents(selector).eq(0);
}
return closest;
}
function find(selector) {
const foundElements = [];
for (let i = 0; i < this.length; i += 1) {
const found = this[i].querySelectorAll(selector);
for (let j = 0; j < found.length; j += 1) {
foundElements.push(found[j]);
}
}
return new Dom7(foundElements);
}
function children(selector) {
const children = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
const childNodes = this[i].childNodes;
for (let j = 0; j < childNodes.length; j += 1) {
if (!selector) {
if (childNodes[j].nodeType === 1) children.push(childNodes[j]);
} else if (childNodes[j].nodeType === 1 && $(childNodes[j]).is(selector)) {
children.push(childNodes[j]);
}
}
}
return new Dom7(unique(children));
}
function remove() {
for (let i = 0; i < this.length; i += 1) {
if (this[i].parentNode) this[i].parentNode.removeChild(this[i]);
}
return this;
}
function detach() {
return this.remove();
}
function add(...args) {
const dom = this;
let i;
let j;
for (i = 0; i < args.length; i += 1) {
const toAdd = $(args[i]);
for (j = 0; j < toAdd.length; j += 1) {
dom[dom.length] = toAdd[j];
dom.length += 1;
}
}
return dom;
}
function empty() {
for (let i = 0; i < this.length; i += 1) {
const el = this[i];
if (el.nodeType === 1) {
for (let j = 0; j < el.childNodes.length; j += 1) {
if (el.childNodes[j].parentNode) {
el.childNodes[j].parentNode.removeChild(el.childNodes[j]);
}
}
el.textContent = '';
}
}
return this;
}
function scrollTo(...args) {
let [left, top, duration, easing, callback] = args;
if (args.length === 4 && typeof easing === 'function') {
callback = easing;
[left, top, duration, callback, easing] = args;
}
if (typeof easing === 'undefined') easing = 'swing';
return this.each(function animate() {
const el = this;
let currentTop;
let currentLeft;
let maxTop;
let maxLeft;
let newTop;
let newLeft;
let scrollTop; // eslint-disable-line
let scrollLeft; // eslint-disable-line
let animateTop = top > 0 || top === 0;
let animateLeft = left > 0 || left === 0;
if (typeof easing === 'undefined') {
easing = 'swing';
}
if (animateTop) {
currentTop = el.scrollTop;
if (!duration) {
el.scrollTop = top;
}
}
if (animateLeft) {
currentLeft = el.scrollLeft;
if (!duration) {
el.scrollLeft = left;
}
}
if (!duration) return;
if (animateTop) {
maxTop = el.scrollHeight - el.offsetHeight;
newTop = Math.max(Math.min(top, maxTop), 0);
}
if (animateLeft) {
maxLeft = el.scrollWidth - el.offsetWidth;
newLeft = Math.max(Math.min(left, maxLeft), 0);
}
let startTime = null;
if (animateTop && newTop === currentTop) animateTop = false;
if (animateLeft && newLeft === currentLeft) animateLeft = false;
function render(time = new Date().getTime()) {
if (startTime === null) {
startTime = time;
}
const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
const easeProgress = easing === 'linear' ? progress : (0.5 - (Math.cos(progress * Math.PI) / 2));
let done;
if (animateTop) scrollTop = currentTop + (easeProgress * (newTop - currentTop));
if (animateLeft) scrollLeft = currentLeft + (easeProgress * (newLeft - currentLeft));
if (animateTop && newTop > currentTop && scrollTop >= newTop) {
el.scrollTop = newTop;
done = true;
}
if (animateTop && newTop < currentTop && scrollTop <= newTop) {
el.scrollTop = newTop;
done = true;
}
if (animateLeft && newLeft > currentLeft && scrollLeft >= newLeft) {
el.scrollLeft = newLeft;
done = true;
}
if (animateLeft && newLeft < currentLeft && scrollLeft <= newLeft) {
el.scrollLeft = newLeft;
done = true;
}
if (done) {
if (callback) callback();
return;
}
if (animateTop) el.scrollTop = scrollTop;
if (animateLeft) el.scrollLeft = scrollLeft;
requestAnimationFrame(render);
}
requestAnimationFrame(render);
});
}
// scrollTop(top, duration, easing, callback) {
function scrollTop(...args) {
let [top, duration, easing, callback] = args;
if (args.length === 3 && typeof easing === 'function') {
[top, duration, callback, easing] = args;
}
const dom = this;
if (typeof top === 'undefined') {
if (dom.length > 0) return dom[0].scrollTop;
return null;
}
return dom.scrollTo(undefined, top, duration, easing, callback);
}
function scrollLeft(...args) {
let [left, duration, easing, callback] = args;
if (args.length === 3 && typeof easing === 'function') {
[left, duration, callback, easing] = args;
}
const dom = this;
if (typeof left === 'undefined') {
if (dom.length > 0) return dom[0].scrollLeft;
return null;
}
return dom.scrollTo(left, undefined, duration, easing, callback);
}
function animate(initialProps, initialParams) {
const els = this;
const a = {
props: Object.assign({}, initialProps),
params: Object.assign({
duration: 300,
easing: 'swing', // or 'linear'
/* Callbacks
begin(elements)
complete(elements)
progress(elements, complete, remaining, start, tweenValue)
*/
}, initialParams),
elements: els,
animating: false,
que: [],
easingProgress(easing, progress) {
if (easing === 'swing') {
return 0.5 - (Math.cos(progress * Math.PI) / 2);
}
if (typeof easing === 'function') {
return easing(progress);
}
return progress;
},
stop() {
if (a.frameId) {
cancelAnimationFrame(a.frameId);
}
a.animating = false;
a.elements.each((index, el) => {
const element = el;
delete element.dom7AnimateInstance;
});
a.que = [];
},
done(complete) {
a.animating = false;
a.elements.each((index, el) => {
const element = el;
delete element.dom7AnimateInstance;
});
if (complete) complete(els);
if (a.que.length > 0) {
const que = a.que.shift();
a.animate(que[0], que[1]);
}
},
animate(props, params) {
if (a.animating) {
a.que.push([props, params]);
return a;
}
const elements = [];
// Define & Cache Initials & Units
a.elements.each((index, el) => {
let initialFullValue;
let initialValue;
let unit;
let finalValue;
let finalFullValue;
if (!el.dom7AnimateInstance) a.elements[index].dom7AnimateInstance = a;
elements[index] = {
container: el,
};
Object.keys(props).forEach((prop) => {
initialFullValue = window.getComputedStyle(el, null).getPropertyValue(prop).replace(',', '.');
initialValue = parseFloat(initialFullValue);
unit = initialFullValue.replace(initialValue, '');
finalValue = parseFloat(props[prop]);
finalFullValue = props[prop] + unit;
elements[index][prop] = {
initialFullValue,
initialValue,
unit,
finalValue,
finalFullValue,
currentValue: initialValue,
};
});
});
let startTime = null;
let time;
let elementsDone = 0;
let propsDone = 0;
let done;
let began = false;
a.animating = true;
function render() {
time = new Date().getTime();
let progress;
let easeProgress;
// let el;
if (!began) {
began = true;
if (params.begin) params.begin(els);
}
if (startTime === null) {
startTime = time;
}
if (params.progress) {
// eslint-disable-next-line
params.progress(els, Math.max(Math.min((time - startTime) / params.duration, 1), 0), ((startTime + params.duration) - time < 0 ? 0 : (startTime + params.duration) - time), startTime);
}
elements.forEach((element) => {
const el = element;
if (done || el.done) return;
Object.keys(props).forEach((prop) => {
if (done || el.done) return;
progress = Math.max(Math.min((time - startTime) / params.duration, 1), 0);
easeProgress = a.easingProgress(params.easing, progress);
const { initialValue, finalValue, unit } = el[prop];
el[prop].currentValue = initialValue + (easeProgress * (finalValue - initialValue));
const currentValue = el[prop].currentValue;
if (
(finalValue > initialValue && currentValue >= finalValue) ||
(finalValue < initialValue && currentValue <= finalValue)) {
el.container.style[prop] = finalValue + unit;
propsDone += 1;
if (propsDone === Object.keys(props).length) {
el.done = true;
elementsDone += 1;
}
if (elementsDone === elements.length) {
done = true;
}
}
if (done) {
a.done(params.complete);
return;
}
el.container.style[prop] = currentValue + unit;
});
});
if (done) return;
// Then call
a.frameId = requestAnimationFrame(render);
}
a.frameId = requestAnimationFrame(render);
return a;
},
};
if (a.elements.length === 0) {
return els;
}
let animateInstance;
for (let i = 0; i < a.elements.length; i += 1) {
if (a.elements[i].dom7AnimateInstance) {
animateInstance = a.elements[i].dom7AnimateInstance;
} else a.elements[i].dom7AnimateInstance = a;
}
if (!animateInstance) {
animateInstance = a;
}
if (initialProps === 'stop') {
animateInstance.stop();
} else {
animateInstance.animate(a.props, a.params);
}
return els;
}
function stop() {
const els = this;
for (let i = 0; i < els.length; i += 1) {
if (els[i].dom7AnimateInstance) {
els[i].dom7AnimateInstance.stop();
}
}
}
const noTrigger = ('resize scroll').split(' ');
function eventShortcut(name, ...args) {
if (typeof args[0] === 'undefined') {
for (let i = 0; i < this.length; i += 1) {
if (noTrigger.indexOf(name) < 0) {
if (name in this[i]) this[i][name]();
else {
$(this[i]).trigger(name);
}
}
}
return this;
}
return this.on(name, ...args);
}
function click(...args) {
return eventShortcut.bind(this)('click', ...args);
}
function dom7_modular_blur(...args) {
return eventShortcut.bind(this)('blur', ...args);
}
function dom7_modular_focus(...args) {
return eventShortcut.bind(this)('focus', ...args);
}
function focusin(...args) {
return eventShortcut.bind(this)('focusin', ...args);
}
function focusout(...args) {
return eventShortcut.bind(this)('focusout', ...args);
}
function keyup(...args) {
return eventShortcut.bind(this)('keyup', ...args);
}
function keydown(...args) {
return eventShortcut.bind(this)('keydown', ...args);
}
function keypress(...args) {
return eventShortcut.bind(this)('keypress', ...args);
}
function dom7_modular_submit(...args) {
return eventShortcut.bind(this)('submit', ...args);
}
function change(...args) {
return eventShortcut.bind(this)('change', ...args);
}
function mousedown(...args) {
return eventShortcut.bind(this)('mousedown', ...args);
}
function mousemove(...args) {
return eventShortcut.bind(this)('mousemove', ...args);
}
function mouseup(...args) {
return eventShortcut.bind(this)('mouseup', ...args);
}
function mouseenter(...args) {
return eventShortcut.bind(this)('mouseenter', ...args);
}
function mouseleave(...args) {
return eventShortcut.bind(this)('mouseleave', ...args);
}
function mouseout(...args) {
return eventShortcut.bind(this)('mouseout', ...args);
}
function mouseover(...args) {
return eventShortcut.bind(this)('mouseover', ...args);
}
function touchstart(...args) {
return eventShortcut.bind(this)('touchstart', ...args);
}
function touchend(...args) {
return eventShortcut.bind(this)('touchend', ...args);
}
function touchmove(...args) {
return eventShortcut.bind(this)('touchmove', ...args);
}
function resize(...args) {
return eventShortcut.bind(this)('resize', ...args);
}
function dom7_modular_scroll(...args) {
return eventShortcut.bind(this)('scroll', ...args);
}
;// CONCATENATED MODULE: ./node_modules/swiper/js/swiper.esm.bundle.js
/**
* Swiper 5.4.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 16, 2020
*/
const Methods = {
addClass: addClass,
removeClass: removeClass,
hasClass: hasClass,
toggleClass: toggleClass,
attr: attr,
removeAttr: removeAttr,
data: data,
transform: transform,
transition: transition,
on: on,
off: off,
trigger: trigger,
transitionEnd: transitionEnd,
outerWidth: dom7_modular_outerWidth,
outerHeight: dom7_modular_outerHeight,
offset: offset,
css: css,
each: each,
html: html,
text: dom7_modular_text,
is: is,
index: index,
eq: eq,
append: append,
prepend: prepend,
next: next,
nextAll: nextAll,
prev: prev,
prevAll: prevAll,
parent: dom7_modular_parent,
parents: parents,
closest: closest,
find: find,
children: children,
filter: filter,
remove: remove,
add: add,
styles: styles,
};
Object.keys(Methods).forEach((methodName) => {
$.fn[methodName] = $.fn[methodName] || Methods[methodName];
});
const Utils = {
deleteProps(obj) {
const object = obj;
Object.keys(object).forEach((key) => {
try {
object[key] = null;
} catch (e) {
// no getter for object
}
try {
delete object[key];
} catch (e) {
// something got wrong
}
});
},
nextTick(callback, delay = 0) {
return setTimeout(callback, delay);
},
now() {
return Date.now();
},
getTranslate(el, axis = 'x') {
let matrix;
let curTransform;
let transformMatrix;
const curStyle = win.getComputedStyle(el, null);
if (win.WebKitCSSMatrix) {
curTransform = curStyle.transform || curStyle.webkitTransform;
if (curTransform.split(',').length > 6) {
curTransform = curTransform.split(', ').map((a) => a.replace(',', '.')).join(', ');
}
// Some old versions of Webkit choke when 'none' is passed; pass
// empty string instead in this case
transformMatrix = new win.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
} else {
transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
matrix = transformMatrix.toString().split(',');
}
if (axis === 'x') {
// Latest Chrome and webkits Fix
if (win.WebKitCSSMatrix) curTransform = transformMatrix.m41;
// Crazy IE10 Matrix
else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);
// Normal Browsers
else curTransform = parseFloat(matrix[4]);
}
if (axis === 'y') {
// Latest Chrome and webkits Fix
if (win.WebKitCSSMatrix) curTransform = transformMatrix.m42;
// Crazy IE10 Matrix
else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);
// Normal Browsers
else curTransform = parseFloat(matrix[5]);
}
return curTransform || 0;
},
parseUrlQuery(url) {
const query = {};
let urlToParse = url || win.location.href;
let i;
let params;
let param;
let length;
if (typeof urlToParse === 'string' && urlToParse.length) {
urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : '';
params = urlToParse.split('&').filter((paramsPart) => paramsPart !== '');
length = params.length;
for (i = 0; i < length; i += 1) {
param = params[i].replace(/#\S+/g, '').split('=');
query[decodeURIComponent(param[0])] = typeof param[1] === 'undefined' ? undefined : decodeURIComponent(param[1]) || '';
}
}
return query;
},
isObject(o) {
return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object;
},
extend(...args) {
const to = Object(args[0]);
for (let i = 1; i < args.length; i += 1) {
const nextSource = args[i];
if (nextSource !== undefined && nextSource !== null) {
const keysArray = Object.keys(Object(nextSource));
for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
const nextKey = keysArray[nextIndex];
const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
if (desc !== undefined && desc.enumerable) {
if (Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) {
Utils.extend(to[nextKey], nextSource[nextKey]);
} else if (!Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) {
to[nextKey] = {};
Utils.extend(to[nextKey], nextSource[nextKey]);
} else {
to[nextKey] = nextSource[nextKey];
}
}
}
}
}
return to;
},
};
const Support = (function Support() {
return {
touch: !!(("ontouchstart" in win) || (win.DocumentTouch && doc instanceof win.DocumentTouch)),
pointerEvents: !!win.PointerEvent && ("maxTouchPoints" in win.navigator) && win.navigator.maxTouchPoints >= 0,
observer: (function checkObserver() {
return ("MutationObserver" in win || "WebkitMutationObserver" in win);
}()),
passiveListener: (function checkPassiveListener() {
let supportsPassive = false;
try {
const opts = Object.defineProperty({}, 'passive', {
// eslint-disable-next-line
get() {
supportsPassive = true;
},
});
win.addEventListener('testPassiveListener', null, opts);
} catch (e) {
// No support
}
return supportsPassive;
}()),
gestures: (function checkGestures() {
return "ongesturestart" in win;
}()),
};
}());
class SwiperClass {
constructor(params = {}) {
const self = this;
self.params = params;
// Events
self.eventsListeners = {};
if (self.params && self.params.on) {
Object.keys(self.params.on).forEach((eventName) => {
self.on(eventName, self.params.on[eventName]);
});
}
}
on(events, handler, priority) {
const self = this;
if (typeof handler !== 'function') return self;
const method = priority ? 'unshift' : 'push';
events.split(' ').forEach((event) => {
if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
self.eventsListeners[event][method](handler);
});
return self;
}
once(events, handler, priority) {
const self = this;
if (typeof handler !== 'function') return self;
function onceHandler(...args) {
self.off(events, onceHandler);
if (onceHandler.f7proxy) {
delete onceHandler.f7proxy;
}
handler.apply(self, args);
}
onceHandler.f7proxy = handler;
return self.on(events, onceHandler, priority);
}
off(events, handler) {
const self = this;
if (!self.eventsListeners) return self;
events.split(' ').forEach((event) => {
if (typeof handler === 'undefined') {
self.eventsListeners[event] = [];
} else if (self.eventsListeners[event] && self.eventsListeners[event].length) {
self.eventsListeners[event].forEach((eventHandler, index) => {
if (eventHandler === handler || (eventHandler.f7proxy && eventHandler.f7proxy === handler)) {
self.eventsListeners[event].splice(index, 1);
}
});
}
});
return self;
}
emit(...args) {
const self = this;
if (!self.eventsListeners) return self;
let events;
let data;
let context;
if (typeof args[0] === 'string' || Array.isArray(args[0])) {
events = args[0];
data = args.slice(1, args.length);
context = self;
} else {
events = args[0].events;
data = args[0].data;
context = args[0].context || self;
}
const eventsArray = Array.isArray(events) ? events : events.split(' ');
eventsArray.forEach((event) => {
if (self.eventsListeners && self.eventsListeners[event]) {
const handlers = [];
self.eventsListeners[event].forEach((eventHandler) => {
handlers.push(eventHandler);
});
handlers.forEach((eventHandler) => {
eventHandler.apply(context, data);
});
}
});
return self;
}
useModulesParams(instanceParams) {
const instance = this;
if (!instance.modules) return;
Object.keys(instance.modules).forEach((moduleName) => {
const module = instance.modules[moduleName];
// Extend params
if (module.params) {
Utils.extend(instanceParams, module.params);
}
});
}
useModules(modulesParams = {}) {
const instance = this;
if (!instance.modules) return;
Object.keys(instance.modules).forEach((moduleName) => {
const module = instance.modules[moduleName];
const moduleParams = modulesParams[moduleName] || {};
// Extend instance methods and props
if (module.instance) {
Object.keys(module.instance).forEach((modulePropName) => {
const moduleProp = module.instance[modulePropName];
if (typeof moduleProp === 'function') {
instance[modulePropName] = moduleProp.bind(instance);
} else {
instance[modulePropName] = moduleProp;
}
});
}
// Add event listeners
if (module.on && instance.on) {
Object.keys(module.on).forEach((moduleEventName) => {
instance.on(moduleEventName, module.on[moduleEventName]);
});
}
// Module create callback
if (module.create) {
module.create.bind(instance)(moduleParams);
}
});
}
static set components(components) {
const Class = this;
if (!Class.use) return;
Class.use(components);
}
static installModule(module, ...params) {
const Class = this;
if (!Class.prototype.modules) Class.prototype.modules = {};
const name = module.name || (`${Object.keys(Class.prototype.modules).length}_${Utils.now()}`);
Class.prototype.modules[name] = module;
// Prototype
if (module.proto) {
Object.keys(module.proto).forEach((key) => {
Class.prototype[key] = module.proto[key];
});
}
// Class
if (module.static) {
Object.keys(module.static).forEach((key) => {
Class[key] = module.static[key];
});
}
// Callback
if (module.install) {
module.install.apply(Class, params);
}
return Class;
}
static use(module, ...params) {
const Class = this;
if (Array.isArray(module)) {
module.forEach((m) => Class.installModule(m));
return Class;
}
return Class.installModule(module, ...params);
}
}
function updateSize () {
const swiper = this;
let width;
let height;
const $el = swiper.$el;
if (typeof swiper.params.width !== 'undefined') {
width = swiper.params.width;
} else {
width = $el[0].clientWidth;
}
if (typeof swiper.params.height !== 'undefined') {
height = swiper.params.height;
} else {
height = $el[0].clientHeight;
}
if ((width === 0 && swiper.isHorizontal()) || (height === 0 && swiper.isVertical())) {
return;
}
// Subtract paddings
width = width - parseInt($el.css('padding-left'), 10) - parseInt($el.css('padding-right'), 10);
height = height - parseInt($el.css('padding-top'), 10) - parseInt($el.css('padding-bottom'), 10);
Utils.extend(swiper, {
width,
height,
size: swiper.isHorizontal() ? width : height,
});
}
function updateSlides () {
const swiper = this;
const params = swiper.params;
const {
$wrapperEl, size: swiperSize, rtlTranslate: rtl, wrongRTL,
} = swiper;
const isVirtual = swiper.virtual && params.virtual.enabled;
const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
let snapGrid = [];
const slidesGrid = [];
const slidesSizesGrid = [];
function slidesForMargin(slideIndex) {
if (!params.cssMode) return true;
if (slideIndex === slides.length - 1) {
return false;
}
return true;
}
let offsetBefore = params.slidesOffsetBefore;
if (typeof offsetBefore === 'function') {
offsetBefore = params.slidesOffsetBefore.call(swiper);
}
let offsetAfter = params.slidesOffsetAfter;
if (typeof offsetAfter === 'function') {
offsetAfter = params.slidesOffsetAfter.call(swiper);
}
const previousSnapGridLength = swiper.snapGrid.length;
const previousSlidesGridLength = swiper.snapGrid.length;
let spaceBetween = params.spaceBetween;
let slidePosition = -offsetBefore;
let prevSlideSize = 0;
let index = 0;
if (typeof swiperSize === 'undefined') {
return;
}
if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize;
}
swiper.virtualSize = -spaceBetween;
// reset margins
if (rtl) slides.css({ marginLeft: '', marginTop: '' });
else slides.css({ marginRight: '', marginBottom: '' });
let slidesNumberEvenToRows;
if (params.slidesPerColumn > 1) {
if (Math.floor(slidesLength / params.slidesPerColumn) === slidesLength / swiper.params.slidesPerColumn) {
slidesNumberEvenToRows = slidesLength;
} else {
slidesNumberEvenToRows = Math.ceil(slidesLength / params.slidesPerColumn) * params.slidesPerColumn;
}
if (params.slidesPerView !== 'auto' && params.slidesPerColumnFill === 'row') {
slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, params.slidesPerView * params.slidesPerColumn);
}
}
// Calc slides
let slideSize;
const slidesPerColumn = params.slidesPerColumn;
const slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
const numFullColumns = Math.floor(slidesLength / params.slidesPerColumn);
for (let i = 0; i < slidesLength; i += 1) {
slideSize = 0;
const slide = slides.eq(i);
if (params.slidesPerColumn > 1) {
// Set slides order
let newSlideOrderIndex;
let column;
let row;
if (params.slidesPerColumnFill === 'row' && params.slidesPerGroup > 1) {
const groupIndex = Math.floor(i / (params.slidesPerGroup * params.slidesPerColumn));
const slideIndexInGroup = i - params.slidesPerColumn * params.slidesPerGroup * groupIndex;
const columnsInGroup = groupIndex === 0
? params.slidesPerGroup
: Math.min(Math.ceil((slidesLength - groupIndex * slidesPerColumn * params.slidesPerGroup) / slidesPerColumn), params.slidesPerGroup);
row = Math.floor(slideIndexInGroup / columnsInGroup);
column = (slideIndexInGroup - row * columnsInGroup) + groupIndex * params.slidesPerGroup;
newSlideOrderIndex = column + ((row * slidesNumberEvenToRows) / slidesPerColumn);
slide
.css({
'-webkit-box-ordinal-group': newSlideOrderIndex,
'-moz-box-ordinal-group': newSlideOrderIndex,
'-ms-flex-order': newSlideOrderIndex,
'-webkit-order': newSlideOrderIndex,
order: newSlideOrderIndex,
});
} else if (params.slidesPerColumnFill === 'column') {
column = Math.floor(i / slidesPerColumn);
row = i - (column * slidesPerColumn);
if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn - 1)) {
row += 1;
if (row >= slidesPerColumn) {
row = 0;
column += 1;
}
}
} else {
row = Math.floor(i / slidesPerRow);
column = i - (row * slidesPerRow);
}
slide.css(
`margin-${swiper.isHorizontal() ? 'top' : 'left'}`,
(row !== 0 && params.spaceBetween) && (`${params.spaceBetween}px`)
);
}
if (slide.css('display') === 'none') continue; // eslint-disable-line
if (params.slidesPerView === 'auto') {
const slideStyles = win.getComputedStyle(slide[0], null);
const currentTransform = slide[0].style.transform;
const currentWebKitTransform = slide[0].style.webkitTransform;
if (currentTransform) {
slide[0].style.transform = 'none';
}
if (currentWebKitTransform) {
slide[0].style.webkitTransform = 'none';
}
if (params.roundLengths) {
slideSize = swiper.isHorizontal()
? slide.outerWidth(true)
: slide.outerHeight(true);
} else {
// eslint-disable-next-line
if (swiper.isHorizontal()) {
const width = parseFloat(slideStyles.getPropertyValue('width'));
const paddingLeft = parseFloat(slideStyles.getPropertyValue('padding-left'));
const paddingRight = parseFloat(slideStyles.getPropertyValue('padding-right'));
const marginLeft = parseFloat(slideStyles.getPropertyValue('margin-left'));
const marginRight = parseFloat(slideStyles.getPropertyValue('margin-right'));
const boxSizing = slideStyles.getPropertyValue('box-sizing');
if (boxSizing && boxSizing === 'border-box') {
slideSize = width + marginLeft + marginRight;
} else {
slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight;
}
} else {
const height = parseFloat(slideStyles.getPropertyValue('height'));
const paddingTop = parseFloat(slideStyles.getPropertyValue('padding-top'));
const paddingBottom = parseFloat(slideStyles.getPropertyValue('padding-bottom'));
const marginTop = parseFloat(slideStyles.getPropertyValue('margin-top'));
const marginBottom = parseFloat(slideStyles.getPropertyValue('margin-bottom'));
const boxSizing = slideStyles.getPropertyValue('box-sizing');
if (boxSizing && boxSizing === 'border-box') {
slideSize = height + marginTop + marginBottom;
} else {
slideSize = height + paddingTop + paddingBottom + marginTop + marginBottom;
}
}
}
if (currentTransform) {
slide[0].style.transform = currentTransform;
}
if (currentWebKitTransform) {
slide[0].style.webkitTransform = currentWebKitTransform;
}
if (params.roundLengths) slideSize = Math.floor(slideSize);
} else {
slideSize = (swiperSize - ((params.slidesPerView - 1) * spaceBetween)) / params.slidesPerView;
if (params.roundLengths) slideSize = Math.floor(slideSize);
if (slides[i]) {
if (swiper.isHorizontal()) {
slides[i].style.width = `${slideSize}px`;
} else {
slides[i].style.height = `${slideSize}px`;
}
}
}
if (slides[i]) {
slides[i].swiperSlideSize = slideSize;
}
slidesSizesGrid.push(slideSize);
if (params.centeredSlides) {
slidePosition = slidePosition + (slideSize / 2) + (prevSlideSize / 2) + spaceBetween;
if (prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - (swiperSize / 2) - spaceBetween;
if (i === 0) slidePosition = slidePosition - (swiperSize / 2) - spaceBetween;
if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
if (params.roundLengths) slidePosition = Math.floor(slidePosition);
if ((index) % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
slidesGrid.push(slidePosition);
} else {
if (params.roundLengths) slidePosition = Math.floor(slidePosition);
if ((index - Math.min(swiper.params.slidesPerGroupSkip, index)) % swiper.params.slidesPerGroup === 0) snapGrid.push(slidePosition);
slidesGrid.push(slidePosition);
slidePosition = slidePosition + slideSize + spaceBetween;
}
swiper.virtualSize += slideSize + spaceBetween;
prevSlideSize = slideSize;
index += 1;
}
swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
let newSlidesGrid;
if (
rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {
$wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
}
if (params.setWrapperSize) {
if (swiper.isHorizontal()) $wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
else $wrapperEl.css({ height: `${swiper.virtualSize + params.spaceBetween}px` });
}
if (params.slidesPerColumn > 1) {
swiper.virtualSize = (slideSize + params.spaceBetween) * slidesNumberEvenToRows;
swiper.virtualSize = Math.ceil(swiper.virtualSize / params.slidesPerColumn) - params.spaceBetween;
if (swiper.isHorizontal()) $wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
else $wrapperEl.css({ height: `${swiper.virtualSize + params.spaceBetween}px` });
if (params.centeredSlides) {
newSlidesGrid = [];
for (let i = 0; i < snapGrid.length; i += 1) {
let slidesGridItem = snapGrid[i];
if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
if (snapGrid[i] < swiper.virtualSize + snapGrid[0]) newSlidesGrid.push(slidesGridItem);
}
snapGrid = newSlidesGrid;
}
}
// Remove last grid elements depending on width
if (!params.centeredSlides) {
newSlidesGrid = [];
for (let i = 0; i < snapGrid.length; i += 1) {
let slidesGridItem = snapGrid[i];
if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
newSlidesGrid.push(slidesGridItem);
}
}
snapGrid = newSlidesGrid;
if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {
snapGrid.push(swiper.virtualSize - swiperSize);
}
}
if (snapGrid.length === 0) snapGrid = [0];
if (params.spaceBetween !== 0) {
if (swiper.isHorizontal()) {
if (rtl) slides.filter(slidesForMargin).css({ marginLeft: `${spaceBetween}px` });
else slides.filter(slidesForMargin).css({ marginRight: `${spaceBetween}px` });
} else slides.filter(slidesForMargin).css({ marginBottom: `${spaceBetween}px` });
}
if (params.centeredSlides && params.centeredSlidesBounds) {
let allSlidesSize = 0;
slidesSizesGrid.forEach((slideSizeValue) => {
allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
});
allSlidesSize -= params.spaceBetween;
const maxSnap = allSlidesSize - swiperSize;
snapGrid = snapGrid.map((snap) => {
if (snap < 0) return -offsetBefore;
if (snap > maxSnap) return maxSnap + offsetAfter;
return snap;
});
}
if (params.centerInsufficientSlides) {
let allSlidesSize = 0;
slidesSizesGrid.forEach((slideSizeValue) => {
allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
});
allSlidesSize -= params.spaceBetween;
if (allSlidesSize < swiperSize) {
const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
snapGrid.forEach((snap, snapIndex) => {
snapGrid[snapIndex] = snap - allSlidesOffset;
});
slidesGrid.forEach((snap, snapIndex) => {
slidesGrid[snapIndex] = snap + allSlidesOffset;
});
}
}
Utils.extend(swiper, {
slides,
snapGrid,
slidesGrid,
slidesSizesGrid,
});
if (slidesLength !== previousSlidesLength) {
swiper.emit('slidesLengthChange');
}
if (snapGrid.length !== previousSnapGridLength) {
if (swiper.params.watchOverflow) swiper.checkOverflow();
swiper.emit('snapGridLengthChange');
}
if (slidesGrid.length !== previousSlidesGridLength) {
swiper.emit('slidesGridLengthChange');
}
if (params.watchSlidesProgress || params.watchSlidesVisibility) {
swiper.updateSlidesOffset();
}
}
function updateAutoHeight (speed) {
const swiper = this;
const activeSlides = [];
let newHeight = 0;
let i;
if (typeof speed === 'number') {
swiper.setTransition(speed);
} else if (speed === true) {
swiper.setTransition(swiper.params.speed);
}
// Find slides currently in view
if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
if (swiper.params.centeredSlides) {
swiper.visibleSlides.each((index, slide) => {
activeSlides.push(slide);
});
} else {
for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
const index = swiper.activeIndex + i;
if (index > swiper.slides.length) break;
activeSlides.push(swiper.slides.eq(index)[0]);
}
}
} else {
activeSlides.push(swiper.slides.eq(swiper.activeIndex)[0]);
}
// Find new height from highest slide in view
for (i = 0; i < activeSlides.length; i += 1) {
if (typeof activeSlides[i] !== 'undefined') {
const height = activeSlides[i].offsetHeight;
newHeight = height > newHeight ? height : newHeight;
}
}
// Update Height
if (newHeight) swiper.$wrapperEl.css('height', `${newHeight}px`);
}
function updateSlidesOffset () {
const swiper = this;
const slides = swiper.slides;
for (let i = 0; i < slides.length; i += 1) {
slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop;
}
}
function updateSlidesProgress (translate = (this && this.translate) || 0) {
const swiper = this;
const params = swiper.params;
const { slides, rtlTranslate: rtl } = swiper;
if (slides.length === 0) return;
if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();
let offsetCenter = -translate;
if (rtl) offsetCenter = translate;
// Visible Slides
slides.removeClass(params.slideVisibleClass);
swiper.visibleSlidesIndexes = [];
swiper.visibleSlides = [];
for (let i = 0; i < slides.length; i += 1) {
const slide = slides[i];
const slideProgress = (
(offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0)) - slide.swiperSlideOffset
) / (slide.swiperSlideSize + params.spaceBetween);
if (params.watchSlidesVisibility || (params.centeredSlides && params.autoHeight)) {
const slideBefore = -(offsetCenter - slide.swiperSlideOffset);
const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
const isVisible = (slideBefore >= 0 && slideBefore < swiper.size - 1)
|| (slideAfter > 1 && slideAfter <= swiper.size)
|| (slideBefore <= 0 && slideAfter >= swiper.size);
if (isVisible) {
swiper.visibleSlides.push(slide);
swiper.visibleSlidesIndexes.push(i);
slides.eq(i).addClass(params.slideVisibleClass);
}
}
slide.progress = rtl ? -slideProgress : slideProgress;
}
swiper.visibleSlides = $(swiper.visibleSlides);
}
function updateProgress (translate) {
const swiper = this;
if (typeof translate === 'undefined') {
const multiplier = swiper.rtlTranslate ? -1 : 1;
// eslint-disable-next-line
translate = (swiper && swiper.translate && (swiper.translate * multiplier)) || 0;
}
const params = swiper.params;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
let { progress, isBeginning, isEnd } = swiper;
const wasBeginning = isBeginning;
const wasEnd = isEnd;
if (translatesDiff === 0) {
progress = 0;
isBeginning = true;
isEnd = true;
} else {
progress = (translate - swiper.minTranslate()) / (translatesDiff);
isBeginning = progress <= 0;
isEnd = progress >= 1;
}
Utils.extend(swiper, {
progress,
isBeginning,
isEnd,
});
if (params.watchSlidesProgress || params.watchSlidesVisibility || (params.centeredSlides && params.autoHeight)) swiper.updateSlidesProgress(translate);
if (isBeginning && !wasBeginning) {
swiper.emit('reachBeginning toEdge');
}
if (isEnd && !wasEnd) {
swiper.emit('reachEnd toEdge');
}
if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
swiper.emit('fromEdge');
}
swiper.emit('progress', progress);
}
function updateSlidesClasses () {
const swiper = this;
const {
slides, params, $wrapperEl, activeIndex, realIndex,
} = swiper;
const isVirtual = swiper.virtual && params.virtual.enabled;
slides.removeClass(`${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`);
let activeSlide;
if (isVirtual) {
activeSlide = swiper.$wrapperEl.find(`.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`);
} else {
activeSlide = slides.eq(activeIndex);
}
// Active classes
activeSlide.addClass(params.slideActiveClass);
if (params.loop) {
// Duplicate to all looped slides
if (activeSlide.hasClass(params.slideDuplicateClass)) {
$wrapperEl
.children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`)
.addClass(params.slideDuplicateActiveClass);
} else {
$wrapperEl
.children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`)
.addClass(params.slideDuplicateActiveClass);
}
}
// Next Slide
let nextSlide = activeSlide.nextAll(`.${params.slideClass}`).eq(0).addClass(params.slideNextClass);
if (params.loop && nextSlide.length === 0) {
nextSlide = slides.eq(0);
nextSlide.addClass(params.slideNextClass);
}
// Prev Slide
let prevSlide = activeSlide.prevAll(`.${params.slideClass}`).eq(0).addClass(params.slidePrevClass);
if (params.loop && prevSlide.length === 0) {
prevSlide = slides.eq(-1);
prevSlide.addClass(params.slidePrevClass);
}
if (params.loop) {
// Duplicate to all looped slides
if (nextSlide.hasClass(params.slideDuplicateClass)) {
$wrapperEl
.children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${nextSlide.attr('data-swiper-slide-index')}"]`)
.addClass(params.slideDuplicateNextClass);
} else {
$wrapperEl
.children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${nextSlide.attr('data-swiper-slide-index')}"]`)
.addClass(params.slideDuplicateNextClass);
}
if (prevSlide.hasClass(params.slideDuplicateClass)) {
$wrapperEl
.children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${prevSlide.attr('data-swiper-slide-index')}"]`)
.addClass(params.slideDuplicatePrevClass);
} else {
$wrapperEl
.children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${prevSlide.attr('data-swiper-slide-index')}"]`)
.addClass(params.slideDuplicatePrevClass);
}
}
}
function updateActiveIndex (newActiveIndex) {
const swiper = this;
const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
const {
slidesGrid, snapGrid, params, activeIndex: previousIndex, realIndex: previousRealIndex, snapIndex: previousSnapIndex,
} = swiper;
let activeIndex = newActiveIndex;
let snapIndex;
if (typeof activeIndex === 'undefined') {
for (let i = 0; i < slidesGrid.length; i += 1) {
if (typeof slidesGrid[i + 1] !== 'undefined') {
if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - ((slidesGrid[i + 1] - slidesGrid[i]) / 2)) {
activeIndex = i;
} else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {
activeIndex = i + 1;
}
} else if (translate >= slidesGrid[i]) {
activeIndex = i;
}
}
// Normalize slideIndex
if (params.normalizeSlideIndex) {
if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;
}
}
if (snapGrid.indexOf(translate) >= 0) {
snapIndex = snapGrid.indexOf(translate);
} else {
const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
}
if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
if (activeIndex === previousIndex) {
if (snapIndex !== previousSnapIndex) {
swiper.snapIndex = snapIndex;
swiper.emit('snapIndexChange');
}
return;
}
// Get real index
const realIndex = parseInt(swiper.slides.eq(activeIndex).attr('data-swiper-slide-index') || activeIndex, 10);
Utils.extend(swiper, {
snapIndex,
realIndex,
previousIndex,
activeIndex,
});
swiper.emit('activeIndexChange');
swiper.emit('snapIndexChange');
if (previousRealIndex !== realIndex) {
swiper.emit('realIndexChange');
}
if (swiper.initialized || swiper.params.runCallbacksOnInit) {
swiper.emit('slideChange');
}
}
function updateClickedSlide (e) {
const swiper = this;
const params = swiper.params;
const slide = $(e.target).closest(`.${params.slideClass}`)[0];
let slideFound = false;
if (slide) {
for (let i = 0; i < swiper.slides.length; i += 1) {
if (swiper.slides[i] === slide) slideFound = true;
}
}
if (slide && slideFound) {
swiper.clickedSlide = slide;
if (swiper.virtual && swiper.params.virtual.enabled) {
swiper.clickedIndex = parseInt($(slide).attr('data-swiper-slide-index'), 10);
} else {
swiper.clickedIndex = $(slide).index();
}
} else {
swiper.clickedSlide = undefined;
swiper.clickedIndex = undefined;
return;
}
if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {
swiper.slideToClickedSlide();
}
}
var update = {
updateSize,
updateSlides,
updateAutoHeight,
updateSlidesOffset,
updateSlidesProgress,
updateProgress,
updateSlidesClasses,
updateActiveIndex,
updateClickedSlide,
};
function getTranslate (axis = this.isHorizontal() ? 'x' : 'y') {
const swiper = this;
const {
params, rtlTranslate: rtl, translate, $wrapperEl,
} = swiper;
if (params.virtualTranslate) {
return rtl ? -translate : translate;
}
if (params.cssMode) {
return translate;
}
let currentTranslate = Utils.getTranslate($wrapperEl[0], axis);
if (rtl) currentTranslate = -currentTranslate;
return currentTranslate || 0;
}
function setTranslate (translate, byController) {
const swiper = this;
const {
rtlTranslate: rtl, params, $wrapperEl, wrapperEl, progress,
} = swiper;
let x = 0;
let y = 0;
const z = 0;
if (swiper.isHorizontal()) {
x = rtl ? -translate : translate;
} else {
y = translate;
}
if (params.roundLengths) {
x = Math.floor(x);
y = Math.floor(y);
}
if (params.cssMode) {
wrapperEl[swiper.isHorizontal() ? 'scrollLeft' : 'scrollTop'] = swiper.isHorizontal() ? -x : -y;
} else if (!params.virtualTranslate) {
$wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
}
swiper.previousTranslate = swiper.translate;
swiper.translate = swiper.isHorizontal() ? x : y;
// Check if we need to update progress
let newProgress;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
if (translatesDiff === 0) {
newProgress = 0;
} else {
newProgress = (translate - swiper.minTranslate()) / (translatesDiff);
}
if (newProgress !== progress) {
swiper.updateProgress(translate);
}
swiper.emit('setTranslate', swiper.translate, byController);
}
function minTranslate () {
return (-this.snapGrid[0]);
}
function maxTranslate () {
return (-this.snapGrid[this.snapGrid.length - 1]);
}
function translateTo (translate = 0, speed = this.params.speed, runCallbacks = true, translateBounds = true, internal) {
const swiper = this;
const {
params,
wrapperEl,
} = swiper;
if (swiper.animating && params.preventInteractionOnTransition) {
return false;
}
const minTranslate = swiper.minTranslate();
const maxTranslate = swiper.maxTranslate();
let newTranslate;
if (translateBounds && translate > minTranslate) newTranslate = minTranslate;
else if (translateBounds && translate < maxTranslate) newTranslate = maxTranslate;
else newTranslate = translate;
// Update progress
swiper.updateProgress(newTranslate);
if (params.cssMode) {
const isH = swiper.isHorizontal();
if (speed === 0) {
wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;
} else {
// eslint-disable-next-line
if (wrapperEl.scrollTo) {
wrapperEl.scrollTo({
[isH ? 'left' : 'top']: -newTranslate,
behavior: 'smooth',
});
} else {
wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;
}
}
return true;
}
if (speed === 0) {
swiper.setTransition(0);
swiper.setTranslate(newTranslate);
if (runCallbacks) {
swiper.emit('beforeTransitionStart', speed, internal);
swiper.emit('transitionEnd');
}
} else {
swiper.setTransition(speed);
swiper.setTranslate(newTranslate);
if (runCallbacks) {
swiper.emit('beforeTransitionStart', speed, internal);
swiper.emit('transitionStart');
}
if (!swiper.animating) {
swiper.animating = true;
if (!swiper.onTranslateToWrapperTransitionEnd) {
swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
if (!swiper || swiper.destroyed) return;
if (e.target !== this) return;
swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);
swiper.onTranslateToWrapperTransitionEnd = null;
delete swiper.onTranslateToWrapperTransitionEnd;
if (runCallbacks) {
swiper.emit('transitionEnd');
}
};
}
swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);
}
}
return true;
}
var translate = {
getTranslate,
setTranslate,
minTranslate,
maxTranslate,
translateTo,
};
function setTransition (duration, byController) {
const swiper = this;
if (!swiper.params.cssMode) {
swiper.$wrapperEl.transition(duration);
}
swiper.emit('setTransition', duration, byController);
}
function transitionStart (runCallbacks = true, direction) {
const swiper = this;
const { activeIndex, params, previousIndex } = swiper;
if (params.cssMode) return;
if (params.autoHeight) {
swiper.updateAutoHeight();
}
let dir = direction;
if (!dir) {
if (activeIndex > previousIndex) dir = 'next';
else if (activeIndex < previousIndex) dir = 'prev';
else dir = 'reset';
}
swiper.emit('transitionStart');
if (runCallbacks && activeIndex !== previousIndex) {
if (dir === 'reset') {
swiper.emit('slideResetTransitionStart');
return;
}
swiper.emit('slideChangeTransitionStart');
if (dir === 'next') {
swiper.emit('slideNextTransitionStart');
} else {
swiper.emit('slidePrevTransitionStart');
}
}
}
function swiper_esm_bundle_transitionEnd (runCallbacks = true, direction) {
const swiper = this;
const { activeIndex, previousIndex, params } = swiper;
swiper.animating = false;
if (params.cssMode) return;
swiper.setTransition(0);
let dir = direction;
if (!dir) {
if (activeIndex > previousIndex) dir = 'next';
else if (activeIndex < previousIndex) dir = 'prev';
else dir = 'reset';
}
swiper.emit('transitionEnd');
if (runCallbacks && activeIndex !== previousIndex) {
if (dir === 'reset') {
swiper.emit('slideResetTransitionEnd');
return;
}
swiper.emit('slideChangeTransitionEnd');
if (dir === 'next') {
swiper.emit('slideNextTransitionEnd');
} else {
swiper.emit('slidePrevTransitionEnd');
}
}
}
var swiper_esm_bundle_transition = {
setTransition,
transitionStart,
transitionEnd: swiper_esm_bundle_transitionEnd,
};
function slideTo (index = 0, speed = this.params.speed, runCallbacks = true, internal) {
const swiper = this;
let slideIndex = index;
if (slideIndex < 0) slideIndex = 0;
const {
params, snapGrid, slidesGrid, previousIndex, activeIndex, rtlTranslate: rtl, wrapperEl,
} = swiper;
if (swiper.animating && params.preventInteractionOnTransition) {
return false;
}
const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
if ((activeIndex || params.initialSlide || 0) === (previousIndex || 0) && runCallbacks) {
swiper.emit('beforeSlideChangeStart');
}
const translate = -snapGrid[snapIndex];
// Update progress
swiper.updateProgress(translate);
// Normalize slideIndex
if (params.normalizeSlideIndex) {
for (let i = 0; i < slidesGrid.length; i += 1) {
if (-Math.floor(translate * 100) >= Math.floor(slidesGrid[i] * 100)) {
slideIndex = i;
}
}
}
// Directions locks
if (swiper.initialized && slideIndex !== activeIndex) {
if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) {
return false;
}
if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {
if ((activeIndex || 0) !== slideIndex) return false;
}
}
let direction;
if (slideIndex > activeIndex) direction = 'next';
else if (slideIndex < activeIndex) direction = 'prev';
else direction = 'reset';
// Update Index
if ((rtl && -translate === swiper.translate) || (!rtl && translate === swiper.translate)) {
swiper.updateActiveIndex(slideIndex);
// Update Height
if (params.autoHeight) {
swiper.updateAutoHeight();
}
swiper.updateSlidesClasses();
if (params.effect !== 'slide') {
swiper.setTranslate(translate);
}
if (direction !== 'reset') {
swiper.transitionStart(runCallbacks, direction);
swiper.transitionEnd(runCallbacks, direction);
}
return false;
}
if (params.cssMode) {
const isH = swiper.isHorizontal();
let t = -translate;
if (rtl) {
t = wrapperEl.scrollWidth - wrapperEl.offsetWidth - t;
}
if (speed === 0) {
wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
} else {
// eslint-disable-next-line
if (wrapperEl.scrollTo) {
wrapperEl.scrollTo({
[isH ? 'left' : 'top']: t,
behavior: 'smooth',
});
} else {
wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
}
}
return true;
}
if (speed === 0) {
swiper.setTransition(0);
swiper.setTranslate(translate);
swiper.updateActiveIndex(slideIndex);
swiper.updateSlidesClasses();
swiper.emit('beforeTransitionStart', speed, internal);
swiper.transitionStart(runCallbacks, direction);
swiper.transitionEnd(runCallbacks, direction);
} else {
swiper.setTransition(speed);
swiper.setTranslate(translate);
swiper.updateActiveIndex(slideIndex);
swiper.updateSlidesClasses();
swiper.emit('beforeTransitionStart', speed, internal);
swiper.transitionStart(runCallbacks, direction);
if (!swiper.animating) {
swiper.animating = true;
if (!swiper.onSlideToWrapperTransitionEnd) {
swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
if (!swiper || swiper.destroyed) return;
if (e.target !== this) return;
swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
swiper.onSlideToWrapperTransitionEnd = null;
delete swiper.onSlideToWrapperTransitionEnd;
swiper.transitionEnd(runCallbacks, direction);
};
}
swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
}
}
return true;
}
function slideToLoop (index = 0, speed = this.params.speed, runCallbacks = true, internal) {
const swiper = this;
let newIndex = index;
if (swiper.params.loop) {
newIndex += swiper.loopedSlides;
}
return swiper.slideTo(newIndex, speed, runCallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slideNext (speed = this.params.speed, runCallbacks = true, internal) {
const swiper = this;
const { params, animating } = swiper;
const increment = swiper.activeIndex < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup;
if (params.loop) {
if (animating) return false;
swiper.loopFix();
// eslint-disable-next-line
swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
}
return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slidePrev (speed = this.params.speed, runCallbacks = true, internal) {
const swiper = this;
const {
params, animating, snapGrid, slidesGrid, rtlTranslate,
} = swiper;
if (params.loop) {
if (animating) return false;
swiper.loopFix();
// eslint-disable-next-line
swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
}
const translate = rtlTranslate ? swiper.translate : -swiper.translate;
function normalize(val) {
if (val < 0) return -Math.floor(Math.abs(val));
return Math.floor(val);
}
const normalizedTranslate = normalize(translate);
const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
const normalizedSlidesGrid = slidesGrid.map((val) => normalize(val));
const currentSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate)];
let prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
if (typeof prevSnap === 'undefined' && params.cssMode) {
snapGrid.forEach((snap) => {
if (!prevSnap && normalizedTranslate >= snap) prevSnap = snap;
});
}
let prevIndex;
if (typeof prevSnap !== 'undefined') {
prevIndex = slidesGrid.indexOf(prevSnap);
if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
}
return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slideReset (speed = this.params.speed, runCallbacks = true, internal) {
const swiper = this;
return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slideToClosest (speed = this.params.speed, runCallbacks = true, internal, threshold = 0.5) {
const swiper = this;
let index = swiper.activeIndex;
const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
if (translate >= swiper.snapGrid[snapIndex]) {
// The current translate is on or after the current snap index, so the choice
// is between the current index and the one after it.
const currentSnap = swiper.snapGrid[snapIndex];
const nextSnap = swiper.snapGrid[snapIndex + 1];
if ((translate - currentSnap) > (nextSnap - currentSnap) * threshold) {
index += swiper.params.slidesPerGroup;
}
} else {
// The current translate is before the current snap index, so the choice
// is between the current index and the one before it.
const prevSnap = swiper.snapGrid[snapIndex - 1];
const currentSnap = swiper.snapGrid[snapIndex];
if ((translate - prevSnap) <= (currentSnap - prevSnap) * threshold) {
index -= swiper.params.slidesPerGroup;
}
}
index = Math.max(index, 0);
index = Math.min(index, swiper.slidesGrid.length - 1);
return swiper.slideTo(index, speed, runCallbacks, internal);
}
function slideToClickedSlide () {
const swiper = this;
const { params, $wrapperEl } = swiper;
const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;
let slideToIndex = swiper.clickedIndex;
let realIndex;
if (params.loop) {
if (swiper.animating) return;
realIndex = parseInt($(swiper.clickedSlide).attr('data-swiper-slide-index'), 10);
if (params.centeredSlides) {
if (
(slideToIndex < swiper.loopedSlides - (slidesPerView / 2))
|| (slideToIndex > (swiper.slides.length - swiper.loopedSlides) + (slidesPerView / 2))
) {
swiper.loopFix();
slideToIndex = $wrapperEl
.children(`.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`)
.eq(0)
.index();
Utils.nextTick(() => {
swiper.slideTo(slideToIndex);
});
} else {
swiper.slideTo(slideToIndex);
}
} else if (slideToIndex > swiper.slides.length - slidesPerView) {
swiper.loopFix();
slideToIndex = $wrapperEl
.children(`.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`)
.eq(0)
.index();
Utils.nextTick(() => {
swiper.slideTo(slideToIndex);
});
} else {
swiper.slideTo(slideToIndex);
}
} else {
swiper.slideTo(slideToIndex);
}
}
var slide = {
slideTo,
slideToLoop,
slideNext,
slidePrev,
slideReset,
slideToClosest,
slideToClickedSlide,
};
function loopCreate () {
const swiper = this;
const { params, $wrapperEl } = swiper;
// Remove duplicated slides
$wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass}`).remove();
let slides = $wrapperEl.children(`.${params.slideClass}`);
if (params.loopFillGroupWithBlank) {
const blankSlidesNum = params.slidesPerGroup - (slides.length % params.slidesPerGroup);
if (blankSlidesNum !== params.slidesPerGroup) {
for (let i = 0; i < blankSlidesNum; i += 1) {
const blankNode = $(doc.createElement('div')).addClass(`${params.slideClass} ${params.slideBlankClass}`);
$wrapperEl.append(blankNode);
}
slides = $wrapperEl.children(`.${params.slideClass}`);
}
}
if (params.slidesPerView === 'auto' && !params.loopedSlides) params.loopedSlides = slides.length;
swiper.loopedSlides = Math.ceil(parseFloat(params.loopedSlides || params.slidesPerView, 10));
swiper.loopedSlides += params.loopAdditionalSlides;
if (swiper.loopedSlides > slides.length) {
swiper.loopedSlides = slides.length;
}
const prependSlides = [];
const appendSlides = [];
slides.each((index, el) => {
const slide = $(el);
if (index < swiper.loopedSlides) appendSlides.push(el);
if (index < slides.length && index >= slides.length - swiper.loopedSlides) prependSlides.push(el);
slide.attr('data-swiper-slide-index', index);
});
for (let i = 0; i < appendSlides.length; i += 1) {
$wrapperEl.append($(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
}
for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
$wrapperEl.prepend($(prependSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
}
}
function loopFix () {
const swiper = this;
swiper.emit('beforeLoopFix');
const {
activeIndex, slides, loopedSlides, allowSlidePrev, allowSlideNext, snapGrid, rtlTranslate: rtl,
} = swiper;
let newIndex;
swiper.allowSlidePrev = true;
swiper.allowSlideNext = true;
const snapTranslate = -snapGrid[activeIndex];
const diff = snapTranslate - swiper.getTranslate();
// Fix For Negative Oversliding
if (activeIndex < loopedSlides) {
newIndex = (slides.length - (loopedSlides * 3)) + activeIndex;
newIndex += loopedSlides;
const slideChanged = swiper.slideTo(newIndex, 0, false, true);
if (slideChanged && diff !== 0) {
swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
}
} else if (activeIndex >= slides.length - loopedSlides) {
// Fix For Positive Oversliding
newIndex = -slides.length + activeIndex + loopedSlides;
newIndex += loopedSlides;
const slideChanged = swiper.slideTo(newIndex, 0, false, true);
if (slideChanged && diff !== 0) {
swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
}
}
swiper.allowSlidePrev = allowSlidePrev;
swiper.allowSlideNext = allowSlideNext;
swiper.emit('loopFix');
}
function loopDestroy () {
const swiper = this;
const { $wrapperEl, params, slides } = swiper;
$wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`).remove();
slides.removeAttr('data-swiper-slide-index');
}
var loop = {
loopCreate,
loopFix,
loopDestroy,
};
function setGrabCursor (moving) {
const swiper = this;
if (Support.touch || !swiper.params.simulateTouch || (swiper.params.watchOverflow && swiper.isLocked) || swiper.params.cssMode) return;
const el = swiper.el;
el.style.cursor = 'move';
el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';
el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab';
el.style.cursor = moving ? 'grabbing' : 'grab';
}
function unsetGrabCursor () {
const swiper = this;
if (Support.touch || (swiper.params.watchOverflow && swiper.isLocked) || swiper.params.cssMode) return;
swiper.el.style.cursor = '';
}
var grabCursor = {
setGrabCursor,
unsetGrabCursor,
};
function appendSlide (slides) {
const swiper = this;
const { $wrapperEl, params } = swiper;
if (params.loop) {
swiper.loopDestroy();
}
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) $wrapperEl.append(slides[i]);
}
} else {
$wrapperEl.append(slides);
}
if (params.loop) {
swiper.loopCreate();
}
if (!(params.observer && Support.observer)) {
swiper.update();
}
}
function prependSlide (slides) {
const swiper = this;
const { params, $wrapperEl, activeIndex } = swiper;
if (params.loop) {
swiper.loopDestroy();
}
let newActiveIndex = activeIndex + 1;
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) $wrapperEl.prepend(slides[i]);
}
newActiveIndex = activeIndex + slides.length;
} else {
$wrapperEl.prepend(slides);
}
if (params.loop) {
swiper.loopCreate();
}
if (!(params.observer && Support.observer)) {
swiper.update();
}
swiper.slideTo(newActiveIndex, 0, false);
}
function addSlide (index, slides) {
const swiper = this;
const { $wrapperEl, params, activeIndex } = swiper;
let activeIndexBuffer = activeIndex;
if (params.loop) {
activeIndexBuffer -= swiper.loopedSlides;
swiper.loopDestroy();
swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
}
const baseLength = swiper.slides.length;
if (index <= 0) {
swiper.prependSlide(slides);
return;
}
if (index >= baseLength) {
swiper.appendSlide(slides);
return;
}
let newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;
const slidesBuffer = [];
for (let i = baseLength - 1; i >= index; i -= 1) {
const currentSlide = swiper.slides.eq(i);
currentSlide.remove();
slidesBuffer.unshift(currentSlide);
}
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) $wrapperEl.append(slides[i]);
}
newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;
} else {
$wrapperEl.append(slides);
}
for (let i = 0; i < slidesBuffer.length; i += 1) {
$wrapperEl.append(slidesBuffer[i]);
}
if (params.loop) {
swiper.loopCreate();
}
if (!(params.observer && Support.observer)) {
swiper.update();
}
if (params.loop) {
swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
} else {
swiper.slideTo(newActiveIndex, 0, false);
}
}
function removeSlide (slidesIndexes) {
const swiper = this;
const { params, $wrapperEl, activeIndex } = swiper;
let activeIndexBuffer = activeIndex;
if (params.loop) {
activeIndexBuffer -= swiper.loopedSlides;
swiper.loopDestroy();
swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
}
let newActiveIndex = activeIndexBuffer;
let indexToRemove;
if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {
for (let i = 0; i < slidesIndexes.length; i += 1) {
indexToRemove = slidesIndexes[i];
if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();
if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
}
newActiveIndex = Math.max(newActiveIndex, 0);
} else {
indexToRemove = slidesIndexes;
if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();
if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
newActiveIndex = Math.max(newActiveIndex, 0);
}
if (params.loop) {
swiper.loopCreate();
}
if (!(params.observer && Support.observer)) {
swiper.update();
}
if (params.loop) {
swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
} else {
swiper.slideTo(newActiveIndex, 0, false);
}
}
function removeAllSlides () {
const swiper = this;
const slidesIndexes = [];
for (let i = 0; i < swiper.slides.length; i += 1) {
slidesIndexes.push(i);
}
swiper.removeSlide(slidesIndexes);
}
var manipulation = {
appendSlide,
prependSlide,
addSlide,
removeSlide,
removeAllSlides,
};
const Device = (function Device() {
const platform = win.navigator.platform;
const ua = win.navigator.userAgent;
const device = {
ios: false,
android: false,
androidChrome: false,
desktop: false,
iphone: false,
ipod: false,
ipad: false,
edge: false,
ie: false,
firefox: false,
macos: false,
windows: false,
cordova: !!(win.cordova || win.phonegap),
phonegap: !!(win.cordova || win.phonegap),
electron: false,
};
const screenWidth = win.screen.width;
const screenHeight = win.screen.height;
const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
const ie = ua.indexOf('MSIE ') >= 0 || ua.indexOf('Trident/') >= 0;
const edge = ua.indexOf('Edge/') >= 0;
const firefox = ua.indexOf('Gecko/') >= 0 && ua.indexOf('Firefox/') >= 0;
const windows = platform === 'Win32';
const electron = ua.toLowerCase().indexOf('electron') >= 0;
let macos = platform === 'MacIntel';
// iPadOs 13 fix
if (!ipad
&& macos
&& Support.touch
&& (
(screenWidth === 1024 && screenHeight === 1366) // Pro 12.9
|| (screenWidth === 834 && screenHeight === 1194) // Pro 11
|| (screenWidth === 834 && screenHeight === 1112) // Pro 10.5
|| (screenWidth === 768 && screenHeight === 1024) // other
)
) {
ipad = ua.match(/(Version)\/([\d.]+)/);
macos = false;
}
device.ie = ie;
device.edge = edge;
device.firefox = firefox;
// Android
if (android && !windows) {
device.os = 'android';
device.osVersion = android[2];
device.android = true;
device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0;
}
if (ipad || iphone || ipod) {
device.os = 'ios';
device.ios = true;
}
// iOS
if (iphone && !ipod) {
device.osVersion = iphone[2].replace(/_/g, '.');
device.iphone = true;
}
if (ipad) {
device.osVersion = ipad[2].replace(/_/g, '.');
device.ipad = true;
}
if (ipod) {
device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
device.ipod = true;
}
// iOS 8+ changed UA
if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) {
if (device.osVersion.split('.')[0] === '10') {
device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0];
}
}
// Webview
device.webView = !!((iphone || ipad || ipod) && (ua.match(/.*AppleWebKit(?!.*Safari)/i) || win.navigator.standalone))
|| (win.matchMedia && win.matchMedia('(display-mode: standalone)').matches);
device.webview = device.webView;
device.standalone = device.webView;
// Desktop
device.desktop = !(device.ios || device.android) || electron;
if (device.desktop) {
device.electron = electron;
device.macos = macos;
device.windows = windows;
if (device.macos) {
device.os = 'macos';
}
if (device.windows) {
device.os = 'windows';
}
}
// Pixel Ratio
device.pixelRatio = win.devicePixelRatio || 1;
// Export object
return device;
}());
function onTouchStart (event) {
const swiper = this;
const data = swiper.touchEventsData;
const { params, touches } = swiper;
if (swiper.animating && params.preventInteractionOnTransition) {
return;
}
let e = event;
if (e.originalEvent) e = e.originalEvent;
const $targetEl = $(e.target);
if (params.touchEventsTarget === 'wrapper') {
if (!$targetEl.closest(swiper.wrapperEl).length) return;
}
data.isTouchEvent = e.type === 'touchstart';
if (!data.isTouchEvent && 'which' in e && e.which === 3) return;
if (!data.isTouchEvent && 'button' in e && e.button > 0) return;
if (data.isTouched && data.isMoved) return;
if (params.noSwiping && $targetEl.closest(params.noSwipingSelector ? params.noSwipingSelector : `.${params.noSwipingClass}`)[0]) {
swiper.allowClick = true;
return;
}
if (params.swipeHandler) {
if (!$targetEl.closest(params.swipeHandler)[0]) return;
}
touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
const startX = touches.currentX;
const startY = touches.currentY;
// Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
if (
edgeSwipeDetection
&& ((startX <= edgeSwipeThreshold)
|| (startX >= win.screen.width - edgeSwipeThreshold))
) {
return;
}
Utils.extend(data, {
isTouched: true,
isMoved: false,
allowTouchCallbacks: true,
isScrolling: undefined,
startMoving: undefined,
});
touches.startX = startX;
touches.startY = startY;
data.touchStartTime = Utils.now();
swiper.allowClick = true;
swiper.updateSize();
swiper.swipeDirection = undefined;
if (params.threshold > 0) data.allowThresholdMove = false;
if (e.type !== 'touchstart') {
let preventDefault = true;
if ($targetEl.is(data.formElements)) preventDefault = false;
if (
doc.activeElement
&& $(doc.activeElement).is(data.formElements)
&& doc.activeElement !== $targetEl[0]
) {
doc.activeElement.blur();
}
const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
if (params.touchStartForcePreventDefault || shouldPreventDefault) {
e.preventDefault();
}
}
swiper.emit('touchStart', e);
}
function onTouchMove (event) {
const swiper = this;
const data = swiper.touchEventsData;
const { params, touches, rtlTranslate: rtl } = swiper;
let e = event;
if (e.originalEvent) e = e.originalEvent;
if (!data.isTouched) {
if (data.startMoving && data.isScrolling) {
swiper.emit('touchMoveOpposite', e);
}
return;
}
if (data.isTouchEvent && e.type !== 'touchmove') return;
const targetTouch = e.type === 'touchmove' && e.targetTouches && (e.targetTouches[0] || e.changedTouches[0]);
const pageX = e.type === 'touchmove' ? targetTouch.pageX : e.pageX;
const pageY = e.type === 'touchmove' ? targetTouch.pageY : e.pageY;
if (e.preventedByNestedSwiper) {
touches.startX = pageX;
touches.startY = pageY;
return;
}
if (!swiper.allowTouchMove) {
// isMoved = true;
swiper.allowClick = false;
if (data.isTouched) {
Utils.extend(touches, {
startX: pageX,
startY: pageY,
currentX: pageX,
currentY: pageY,
});
data.touchStartTime = Utils.now();
}
return;
}
if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
if (swiper.isVertical()) {
// Vertical
if (
(pageY < touches.startY && swiper.translate <= swiper.maxTranslate())
|| (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
) {
data.isTouched = false;
data.isMoved = false;
return;
}
} else if (
(pageX < touches.startX && swiper.translate <= swiper.maxTranslate())
|| (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
) {
return;
}
}
if (data.isTouchEvent && doc.activeElement) {
if (e.target === doc.activeElement && $(e.target).is(data.formElements)) {
data.isMoved = true;
swiper.allowClick = false;
return;
}
}
if (data.allowTouchCallbacks) {
swiper.emit('touchMove', e);
}
if (e.targetTouches && e.targetTouches.length > 1) return;
touches.currentX = pageX;
touches.currentY = pageY;
const diffX = touches.currentX - touches.startX;
const diffY = touches.currentY - touches.startY;
if (swiper.params.threshold && Math.sqrt((diffX ** 2) + (diffY ** 2)) < swiper.params.threshold) return;
if (typeof data.isScrolling === 'undefined') {
let touchAngle;
if ((swiper.isHorizontal() && touches.currentY === touches.startY) || (swiper.isVertical() && touches.currentX === touches.startX)) {
data.isScrolling = false;
} else {
// eslint-disable-next-line
if ((diffX * diffX) + (diffY * diffY) >= 25) {
touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : (90 - touchAngle > params.touchAngle);
}
}
}
if (data.isScrolling) {
swiper.emit('touchMoveOpposite', e);
}
if (typeof data.startMoving === 'undefined') {
if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {
data.startMoving = true;
}
}
if (data.isScrolling) {
data.isTouched = false;
return;
}
if (!data.startMoving) {
return;
}
swiper.allowClick = false;
if (!params.cssMode && e.cancelable) {
e.preventDefault();
}
if (params.touchMoveStopPropagation && !params.nested) {
e.stopPropagation();
}
if (!data.isMoved) {
if (params.loop) {
swiper.loopFix();
}
data.startTranslate = swiper.getTranslate();
swiper.setTransition(0);
if (swiper.animating) {
swiper.$wrapperEl.trigger('webkitTransitionEnd transitionend');
}
data.allowMomentumBounce = false;
// Grab Cursor
if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
swiper.setGrabCursor(true);
}
swiper.emit('sliderFirstMove', e);
}
swiper.emit('sliderMove', e);
data.isMoved = true;
let diff = swiper.isHorizontal() ? diffX : diffY;
touches.diff = diff;
diff *= params.touchRatio;
if (rtl) diff = -diff;
swiper.swipeDirection = diff > 0 ? 'prev' : 'next';
data.currentTranslate = diff + data.startTranslate;
let disableParentSwiper = true;
let resistanceRatio = params.resistanceRatio;
if (params.touchReleaseOnEdges) {
resistanceRatio = 0;
}
if ((diff > 0 && data.currentTranslate > swiper.minTranslate())) {
disableParentSwiper = false;
if (params.resistance) data.currentTranslate = (swiper.minTranslate() - 1) + ((-swiper.minTranslate() + data.startTranslate + diff) ** resistanceRatio);
} else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
disableParentSwiper = false;
if (params.resistance) data.currentTranslate = (swiper.maxTranslate() + 1) - ((swiper.maxTranslate() - data.startTranslate - diff) ** resistanceRatio);
}
if (disableParentSwiper) {
e.preventedByNestedSwiper = true;
}
// Directions locks
if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {
data.currentTranslate = data.startTranslate;
}
if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) {
data.currentTranslate = data.startTranslate;
}
// Threshold
if (params.threshold > 0) {
if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
if (!data.allowThresholdMove) {
data.allowThresholdMove = true;
touches.startX = touches.currentX;
touches.startY = touches.currentY;
data.currentTranslate = data.startTranslate;
touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;
return;
}
} else {
data.currentTranslate = data.startTranslate;
return;
}
}
if (!params.followFinger || params.cssMode) return;
// Update active index in free mode
if (params.freeMode || params.watchSlidesProgress || params.watchSlidesVisibility) {
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
}
if (params.freeMode) {
// Velocity
if (data.velocities.length === 0) {
data.velocities.push({
position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
time: data.touchStartTime,
});
}
data.velocities.push({
position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
time: Utils.now(),
});
}
// Update progress
swiper.updateProgress(data.currentTranslate);
// Update translate
swiper.setTranslate(data.currentTranslate);
}
function onTouchEnd (event) {
const swiper = this;
const data = swiper.touchEventsData;
const {
params, touches, rtlTranslate: rtl, $wrapperEl, slidesGrid, snapGrid,
} = swiper;
let e = event;
if (e.originalEvent) e = e.originalEvent;
if (data.allowTouchCallbacks) {
swiper.emit('touchEnd', e);
}
data.allowTouchCallbacks = false;
if (!data.isTouched) {
if (data.isMoved && params.grabCursor) {
swiper.setGrabCursor(false);
}
data.isMoved = false;
data.startMoving = false;
return;
}
// Return Grab Cursor
if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
swiper.setGrabCursor(false);
}
// Time diff
const touchEndTime = Utils.now();
const timeDiff = touchEndTime - data.touchStartTime;
// Tap, doubleTap, Click
if (swiper.allowClick) {
swiper.updateClickedSlide(e);
swiper.emit('tap click', e);
if (timeDiff < 300 && (touchEndTime - data.lastClickTime) < 300) {
swiper.emit('doubleTap doubleClick', e);
}
}
data.lastClickTime = Utils.now();
Utils.nextTick(() => {
if (!swiper.destroyed) swiper.allowClick = true;
});
if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) {
data.isTouched = false;
data.isMoved = false;
data.startMoving = false;
return;
}
data.isTouched = false;
data.isMoved = false;
data.startMoving = false;
let currentPos;
if (params.followFinger) {
currentPos = rtl ? swiper.translate : -swiper.translate;
} else {
currentPos = -data.currentTranslate;
}
if (params.cssMode) {
return;
}
if (params.freeMode) {
if (currentPos < -swiper.minTranslate()) {
swiper.slideTo(swiper.activeIndex);
return;
}
if (currentPos > -swiper.maxTranslate()) {
if (swiper.slides.length < snapGrid.length) {
swiper.slideTo(snapGrid.length - 1);
} else {
swiper.slideTo(swiper.slides.length - 1);
}
return;
}
if (params.freeModeMomentum) {
if (data.velocities.length > 1) {
const lastMoveEvent = data.velocities.pop();
const velocityEvent = data.velocities.pop();
const distance = lastMoveEvent.position - velocityEvent.position;
const time = lastMoveEvent.time - velocityEvent.time;
swiper.velocity = distance / time;
swiper.velocity /= 2;
if (Math.abs(swiper.velocity) < params.freeModeMinimumVelocity) {
swiper.velocity = 0;
}
// this implies that the user stopped moving a finger then released.
// There would be no events with distance zero, so the last event is stale.
if (time > 150 || (Utils.now() - lastMoveEvent.time) > 300) {
swiper.velocity = 0;
}
} else {
swiper.velocity = 0;
}
swiper.velocity *= params.freeModeMomentumVelocityRatio;
data.velocities.length = 0;
let momentumDuration = 1000 * params.freeModeMomentumRatio;
const momentumDistance = swiper.velocity * momentumDuration;
let newPosition = swiper.translate + momentumDistance;
if (rtl) newPosition = -newPosition;
let doBounce = false;
let afterBouncePosition;
const bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeModeMomentumBounceRatio;
let needsLoopFix;
if (newPosition < swiper.maxTranslate()) {
if (params.freeModeMomentumBounce) {
if (newPosition + swiper.maxTranslate() < -bounceAmount) {
newPosition = swiper.maxTranslate() - bounceAmount;
}
afterBouncePosition = swiper.maxTranslate();
doBounce = true;
data.allowMomentumBounce = true;
} else {
newPosition = swiper.maxTranslate();
}
if (params.loop && params.centeredSlides) needsLoopFix = true;
} else if (newPosition > swiper.minTranslate()) {
if (params.freeModeMomentumBounce) {
if (newPosition - swiper.minTranslate() > bounceAmount) {
newPosition = swiper.minTranslate() + bounceAmount;
}
afterBouncePosition = swiper.minTranslate();
doBounce = true;
data.allowMomentumBounce = true;
} else {
newPosition = swiper.minTranslate();
}
if (params.loop && params.centeredSlides) needsLoopFix = true;
} else if (params.freeModeSticky) {
let nextSlide;
for (let j = 0; j < snapGrid.length; j += 1) {
if (snapGrid[j] > -newPosition) {
nextSlide = j;
break;
}
}
if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {
newPosition = snapGrid[nextSlide];
} else {
newPosition = snapGrid[nextSlide - 1];
}
newPosition = -newPosition;
}
if (needsLoopFix) {
swiper.once('transitionEnd', () => {
swiper.loopFix();
});
}
// Fix duration
if (swiper.velocity !== 0) {
if (rtl) {
momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
} else {
momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
}
if (params.freeModeSticky) {
// If freeModeSticky is active and the user ends a swipe with a slow-velocity
// event, then durations can be 20+ seconds to slide one (or zero!) slides.
// It's easy to see this when simulating touch with mouse events. To fix this,
// limit single-slide swipes to the default slide duration. This also has the
// nice side effect of matching slide speed if the user stopped moving before
// lifting finger or mouse vs. moving slowly before lifting the finger/mouse.
// For faster swipes, also apply limits (albeit higher ones).
const moveDistance = Math.abs((rtl ? -newPosition : newPosition) - swiper.translate);
const currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex];
if (moveDistance < currentSlideSize) {
momentumDuration = params.speed;
} else if (moveDistance < 2 * currentSlideSize) {
momentumDuration = params.speed * 1.5;
} else {
momentumDuration = params.speed * 2.5;
}
}
} else if (params.freeModeSticky) {
swiper.slideToClosest();
return;
}
if (params.freeModeMomentumBounce && doBounce) {
swiper.updateProgress(afterBouncePosition);
swiper.setTransition(momentumDuration);
swiper.setTranslate(newPosition);
swiper.transitionStart(true, swiper.swipeDirection);
swiper.animating = true;
$wrapperEl.transitionEnd(() => {
if (!swiper || swiper.destroyed || !data.allowMomentumBounce) return;
swiper.emit('momentumBounce');
swiper.setTransition(params.speed);
setTimeout(() => {
swiper.setTranslate(afterBouncePosition);
$wrapperEl.transitionEnd(() => {
if (!swiper || swiper.destroyed) return;
swiper.transitionEnd();
});
}, 0);
});
} else if (swiper.velocity) {
swiper.updateProgress(newPosition);
swiper.setTransition(momentumDuration);
swiper.setTranslate(newPosition);
swiper.transitionStart(true, swiper.swipeDirection);
if (!swiper.animating) {
swiper.animating = true;
$wrapperEl.transitionEnd(() => {
if (!swiper || swiper.destroyed) return;
swiper.transitionEnd();
});
}
} else {
swiper.updateProgress(newPosition);
}
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
} else if (params.freeModeSticky) {
swiper.slideToClosest();
return;
}
if (!params.freeModeMomentum || timeDiff >= params.longSwipesMs) {
swiper.updateProgress();
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
}
return;
}
// Find current slide
let stopIndex = 0;
let groupSize = swiper.slidesSizesGrid[0];
for (let i = 0; i < slidesGrid.length; i += (i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup)) {
const increment = (i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup);
if (typeof slidesGrid[i + increment] !== 'undefined') {
if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment]) {
stopIndex = i;
groupSize = slidesGrid[i + increment] - slidesGrid[i];
}
} else if (currentPos >= slidesGrid[i]) {
stopIndex = i;
groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
}
}
// Find current slide size
const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
const increment = (stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup);
if (timeDiff > params.longSwipesMs) {
// Long touches
if (!params.longSwipes) {
swiper.slideTo(swiper.activeIndex);
return;
}
if (swiper.swipeDirection === 'next') {
if (ratio >= params.longSwipesRatio) swiper.slideTo(stopIndex + increment);
else swiper.slideTo(stopIndex);
}
if (swiper.swipeDirection === 'prev') {
if (ratio > (1 - params.longSwipesRatio)) swiper.slideTo(stopIndex + increment);
else swiper.slideTo(stopIndex);
}
} else {
// Short swipes
if (!params.shortSwipes) {
swiper.slideTo(swiper.activeIndex);
return;
}
const isNavButtonTarget = swiper.navigation && (e.target === swiper.navigation.nextEl || e.target === swiper.navigation.prevEl);
if (!isNavButtonTarget) {
if (swiper.swipeDirection === 'next') {
swiper.slideTo(stopIndex + increment);
}
if (swiper.swipeDirection === 'prev') {
swiper.slideTo(stopIndex);
}
} else if (e.target === swiper.navigation.nextEl) {
swiper.slideTo(stopIndex + increment);
} else {
swiper.slideTo(stopIndex);
}
}
}
function onResize () {
const swiper = this;
const { params, el } = swiper;
if (el && el.offsetWidth === 0) return;
// Breakpoints
if (params.breakpoints) {
swiper.setBreakpoint();
}
// Save locks
const { allowSlideNext, allowSlidePrev, snapGrid } = swiper;
// Disable locks on resize
swiper.allowSlideNext = true;
swiper.allowSlidePrev = true;
swiper.updateSize();
swiper.updateSlides();
swiper.updateSlidesClasses();
if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.isBeginning && !swiper.params.centeredSlides) {
swiper.slideTo(swiper.slides.length - 1, 0, false, true);
} else {
swiper.slideTo(swiper.activeIndex, 0, false, true);
}
if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
swiper.autoplay.run();
}
// Return locks after resize
swiper.allowSlidePrev = allowSlidePrev;
swiper.allowSlideNext = allowSlideNext;
if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
swiper.checkOverflow();
}
}
function onClick (e) {
const swiper = this;
if (!swiper.allowClick) {
if (swiper.params.preventClicks) e.preventDefault();
if (swiper.params.preventClicksPropagation && swiper.animating) {
e.stopPropagation();
e.stopImmediatePropagation();
}
}
}
function onScroll () {
const swiper = this;
const { wrapperEl, rtlTranslate } = swiper;
swiper.previousTranslate = swiper.translate;
if (swiper.isHorizontal()) {
if (rtlTranslate) {
swiper.translate = ((wrapperEl.scrollWidth - wrapperEl.offsetWidth) - wrapperEl.scrollLeft);
} else {
swiper.translate = -wrapperEl.scrollLeft;
}
} else {
swiper.translate = -wrapperEl.scrollTop;
}
// eslint-disable-next-line
if (swiper.translate === -0) swiper.translate = 0;
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
let newProgress;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
if (translatesDiff === 0) {
newProgress = 0;
} else {
newProgress = (swiper.translate - swiper.minTranslate()) / (translatesDiff);
}
if (newProgress !== swiper.progress) {
swiper.updateProgress(rtlTranslate ? -swiper.translate : swiper.translate);
}
swiper.emit('setTranslate', swiper.translate, false);
}
let dummyEventAttached = false;
function dummyEventListener() {}
function attachEvents() {
const swiper = this;
const {
params, touchEvents, el, wrapperEl,
} = swiper;
swiper.onTouchStart = onTouchStart.bind(swiper);
swiper.onTouchMove = onTouchMove.bind(swiper);
swiper.onTouchEnd = onTouchEnd.bind(swiper);
if (params.cssMode) {
swiper.onScroll = onScroll.bind(swiper);
}
swiper.onClick = onClick.bind(swiper);
const capture = !!params.nested;
// Touch Events
if (!Support.touch && Support.pointerEvents) {
el.addEventListener(touchEvents.start, swiper.onTouchStart, false);
doc.addEventListener(touchEvents.move, swiper.onTouchMove, capture);
doc.addEventListener(touchEvents.end, swiper.onTouchEnd, false);
} else {
if (Support.touch) {
const passiveListener = touchEvents.start === 'touchstart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
el.addEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
el.addEventListener(touchEvents.move, swiper.onTouchMove, Support.passiveListener ? { passive: false, capture } : capture);
el.addEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
if (touchEvents.cancel) {
el.addEventListener(touchEvents.cancel, swiper.onTouchEnd, passiveListener);
}
if (!dummyEventAttached) {
doc.addEventListener('touchstart', dummyEventListener);
dummyEventAttached = true;
}
}
if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
el.addEventListener('mousedown', swiper.onTouchStart, false);
doc.addEventListener('mousemove', swiper.onTouchMove, capture);
doc.addEventListener('mouseup', swiper.onTouchEnd, false);
}
}
// Prevent Links Clicks
if (params.preventClicks || params.preventClicksPropagation) {
el.addEventListener('click', swiper.onClick, true);
}
if (params.cssMode) {
wrapperEl.addEventListener('scroll', swiper.onScroll);
}
// Resize handler
if (params.updateOnWindowResize) {
swiper.on((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize, true);
} else {
swiper.on('observerUpdate', onResize, true);
}
}
function detachEvents() {
const swiper = this;
const {
params, touchEvents, el, wrapperEl,
} = swiper;
const capture = !!params.nested;
// Touch Events
if (!Support.touch && Support.pointerEvents) {
el.removeEventListener(touchEvents.start, swiper.onTouchStart, false);
doc.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
doc.removeEventListener(touchEvents.end, swiper.onTouchEnd, false);
} else {
if (Support.touch) {
const passiveListener = touchEvents.start === 'onTouchStart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
el.removeEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
el.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
el.removeEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
if (touchEvents.cancel) {
el.removeEventListener(touchEvents.cancel, swiper.onTouchEnd, passiveListener);
}
}
if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
el.removeEventListener('mousedown', swiper.onTouchStart, false);
doc.removeEventListener('mousemove', swiper.onTouchMove, capture);
doc.removeEventListener('mouseup', swiper.onTouchEnd, false);
}
}
// Prevent Links Clicks
if (params.preventClicks || params.preventClicksPropagation) {
el.removeEventListener('click', swiper.onClick, true);
}
if (params.cssMode) {
wrapperEl.removeEventListener('scroll', swiper.onScroll);
}
// Resize handler
swiper.off((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize);
}
var events = {
attachEvents,
detachEvents,
};
function setBreakpoint () {
const swiper = this;
const {
activeIndex, initialized, loopedSlides = 0, params, $el,
} = swiper;
const breakpoints = params.breakpoints;
if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0)) return;
// Get breakpoint for window width and update parameters
const breakpoint = swiper.getBreakpoint(breakpoints);
if (breakpoint && swiper.currentBreakpoint !== breakpoint) {
const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
if (breakpointOnlyParams) {
['slidesPerView', 'spaceBetween', 'slidesPerGroup', 'slidesPerGroupSkip', 'slidesPerColumn'].forEach((param) => {
const paramValue = breakpointOnlyParams[param];
if (typeof paramValue === 'undefined') return;
if (param === 'slidesPerView' && (paramValue === 'AUTO' || paramValue === 'auto')) {
breakpointOnlyParams[param] = 'auto';
} else if (param === 'slidesPerView') {
breakpointOnlyParams[param] = parseFloat(paramValue);
} else {
breakpointOnlyParams[param] = parseInt(paramValue, 10);
}
});
}
const breakpointParams = breakpointOnlyParams || swiper.originalParams;
const wasMultiRow = params.slidesPerColumn > 1;
const isMultiRow = breakpointParams.slidesPerColumn > 1;
if (wasMultiRow && !isMultiRow) {
$el.removeClass(`${params.containerModifierClass}multirow ${params.containerModifierClass}multirow-column`);
} else if (!wasMultiRow && isMultiRow) {
$el.addClass(`${params.containerModifierClass}multirow`);
if (breakpointParams.slidesPerColumnFill === 'column') {
$el.addClass(`${params.containerModifierClass}multirow-column`);
}
}
const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;
const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);
if (directionChanged && initialized) {
swiper.changeDirection();
}
Utils.extend(swiper.params, breakpointParams);
Utils.extend(swiper, {
allowTouchMove: swiper.params.allowTouchMove,
allowSlideNext: swiper.params.allowSlideNext,
allowSlidePrev: swiper.params.allowSlidePrev,
});
swiper.currentBreakpoint = breakpoint;
if (needsReLoop && initialized) {
swiper.loopDestroy();
swiper.loopCreate();
swiper.updateSlides();
swiper.slideTo((activeIndex - loopedSlides) + swiper.loopedSlides, 0, false);
}
swiper.emit('breakpoint', breakpointParams);
}
}
function getBreakpoint (breakpoints) {
// Get breakpoint for window width
if (!breakpoints) return undefined;
let breakpoint = false;
const points = Object.keys(breakpoints).map((point) => {
if (typeof point === 'string' && point.indexOf('@') === 0) {
const minRatio = parseFloat(point.substr(1));
const value = win.innerHeight * minRatio;
return { value, point };
}
return { value: point, point };
});
points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));
for (let i = 0; i < points.length; i += 1) {
const { point, value } = points[i];
if (value <= win.innerWidth) {
breakpoint = point;
}
}
return breakpoint || 'max';
}
var breakpoints = { setBreakpoint, getBreakpoint };
function addClasses () {
const swiper = this;
const {
classNames, params, rtl, $el,
} = swiper;
const suffixes = [];
suffixes.push('initialized');
suffixes.push(params.direction);
if (params.freeMode) {
suffixes.push('free-mode');
}
if (params.autoHeight) {
suffixes.push('autoheight');
}
if (rtl) {
suffixes.push('rtl');
}
if (params.slidesPerColumn > 1) {
suffixes.push('multirow');
if (params.slidesPerColumnFill === 'column') {
suffixes.push('multirow-column');
}
}
if (Device.android) {
suffixes.push('android');
}
if (Device.ios) {
suffixes.push('ios');
}
if (params.cssMode) {
suffixes.push('css-mode');
}
suffixes.forEach((suffix) => {
classNames.push(params.containerModifierClass + suffix);
});
$el.addClass(classNames.join(' '));
}
function removeClasses () {
const swiper = this;
const { $el, classNames } = swiper;
$el.removeClass(classNames.join(' '));
}
var classes = { addClasses, removeClasses };
function loadImage (imageEl, src, srcset, sizes, checkForComplete, callback) {
let image;
function onReady() {
if (callback) callback();
}
const isPicture = $(imageEl).parent('picture')[0];
if (!isPicture && (!imageEl.complete || !checkForComplete)) {
if (src) {
image = new win.Image();
image.onload = onReady;
image.onerror = onReady;
if (sizes) {
image.sizes = sizes;
}
if (srcset) {
image.srcset = srcset;
}
if (src) {
image.src = src;
}
} else {
onReady();
}
} else {
// image already loaded...
onReady();
}
}
function preloadImages () {
const swiper = this;
swiper.imagesToLoad = swiper.$el.find('img');
function onReady() {
if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) return;
if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;
if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
if (swiper.params.updateOnImagesReady) swiper.update();
swiper.emit('imagesReady');
}
}
for (let i = 0; i < swiper.imagesToLoad.length; i += 1) {
const imageEl = swiper.imagesToLoad[i];
swiper.loadImage(
imageEl,
imageEl.currentSrc || imageEl.getAttribute('src'),
imageEl.srcset || imageEl.getAttribute('srcset'),
imageEl.sizes || imageEl.getAttribute('sizes'),
true,
onReady
);
}
}
var swiper_esm_bundle_images = {
loadImage,
preloadImages,
};
function checkOverflow() {
const swiper = this;
const params = swiper.params;
const wasLocked = swiper.isLocked;
const lastSlidePosition = swiper.slides.length > 0 && (params.slidesOffsetBefore + (params.spaceBetween * (swiper.slides.length - 1)) + ((swiper.slides[0]).offsetWidth) * swiper.slides.length);
if (params.slidesOffsetBefore && params.slidesOffsetAfter && lastSlidePosition) {
swiper.isLocked = lastSlidePosition <= swiper.size;
} else {
swiper.isLocked = swiper.snapGrid.length === 1;
}
swiper.allowSlideNext = !swiper.isLocked;
swiper.allowSlidePrev = !swiper.isLocked;
// events
if (wasLocked !== swiper.isLocked) swiper.emit(swiper.isLocked ? 'lock' : 'unlock');
if (wasLocked && wasLocked !== swiper.isLocked) {
swiper.isEnd = false;
if (swiper.navigation) swiper.navigation.update();
}
}
var checkOverflow$1 = { checkOverflow };
var defaults = {
init: true,
direction: 'horizontal',
touchEventsTarget: 'container',
initialSlide: 0,
speed: 300,
cssMode: false,
updateOnWindowResize: true,
//
preventInteractionOnTransition: false,
// To support iOS's swipe-to-go-back gesture (when being used in-app).
edgeSwipeDetection: false,
edgeSwipeThreshold: 20,
// Free mode
freeMode: false,
freeModeMomentum: true,
freeModeMomentumRatio: 1,
freeModeMomentumBounce: true,
freeModeMomentumBounceRatio: 1,
freeModeMomentumVelocityRatio: 1,
freeModeSticky: false,
freeModeMinimumVelocity: 0.02,
// Autoheight
autoHeight: false,
// Set wrapper width
setWrapperSize: false,
// Virtual Translate
virtualTranslate: false,
// Effects
effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
// Breakpoints
breakpoints: undefined,
// Slides grid
spaceBetween: 0,
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerColumnFill: 'column',
slidesPerGroup: 1,
slidesPerGroupSkip: 0,
centeredSlides: false,
centeredSlidesBounds: false,
slidesOffsetBefore: 0, // in px
slidesOffsetAfter: 0, // in px
normalizeSlideIndex: true,
centerInsufficientSlides: false,
// Disable swiper and hide navigation when container not overflow
watchOverflow: false,
// Round length
roundLengths: false,
// Touches
touchRatio: 1,
touchAngle: 45,
simulateTouch: true,
shortSwipes: true,
longSwipes: true,
longSwipesRatio: 0.5,
longSwipesMs: 300,
followFinger: true,
allowTouchMove: true,
threshold: 0,
touchMoveStopPropagation: false,
touchStartPreventDefault: true,
touchStartForcePreventDefault: false,
touchReleaseOnEdges: false,
// Unique Navigation Elements
uniqueNavElements: true,
// Resistance
resistance: true,
resistanceRatio: 0.85,
// Progress
watchSlidesProgress: false,
watchSlidesVisibility: false,
// Cursor
grabCursor: false,
// Clicks
preventClicks: true,
preventClicksPropagation: true,
slideToClickedSlide: false,
// Images
preloadImages: true,
updateOnImagesReady: true,
// loop
loop: false,
loopAdditionalSlides: 0,
loopedSlides: null,
loopFillGroupWithBlank: false,
// Swiping/no swiping
allowSlidePrev: true,
allowSlideNext: true,
swipeHandler: null, // '.swipe-handler',
noSwiping: true,
noSwipingClass: 'swiper-no-swiping',
noSwipingSelector: null,
// Passive Listeners
passiveListeners: true,
// NS
containerModifierClass: 'swiper-container-', // NEW
slideClass: 'swiper-slide',
slideBlankClass: 'swiper-slide-invisible-blank',
slideActiveClass: 'swiper-slide-active',
slideDuplicateActiveClass: 'swiper-slide-duplicate-active',
slideVisibleClass: 'swiper-slide-visible',
slideDuplicateClass: 'swiper-slide-duplicate',
slideNextClass: 'swiper-slide-next',
slideDuplicateNextClass: 'swiper-slide-duplicate-next',
slidePrevClass: 'swiper-slide-prev',
slideDuplicatePrevClass: 'swiper-slide-duplicate-prev',
wrapperClass: 'swiper-wrapper',
// Callbacks
runCallbacksOnInit: true,
};
/* eslint no-param-reassign: "off" */
const prototypes = {
update,
translate,
transition: swiper_esm_bundle_transition,
slide,
loop,
grabCursor,
manipulation,
events,
breakpoints,
checkOverflow: checkOverflow$1,
classes,
images: swiper_esm_bundle_images,
};
const extendedDefaults = {};
class Swiper extends SwiperClass {
constructor(...args) {
let el;
let params;
if (args.length === 1 && args[0].constructor && args[0].constructor === Object) {
params = args[0];
} else {
[el, params] = args;
}
if (!params) params = {};
params = Utils.extend({}, params);
if (el && !params.el) params.el = el;
super(params);
Object.keys(prototypes).forEach((prototypeGroup) => {
Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => {
if (!Swiper.prototype[protoMethod]) {
Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
}
});
});
// Swiper Instance
const swiper = this;
if (typeof swiper.modules === 'undefined') {
swiper.modules = {};
}
Object.keys(swiper.modules).forEach((moduleName) => {
const module = swiper.modules[moduleName];
if (module.params) {
const moduleParamName = Object.keys(module.params)[0];
const moduleParams = module.params[moduleParamName];
if (typeof moduleParams !== 'object' || moduleParams === null) return;
if (!(moduleParamName in params && 'enabled' in moduleParams)) return;
if (params[moduleParamName] === true) {
params[moduleParamName] = { enabled: true };
}
if (
typeof params[moduleParamName] === 'object'
&& !('enabled' in params[moduleParamName])
) {
params[moduleParamName].enabled = true;
}
if (!params[moduleParamName]) params[moduleParamName] = { enabled: false };
}
});
// Extend defaults with modules params
const swiperParams = Utils.extend({}, defaults);
swiper.useModulesParams(swiperParams);
// Extend defaults with passed params
swiper.params = Utils.extend({}, swiperParams, extendedDefaults, params);
swiper.originalParams = Utils.extend({}, swiper.params);
swiper.passedParams = Utils.extend({}, params);
// Save Dom lib
swiper.$ = $;
// Find el
const $el = $(swiper.params.el);
el = $el[0];
if (!el) {
return undefined;
}
if ($el.length > 1) {
const swipers = [];
$el.each((index, containerEl) => {
const newParams = Utils.extend({}, params, { el: containerEl });
swipers.push(new Swiper(newParams));
});
return swipers;
}
el.swiper = swiper;
$el.data('swiper', swiper);
// Find Wrapper
let $wrapperEl;
if (el && el.shadowRoot && el.shadowRoot.querySelector) {
$wrapperEl = $(el.shadowRoot.querySelector(`.${swiper.params.wrapperClass}`));
// Children needs to return slot items
$wrapperEl.children = (options) => $el.children(options);
} else {
$wrapperEl = $el.children(`.${swiper.params.wrapperClass}`);
}
// Extend Swiper
Utils.extend(swiper, {
$el,
el,
$wrapperEl,
wrapperEl: $wrapperEl[0],
// Classes
classNames: [],
// Slides
slides: $(),
slidesGrid: [],
snapGrid: [],
slidesSizesGrid: [],
// isDirection
isHorizontal() {
return swiper.params.direction === 'horizontal';
},
isVertical() {
return swiper.params.direction === 'vertical';
},
// RTL
rtl: (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
wrongRTL: $wrapperEl.css('display') === '-webkit-box',
// Indexes
activeIndex: 0,
realIndex: 0,
//
isBeginning: true,
isEnd: false,
// Props
translate: 0,
previousTranslate: 0,
progress: 0,
velocity: 0,
animating: false,
// Locks
allowSlideNext: swiper.params.allowSlideNext,
allowSlidePrev: swiper.params.allowSlidePrev,
// Touch Events
touchEvents: (function touchEvents() {
const touch = ['touchstart', 'touchmove', 'touchend', 'touchcancel'];
let desktop = ['mousedown', 'mousemove', 'mouseup'];
if (Support.pointerEvents) {
desktop = ['pointerdown', 'pointermove', 'pointerup'];
}
swiper.touchEventsTouch = {
start: touch[0],
move: touch[1],
end: touch[2],
cancel: touch[3],
};
swiper.touchEventsDesktop = {
start: desktop[0],
move: desktop[1],
end: desktop[2],
};
return Support.touch || !swiper.params.simulateTouch ? swiper.touchEventsTouch : swiper.touchEventsDesktop;
}()),
touchEventsData: {
isTouched: undefined,
isMoved: undefined,
allowTouchCallbacks: undefined,
touchStartTime: undefined,
isScrolling: undefined,
currentTranslate: undefined,
startTranslate: undefined,
allowThresholdMove: undefined,
// Form elements to match
formElements: 'input, select, option, textarea, button, video, label',
// Last click time
lastClickTime: Utils.now(),
clickTimeout: undefined,
// Velocities
velocities: [],
allowMomentumBounce: undefined,
isTouchEvent: undefined,
startMoving: undefined,
},
// Clicks
allowClick: true,
// Touches
allowTouchMove: swiper.params.allowTouchMove,
touches: {
startX: 0,
startY: 0,
currentX: 0,
currentY: 0,
diff: 0,
},
// Images
imagesToLoad: [],
imagesLoaded: 0,
});
// Install Modules
swiper.useModules();
// Init
if (swiper.params.init) {
swiper.init();
}
// Return app instance
return swiper;
}
slidesPerViewDynamic() {
const swiper = this;
const {
params, slides, slidesGrid, size: swiperSize, activeIndex,
} = swiper;
let spv = 1;
if (params.centeredSlides) {
let slideSize = slides[activeIndex].swiperSlideSize;
let breakLoop;
for (let i = activeIndex + 1; i < slides.length; i += 1) {
if (slides[i] && !breakLoop) {
slideSize += slides[i].swiperSlideSize;
spv += 1;
if (slideSize > swiperSize) breakLoop = true;
}
}
for (let i = activeIndex - 1; i >= 0; i -= 1) {
if (slides[i] && !breakLoop) {
slideSize += slides[i].swiperSlideSize;
spv += 1;
if (slideSize > swiperSize) breakLoop = true;
}
}
} else {
for (let i = activeIndex + 1; i < slides.length; i += 1) {
if (slidesGrid[i] - slidesGrid[activeIndex] < swiperSize) {
spv += 1;
}
}
}
return spv;
}
update() {
const swiper = this;
if (!swiper || swiper.destroyed) return;
const { snapGrid, params } = swiper;
// Breakpoints
if (params.breakpoints) {
swiper.setBreakpoint();
}
swiper.updateSize();
swiper.updateSlides();
swiper.updateProgress();
swiper.updateSlidesClasses();
function setTranslate() {
const translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;
const newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());
swiper.setTranslate(newTranslate);
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
}
let translated;
if (swiper.params.freeMode) {
setTranslate();
if (swiper.params.autoHeight) {
swiper.updateAutoHeight();
}
} else {
if ((swiper.params.slidesPerView === 'auto' || swiper.params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {
translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
} else {
translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
}
if (!translated) {
setTranslate();
}
}
if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
swiper.checkOverflow();
}
swiper.emit('update');
}
changeDirection(newDirection, needUpdate = true) {
const swiper = this;
const currentDirection = swiper.params.direction;
if (!newDirection) {
// eslint-disable-next-line
newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal';
}
if ((newDirection === currentDirection) || (newDirection !== 'horizontal' && newDirection !== 'vertical')) {
return swiper;
}
swiper.$el
.removeClass(`${swiper.params.containerModifierClass}${currentDirection}`)
.addClass(`${swiper.params.containerModifierClass}${newDirection}`);
swiper.params.direction = newDirection;
swiper.slides.each((slideIndex, slideEl) => {
if (newDirection === 'vertical') {
slideEl.style.width = '';
} else {
slideEl.style.height = '';
}
});
swiper.emit('changeDirection');
if (needUpdate) swiper.update();
return swiper;
}
init() {
const swiper = this;
if (swiper.initialized) return;
swiper.emit('beforeInit');
// Set breakpoint
if (swiper.params.breakpoints) {
swiper.setBreakpoint();
}
// Add Classes
swiper.addClasses();
// Create loop
if (swiper.params.loop) {
swiper.loopCreate();
}
// Update size
swiper.updateSize();
// Update slides
swiper.updateSlides();
if (swiper.params.watchOverflow) {
swiper.checkOverflow();
}
// Set Grab Cursor
if (swiper.params.grabCursor) {
swiper.setGrabCursor();
}
if (swiper.params.preloadImages) {
swiper.preloadImages();
}
// Slide To Initial Slide
if (swiper.params.loop) {
swiper.slideTo(swiper.params.initialSlide + swiper.loopedSlides, 0, swiper.params.runCallbacksOnInit);
} else {
swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit);
}
// Attach events
swiper.attachEvents();
// Init Flag
swiper.initialized = true;
// Emit
swiper.emit('init');
}
destroy(deleteInstance = true, cleanStyles = true) {
const swiper = this;
const {
params, $el, $wrapperEl, slides,
} = swiper;
if (typeof swiper.params === 'undefined' || swiper.destroyed) {
return null;
}
swiper.emit('beforeDestroy');
// Init Flag
swiper.initialized = false;
// Detach events
swiper.detachEvents();
// Destroy loop
if (params.loop) {
swiper.loopDestroy();
}
// Cleanup styles
if (cleanStyles) {
swiper.removeClasses();
$el.removeAttr('style');
$wrapperEl.removeAttr('style');
if (slides && slides.length) {
slides
.removeClass([
params.slideVisibleClass,
params.slideActiveClass,
params.slideNextClass,
params.slidePrevClass,
].join(' '))
.removeAttr('style')
.removeAttr('data-swiper-slide-index');
}
}
swiper.emit('destroy');
// Detach emitter events
Object.keys(swiper.eventsListeners).forEach((eventName) => {
swiper.off(eventName);
});
if (deleteInstance !== false) {
swiper.$el[0].swiper = null;
swiper.$el.data('swiper', null);
Utils.deleteProps(swiper);
}
swiper.destroyed = true;
return null;
}
static extendDefaults(newDefaults) {
Utils.extend(extendedDefaults, newDefaults);
}
static get extendedDefaults() {
return extendedDefaults;
}
static get defaults() {
return defaults;
}
static get Class() {
return SwiperClass;
}
static get $() {
return $;
}
}
var Device$1 = {
name: 'device',
proto: {
device: Device,
},
static: {
device: Device,
},
};
var Support$1 = {
name: 'support',
proto: {
support: Support,
},
static: {
support: Support,
},
};
const Browser = (function Browser() {
function isSafari() {
const ua = win.navigator.userAgent.toLowerCase();
return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0);
}
return {
isEdge: !!win.navigator.userAgent.match(/Edge/g),
isSafari: isSafari(),
isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(win.navigator.userAgent),
};
}());
var Browser$1 = {
name: 'browser',
proto: {
browser: Browser,
},
static: {
browser: Browser,
},
};
var Resize = {
name: 'resize',
create() {
const swiper = this;
Utils.extend(swiper, {
resize: {
resizeHandler() {
if (!swiper || swiper.destroyed || !swiper.initialized) return;
swiper.emit('beforeResize');
swiper.emit('resize');
},
orientationChangeHandler() {
if (!swiper || swiper.destroyed || !swiper.initialized) return;
swiper.emit('orientationchange');
},
},
});
},
on: {
init() {
const swiper = this;
// Emit resize
win.addEventListener('resize', swiper.resize.resizeHandler);
// Emit orientationchange
win.addEventListener('orientationchange', swiper.resize.orientationChangeHandler);
},
destroy() {
const swiper = this;
win.removeEventListener('resize', swiper.resize.resizeHandler);
win.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler);
},
},
};
const Observer = {
func: win.MutationObserver || win.WebkitMutationObserver,
attach(target, options = {}) {
const swiper = this;
const ObserverFunc = Observer.func;
const observer = new ObserverFunc((mutations) => {
// The observerUpdate event should only be triggered
// once despite the number of mutations. Additional
// triggers are redundant and are very costly
if (mutations.length === 1) {
swiper.emit('observerUpdate', mutations[0]);
return;
}
const observerUpdate = function observerUpdate() {
swiper.emit('observerUpdate', mutations[0]);
};
if (win.requestAnimationFrame) {
win.requestAnimationFrame(observerUpdate);
} else {
win.setTimeout(observerUpdate, 0);
}
});
observer.observe(target, {
attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
childList: typeof options.childList === 'undefined' ? true : options.childList,
characterData: typeof options.characterData === 'undefined' ? true : options.characterData,
});
swiper.observer.observers.push(observer);
},
init() {
const swiper = this;
if (!Support.observer || !swiper.params.observer) return;
if (swiper.params.observeParents) {
const containerParents = swiper.$el.parents();
for (let i = 0; i < containerParents.length; i += 1) {
swiper.observer.attach(containerParents[i]);
}
}
// Observe container
swiper.observer.attach(swiper.$el[0], { childList: swiper.params.observeSlideChildren });
// Observe wrapper
swiper.observer.attach(swiper.$wrapperEl[0], { attributes: false });
},
destroy() {
const swiper = this;
swiper.observer.observers.forEach((observer) => {
observer.disconnect();
});
swiper.observer.observers = [];
},
};
var Observer$1 = {
name: 'observer',
params: {
observer: false,
observeParents: false,
observeSlideChildren: false,
},
create() {
const swiper = this;
Utils.extend(swiper, {
observer: {
init: Observer.init.bind(swiper),
attach: Observer.attach.bind(swiper),
destroy: Observer.destroy.bind(swiper),
observers: [],
},
});
},
on: {
init() {
const swiper = this;
swiper.observer.init();
},
destroy() {
const swiper = this;
swiper.observer.destroy();
},
},
};
const Virtual = {
update(force) {
const swiper = this;
const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params;
const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual;
const {
from: previousFrom,
to: previousTo,
slides,
slidesGrid: previousSlidesGrid,
renderSlide,
offset: previousOffset,
} = swiper.virtual;
swiper.updateActiveIndex();
const activeIndex = swiper.activeIndex || 0;
let offsetProp;
if (swiper.rtlTranslate) offsetProp = 'right';
else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
let slidesAfter;
let slidesBefore;
if (centeredSlides) {
slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
} else {
slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesBefore;
slidesBefore = slidesPerGroup + addSlidesAfter;
}
const from = Math.max((activeIndex || 0) - slidesBefore, 0);
const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
const offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
Utils.extend(swiper.virtual, {
from,
to,
offset,
slidesGrid: swiper.slidesGrid,
});
function onRendered() {
swiper.updateSlides();
swiper.updateProgress();
swiper.updateSlidesClasses();
if (swiper.lazy && swiper.params.lazy.enabled) {
swiper.lazy.load();
}
}
if (previousFrom === from && previousTo === to && !force) {
if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
swiper.slides.css(offsetProp, `${offset}px`);
}
swiper.updateProgress();
return;
}
if (swiper.params.virtual.renderExternal) {
swiper.params.virtual.renderExternal.call(swiper, {
offset,
from,
to,
slides: (function getSlides() {
const slidesToRender = [];
for (let i = from; i <= to; i += 1) {
slidesToRender.push(slides[i]);
}
return slidesToRender;
}()),
});
onRendered();
return;
}
const prependIndexes = [];
const appendIndexes = [];
if (force) {
swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove();
} else {
for (let i = previousFrom; i <= previousTo; i += 1) {
if (i < from || i > to) {
swiper.$wrapperEl.find(`.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`).remove();
}
}
}
for (let i = 0; i < slides.length; i += 1) {
if (i >= from && i <= to) {
if (typeof previousTo === 'undefined' || force) {
appendIndexes.push(i);
} else {
if (i > previousTo) appendIndexes.push(i);
if (i < previousFrom) prependIndexes.push(i);
}
}
}
appendIndexes.forEach((index) => {
swiper.$wrapperEl.append(renderSlide(slides[index], index));
});
prependIndexes.sort((a, b) => b - a).forEach((index) => {
swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
});
swiper.$wrapperEl.children('.swiper-slide').css(offsetProp, `${offset}px`);
onRendered();
},
renderSlide(slide, index) {
const swiper = this;
const params = swiper.params.virtual;
if (params.cache && swiper.virtual.cache[index]) {
return swiper.virtual.cache[index];
}
const $slideEl = params.renderSlide
? $(params.renderSlide.call(swiper, slide, index))
: $(`${slide}
`);
if (!$slideEl.attr('data-swiper-slide-index')) $slideEl.attr('data-swiper-slide-index', index);
if (params.cache) swiper.virtual.cache[index] = $slideEl;
return $slideEl;
},
appendSlide(slides) {
const swiper = this;
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) swiper.virtual.slides.push(slides[i]);
}
} else {
swiper.virtual.slides.push(slides);
}
swiper.virtual.update(true);
},
prependSlide(slides) {
const swiper = this;
const activeIndex = swiper.activeIndex;
let newActiveIndex = activeIndex + 1;
let numberOfNewSlides = 1;
if (Array.isArray(slides)) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
}
newActiveIndex = activeIndex + slides.length;
numberOfNewSlides = slides.length;
} else {
swiper.virtual.slides.unshift(slides);
}
if (swiper.params.virtual.cache) {
const cache = swiper.virtual.cache;
const newCache = {};
Object.keys(cache).forEach((cachedIndex) => {
const $cachedEl = cache[cachedIndex];
const cachedElIndex = $cachedEl.attr('data-swiper-slide-index');
if (cachedElIndex) {
$cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);
}
newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
});
swiper.virtual.cache = newCache;
}
swiper.virtual.update(true);
swiper.slideTo(newActiveIndex, 0);
},
removeSlide(slidesIndexes) {
const swiper = this;
if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
let activeIndex = swiper.activeIndex;
if (Array.isArray(slidesIndexes)) {
for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
swiper.virtual.slides.splice(slidesIndexes[i], 1);
if (swiper.params.virtual.cache) {
delete swiper.virtual.cache[slidesIndexes[i]];
}
if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
activeIndex = Math.max(activeIndex, 0);
}
} else {
swiper.virtual.slides.splice(slidesIndexes, 1);
if (swiper.params.virtual.cache) {
delete swiper.virtual.cache[slidesIndexes];
}
if (slidesIndexes < activeIndex) activeIndex -= 1;
activeIndex = Math.max(activeIndex, 0);
}
swiper.virtual.update(true);
swiper.slideTo(activeIndex, 0);
},
removeAllSlides() {
const swiper = this;
swiper.virtual.slides = [];
if (swiper.params.virtual.cache) {
swiper.virtual.cache = {};
}
swiper.virtual.update(true);
swiper.slideTo(0, 0);
},
};
var Virtual$1 = {
name: 'virtual',
params: {
virtual: {
enabled: false,
slides: [],
cache: true,
renderSlide: null,
renderExternal: null,
addSlidesBefore: 0,
addSlidesAfter: 0,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
virtual: {
update: Virtual.update.bind(swiper),
appendSlide: Virtual.appendSlide.bind(swiper),
prependSlide: Virtual.prependSlide.bind(swiper),
removeSlide: Virtual.removeSlide.bind(swiper),
removeAllSlides: Virtual.removeAllSlides.bind(swiper),
renderSlide: Virtual.renderSlide.bind(swiper),
slides: swiper.params.virtual.slides,
cache: {},
},
});
},
on: {
beforeInit() {
const swiper = this;
if (!swiper.params.virtual.enabled) return;
swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
const overwriteParams = {
watchSlidesProgress: true,
};
Utils.extend(swiper.params, overwriteParams);
Utils.extend(swiper.originalParams, overwriteParams);
if (!swiper.params.initialSlide) {
swiper.virtual.update();
}
},
setTranslate() {
const swiper = this;
if (!swiper.params.virtual.enabled) return;
swiper.virtual.update();
},
},
};
const Keyboard = {
handle(event) {
const swiper = this;
const { rtlTranslate: rtl } = swiper;
let e = event;
if (e.originalEvent) e = e.originalEvent; // jquery fix
const kc = e.keyCode || e.charCode;
const pageUpDown = swiper.params.keyboard.pageUpDown;
const isPageUp = pageUpDown && kc === 33;
const isPageDown = pageUpDown && kc === 34;
const isArrowLeft = kc === 37;
const isArrowRight = kc === 39;
const isArrowUp = kc === 38;
const isArrowDown = kc === 40;
// Directions locks
if (!swiper.allowSlideNext && ((swiper.isHorizontal() && isArrowRight) || (swiper.isVertical() && isArrowDown) || isPageDown)) {
return false;
}
if (!swiper.allowSlidePrev && ((swiper.isHorizontal() && isArrowLeft) || (swiper.isVertical() && isArrowUp) || isPageUp)) {
return false;
}
if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
return undefined;
}
if (doc.activeElement && doc.activeElement.nodeName && (doc.activeElement.nodeName.toLowerCase() === 'input' || doc.activeElement.nodeName.toLowerCase() === 'textarea')) {
return undefined;
}
if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {
let inView = false;
// Check that swiper should be inside of visible area of window
if (swiper.$el.parents(`.${swiper.params.slideClass}`).length > 0 && swiper.$el.parents(`.${swiper.params.slideActiveClass}`).length === 0) {
return undefined;
}
const windowWidth = win.innerWidth;
const windowHeight = win.innerHeight;
const swiperOffset = swiper.$el.offset();
if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
const swiperCoord = [
[swiperOffset.left, swiperOffset.top],
[swiperOffset.left + swiper.width, swiperOffset.top],
[swiperOffset.left, swiperOffset.top + swiper.height],
[swiperOffset.left + swiper.width, swiperOffset.top + swiper.height],
];
for (let i = 0; i < swiperCoord.length; i += 1) {
const point = swiperCoord[i];
if (
point[0] >= 0 && point[0] <= windowWidth
&& point[1] >= 0 && point[1] <= windowHeight
) {
inView = true;
}
}
if (!inView) return undefined;
}
if (swiper.isHorizontal()) {
if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
if (((isPageDown || isArrowRight) && !rtl) || ((isPageUp || isArrowLeft) && rtl)) swiper.slideNext();
if (((isPageUp || isArrowLeft) && !rtl) || ((isPageDown || isArrowRight) && rtl)) swiper.slidePrev();
} else {
if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
if (isPageDown || isArrowDown) swiper.slideNext();
if (isPageUp || isArrowUp) swiper.slidePrev();
}
swiper.emit('keyPress', kc);
return undefined;
},
enable() {
const swiper = this;
if (swiper.keyboard.enabled) return;
$(doc).on('keydown', swiper.keyboard.handle);
swiper.keyboard.enabled = true;
},
disable() {
const swiper = this;
if (!swiper.keyboard.enabled) return;
$(doc).off('keydown', swiper.keyboard.handle);
swiper.keyboard.enabled = false;
},
};
var Keyboard$1 = {
name: 'keyboard',
params: {
keyboard: {
enabled: false,
onlyInViewport: true,
pageUpDown: true,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
keyboard: {
enabled: false,
enable: Keyboard.enable.bind(swiper),
disable: Keyboard.disable.bind(swiper),
handle: Keyboard.handle.bind(swiper),
},
});
},
on: {
init() {
const swiper = this;
if (swiper.params.keyboard.enabled) {
swiper.keyboard.enable();
}
},
destroy() {
const swiper = this;
if (swiper.keyboard.enabled) {
swiper.keyboard.disable();
}
},
},
};
function isEventSupported() {
const eventName = 'onwheel';
let isSupported = eventName in doc;
if (!isSupported) {
const element = doc.createElement('div');
element.setAttribute(eventName, 'return;');
isSupported = typeof element[eventName] === 'function';
}
if (!isSupported
&& doc.implementation
&& doc.implementation.hasFeature
// always returns true in newer browsers as per the standard.
// @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
&& doc.implementation.hasFeature('', '') !== true
) {
// This is the only way to test support for the `wheel` event in IE9+.
isSupported = doc.implementation.hasFeature('Events.wheel', '3.0');
}
return isSupported;
}
const Mousewheel = {
lastScrollTime: Utils.now(),
lastEventBeforeSnap: undefined,
recentWheelEvents: [],
event() {
if (win.navigator.userAgent.indexOf('firefox') > -1) return 'DOMMouseScroll';
return isEventSupported() ? 'wheel' : 'mousewheel';
},
normalize(e) {
// Reasonable defaults
const PIXEL_STEP = 10;
const LINE_HEIGHT = 40;
const PAGE_HEIGHT = 800;
let sX = 0;
let sY = 0; // spinX, spinY
let pX = 0;
let pY = 0; // pixelX, pixelY
// Legacy
if ('detail' in e) {
sY = e.detail;
}
if ('wheelDelta' in e) {
sY = -e.wheelDelta / 120;
}
if ('wheelDeltaY' in e) {
sY = -e.wheelDeltaY / 120;
}
if ('wheelDeltaX' in e) {
sX = -e.wheelDeltaX / 120;
}
// side scrolling on FF with DOMMouseScroll
if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) {
sX = sY;
sY = 0;
}
pX = sX * PIXEL_STEP;
pY = sY * PIXEL_STEP;
if ('deltaY' in e) {
pY = e.deltaY;
}
if ('deltaX' in e) {
pX = e.deltaX;
}
if (e.shiftKey && !pX) { // if user scrolls with shift he wants horizontal scroll
pX = pY;
pY = 0;
}
if ((pX || pY) && e.deltaMode) {
if (e.deltaMode === 1) { // delta in LINE units
pX *= LINE_HEIGHT;
pY *= LINE_HEIGHT;
} else { // delta in PAGE units
pX *= PAGE_HEIGHT;
pY *= PAGE_HEIGHT;
}
}
// Fall-back if spin cannot be determined
if (pX && !sX) {
sX = (pX < 1) ? -1 : 1;
}
if (pY && !sY) {
sY = (pY < 1) ? -1 : 1;
}
return {
spinX: sX,
spinY: sY,
pixelX: pX,
pixelY: pY,
};
},
handleMouseEnter() {
const swiper = this;
swiper.mouseEntered = true;
},
handleMouseLeave() {
const swiper = this;
swiper.mouseEntered = false;
},
handle(event) {
let e = event;
const swiper = this;
const params = swiper.params.mousewheel;
if (swiper.params.cssMode) {
e.preventDefault();
}
let target = swiper.$el;
if (swiper.params.mousewheel.eventsTarged !== 'container') {
target = $(swiper.params.mousewheel.eventsTarged);
}
if (!swiper.mouseEntered && !target[0].contains(e.target) && !params.releaseOnEdges) return true;
if (e.originalEvent) e = e.originalEvent; // jquery fix
let delta = 0;
const rtlFactor = swiper.rtlTranslate ? -1 : 1;
const data = Mousewheel.normalize(e);
if (params.forceToAxis) {
if (swiper.isHorizontal()) {
if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) delta = -data.pixelX * rtlFactor;
else return true;
} else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) delta = -data.pixelY;
else return true;
} else {
delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? -data.pixelX * rtlFactor : -data.pixelY;
}
if (delta === 0) return true;
if (params.invert) delta = -delta;
if (!swiper.params.freeMode) {
// Register the new event in a variable which stores the relevant data
const newEvent = {
time: Utils.now(),
delta: Math.abs(delta),
direction: Math.sign(delta),
raw: event,
};
// Keep the most recent events
const recentWheelEvents = swiper.mousewheel.recentWheelEvents;
if (recentWheelEvents.length >= 2) {
recentWheelEvents.shift(); // only store the last N events
}
const prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
recentWheelEvents.push(newEvent);
// If there is at least one previous recorded event:
// If direction has changed or
// if the scroll is quicker than the previous one:
// Animate the slider.
// Else (this is the first time the wheel is moved):
// Animate the slider.
if (prevEvent) {
if (newEvent.direction !== prevEvent.direction || newEvent.delta > prevEvent.delta || newEvent.time > prevEvent.time + 150) {
swiper.mousewheel.animateSlider(newEvent);
}
} else {
swiper.mousewheel.animateSlider(newEvent);
}
// If it's time to release the scroll:
// Return now so you don't hit the preventDefault.
if (swiper.mousewheel.releaseScroll(newEvent)) {
return true;
}
} else {
// Freemode or scrollContainer:
// If we recently snapped after a momentum scroll, then ignore wheel events
// to give time for the deceleration to finish. Stop ignoring after 500 msecs
// or if it's a new scroll (larger delta or inverse sign as last event before
// an end-of-momentum snap).
const newEvent = { time: Utils.now(), delta: Math.abs(delta), direction: Math.sign(delta) };
const { lastEventBeforeSnap } = swiper.mousewheel;
const ignoreWheelEvents = lastEventBeforeSnap
&& newEvent.time < lastEventBeforeSnap.time + 500
&& newEvent.delta <= lastEventBeforeSnap.delta
&& newEvent.direction === lastEventBeforeSnap.direction;
if (!ignoreWheelEvents) {
swiper.mousewheel.lastEventBeforeSnap = undefined;
if (swiper.params.loop) {
swiper.loopFix();
}
let position = swiper.getTranslate() + (delta * params.sensitivity);
const wasBeginning = swiper.isBeginning;
const wasEnd = swiper.isEnd;
if (position >= swiper.minTranslate()) position = swiper.minTranslate();
if (position <= swiper.maxTranslate()) position = swiper.maxTranslate();
swiper.setTransition(0);
swiper.setTranslate(position);
swiper.updateProgress();
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
if ((!wasBeginning && swiper.isBeginning) || (!wasEnd && swiper.isEnd)) {
swiper.updateSlidesClasses();
}
if (swiper.params.freeModeSticky) {
// When wheel scrolling starts with sticky (aka snap) enabled, then detect
// the end of a momentum scroll by storing recent (N=15?) wheel events.
// 1. do all N events have decreasing or same (absolute value) delta?
// 2. did all N events arrive in the last M (M=500?) msecs?
// 3. does the earliest event have an (absolute value) delta that's
// at least P (P=1?) larger than the most recent event's delta?
// 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
// If 1-4 are "yes" then we're near the end of a momuntum scroll deceleration.
// Snap immediately and ignore remaining wheel events in this scroll.
// See comment above for "remaining wheel events in this scroll" determination.
// If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
clearTimeout(swiper.mousewheel.timeout);
swiper.mousewheel.timeout = undefined;
const recentWheelEvents = swiper.mousewheel.recentWheelEvents;
if (recentWheelEvents.length >= 15) {
recentWheelEvents.shift(); // only store the last N events
}
const prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
const firstEvent = recentWheelEvents[0];
recentWheelEvents.push(newEvent);
if (prevEvent && (newEvent.delta > prevEvent.delta || newEvent.direction !== prevEvent.direction)) {
// Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
recentWheelEvents.splice(0);
} else if (recentWheelEvents.length >= 15
&& newEvent.time - firstEvent.time < 500
&& firstEvent.delta - newEvent.delta >= 1
&& newEvent.delta <= 6
) {
// We're at the end of the deceleration of a momentum scroll, so there's no need
// to wait for more events. Snap ASAP on the next tick.
// Also, because there's some remaining momentum we'll bias the snap in the
// direction of the ongoing scroll because it's better UX for the scroll to snap
// in the same direction as the scroll instead of reversing to snap. Therefore,
// if it's already scrolled more than 20% in the current direction, keep going.
const snapToThreshold = delta > 0 ? 0.8 : 0.2;
swiper.mousewheel.lastEventBeforeSnap = newEvent;
recentWheelEvents.splice(0);
swiper.mousewheel.timeout = Utils.nextTick(() => {
swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
}, 0); // no delay; move on next tick
}
if (!swiper.mousewheel.timeout) {
// if we get here, then we haven't detected the end of a momentum scroll, so
// we'll consider a scroll "complete" when there haven't been any wheel events
// for 500ms.
swiper.mousewheel.timeout = Utils.nextTick(() => {
const snapToThreshold = 0.5;
swiper.mousewheel.lastEventBeforeSnap = newEvent;
recentWheelEvents.splice(0);
swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
}, 500);
}
}
// Emit event
if (!ignoreWheelEvents) swiper.emit('scroll', e);
// Stop autoplay
if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) swiper.autoplay.stop();
// Return page scroll on edge positions
if (position === swiper.minTranslate() || position === swiper.maxTranslate()) return true;
}
}
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
return false;
},
animateSlider(newEvent) {
const swiper = this;
// If the movement is NOT big enough and
// if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
// Don't go any further (avoid insignificant scroll movement).
if (newEvent.delta >= 6 && Utils.now() - swiper.mousewheel.lastScrollTime < 60) {
// Return false as a default
return true;
}
// If user is scrolling towards the end:
// If the slider hasn't hit the latest slide or
// if the slider is a loop and
// if the slider isn't moving right now:
// Go to next slide and
// emit a scroll event.
// Else (the user is scrolling towards the beginning) and
// if the slider hasn't hit the first slide or
// if the slider is a loop and
// if the slider isn't moving right now:
// Go to prev slide and
// emit a scroll event.
if (newEvent.direction < 0) {
if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
swiper.slideNext();
swiper.emit('scroll', newEvent.raw);
}
} else if ((!swiper.isBeginning || swiper.params.loop) && !swiper.animating) {
swiper.slidePrev();
swiper.emit('scroll', newEvent.raw);
}
// If you got here is because an animation has been triggered so store the current time
swiper.mousewheel.lastScrollTime = (new win.Date()).getTime();
// Return false as a default
return false;
},
releaseScroll(newEvent) {
const swiper = this;
const params = swiper.params.mousewheel;
if (newEvent.direction < 0) {
if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
// Return true to animate scroll on edges
return true;
}
} else if (swiper.isBeginning && !swiper.params.loop && params.releaseOnEdges) {
// Return true to animate scroll on edges
return true;
}
return false;
},
enable() {
const swiper = this;
const event = Mousewheel.event();
if (swiper.params.cssMode) {
swiper.wrapperEl.removeEventListener(event, swiper.mousewheel.handle);
return true;
}
if (!event) return false;
if (swiper.mousewheel.enabled) return false;
let target = swiper.$el;
if (swiper.params.mousewheel.eventsTarged !== 'container') {
target = $(swiper.params.mousewheel.eventsTarged);
}
target.on('mouseenter', swiper.mousewheel.handleMouseEnter);
target.on('mouseleave', swiper.mousewheel.handleMouseLeave);
target.on(event, swiper.mousewheel.handle);
swiper.mousewheel.enabled = true;
return true;
},
disable() {
const swiper = this;
const event = Mousewheel.event();
if (swiper.params.cssMode) {
swiper.wrapperEl.addEventListener(event, swiper.mousewheel.handle);
return true;
}
if (!event) return false;
if (!swiper.mousewheel.enabled) return false;
let target = swiper.$el;
if (swiper.params.mousewheel.eventsTarged !== 'container') {
target = $(swiper.params.mousewheel.eventsTarged);
}
target.off(event, swiper.mousewheel.handle);
swiper.mousewheel.enabled = false;
return true;
},
};
var Mousewheel$1 = {
name: 'mousewheel',
params: {
mousewheel: {
enabled: false,
releaseOnEdges: false,
invert: false,
forceToAxis: false,
sensitivity: 1,
eventsTarged: 'container',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
mousewheel: {
enabled: false,
enable: Mousewheel.enable.bind(swiper),
disable: Mousewheel.disable.bind(swiper),
handle: Mousewheel.handle.bind(swiper),
handleMouseEnter: Mousewheel.handleMouseEnter.bind(swiper),
handleMouseLeave: Mousewheel.handleMouseLeave.bind(swiper),
animateSlider: Mousewheel.animateSlider.bind(swiper),
releaseScroll: Mousewheel.releaseScroll.bind(swiper),
lastScrollTime: Utils.now(),
lastEventBeforeSnap: undefined,
recentWheelEvents: [],
},
});
},
on: {
init() {
const swiper = this;
if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
swiper.mousewheel.disable();
}
if (swiper.params.mousewheel.enabled) swiper.mousewheel.enable();
},
destroy() {
const swiper = this;
if (swiper.params.cssMode) {
swiper.mousewheel.enable();
}
if (swiper.mousewheel.enabled) swiper.mousewheel.disable();
},
},
};
const Navigation = {
update() {
// Update Navigation Buttons
const swiper = this;
const params = swiper.params.navigation;
if (swiper.params.loop) return;
const { $nextEl, $prevEl } = swiper.navigation;
if ($prevEl && $prevEl.length > 0) {
if (swiper.isBeginning) {
$prevEl.addClass(params.disabledClass);
} else {
$prevEl.removeClass(params.disabledClass);
}
$prevEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
}
if ($nextEl && $nextEl.length > 0) {
if (swiper.isEnd) {
$nextEl.addClass(params.disabledClass);
} else {
$nextEl.removeClass(params.disabledClass);
}
$nextEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
}
},
onPrevClick(e) {
const swiper = this;
e.preventDefault();
if (swiper.isBeginning && !swiper.params.loop) return;
swiper.slidePrev();
},
onNextClick(e) {
const swiper = this;
e.preventDefault();
if (swiper.isEnd && !swiper.params.loop) return;
swiper.slideNext();
},
init() {
const swiper = this;
const params = swiper.params.navigation;
if (!(params.nextEl || params.prevEl)) return;
let $nextEl;
let $prevEl;
if (params.nextEl) {
$nextEl = $(params.nextEl);
if (
swiper.params.uniqueNavElements
&& typeof params.nextEl === 'string'
&& $nextEl.length > 1
&& swiper.$el.find(params.nextEl).length === 1
) {
$nextEl = swiper.$el.find(params.nextEl);
}
}
if (params.prevEl) {
$prevEl = $(params.prevEl);
if (
swiper.params.uniqueNavElements
&& typeof params.prevEl === 'string'
&& $prevEl.length > 1
&& swiper.$el.find(params.prevEl).length === 1
) {
$prevEl = swiper.$el.find(params.prevEl);
}
}
if ($nextEl && $nextEl.length > 0) {
$nextEl.on('click', swiper.navigation.onNextClick);
}
if ($prevEl && $prevEl.length > 0) {
$prevEl.on('click', swiper.navigation.onPrevClick);
}
Utils.extend(swiper.navigation, {
$nextEl,
nextEl: $nextEl && $nextEl[0],
$prevEl,
prevEl: $prevEl && $prevEl[0],
});
},
destroy() {
const swiper = this;
const { $nextEl, $prevEl } = swiper.navigation;
if ($nextEl && $nextEl.length) {
$nextEl.off('click', swiper.navigation.onNextClick);
$nextEl.removeClass(swiper.params.navigation.disabledClass);
}
if ($prevEl && $prevEl.length) {
$prevEl.off('click', swiper.navigation.onPrevClick);
$prevEl.removeClass(swiper.params.navigation.disabledClass);
}
},
};
var Navigation$1 = {
name: 'navigation',
params: {
navigation: {
nextEl: null,
prevEl: null,
hideOnClick: false,
disabledClass: 'swiper-button-disabled',
hiddenClass: 'swiper-button-hidden',
lockClass: 'swiper-button-lock',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
navigation: {
init: Navigation.init.bind(swiper),
update: Navigation.update.bind(swiper),
destroy: Navigation.destroy.bind(swiper),
onNextClick: Navigation.onNextClick.bind(swiper),
onPrevClick: Navigation.onPrevClick.bind(swiper),
},
});
},
on: {
init() {
const swiper = this;
swiper.navigation.init();
swiper.navigation.update();
},
toEdge() {
const swiper = this;
swiper.navigation.update();
},
fromEdge() {
const swiper = this;
swiper.navigation.update();
},
destroy() {
const swiper = this;
swiper.navigation.destroy();
},
click(e) {
const swiper = this;
const { $nextEl, $prevEl } = swiper.navigation;
if (
swiper.params.navigation.hideOnClick
&& !$(e.target).is($prevEl)
&& !$(e.target).is($nextEl)
) {
let isHidden;
if ($nextEl) {
isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);
} else if ($prevEl) {
isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);
}
if (isHidden === true) {
swiper.emit('navigationShow', swiper);
} else {
swiper.emit('navigationHide', swiper);
}
if ($nextEl) {
$nextEl.toggleClass(swiper.params.navigation.hiddenClass);
}
if ($prevEl) {
$prevEl.toggleClass(swiper.params.navigation.hiddenClass);
}
}
},
},
};
const Pagination = {
update() {
// Render || Update Pagination bullets/items
const swiper = this;
const rtl = swiper.rtl;
const params = swiper.params.pagination;
if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
const $el = swiper.pagination.$el;
// Current/Total
let current;
const total = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
if (swiper.params.loop) {
current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);
if (current > slidesLength - 1 - (swiper.loopedSlides * 2)) {
current -= (slidesLength - (swiper.loopedSlides * 2));
}
if (current > total - 1) current -= total;
if (current < 0 && swiper.params.paginationType !== 'bullets') current = total + current;
} else if (typeof swiper.snapIndex !== 'undefined') {
current = swiper.snapIndex;
} else {
current = swiper.activeIndex || 0;
}
// Types
if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
const bullets = swiper.pagination.bullets;
let firstIndex;
let lastIndex;
let midIndex;
if (params.dynamicBullets) {
swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true);
$el.css(swiper.isHorizontal() ? 'width' : 'height', `${swiper.pagination.bulletSize * (params.dynamicMainBullets + 4)}px`);
if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) {
swiper.pagination.dynamicBulletIndex += (current - swiper.previousIndex);
if (swiper.pagination.dynamicBulletIndex > (params.dynamicMainBullets - 1)) {
swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1;
} else if (swiper.pagination.dynamicBulletIndex < 0) {
swiper.pagination.dynamicBulletIndex = 0;
}
}
firstIndex = current - swiper.pagination.dynamicBulletIndex;
lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
midIndex = (lastIndex + firstIndex) / 2;
}
bullets.removeClass(`${params.bulletActiveClass} ${params.bulletActiveClass}-next ${params.bulletActiveClass}-next-next ${params.bulletActiveClass}-prev ${params.bulletActiveClass}-prev-prev ${params.bulletActiveClass}-main`);
if ($el.length > 1) {
bullets.each((index, bullet) => {
const $bullet = $(bullet);
const bulletIndex = $bullet.index();
if (bulletIndex === current) {
$bullet.addClass(params.bulletActiveClass);
}
if (params.dynamicBullets) {
if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
$bullet.addClass(`${params.bulletActiveClass}-main`);
}
if (bulletIndex === firstIndex) {
$bullet
.prev()
.addClass(`${params.bulletActiveClass}-prev`)
.prev()
.addClass(`${params.bulletActiveClass}-prev-prev`);
}
if (bulletIndex === lastIndex) {
$bullet
.next()
.addClass(`${params.bulletActiveClass}-next`)
.next()
.addClass(`${params.bulletActiveClass}-next-next`);
}
}
});
} else {
const $bullet = bullets.eq(current);
const bulletIndex = $bullet.index();
$bullet.addClass(params.bulletActiveClass);
if (params.dynamicBullets) {
const $firstDisplayedBullet = bullets.eq(firstIndex);
const $lastDisplayedBullet = bullets.eq(lastIndex);
for (let i = firstIndex; i <= lastIndex; i += 1) {
bullets.eq(i).addClass(`${params.bulletActiveClass}-main`);
}
if (swiper.params.loop) {
if (bulletIndex >= bullets.length - params.dynamicMainBullets) {
for (let i = params.dynamicMainBullets; i >= 0; i -= 1) {
bullets.eq(bullets.length - i).addClass(`${params.bulletActiveClass}-main`);
}
bullets.eq(bullets.length - params.dynamicMainBullets - 1).addClass(`${params.bulletActiveClass}-prev`);
} else {
$firstDisplayedBullet
.prev()
.addClass(`${params.bulletActiveClass}-prev`)
.prev()
.addClass(`${params.bulletActiveClass}-prev-prev`);
$lastDisplayedBullet
.next()
.addClass(`${params.bulletActiveClass}-next`)
.next()
.addClass(`${params.bulletActiveClass}-next-next`);
}
} else {
$firstDisplayedBullet
.prev()
.addClass(`${params.bulletActiveClass}-prev`)
.prev()
.addClass(`${params.bulletActiveClass}-prev-prev`);
$lastDisplayedBullet
.next()
.addClass(`${params.bulletActiveClass}-next`)
.next()
.addClass(`${params.bulletActiveClass}-next-next`);
}
}
}
if (params.dynamicBullets) {
const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
const bulletsOffset = (((swiper.pagination.bulletSize * dynamicBulletsLength) - (swiper.pagination.bulletSize)) / 2) - (midIndex * swiper.pagination.bulletSize);
const offsetProp = rtl ? 'right' : 'left';
bullets.css(swiper.isHorizontal() ? offsetProp : 'top', `${bulletsOffset}px`);
}
}
if (params.type === 'fraction') {
$el.find(`.${params.currentClass}`).text(params.formatFractionCurrent(current + 1));
$el.find(`.${params.totalClass}`).text(params.formatFractionTotal(total));
}
if (params.type === 'progressbar') {
let progressbarDirection;
if (params.progressbarOpposite) {
progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
} else {
progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
}
const scale = (current + 1) / total;
let scaleX = 1;
let scaleY = 1;
if (progressbarDirection === 'horizontal') {
scaleX = scale;
} else {
scaleY = scale;
}
$el.find(`.${params.progressbarFillClass}`).transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`).transition(swiper.params.speed);
}
if (params.type === 'custom' && params.renderCustom) {
$el.html(params.renderCustom(swiper, current + 1, total));
swiper.emit('paginationRender', swiper, $el[0]);
} else {
swiper.emit('paginationUpdate', swiper, $el[0]);
}
$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
},
render() {
// Render Container
const swiper = this;
const params = swiper.params.pagination;
if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
const $el = swiper.pagination.$el;
let paginationHTML = '';
if (params.type === 'bullets') {
const numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
for (let i = 0; i < numberOfBullets; i += 1) {
if (params.renderBullet) {
paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
} else {
paginationHTML += `<${params.bulletElement} class="${params.bulletClass}">`;
}
}
$el.html(paginationHTML);
swiper.pagination.bullets = $el.find(`.${params.bulletClass}`);
}
if (params.type === 'fraction') {
if (params.renderFraction) {
paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
} else {
paginationHTML = ``
+ ' / '
+ ``;
}
$el.html(paginationHTML);
}
if (params.type === 'progressbar') {
if (params.renderProgressbar) {
paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
} else {
paginationHTML = ``;
}
$el.html(paginationHTML);
}
if (params.type !== 'custom') {
swiper.emit('paginationRender', swiper.pagination.$el[0]);
}
},
init() {
const swiper = this;
const params = swiper.params.pagination;
if (!params.el) return;
let $el = $(params.el);
if ($el.length === 0) return;
if (
swiper.params.uniqueNavElements
&& typeof params.el === 'string'
&& $el.length > 1
) {
$el = swiper.$el.find(params.el);
}
if (params.type === 'bullets' && params.clickable) {
$el.addClass(params.clickableClass);
}
$el.addClass(params.modifierClass + params.type);
if (params.type === 'bullets' && params.dynamicBullets) {
$el.addClass(`${params.modifierClass}${params.type}-dynamic`);
swiper.pagination.dynamicBulletIndex = 0;
if (params.dynamicMainBullets < 1) {
params.dynamicMainBullets = 1;
}
}
if (params.type === 'progressbar' && params.progressbarOpposite) {
$el.addClass(params.progressbarOppositeClass);
}
if (params.clickable) {
$el.on('click', `.${params.bulletClass}`, function onClick(e) {
e.preventDefault();
let index = $(this).index() * swiper.params.slidesPerGroup;
if (swiper.params.loop) index += swiper.loopedSlides;
swiper.slideTo(index);
});
}
Utils.extend(swiper.pagination, {
$el,
el: $el[0],
});
},
destroy() {
const swiper = this;
const params = swiper.params.pagination;
if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
const $el = swiper.pagination.$el;
$el.removeClass(params.hiddenClass);
$el.removeClass(params.modifierClass + params.type);
if (swiper.pagination.bullets) swiper.pagination.bullets.removeClass(params.bulletActiveClass);
if (params.clickable) {
$el.off('click', `.${params.bulletClass}`);
}
},
};
var Pagination$1 = {
name: 'pagination',
params: {
pagination: {
el: null,
bulletElement: 'span',
clickable: false,
hideOnClick: false,
renderBullet: null,
renderProgressbar: null,
renderFraction: null,
renderCustom: null,
progressbarOpposite: false,
type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'
dynamicBullets: false,
dynamicMainBullets: 1,
formatFractionCurrent: (number) => number,
formatFractionTotal: (number) => number,
bulletClass: 'swiper-pagination-bullet',
bulletActiveClass: 'swiper-pagination-bullet-active',
modifierClass: 'swiper-pagination-', // NEW
currentClass: 'swiper-pagination-current',
totalClass: 'swiper-pagination-total',
hiddenClass: 'swiper-pagination-hidden',
progressbarFillClass: 'swiper-pagination-progressbar-fill',
progressbarOppositeClass: 'swiper-pagination-progressbar-opposite',
clickableClass: 'swiper-pagination-clickable', // NEW
lockClass: 'swiper-pagination-lock',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
pagination: {
init: Pagination.init.bind(swiper),
render: Pagination.render.bind(swiper),
update: Pagination.update.bind(swiper),
destroy: Pagination.destroy.bind(swiper),
dynamicBulletIndex: 0,
},
});
},
on: {
init() {
const swiper = this;
swiper.pagination.init();
swiper.pagination.render();
swiper.pagination.update();
},
activeIndexChange() {
const swiper = this;
if (swiper.params.loop) {
swiper.pagination.update();
} else if (typeof swiper.snapIndex === 'undefined') {
swiper.pagination.update();
}
},
snapIndexChange() {
const swiper = this;
if (!swiper.params.loop) {
swiper.pagination.update();
}
},
slidesLengthChange() {
const swiper = this;
if (swiper.params.loop) {
swiper.pagination.render();
swiper.pagination.update();
}
},
snapGridLengthChange() {
const swiper = this;
if (!swiper.params.loop) {
swiper.pagination.render();
swiper.pagination.update();
}
},
destroy() {
const swiper = this;
swiper.pagination.destroy();
},
click(e) {
const swiper = this;
if (
swiper.params.pagination.el
&& swiper.params.pagination.hideOnClick
&& swiper.pagination.$el.length > 0
&& !$(e.target).hasClass(swiper.params.pagination.bulletClass)
) {
const isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass);
if (isHidden === true) {
swiper.emit('paginationShow', swiper);
} else {
swiper.emit('paginationHide', swiper);
}
swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass);
}
},
},
};
const Scrollbar = {
setTranslate() {
const swiper = this;
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
const { scrollbar, rtlTranslate: rtl, progress } = swiper;
const {
dragSize, trackSize, $dragEl, $el,
} = scrollbar;
const params = swiper.params.scrollbar;
let newSize = dragSize;
let newPos = (trackSize - dragSize) * progress;
if (rtl) {
newPos = -newPos;
if (newPos > 0) {
newSize = dragSize - newPos;
newPos = 0;
} else if (-newPos + dragSize > trackSize) {
newSize = trackSize + newPos;
}
} else if (newPos < 0) {
newSize = dragSize + newPos;
newPos = 0;
} else if (newPos + dragSize > trackSize) {
newSize = trackSize - newPos;
}
if (swiper.isHorizontal()) {
$dragEl.transform(`translate3d(${newPos}px, 0, 0)`);
$dragEl[0].style.width = `${newSize}px`;
} else {
$dragEl.transform(`translate3d(0px, ${newPos}px, 0)`);
$dragEl[0].style.height = `${newSize}px`;
}
if (params.hide) {
clearTimeout(swiper.scrollbar.timeout);
$el[0].style.opacity = 1;
swiper.scrollbar.timeout = setTimeout(() => {
$el[0].style.opacity = 0;
$el.transition(400);
}, 1000);
}
},
setTransition(duration) {
const swiper = this;
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
swiper.scrollbar.$dragEl.transition(duration);
},
updateSize() {
const swiper = this;
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
const { scrollbar } = swiper;
const { $dragEl, $el } = scrollbar;
$dragEl[0].style.width = '';
$dragEl[0].style.height = '';
const trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;
const divider = swiper.size / swiper.virtualSize;
const moveDivider = divider * (trackSize / swiper.size);
let dragSize;
if (swiper.params.scrollbar.dragSize === 'auto') {
dragSize = trackSize * divider;
} else {
dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);
}
if (swiper.isHorizontal()) {
$dragEl[0].style.width = `${dragSize}px`;
} else {
$dragEl[0].style.height = `${dragSize}px`;
}
if (divider >= 1) {
$el[0].style.display = 'none';
} else {
$el[0].style.display = '';
}
if (swiper.params.scrollbar.hide) {
$el[0].style.opacity = 0;
}
Utils.extend(scrollbar, {
trackSize,
divider,
moveDivider,
dragSize,
});
scrollbar.$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);
},
getPointerPosition(e) {
const swiper = this;
if (swiper.isHorizontal()) {
return ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].clientX : e.clientX);
}
return ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].clientY : e.clientY);
},
setDragPosition(e) {
const swiper = this;
const { scrollbar, rtlTranslate: rtl } = swiper;
const {
$el,
dragSize,
trackSize,
dragStartPos,
} = scrollbar;
let positionRatio;
positionRatio = ((scrollbar.getPointerPosition(e)) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top']
- (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);
positionRatio = Math.max(Math.min(positionRatio, 1), 0);
if (rtl) {
positionRatio = 1 - positionRatio;
}
const position = swiper.minTranslate() + ((swiper.maxTranslate() - swiper.minTranslate()) * positionRatio);
swiper.updateProgress(position);
swiper.setTranslate(position);
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
},
onDragStart(e) {
const swiper = this;
const params = swiper.params.scrollbar;
const { scrollbar, $wrapperEl } = swiper;
const { $el, $dragEl } = scrollbar;
swiper.scrollbar.isTouched = true;
swiper.scrollbar.dragStartPos = (e.target === $dragEl[0] || e.target === $dragEl)
? scrollbar.getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;
e.preventDefault();
e.stopPropagation();
$wrapperEl.transition(100);
$dragEl.transition(100);
scrollbar.setDragPosition(e);
clearTimeout(swiper.scrollbar.dragTimeout);
$el.transition(0);
if (params.hide) {
$el.css('opacity', 1);
}
if (swiper.params.cssMode) {
swiper.$wrapperEl.css('scroll-snap-type', 'none');
}
swiper.emit('scrollbarDragStart', e);
},
onDragMove(e) {
const swiper = this;
const { scrollbar, $wrapperEl } = swiper;
const { $el, $dragEl } = scrollbar;
if (!swiper.scrollbar.isTouched) return;
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
scrollbar.setDragPosition(e);
$wrapperEl.transition(0);
$el.transition(0);
$dragEl.transition(0);
swiper.emit('scrollbarDragMove', e);
},
onDragEnd(e) {
const swiper = this;
const params = swiper.params.scrollbar;
const { scrollbar, $wrapperEl } = swiper;
const { $el } = scrollbar;
if (!swiper.scrollbar.isTouched) return;
swiper.scrollbar.isTouched = false;
if (swiper.params.cssMode) {
swiper.$wrapperEl.css('scroll-snap-type', '');
$wrapperEl.transition('');
}
if (params.hide) {
clearTimeout(swiper.scrollbar.dragTimeout);
swiper.scrollbar.dragTimeout = Utils.nextTick(() => {
$el.css('opacity', 0);
$el.transition(400);
}, 1000);
}
swiper.emit('scrollbarDragEnd', e);
if (params.snapOnRelease) {
swiper.slideToClosest();
}
},
enableDraggable() {
const swiper = this;
if (!swiper.params.scrollbar.el) return;
const {
scrollbar, touchEventsTouch, touchEventsDesktop, params,
} = swiper;
const $el = scrollbar.$el;
const target = $el[0];
const activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;
const passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
if (!Support.touch) {
target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
doc.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
doc.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
} else {
target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
}
},
disableDraggable() {
const swiper = this;
if (!swiper.params.scrollbar.el) return;
const {
scrollbar, touchEventsTouch, touchEventsDesktop, params,
} = swiper;
const $el = scrollbar.$el;
const target = $el[0];
const activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;
const passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
if (!Support.touch) {
target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
doc.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
doc.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
} else {
target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
}
},
init() {
const swiper = this;
if (!swiper.params.scrollbar.el) return;
const { scrollbar, $el: $swiperEl } = swiper;
const params = swiper.params.scrollbar;
let $el = $(params.el);
if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {
$el = $swiperEl.find(params.el);
}
let $dragEl = $el.find(`.${swiper.params.scrollbar.dragClass}`);
if ($dragEl.length === 0) {
$dragEl = $(``);
$el.append($dragEl);
}
Utils.extend(scrollbar, {
$el,
el: $el[0],
$dragEl,
dragEl: $dragEl[0],
});
if (params.draggable) {
scrollbar.enableDraggable();
}
},
destroy() {
const swiper = this;
swiper.scrollbar.disableDraggable();
},
};
var Scrollbar$1 = {
name: 'scrollbar',
params: {
scrollbar: {
el: null,
dragSize: 'auto',
hide: false,
draggable: false,
snapOnRelease: true,
lockClass: 'swiper-scrollbar-lock',
dragClass: 'swiper-scrollbar-drag',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
scrollbar: {
init: Scrollbar.init.bind(swiper),
destroy: Scrollbar.destroy.bind(swiper),
updateSize: Scrollbar.updateSize.bind(swiper),
setTranslate: Scrollbar.setTranslate.bind(swiper),
setTransition: Scrollbar.setTransition.bind(swiper),
enableDraggable: Scrollbar.enableDraggable.bind(swiper),
disableDraggable: Scrollbar.disableDraggable.bind(swiper),
setDragPosition: Scrollbar.setDragPosition.bind(swiper),
getPointerPosition: Scrollbar.getPointerPosition.bind(swiper),
onDragStart: Scrollbar.onDragStart.bind(swiper),
onDragMove: Scrollbar.onDragMove.bind(swiper),
onDragEnd: Scrollbar.onDragEnd.bind(swiper),
isTouched: false,
timeout: null,
dragTimeout: null,
},
});
},
on: {
init() {
const swiper = this;
swiper.scrollbar.init();
swiper.scrollbar.updateSize();
swiper.scrollbar.setTranslate();
},
update() {
const swiper = this;
swiper.scrollbar.updateSize();
},
resize() {
const swiper = this;
swiper.scrollbar.updateSize();
},
observerUpdate() {
const swiper = this;
swiper.scrollbar.updateSize();
},
setTranslate() {
const swiper = this;
swiper.scrollbar.setTranslate();
},
setTransition(duration) {
const swiper = this;
swiper.scrollbar.setTransition(duration);
},
destroy() {
const swiper = this;
swiper.scrollbar.destroy();
},
},
};
const Parallax = {
setTransform(el, progress) {
const swiper = this;
const { rtl } = swiper;
const $el = $(el);
const rtlFactor = rtl ? -1 : 1;
const p = $el.attr('data-swiper-parallax') || '0';
let x = $el.attr('data-swiper-parallax-x');
let y = $el.attr('data-swiper-parallax-y');
const scale = $el.attr('data-swiper-parallax-scale');
const opacity = $el.attr('data-swiper-parallax-opacity');
if (x || y) {
x = x || '0';
y = y || '0';
} else if (swiper.isHorizontal()) {
x = p;
y = '0';
} else {
y = p;
x = '0';
}
if ((x).indexOf('%') >= 0) {
x = `${parseInt(x, 10) * progress * rtlFactor}%`;
} else {
x = `${x * progress * rtlFactor}px`;
}
if ((y).indexOf('%') >= 0) {
y = `${parseInt(y, 10) * progress}%`;
} else {
y = `${y * progress}px`;
}
if (typeof opacity !== 'undefined' && opacity !== null) {
const currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress)));
$el[0].style.opacity = currentOpacity;
}
if (typeof scale === 'undefined' || scale === null) {
$el.transform(`translate3d(${x}, ${y}, 0px)`);
} else {
const currentScale = scale - ((scale - 1) * (1 - Math.abs(progress)));
$el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
}
},
setTranslate() {
const swiper = this;
const {
$el, slides, progress, snapGrid,
} = swiper;
$el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
.each((index, el) => {
swiper.parallax.setTransform(el, progress);
});
slides.each((slideIndex, slideEl) => {
let slideProgress = slideEl.progress;
if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1));
}
slideProgress = Math.min(Math.max(slideProgress, -1), 1);
$(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
.each((index, el) => {
swiper.parallax.setTransform(el, slideProgress);
});
});
},
setTransition(duration = this.params.speed) {
const swiper = this;
const { $el } = swiper;
$el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
.each((index, parallaxEl) => {
const $parallaxEl = $(parallaxEl);
let parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;
if (duration === 0) parallaxDuration = 0;
$parallaxEl.transition(parallaxDuration);
});
},
};
var Parallax$1 = {
name: 'parallax',
params: {
parallax: {
enabled: false,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
parallax: {
setTransform: Parallax.setTransform.bind(swiper),
setTranslate: Parallax.setTranslate.bind(swiper),
setTransition: Parallax.setTransition.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (!swiper.params.parallax.enabled) return;
swiper.params.watchSlidesProgress = true;
swiper.originalParams.watchSlidesProgress = true;
},
init() {
const swiper = this;
if (!swiper.params.parallax.enabled) return;
swiper.parallax.setTranslate();
},
setTranslate() {
const swiper = this;
if (!swiper.params.parallax.enabled) return;
swiper.parallax.setTranslate();
},
setTransition(duration) {
const swiper = this;
if (!swiper.params.parallax.enabled) return;
swiper.parallax.setTransition(duration);
},
},
};
const Zoom = {
// Calc Scale From Multi-touches
getDistanceBetweenTouches(e) {
if (e.targetTouches.length < 2) return 1;
const x1 = e.targetTouches[0].pageX;
const y1 = e.targetTouches[0].pageY;
const x2 = e.targetTouches[1].pageX;
const y2 = e.targetTouches[1].pageY;
const distance = Math.sqrt(((x2 - x1) ** 2) + ((y2 - y1) ** 2));
return distance;
},
// Events
onGestureStart(e) {
const swiper = this;
const params = swiper.params.zoom;
const zoom = swiper.zoom;
const { gesture } = zoom;
zoom.fakeGestureTouched = false;
zoom.fakeGestureMoved = false;
if (!Support.gestures) {
if (e.type !== 'touchstart' || (e.type === 'touchstart' && e.targetTouches.length < 2)) {
return;
}
zoom.fakeGestureTouched = true;
gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);
}
if (!gesture.$slideEl || !gesture.$slideEl.length) {
gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`);
if (gesture.$slideEl.length === 0) gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
if (gesture.$imageWrapEl.length === 0) {
gesture.$imageEl = undefined;
return;
}
}
if (gesture.$imageEl) {
gesture.$imageEl.transition(0);
}
swiper.zoom.isScaling = true;
},
onGestureChange(e) {
const swiper = this;
const params = swiper.params.zoom;
const zoom = swiper.zoom;
const { gesture } = zoom;
if (!Support.gestures) {
if (e.type !== 'touchmove' || (e.type === 'touchmove' && e.targetTouches.length < 2)) {
return;
}
zoom.fakeGestureMoved = true;
gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);
}
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
if (Support.gestures) {
zoom.scale = e.scale * zoom.currentScale;
} else {
zoom.scale = (gesture.scaleMove / gesture.scaleStart) * zoom.currentScale;
}
if (zoom.scale > gesture.maxRatio) {
zoom.scale = (gesture.maxRatio - 1) + (((zoom.scale - gesture.maxRatio) + 1) ** 0.5);
}
if (zoom.scale < params.minRatio) {
zoom.scale = (params.minRatio + 1) - (((params.minRatio - zoom.scale) + 1) ** 0.5);
}
gesture.$imageEl.transform(`translate3d(0,0,0) scale(${zoom.scale})`);
},
onGestureEnd(e) {
const swiper = this;
const params = swiper.params.zoom;
const zoom = swiper.zoom;
const { gesture } = zoom;
if (!Support.gestures) {
if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {
return;
}
if (e.type !== 'touchend' || (e.type === 'touchend' && e.changedTouches.length < 2 && !Device.android)) {
return;
}
zoom.fakeGestureTouched = false;
zoom.fakeGestureMoved = false;
}
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);
gesture.$imageEl.transition(swiper.params.speed).transform(`translate3d(0,0,0) scale(${zoom.scale})`);
zoom.currentScale = zoom.scale;
zoom.isScaling = false;
if (zoom.scale === 1) gesture.$slideEl = undefined;
},
onTouchStart(e) {
const swiper = this;
const zoom = swiper.zoom;
const { gesture, image } = zoom;
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
if (image.isTouched) return;
if (Device.android && e.cancelable) e.preventDefault();
image.isTouched = true;
image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
},
onTouchMove(e) {
const swiper = this;
const zoom = swiper.zoom;
const { gesture, image, velocity } = zoom;
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
swiper.allowClick = false;
if (!image.isTouched || !gesture.$slideEl) return;
if (!image.isMoved) {
image.width = gesture.$imageEl[0].offsetWidth;
image.height = gesture.$imageEl[0].offsetHeight;
image.startX = Utils.getTranslate(gesture.$imageWrapEl[0], 'x') || 0;
image.startY = Utils.getTranslate(gesture.$imageWrapEl[0], 'y') || 0;
gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
gesture.$imageWrapEl.transition(0);
if (swiper.rtl) {
image.startX = -image.startX;
image.startY = -image.startY;
}
}
// Define if we need image drag
const scaledWidth = image.width * zoom.scale;
const scaledHeight = image.height * zoom.scale;
if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) return;
image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);
image.maxX = -image.minX;
image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);
image.maxY = -image.minY;
image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
if (!image.isMoved && !zoom.isScaling) {
if (
swiper.isHorizontal()
&& (
(Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x)
|| (Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)
)
) {
image.isTouched = false;
return;
} if (
!swiper.isHorizontal()
&& (
(Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y)
|| (Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)
)
) {
image.isTouched = false;
return;
}
}
if (e.cancelable) {
e.preventDefault();
}
e.stopPropagation();
image.isMoved = true;
image.currentX = (image.touchesCurrent.x - image.touchesStart.x) + image.startX;
image.currentY = (image.touchesCurrent.y - image.touchesStart.y) + image.startY;
if (image.currentX < image.minX) {
image.currentX = (image.minX + 1) - (((image.minX - image.currentX) + 1) ** 0.8);
}
if (image.currentX > image.maxX) {
image.currentX = (image.maxX - 1) + (((image.currentX - image.maxX) + 1) ** 0.8);
}
if (image.currentY < image.minY) {
image.currentY = (image.minY + 1) - (((image.minY - image.currentY) + 1) ** 0.8);
}
if (image.currentY > image.maxY) {
image.currentY = (image.maxY - 1) + (((image.currentY - image.maxY) + 1) ** 0.8);
}
// Velocity
if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;
if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;
if (!velocity.prevTime) velocity.prevTime = Date.now();
velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;
velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;
if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) velocity.x = 0;
if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) velocity.y = 0;
velocity.prevPositionX = image.touchesCurrent.x;
velocity.prevPositionY = image.touchesCurrent.y;
velocity.prevTime = Date.now();
gesture.$imageWrapEl.transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`);
},
onTouchEnd() {
const swiper = this;
const zoom = swiper.zoom;
const { gesture, image, velocity } = zoom;
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
if (!image.isTouched || !image.isMoved) {
image.isTouched = false;
image.isMoved = false;
return;
}
image.isTouched = false;
image.isMoved = false;
let momentumDurationX = 300;
let momentumDurationY = 300;
const momentumDistanceX = velocity.x * momentumDurationX;
const newPositionX = image.currentX + momentumDistanceX;
const momentumDistanceY = velocity.y * momentumDurationY;
const newPositionY = image.currentY + momentumDistanceY;
// Fix duration
if (velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x);
if (velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y);
const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
image.currentX = newPositionX;
image.currentY = newPositionY;
// Define if we need image drag
const scaledWidth = image.width * zoom.scale;
const scaledHeight = image.height * zoom.scale;
image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);
image.maxX = -image.minX;
image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);
image.maxY = -image.minY;
image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);
image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);
gesture.$imageWrapEl.transition(momentumDuration).transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`);
},
onTransitionEnd() {
const swiper = this;
const zoom = swiper.zoom;
const { gesture } = zoom;
if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
if (gesture.$imageEl) {
gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');
}
if (gesture.$imageWrapEl) {
gesture.$imageWrapEl.transform('translate3d(0,0,0)');
}
zoom.scale = 1;
zoom.currentScale = 1;
gesture.$slideEl = undefined;
gesture.$imageEl = undefined;
gesture.$imageWrapEl = undefined;
}
},
// Toggle Zoom
toggle(e) {
const swiper = this;
const zoom = swiper.zoom;
if (zoom.scale && zoom.scale !== 1) {
// Zoom Out
zoom.out();
} else {
// Zoom In
zoom.in(e);
}
},
in(e) {
const swiper = this;
const zoom = swiper.zoom;
const params = swiper.params.zoom;
const { gesture, image } = zoom;
if (!gesture.$slideEl) {
if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
gesture.$slideEl = swiper.$wrapperEl.children(`.${swiper.params.slideActiveClass}`);
} else {
gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
}
gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
}
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
gesture.$slideEl.addClass(`${params.zoomedSlideClass}`);
let touchX;
let touchY;
let offsetX;
let offsetY;
let diffX;
let diffY;
let translateX;
let translateY;
let imageWidth;
let imageHeight;
let scaledWidth;
let scaledHeight;
let translateMinX;
let translateMinY;
let translateMaxX;
let translateMaxY;
let slideWidth;
let slideHeight;
if (typeof image.touchesStart.x === 'undefined' && e) {
touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;
touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;
} else {
touchX = image.touchesStart.x;
touchY = image.touchesStart.y;
}
zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
if (e) {
slideWidth = gesture.$slideEl[0].offsetWidth;
slideHeight = gesture.$slideEl[0].offsetHeight;
offsetX = gesture.$slideEl.offset().left;
offsetY = gesture.$slideEl.offset().top;
diffX = (offsetX + (slideWidth / 2)) - touchX;
diffY = (offsetY + (slideHeight / 2)) - touchY;
imageWidth = gesture.$imageEl[0].offsetWidth;
imageHeight = gesture.$imageEl[0].offsetHeight;
scaledWidth = imageWidth * zoom.scale;
scaledHeight = imageHeight * zoom.scale;
translateMinX = Math.min(((slideWidth / 2) - (scaledWidth / 2)), 0);
translateMinY = Math.min(((slideHeight / 2) - (scaledHeight / 2)), 0);
translateMaxX = -translateMinX;
translateMaxY = -translateMinY;
translateX = diffX * zoom.scale;
translateY = diffY * zoom.scale;
if (translateX < translateMinX) {
translateX = translateMinX;
}
if (translateX > translateMaxX) {
translateX = translateMaxX;
}
if (translateY < translateMinY) {
translateY = translateMinY;
}
if (translateY > translateMaxY) {
translateY = translateMaxY;
}
} else {
translateX = 0;
translateY = 0;
}
gesture.$imageWrapEl.transition(300).transform(`translate3d(${translateX}px, ${translateY}px,0)`);
gesture.$imageEl.transition(300).transform(`translate3d(0,0,0) scale(${zoom.scale})`);
},
out() {
const swiper = this;
const zoom = swiper.zoom;
const params = swiper.params.zoom;
const { gesture } = zoom;
if (!gesture.$slideEl) {
if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
gesture.$slideEl = swiper.$wrapperEl.children(`.${swiper.params.slideActiveClass}`);
} else {
gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
}
gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
}
if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
zoom.scale = 1;
zoom.currentScale = 1;
gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');
gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');
gesture.$slideEl.removeClass(`${params.zoomedSlideClass}`);
gesture.$slideEl = undefined;
},
// Attach/Detach Events
enable() {
const swiper = this;
const zoom = swiper.zoom;
if (zoom.enabled) return;
zoom.enabled = true;
const passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;
const activeListenerWithCapture = Support.passiveListener ? { passive: false, capture: true } : true;
const slideSelector = `.${swiper.params.slideClass}`;
// Scale image
if (Support.gestures) {
swiper.$wrapperEl.on('gesturestart', slideSelector, zoom.onGestureStart, passiveListener);
swiper.$wrapperEl.on('gesturechange', slideSelector, zoom.onGestureChange, passiveListener);
swiper.$wrapperEl.on('gestureend', slideSelector, zoom.onGestureEnd, passiveListener);
} else if (swiper.touchEvents.start === 'touchstart') {
swiper.$wrapperEl.on(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);
swiper.$wrapperEl.on(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);
swiper.$wrapperEl.on(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);
if (swiper.touchEvents.cancel) {
swiper.$wrapperEl.on(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);
}
}
// Move image
swiper.$wrapperEl.on(swiper.touchEvents.move, `.${swiper.params.zoom.containerClass}`, zoom.onTouchMove, activeListenerWithCapture);
},
disable() {
const swiper = this;
const zoom = swiper.zoom;
if (!zoom.enabled) return;
swiper.zoom.enabled = false;
const passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;
const activeListenerWithCapture = Support.passiveListener ? { passive: false, capture: true } : true;
const slideSelector = `.${swiper.params.slideClass}`;
// Scale image
if (Support.gestures) {
swiper.$wrapperEl.off('gesturestart', slideSelector, zoom.onGestureStart, passiveListener);
swiper.$wrapperEl.off('gesturechange', slideSelector, zoom.onGestureChange, passiveListener);
swiper.$wrapperEl.off('gestureend', slideSelector, zoom.onGestureEnd, passiveListener);
} else if (swiper.touchEvents.start === 'touchstart') {
swiper.$wrapperEl.off(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);
swiper.$wrapperEl.off(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);
swiper.$wrapperEl.off(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);
if (swiper.touchEvents.cancel) {
swiper.$wrapperEl.off(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);
}
}
// Move image
swiper.$wrapperEl.off(swiper.touchEvents.move, `.${swiper.params.zoom.containerClass}`, zoom.onTouchMove, activeListenerWithCapture);
},
};
var Zoom$1 = {
name: 'zoom',
params: {
zoom: {
enabled: false,
maxRatio: 3,
minRatio: 1,
toggle: true,
containerClass: 'swiper-zoom-container',
zoomedSlideClass: 'swiper-slide-zoomed',
},
},
create() {
const swiper = this;
const zoom = {
enabled: false,
scale: 1,
currentScale: 1,
isScaling: false,
gesture: {
$slideEl: undefined,
slideWidth: undefined,
slideHeight: undefined,
$imageEl: undefined,
$imageWrapEl: undefined,
maxRatio: 3,
},
image: {
isTouched: undefined,
isMoved: undefined,
currentX: undefined,
currentY: undefined,
minX: undefined,
minY: undefined,
maxX: undefined,
maxY: undefined,
width: undefined,
height: undefined,
startX: undefined,
startY: undefined,
touchesStart: {},
touchesCurrent: {},
},
velocity: {
x: undefined,
y: undefined,
prevPositionX: undefined,
prevPositionY: undefined,
prevTime: undefined,
},
};
('onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out').split(' ').forEach((methodName) => {
zoom[methodName] = Zoom[methodName].bind(swiper);
});
Utils.extend(swiper, {
zoom,
});
let scale = 1;
Object.defineProperty(swiper.zoom, 'scale', {
get() {
return scale;
},
set(value) {
if (scale !== value) {
const imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;
const slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;
swiper.emit('zoomChange', value, imageEl, slideEl);
}
scale = value;
},
});
},
on: {
init() {
const swiper = this;
if (swiper.params.zoom.enabled) {
swiper.zoom.enable();
}
},
destroy() {
const swiper = this;
swiper.zoom.disable();
},
touchStart(e) {
const swiper = this;
if (!swiper.zoom.enabled) return;
swiper.zoom.onTouchStart(e);
},
touchEnd(e) {
const swiper = this;
if (!swiper.zoom.enabled) return;
swiper.zoom.onTouchEnd(e);
},
doubleTap(e) {
const swiper = this;
if (swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {
swiper.zoom.toggle(e);
}
},
transitionEnd() {
const swiper = this;
if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
swiper.zoom.onTransitionEnd();
}
},
slideChange() {
const swiper = this;
if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {
swiper.zoom.onTransitionEnd();
}
},
},
};
const Lazy = {
loadInSlide(index, loadInDuplicate = true) {
const swiper = this;
const params = swiper.params.lazy;
if (typeof index === 'undefined') return;
if (swiper.slides.length === 0) return;
const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
const $slideEl = isVirtual
? swiper.$wrapperEl.children(`.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`)
: swiper.slides.eq(index);
let $images = $slideEl.find(`.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`);
if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {
$images = $images.add($slideEl[0]);
}
if ($images.length === 0) return;
$images.each((imageIndex, imageEl) => {
const $imageEl = $(imageEl);
$imageEl.addClass(params.loadingClass);
const background = $imageEl.attr('data-background');
const src = $imageEl.attr('data-src');
const srcset = $imageEl.attr('data-srcset');
const sizes = $imageEl.attr('data-sizes');
const $pictureEl = $imageEl.parent('picture');
swiper.loadImage($imageEl[0], (src || background), srcset, sizes, false, () => {
if (typeof swiper === 'undefined' || swiper === null || !swiper || (swiper && !swiper.params) || swiper.destroyed) return;
if (background) {
$imageEl.css('background-image', `url("${background}")`);
$imageEl.removeAttr('data-background');
} else {
if (srcset) {
$imageEl.attr('srcset', srcset);
$imageEl.removeAttr('data-srcset');
}
if (sizes) {
$imageEl.attr('sizes', sizes);
$imageEl.removeAttr('data-sizes');
}
if ($pictureEl.length) {
$pictureEl.children('source').each((sourceIndex, sourceEl) => {
const $source = $(sourceEl);
if ($source.attr('data-srcset')) {
$source.attr('srcset', $source.attr('data-srcset'));
$source.removeAttr('data-srcset');
}
});
}
if (src) {
$imageEl.attr('src', src);
$imageEl.removeAttr('data-src');
}
}
$imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);
$slideEl.find(`.${params.preloaderClass}`).remove();
if (swiper.params.loop && loadInDuplicate) {
const slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');
if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
const originalSlide = swiper.$wrapperEl.children(`[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`);
swiper.lazy.loadInSlide(originalSlide.index(), false);
} else {
const duplicatedSlide = swiper.$wrapperEl.children(`.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`);
swiper.lazy.loadInSlide(duplicatedSlide.index(), false);
}
}
swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);
if (swiper.params.autoHeight) {
swiper.updateAutoHeight();
}
});
swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);
});
},
load() {
const swiper = this;
const {
$wrapperEl, params: swiperParams, slides, activeIndex,
} = swiper;
const isVirtual = swiper.virtual && swiperParams.virtual.enabled;
const params = swiperParams.lazy;
let slidesPerView = swiperParams.slidesPerView;
if (slidesPerView === 'auto') {
slidesPerView = 0;
}
function slideExist(index) {
if (isVirtual) {
if ($wrapperEl.children(`.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`).length) {
return true;
}
} else if (slides[index]) return true;
return false;
}
function slideIndex(slideEl) {
if (isVirtual) {
return $(slideEl).attr('data-swiper-slide-index');
}
return $(slideEl).index();
}
if (!swiper.lazy.initialImageLoaded) swiper.lazy.initialImageLoaded = true;
if (swiper.params.watchSlidesVisibility) {
$wrapperEl.children(`.${swiperParams.slideVisibleClass}`).each((elIndex, slideEl) => {
const index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index();
swiper.lazy.loadInSlide(index);
});
} else if (slidesPerView > 1) {
for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
if (slideExist(i)) swiper.lazy.loadInSlide(i);
}
} else {
swiper.lazy.loadInSlide(activeIndex);
}
if (params.loadPrevNext) {
if (slidesPerView > 1 || (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)) {
const amount = params.loadPrevNextAmount;
const spv = slidesPerView;
const maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0);
// Next Slides
for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {
if (slideExist(i)) swiper.lazy.loadInSlide(i);
}
// Prev Slides
for (let i = minIndex; i < activeIndex; i += 1) {
if (slideExist(i)) swiper.lazy.loadInSlide(i);
}
} else {
const nextSlide = $wrapperEl.children(`.${swiperParams.slideNextClass}`);
if (nextSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(nextSlide));
const prevSlide = $wrapperEl.children(`.${swiperParams.slidePrevClass}`);
if (prevSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(prevSlide));
}
}
},
};
var Lazy$1 = {
name: 'lazy',
params: {
lazy: {
enabled: false,
loadPrevNext: false,
loadPrevNextAmount: 1,
loadOnTransitionStart: false,
elementClass: 'swiper-lazy',
loadingClass: 'swiper-lazy-loading',
loadedClass: 'swiper-lazy-loaded',
preloaderClass: 'swiper-lazy-preloader',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
lazy: {
initialImageLoaded: false,
load: Lazy.load.bind(swiper),
loadInSlide: Lazy.loadInSlide.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
swiper.params.preloadImages = false;
}
},
init() {
const swiper = this;
if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {
swiper.lazy.load();
}
},
scroll() {
const swiper = this;
if (swiper.params.freeMode && !swiper.params.freeModeSticky) {
swiper.lazy.load();
}
},
resize() {
const swiper = this;
if (swiper.params.lazy.enabled) {
swiper.lazy.load();
}
},
scrollbarDragMove() {
const swiper = this;
if (swiper.params.lazy.enabled) {
swiper.lazy.load();
}
},
transitionStart() {
const swiper = this;
if (swiper.params.lazy.enabled) {
if (swiper.params.lazy.loadOnTransitionStart || (!swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded)) {
swiper.lazy.load();
}
}
},
transitionEnd() {
const swiper = this;
if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {
swiper.lazy.load();
}
},
slideChange() {
const swiper = this;
if (swiper.params.lazy.enabled && swiper.params.cssMode) {
swiper.lazy.load();
}
},
},
};
/* eslint no-bitwise: ["error", { "allow": [">>"] }] */
const Controller = {
LinearSpline: function LinearSpline(x, y) {
const binarySearch = (function search() {
let maxIndex;
let minIndex;
let guess;
return (array, val) => {
minIndex = -1;
maxIndex = array.length;
while (maxIndex - minIndex > 1) {
guess = maxIndex + minIndex >> 1;
if (array[guess] <= val) {
minIndex = guess;
} else {
maxIndex = guess;
}
}
return maxIndex;
};
}());
this.x = x;
this.y = y;
this.lastIndex = x.length - 1;
// Given an x value (x2), return the expected y2 value:
// (x1,y1) is the known point before given value,
// (x3,y3) is the known point after given value.
let i1;
let i3;
this.interpolate = function interpolate(x2) {
if (!x2) return 0;
// Get the indexes of x1 and x3 (the array indexes before and after given x2):
i3 = binarySearch(this.x, x2);
i1 = i3 - 1;
// We have our indexes i1 & i3, so we can calculate already:
// y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
return (((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1])) + this.y[i1];
};
return this;
},
// xxx: for now i will just save one spline function to to
getInterpolateFunction(c) {
const swiper = this;
if (!swiper.controller.spline) {
swiper.controller.spline = swiper.params.loop
? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid)
: new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);
}
},
setTranslate(setTranslate, byController) {
const swiper = this;
const controlled = swiper.controller.control;
let multiplier;
let controlledTranslate;
function setControlledTranslate(c) {
// this will create an Interpolate function based on the snapGrids
// x is the Grid of the scrolled scroller and y will be the controlled scroller
// it makes sense to create this only once and recall it for the interpolation
// the function does a lot of value caching for performance
const translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;
if (swiper.params.controller.by === 'slide') {
swiper.controller.getInterpolateFunction(c);
// i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
// but it did not work out
controlledTranslate = -swiper.controller.spline.interpolate(-translate);
}
if (!controlledTranslate || swiper.params.controller.by === 'container') {
multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());
controlledTranslate = ((translate - swiper.minTranslate()) * multiplier) + c.minTranslate();
}
if (swiper.params.controller.inverse) {
controlledTranslate = c.maxTranslate() - controlledTranslate;
}
c.updateProgress(controlledTranslate);
c.setTranslate(controlledTranslate, swiper);
c.updateActiveIndex();
c.updateSlidesClasses();
}
if (Array.isArray(controlled)) {
for (let i = 0; i < controlled.length; i += 1) {
if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
setControlledTranslate(controlled[i]);
}
}
} else if (controlled instanceof Swiper && byController !== controlled) {
setControlledTranslate(controlled);
}
},
setTransition(duration, byController) {
const swiper = this;
const controlled = swiper.controller.control;
let i;
function setControlledTransition(c) {
c.setTransition(duration, swiper);
if (duration !== 0) {
c.transitionStart();
if (c.params.autoHeight) {
Utils.nextTick(() => {
c.updateAutoHeight();
});
}
c.$wrapperEl.transitionEnd(() => {
if (!controlled) return;
if (c.params.loop && swiper.params.controller.by === 'slide') {
c.loopFix();
}
c.transitionEnd();
});
}
}
if (Array.isArray(controlled)) {
for (i = 0; i < controlled.length; i += 1) {
if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
setControlledTransition(controlled[i]);
}
}
} else if (controlled instanceof Swiper && byController !== controlled) {
setControlledTransition(controlled);
}
},
};
var Controller$1 = {
name: 'controller',
params: {
controller: {
control: undefined,
inverse: false,
by: 'slide', // or 'container'
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
controller: {
control: swiper.params.controller.control,
getInterpolateFunction: Controller.getInterpolateFunction.bind(swiper),
setTranslate: Controller.setTranslate.bind(swiper),
setTransition: Controller.setTransition.bind(swiper),
},
});
},
on: {
update() {
const swiper = this;
if (!swiper.controller.control) return;
if (swiper.controller.spline) {
swiper.controller.spline = undefined;
delete swiper.controller.spline;
}
},
resize() {
const swiper = this;
if (!swiper.controller.control) return;
if (swiper.controller.spline) {
swiper.controller.spline = undefined;
delete swiper.controller.spline;
}
},
observerUpdate() {
const swiper = this;
if (!swiper.controller.control) return;
if (swiper.controller.spline) {
swiper.controller.spline = undefined;
delete swiper.controller.spline;
}
},
setTranslate(translate, byController) {
const swiper = this;
if (!swiper.controller.control) return;
swiper.controller.setTranslate(translate, byController);
},
setTransition(duration, byController) {
const swiper = this;
if (!swiper.controller.control) return;
swiper.controller.setTransition(duration, byController);
},
},
};
const a11y = {
makeElFocusable($el) {
$el.attr('tabIndex', '0');
return $el;
},
makeElNotFocusable($el) {
$el.attr('tabIndex', '-1');
return $el;
},
addElRole($el, role) {
$el.attr('role', role);
return $el;
},
addElLabel($el, label) {
$el.attr('aria-label', label);
return $el;
},
disableEl($el) {
$el.attr('aria-disabled', true);
return $el;
},
enableEl($el) {
$el.attr('aria-disabled', false);
return $el;
},
onEnterKey(e) {
const swiper = this;
const params = swiper.params.a11y;
if (e.keyCode !== 13) return;
const $targetEl = $(e.target);
if (swiper.navigation && swiper.navigation.$nextEl && $targetEl.is(swiper.navigation.$nextEl)) {
if (!(swiper.isEnd && !swiper.params.loop)) {
swiper.slideNext();
}
if (swiper.isEnd) {
swiper.a11y.notify(params.lastSlideMessage);
} else {
swiper.a11y.notify(params.nextSlideMessage);
}
}
if (swiper.navigation && swiper.navigation.$prevEl && $targetEl.is(swiper.navigation.$prevEl)) {
if (!(swiper.isBeginning && !swiper.params.loop)) {
swiper.slidePrev();
}
if (swiper.isBeginning) {
swiper.a11y.notify(params.firstSlideMessage);
} else {
swiper.a11y.notify(params.prevSlideMessage);
}
}
if (swiper.pagination && $targetEl.is(`.${swiper.params.pagination.bulletClass}`)) {
$targetEl[0].click();
}
},
notify(message) {
const swiper = this;
const notification = swiper.a11y.liveRegion;
if (notification.length === 0) return;
notification.html('');
notification.html(message);
},
updateNavigation() {
const swiper = this;
if (swiper.params.loop || !swiper.navigation) return;
const { $nextEl, $prevEl } = swiper.navigation;
if ($prevEl && $prevEl.length > 0) {
if (swiper.isBeginning) {
swiper.a11y.disableEl($prevEl);
swiper.a11y.makeElNotFocusable($prevEl);
} else {
swiper.a11y.enableEl($prevEl);
swiper.a11y.makeElFocusable($prevEl);
}
}
if ($nextEl && $nextEl.length > 0) {
if (swiper.isEnd) {
swiper.a11y.disableEl($nextEl);
swiper.a11y.makeElNotFocusable($nextEl);
} else {
swiper.a11y.enableEl($nextEl);
swiper.a11y.makeElFocusable($nextEl);
}
}
},
updatePagination() {
const swiper = this;
const params = swiper.params.a11y;
if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
swiper.pagination.bullets.each((bulletIndex, bulletEl) => {
const $bulletEl = $(bulletEl);
swiper.a11y.makeElFocusable($bulletEl);
swiper.a11y.addElRole($bulletEl, 'button');
swiper.a11y.addElLabel($bulletEl, params.paginationBulletMessage.replace(/\{\{index\}\}/, $bulletEl.index() + 1));
});
}
},
init() {
const swiper = this;
swiper.$el.append(swiper.a11y.liveRegion);
// Navigation
const params = swiper.params.a11y;
let $nextEl;
let $prevEl;
if (swiper.navigation && swiper.navigation.$nextEl) {
$nextEl = swiper.navigation.$nextEl;
}
if (swiper.navigation && swiper.navigation.$prevEl) {
$prevEl = swiper.navigation.$prevEl;
}
if ($nextEl) {
swiper.a11y.makeElFocusable($nextEl);
swiper.a11y.addElRole($nextEl, 'button');
swiper.a11y.addElLabel($nextEl, params.nextSlideMessage);
$nextEl.on('keydown', swiper.a11y.onEnterKey);
}
if ($prevEl) {
swiper.a11y.makeElFocusable($prevEl);
swiper.a11y.addElRole($prevEl, 'button');
swiper.a11y.addElLabel($prevEl, params.prevSlideMessage);
$prevEl.on('keydown', swiper.a11y.onEnterKey);
}
// Pagination
if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
swiper.pagination.$el.on('keydown', `.${swiper.params.pagination.bulletClass}`, swiper.a11y.onEnterKey);
}
},
destroy() {
const swiper = this;
if (swiper.a11y.liveRegion && swiper.a11y.liveRegion.length > 0) swiper.a11y.liveRegion.remove();
let $nextEl;
let $prevEl;
if (swiper.navigation && swiper.navigation.$nextEl) {
$nextEl = swiper.navigation.$nextEl;
}
if (swiper.navigation && swiper.navigation.$prevEl) {
$prevEl = swiper.navigation.$prevEl;
}
if ($nextEl) {
$nextEl.off('keydown', swiper.a11y.onEnterKey);
}
if ($prevEl) {
$prevEl.off('keydown', swiper.a11y.onEnterKey);
}
// Pagination
if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
swiper.pagination.$el.off('keydown', `.${swiper.params.pagination.bulletClass}`, swiper.a11y.onEnterKey);
}
},
};
var A11y = {
name: 'a11y',
params: {
a11y: {
enabled: true,
notificationClass: 'swiper-notification',
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
firstSlideMessage: 'This is the first slide',
lastSlideMessage: 'This is the last slide',
paginationBulletMessage: 'Go to slide {{index}}',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
a11y: {
liveRegion: $(``),
},
});
Object.keys(a11y).forEach((methodName) => {
swiper.a11y[methodName] = a11y[methodName].bind(swiper);
});
},
on: {
init() {
const swiper = this;
if (!swiper.params.a11y.enabled) return;
swiper.a11y.init();
swiper.a11y.updateNavigation();
},
toEdge() {
const swiper = this;
if (!swiper.params.a11y.enabled) return;
swiper.a11y.updateNavigation();
},
fromEdge() {
const swiper = this;
if (!swiper.params.a11y.enabled) return;
swiper.a11y.updateNavigation();
},
paginationUpdate() {
const swiper = this;
if (!swiper.params.a11y.enabled) return;
swiper.a11y.updatePagination();
},
destroy() {
const swiper = this;
if (!swiper.params.a11y.enabled) return;
swiper.a11y.destroy();
},
},
};
const History = {
init() {
const swiper = this;
if (!swiper.params.history) return;
if (!win.history || !win.history.pushState) {
swiper.params.history.enabled = false;
swiper.params.hashNavigation.enabled = true;
return;
}
const history = swiper.history;
history.initialized = true;
history.paths = History.getPathValues();
if (!history.paths.key && !history.paths.value) return;
history.scrollToSlide(0, history.paths.value, swiper.params.runCallbacksOnInit);
if (!swiper.params.history.replaceState) {
win.addEventListener('popstate', swiper.history.setHistoryPopState);
}
},
destroy() {
const swiper = this;
if (!swiper.params.history.replaceState) {
win.removeEventListener('popstate', swiper.history.setHistoryPopState);
}
},
setHistoryPopState() {
const swiper = this;
swiper.history.paths = History.getPathValues();
swiper.history.scrollToSlide(swiper.params.speed, swiper.history.paths.value, false);
},
getPathValues() {
const pathArray = win.location.pathname.slice(1).split('/').filter((part) => part !== '');
const total = pathArray.length;
const key = pathArray[total - 2];
const value = pathArray[total - 1];
return { key, value };
},
setHistory(key, index) {
const swiper = this;
if (!swiper.history.initialized || !swiper.params.history.enabled) return;
const slide = swiper.slides.eq(index);
let value = History.slugify(slide.attr('data-history'));
if (!win.location.pathname.includes(key)) {
value = `${key}/${value}`;
}
const currentState = win.history.state;
if (currentState && currentState.value === value) {
return;
}
if (swiper.params.history.replaceState) {
win.history.replaceState({ value }, null, value);
} else {
win.history.pushState({ value }, null, value);
}
},
slugify(text) {
return text.toString()
.replace(/\s+/g, '-')
.replace(/[^\w-]+/g, '')
.replace(/--+/g, '-')
.replace(/^-+/, '')
.replace(/-+$/, '');
},
scrollToSlide(speed, value, runCallbacks) {
const swiper = this;
if (value) {
for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
const slide = swiper.slides.eq(i);
const slideHistory = History.slugify(slide.attr('data-history'));
if (slideHistory === value && !slide.hasClass(swiper.params.slideDuplicateClass)) {
const index = slide.index();
swiper.slideTo(index, speed, runCallbacks);
}
}
} else {
swiper.slideTo(0, speed, runCallbacks);
}
},
};
var History$1 = {
name: 'history',
params: {
history: {
enabled: false,
replaceState: false,
key: 'slides',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
history: {
init: History.init.bind(swiper),
setHistory: History.setHistory.bind(swiper),
setHistoryPopState: History.setHistoryPopState.bind(swiper),
scrollToSlide: History.scrollToSlide.bind(swiper),
destroy: History.destroy.bind(swiper),
},
});
},
on: {
init() {
const swiper = this;
if (swiper.params.history.enabled) {
swiper.history.init();
}
},
destroy() {
const swiper = this;
if (swiper.params.history.enabled) {
swiper.history.destroy();
}
},
transitionEnd() {
const swiper = this;
if (swiper.history.initialized) {
swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
}
},
slideChange() {
const swiper = this;
if (swiper.history.initialized && swiper.params.cssMode) {
swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
}
},
},
};
const HashNavigation = {
onHashCange() {
const swiper = this;
swiper.emit('hashChange');
const newHash = doc.location.hash.replace('#', '');
const activeSlideHash = swiper.slides.eq(swiper.activeIndex).attr('data-hash');
if (newHash !== activeSlideHash) {
const newIndex = swiper.$wrapperEl.children(`.${swiper.params.slideClass}[data-hash="${newHash}"]`).index();
if (typeof newIndex === 'undefined') return;
swiper.slideTo(newIndex);
}
},
setHash() {
const swiper = this;
if (!swiper.hashNavigation.initialized || !swiper.params.hashNavigation.enabled) return;
if (swiper.params.hashNavigation.replaceState && win.history && win.history.replaceState) {
win.history.replaceState(null, null, (`#${swiper.slides.eq(swiper.activeIndex).attr('data-hash')}` || ''));
swiper.emit('hashSet');
} else {
const slide = swiper.slides.eq(swiper.activeIndex);
const hash = slide.attr('data-hash') || slide.attr('data-history');
doc.location.hash = hash || '';
swiper.emit('hashSet');
}
},
init() {
const swiper = this;
if (!swiper.params.hashNavigation.enabled || (swiper.params.history && swiper.params.history.enabled)) return;
swiper.hashNavigation.initialized = true;
const hash = doc.location.hash.replace('#', '');
if (hash) {
const speed = 0;
for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
const slide = swiper.slides.eq(i);
const slideHash = slide.attr('data-hash') || slide.attr('data-history');
if (slideHash === hash && !slide.hasClass(swiper.params.slideDuplicateClass)) {
const index = slide.index();
swiper.slideTo(index, speed, swiper.params.runCallbacksOnInit, true);
}
}
}
if (swiper.params.hashNavigation.watchState) {
$(win).on('hashchange', swiper.hashNavigation.onHashCange);
}
},
destroy() {
const swiper = this;
if (swiper.params.hashNavigation.watchState) {
$(win).off('hashchange', swiper.hashNavigation.onHashCange);
}
},
};
var HashNavigation$1 = {
name: 'hash-navigation',
params: {
hashNavigation: {
enabled: false,
replaceState: false,
watchState: false,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
hashNavigation: {
initialized: false,
init: HashNavigation.init.bind(swiper),
destroy: HashNavigation.destroy.bind(swiper),
setHash: HashNavigation.setHash.bind(swiper),
onHashCange: HashNavigation.onHashCange.bind(swiper),
},
});
},
on: {
init() {
const swiper = this;
if (swiper.params.hashNavigation.enabled) {
swiper.hashNavigation.init();
}
},
destroy() {
const swiper = this;
if (swiper.params.hashNavigation.enabled) {
swiper.hashNavigation.destroy();
}
},
transitionEnd() {
const swiper = this;
if (swiper.hashNavigation.initialized) {
swiper.hashNavigation.setHash();
}
},
slideChange() {
const swiper = this;
if (swiper.hashNavigation.initialized && swiper.params.cssMode) {
swiper.hashNavigation.setHash();
}
},
},
};
/* eslint no-underscore-dangle: "off" */
const Autoplay = {
run() {
const swiper = this;
const $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
let delay = swiper.params.autoplay.delay;
if ($activeSlideEl.attr('data-swiper-autoplay')) {
delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
}
clearTimeout(swiper.autoplay.timeout);
swiper.autoplay.timeout = Utils.nextTick(() => {
if (swiper.params.autoplay.reverseDirection) {
if (swiper.params.loop) {
swiper.loopFix();
swiper.slidePrev(swiper.params.speed, true, true);
swiper.emit('autoplay');
} else if (!swiper.isBeginning) {
swiper.slidePrev(swiper.params.speed, true, true);
swiper.emit('autoplay');
} else if (!swiper.params.autoplay.stopOnLastSlide) {
swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);
swiper.emit('autoplay');
} else {
swiper.autoplay.stop();
}
} else if (swiper.params.loop) {
swiper.loopFix();
swiper.slideNext(swiper.params.speed, true, true);
swiper.emit('autoplay');
} else if (!swiper.isEnd) {
swiper.slideNext(swiper.params.speed, true, true);
swiper.emit('autoplay');
} else if (!swiper.params.autoplay.stopOnLastSlide) {
swiper.slideTo(0, swiper.params.speed, true, true);
swiper.emit('autoplay');
} else {
swiper.autoplay.stop();
}
if (swiper.params.cssMode && swiper.autoplay.running) swiper.autoplay.run();
}, delay);
},
start() {
const swiper = this;
if (typeof swiper.autoplay.timeout !== 'undefined') return false;
if (swiper.autoplay.running) return false;
swiper.autoplay.running = true;
swiper.emit('autoplayStart');
swiper.autoplay.run();
return true;
},
stop() {
const swiper = this;
if (!swiper.autoplay.running) return false;
if (typeof swiper.autoplay.timeout === 'undefined') return false;
if (swiper.autoplay.timeout) {
clearTimeout(swiper.autoplay.timeout);
swiper.autoplay.timeout = undefined;
}
swiper.autoplay.running = false;
swiper.emit('autoplayStop');
return true;
},
pause(speed) {
const swiper = this;
if (!swiper.autoplay.running) return;
if (swiper.autoplay.paused) return;
if (swiper.autoplay.timeout) clearTimeout(swiper.autoplay.timeout);
swiper.autoplay.paused = true;
if (speed === 0 || !swiper.params.autoplay.waitForTransition) {
swiper.autoplay.paused = false;
swiper.autoplay.run();
} else {
swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);
swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
}
},
};
var Autoplay$1 = {
name: 'autoplay',
params: {
autoplay: {
enabled: false,
delay: 3000,
waitForTransition: true,
disableOnInteraction: true,
stopOnLastSlide: false,
reverseDirection: false,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
autoplay: {
running: false,
paused: false,
run: Autoplay.run.bind(swiper),
start: Autoplay.start.bind(swiper),
stop: Autoplay.stop.bind(swiper),
pause: Autoplay.pause.bind(swiper),
onVisibilityChange() {
if (document.visibilityState === 'hidden' && swiper.autoplay.running) {
swiper.autoplay.pause();
}
if (document.visibilityState === 'visible' && swiper.autoplay.paused) {
swiper.autoplay.run();
swiper.autoplay.paused = false;
}
},
onTransitionEnd(e) {
if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return;
if (e.target !== this) return;
swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);
swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
swiper.autoplay.paused = false;
if (!swiper.autoplay.running) {
swiper.autoplay.stop();
} else {
swiper.autoplay.run();
}
},
},
});
},
on: {
init() {
const swiper = this;
if (swiper.params.autoplay.enabled) {
swiper.autoplay.start();
document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
}
},
beforeTransitionStart(speed, internal) {
const swiper = this;
if (swiper.autoplay.running) {
if (internal || !swiper.params.autoplay.disableOnInteraction) {
swiper.autoplay.pause(speed);
} else {
swiper.autoplay.stop();
}
}
},
sliderFirstMove() {
const swiper = this;
if (swiper.autoplay.running) {
if (swiper.params.autoplay.disableOnInteraction) {
swiper.autoplay.stop();
} else {
swiper.autoplay.pause();
}
}
},
touchEnd() {
const swiper = this;
if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {
swiper.autoplay.run();
}
},
destroy() {
const swiper = this;
if (swiper.autoplay.running) {
swiper.autoplay.stop();
}
document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
},
},
};
const Fade = {
setTranslate() {
const swiper = this;
const { slides } = swiper;
for (let i = 0; i < slides.length; i += 1) {
const $slideEl = swiper.slides.eq(i);
const offset = $slideEl[0].swiperSlideOffset;
let tx = -offset;
if (!swiper.params.virtualTranslate) tx -= swiper.translate;
let ty = 0;
if (!swiper.isHorizontal()) {
ty = tx;
tx = 0;
}
const slideOpacity = swiper.params.fadeEffect.crossFade
? Math.max(1 - Math.abs($slideEl[0].progress), 0)
: 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
$slideEl
.css({
opacity: slideOpacity,
})
.transform(`translate3d(${tx}px, ${ty}px, 0px)`);
}
},
setTransition(duration) {
const swiper = this;
const { slides, $wrapperEl } = swiper;
slides.transition(duration);
if (swiper.params.virtualTranslate && duration !== 0) {
let eventTriggered = false;
slides.transitionEnd(() => {
if (eventTriggered) return;
if (!swiper || swiper.destroyed) return;
eventTriggered = true;
swiper.animating = false;
const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
for (let i = 0; i < triggerEvents.length; i += 1) {
$wrapperEl.trigger(triggerEvents[i]);
}
});
}
},
};
var EffectFade = {
name: 'effect-fade',
params: {
fadeEffect: {
crossFade: false,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
fadeEffect: {
setTranslate: Fade.setTranslate.bind(swiper),
setTransition: Fade.setTransition.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (swiper.params.effect !== 'fade') return;
swiper.classNames.push(`${swiper.params.containerModifierClass}fade`);
const overwriteParams = {
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerGroup: 1,
watchSlidesProgress: true,
spaceBetween: 0,
virtualTranslate: true,
};
Utils.extend(swiper.params, overwriteParams);
Utils.extend(swiper.originalParams, overwriteParams);
},
setTranslate() {
const swiper = this;
if (swiper.params.effect !== 'fade') return;
swiper.fadeEffect.setTranslate();
},
setTransition(duration) {
const swiper = this;
if (swiper.params.effect !== 'fade') return;
swiper.fadeEffect.setTransition(duration);
},
},
};
const Cube = {
setTranslate() {
const swiper = this;
const {
$el, $wrapperEl, slides, width: swiperWidth, height: swiperHeight, rtlTranslate: rtl, size: swiperSize,
} = swiper;
const params = swiper.params.cubeEffect;
const isHorizontal = swiper.isHorizontal();
const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
let wrapperRotate = 0;
let $cubeShadowEl;
if (params.shadow) {
if (isHorizontal) {
$cubeShadowEl = $wrapperEl.find('.swiper-cube-shadow');
if ($cubeShadowEl.length === 0) {
$cubeShadowEl = $('');
$wrapperEl.append($cubeShadowEl);
}
$cubeShadowEl.css({ height: `${swiperWidth}px` });
} else {
$cubeShadowEl = $el.find('.swiper-cube-shadow');
if ($cubeShadowEl.length === 0) {
$cubeShadowEl = $('');
$el.append($cubeShadowEl);
}
}
}
for (let i = 0; i < slides.length; i += 1) {
const $slideEl = slides.eq(i);
let slideIndex = i;
if (isVirtual) {
slideIndex = parseInt($slideEl.attr('data-swiper-slide-index'), 10);
}
let slideAngle = slideIndex * 90;
let round = Math.floor(slideAngle / 360);
if (rtl) {
slideAngle = -slideAngle;
round = Math.floor(-slideAngle / 360);
}
const progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
let tx = 0;
let ty = 0;
let tz = 0;
if (slideIndex % 4 === 0) {
tx = -round * 4 * swiperSize;
tz = 0;
} else if ((slideIndex - 1) % 4 === 0) {
tx = 0;
tz = -round * 4 * swiperSize;
} else if ((slideIndex - 2) % 4 === 0) {
tx = swiperSize + (round * 4 * swiperSize);
tz = swiperSize;
} else if ((slideIndex - 3) % 4 === 0) {
tx = -swiperSize;
tz = (3 * swiperSize) + (swiperSize * 4 * round);
}
if (rtl) {
tx = -tx;
}
if (!isHorizontal) {
ty = tx;
tx = 0;
}
const transform = `rotateX(${isHorizontal ? 0 : -slideAngle}deg) rotateY(${isHorizontal ? slideAngle : 0}deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
if (progress <= 1 && progress > -1) {
wrapperRotate = (slideIndex * 90) + (progress * 90);
if (rtl) wrapperRotate = (-slideIndex * 90) - (progress * 90);
}
$slideEl.transform(transform);
if (params.slideShadows) {
// Set shadows
let shadowBefore = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
let shadowAfter = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
if (shadowBefore.length === 0) {
shadowBefore = $(``);
$slideEl.append(shadowBefore);
}
if (shadowAfter.length === 0) {
shadowAfter = $(``);
$slideEl.append(shadowAfter);
}
if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
}
}
$wrapperEl.css({
'-webkit-transform-origin': `50% 50% -${swiperSize / 2}px`,
'-moz-transform-origin': `50% 50% -${swiperSize / 2}px`,
'-ms-transform-origin': `50% 50% -${swiperSize / 2}px`,
'transform-origin': `50% 50% -${swiperSize / 2}px`,
});
if (params.shadow) {
if (isHorizontal) {
$cubeShadowEl.transform(`translate3d(0px, ${(swiperWidth / 2) + params.shadowOffset}px, ${-swiperWidth / 2}px) rotateX(90deg) rotateZ(0deg) scale(${params.shadowScale})`);
} else {
const shadowAngle = Math.abs(wrapperRotate) - (Math.floor(Math.abs(wrapperRotate) / 90) * 90);
const multiplier = 1.5 - (
(Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2)
+ (Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2)
);
const scale1 = params.shadowScale;
const scale2 = params.shadowScale / multiplier;
const offset = params.shadowOffset;
$cubeShadowEl.transform(`scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${(swiperHeight / 2) + offset}px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`);
}
}
const zFactor = (Browser.isSafari || Browser.isWebView) ? (-swiperSize / 2) : 0;
$wrapperEl
.transform(`translate3d(0px,0,${zFactor}px) rotateX(${swiper.isHorizontal() ? 0 : wrapperRotate}deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`);
},
setTransition(duration) {
const swiper = this;
const { $el, slides } = swiper;
slides
.transition(duration)
.find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
.transition(duration);
if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
$el.find('.swiper-cube-shadow').transition(duration);
}
},
};
var EffectCube = {
name: 'effect-cube',
params: {
cubeEffect: {
slideShadows: true,
shadow: true,
shadowOffset: 20,
shadowScale: 0.94,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
cubeEffect: {
setTranslate: Cube.setTranslate.bind(swiper),
setTransition: Cube.setTransition.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (swiper.params.effect !== 'cube') return;
swiper.classNames.push(`${swiper.params.containerModifierClass}cube`);
swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
const overwriteParams = {
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerGroup: 1,
watchSlidesProgress: true,
resistanceRatio: 0,
spaceBetween: 0,
centeredSlides: false,
virtualTranslate: true,
};
Utils.extend(swiper.params, overwriteParams);
Utils.extend(swiper.originalParams, overwriteParams);
},
setTranslate() {
const swiper = this;
if (swiper.params.effect !== 'cube') return;
swiper.cubeEffect.setTranslate();
},
setTransition(duration) {
const swiper = this;
if (swiper.params.effect !== 'cube') return;
swiper.cubeEffect.setTransition(duration);
},
},
};
const Flip = {
setTranslate() {
const swiper = this;
const { slides, rtlTranslate: rtl } = swiper;
for (let i = 0; i < slides.length; i += 1) {
const $slideEl = slides.eq(i);
let progress = $slideEl[0].progress;
if (swiper.params.flipEffect.limitRotation) {
progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
}
const offset = $slideEl[0].swiperSlideOffset;
const rotate = -180 * progress;
let rotateY = rotate;
let rotateX = 0;
let tx = -offset;
let ty = 0;
if (!swiper.isHorizontal()) {
ty = tx;
tx = 0;
rotateX = -rotateY;
rotateY = 0;
} else if (rtl) {
rotateY = -rotateY;
}
$slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
if (swiper.params.flipEffect.slideShadows) {
// Set shadows
let shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
let shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
if (shadowBefore.length === 0) {
shadowBefore = $(``);
$slideEl.append(shadowBefore);
}
if (shadowAfter.length === 0) {
shadowAfter = $(``);
$slideEl.append(shadowAfter);
}
if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
}
$slideEl
.transform(`translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`);
}
},
setTransition(duration) {
const swiper = this;
const { slides, activeIndex, $wrapperEl } = swiper;
slides
.transition(duration)
.find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
.transition(duration);
if (swiper.params.virtualTranslate && duration !== 0) {
let eventTriggered = false;
// eslint-disable-next-line
slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {
if (eventTriggered) return;
if (!swiper || swiper.destroyed) return;
// if (!$(this).hasClass(swiper.params.slideActiveClass)) return;
eventTriggered = true;
swiper.animating = false;
const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
for (let i = 0; i < triggerEvents.length; i += 1) {
$wrapperEl.trigger(triggerEvents[i]);
}
});
}
},
};
var EffectFlip = {
name: 'effect-flip',
params: {
flipEffect: {
slideShadows: true,
limitRotation: true,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
flipEffect: {
setTranslate: Flip.setTranslate.bind(swiper),
setTransition: Flip.setTransition.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (swiper.params.effect !== 'flip') return;
swiper.classNames.push(`${swiper.params.containerModifierClass}flip`);
swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
const overwriteParams = {
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerGroup: 1,
watchSlidesProgress: true,
spaceBetween: 0,
virtualTranslate: true,
};
Utils.extend(swiper.params, overwriteParams);
Utils.extend(swiper.originalParams, overwriteParams);
},
setTranslate() {
const swiper = this;
if (swiper.params.effect !== 'flip') return;
swiper.flipEffect.setTranslate();
},
setTransition(duration) {
const swiper = this;
if (swiper.params.effect !== 'flip') return;
swiper.flipEffect.setTransition(duration);
},
},
};
const Coverflow = {
setTranslate() {
const swiper = this;
const {
width: swiperWidth, height: swiperHeight, slides, $wrapperEl, slidesSizesGrid,
} = swiper;
const params = swiper.params.coverflowEffect;
const isHorizontal = swiper.isHorizontal();
const transform = swiper.translate;
const center = isHorizontal ? -transform + (swiperWidth / 2) : -transform + (swiperHeight / 2);
const rotate = isHorizontal ? params.rotate : -params.rotate;
const translate = params.depth;
// Each slide offset from center
for (let i = 0, length = slides.length; i < length; i += 1) {
const $slideEl = slides.eq(i);
const slideSize = slidesSizesGrid[i];
const slideOffset = $slideEl[0].swiperSlideOffset;
const offsetMultiplier = ((center - slideOffset - (slideSize / 2)) / slideSize) * params.modifier;
let rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier;
// var rotateZ = 0
let translateZ = -translate * Math.abs(offsetMultiplier);
let stretch = params.stretch;
// Allow percentage to make a relative stretch for responsive sliders
if (typeof stretch === 'string' && stretch.indexOf('%') !== -1) {
stretch = ((parseFloat(params.stretch) / 100) * slideSize);
}
let translateY = isHorizontal ? 0 : stretch * (offsetMultiplier);
let translateX = isHorizontal ? stretch * (offsetMultiplier) : 0;
let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier);
// Fix for ultra small values
if (Math.abs(translateX) < 0.001) translateX = 0;
if (Math.abs(translateY) < 0.001) translateY = 0;
if (Math.abs(translateZ) < 0.001) translateZ = 0;
if (Math.abs(rotateY) < 0.001) rotateY = 0;
if (Math.abs(rotateX) < 0.001) rotateX = 0;
if (Math.abs(scale) < 0.001) scale = 0;
const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
$slideEl.transform(slideTransform);
$slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
if (params.slideShadows) {
// Set shadows
let $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
let $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
if ($shadowBeforeEl.length === 0) {
$shadowBeforeEl = $(``);
$slideEl.append($shadowBeforeEl);
}
if ($shadowAfterEl.length === 0) {
$shadowAfterEl = $(``);
$slideEl.append($shadowAfterEl);
}
if ($shadowBeforeEl.length) $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;
if ($shadowAfterEl.length) $shadowAfterEl[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0;
}
}
// Set correct perspective for IE10
if (Support.pointerEvents || Support.prefixedPointerEvents) {
const ws = $wrapperEl[0].style;
ws.perspectiveOrigin = `${center}px 50%`;
}
},
setTransition(duration) {
const swiper = this;
swiper.slides
.transition(duration)
.find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
.transition(duration);
},
};
var EffectCoverflow = {
name: 'effect-coverflow',
params: {
coverflowEffect: {
rotate: 50,
stretch: 0,
depth: 100,
scale: 1,
modifier: 1,
slideShadows: true,
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
coverflowEffect: {
setTranslate: Coverflow.setTranslate.bind(swiper),
setTransition: Coverflow.setTransition.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
if (swiper.params.effect !== 'coverflow') return;
swiper.classNames.push(`${swiper.params.containerModifierClass}coverflow`);
swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
swiper.params.watchSlidesProgress = true;
swiper.originalParams.watchSlidesProgress = true;
},
setTranslate() {
const swiper = this;
if (swiper.params.effect !== 'coverflow') return;
swiper.coverflowEffect.setTranslate();
},
setTransition(duration) {
const swiper = this;
if (swiper.params.effect !== 'coverflow') return;
swiper.coverflowEffect.setTransition(duration);
},
},
};
const Thumbs = {
init() {
const swiper = this;
const { thumbs: thumbsParams } = swiper.params;
const SwiperClass = swiper.constructor;
if (thumbsParams.swiper instanceof SwiperClass) {
swiper.thumbs.swiper = thumbsParams.swiper;
Utils.extend(swiper.thumbs.swiper.originalParams, {
watchSlidesProgress: true,
slideToClickedSlide: false,
});
Utils.extend(swiper.thumbs.swiper.params, {
watchSlidesProgress: true,
slideToClickedSlide: false,
});
} else if (Utils.isObject(thumbsParams.swiper)) {
swiper.thumbs.swiper = new SwiperClass(Utils.extend({}, thumbsParams.swiper, {
watchSlidesVisibility: true,
watchSlidesProgress: true,
slideToClickedSlide: false,
}));
swiper.thumbs.swiperCreated = true;
}
swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass);
swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick);
},
onThumbClick() {
const swiper = this;
const thumbsSwiper = swiper.thumbs.swiper;
if (!thumbsSwiper) return;
const clickedIndex = thumbsSwiper.clickedIndex;
const clickedSlide = thumbsSwiper.clickedSlide;
if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) return;
if (typeof clickedIndex === 'undefined' || clickedIndex === null) return;
let slideToIndex;
if (thumbsSwiper.params.loop) {
slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10);
} else {
slideToIndex = clickedIndex;
}
if (swiper.params.loop) {
let currentIndex = swiper.activeIndex;
if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) {
swiper.loopFix();
// eslint-disable-next-line
swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
currentIndex = swiper.activeIndex;
}
const prevIndex = swiper.slides.eq(currentIndex).prevAll(`[data-swiper-slide-index="${slideToIndex}"]`).eq(0).index();
const nextIndex = swiper.slides.eq(currentIndex).nextAll(`[data-swiper-slide-index="${slideToIndex}"]`).eq(0).index();
if (typeof prevIndex === 'undefined') slideToIndex = nextIndex;
else if (typeof nextIndex === 'undefined') slideToIndex = prevIndex;
else if (nextIndex - currentIndex < currentIndex - prevIndex) slideToIndex = nextIndex;
else slideToIndex = prevIndex;
}
swiper.slideTo(slideToIndex);
},
update(initial) {
const swiper = this;
const thumbsSwiper = swiper.thumbs.swiper;
if (!thumbsSwiper) return;
const slidesPerView = thumbsSwiper.params.slidesPerView === 'auto'
? thumbsSwiper.slidesPerViewDynamic()
: thumbsSwiper.params.slidesPerView;
const autoScrollOffset = swiper.params.thumbs.autoScrollOffset;
const useOffset = autoScrollOffset && !thumbsSwiper.params.loop;
if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) {
let currentThumbsIndex = thumbsSwiper.activeIndex;
let newThumbsIndex;
let direction;
if (thumbsSwiper.params.loop) {
if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) {
thumbsSwiper.loopFix();
// eslint-disable-next-line
thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft;
currentThumbsIndex = thumbsSwiper.activeIndex;
}
// Find actual thumbs index to slide to
const prevThumbsIndex = thumbsSwiper.slides
.eq(currentThumbsIndex)
.prevAll(`[data-swiper-slide-index="${swiper.realIndex}"]`).eq(0)
.index();
const nextThumbsIndex = thumbsSwiper.slides
.eq(currentThumbsIndex)
.nextAll(`[data-swiper-slide-index="${swiper.realIndex}"]`).eq(0)
.index();
if (typeof prevThumbsIndex === 'undefined') newThumbsIndex = nextThumbsIndex;
else if (typeof nextThumbsIndex === 'undefined') newThumbsIndex = prevThumbsIndex;
else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) newThumbsIndex = currentThumbsIndex;
else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) newThumbsIndex = nextThumbsIndex;
else newThumbsIndex = prevThumbsIndex;
direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';
} else {
newThumbsIndex = swiper.realIndex;
direction = newThumbsIndex > swiper.previousIndex ? 'next' : 'prev';
}
if (useOffset) {
newThumbsIndex += direction === 'next' ? autoScrollOffset : -1 * autoScrollOffset;
}
if (thumbsSwiper.visibleSlidesIndexes && thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {
if (thumbsSwiper.params.centeredSlides) {
if (newThumbsIndex > currentThumbsIndex) {
newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;
} else {
newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
}
} else if (newThumbsIndex > currentThumbsIndex) {
newThumbsIndex = newThumbsIndex - slidesPerView + 1;
}
thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);
}
}
// Activate thumbs
let thumbsToActivate = 1;
const thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;
if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {
thumbsToActivate = swiper.params.slidesPerView;
}
if (!swiper.params.thumbs.multipleActiveThumbs) {
thumbsToActivate = 1;
}
thumbsToActivate = Math.floor(thumbsToActivate);
thumbsSwiper.slides.removeClass(thumbActiveClass);
if (thumbsSwiper.params.loop || (thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled)) {
for (let i = 0; i < thumbsToActivate; i += 1) {
thumbsSwiper.$wrapperEl.children(`[data-swiper-slide-index="${swiper.realIndex + i}"]`).addClass(thumbActiveClass);
}
} else {
for (let i = 0; i < thumbsToActivate; i += 1) {
thumbsSwiper.slides.eq(swiper.realIndex + i).addClass(thumbActiveClass);
}
}
},
};
var Thumbs$1 = {
name: 'thumbs',
params: {
thumbs: {
swiper: null,
multipleActiveThumbs: true,
autoScrollOffset: 0,
slideThumbActiveClass: 'swiper-slide-thumb-active',
thumbsContainerClass: 'swiper-container-thumbs',
},
},
create() {
const swiper = this;
Utils.extend(swiper, {
thumbs: {
swiper: null,
init: Thumbs.init.bind(swiper),
update: Thumbs.update.bind(swiper),
onThumbClick: Thumbs.onThumbClick.bind(swiper),
},
});
},
on: {
beforeInit() {
const swiper = this;
const { thumbs } = swiper.params;
if (!thumbs || !thumbs.swiper) return;
swiper.thumbs.init();
swiper.thumbs.update(true);
},
slideChange() {
const swiper = this;
if (!swiper.thumbs.swiper) return;
swiper.thumbs.update();
},
update() {
const swiper = this;
if (!swiper.thumbs.swiper) return;
swiper.thumbs.update();
},
resize() {
const swiper = this;
if (!swiper.thumbs.swiper) return;
swiper.thumbs.update();
},
observerUpdate() {
const swiper = this;
if (!swiper.thumbs.swiper) return;
swiper.thumbs.update();
},
setTransition(duration) {
const swiper = this;
const thumbsSwiper = swiper.thumbs.swiper;
if (!thumbsSwiper) return;
thumbsSwiper.setTransition(duration);
},
beforeDestroy() {
const swiper = this;
const thumbsSwiper = swiper.thumbs.swiper;
if (!thumbsSwiper) return;
if (swiper.thumbs.swiperCreated && thumbsSwiper) {
thumbsSwiper.destroy();
}
},
},
};
// Swiper Class
const components = [
Device$1,
Support$1,
Browser$1,
Resize,
Observer$1,
Virtual$1,
Keyboard$1,
Mousewheel$1,
Navigation$1,
Pagination$1,
Scrollbar$1,
Parallax$1,
Zoom$1,
Lazy$1,
Controller$1,
A11y,
History$1,
HashNavigation$1,
Autoplay$1,
EffectFade,
EffectCube,
EffectFlip,
EffectCoverflow,
Thumbs$1
];
if (typeof Swiper.use === 'undefined') {
Swiper.use = Swiper.Class.use;
Swiper.installModule = Swiper.Class.installModule;
}
Swiper.use(components);
/* harmony default export */ const swiper_esm_bundle = (Swiper);
//# sourceMappingURL=swiper.esm.bundle.js.map
/***/ }),
/***/ 90697:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
/*!
* vue-awesome-swiper v4.1.1
* Copyright (c) Surmon. All rights reserved.
* Released under the MIT License.
* Surmon
*/
(function(g,f){ true?f(exports,__webpack_require__(37003),__webpack_require__(72100)):0;}(this,(function(exports, SwiperClass, Vue){'use strict';SwiperClass=SwiperClass&&Object.prototype.hasOwnProperty.call(SwiperClass,'default')?SwiperClass['default']:SwiperClass;Vue=Vue&&Object.prototype.hasOwnProperty.call(Vue,'default')?Vue['default']:Vue;/**
* @file vue-awesome-swiper
* @module constants
* @author Surmon
*/
var CoreNames;
(function (CoreNames) {
CoreNames["SwiperComponent"] = "Swiper";
CoreNames["SwiperSlideComponent"] = "SwiperSlide";
CoreNames["SwiperDirective"] = "swiper";
CoreNames["SwiperInstance"] = "$swiper";
})(CoreNames || (CoreNames = {}));
var DEFAULT_CLASSES = Object.freeze({
containerClass: 'swiper-container',
wrapperClass: 'swiper-wrapper',
slideClass: 'swiper-slide'
});
var ComponentEvents;
(function (ComponentEvents) {
ComponentEvents["Ready"] = "ready";
ComponentEvents["ClickSlide"] = "clickSlide";
})(ComponentEvents || (ComponentEvents = {}));
var ComponentPropNames;
(function (ComponentPropNames) {
ComponentPropNames["AutoUpdate"] = "autoUpdate";
ComponentPropNames["AutoDestroy"] = "autoDestroy";
ComponentPropNames["DeleteInstanceOnDestroy"] = "deleteInstanceOnDestroy";
ComponentPropNames["CleanupStylesOnDestroy"] = "cleanupStylesOnDestroy";
})(ComponentPropNames || (ComponentPropNames = {}));
// https://swiperjs.com/api/#events
var SWIPER_EVENTS = [
'init',
'beforeDestroy',
'slideChange',
'slideChangeTransitionStart',
'slideChangeTransitionEnd',
'slideNextTransitionStart',
'slideNextTransitionEnd',
'slidePrevTransitionStart',
'slidePrevTransitionEnd',
'transitionStart',
'transitionEnd',
'touchStart',
'touchMove',
'touchMoveOpposite',
'sliderMove',
'touchEnd',
'click',
'tap',
'doubleTap',
'imagesReady',
'progress',
'reachBeginning',
'reachEnd',
'fromEdge',
'setTranslate',
'setTransition',
'resize',
'observerUpdate',
'beforeLoopFix',
'loopFix'
];/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
}/**
* @file vue-awesome-swiper
* @module utils
* @author Surmon
*/
var kebabcase = function (string) {
return string
.replace(/([a-z])([A-Z])/g, '$1-$2')
.replace(/\s+/g, '-')
.toLowerCase();
};/**
* @file vue-awesome-swiper
* @module event
* @author Surmon
*/
var handleClickSlideEvent = function (swiper, event, emit) {
var _a, _b, _c;
if (swiper && !(swiper.destroyed)) {
var eventPath = ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)) || event.path;
if ((event === null || event === void 0 ? void 0 : event.target) && eventPath) {
var slides_1 = Array.from(swiper.slides);
var paths = Array.from(eventPath);
// Click slide || slide[children]
if (slides_1.includes(event.target) || paths.some(function (item) { return slides_1.includes(item); })) {
var clickedIndex = swiper.clickedIndex;
var reallyIndex = Number((_c = (_b = swiper.clickedSlide) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.swiperSlideIndex);
var reallyIndexValue = Number.isInteger(reallyIndex) ? reallyIndex : null;
emit(ComponentEvents.ClickSlide, clickedIndex, reallyIndexValue);
emit(kebabcase(ComponentEvents.ClickSlide), clickedIndex, reallyIndexValue);
}
}
}
};
var bindSwiperEvents = function (swiper, emit) {
SWIPER_EVENTS.forEach(function (eventName) {
swiper.on(eventName, function () {
var arguments$1 = arguments;
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments$1[_i];
}
emit.apply(void 0, __spreadArrays([eventName], args));
var kebabcaseName = kebabcase(eventName);
if (kebabcaseName !== eventName) {
emit.apply(void 0, __spreadArrays([kebabcaseName], args));
}
});
});
};/**
* @file vue-awesome-swiper
* @module directive
* @author Surmon
*/
var INSTANCE_NAME_KEY = 'instanceName';
function getDirective(SwiperClass, globalOptions) {
var getStandardisedOptionByAttrs = function (vnode, key) {
var _a, _b, _c, _d;
var value = (_b = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[key];
return value !== undefined
? value
: (_d = (_c = vnode.data) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d[kebabcase(key)];
};
// Get swiper instace name in directive
var getSwiperInstanceName = function (element, binding, vnode) {
return (binding.arg ||
getStandardisedOptionByAttrs(vnode, INSTANCE_NAME_KEY) ||
element.id ||
CoreNames.SwiperInstance);
};
var getSwiperInstance = function (element, binding, vnode) {
var instanceName = getSwiperInstanceName(element, binding, vnode);
return vnode.context[instanceName] || null;
};
var getSwipeOptions = function (binding) {
return binding.value || globalOptions;
};
var getBooleanValueByInput = function (input) {
return [true, undefined, null, ''].includes(input);
};
// Emit event in Vue directive
var getEventEmiter = function (vnode) {
var _a, _b;
var handlers = ((_a = vnode.data) === null || _a === void 0 ? void 0 : _a.on) || ((_b = vnode.componentOptions) === null || _b === void 0 ? void 0 : _b.listeners);
return function (name) {
var arguments$1 = arguments;
var args = [];
for (var _i = 1; _i < arguments.length; _i++) {
args[_i - 1] = arguments$1[_i];
}
var _a;
var handle = (_a = handlers) === null || _a === void 0 ? void 0 : _a[name];
if (handle) {
handle.fns.apply(handle, args);
}
};
};
return {
// Init
bind: function (element, binding, vnode) {
// auto class name
if (element.className.indexOf(DEFAULT_CLASSES.containerClass) === -1) {
element.className += ((element.className ? ' ' : '') + DEFAULT_CLASSES.containerClass);
}
// bind click event
element.addEventListener('click', function (event) {
var emitEvent = getEventEmiter(vnode);
var swiper = getSwiperInstance(element, binding, vnode);
handleClickSlideEvent(swiper, event, emitEvent);
});
},
// DOM inserted
inserted: function (element, binding, vnode) {
var context = vnode.context;
var swiperOptions = getSwipeOptions(binding);
var instanceName = getSwiperInstanceName(element, binding, vnode);
var emitEvent = getEventEmiter(vnode);
var vueContext = context;
var swiper = vueContext === null || vueContext === void 0 ? void 0 : vueContext[instanceName];
// Swiper will destroy but not delete instance, when used
if (!swiper || swiper.destroyed) {
swiper = new SwiperClass(element, swiperOptions);
vueContext[instanceName] = swiper;
bindSwiperEvents(swiper, emitEvent);
emitEvent(ComponentEvents.Ready, swiper);
// MARK: Reinstance when the nexttick with
// Vue.nextTick(instancing) | setTimeout(instancing)
}
},
// On options changed or DOM updated
componentUpdated: function (element, binding, vnode) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
var autoUpdate = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoUpdate);
if (getBooleanValueByInput(autoUpdate)) {
var swiper = getSwiperInstance(element, binding, vnode);
if (swiper) {
var swiperOptions = getSwipeOptions(binding);
var isLoop = swiperOptions.loop;
if (isLoop) {
(_b = (_a = swiper) === null || _a === void 0 ? void 0 : _a.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(_a);
}
(_c = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _c === void 0 ? void 0 : _c.call(swiper);
(_e = (_d = swiper.navigation) === null || _d === void 0 ? void 0 : _d.update) === null || _e === void 0 ? void 0 : _e.call(_d);
(_g = (_f = swiper.pagination) === null || _f === void 0 ? void 0 : _f.render) === null || _g === void 0 ? void 0 : _g.call(_f);
(_j = (_h = swiper.pagination) === null || _h === void 0 ? void 0 : _h.update) === null || _j === void 0 ? void 0 : _j.call(_h);
if (isLoop) {
(_l = (_k = swiper) === null || _k === void 0 ? void 0 : _k.loopCreate) === null || _l === void 0 ? void 0 : _l.call(_k);
(_m = swiper === null || swiper === void 0 ? void 0 : swiper.update) === null || _m === void 0 ? void 0 : _m.call(swiper);
}
}
}
},
// Destroy this directive
unbind: function (element, binding, vnode) {
var _a;
var autoDestroy = getStandardisedOptionByAttrs(vnode, ComponentPropNames.AutoDestroy);
if (getBooleanValueByInput(autoDestroy)) {
var swiper = getSwiperInstance(element, binding, vnode);
if (swiper && swiper.initialized) {
(_a = swiper === null || swiper === void 0 ? void 0 : swiper.destroy) === null || _a === void 0 ? void 0 : _a.call(swiper, getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.DeleteInstanceOnDestroy)), getBooleanValueByInput(getStandardisedOptionByAttrs(vnode, ComponentPropNames.CleanupStylesOnDestroy)));
}
}
}
};
}/**
* @file vue-awesome-swiper
* @module SwiperComponent
* @author Surmon
*/
var SlotNames;
(function (SlotNames) {
SlotNames["ParallaxBg"] = "parallax-bg";
SlotNames["Pagination"] = "pagination";
SlotNames["Scrollbar"] = "scrollbar";
SlotNames["PrevButton"] = "button-prev";
SlotNames["NextButton"] = "button-next";
})(SlotNames || (SlotNames = {}));
function getSwiperComponent(SwiperClass) {
var _a;
return Vue.extend({
name: CoreNames.SwiperComponent,
props: (_a = {
defaultOptions: {
type: Object,
required: false,
default: function () { return ({}); }
},
// eslint-disable-next-line vue/require-default-prop
options: {
type: Object,
required: false
}
},
_a[ComponentPropNames.AutoUpdate] = {
type: Boolean,
default: true
},
// https://github.com/surmon-china/vue-awesome-swiper/pull/550/files
_a[ComponentPropNames.AutoDestroy] = {
type: Boolean,
default: true
},
// https://github.com/surmon-china/vue-awesome-swiper/pull/388
_a[ComponentPropNames.DeleteInstanceOnDestroy] = {
type: Boolean,
required: false,
default: true
},
_a[ComponentPropNames.CleanupStylesOnDestroy] = {
type: Boolean,
required: false,
default: true
},
_a),
data: function () {
var _a;
return _a = {},
_a[CoreNames.SwiperInstance] = null,
_a;
},
computed: {
swiperInstance: {
cache: false,
set: function (swiper) {
this[CoreNames.SwiperInstance] = swiper;
},
get: function () {
return this[CoreNames.SwiperInstance];
}
},
swiperOptions: function () {
return this.options || this.defaultOptions;
},
wrapperClass: function () {
return this.swiperOptions.wrapperClass || DEFAULT_CLASSES.wrapperClass;
}
},
methods: {
// Feature: click event
handleSwiperClick: function (event) {
handleClickSlideEvent(this.swiperInstance, event, this.$emit.bind(this));
},
autoReLoopSwiper: function () {
var _a, _b;
if (this.swiperInstance && this.swiperOptions.loop) {
// https://github.com/surmon-china/vue-awesome-swiper/issues/593
// https://github.com/surmon-china/vue-awesome-swiper/issues/544
// https://github.com/surmon-china/vue-awesome-swiper/pull/545/files
var swiper = this.swiperInstance;
(_a = swiper === null || swiper === void 0 ? void 0 : swiper.loopDestroy) === null || _a === void 0 ? void 0 : _a.call(swiper);
(_b = swiper === null || swiper === void 0 ? void 0 : swiper.loopCreate) === null || _b === void 0 ? void 0 : _b.call(swiper);
}
},
updateSwiper: function () {
var _a, _b, _c, _d, _e, _f, _g, _h;
if (this[ComponentPropNames.AutoUpdate] && this.swiperInstance) {
this.autoReLoopSwiper();
(_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.update) === null || _b === void 0 ? void 0 : _b.call(_a);
(_d = (_c = this.swiperInstance.navigation) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c);
(_f = (_e = this.swiperInstance.pagination) === null || _e === void 0 ? void 0 : _e.render) === null || _f === void 0 ? void 0 : _f.call(_e);
(_h = (_g = this.swiperInstance.pagination) === null || _g === void 0 ? void 0 : _g.update) === null || _h === void 0 ? void 0 : _h.call(_g);
}
},
destroySwiper: function () {
var _a, _b;
if (this[ComponentPropNames.AutoDestroy] && this.swiperInstance) {
// https://github.com/surmon-china/vue-awesome-swiper/pull/341
// https://github.com/surmon-china/vue-awesome-swiper/issues/340
if (this.swiperInstance.initialized) {
(_b = (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, this[ComponentPropNames.DeleteInstanceOnDestroy], this[ComponentPropNames.CleanupStylesOnDestroy]);
}
}
},
initSwiper: function () {
this.swiperInstance = new SwiperClass(this.$el, this.swiperOptions);
bindSwiperEvents(this.swiperInstance, this.$emit.bind(this));
this.$emit(ComponentEvents.Ready, this.swiperInstance);
}
},
mounted: function () {
if (!this.swiperInstance) {
this.initSwiper();
}
},
// Update swiper when the parent component activated with `keep-alive`.
activated: function () {
this.updateSwiper();
},
updated: function () {
this.updateSwiper();
},
beforeDestroy: function () {
// https://github.com/surmon-china/vue-awesome-swiper/commit/2924a9d4d3d1cf51c0d46076410b1f804b2b8a43#diff-7f4e0261ac562c0f354cb91a1ca8864f
this.$nextTick(this.destroySwiper);
},
render: function (createElement) {
return createElement('div', {
staticClass: DEFAULT_CLASSES.containerClass,
on: {
click: this.handleSwiperClick
}
}, [
this.$slots[SlotNames.ParallaxBg],
createElement('div', {
class: this.wrapperClass
}, this.$slots.default),
this.$slots[SlotNames.Pagination],
this.$slots[SlotNames.PrevButton],
this.$slots[SlotNames.NextButton],
this.$slots[SlotNames.Scrollbar]
]);
}
});
}/**
* @file vue-awesome-swiper
* @module SwiperSlideComponent
* @author Surmon
*/
var SwiperSlideComponent = Vue.extend({
name: CoreNames.SwiperSlideComponent,
computed: {
slideClass: function () {
var _a, _b;
return ((_b = (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.swiperOptions) === null || _b === void 0 ? void 0 : _b.slideClass) || DEFAULT_CLASSES.slideClass;
}
},
methods: {
update: function () {
var _a;
var parent = this.$parent;
// https://github.com/surmon-china/vue-awesome-swiper/issues/632
if (parent[ComponentPropNames.AutoUpdate]) {
(_a = parent === null || parent === void 0 ? void 0 : parent.swiperInstance) === null || _a === void 0 ? void 0 : _a.update();
}
}
},
mounted: function () {
this.update();
},
updated: function () {
this.update();
},
render: function (createElement) {
return createElement('div', {
class: this.slideClass
}, this.$slots.default);
}
});/**
* @file vue-awesome-swiper
* @module exporter
* @author Surmon
*/
var getInstaller = function (SwiperClass) {
var install = function (Vue, globalOptions) {
if (install.installed)
{ return; }
var SwiperComponent = getSwiperComponent(SwiperClass);
if (globalOptions) {
SwiperComponent.options.props.defaultOptions.default = function () { return globalOptions; };
}
Vue.component(CoreNames.SwiperComponent, SwiperComponent);
Vue.component(CoreNames.SwiperSlideComponent, SwiperSlideComponent);
Vue.directive(CoreNames.SwiperDirective, getDirective(SwiperClass, globalOptions));
install.installed = true;
};
return install;
};
function exporter(SwiperClass) {
var _a;
return _a = {
version: '4.1.1',
install: getInstaller(SwiperClass),
directive: getDirective(SwiperClass)
},
_a[CoreNames.SwiperComponent] = getSwiperComponent(SwiperClass),
_a[CoreNames.SwiperSlideComponent] = SwiperSlideComponent,
_a;
}/**
* @file vue-awesome-swiper
* @module default-export
* @author Surmon
*/
var VueAwesomeSwiper = exporter(SwiperClass);
var version = VueAwesomeSwiper.version;
var install = VueAwesomeSwiper.install;
var directive = VueAwesomeSwiper.directive;
var Swiper = VueAwesomeSwiper.Swiper;
var SwiperSlide = VueAwesomeSwiper.SwiperSlide;exports.Swiper=Swiper;exports.SwiperSlide=SwiperSlide;exports.default=VueAwesomeSwiper;exports.directive=directive;exports.install=install;exports.version=version;Object.defineProperty(exports,'__esModule',{value:true});})));
/***/ }),
/***/ 8957:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ AccessiableSelect)
});
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
var es_array_join = __webpack_require__(6203);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
var index_of = __webpack_require__(51791);
var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/component/layout/index/components/AccessiableSelect/index.vue?vue&type=template&id=616f6ac1
var render = function render() {
var _context7;
var _vm = this,
_c = _vm._self._c;
return _c("div", {
directives: [{
name: "clickoutside",
rawName: "v-clickoutside",
value: _vm.handleClose,
expression: "handleClose"
}],
staticClass: "el-select",
"class": [_vm.selectSize ? "el-select--" + _vm.selectSize : "", {
"is-multiple": _vm.multiple
}],
on: {
click: function click($event) {
$event.stopPropagation();
return _vm.toggleMenu.apply(null, arguments);
}
}
}, [_vm.multiple ? _c("div", {
ref: "tags",
staticClass: "el-select__tags",
style: {
"max-width": _vm.inputWidth - 32 + "px",
width: "100%"
}
}, [_vm.collapseTags && _vm.selected.length ? _c("span", [_c("el-tag", {
attrs: {
closable: !_vm.selectDisabled,
size: _vm.collapseTagSize,
hit: _vm.selected[0].hitState,
type: "info",
"disable-transitions": ""
},
on: {
close: function close($event) {
return _vm.deleteTag($event, _vm.selected[0]);
}
}
}, [_c("span", {
staticClass: "el-select__tags-text"
}, [_vm._v(_vm._s(_vm.selected[0].currentLabel))])]), _vm._v(" "), _vm.selected.length > 1 ? _c("el-tag", {
attrs: {
closable: false,
size: _vm.collapseTagSize,
type: "info",
"disable-transitions": ""
}
}, [_c("span", {
staticClass: "el-select__tags-text"
}, [_vm._v("+ " + _vm._s(_vm.selected.length - 1))])]) : _vm._e()], 1) : _vm._e(), _vm._v(" "), !_vm.collapseTags ? _c("transition-group", {
on: {
"after-leave": _vm.resetInputHeight
}
}, _vm._l(_vm.selected, function (item) {
return _c("el-tag", {
key: _vm.getValueKey(item),
attrs: {
closable: !_vm.selectDisabled,
size: _vm.collapseTagSize,
hit: item.hitState,
type: "info",
"disable-transitions": ""
},
on: {
close: function close($event) {
return _vm.deleteTag($event, item);
}
}
}, [_c("span", {
staticClass: "el-select__tags-text"
}, [_vm._v(_vm._s(item.currentLabel))])]);
}), 1) : _vm._e(), _vm._v(" "), _vm.filterable ? _c("input", {
directives: [{
name: "model",
rawName: "v-model",
value: _vm.query,
expression: "query"
}],
ref: "input",
staticClass: "el-select__input",
"class": [_vm.selectSize ? "is-".concat(_vm.selectSize) : ""],
style: {
"flex-grow": "1",
width: _vm.inputLength / (_vm.inputWidth - 32) + "%",
"max-width": _vm.inputWidth - 42 + "px"
},
attrs: {
type: "text",
disabled: _vm.selectDisabled,
autocomplete: _vm.autoComplete || _vm.autocomplete
},
domProps: {
value: _vm.query
},
on: {
focus: _vm.handleFocus,
blur: function blur($event) {
_vm.softFocus = false;
},
keyup: _vm.managePlaceholder,
keydown: [_vm.resetInputState, function ($event) {
var _context;
if (!index_of_default()(_context = $event.type).call(_context, "key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
$event.preventDefault();
return _vm.handleNavigate("next");
}, function ($event) {
var _context2;
if (!index_of_default()(_context2 = $event.type).call(_context2, "key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
$event.preventDefault();
return _vm.handleNavigate("prev");
}, function ($event) {
var _context3;
if (!index_of_default()(_context3 = $event.type).call(_context3, "key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
$event.preventDefault();
return _vm.selectOption.apply(null, arguments);
}, function ($event) {
var _context4;
if (!index_of_default()(_context4 = $event.type).call(_context4, "key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
$event.stopPropagation();
$event.preventDefault();
_vm.visible = false;
}, function ($event) {
var _context5;
if (!index_of_default()(_context5 = $event.type).call(_context5, "key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) return null;
return _vm.deletePrevTag.apply(null, arguments);
}, function ($event) {
var _context6;
if (!index_of_default()(_context6 = $event.type).call(_context6, "key") && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) return null;
_vm.visible = false;
}],
compositionstart: _vm.handleComposition,
compositionupdate: _vm.handleComposition,
compositionend: _vm.handleComposition,
input: [function ($event) {
if ($event.target.composing) return;
_vm.query = $event.target.value;
}, _vm.debouncedQueryChange]
}
}) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c("el-input", _vm._b({
ref: "reference",
"class": {
"is-focus": _vm.visible
},
attrs: {
value: _vm.multiple ? map_default()(_context7 = _vm.selected).call(_context7, function (item) {
return item.currentLabel;
}).join("; ") : _vm.selectedLabel,
type: "text",
placeholder: _vm.currentPlaceholder,
name: _vm.name,
id: _vm.id,
autocomplete: _vm.autoComplete || _vm.autocomplete,
size: _vm.selectSize,
disabled: _vm.selectDisabled,
readonly: _vm.readonly,
"validate-event": false,
tabindex: _vm.multiple && _vm.filterable ? "-1" : null,
role: "combobox",
"aria-expanded": "".concat(_vm.visible),
"aria-haspopup": "listbox",
"aria-owns": _vm.listboxId,
"aria-autocomplete": "list",
"aria-controls": _vm.listboxId,
"aria-activedescendant": _vm.activedescendant,
"aria-labelledby": _vm.labelledby || false
},
on: {
focus: _vm.handleFocus,
blur: _vm.handleBlur,
input: _vm.handleReferenceInput,
compositionstart: _vm.handleComposition,
compositionupdate: _vm.handleComposition,
compositionend: _vm.handleComposition
},
nativeOn: {
keydown: [function ($event) {
var _context8;
if (!index_of_default()(_context8 = $event.type).call(_context8, "key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
$event.stopPropagation();
$event.preventDefault();
return _vm.handleNavigate("next");
}, function ($event) {
var _context9;
if (!index_of_default()(_context9 = $event.type).call(_context9, "key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
$event.stopPropagation();
$event.preventDefault();
return _vm.handleNavigate("prev");
}, function ($event) {
var _context10;
if (!index_of_default()(_context10 = $event.type).call(_context10, "key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
$event.preventDefault();
return _vm.selectOption.apply(null, arguments);
}, function ($event) {
var _context11;
if (!index_of_default()(_context11 = $event.type).call(_context11, "key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) return null;
$event.stopPropagation();
$event.preventDefault();
_vm.visible = false;
}, function ($event) {
var _context12;
if (!index_of_default()(_context12 = $event.type).call(_context12, "key") && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) return null;
_vm.visible = false;
}],
mouseenter: function mouseenter($event) {
_vm.inputHovering = true;
},
mouseleave: function mouseleave($event) {
_vm.inputHovering = false;
}
}
}, "el-input", _vm.inputAttrs, false), [_vm.$slots.prefix ? _c("template", {
slot: "prefix"
}, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _c("template", {
slot: "suffix"
}, [_c("span", {
directives: [{
name: "show",
rawName: "v-show",
value: !_vm.showClose,
expression: "!showClose"
}],
staticClass: "inline-block el-select__caret el-input__icon",
"class": _vm.visible ? "" : "is-reverse",
staticStyle: {
"user-select": "none",
"-webkit-user-select": "none"
},
attrs: {
unselectable: "on",
"aria-hidden": "true"
}
}, [_c("span", {
staticClass: "inline-block leading-[0] align-middle",
attrs: {
role: "img",
"aria-label": "down"
}
}, [_c("svg", {
attrs: {
viewBox: "0 0 100 100",
focusable: "false",
"data-icon": "down",
width: "1em",
height: "1em",
fill: "currentColor",
"aria-hidden": "true"
}
}, [_c("path", {
attrs: {
d: "M81.3 33.3L81.3 33.3L50 63.8L18.8 33.3Q17.9 32.4 16.7 32.4Q15.5 32.4 14.6 33.3Q13.8 34.2 13.8 35.4Q13.8 36.5 14.6 37.3L14.6 37.3L47.9 69.7Q48.7 70.6 50 70.6Q51.3 70.6 52.1 69.7L52.1 69.7L85.4 37.4Q86.2 36.5 86.2 35.3Q86.2 34.1 85.4 33.3Q84.5 32.4 83.3 32.4Q82.1 32.4 81.3 33.3Z"
}
})])])]), _vm._v(" "), _vm.showClose ? _c("i", {
staticClass: "el-select__caret el-input__icon el-icon-circle-close",
on: {
click: _vm.handleClearClick
}
}) : _vm._e()])], 2), _vm._v(" "), _c("transition", {
attrs: {
name: "el-zoom-in-top"
},
on: {
"before-enter": _vm.handleMenuEnter,
"after-leave": _vm.doDestroy
}
}, [_c("el-select-menu", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.visible && _vm.emptyText !== false,
expression: "visible && emptyText !== false"
}],
ref: "popper",
attrs: {
"append-to-body": _vm.popperAppendToBody
}
}, [_vm._t("listbox"), _vm._v(" "), _c("el-scrollbar", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.options.length > 0 && !_vm.loading,
expression: "options.length > 0 && !loading"
}],
ref: "scrollbar",
"class": {
"is-empty": !_vm.allowCreate && _vm.query && _vm.filteredOptionsCount === 0
},
attrs: {
tag: "ul",
"wrap-class": "el-select-dropdown__wrap",
"view-class": "el-select-dropdown__list"
}
}, [_vm.showNewOption ? _c("el-option", {
attrs: {
value: _vm.query,
created: ""
}
}) : _vm._e(), _vm._v(" "), _vm._t("default")], 2), _vm._v(" "), _vm.emptyText && (!_vm.allowCreate || _vm.loading || _vm.allowCreate && _vm.options.length === 0) ? [_vm.$slots.empty ? _vm._t("empty") : _c("p", {
staticClass: "el-select-dropdown__empty"
}, [_vm._v("\n " + _vm._s(_vm.emptyText) + "\n ")])] : _vm._e()], 2)], 1)], 1);
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/AccessiableSelect/index.vue?vue&type=template&id=616f6ac1
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/component/layout/index/components/AccessiableSelect/index.vue?vue&type=script&lang=js
/* harmony default export */ const AccessiableSelectvue_type_script_lang_js = ({
"extends": element_ui_common.Select,
props: {
listboxId: {
type: String,
"default": 'locale-listbox'
},
ariaOptionIdPrefix: {
type: String,
required: true
},
labelledby: {
type: String
},
inputAttrs: {
type: Object,
"default": function _default() {
return {};
}
}
},
computed: {
activedescendant: function activedescendant() {
var _context;
return this.visible ? concat_default()(_context = "".concat(this.ariaOptionIdPrefix)).call(_context, this.hoverIndex) : null;
}
},
methods: {
handleReferenceInput: function handleReferenceInput(val) {
if (!this.multiple) {
this.selectedLabel = val;
}
this.debouncedOnInputChange(val);
}
}
});
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/AccessiableSelect/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_AccessiableSelectvue_type_script_lang_js = (AccessiableSelectvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/AccessiableSelect/index.vue
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_AccessiableSelectvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const AccessiableSelect = (component.exports);
/***/ }),
/***/ 43984:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ pixelImage)
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/component/layout/index/components/pixelImage/index.vue?vue&type=template&id=7817c0b1
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("picture", {
ref: "picture-" + _vm.id,
attrs: {
id: "picture-" + _vm.id
}
}, [_c("source", {
ref: "source-" + _vm.id,
attrs: {
"data-origin": _vm.webpSrc
}
}), _vm._v(" "), _c("img", {
ref: "img-" + _vm.id,
"class": _vm.classNames4img,
attrs: {
"data-origin": _vm.src,
alt: _vm.alt
}
})]);
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/pixelImage/index.vue?vue&type=template&id=7817c0b1
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/parse-int.js
var parse_int = __webpack_require__(34300);
var parse_int_default = /*#__PURE__*/__webpack_require__.n(parse_int);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-string.js
var es_date_to_string = __webpack_require__(30024);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/component/layout/index/components/pixelImage/index.vue?vue&type=script&lang=js
/* harmony default export */ const pixelImagevue_type_script_lang_js = ({
name: 'PixelImage',
components: {},
props: {
notCopyCls2Img: {
type: Boolean,
"default": false
},
src: {
type: String,
required: true
},
webpSrc: {
type: String
},
srcset: {
type: String
},
lazyload: {
type: Boolean,
"default": true
},
width: {
//在基准下的图片宽
type: Number,
"default": 0
},
height: {
//在基准下的图片宽
type: Number,
"default": 0
},
quality: {
type: Number,
"default": 80
},
alt: {
type: String,
"default": ''
},
name: {
type: String,
"default": ''
}
},
data: function data() {
return {
id: 0,
EASY_ENV_IS_BROWSER: true
};
},
computed: {
classNames4img: function classNames4img() {
var _class = this.lazyload ? ['lazyload'] : [];
var pictureClass = '';
if (!this.notCopyCls2Img && true) {
pictureClass = this.$el ? this.$el.className : '';
}
_class.push(this.$attrs, pictureClass, this.name);
return _class;
}
},
created: function created() {
var _this = this;
if (true) {
var id = new Date().getTime() + this.$getRandomNumber(10000, 99999);
this.id = id;
this.$nextTick(function () {
var width = _this.width,
height = _this.height;
var imgEl = _this.$refs['img-' + id];
var sourceEl = _this.$refs['source-' + id];
var pictureEl = _this.$refs['picture-' + id];
var dataSrc = imgEl.dataset.origin;
var dpr = window.devicePixelRatio || 1;
// let baseWidth = this.$root.platform === 'mobile' ? 750 : 1920;
if (!width) {
var boxWidth = pictureEl.parentNode.clientWidth;
width = boxWidth * dpr;
}
// 在基准下的图片大小
var isSupportWebp = false;
width = parse_int_default()(width);
height = parse_int_default()(height * dpr);
var formate_str = _this.$helper.getOssImageHandleUrl(dataSrc, width, height, isSupportWebp, 80);
imgEl.dataset.src = formate_str;
sourceEl.dataset.srcset = formate_str;
if (!_this.lazyload) {
imgEl.src = formate_str;
sourceEl.srcset = formate_str;
}
imgEl.onload = function () {
_this.$emit('onload', _this.name);
};
});
}
}
});
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/pixelImage/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_pixelImagevue_type_script_lang_js = (pixelImagevue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/component/layout/index/components/pixelImage/index.vue
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_pixelImagevue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const pixelImage = (component.exports);
/***/ }),
/***/ 32615:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ CompareLink)
});
// EXTERNAL MODULE: ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
var helper = __webpack_require__(36568);
var helper_default = /*#__PURE__*/__webpack_require__.n(helper);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/comparewatch/CompareLink/index.vue?vue&type=script&lang=js
/* harmony default export */ const CompareLinkvue_type_script_lang_js = ({
name: 'CompareLink',
functional: true,
props: {
href: {
type: String,
"default": 'comparison'
}
},
render: function render(h, _ref) {
var props = _ref.props,
children = _ref.children,
data = _ref.data;
return h("a", helper_default()([{
"class": "compare-link",
"attrs": {
"href": props.href
}
}, data]), [h("span", {
"class": "compare-link__inner"
}, [children])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/comparewatch/CompareLink/index.vue?vue&type=script&lang=js
/* harmony default export */ const comparewatch_CompareLinkvue_type_script_lang_js = (CompareLinkvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/comparewatch/CompareLink/index.vue?vue&type=style&index=0&id=790461ff&prod&lang=scss
var CompareLinkvue_type_style_index_0_id_790461ff_prod_lang_scss = __webpack_require__(68182);
;// CONCATENATED MODULE: ./app/web/projects/www/comparewatch/CompareLink/index.vue?vue&type=style&index=0&id=790461ff&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/comparewatch/CompareLink/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
comparewatch_CompareLinkvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const CompareLink = (component.exports);
/***/ }),
/***/ 754:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"ZP": () => (/* binding */ AutoPlayOrPauseVideoInView)
});
// UNUSED EXPORTS: ENDED, PAUSED, PLAYING
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-timeout.js
var set_timeout = __webpack_require__(9938);
var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-interval.js
var set_interval = __webpack_require__(34652);
var set_interval_default = /*#__PURE__*/__webpack_require__.n(set_interval);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
// EXTERNAL MODULE: ./node_modules/gsap/index.js + 2 modules
var gsap = __webpack_require__(66358);
// EXTERNAL MODULE: ./node_modules/gsap/ScrollTrigger.js + 1 modules
var ScrollTrigger = __webpack_require__(49092);
// EXTERNAL MODULE: ./node_modules/portal-vue/dist/portal-vue.common.js
var portal_vue_common = __webpack_require__(72433);
// EXTERNAL MODULE: ./app/web/projects/www/components/VideoWithScrollControll/index.vue + 5 modules
var VideoWithScrollControll = __webpack_require__(49394);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/AutoPlayOrPauseVideoInView/index.vue?vue&type=script&lang=js
var PLAYING = 'playing';
var PAUSED = 'paused';
var ENDED = 'ended';
/* harmony default export */ const AutoPlayOrPauseVideoInViewvue_type_script_lang_js = ({
components: {
Portal: portal_vue_common/* Portal */.h_
},
props: {
/**
* The element to which the scroll trigger is applied.
*/
scroller: {
type: String,
"default": 'body'
},
/**
* start position
*/
start: {
type: String,
"default": 'top center-=100'
},
/**
* end position
*/
end: {
type: String,
"default": 'bottom center'
},
/**
* Wrapper class for manual button
*/
buttonWrapperClass: {
type: String,
"default": 'text-center mt-15 md:mt-md-15 md:text-md-35'
},
/**
* Hide manual button
*/
hideManualBtn: {
type: Boolean,
"default": false
},
/**
* Compose with play, pause, replay
*/
manualBtnAriaLabelSuffix: {
type: String,
"default": ''
},
/**
* Portal to specific target(especially for outside)
*/
portalTo: {
type: String,
"default": ''
},
debug: {
type: Boolean,
"default": false
},
/**
* Trigger once for scroll trigger(change would not affect after scrollTrigger is inited)
*/
triggerOnce: {
type: Boolean,
"default": false
}
},
data: function data() {
return {
previewVideoStatus: ''
};
},
computed: {
videoBtnText: function videoBtnText() {
if (this.isPreviewVideoEnded) {
return this.$t('common.video.replay');
}
return this.isPreviewVideoPlaying ? this.$t('common.video.pause') : this.$t('common.video.play');
},
videoBtnAriaLabel: function videoBtnAriaLabel() {
if (this.manualBtnAriaLabelSuffix) {
var _context;
return concat_default()(_context = "".concat(this.videoBtnText, " ")).call(_context, this.manualBtnAriaLabelSuffix);
}
return this.videoBtnText;
},
isPreviewVideoPlaying: function isPreviewVideoPlaying() {
return this.previewVideoStatus === PLAYING;
},
isPreviewVideoPaused: function isPreviewVideoPaused() {
return this.previewVideoStatus === PAUSED;
},
isPreviewVideoEnded: function isPreviewVideoEnded() {
return this.previewVideoStatus === ENDED;
}
},
mounted: function mounted() {
this.initScrollTrigger();
},
methods: {
initScrollTrigger: function initScrollTrigger() {
var _this = this;
gsap/* default.registerPlugin */.ZP.registerPlugin(ScrollTrigger/* default */.Z);
this.videoEl = this.$slots["default"][0].elm;
if (this.videoEl) {
if (this.$dataBus.isMobile) {
var _hack4mobile = function hack4mobile() {
_this.videoEl.play();
set_timeout_default()(function () {
_this.videoEl.pause();
});
window.removeEventListener('scroll', _hack4mobile);
};
window.addEventListener('scroll', _hack4mobile);
}
var trigger = ScrollTrigger/* default.create */.Z.create({
trigger: this.videoEl,
scroller: this.scroller,
start: this.start,
end: this.end,
markers: this.debug,
once: this.triggerOnce,
onEnter: function onEnter() {
if (_this.isVisible()) {
_this.videoEl.play();
if (_this.debug) {
console.log('onEnter', _this.videoEl);
}
}
},
onEnterBack: function onEnterBack() {
if (_this.isVisible()) {
_this.videoEl.play();
if (_this.debug) {
console.log('onEnterBack', _this.videoEl);
}
}
},
onLeave: function onLeave() {
if (_this.triggerOnce) {
return;
}
if (_this.isVisible()) {
_this.videoEl.pause();
if (_this.debug) {
console.log('onLeave', _this.videoEl);
}
}
},
onLeaveBack: function onLeaveBack() {
if (_this.triggerOnce) {
return;
}
if (_this.isVisible()) {
_this.videoEl.pause();
if (_this.debug) {
console.log('onLeaveBack', _this.videoEl);
}
}
}
});
var scrollerEl = document.querySelector(this.scroller);
var missMatchTimes = 0;
var scrollHeight4scroller = scrollerEl.scrollHeight;
var timer = set_interval_default()(function () {
if (scrollHeight4scroller !== scrollerEl.scrollHeight) {
scrollHeight4scroller = scrollerEl.scrollHeight;
trigger.refresh(true);
missMatchTimes++;
}
if (missMatchTimes > 10) {
clearInterval(timer);
}
}, 300);
this.videoEl.addEventListener('play', this.handleVideoPlay);
this.videoEl.addEventListener('pause', this.handleVideoPaused);
this.videoEl.addEventListener('ended', this.handleVideoEnded);
this.$once('hook:beforeDestroy', function () {
_this.videoEl.removeEventListener('play', _this.handleVideoPlay);
_this.videoEl.removeEventListener('pause', _this.handleVideoPaused);
_this.videoEl.removeEventListener('ended', _this.handleVideoEnded);
trigger.kill();
_this.videoEl = null;
});
if (this.$dataBus.isMobile) {
(0,VideoWithScrollControll/* once */.I)(document.documentElement, 'touchstart', function (e) {
_this.videoEl.play();
_this.videoEl.pause();
});
}
}
},
isVisible: function isVisible() {
if (this.$el.offsetParent === null) {
return false;
}
if (getComputedStyle(this.$el.parentElement).opacity === '0') {
return false;
}
return true;
},
handleVideoPlay: function handleVideoPlay() {
this.previewVideoStatus = PLAYING;
this.$emit('video-status-change', PLAYING);
},
handleVideoPaused: function handleVideoPaused() {
this.previewVideoStatus = PAUSED;
this.$emit('video-status-change', PAUSED);
},
handleVideoEnded: function handleVideoEnded() {
this.previewVideoStatus = ENDED;
this.$emit('video-status-change', ENDED);
},
togglePreviewVideo: function togglePreviewVideo() {
if (this.previewVideoStatus === PLAYING) {
this.videoEl.pause();
this.previewVideoStatus = PAUSED;
} else {
this.videoEl.play();
this.previewVideoStatus = PLAYING;
}
}
},
render: function render() {
return (0,vue_common_prod.h)("div", [this.$slots["default"][0], this.$dataBus.isUs && !this.hideManualBtn ? (0,vue_common_prod.h)(portal_vue_common/* Portal */.h_, {
"key": "video-op",
"attrs": {
"to": this.portalTo,
"disabled": !this.portalTo
},
"class": this.buttonWrapperClass
}, [(0,vue_common_prod.h)("button", {
"class": {
'text-inherit control bg-transparent border-0 leading-none': true,
'is-playing': this.isPreviewVideoPlaying,
'is-paused': this.isPreviewVideoPaused,
invisible: this.videopreisshow
},
"attrs": {
"aria-label": this.videoBtnAriaLabel
},
"on": {
"click": this.togglePreviewVideo
}
}, [this.videoBtnText, (0,vue_common_prod.h)("i", {
"class": {
'el-icon-refresh-right': this.isPreviewVideoEnded,
'el-icon-video-pause': this.isPreviewVideoPlaying,
'el-icon-video-play': this.isPreviewVideoPaused
}
})])]) : null]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/AutoPlayOrPauseVideoInView/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_AutoPlayOrPauseVideoInViewvue_type_script_lang_js = (AutoPlayOrPauseVideoInViewvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/AutoPlayOrPauseVideoInView/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_AutoPlayOrPauseVideoInViewvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const AutoPlayOrPauseVideoInView = (component.exports);
/***/ }),
/***/ 51962:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ BatteryTips)
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=template&id=9fe7a92a&scoped=true
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("div", {
staticClass: "battery-tips",
attrs: {
id: "js-battery-tips".concat(_vm.num)
},
domProps: {
innerHTML: _vm._s(_vm.content || _vm.contentHtml)
}
});
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=template&id=9fe7a92a&scoped=true
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/starts-with.js
var starts_with = __webpack_require__(45181);
var starts_with_default = /*#__PURE__*/__webpack_require__.n(starts_with);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=script&lang=js
// import { i18nData } from './i18n.js';
/* harmony default export */ const BatteryTipsvue_type_script_lang_js = ({
props: {
num: {
type: Number,
"default": 1
},
content: {
type: String,
"default": ''
}
},
computed: {
contentHtml: function contentHtml() {
var locale = this.$i18n.locale;
if (starts_with_default()(locale).call(locale, 'en-')) {
locale = 'en';
}
// const data = i18nData[locale];
// let { text, linkText, link } = data;
var link = this.$t('product.battery_tip_link');
var linkText = this.$t('product.battery_tip_link_text');
var text = this.$t('product.battery_tip');
if (linkText) {
var _context;
return text.replace(linkText, concat_default()(_context = "")).call(_context, linkText, ""));
} else return text;
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=script&lang=js
/* harmony default export */ const components_BatteryTipsvue_type_script_lang_js = (BatteryTipsvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=style&index=0&id=9fe7a92a&prod&lang=scss&scoped=true
var BatteryTipsvue_type_style_index_0_id_9fe7a92a_prod_lang_scss_scoped_true = __webpack_require__(82331);
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue?vue&type=style&index=0&id=9fe7a92a&prod&lang=scss&scoped=true
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_BatteryTipsvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
"9fe7a92a",
null
)
/* harmony default export */ const BatteryTips = (component.exports);
/***/ }),
/***/ 25840:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ DynamicComparePanel)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
var get_own_property_symbols = __webpack_require__(52020);
var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptor.js
var get_own_property_descriptor = __webpack_require__(88546);
var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptors.js
var get_own_property_descriptors = __webpack_require__(66775);
var get_own_property_descriptors_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptors);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-properties.js
var define_properties = __webpack_require__(2201);
var define_properties_default = /*#__PURE__*/__webpack_require__.n(define_properties);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
var define_property = __webpack_require__(57445);
var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(44845);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/toConsumableArray.js + 3 modules
var toConsumableArray = __webpack_require__(71649);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/slicedToArray.js + 3 modules
var slicedToArray = __webpack_require__(95266);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
var es_array_join = __webpack_require__(6203);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.split.js
var es_string_split = __webpack_require__(9873);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/reduce.js
var reduce = __webpack_require__(53706);
var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/create.js
var create = __webpack_require__(3841);
var create_default = /*#__PURE__*/__webpack_require__.n(create);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/splice.js
var splice = __webpack_require__(90143);
var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
var index_of = __webpack_require__(51791);
var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/values.js
var values = __webpack_require__(89221);
var values_default = /*#__PURE__*/__webpack_require__.n(values);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/fill.js
var fill = __webpack_require__(18033);
var fill_default = /*#__PURE__*/__webpack_require__.n(fill);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/array/is-array.js
var is_array = __webpack_require__(98235);
var is_array_default = /*#__PURE__*/__webpack_require__.n(is_array);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/some.js
var some = __webpack_require__(27525);
var some_default = /*#__PURE__*/__webpack_require__.n(some);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/flat.js
var flat = __webpack_require__(49804);
var flat_default = /*#__PURE__*/__webpack_require__.n(flat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/every.js
var every = __webpack_require__(8244);
var every_default = /*#__PURE__*/__webpack_require__.n(every);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/slice.js
var slice = __webpack_require__(35704);
var slice_default = /*#__PURE__*/__webpack_require__.n(slice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/assign.js
var object_assign = __webpack_require__(67552);
var assign_default = /*#__PURE__*/__webpack_require__.n(object_assign);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/find.js
var find = __webpack_require__(86981);
var find_default = /*#__PURE__*/__webpack_require__.n(find);
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
// EXTERNAL MODULE: ./node_modules/lodash/camelCase.js
var camelCase = __webpack_require__(68929);
var camelCase_default = /*#__PURE__*/__webpack_require__.n(camelCase);
// EXTERNAL MODULE: ./node_modules/lodash/memoize.js
var memoize = __webpack_require__(88306);
var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize);
// EXTERNAL MODULE: ./app/web/projects/www/components/WebpImg/index.vue + 2 modules
var WebpImg = __webpack_require__(76517);
// EXTERNAL MODULE: ./app/web/component/layout/index/config/index.js + 1 modules
var config = __webpack_require__(32064);
// EXTERNAL MODULE: ./app/web/projects/www/components/DynamicComparePanel/constants.js
var constants = __webpack_require__(97675);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
var es_regexp_constructor = __webpack_require__(52003);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
var es_regexp_dot_all = __webpack_require__(68518);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.sticky.js
var es_regexp_sticky = __webpack_require__(13440);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
var es_regexp_test = __webpack_require__(7409);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
var es_regexp_to_string = __webpack_require__(12826);
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/utils.js
var normalFilterKeys = [{
key: 'dailyFeaturesVal',
range: [6]
}, {
key: 'trainingFeaturesVal',
range: [7]
}, {
key: 'runVal',
range: [100]
}, {
key: 'climbVal',
range: [100]
}, {
key: 'bikeVal',
range: [100]
}, {
key: 'waterVal',
range: [100]
}, {
key: 'winterVal',
range: [100]
}, {
key: 'cardioVal',
range: [100]
}, {
key: 'specialVal',
range: [100]
}];
var filterKeys4cn = [{
key: 'dailyFeaturesVal',
range: [6]
}, {
key: 'trainingFeaturesVal',
range: [[1, 2], [3, 6]]
}, {
key: 'runVal',
range: [100]
}, {
key: 'climbVal',
range: [100]
}, {
key: 'bikeVal',
range: [100]
}, {
key: 'waterVal',
range: [100]
}, {
key: 'winterVal',
range: [100]
}, {
key: 'cardioVal',
range: [100]
}, {
key: 'specialVal',
range: [100]
}];
function filterSpecs4productPage(keys, val, country) {
var filterKeys = country === 'cn' ? filterKeys4cn : normalFilterKeys;
for (var index = 0; index < filterKeys.length; index++) {
var item = filterKeys[index];
if (new RegExp("".concat(item.key, "$")).test(keys)) {
if (is_array_default()(item.range[0])) {
var _context, _context2;
return flat_default()(_context = map_default()(_context2 = item.range).call(_context2, function (range) {
return slice_default()(val).apply(val, (0,toConsumableArray/* default */.Z)(range));
})).call(_context);
}
return slice_default()(val).apply(val, (0,toConsumableArray/* default */.Z)(item.range));
}
}
return val;
}
// EXTERNAL MODULE: ./app/web/projects/www/products/constant.js
var constant = __webpack_require__(76633);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
var vue_common_prod_default = /*#__PURE__*/__webpack_require__.n(vue_common_prod);
// EXTERNAL MODULE: ./app/web/projects/www/components/DynamicComparePanel/components/BatteryTips.vue + 5 modules
var BatteryTips = __webpack_require__(51962);
// EXTERNAL MODULE: ./app/web/component/layout/index/components/AccessiableSelect/index.vue + 4 modules
var AccessiableSelect = __webpack_require__(8957);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/DynamicComparePanel/index.vue?vue&type=script&lang=js
function ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context41, _context42; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context41 = ownKeys(Object(t), !0)).call(_context41, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context42 = ownKeys(Object(t))).call(_context42, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
var watchInfos = memoize_default()(function (country) {
return reduce_default()(constant/* products */.RB).call(constant/* products */.RB, function (info, watch) {
var availableColors = (0,constant/* getAvailableColors */._H)(watch.colors, country);
info[watch.name.replace(/_([a-z])?/i, function (match, p1) {
return p1 ? p1.toUpperCase() : '';
})] = {
colors: availableColors,
img: availableColors[0].img || (0,assetsRequire/* assetsRequire */.y)("@assets/images/products/".concat(availableColors[0].name, ".png")),
prices: watch.prices,
link: watch.pathForCompare || (typeof watch.path === 'function' ? watch.path(country) : watch.path),
region: watch.region
};
return info;
}, create_default()(null));
});
var WatchesRow = {
functional: true,
render: function render(h, _ref) {
var _context;
var parent = _ref.parent,
watches = _ref.props.watches;
var currentCountry = parent.$root.country;
var isSuffixUnit = includes_default()(_context = ['de', 'fr', 'es', 'eu']).call(_context, currentCountry);
return h("tr", [h("td", {
"class": "compare-label no-border md:hidden"
}), map_default()(watches).call(watches, function (selectedWatch, index) {
var info = selectedWatch && watchInfos(currentCountry)[selectedWatch];
if (info) {
var isOutOfStock = info.region === undefined ? false : info.region === false || info.region[currentCountry] === false;
var priceRange = info.prices[currentCountry];
var BuyButton = {
functional: true,
render: function render(h) {
var _context2;
return h(isOutOfStock ? 'span' : 'a', {
"class": {
'item-entrance': true,
uppercase: true,
'is-disabled cursor-not-allowed': isOutOfStock,
'mt-25 md:mt-md-25': !priceRange
},
attrs: {
href: isOutOfStock ? '' : info.link,
'aria-label': concat_default()(_context2 = "".concat(parent.$t(isOutOfStock ? 'home.outOfStock' : 'common.shopnow'), " - ")).call(_context2, selectedWatch)
}
}, [h("span", {
"class": "item-entrance__inner uppercase lang-fr:normal-case"
}, [parent.$t(isOutOfStock ? 'home.outOfStock' : 'common.shopnow')])]);
}
};
var img = info.img;
return h("td", {
"class": "compare-value md:pb-md-80",
"key": index
}, [info ? h("div", {
"class": "text-center mt-55 md:text-[0]"
}, [h(WebpImg/* default */.Z, {
"attrs": {
"src": img,
"height": 236
},
"class": "inline-block align-middle watch-model-img"
}), priceRange ? h("p", {
"class": "text-40 md:text-md-35 mt-50 mb-20 md:mt-md-55 md:mb-md-20"
}, [map_default()(priceRange).call(priceRange, function (priceItem) {
return isSuffixUnit ? priceItem + config/* currencyUnit */.CA[currentCountry] : config/* currencyUnit */.CA[currentCountry] + priceItem;
}).join(' - ')]) : h("div"), h(BuyButton)]) : null]);
}
return h("td", {
"class": "compare-value md:pb-md-80",
"key": index
});
})]);
}
};
var SpecCell = {
functional: true,
render: function render(h, _ref2) {
var _ref2$props = _ref2.props,
specName = _ref2$props.specName,
str = _ref2$props.str,
country = _ref2$props.country,
product = _ref2$props.product;
if (str) {
if (str === '-') str = '—';
if (str === '—') {
return h("span", {
"class": "compare-value__inner",
"attrs": {
"aria-label": "not included"
}
}, [str]);
}
var thirdAppListLine = specName === 'Compatible Apps';
var isAccessoryTypesLine = specName === 'Dura Accessory Types';
var replaceLink = function replaceLink(_ref3) {
var text = _ref3.text,
ariaLabel = _ref3.ariaLabel,
link = _ref3.link;
text = text.split(/here/);
splice_default()(text).call(text, 1, 0, h("a", {
"attrs": {
"aria-label": ariaLabel,
"target": "_blank",
"href": link
},
"class": "underline hover:underline underline-offset-2"
}, ["here"]));
return text;
};
var splitedLines = str.split('\n');
var lastLine = splitedLines.length > 1 ? splitedLines.pop() : null;
var output = [];
// ||| 作为换行符
output.push(h("span", {
"class": "compare-value__inner"
}, [splitedLines.join('\n').replace(/\|\|\|/gi, '\n')]));
if (lastLine !== null) {
var _context3;
output.push('\n');
// 法语 西语整段都是链接
if (includes_default()(_context3 = ['fr', 'es', 'jp', 'de']).call(_context3, country)) {
if (thirdAppListLine) {
output.push(h("span", {
"class": "compare-value__sub-desc"
}, [h("a", {
"attrs": {
"target": "_blank",
"href": "https://support.coros.com/hc/en-us/articles/360040256531-Supported-3rd-party-app-list"
}
}, [lastLine])]));
} else if (isAccessoryTypesLine) {
output.push(h("span", {
"class": "compare-value__sub-desc"
}, [h("a", {
"attrs": {
"target": "_blank",
"href": "https://support.coros.com/hc/en-us/articles/27159435071508-How-do-I-pair-DURA-with-external-sensors"
}
}, [lastLine])]));
} else {
output.push(h("span", {
"class": "compare-value__sub-desc"
}, [lastLine]));
}
} else {
var _thisResult = lastLine;
if (index_of_default()(lastLine).call(lastLine, 'here') > -1) {
if (thirdAppListLine) {
_thisResult = replaceLink({
text: lastLine,
ariaLabel: "Click here for a complete list of compatible apps.",
link: 'https://support.coros.com/hc/en-us/articles/360040256531-Supported-3rd-party-app-list'
});
} else if (isAccessoryTypesLine) {
_thisResult = replaceLink({
text: lastLine,
ariaLabel: '',
link: 'https://support.coros.com/hc/en-us/articles/27159435071508-How-do-I-pair-DURA-with-external-sensors'
});
}
}
output.push(h("span", {
"class": "compare-value__sub-desc"
}, [_thisResult]));
}
}
return output;
}
return '';
}
};
var GroupSpecs = {
functional: true,
render: function render(h, _ref4) {
var _context4;
var parent = _ref4.parent,
_ref4$props = _ref4.props,
group = _ref4$props.group,
groupIndex = _ref4$props.groupIndex,
isMobile = _ref4$props.isMobile,
maxCols = _ref4$props.maxCols,
products = _ref4$props.products;
var rowspan4groupTitle = 1;
var _group$specs = (0,slicedToArray/* default */.Z)(group.specs, 1),
firstSpec = _group$specs[0];
if (firstSpec.label === group.title && !isMobile) {
rowspan4groupTitle += group.specs.length;
}
var rows = [h("tr", {
"class": ['specs-group md:pb-md-80', {
'no-border': groupIndex === 0
}],
"key": group.title
}, [h("th", {
"attrs": {
"scope": "row",
"data-sub-title": group.subTitle,
"colspan": isMobile && maxCols,
"rowspan": rowspan4groupTitle > 1 ? rowspan4groupTitle + 1 : null
},
"class": "specs-group__title pt-60 md:pt-md-80 align-baseline"
}, [group.title]), isMobile ? null : h("td"), isMobile ? null : h("td"), isMobile ? null : h("td")])];
if (rowspan4groupTitle > 1) {
rows.push(h("tr", {
"key": "safari-hack ".concat(group.title)
}));
}
for_each_default()(_context4 = group.specs).call(_context4, function (spec, index) {
var hasTopBorder = index > 0 && spec.label && !isMobile;
var header = group.title === spec.label ? '' : spec.label;
if (isMobile) {
var _context6;
var hasBottomBorder = group.specs.length - 1 === index;
if (spec.label && header) {
var _context5;
rows.push(h("tr", {
"attrs": {
"data-spec-name": spec.specName
},
"class": ['md:flex-wrap align-top', {
'has-border-top': hasTopBorder,
'has-border-bottom': hasBottomBorder && !isMobile
}],
"key": concat_default()(_context5 = "".concat(group.title, "_row_")).call(_context5, index)
}, [h("th", {
"class": ['pt-20 compare-label whitespace-pre-line md:pt-md-80', {
'md:hidden': !spec.label,
'pb-20': hasBottomBorder
}],
"attrs": {
"colspan": isMobile && maxCols
}
}, [header])]));
}
rows.push(h("tr", {
"attrs": {
"data-spec-name": spec.specName
}
}, [map_default()(_context6 = values_default()(spec)).call(_context6, function (val, valIndex) {
var _context7, _context8;
return h("td", {
"class": ['pt-20 compare-value w-1/4 md:pt-md-40 whitespace-pre-line', {
'pb-20 md:pb-md-80': hasBottomBorder
}],
"key": concat_default()(_context7 = concat_default()(_context8 = "".concat(group.title, "_row_")).call(_context8, index, "_cell_")).call(_context7, valIndex)
}, [h(SpecCell, {
"attrs": {
"str": val,
"country": parent.$root.country,
"product": products[valIndex],
"specName": spec.specName
}
})]);
})]));
} else {
var _context9, _context10;
var _hasBottomBorder = group.specs[index + 1] ? !!group.specs[index + 1].label : true;
rows.push(h("tr", {
"attrs": {
"data-spec-name": spec.specName
},
"class": ['md:flex-wrap align-top', {
'md:pt-md-80': spec.label,
'md:pt-0': !spec.label,
'has-border-top': hasTopBorder,
'has-border-bottom': _hasBottomBorder
}],
"key": concat_default()(_context9 = "".concat(group.title, "_row_")).call(_context9, index)
}, [header ? h("th", {
"attrs": {
"scope": "row",
"rowspan": spec.rowSpan
},
"class": ['pt-20 compare-label whitespace-pre-line w-1/4 md:w-full', {
'md:hidden': !spec.label,
'pb-20': _hasBottomBorder
}]
}, [group.title === spec.label ? '' : spec.label]) : null, map_default()(_context10 = values_default()(spec)).call(_context10, function (val, valIndex) {
var _context11, _context12;
return h("td", {
"class": ['pt-20 compare-value w-1/4 md:pt-md-40 whitespace-pre-line', {
'pb-20': _hasBottomBorder
}],
"key": concat_default()(_context11 = concat_default()(_context12 = "".concat(group.title, "_row_")).call(_context12, index, "_cell_")).call(_context11, valIndex)
}, [h(SpecCell, {
"attrs": {
"str": val,
"country": parent.$root.country,
"product": products[valIndex],
"specName": spec.specName
}
})]);
})]));
}
});
return rows;
}
};
/* harmony default export */ const DynamicComparePanelvue_type_script_lang_js = ({
name: 'DynamicComparePanel',
components: {
BatteryTips: BatteryTips/* default */.Z
},
props: {
/**
* 默认的第一个产品（必须是productsToCompare 之一）
*/
defaultProduct: {
type: [String, Array]
},
/**
* 对比表头吸顶
*/
affixToTop: {
type: Boolean,
"default": false
},
specialOnly: {
type: Boolean,
"default": true
},
/**
* 自动比较：开启后按组件内部默认设置的初始化比较产品
*/
autoCompare: {
type: Boolean,
"default": false
},
/**
* 需要对比的特性
*/
specsToCompare: {
type: Array
},
/**
* 吸顶表头的额外样式配置
*/
extendedStyleForFixedHeader: {
type: Object,
"default": function _default() {
return {};
}
},
/**
* 最大可对比数（大于0）
*/
maxComparisons: {
type: Number,
"default": 3
},
/**
* 隐藏对比表头（隐藏后无法选择对比的产品，需与defaultProduct 一起使用）
*/
hideHeader: {
type: Boolean,
"default": false
},
from: {
type: String,
"default": ''
},
footnoteContent: {
type: String,
"default": ''
}
},
data: function data() {
var _context13;
return {
hideDuplicates: false,
hasFixHeader: false,
selectedComparsion: fill_default()(_context13 = new Array(this.maxComparisons)).call(_context13, ''),
minTop: 0
};
},
computed: {
/**
* 需要对比的产品（需结合对比特性）
*/
productsToCompare: function productsToCompare() {
var _context14,
_this = this;
var output = constants/* allWatches */.wH;
if (includes_default()(_context14 = ['jp', 'de']).call(_context14, this.$i18n.locale)) {
output = filter_default()(constants/* allWatches */.wH).call(constants/* allWatches */.wH, function (i) {
var _context15;
return !i.notShowInCountry || !includes_default()(_context15 = i.notShowInCountry).call(_context15, _this.$i18n.locale);
});
}
return output;
},
defaultSpecsToCompare: function defaultSpecsToCompare() {
return this.$dataBus.isCn ? constants/* groupedSpecs4cn */.uT : constants/* groupedSpecs */.ys;
},
normalizedDefaultProduct: function normalizedDefaultProduct() {
return is_array_default()(this.defaultProduct) ? this.defaultProduct : [this.defaultProduct];
},
canHideDuplicates: function canHideDuplicates() {
var _context16;
return reduce_default()(_context16 = this.selectedComparsion).call(_context16, function (acc, cur) {
return acc + (cur ? 1 : 0);
}, 0) > 1;
},
hasSelection: function hasSelection() {
var _context17;
return some_default()(_context17 = this.selectedComparsion).call(_context17, function (val) {
return !!val;
});
},
computedSpecs: function computedSpecs() {
var _context18,
_this2 = this;
var result = [];
for_each_default()(_context18 = this.specsToCompare || this.defaultSpecsToCompare).call(_context18, function (group) {
var _context19, _context20;
var specsRows = flat_default()(_context19 = map_default()(_context20 = group.specs).call(_context20, function (spec) {
var _context21, _context23, _context24, _context25, _context26;
var specsVals = map_default()(_context21 = _this2.selectedComparsion).call(_context21, function (watchAlias) {
if (watchAlias) {
var _context22;
var i18nKey = concat_default()(_context22 = "specs.comparsion.".concat(watchAlias, ".")).call(_context22, camelCase_default()(spec), "Val");
var i18nVal = _this2.$t(i18nKey);
var normalizedVals = is_array_default()(i18nVal) ? i18nVal : [i18nVal];
return _this2.specialOnly ? filterSpecs4productPage(i18nKey, normalizedVals, _this2.$root.country) : normalizedVals;
}
return [];
});
var rowCounts = Math.max.apply(Math, (0,toConsumableArray/* default */.Z)(map_default()(specsVals).call(specsVals, function (item) {
return item.length;
})));
var visibleSpecs = map_default()(_context23 = fill_default()(_context24 = new Array(_this2.selectedComparsion.length)).call(_context24, null)).call(_context23, function () {
return [];
});
var _loop = function _loop(i) {
var isDuplicated = every_default()(specsVals).call(specsVals, function (item, index) {
if (_this2.hideDuplicates && _this2.canHideDuplicates) {
return item[i] === specsVals[0][i] || _this2.selectedComparsion[index] === '';
}
if (_this2.specialOnly) {
return item[i] === undefined;
}
});
if (isDuplicated) {
return 1; // continue
}
for_each_default()(visibleSpecs).call(visibleSpecs, function (item, index) {
item.push(specsVals[index][i]);
});
};
for (var i = 0; i < rowCounts; i++) {
if (_loop(i)) continue;
}
rowCounts = Math.max.apply(Math, (0,toConsumableArray/* default */.Z)(map_default()(visibleSpecs).call(visibleSpecs, function (item) {
return item.length;
})));
return map_default()(_context25 = fill_default()(_context26 = new Array(rowCounts)).call(_context26, 0)).call(_context25, function (row, index, arr) {
var rowVals = map_default()(visibleSpecs).call(visibleSpecs, function (item) {
return item[index] || '';
});
return {
label: index === 0 ? _this2.$t("specs.compareLabel.".concat(spec)) : '',
specName: spec,
values: rowVals,
rowSpan: index === 0 ? arr.length : null
};
});
})).call(_context19);
if (specsRows.length > 0) {
var subTitleI18nKey = "specs.compareLabel.".concat(group.subTitle);
result.push({
title: _this2.$t("specs.compareLabel.".concat(group.title)),
subTitle: group.subTitle ? _this2.$t(subTitleI18nKey) : '',
specs: flat_default()(specsRows).call(specsRows)
});
}
});
return result;
}
},
watch: {
maxComparisons: {
handler: function handler(newVal, oldVal) {
if (newVal > oldVal) {
var _context27, _context28;
this.selectedComparsion = concat_default()(_context27 = this.selectedComparsion).call(_context27, fill_default()(_context28 = new Array(newVal - oldVal)).call(_context28, ''));
} else {
var _context29;
this.selectedComparsion = slice_default()(_context29 = this.selectedComparsion).call(_context29, 0, newVal);
}
}
},
'$dataBus.isMobile': {
handler: function handler() {
var _this3 = this;
this.$nextTick(function () {
_this3.initWidth = _this3.$refs.header.offsetWidth;
});
}
},
'$dataBus.mainHeaderIsCollapsed': {
handler: function handler(val) {
if (this.hideHeader) {
return;
}
this.reUpdateAffix(val);
},
immediate: false
},
'$dataBus.localeSwitchChange': {
handler: function handler(val) {
if (this.hideHeader) {
return;
}
this.reUpdateAffix(val);
},
immediate: false
}
},
created: function created() {
var _this4 = this;
if (this.defaultProduct) {
var _context30;
for_each_default()(_context30 = this.normalizedDefaultProduct).call(_context30, function (product, index) {
if (product) {
_this4.$set(_this4.selectedComparsion, index, product);
}
});
} else if (this.autoCompare) {
var defaultSelectedComparsion;
if (this.$dataBus.isMobile) {
defaultSelectedComparsion = ['pace3', 'apex2'];
} else {
defaultSelectedComparsion = ['pace3', 'apex2', 'vertix2s'];
}
if (defaultSelectedComparsion.length >= this.maxComparisons) {
defaultSelectedComparsion = slice_default()(defaultSelectedComparsion).call(defaultSelectedComparsion, 0, this.maxComparisons);
} else {
var _context31;
defaultSelectedComparsion = concat_default()(defaultSelectedComparsion).call(defaultSelectedComparsion, fill_default()(_context31 = new Array(this.maxComparisons - defaultSelectedComparsion.length)).call(_context31, ''));
}
this.selectedComparsion = defaultSelectedComparsion;
}
},
mounted: function mounted() {
var _this5 = this;
if (true) {
vue_common_prod_default().nextTick(function () {
if (_this5.affixToTop && !_this5.hideHeader) {
_this5.minTop = document.querySelector('.coros-header').offsetHeight - 1;
_this5.initWidth = _this5.$refs.header.offsetWidth;
document.addEventListener('scroll', function () {
_this5.handleAffix();
});
}
});
}
},
methods: {
reUpdateAffix: function reUpdateAffix(val) {
var _this6 = this;
// 手动触发更新
if (true) {
this.$nextTick(function () {
var newTop = (val ? 0 : _this6.$dataBus.initHeight4mainHeader) + (_this6.$dataBus.isMobile ? 2 * window.innerWidth / 10 - 20 : 85) - 1;
// const newTop = document.querySelector('.coros-header').offsetHeight - 1;
var forceUpdate = newTop !== _this6.minTop;
// 主导航栏动画先触发，为了避免动画过程中两者留有缝隙，动画时长根据位置的变化调整。
var duration = newTop > _this6.minTop ? '0.3s' : '0.25s';
_this6.minTop = newTop;
_this6.handleAffix(forceUpdate, duration);
});
}
},
renderCell: function renderCell(str) {
if (str) {
if (str === '-') str = '—';
if (str === '—') {
return (0,vue_common_prod.h)("span", {
"class": "compare-value__inner"
}, [str]);
}
var THIRD_APP_LIST_LINE = 'Komoot, TrainingPeaks, Strava, Relive, adidas Running, Apple Health, Stryd, Final Surge, Runalyze, Running Quotient, Decathlon';
var replaceLink = function replaceLink(text) {
text = text.split(/here/);
splice_default()(text).call(text, 1, 0, (0,vue_common_prod.h)("a", {
"attrs": {
"target": "_blank",
"href": "https://support.coros.com/hc/en-us/articles/360040256531-Supported-3rd-party-app-list"
}
}, ["here"]));
return text;
};
var splitedLines = str.split('\n');
var lastLine = splitedLines.length > 1 ? splitedLines.pop() : null;
var output = [];
output.push((0,vue_common_prod.h)("span", {
"class": "compare-value__inner"
}, [splitedLines.join('\n')]));
if (lastLine !== null) {
output.push('\n');
// 法语 西语整段都是链接
if (splitedLines[0] === THIRD_APP_LIST_LINE && (this.$root.country === 'fr' || this.$root.country === 'es')) {
output.push((0,vue_common_prod.h)("span", {
"class": "compare-value__sub-desc"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"target": "_blank",
"href": "https://support.coros.com/hc/en-us/articles/360040256531-Supported-3rd-party-app-list"
}
}, [lastLine])]));
} else {
output.push((0,vue_common_prod.h)("span", {
"class": "compare-value__sub-desc"
}, [splitedLines[0] === THIRD_APP_LIST_LINE ? replaceLink(lastLine) : lastLine]));
}
}
return output;
}
return '';
},
isWatchDisabled: function isWatchDisabled(watch, index) {
var _context32;
return some_default()(_context32 = this.selectedComparsion).call(_context32, function (val, checkIndex) {
if (checkIndex === index) return false;
return val === watch;
});
},
handleAffix: function handleAffix() {
var _this7 = this;
var forceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var duration = arguments.length > 1 ? arguments[1] : undefined;
requestAnimationFrame(function () {
var _this7$$refs$header$g = _this7.$refs.header.getBoundingClientRect(),
top = _this7$$refs$header$g.top;
var _this7$$el$getBoundin = _this7.$el.getBoundingClientRect(),
componentTop = _this7$$el$getBoundin.top,
componentBottom = _this7$$el$getBoundin.bottom;
if (componentTop >= _this7.minTop || componentBottom < 70) {
_this7.hasFixHeader = false;
assign_default()(_this7.$refs.header.style, {
position: null,
top: null,
left: null,
width: null,
background: null,
zIndex: null,
padding: null,
boxSizing: null,
display: null
});
} else {
if (top <= _this7.minTop || forceUpdate) {
_this7.hasFixHeader = true;
var styleToUpdate = _objectSpread({
position: "fixed",
top: "".concat(_this7.minTop, "px"),
left: "0",
width: "100%",
padding: "15px ".concat((window.innerWidth - _this7.initWidth) / 2, "px 15px"),
background: '#fff',
zIndex: 10,
boxSizing: 'border-box',
display: 'flex'
}, _this7.extendedStyleForFixedHeader);
if (forceUpdate && duration) {
styleToUpdate.transition = "top ".concat(duration, " linear");
}
assign_default()(_this7.$refs.header.style, styleToUpdate);
}
}
});
}
},
render: function render(h) {
var _this8 = this,
_context33,
_context40;
return h("div", [h("table", {
"class": "dynamic-compare-panel table-fixed w-full",
"style": {
paddingTop: this.hasFixHeader ? '70px' : '0'
},
"attrs": {
"data-country": this.$root.country
}
}, [h("colgroup", [h("col", {
"class": "w-1/4 md:w-1/2"
}), this.$dataBus.isMobile && this.maxComparisons < 2 ? null : h("col", {
"class": "w-1/4 md:w-1/2"
}), this.$dataBus.isMobile ? null : h("col", {
"class": "w-1/4"
}), this.$dataBus.isMobile ? null : h("col", {
"class": "w-1/4"
})]), this.hideHeader ? null : h("thead", [h("tr", {
"class": "md:flex-wrap compare-header",
"ref": "header"
}, [this.$dataBus.isMobile ? null : h("td", {
"class": "compare-label no-border w-1/4 md:order-3 md:w-full"
}, [this.canHideDuplicates ? h("el-checkbox", {
"model": {
value: _this8.hideDuplicates,
callback: function callback($$v) {
_this8.hideDuplicates = $$v;
}
}
}, [this.$t('specs.Hide Duplicated Details')]) : null]), map_default()(_context33 = this.selectedComparsion).call(_context33, function (selectedWatch, index) {
var _context34, _context37, _context38;
var isDisabled = _this8.productsToCompare.length < index + 1;
var changeable = function changeable() {
return _this8.autoCompare || index >= _this8.normalizedDefaultProduct.length;
};
var ariaOptionIdPrefix = "ariaWatchOptionIdPrefix-".concat(index + 1, "-");
var listboxId = "watch-list-".concat(index + 1);
return h("th", {
"class": "compare-value w-1/4",
"key": index,
"attrs": {
"scope": "col"
}
}, [isDisabled || !changeable() ? h("div", {
"class": "el-input__inner"
}, [find_default()(_context34 = _this8.productsToCompare).call(_context34, function (item) {
return item.val === selectedWatch;
}).label]) : h(AccessiableSelect/* default */.Z, {
"attrs": {
"value": selectedWatch,
"popper-class": "watch-model",
"aria-option-id-prefix": ariaOptionIdPrefix,
"listbox-id": listboxId,
"placeholder": isDisabled ? '' : _this8.$t('specs.comparePlaceholder'),
"disabled": isDisabled || !changeable()
},
"on": {
"input": function input(val) {
var _context35;
if (includes_default()(_context35 = _this8.selectedComparsion).call(_context35, val)) {
var _context36;
_this8.$set(_this8.selectedComparsion, index_of_default()(_context36 = _this8.selectedComparsion).call(_context36, val), selectedWatch);
}
_this8.$set(_this8.selectedComparsion, index, val);
}
},
"class": changeable() ? '' : 'is-fixed'
}, [map_default()(_context37 = _this8.productsToCompare).call(_context37, function (item) {
return h("el-option", {
"class": "text-center",
"key": item.val,
"attrs": {
"label": item.label,
"value": item.val
}
});
}), h("template", {
"slot": "listbox"
}, [h("div", {
"class": "w-0 h-0 overflow-hidden",
"attrs": {
"role": "listbox",
"id": listboxId
}
}, [map_default()(_context38 = _this8.productsToCompare).call(_context38, function (item, index) {
var _context39;
return h("div", {
"attrs": {
"id": concat_default()(_context39 = "".concat(ariaOptionIdPrefix)).call(_context39, index),
"role": "option",
"aria-selected": "".concat(item.val === selectedWatch)
},
"key": item.val
}, [item.label]);
})])])])]);
})])]), h("tbody", [this.hasSelection ? h(WatchesRow, {
"attrs": {
"watches": this.selectedComparsion
}
}) : null, this.$dataBus.isMobile && this.hasSelection && this.canHideDuplicates ? h("tr", [h("th", {
"class": "compare-label md:mt-md-80",
"attrs": {
"colspan": "2"
}
}, [h("el-checkbox", {
"model": {
value: _this8.hideDuplicates,
callback: function callback($$v) {
_this8.hideDuplicates = $$v;
}
}
}, [this.$t('specs.Hide Duplicated Details')])])]) : null, this.hasSelection ? map_default()(_context40 = this.computedSpecs).call(_context40, function (group, groupIndex) {
return h(GroupSpecs, {
"attrs": {
"group": group,
"groupIndex": groupIndex,
"isMobile": _this8.$dataBus.isMobile,
"maxCols": _this8.maxComparisons,
"products": _this8.selectedComparsion
}
});
}) : null])]), this.$slots['footnote-content'] ? this.$slots['footnote-content'] : [h(BatteryTips/* default */.Z), this.footnoteContent ? h(BatteryTips/* default */.Z, {
"attrs": {
"num": 2,
"content": this.footnoteContent
}
}) : null]]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_DynamicComparePanelvue_type_script_lang_js = (DynamicComparePanelvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/DynamicComparePanel/index.vue?vue&type=style&index=0&id=768bb0c3&prod&lang=scss
var DynamicComparePanelvue_type_style_index_0_id_768bb0c3_prod_lang_scss = __webpack_require__(42607);
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/index.vue?vue&type=style&index=0&id=768bb0c3&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/DynamicComparePanel/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_DynamicComparePanelvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const DynamicComparePanel = (component.exports);
/***/ }),
/***/ 31256:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ SocialMedia)
});
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
// EXTERNAL MODULE: ./app/web/projects/www/components/NewFooter/SocialMedia/constant.js
var constant = __webpack_require__(50840);
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewFooter/SocialMedia/index.vue?vue&type=script&lang=js
/* harmony default export */ const SocialMediavue_type_script_lang_js = ({
name: 'SocialMedia',
functional: true,
props: {
tag: {
type: String,
"default": 'ul'
},
// 是否是 footer 组件过来的
footer: {
type: Boolean,
"default": false
}
},
render: function render(h, context) {
var _context;
var _context$props = context.props,
tag = _context$props.tag,
footer = _context$props.footer;
var _context$parent$$root = context.parent.$root.country,
country = _context$parent$$root === void 0 ? 'us' : _context$parent$$root;
var sns2render = constant/* default */.Z[country] || constant/* default.us */.Z.us;
return h(tag, {
"class": concat_default()(_context = []).call(_context, context.data.staticClass || [], context.data["class"] || []),
style: context.data.style
}, map_default()(sns2render).call(sns2render, function (item) {
if (!footer && country === 'jp' && item.qrcode) {
return h(element_ui_common.Popover, {
"class": "sns-item leading-none md:block text-[0]",
"attrs": {
"placement": "top",
"title": "",
"width": "200",
"trigger": "hover"
}
}, [h("img", {
"attrs": {
"width": 176,
"height": 176,
"src": (0,assetsRequire/* assetsRequire */.y)("@assets/images/home/line-qrcode.png"),
"alt": ""
}
}), h("div", {
"class": " sns-item__inner",
"slot": "reference",
"attrs": {
"aria-label": item.ariaLabel
}
}, [h("i", {
"class": ['iconfont align-middle', item.icon]
})])]);
} else if (!footer && country === 'cn' && item.qrcode) {
return h(element_ui_common.Popover, {
"attrs": {
"popperClass": "!p-0",
"placement": "top",
"title": "",
"width": "178",
"trigger": "hover"
},
"class": "sns-item leading-none md:block text-[0]"
}, [h("img", {
"attrs": {
"width": 176,
"height": 176,
"src": (0,assetsRequire/* assetsRequire */.y)('@assets/images/47f8c5fd51de6ff6e98dbe217c1c7b6a.jpeg'),
"alt": ""
}
}), h("div", {
"class": " sns-item__inner",
"slot": "reference",
"attrs": {
"aria-label": item.ariaLabel
}
}, [h("i", {
"class": ['iconfont align-middle', item.icon]
})])]);
}
return h("li", {
"class": "sns-item"
}, [h("a", {
"class": "sns-item__inner leading-none md:block text-[0]",
"key": item.icon,
"attrs": {
"target": "_blank",
"aria-describedby": "open-link-hint",
"href": item.link,
"aria-label": item.ariaLabel
}
}, [h("i", {
"class": ['iconfont align-middle', item.icon]
}), h("span", {
"class": "hidden"
}, [item.ariaLabel])])]);
}));
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/SocialMedia/index.vue?vue&type=script&lang=js
/* harmony default export */ const NewFooter_SocialMediavue_type_script_lang_js = (SocialMediavue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewFooter/SocialMedia/index.vue?vue&type=style&index=0&id=684e31d2&prod&lang=scss&scoped=true
var SocialMediavue_type_style_index_0_id_684e31d2_prod_lang_scss_scoped_true = __webpack_require__(21220);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/SocialMedia/index.vue?vue&type=style&index=0&id=684e31d2&prod&lang=scss&scoped=true
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/SocialMedia/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
NewFooter_SocialMediavue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
"684e31d2",
null
)
/* harmony default export */ const SocialMedia = (component.exports);
/***/ }),
/***/ 50380:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ NewFooter)
});
// EXTERNAL MODULE: ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
var helper = __webpack_require__(36568);
var helper_default = /*#__PURE__*/__webpack_require__.n(helper);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/find-index.js
var find_index = __webpack_require__(13464);
var find_index_default = /*#__PURE__*/__webpack_require__.n(find_index);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/splice.js
var splice = __webpack_require__(90143);
var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/some.js
var some = __webpack_require__(27525);
var some_default = /*#__PURE__*/__webpack_require__.n(some);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
var index_of = __webpack_require__(51791);
var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-string.js
var es_date_to_string = __webpack_require__(30024);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
var es_object_to_string = __webpack_require__(60228);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
var es_promise = __webpack_require__(73964);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
var es_promise_finally = __webpack_require__(36409);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
var es_regexp_test = __webpack_require__(7409);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./app/web/projects/www/components/NewFooter/constant.js
var constant = __webpack_require__(47003);
// EXTERNAL MODULE: ./app/web/projects/www/components/WebpImg/index.vue + 2 modules
var WebpImg = __webpack_require__(76517);
// EXTERNAL MODULE: ./app/web/projects/www/components/NewFooter/SocialMedia/index.vue + 3 modules
var SocialMedia = __webpack_require__(31256);
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
// EXTERNAL MODULE: ./app/web/component/layout/index/config/index.js + 1 modules
var config = __webpack_require__(32064);
// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
var lodash = __webpack_require__(96486);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/promise.js
var promise = __webpack_require__(35820);
var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
// EXTERNAL MODULE: ./node_modules/axios/index.js
var axios = __webpack_require__(9669);
var axios_default = /*#__PURE__*/__webpack_require__.n(axios);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/hooks/useKlaviyoClientSubscription.js
var SUCCESS_STATUS = 202;
var API_REVISION = '2024-06-15';
var api = '/client/subscriptions/';
var axiosInstance = axios_default().create({
baseURL: 'https://a.klaviyo.com',
headers: {
revision: API_REVISION
}
});
var parseClientSubscriptionData = function parseClientSubscriptionData(email) {
var listId = window.__INITIAL_STATE__.commonSubscriptionList;
if (email && listId) {
var _window$__INITIAL_STA;
var timezone;
try {
timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
} catch (e) {}
return {
data: {
type: 'subscription',
attributes: {
custom_source: 'Homepage footer signup form',
profile: {
data: {
type: 'profile',
attributes: {
email: email,
location: {
country: (_window$__INITIAL_STA = window.__INITIAL_STATE__) === null || _window$__INITIAL_STA === void 0 ? void 0 : _window$__INITIAL_STA.country,
timezone: timezone
}
}
}
}
},
relationships: {
list: {
data: {
type: 'list',
id: listId
}
}
}
}
};
}
};
var useKlaviyoClientSubscription = function useKlaviyoClientSubscription() {
var subscribe = function subscribe(email) {
var data = parseClientSubscriptionData(email);
if (!data) {
return promise_default().resolve(false);
}
return new (promise_default())(function (resolve) {
axiosInstance.post(api, parseClientSubscriptionData(email), {
params: {
company_id: window.__INITIAL_STATE__.klaviyoCompanyId
}
}).then(function (res) {
if (res.status === SUCCESS_STATUS) {
return resolve(true);
}
return resolve(false);
})["catch"](function () {
return resolve(false);
});
});
};
return {
subscribe: subscribe
};
};
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewFooter/index.vue?vue&type=script&lang=js
var _useKlaviyoClientSubs = useKlaviyoClientSubscription(),
subscribe = _useKlaviyoClientSubs.subscribe;
var MenuTitle = {
functional: true,
render: function render(h, _ref) {
var _ref$props = _ref.props,
isMobile = _ref$props.isMobile,
i18nKey = _ref$props.i18nKey,
activeMenu = _ref$props.activeMenu,
parent = _ref.parent;
if (isMobile) {
var isActive = activeMenu === i18nKey;
return h("h2", {
"attrs": {
"id": "footer-menus-label-".concat(i18nKey)
},
"class": "menus-group__title-inner md:w-full uppercase inline-block align-middle"
}, [h("button", {
"attrs": {
"type": "button",
"aria-controls": "footer-menus-".concat(i18nKey),
"aria-expanded": "".concat(isActive),
"aria-label": parent.$t(i18nKey)
},
"class": "bg-transparent border-transparent leading-none md:w-full md:h-full items-center md:flex justify-between",
"on": {
"click": function click() {
return parent.toggleMenu(i18nKey);
}
}
}, [h("span", [parent.$t(i18nKey)]), h("i", {
"class": ['el-icon-arrow-right transition-transform duration-200', {
'rotate-90': isActive
}]
})])]);
}
return h("h2", {
"attrs": {
"id": "footer-menus-label-".concat(i18nKey)
},
"class": "menus-group__title-inner uppercase inline-block align-middle"
}, [parent.$t(i18nKey)]);
}
};
/* harmony default export */ const NewFootervue_type_script_lang_js = ({
name: 'NewFooter',
components: {
WebpImg: WebpImg/* default */.Z
},
data: function data() {
return {
copyrightYear: new Date().getFullYear(),
email: '',
activeMenu: '',
visible4countries: false,
currentPath: '',
subscribing: false
};
},
computed: {
isCn: function isCn() {
return this.$root.country === 'cn';
},
menus2render: function menus2render() {
var _this = this;
var country = this.$root.country;
var data = (0,lodash.cloneDeep)(constant/* menus */.IJ[country] || constant/* menus.default */.IJ["default"]);
var parseA11yStatementIfNeed = function parseA11yStatementIfNeed() {
var locationI18nkey = 'common.footer.countries';
if (_this.$dataBus.isUs) {
for_each_default()(data).call(data, function (item) {
var _context;
var matchedIndex = find_index_default()(_context = item.children).call(_context, function (child) {
return child.i18n === locationI18nkey;
});
if (matchedIndex >= 0) {
var _context2;
var index2Insert = matchedIndex + (_this.$dataBus.isMobile ? 1 : 0);
var removeItem = _this.$dataBus.isMobile ? 0 : 1;
splice_default()(_context2 = item.children).call(_context2, index2Insert, removeItem, {
comp: constant/* A11yStatement */.QO
});
}
});
}
};
var insertPrivacyRightsIfNeed = function insertPrivacyRightsIfNeed() {
if (_this.$dataBus.isUs) {
var privacyRightsItem = {
i18n: 'Privacy Rights Center',
link: 'privacy-rights-center'
};
data[3].children.push(privacyRightsItem);
}
};
some_default()(data).call(data, function (item) {
var _context3;
return some_default()(_context3 = item.children).call(_context3, function (child) {
if (child.i18n === 'common.footer.ReleaseNotes' && constant/* releaseNotes */.Aq[_this.$root.country]) {
child.link = constant/* releaseNotes */.Aq[_this.$root.country];
return true;
}
return false;
});
});
var insertShipping = function insertShipping() {
var _context4;
var addItem = {
i18n: 'Shipping & Return',
link: constant/* shippingLinks */.Tf[country]
};
splice_default()(_context4 = data[2].children).call(_context4, 3, 0, addItem);
};
var insertOpenBox = function insertOpenBox() {
var item = {
i18n: 'common.footer.openBox',
link: 'open-box'
};
data[0].children.push(item);
};
var insertRetailerApplication = function insertRetailerApplication() {
var _context5, _context6;
var item = {
i18n: 'common.footer.retailerApplication',
link: '/retailer-form'
};
var insertIndex = find_index_default()(_context5 = data[data.length - 1].children).call(_context5, function (item) {
return item.link === 'https://ify.coros.com/account/login';
}) + 1;
splice_default()(_context6 = data[data.length - 1].children).call(_context6, insertIndex, 0, item);
};
var insertTradeIn = function insertTradeIn() {
var item = {
i18n: 'Trade-In Program',
link: 'trade-in'
};
data[0].children.push(item);
};
var insertVulnerabilityReporting = function insertVulnerabilityReporting() {
var item = {
i18n: 'Vulnerability Reporting',
link: 'report-vulnerability'
};
data[2].children.push(item);
};
if (this.isCn) {
return data;
} else {
var _context10, _context11;
for (var index = 0; index < data[2].children.length; index++) {
var item = data[2].children[index];
if (item.link === 'warranty') {
item.link = 'https://support.coros.com/hc/en-us/articles/360039803532';
break;
}
}
// 西语不要
if (country === 'es') {
var _context7;
data[3].children = filter_default()(_context7 = data[3].children).call(_context7, function (item) {
return item.link !== 'careers';
});
}
if (country === 'us') {
insertOpenBox();
insertRetailerApplication();
insertTradeIn();
}
if (country !== 'us') {
var _context8;
// 登录入口仅保留美国站
var deleteIndex = find_index_default()(_context8 = data[data.length - 1].children).call(_context8, function (item) {
return item.link === 'https://ify.coros.com/account/login';
});
if (deleteIndex >= 0) {
var _context9;
splice_default()(_context9 = data[data.length - 1].children).call(_context9, deleteIndex, 1);
}
}
if (includes_default()(_context10 = keys_default()(constant/* shippingLinks */.Tf)).call(_context10, country)) {
insertShipping();
}
if (index_of_default()(_context11 = this.$i18n.locale).call(_context11, 'en') === 0) {
insertVulnerabilityReporting();
}
parseA11yStatementIfNeed();
insertPrivacyRightsIfNeed();
return data;
}
},
apiHost: function apiHost() {
var reg = /^.*\.prod$/;
var env = this.$root.env;
var _env = 'prod';
if (!reg.test(env)) {
_env = 'test';
}
if (env == 'local') {
_env = 'local';
}
return config/* faqHost */.ZH[_env];
}
},
mounted: function mounted() {
this.currentPath = location.pathname.replace(/^\//, '');
},
methods: {
toggleMenu: function toggleMenu(menu) {
if (this.activeMenu === menu) {
this.activeMenu = '';
} else {
this.activeMenu = menu;
}
},
validate: function validate() {
var regex = /^(([a-zA-Z0-9_\-.]+)@([a-zA-Z0-9_\-.]+)\.([a-zA-Z]{2,5}){1,65})$/;
return regex.test(this.email);
},
handleClick: function handleClick(item) {
var i18n = item.i18n;
switch (i18n) {
case 'common.footer.CookieSettings':
this.openCookieSetting();
break;
}
},
openCookieSetting: function openCookieSetting() {
window.cc.showSettings();
},
handleSubscribe: function handleSubscribe() {
var _this2 = this;
var messageClass = 'md:!w-[80vw] md:top';
if (this.validate()) {
if (this.subscribing) return;
this.subscribing = true;
subscribe(this.email).then(function (isSubscribedSuccessfully) {
if (isSubscribedSuccessfully) {
_this2.$alert(_this2.$t('common.footer.subscribe.success.desc'), {
title: _this2.$t('common.footer.subscribe.success.title'),
confirmButtonText: 'Confirm',
customClass: messageClass
});
} else {
_this2.$alert(_this2.$t('common.footer.subscribe.error.desc'), {
title: _this2.$t('common.footer.subscribe.error.title'),
confirmButtonText: 'Confirm',
customClass: messageClass
});
}
})["finally"](function () {
_this2.subscribing = false;
});
} else {
this.$alert(this.$t('common.footer.subscribeEmailError'), {
title: 'Message',
confirmButtonText: 'Confirm',
customClass: messageClass
});
}
}
},
render: function render(h) {
var _this3 = this,
_context12;
var isMobile = this.$dataBus.isMobile;
return h("footer", {
"attrs": {
"id": "un-footer",
"data-country": this.$root.country
},
"class": "coros-footer"
}, [h("div", {
"class": ['flex md:block md:pt-0 md:overflow-hidden coros-footer__inner', this.isCn ? 'pt-80 pb-70 justify-between' : 'pt-[0.64rem] pb-[1rem]']
}, [h("div", {
"class": ['subscription md:flex md:flex-col md:text-center']
}, [this.isCn ? null : h(SocialMedia/* default */.Z, {
"attrs": {
"footer": true
},
"class": "sns-wrapper md:order-2 md:flex md:justify-between"
}), this.isCn ? h("div", {
"class": "mb-70 md:mb-md-100"
}, [h(WebpImg/* default */.Z, {
"attrs": {
"src": (0,assetsRequire/* assetsRequire */.y)('@assets/images/47f8c5fd51de6ff6e98dbe217c1c7b6a.jpeg'),
"height": this.$dataBus.isMobile ? 220 : 160
},
"class": "wechat-qr align-middle md:order-1"
}), h("p", {
"class": "mt-20 md:mt-md-20 text-[14px] md:text-[0.32rem] md:w-3/6 mx-auto"
}, ["\u5173\u6CE8 COROS \u9AD8\u9A70\u5FAE\u4FE1\u516C\u4F17\u53F7\u83B7\u53D6 \u66F4\u591A\u54C1\u724C\u4EA7\u54C1\u4FE1\u606F\u3001\u7528\u6237\u6545\u4E8B\u3001\u8FD0\u52A8\u79D1\u5B66\u77E5\u8BC6\u3001\u8BAD\u7EC3\u65B9\u6848"])]) : h("div", {
"class": "font-ltp-hi form-for-subscription md:order-3"
}, [h("label", {
"class": "mb-20 block lang-de:whitespace-pre-line md:lang-de:whitespace-normal",
"attrs": {
"for": "subscripe"
}
}, [this.$t('common.footer.subscribe.title')]), h("div", {
"class": "subscription-input-wrapper relative whitespace-nowrap"
}, [h("div", {
"class": "relative inline-block align-middle w-[1.5625rem] md:w-[6.08rem]"
}, [h("svg", {
"attrs": {
"viewBox": "0 0 250 50",
"role": "img",
"alt": ""
},
"class": "w-full inline-block align-middle"
}, [h("polygon", {
"attrs": {
"points": "1,1 249,1 229,49 1,49 ",
"fill": "transparent",
"stroke-width": "2",
"stroke": "#0b0b21"
}
})]), h("input", helper_default()([{
"on": {
"input": function input($event) {
if ($event.target.composing) return;
_this3.email = $event.target.value;
}
},
"class": "subscription-input absolute top-1/2 left-0 right-0 -translate-y-1/2",
"style": {
'margin-top': this.$i18n.locale === 'en' ? '0.1em' : null,
'margin-left': '0.5em',
'margin-right': '1.4em'
},
"attrs": {
"id": "subscripe",
"type": "email",
"autocomplete": "email",
"placeholder": this.$t('common.footer.subscripPlaceholder')
},
"domProps": {
"value": _this3.email
}
}, {
directives: [{
name: "model",
value: _this3.email,
modifiers: {}
}]
}]))]), h("button", {
"class": "bg-transparent border-transparent relative inline-block align-middle border-0 w-[0.875rem] md:w-[3.423rem] text-white subscribe-btn",
"style": {
'margin-left': this.$dataBus.isMobile ? '-4.1%' : '-3.1%'
},
"on": {
"click": this.handleSubscribe
}
}, [h("svg", {
"attrs": {
"viewBox": "0 0 140 50",
"role": "img",
"alt": ""
},
"class": "w-full inline-block align-middle"
}, [h("polygon", {
"attrs": {
"points": "20,0 140,0 140,50 0,50"
},
"class": "subscribe-btn__bg transition-[fill] duration-200"
})]), h("span", {
"class": "absolute w-full left-0 top-1/2 -translate-y-1/2"
}, [this.$t('common.footer.joinUs')])])])]), h(WebpImg/* default */.Z, {
"attrs": {
"src": this.$dataBus.isMobile ? (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/footer_logo_m.png') : (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/footer_logo.png'),
"height": this.$dataBus.isMobile ? 140 : 60,
"alt": "COROS logo"
},
"class": ['md:order-1 footer-logo', {
'md:hidden': this.isCn
}]
})]), h("nav", {
"class": ['menus md:block flex justify-between', {
grow: this.$root.country !== 'cn'
}],
"attrs": {
"aria-label": "footer links"
}
}, [map_default()(_context12 = this.menus2render).call(_context12, function (group) {
var _context13, _context14;
return h("div", {
"class": "menus-group",
"key": group.i18n
}, [h("div", {
"class": "menus-group__title"
}, [h(MenuTitle, {
"attrs": {
"isMobile": isMobile,
"i18nKey": group.i18n,
"activeMenu": _this3.activeMenu
}
})]), h("el-collapse-transition", [h("div", {
"attrs": {
"id": "footer-menus-".concat(group.i18n),
"role": isMobile ? 'region' : false,
"aria-labelledby": isMobile ? "footer-menus-label-".concat(group.i18n) : false
},
"directives": [{
name: "show",
value: !isMobile || _this3.activeMenu === group.i18n
}]
}, [h("ul", {
"class": "menus-group__sub-menus"
}, [map_default()(_context13 = filter_default()(_context14 = group.children).call(_context14, function (item) {
var _context15;
return !item.avaliableCountries || includes_default()(_context15 = item.avaliableCountries).call(_context15, _this3.$root.country);
})).call(_context13, function (item) {
var _context16;
return h("li", {
"class": "menu-item",
"key": concat_default()(_context16 = "".concat(group.i18n, "_")).call(_context16, item.i18n)
}, [item.comp && h(item.comp) || h("a", {
"class": "menu-item__link",
"attrs": {
"aria-current": "".concat(_this3.currentPath === item.link),
"href": item.link
},
"on": {
"click": function click() {
return _this3.handleClick(item);
}
}
}, [_this3.$t(item.i18n)])]);
})])])])]);
})])]), h("div", {
"class": "text-center copy-right"
}, [h("span", {
"class": "copy-right__inner"
}, ["\xA9 ", this.copyrightYear, " | COROS Wearables, Inc."]), this.isCn ? h("span", {
"class": "copy-right__inner ml-20 md:ml-0"
}, [h("a", {
"class": "text-inherit hover:text-inherit",
"attrs": {
"href": "https://beian.miit.gov.cn/",
"target": "_blank"
}
}, ["\u7CA4ICP\u590714054014\u53F7-3"])]) : null]), h("span", {
"attrs": {
"id": "open-link-hint"
},
"class": "sr-only"
}, ["(opens in new tab)"])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_NewFootervue_type_script_lang_js = (NewFootervue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewFooter/index.vue?vue&type=style&index=0&id=585a6bea&prod&lang=scss
var NewFootervue_type_style_index_0_id_585a6bea_prod_lang_scss = __webpack_require__(47725);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/index.vue?vue&type=style&index=0&id=585a6bea&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewFooter/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_NewFootervue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const NewFooter = (component.exports);
/***/ }),
/***/ 28912:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ NewHeader)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/slicedToArray.js + 3 modules
var slicedToArray = __webpack_require__(95266);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-timeout.js
var set_timeout = __webpack_require__(9938);
var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/assign.js
var object_assign = __webpack_require__(67552);
var assign_default = /*#__PURE__*/__webpack_require__.n(object_assign);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/some.js
var some = __webpack_require__(27525);
var some_default = /*#__PURE__*/__webpack_require__.n(some);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/Promotion/usePromotion.js
var customStorageEventName = 'customStorageEvent';
var usePromotion = function usePromotion(storeKey) {
// 和locale switch 初始保持一致
var isClosed = (0,vue_common_prod.ref)(true);
var checkIfIsClosed = function checkIfIsClosed(_ref) {
var detail = _ref.detail;
if (detail.key === storeKey && detail.newValue === '1') {
return isClosed.value = true;
}
isClosed.value = false;
};
(0,vue_common_prod.onMounted)(function () {
window.addEventListener(customStorageEventName, checkIfIsClosed);
checkIfIsClosed({
detail: {
key: storeKey,
newValue: window.sessionStorage.getItem(storeKey)
}
});
});
(0,vue_common_prod.onBeforeUnmount)(function () {
window.removeEventListener(customStorageEventName, checkIfIsClosed);
});
var close = function close() {
window.sessionStorage.setItem(storeKey, '1');
window.dispatchEvent(new CustomEvent(customStorageEventName, {
detail: {
key: storeKey,
newValue: '1'
}
}));
};
return {
isClosed: isClosed,
close: close
};
};
/* harmony default export */ const Promotion_usePromotion = (usePromotion);
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
// EXTERNAL MODULE: ./app/web/projects/www/components/ResizeWatcher/index.vue + 2 modules
var ResizeWatcher = __webpack_require__(90800);
// EXTERNAL MODULE: ./app/web/projects/www/components/WebpImg/index.vue + 2 modules
var WebpImg = __webpack_require__(76517);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
var get_own_property_symbols = __webpack_require__(52020);
var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptor.js
var get_own_property_descriptor = __webpack_require__(88546);
var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptors.js
var get_own_property_descriptors = __webpack_require__(66775);
var get_own_property_descriptors_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptors);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-properties.js
var define_properties = __webpack_require__(2201);
var define_properties_default = /*#__PURE__*/__webpack_require__.n(define_properties);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
var define_property = __webpack_require__(57445);
var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(44845);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/parse-int.js
var parse_int = __webpack_require__(34300);
var parse_int_default = /*#__PURE__*/__webpack_require__.n(parse_int);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/slice.js
var slice = __webpack_require__(35704);
var slice_default = /*#__PURE__*/__webpack_require__.n(slice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/reduce.js
var reduce = __webpack_require__(53706);
var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.to-fixed.js
var es_number_to_fixed = __webpack_require__(97389);
// EXTERNAL MODULE: ./node_modules/axios/index.js
var axios = __webpack_require__(9669);
var axios_default = /*#__PURE__*/__webpack_require__.n(axios);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopifyBuy/shopifyBuy.js + 1 modules
var shopifyBuy = __webpack_require__(86567);
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/BagIcon/ExtendedTooltip.vue?vue&type=script&lang=js
/* harmony default export */ const ExtendedTooltipvue_type_script_lang_js = ({
name: 'ExtendedTooltip',
"extends": element_ui_common.Tooltip,
props: {
canBlurable: {
type: Function,
required: false
}
},
methods: {
handleBlur: function handleBlur() {
if (this.canBlurable && this.canBlurable()) {
this.focusing = false;
this.hide();
}
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/BagIcon/ExtendedTooltip.vue?vue&type=script&lang=js
/* harmony default export */ const BagIcon_ExtendedTooltipvue_type_script_lang_js = (ExtendedTooltipvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/BagIcon/ExtendedTooltip.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
BagIcon_ExtendedTooltipvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ExtendedTooltip = (component.exports);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/BagIcon/index.vue?vue&type=script&lang=js
function ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context8 = ownKeys(Object(t))).call(_context8, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
/* harmony default export */ const BagIconvue_type_script_lang_js = ({
components: {
ExtendedTooltip: ExtendedTooltip
},
props: {
currentPath: {
type: String,
required: false,
"default": ''
}
},
data: function data() {
return {
canAutoCloseTooltip: true,
visible4bagInfos: false
};
},
computed: {
totalPrice: function totalPrice() {
var _this$$dataBus$cart;
return parse_int_default()(((_this$$dataBus$cart = this.$dataBus.cart) === null || _this$$dataBus$cart === void 0 ? void 0 : _this$$dataBus$cart.estimatedCost.subtotalAmount.amount) || 0).toFixed(2);
},
pickedItems: function pickedItems() {
var _context;
return this.$dataBus.cart && this.$dataBus.cart.lines ? map_default()(_context = this.$dataBus.cart.lines).call(_context, function (node) {
return _objectSpread({}, node);
}) : [];
},
visibleItems: function visibleItems() {
var _context2;
return slice_default()(_context2 = this.pickedItems).call(_context2, 0, 3);
},
amount: function amount() {
var _context3;
return reduce_default()(_context3 = this.pickedItems).call(_context3, function (sum, curr) {
return sum + curr.quantity;
}, 0);
},
unVisibleItemsQuantity: function unVisibleItemsQuantity() {
var _context4;
return reduce_default()(_context4 = this.pickedItems).call(_context4, function (sum, curr, index) {
return sum + (index > 2 ? curr.quantity : 0);
}, 0);
}
},
mounted: function mounted() {
this.handleTab();
if (location.pathname !== '/shop/bag') {
this.getQuantityInCheckout();
}
},
methods: {
toggleTooltip: function toggleTooltip() {
var _this = this;
this.visible4bagInfos = !this.visible4bagInfos;
this.$nextTick(function () {
if (_this.visible4bagInfos) {
var _this$$refs$triggerEl;
(_this$$refs$triggerEl = _this.$refs.triggerEl) === null || _this$$refs$triggerEl === void 0 || _this$$refs$triggerEl.focus();
}
});
},
cropShopifyImg: function cropShopifyImg(url) {
var _context5;
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
return url ? url.replace(/\.(jpg|jpeg|png|webp)/, concat_default()(_context5 = "_".concat(width, "x")).call(_context5, height === 0 ? '' : height, ".$1")) : '';
},
getQuantityInCheckout: function getQuantityInCheckout() {
var _this2 = this;
this.$dataBus.loadingCart = true;
return shopifyBuy/* default.getCart */.Z.getCart().then(function (cart) {
_this2.$dataBus.$set(_this2.$dataBus, 'cart', cart);
_this2.$dataBus.loadingCart = false;
});
},
removeFromCart: function removeFromCart(items) {
var _this3 = this;
axios_default()["delete"]('/shopify/cart/items', {
data: {
items: items
}
}).then(function (_ref) {
var data = _ref.data;
_this3.$dataBus.$set(_this3.$dataBus, 'cart', data.data.checkoutLineItemsRemove.checkout);
});
},
updateItemInCart: function updateItemInCart(item) {
var _this4 = this;
return axios_default().put('/shopify/cart/items', {
id: item.id,
quantity: item.quantity
}).then(function (_ref2) {
var data = _ref2.data;
_this4.$dataBus.$set(_this4.$dataBus, 'cart', data.data.checkoutLineItemsUpdate.checkout);
});
},
handleCheckChange: function handleCheckChange(lineItem, newVal, oldVal) {
lineItem.updating = true;
if (newVal === 0) {
this.removeFromCart(lineItem.id);
} else {
this.updateItemInCart(lineItem);
}
},
handleTab: function handleTab() {
var _this5 = this;
// 导航栏有折叠动画，购物图标内容只能插入到body，导致正常tab 切换无法触发，需手动判断tab 进行手动触发focus。
var keydownHandler = function keydownHandler(e) {
var lastActiveElement = document.activeElement;
if (e.code === 'Tab') {
_this5.canAutoCloseTooltip = lastActiveElement === _this5.$el && _this5.$refs.link ? false : true;
if (lastActiveElement === _this5.$el && _this5.$refs.link && _this5.visible4bagInfos) {
if (e.shiftKey) {
_this5.visible4bagInfos = false;
} else {
e.preventDefault();
_this5.$refs.link.focus();
}
} else if (lastActiveElement === _this5.$refs.link) {
_this5.visible4bagInfos = false;
_this5.$el.nextElementSibling.focus();
e.preventDefault();
}
} else if (e.code === 'Escape') {
if (lastActiveElement === _this5.$refs.link) {
_this5.$el.focus();
}
_this5.visible4bagInfos = false;
e.preventDefault();
e.stopPropagation();
}
};
document.addEventListener('keydown', keydownHandler);
this.$once('hook:beforeDestroy', function () {
document.removeEventListener('keydown', keydownHandler);
});
},
checkIfTooltipBlurable: function checkIfTooltipBlurable() {
return this.canAutoCloseTooltip;
}
},
render: function render(h) {
var _this6 = this,
_context6;
var isMobile = this.$dataBus.isMobile;
var triggerEl = function triggerEl() {
var isCurrent = isMobile ? _this6.currentPath === 'shop/bag' : false;
var visibleTotal = _this6.amount <= 99 ? _this6.amount : '99+';
return h(isMobile ? 'a' : 'button', {
"class": ['shop-bag-icon border-transparent bg-transparent text-inherit', {
'show-amount': _this6.amount > 0
}],
attrs: _objectSpread(_objectSpread({
'data-count': visibleTotal,
'aria-label': isMobile ? 'Go to shopping bag' : "Your shopping bag has ".concat(visibleTotal, " items.")
}, isMobile ? {
href: 'shop/bag'
} : {}), {}, {
'aria-current': isCurrent
}),
ref: 'triggerEl',
on: isMobile ? {} : {
click: _this6.toggleTooltip
}
}, [h("i", {
"class": "iconfont icon-gouwu"
})]);
};
return isMobile ? triggerEl() : h(ExtendedTooltip, {
"attrs": {
"aria-expanded": "".concat(this.visible4bagInfos),
"placement": "bottom",
"effect": "light",
"manual": true,
"disabled": isMobile,
"canBlurable": this.checkIfTooltipBlurable
},
"ref": "tooltip",
"model": {
value: _this6.visible4bagInfos,
callback: function callback($$v) {
_this6.visible4bagInfos = $$v;
}
}
}, [triggerEl(), h("div", {
"slot": "content",
"class": "shop-bag-tooltip"
}, [this.amount > 0 ? h("div", [h("ul", [map_default()(_context6 = this.visibleItems).call(_context6, function (item) {
return h("li", {
"key": item.id,
"class": "flex mb-15",
"directives": [{
name: "loading",
value: item.updating
}]
}, [h("div", {
"class": "shop-bag__item-img"
}, [h("img", {
"attrs": {
"src": _this6.cropShopifyImg(item.merchandise.image.src, 160, 0),
"alt": "",
"width": "60"
},
"class": "inline-block"
})]), h("div", {
"class": "flex-grow"
}, [h("p", {
"class": "shop-bag__item-title"
}, [item.merchandise.product.title]), h("p", {
"class": "shop-bag__item-sub-title mb-25"
}, [item.merchandise.title === 'Default Title' ? '' : item.merchandise.title]), h("div", ["X ", item.quantity]), h("span", {
"class": "sr-only"
}, [","])])]);
})]), h("div", {
"class": "mt-50 leading-relaxed shop-bag__footer"
}, [h("div", {
"class": "shop-bag__total",
"directives": [{
name: "show",
value: this.unVisibleItemsQuantity
}]
}, [h("span", {
"class": "shop-bag__total-inner"
}, [this.unVisibleItemsQuantity, " more item", this.unVisibleItemsQuantity.length > 1 ? 's' : '', " in your Bag"])]), h("a", {
"class": "uppercase checkout-btn",
"attrs": {
"href": "shop/bag",
"target": "_new",
"aria-describedby": "open-link-hint"
},
"ref": "link"
}, [this.$t('shop.checkOut')])])]) : h("div", {
"class": "text-center"
}, [h("p", [this.$t('shop.bagEmpty')])])])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/BagIcon/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_BagIconvue_type_script_lang_js = (BagIconvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/BagIcon/index.vue?vue&type=style&index=0&id=464aed3e&prod&lang=scss
var BagIconvue_type_style_index_0_id_464aed3e_prod_lang_scss = __webpack_require__(5664);
;// CONCATENATED MODULE: ./app/web/projects/www/components/BagIcon/index.vue?vue&type=style&index=0&id=464aed3e&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/BagIcon/index.vue
var BagIcon_render, BagIcon_staticRenderFns
;
;
/* normalize component */
var BagIcon_component = (0,componentNormalizer/* default */.Z)(
components_BagIconvue_type_script_lang_js,
BagIcon_render,
BagIcon_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const BagIcon = (BagIcon_component.exports);
// EXTERNAL MODULE: ./node_modules/vue-no-ssr/dist/vue-no-ssr.common.js
var vue_no_ssr_common = __webpack_require__(22261);
var vue_no_ssr_common_default = /*#__PURE__*/__webpack_require__.n(vue_no_ssr_common);
// EXTERNAL MODULE: ./app/web/projects/www/components/NewFooter/CountriesDialog/main.js + 6 modules
var main = __webpack_require__(40193);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/variantDetailDialog/trapFocus.js
var trapFocus = __webpack_require__(26386);
// EXTERNAL MODULE: ./app/web/projects/www/components/ScrollWatcher/index.vue + 2 modules
var ScrollWatcher = __webpack_require__(96503);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=template&id=4f1d9286
var Promotionvue_type_template_id_4f1d9286_render = function render() {
var _vm = this,
_c = _vm._self._c,
_setup = _vm._self._setupProxy;
return _c("div", {
staticClass: "flex justify-center h-[50px] md:h-auto md:justify-start md:flex-wrap locale-switch thanksgiving-prompt items-center md:relative"
}, [_c("div", {
staticClass: "md:w-[8rem] md:order-1"
}, [_vm._v(_vm._s(_vm.desc))]), _vm._v(" "), _c("div", {
staticClass: "md:w-[8rem] md:mt-md-30 md:order-3"
}, [_vm.link ? _c("a", {
staticClass: "inline-block md:w-full md:ml-0 md:inline-flex md:justify-between md:items-center align-middle md:h-md-42 md:leading-md-42 ml-15 border-b border-solid border-white bg-transparent border-0 text-inherit hover:text-inherit",
attrs: {
href: _vm.link,
"aria-label": _vm.linkLabel
}
}, [_c("span", {
staticClass: "inline-block align-middle mr-[0.5em] capitalize link-text"
}, [_vm._v(_vm._s(_vm.linkText))]), _vm._v(" "), _c("i", {
staticClass: "inline-block align-middle iconfont icon-forward !text-[0.75em] md:!text-[1em] md:pr-md-10"
})]) : _vm._e()]), _vm._v(" "), _c("div", {
staticClass: "md:w-1/5 md:order-2"
}, [_vm.closable ? _c("button", {
staticClass: "inline-block ml-40 md:ml-0 align-middle iconfont icon-close pointer border-0 bg-transparent",
attrs: {
"aria-label": _vm.closeLabel
},
on: {
click: _setup.close
}
}) : _vm._e()])]);
};
var Promotionvue_type_template_id_4f1d9286_staticRenderFns = [];
Promotionvue_type_template_id_4f1d9286_render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=template&id=4f1d9286
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=script&setup=true&lang=js
var __default__ = {
name: 'PromotionComp'
};
/* harmony default export */ const Promotionvue_type_script_setup_true_lang_js = (/*#__PURE__*/assign_default()(__default__, {
props: {
link: {
type: String,
"default": ''
},
linkText: {
type: String,
"default": ''
},
desc: {
type: String,
"default": ''
},
closable: {
type: Boolean,
"default": true
},
/**
* @description: 用于链接的无障碍文案
*/
linkLabel: {
type: String,
"default": ''
},
/**
* @description: 用于关闭按钮的无障碍文案
*/
closeLabel: {
type: String,
"default": ''
},
/**
* @description: 用于关闭按钮的session storage 显示控制key
*/
storageKey: {
type: String,
required: true
}
},
setup: function setup(__props) {
var props = __props;
var _usePromotion = Promotion_usePromotion(props.storageKey),
close = _usePromotion.close;
return {
__sfc: true,
props: props,
close: close
};
}
}));
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=script&setup=true&lang=js
/* harmony default export */ const NewHeader_Promotionvue_type_script_setup_true_lang_js = (Promotionvue_type_script_setup_true_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=style&index=0&id=4f1d9286&prod&lang=scss
var Promotionvue_type_style_index_0_id_4f1d9286_prod_lang_scss = __webpack_require__(99770);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/Promotion/index.vue?vue&type=style&index=0&id=4f1d9286&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/Promotion/index.vue
;
/* normalize component */
var Promotion_component = (0,componentNormalizer/* default */.Z)(
NewHeader_Promotionvue_type_script_setup_true_lang_js,
Promotionvue_type_template_id_4f1d9286_render,
Promotionvue_type_template_id_4f1d9286_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const Promotion = (Promotion_component.exports);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewHeader/index.vue?vue&type=script&setup=true&lang=js
var helpCenterLinks = {
en: 'https://support.coros.com/hc/en-us',
fr: 'https://support.coros.com/hc/fr',
es: 'https://support.coros.com/hc/es',
jp: 'https://faq.coros.com/help?locale=ja-JP'
};
var SkipLinks = {
functional: true,
render: function render(h, _ref) {
var _ref$props = _ref.props,
currentPath = _ref$props.currentPath,
_ref$props$hasSkipToF = _ref$props.hasSkipToFooter,
hasSkipToFooter = _ref$props$hasSkipToF === void 0 ? true : _ref$props$hasSkipToF;
return h("ul", [h("li", [h("a", {
"attrs": {
"href": "".concat(currentPath, "#un-main")
},
"class": "skip-focus-btn"
}, ["Skip to main content"])]), hasSkipToFooter ? h("li", [h("a", {
"attrs": {
"href": "".concat(currentPath, "#un-footer")
},
"class": "skip-focus-btn"
}, ["Skip to footer"])]) : null]);
}
};
var NewHeadervue_type_script_setup_true_lang_js_default_ = {
name: 'NewHeader',
components: {
// ProductsDialog
ResizeWatcher: ResizeWatcher/* default */.Z,
WebpImg: WebpImg/* default */.Z
},
props: {
/**
* 是否显示跳转到页脚的按钮
*/
hasSkipToFooter: {
type: Boolean,
"default": true
},
transparent: {
type: Boolean,
"default": false
},
// 禁止收起
disableScrollWatch: {
type: Boolean,
"default": false
}
},
data: function data() {
return {
height4mainHeader: null,
subMenuIsActived: false,
activeSubSideMenu: '',
visible4countries: false,
lastScrollY: 0,
togglePosition: {
top: 0,
left: 0
},
activeMenu: '',
products: [],
isLoaded: false,
currentPath: ''
};
},
computed: {
hasPromotion: function hasPromotion() {
var _context;
return includes_default()(_context = ['au']).call(_context, this.$root.country);
},
hasShopifyNewDesign: function hasShopifyNewDesign() {
var _context2;
return includes_default()(_context2 = ['us', 'ca', 'uk', 'jp', 'fr', 'es', 'de', 'eu', 'au']).call(_context2, this.$root.country);
},
isJapan: function isJapan() {
return this.$root.country === 'jp';
},
isCn: function isCn() {
return this.$root.country === 'cn';
},
menus: function menus() {
var _context4, _context5, _context6;
// faq开关-新训练菜单
var enabledNewTraining = this.$checkEnabledForCurrentRegion('new_training', {
fallbackData: {
value: true,
available_region: ['en-US', 'en-GB', 'en-CA', 'en-EU', 'en-UK']
}
});
// faq开关-攀岩菜单
var enabledClimb = this.$checkEnabledForCurrentRegion('climb_menu', {
fallbackData: {
value: true,
available_region: ['en-US', 'en-GB', 'en-CA', 'en-EU', 'en-UK']
}
});
if (this.isCn) {
var _context3;
return [{
nameI18n: 'common.header.products',
children: [{
nameI18n: 'menu.allProducts',
link: 'products',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/vertix2s/new-menu-all.png')
}, {
link: 'vertix2s',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/vertix2s/new-menu-vertix2s.png'),
nameI18n: 'menu.vertix2s',
thumbAlt: 'Shop COROS VERTIX 2 GPS Adventure Watch'
},
// { link: 'vertix2', thumb: assetsRequire('@assets/images/common/nav/vertix2.png'), nameI18n: 'CommonHeaderMenu1nav1' },
{
link: 'apex2',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/nav/apex2.png'),
nameI18n: 'CommonHeaderMenu1nav17'
}, {
link: 'pace3',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/131f6e7fe263d5eea6cac97c0de7f07f.png'),
nameI18n: 'pace3.productNameShort'
}, {
link: 'dura',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/46e9b5fe397898e486eb9cd1b4be3137.png'),
nameI18n: 'menu.dura'
}, {
link: 'heart-rate-monitor',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/hrm-20230002/bar_hrm_img@2x.png'),
nameI18n: 'hrm.menu'
},
// {
// link: 'coros-pod2',
// thumb: assetsRequire('@assets/images/common/nav/pod2.png'),
// nameI18n: 'common.header.pod2',
// },
{
link: 'carabiner',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/d728172c9dfeaa8eabfb3ba81267b0d7.png'),
name: 'VERTIX 2 快挂扣',
thumbAlt: 'VERTIX 2 快挂扣'
}
// {
// link: 'accessories',
// thumb: assetsRequire('@assets/images/common/nav/vertix2accsssories.png'),
// nameI18n: 'CommonHeaderMenu1nav8',
// },
]
}, {
nameI18n: 'common.header.training_science',
children: filter_default()(_context3 = [{
link: 'evolab',
nameI18n: 'common.footer.evolab'
}, {
nameI18n: 'common.header.trainingHub',
link: 'traininghub'
}, {
link: 'training',
nameI18n: 'menu.new_training'
}, {
link: 'roadrun',
nameI18n: 'menu.roadrun'
}, enabledClimb && {
link: 'climb',
nameI18n: 'menu.climb'
}]).call(_context3, Boolean)
}, {
nameI18n: 'common.header.stories',
children: [{
nameI18n: 'coros_about',
link: 'about'
}, {
link: 'athlete',
nameI18n: 'Pro Athletes'
}]
}, {
nameI18n: 'common.header.support',
children: [{
nameI18n: 'common.footer.helpCenter',
link: 'https://faq.coros.com/help'
}, {
nameI18n: 'common.footer.warranty',
link: 'warranty'
}, {
nameI18n: 'common.header.buyOnline',
link: 'https://coros.tmall.com/'
}, {
nameI18n: 'common.header.storeLocation',
link: 'storeLocation'
}, {
nameI18n: 'common.header.historyData',
link: 'login'
}]
}];
}
var country = this.$root.country;
var menu = [{
nameI18n: 'common.header.products',
children: filter_default()(_context4 = [{
nameI18n: 'menu.allProducts',
link: 'products',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/vertix2s/new-menu-all.png'),
thumbAlt: 'Shop all COROS GPS watches'
}, {
link: 'vertix2s',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/vertix2s/new-menu-vertix2s.png'),
nameI18n: 'menu.vertix2s',
thumbAlt: 'Shop COROS VERTIX 2 GPS Adventure Watch'
}, {
link: 'apex2',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/nav/apex2.png'),
nameI18n: 'CommonHeaderMenu1nav17',
thumbAlt: 'Shop COROS APEX Premium Multisport GPS Watch'
}, {
link: 'pace3',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/131f6e7fe263d5eea6cac97c0de7f07f.png'),
nameI18n: 'pace3.productNameShort'
}, !this.isJapan && {
link: 'pace3valencia',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/abad8a2bdeaf4008df95e480193785e0.png'),
nameI18n: 'pace3.valencia_productNameShort'
}, {
link: 'dura',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/46e9b5fe397898e486eb9cd1b4be3137.png'),
nameI18n: 'menu.dura'
}, {
link: 'heart-rate-monitor',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/hrm-20230002/bar_hrm_img@2x.png'),
nameI18n: 'hrm.menu'
}, this.isJapan && {
link: 'coros-pod2',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/nav/pod2.png'),
nameI18n: 'common.header.pod2',
thumbAlt: 'Shop COROS POD 2 or Performance Optimization Device'
}, {
link: 'accessories',
thumb: (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/nav/vertix2accsssories.png'),
nameI18n: 'CommonHeaderMenu1nav8',
thumbAlt: 'Shop COROS Watch and Lifestyle accessories'
}]).call(_context4, Boolean)
}, {
nameI18n: 'common.header.training_science',
children: filter_default()(_context5 = [{
nameI18n: 'common.header.trainingHub',
link: 'traininghub'
}, {
link: 'coaches',
nameI18n: 'common.footer.coach'
}, !enabledNewTraining && {
link: 'plans',
nameI18n: 'common.header.plans'
}, !enabledNewTraining && {
link: 'workouts',
nameI18n: 'common.header.workouts'
}, enabledNewTraining && {
link: 'training',
nameI18n: 'menu.new_training'
}, {
link: 'roadrun',
nameI18n: 'menu.roadrun'
}, enabledClimb && {
link: 'climb',
nameI18n: 'menu.climb'
}]).call(_context5, Boolean)
}, {
nameI18n: 'common.header.stories',
children: this.isJapan ? [{
link: 'about',
nameI18n: 'common.footer.about'
},
// 日本站新闻
{
link: 'stories/',
nameI18n: 'common.footer.news'
}, {
link: 'athlete',
nameI18n: 'エリートアスリート'
}, {
link: 'retail',
nameI18n: '取扱店舗'
}] : filter_default()(_context6 = [{
link: 'stories/',
nameI18n: 'stories.homeTitle'
}, {
nameI18n: 'coros_convos',
link: 'convos'
}]).call(_context6, Boolean)
}, {
nameI18n: 'common.header.support',
children: [{
nameI18n: 'common.footer.helpCenter',
link: helpCenterLinks[this.$root.country] || helpCenterLinks.en
}, {
nameI18n: 'common.footer.WatchComparison',
link: 'comparison'
}, {
nameI18n: 'common.header.checkWarranty',
link: 'checkwarranty'
}]
}];
for_each_default()(menu).call(menu, function (menuItem) {
var _menuItem$children;
menuItem.children = (_menuItem$children = menuItem.children) === null || _menuItem$children === void 0 ? void 0 : filter_default()(_menuItem$children).call(_menuItem$children, Boolean);
});
return menu;
},
style4sideMenu: function style4sideMenu() {
var styleObj = {
overflow: this.activeSubSideMenu ? 'hidden' : ''
};
if (this.$dataBus.isMobile && this.subMenuIsActived) {
styleObj.paddingBottom = document.body.offsetHeight - (window.visualViewport ? window.visualViewport.height : window.innerHeight) + 'px';
}
return styleObj;
},
sideMenus: function sideMenus() {
var _this = this,
_context9,
_context10,
_context11;
if (this.isJapan) {
return this.menus;
}
if (this.$dataBus.isMobile) {
return this.menus;
}
var countryMenu = {
renderFn: function renderFn() {
var _context7;
return (0,vue_common_prod.h)("button", {
"attrs": {
"type": "button",
"aria-haspopup": "dialog",
"aria-controls": "countries-dialog",
"aria-labelledby": "countries-dialog-header"
},
"class": concat_default()(_context7 = "cursor-pointer border-0 bg-transparent leading-none hover:text-inherit text-inherit ".concat(_this.$root.country !== 'fr' && 'capitalize', " ")).call(_context7, _this.activeSubSideMenu ? 'invisible' : ''),
"on": {
"click": function click() {
return main/* default.open */.Z.open();
}
}
}, [_this.$t('common.footer.countries')]);
}
};
if (this.isCn) {
var _context8;
return concat_default()(_context8 = this.menus).call(_context8, [{
link: 'https://t.coros.com/',
nameI18n: 'common.header.login2trainingHub'
}, {
renderFn: function renderFn() {
return (0,vue_common_prod.h)("span", {
"class": "cursor-pointer capitalize",
"on": {
"click": function click() {
return main/* default.open */.Z.open();
}
}
}, ["\u7B80\u4F53\u4E2D\u6587"]);
}
}]);
}
var basisMenus = concat_default()(_context9 = [{
link: 'retail',
nameI18n: 'common.header.retail'
}]).call(_context9, [{
link: 'about',
nameI18n: 'common.footer.about'
}, {
link: 'contact',
nameI18n: 'common.footer.contact'
}, countryMenu]);
if (includes_default()(_context10 = ['fr', 'es']).call(_context10, this.$root.country)) {
basisMenus = filter_default()(basisMenus).call(basisMenus, function (item) {
return item.link !== 'stories?newsroom';
});
}
return this.$dataBus.isPad ? concat_default()(_context11 = this.menus).call(_context11, basisMenus) : basisMenus;
},
toggleStyle: function toggleStyle() {
if (this.subMenuIsActived) {
return {
position: 'fixed',
top: this.togglePosition.top + 'px',
left: this.togglePosition.left + 'px',
zIndex: 21
};
} else {
return {};
}
}
},
watch: {
subMenuIsActived: function subMenuIsActived(val) {
var _this2 = this;
if (!val) {
set_timeout_default()(function () {
_this2.visible4countries = false;
}, 300);
}
}
},
mounted: function mounted() {
var _this3 = this;
var stickyJs = __webpack_require__(78419);
stickyJs.addOne(this.$el);
window.addEventListener('load', function () {
set_timeout_default()(function () {
_this3.isLoaded = true;
}, 500);
});
this.currentPath = location.pathname.replace(/^\//, '');
this.setId2mainContent();
this.handleTab();
set_timeout_default()(function () {
if (_this3.$slots["default"]) {
_this3.$dataBus.initHeight4mainHeader = _this3.$el.children[_this3.$dataBus.isUs ? 1 : 0].offsetHeight;
}
});
},
methods: {
openMobileSubMenu: function openMobileSubMenu(el, menuName) {
var _context12;
this.activeSubSideMenu = menuName;
this.$refs.toggle.focus();
this.focusableElsInTrap = concat_default()(_context12 = [this.$refs.toggle]).call(_context12, (0,trapFocus/* getFocusableElements */.GO)(el.nextElementSibling));
},
setId2mainContent: function setId2mainContent() {
if (this.$slots["default"]) {
var _this$$slots$default = (0,slicedToArray/* default */.Z)(this.$slots["default"], 1),
defaultSlotInstance = _this$$slots$default[0].componentInstance;
if (defaultSlotInstance && defaultSlotInstance.$el) {
var _context13;
if (defaultSlotInstance.$el.id && includes_default()(_context13 = this.$root.env).call(_context13, 'prod') === -1) {
console.error('The default slot element in header will have id "un-main" set by header component, but it already has id: ' + defaultSlotInstance.$el.id + '.');
}
defaultSlotInstance.$el.setAttribute('id', 'un-main');
}
} else {
var _context14;
if (this.$el.nextElementSibling.id && includes_default()(_context14 = this.$root.env).call(_context14, 'prod') === -1) {
console.error('The element next to header will have id "un-main" set by header component, but it already has id: ' + this.$el.nextElementSibling.id + '.');
}
this.$el.nextElementSibling.setAttribute('id', 'un-main');
}
},
handleTab: function handleTab() {
var _this4 = this;
document.addEventListener('keydown', function (e) {
if (e.code === 'Tab') {
if (_this4.$dataBus.isMobile) {
if (_this4.subMenuIsActived) {
(0,trapFocus/* hijackTab */.hS)(e, _this4.focusableElsInTrap, document.activeElement);
}
} else {
set_timeout_default()(function () {
if (_this4.$el.contains(document.activeElement)) {
if (document.activeElement.dataset.menuI18n) {
// } else {
// this.activeMenu = document.activeElement.dataset.menuI18n;
// }
}
} else {
_this4.activeMenu = '';
if (_this4.subMenuIsActived) {
_this4.toggleSubMenu();
}
}
});
}
} else if (e.code === 'Escape') {
if (_this4.activeMenu && _this4.$refs.mainMenu.contains(e.target)) {
var _this4$$refs$_this4$a;
var el2focus = (_this4$$refs$_this4$a = _this4.$refs[_this4.activeMenu]) === null || _this4$$refs$_this4$a === void 0 ? void 0 : _this4$$refs$_this4$a.querySelector('.menu__item-inner');
set_timeout_default()(function () {
el2focus === null || el2focus === void 0 || el2focus.focus();
}, 50);
return _this4.activeMenu = '';
}
if (_this4.subMenuIsActived || _this4.activeSubSideMenu) {
if (_this4.activeSubSideMenu) {
var _el2focus = _this4.$refs[_this4.activeSubSideMenu];
set_timeout_default()(function () {
_el2focus === null || _el2focus === void 0 || _el2focus.focus();
}, 100);
}
_this4.toggleSubMenu();
}
}
});
},
collapseMainHeader: function collapseMainHeader() {
var _this5 = this;
if (!this.$dataBus.initHeight4mainHeader) {
this.$dataBus.initHeight4mainHeader = this.$refs.mainHeader.offsetHeight;
}
if (this.height4mainHeader === 0) {
return;
}
this.$dataBus.mainHeaderAnimating = true;
this.height4mainHeader = this.$dataBus.initHeight4mainHeader;
set_timeout_default()(function () {
_this5.$dataBus.mainHeaderIsCollapsed = true;
_this5.height4mainHeader = 0;
set_timeout_default()(function () {
_this5.$dataBus.mainHeaderAnimating = false;
}, 660);
});
},
handleScroll: function handleScroll() {
var _this6 = this;
if (this.disableScrollWatch) return;
if (!this.isLoaded) return;
var hasLocaleSwitcher = this.$root.ip.country && this.$root.ip.country != this.$root.country && (sessionStorage.localeSwitch ? sessionStorage.localeSwitch !== '1' : !!this.$root.ip.locale && this.$root.ip.locale != this.$root.locale);
var minTop = hasLocaleSwitcher ? document.querySelector('.locale-switch').offsetHeight : 0;
var expandMainHeader = function expandMainHeader() {
if (_this6.height4mainHeader) {
return;
}
_this6.$dataBus.mainHeaderAnimating = true;
set_timeout_default()(function () {
_this6.$dataBus.mainHeaderIsCollapsed = false;
_this6.height4mainHeader = _this6.$dataBus.initHeight4mainHeader;
set_timeout_default()(function () {
_this6.$dataBus.mainHeaderAnimating = false;
}, 660);
});
};
if (this.$dataBus.mainHeaderAnimating || scrollY < minTop + this.height4mainHeader) {
this.lastScrollY = scrollY;
if (scrollY < minTop + this.height4mainHeader) {
expandMainHeader();
}
return;
}
if (scrollY > this.lastScrollY) {
this.collapseMainHeader();
} else {
expandMainHeader();
}
this.lastScrollY = scrollY;
},
togglePageScroll: function togglePageScroll() {
assign_default()(this.$root.$el.style, this.subMenuIsActived ? {
position: 'fixed',
top: "-".concat(window.scrollY, "px"),
width: '100%'
} : {
position: '',
top: '',
width: ''
});
if (!this.subMenuIsActived) {
window.scrollTo(0, this.lastScrollY);
}
},
handleMenuHover: function handleMenuHover(event) {
var _context15,
_this7 = this;
var isClickEvent = event.type === 'click';
var triggerFromKeyboard = event.detail === 0;
some_default()(_context15 = this.menus).call(_context15, function (item) {
if (_this7.$refs[item.nameI18n].contains(event.target)) {
if (_this7.activeMenu === item.nameI18n && isClickEvent && triggerFromKeyboard) {
_this7.activeMenu = '';
} else {
_this7.activeMenu = item.nameI18n;
}
return true;
}
return false;
});
},
toggleSubMenu: function toggleSubMenu() {
var _this8 = this;
this.activeMenu = '';
var findFocusableEls = function findFocusableEls() {
_this8.$nextTick(function () {
if (_this8.subMenuIsActived) {
var _context16, _context17;
_this8.focusableElsInTrap = concat_default()(_context16 = [_this8.$refs.toggle]).call(_context16, filter_default()(_context17 = (0,trapFocus/* getFocusableElements */.GO)(document.getElementById('side-menus'))).call(_context17, function (el) {
var tabindex = el.getAttribute('tabindex');
if (tabindex === null) {
return true;
}
return tabindex !== '-1';
}));
}
});
};
if (this.activeSubSideMenu) {
this.activeSubSideMenu = '';
findFocusableEls();
return;
}
this.subMenuIsActived = !this.subMenuIsActived;
findFocusableEls();
if (this.$dataBus.isMobile) {
if (this.subMenuIsActived) {
this.lastScrollY = window.scrollY;
}
this.togglePageScroll();
}
},
handleResize: function handleResize() {
if (!this.$refs.toggle || !this.$refs.headerContent) return;
var marginLeft = Number(getComputedStyle(this.$refs.toggle).marginLeft.replace('px', ''));
this.togglePosition = {
top: this.$refs.toggle.offsetTop - this.$refs.headerContent.offsetTop + this.$refs.toggle.firstChild.offsetTop,
left: this.$refs.toggle.offsetLeft - marginLeft
};
},
renderSideMenuItem: function renderSideMenuItem(item, index) {
var _this9 = this;
if (item.renderFn) {
return item.renderFn();
} else if (item.link) {
return (0,vue_common_prod.h)("a", {
"attrs": {
"href": item.link,
"aria-current": item.link === this.currentPath
},
"class": ['text-inherit', 'hover:text-inherit', this.$root.country !== 'fr' ? 'capitalize' : '', this.activeSubSideMenu ? 'invisible' : '']
}, [this.$t(item.nameI18n)]);
} else {
var _context18;
var isExpanded = this.activeSubSideMenu === item.nameI18n;
return [(0,vue_common_prod.h)("button", {
"ref": item.nameI18n,
"class": ['menu__item-inner text-inherit bg-transparent border-0 hover\:color-lg-red relative top-[0.15em] capitalize', this.activeSubSideMenu ? 'invisible' : ''],
"on": {
"click": function click(e) {
return _this9.openMobileSubMenu(e.target, item.nameI18n);
}
}
}, [this.$t(item.nameI18n)]), (0,vue_common_prod.h)("div", {
"class": "side-menu-item__children-wrapper",
"style": isExpanded ? 'left: 0;' : 'visibility: hidden;'
}, [(0,vue_common_prod.h)("ul", {
"class": {
'side-menu-item__children flex-wrap w-full': true,
flex: !!item.children[0].thumb,
block: !item.children[0].thumb,
'has-thumb': !!item.children[0].thumb
}
}, [map_default()(_context18 = item.children).call(_context18, function (menu) {
return (0,vue_common_prod.h)("li", {
"key": menu.nameI18n,
"class": {
'side-menu-item__child leading-none': true,
'w-6/12': !!menu.thumb,
'pad:mt-md-100': !!menu.thumb,
'pad:mt-md-50': !menu.thumb,
'w-full': !menu.thumb
}
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": menu.link,
"aria-current": menu.link === _this9.currentPath,
"tabindex": isExpanded ? 0 : -1
}
}, [menu.thumb ? [(0,vue_common_prod.h)(WebpImg/* default */.Z, {
"attrs": {
"height": 134,
"src": menu.thumb,
"alt": menu.thumbAlt || ''
},
"class": "hover:scale-125 transition-transform duration-150 ease-in side-menu-item__child__thumb"
}), (0,vue_common_prod.h)("br")] : null, (0,vue_common_prod.h)("span", {
"class": "mt-20 mb-20 whitespace-pre-line inline-block transition-color duration-150 ease-linear"
}, [menu.name || _this9.$t(menu.nameI18n)])])]);
})])])];
}
}
},
render: function render() {
var _this10 = this,
_context19,
_context21;
var _this$$dataBus = this.$dataBus,
isMobile = _this$$dataBus.isMobile,
isPad = _this$$dataBus.isPad,
isUs = _this$$dataBus.isUs,
isJp = _this$$dataBus.isJp;
var _setup = this._self._setupProxy;
return (0,vue_common_prod.h)("header", {
"on": {
"mouseleave": function mouseleave() {
_this10.activeMenu = '';
}
},
"attrs": {
"data-country": this.$root.locale
},
"class": ['coros-header', {
'shadow-bottom': !this.$slots["default"]
}]
}, [this.$dataBus.isUs ? (0,vue_common_prod.h)(SkipLinks, {
"attrs": {
"currentPath": this.currentPath,
"hasSkipToFooter": this.hasSkipToFooter
}
}) : null, this.$slots["default"] ? (0,vue_common_prod.h)(ScrollWatcher/* default */.Z, {
"attrs": {
"cb": this.handleScroll
}
}) : null, (0,vue_common_prod.h)("div", {
"ref": "mainHeader",
"style": this.height4mainHeader !== null ? {
height: "".concat(this.height4mainHeader, "px")
} : '',
"class": " overflow-hidden transition-[height] duration-300"
}, [this.hasPromotion ? (0,vue_common_prod.h)(Promotion, {
"directives": [{
name: "show",
value: !_setup.isPromotionClosed
}],
"attrs": {
"desc": this.$t('common.promotionTips'),
"link": isJp ? 'https://jp.coros.com/stories/others/c/810camp' : 'watches',
"link-text": this.$te('common.promotionEntrance') ? this.$t('common.promotionEntrance') : this.$t('common.shopnow'),
"close-label": "Close promotion",
"storage-key": this._setupState.storageKey4promotion
}
}) : null, (0,vue_common_prod.h)("localeSwitch", {
"class": "border-1px-b"
}), (0,vue_common_prod.h)("div", {
"ref": "headerContent",
"class": "flex items-center w-full md:justify-between coros-header-content"
}, [(0,vue_common_prod.h)("div", {
"class": "logo-wrapper"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": "./",
"aria-label": "Home Page"
}
}, [this.$slots.logo ? this.$slots.logo : (0,vue_common_prod.h)(WebpImg/* default */.Z, {
"attrs": {
"height": 45,
"src": (0,assetsRequire/* assetsRequire */.y)('@assets/images/common/logo_black.png'),
"alt": "COROS logo"
},
"class": "logo h-auto w-full block"
})])]), (0,vue_common_prod.h)("div", {
"class": "flex-item span-item"
}), (0,vue_common_prod.h)("nav", {
"ref": "mainMenu",
"class": "menu",
"attrs": {
"aria-label": "main menu"
}
}, [(0,vue_common_prod.h)("ul", {
"on": {
"mouseover": this.handleMenuHover,
"click": this.handleMenuHover
}
}, [map_default()(_context19 = this.menus).call(_context19, function (menu) {
var _context20;
var menuI18nName = _this10.$t(menu.nameI18n);
return (0,vue_common_prod.h)("li", {
"attrs": {
"data-menu": "products"
},
"ref": menu.nameI18n,
"key": menu.nameI18n,
"class": {
menu__item: true,
'cursor-pointer': menu.children
}
}, [menu.link ? (0,vue_common_prod.h)("a", {
"class": "menu__item-link relative top-[0.15em] uppercase",
"attrs": {
"href": menu.link
}
}, [menuI18nName]) : [(0,vue_common_prod.h)("button", {
"attrs": {
"type": "button",
"aria-expanded": "".concat(_this10.activeMenu === menu.nameI18n),
"data-menu-i18n": menu.nameI18n,
"aria-controls": "".concat(menuI18nName, "-menus")
},
"class": "menu__item-inner relative top-[0.15em] uppercase bg-transparent border-0"
}, [menuI18nName]), (0,vue_common_prod.h)("transition", {
"attrs": {
"name": "el-fade-in-linear"
}
}, [(0,vue_common_prod.h)("ul", {
"attrs": {
"id": "".concat(menuI18nName, "-menus")
},
"class": "sub-menus flex justify-center leading-none bg-white",
"directives": [{
name: "show",
value: _this10.activeMenu === menu.nameI18n
}],
"style": {
top: "".concat(_this10.$slots["default"] ? "".concat(_this10.$dataBus.initHeight4mainHeader - 1, "px") : null),
boxShadow: '0 10px 17px 1px rgba(128, 128, 128, 0.1)'
}
}, [map_default()(_context20 = menu.children).call(_context20, function (subMenu) {
return (0,vue_common_prod.h)("li", {
"key": subMenu.nameI18n,
"class": "sub-menus__item whitespace-pre-line leading-none ml-25 pl-25"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": subMenu.link,
"aria-current": "".concat(_this10.currentPath === subMenu.link)
},
"class": "text-inherit hover:text-inherit"
}, [subMenu.thumb ? [(0,vue_common_prod.h)(WebpImg/* default */.Z, {
"attrs": {
"height": 80,
"src": subMenu.thumb,
"aria-hidden": "true",
"lazyload": false
},
"class": "hover:scale-125 transition-transform duration-150 ease-in meun-item__thumb"
}), (0,vue_common_prod.h)("div", {
"class": "invisible"
})] : null, (0,vue_common_prod.h)("span", {
"class": "mt-20 mb-20 inline-block text-inherit transition-color duration-150 ease-linear"
}, [subMenu.name || _this10.$t(subMenu.nameI18n)])])]);
})])])]]);
})])]), (0,vue_common_prod.h)("div", {
"class": 'sub-menu md:!justify-end ' + (this.activeSubSideMenu ? 'go-back' : this.subMenuIsActived ? 'actived' : '')
}, [this.hasShopifyNewDesign ? (0,vue_common_prod.h)(BagIcon, {
"attrs": {
"currentPath": this.currentPath
},
"class": "cursor-pointer mr-20"
}) : null, isMobile ? null : (0,vue_common_prod.h)("a", {
"attrs": {
"href": "https://t.coros.com/",
"aria-label": isMobile ? 'login to traininghub' : null
},
"class": ['sub-menu__item align-top mr-auto', {
'portrait:hidden': isPad
}]
}, [this.isCn || this.hasShopifyNewDesign ? (0,vue_common_prod.h)("i", {
"class": "iconfont icon-geren1"
}) : null, isMobile ? null : this.$t('common.header.login2trainingHub')]), !(this.isJapan && !isMobile) && (this.isCn && !isMobile ? (0,vue_common_prod.h)("span", {
"class": "sub-menu__item",
"on": {
"click": function click() {
return main/* default.open */.Z.open();
}
}
}, [(0,vue_common_prod.h)("i", {
"class": "iconfont icon-yuyan1"
}), "\u7B80\u4F53\u4E2D\u6587"]) : [(0,vue_common_prod.h)("button", {
"attrs": {
"type": "button",
"aria-expanded": "".concat(this.subMenuIsActived),
"aria-controls": "side-menus",
"aria-label": "More links"
},
"class": "side-menu__toggle md:ml-md-30",
"ref": "toggle",
"on": {
"click": this.toggleSubMenu
},
"style": this.toggleStyle
}, [(0,vue_common_prod.h)("span", {
"class": "side-menu__toggle-item"
}), (0,vue_common_prod.h)("span", {
"class": "side-menu__toggle-item"
}), (0,vue_common_prod.h)("span", {
"class": "side-menu__toggle-item"
})]), (0,vue_common_prod.h)("transition", {
"attrs": {
"name": "in"
}
}, [(0,vue_common_prod.h)((vue_no_ssr_common_default()), [(0,vue_common_prod.h)("ul", {
"attrs": {
"id": "side-menus"
},
"class": "side-menu-panel",
"directives": [{
name: "show",
value: this.subMenuIsActived
}],
"style": this.style4sideMenu
}, [map_default()(_context21 = this.sideMenus).call(_context21, function (sideMenu, index) {
return (0,vue_common_prod.h)("li", {
"class": "side-menu-item leading-[3]",
"key": sideMenu.nameI18n
}, [_this10.renderSideMenuItem(sideMenu, index)]);
})])])])])])])]), this.isCn && !this.$dataBus.isMobile ? null : (0,vue_common_prod.h)(ResizeWatcher/* default */.Z, {
"attrs": {
"cb": this.handleResize,
"immediate": true
}
}), this.$slots["default"]]);
}
};
/* harmony default export */ const NewHeadervue_type_script_setup_true_lang_js = (/*#__PURE__*/assign_default()(NewHeadervue_type_script_setup_true_lang_js_default_, {
setup: function setup(__props) {
var storageKey4promotion = 'summer-promotion';
var _usePromotion = Promotion_usePromotion(storageKey4promotion),
isPromotionClosed = _usePromotion.isClosed;
return {
__sfc: true,
helpCenterLinks: helpCenterLinks,
SkipLinks: SkipLinks,
storageKey4promotion: storageKey4promotion,
isPromotionClosed: isPromotionClosed,
assetsRequire: assetsRequire/* assetsRequire */.y,
ResizeWatcher: ResizeWatcher/* default */.Z,
WebpImg: WebpImg/* default */.Z,
BagIcon: BagIcon,
NoSSR: (vue_no_ssr_common_default()),
CountriesDialog: main/* default */.Z,
hijackTab: trapFocus/* hijackTab */.hS,
getFocusableElements: trapFocus/* getFocusableElements */.GO,
ScrollWatcher: ScrollWatcher/* default */.Z,
Promotion: Promotion,
usePromotion: Promotion_usePromotion
};
}
}));
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/index.vue?vue&type=script&setup=true&lang=js
/* harmony default export */ const components_NewHeadervue_type_script_setup_true_lang_js = (NewHeadervue_type_script_setup_true_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewHeader/index.vue?vue&type=style&index=0&id=2127abd3&prod&lang=scss
var NewHeadervue_type_style_index_0_id_2127abd3_prod_lang_scss = __webpack_require__(39250);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/index.vue?vue&type=style&index=0&id=2127abd3&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewHeader/index.vue
var NewHeader_render, NewHeader_staticRenderFns
;
;
/* normalize component */
var NewHeader_component = (0,componentNormalizer/* default */.Z)(
components_NewHeadervue_type_script_setup_true_lang_js,
NewHeader_render,
NewHeader_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const NewHeader = (NewHeader_component.exports);
/***/ }),
/***/ 1718:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ProductMenu)
});
// EXTERNAL MODULE: ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
var helper = __webpack_require__(36568);
var helper_default = /*#__PURE__*/__webpack_require__.n(helper);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-timeout.js
var set_timeout = __webpack_require__(9938);
var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=template&id=ed65e5f6
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("transition", {
attrs: {
name: "dialog-fade"
},
on: {
"after-enter": _vm.afterEnter,
"after-leave": _vm.afterLeave
}
}, [_c("div", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible"
}],
staticClass: "el-dialog__wrapper",
on: {
click: function click($event) {
if ($event.target !== $event.currentTarget) return null;
return _vm.handleWrapperClick.apply(null, arguments);
}
}
}, [_c("div", {
ref: "dialog",
staticClass: "compare-dialog-content"
}, [_vm.showClose ? _c("button", {
staticClass: "compare-table-wrapper__close-btn",
attrs: {
type: "button",
"aria-label": "Close"
},
on: {
click: _vm.handleClose
}
}, [_c("i", {
staticClass: "el-icon el-icon-close"
})]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "compare-table-wrapper"
}, [_vm.hasOpened ? _c("NewCompareTable") : _vm._e()], 1)])])]);
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=template&id=ed65e5f6
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/typeof.js
var esm_typeof = __webpack_require__(19623);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/reflect/construct.js
var construct = __webpack_require__(24835);
var construct_default = /*#__PURE__*/__webpack_require__.n(construct);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js + 1 modules
var possibleConstructorReturn = __webpack_require__(22310);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/getPrototypeOf.js
var getPrototypeOf = __webpack_require__(3362);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__(84441);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__(68420);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/createClass.js
var createClass = __webpack_require__(27344);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
var es_array_join = __webpack_require__(6203);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/slice.js
var slice = __webpack_require__(35704);
var slice_default = /*#__PURE__*/__webpack_require__.n(slice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/array/is-array.js
var is_array = __webpack_require__(98235);
var is_array_default = /*#__PURE__*/__webpack_require__.n(is_array);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/fill.js
var fill = __webpack_require__(18033);
var fill_default = /*#__PURE__*/__webpack_require__.n(fill);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/flat.js
var flat = __webpack_require__(49804);
var flat_default = /*#__PURE__*/__webpack_require__.n(flat);
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
// EXTERNAL MODULE: ./app/web/projects/www/home/components/WatchSlider/constant.js
var constant = __webpack_require__(96284);
// EXTERNAL MODULE: ./app/web/projects/www/vertix/constants.js
var constants = __webpack_require__(92867);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewCompareTable/constant.js
var _context, _context2;
function _callSuper(t, o, e) { return o = (0,getPrototypeOf/* default */.Z)(o), (0,possibleConstructorReturn/* default */.Z)(t, _isNativeReflectConstruct() ? construct_default()(o, e || [], (0,getPrototypeOf/* default */.Z)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(construct_default()(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var APEX_46 = 'apex46';
var APEX_42 = 'apex42';
var supportedBasisSportsCn = ['跑步', '跑步机', '运动场跑步', '骑行', '室内骑行', '泳池游泳', '公开水域', '健身', '组合运动', '户外有氧', '室内有氧', '铁人三项', '划船机', '赛艇', '静水运动'];
var basisSpecs = [
// 'Product',
// '',
'price', 'Commonshopnow', 'compdispsize', 'compdisptype', 'compscreenmaterial', 'compbezelmaterial', 'compcovermaterial', 'compstrapmaterial', 'compquickreleasefitband', 'compphysicalsize', 'compweightwithsiliconeband', 'compweightwithnylonband', 'compphoneconnection', 'compaccessoryconnection', 'compwaterresistance', 'compworkingtemperature', 'compstoragetemperature', 'compchargingtime', 'compultramaxGPSmode', 'compstandardfull', 'compallsystemson', 'compallsystemsdualfrequencyon', 'compdailyuse'];
var compareFeats = ['compsupportedgnss', 'comphrmonitoring', 'compopticalheartratemonitor', 'compbarometricaltimeter', 'compaccelerometer', 'compgyroscope', 'compcompass', 'compcorosevoLab', 'comprecoverytime', 'compinterval', 'compswimmingheartrate', 'compsleepmonitoring', 'compphonenotifications', 'comp3rdpartyintegration', 'compthickglovescompatible', 'compstructuredworkouts', 'comprunningpowerfromthewrist', 'compstrydcompatible', 'compphonenotificationsduringworkouts', 'compbodytemperaturemonitorsupport', 'compbacklightalwaysnnnode', 'compinsta360cameracontrol', 'compvirtualrun', 'comppowermetercalibration', 'compsapphireglass', 'compbreadcrumbnavigation', 'compbacktostartnavigation', 'comp247blood', 'compopticalpulseoxmonitor', 'compdedicatedbacklightbutton', 'comptouchscreenmode', 'compaltitudemode', 'compextremedurability', 'compgloballandscapemaplayer', 'compregionaltopomaplayer', 'comphybridmaplayer', 'compbacklightbuttonshortcut', 'compallsatellitedualfrequency', 'compelectrocardiogramsensor', 'comphrvindex', 'compWiFi', 'compmusic'];
var compareWorkouts = ['comprun', 'compindoorrun', 'comptrackrun', 'compbike', 'compindoorbike', 'compopenwater', 'comppoolswim', 'compflatwater', 'comprowing', 'compGPScardio', 'compgymcardio', 'comptriathlon', 'compindoorrower', 'compstrength', 'comptraining', 'comptrainingplan', 'compmultisport', 'compwalk', 'comptrailrun', 'comphike', 'compmountainclimb', 'compski', 'compsnowboard', 'compxcski', 'compskitouring', 'compspeedsurfing', 'compwindsurfing', 'compwhitewater', 'compmultipitchclimb'];
var filterWorkouts = function filterWorkouts() {
var blacklist = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
if (blacklist.length === 0) return slice_default()(compareWorkouts).call(compareWorkouts);
return filter_default()(compareWorkouts).call(compareWorkouts, function (workout) {
if (includes_default()(blacklist).call(blacklist, workout)) {
return false;
}
return true;
});
};
var watchesDetails = {
vertix2: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/vertix2.png'),
imgAlt: 'VERTIX2',
link: 'vertix2'
},
feats: compareFeats,
workouts: compareWorkouts
},
vertix: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/vertixblk.png'),
imgAlt: 'VERTIX',
link: 'vertix'
},
feats: slice_default()(compareFeats).call(compareFeats, 0, -5),
workouts: filterWorkouts(['compmultipitchclimb'])
},
apexPro: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/apex-pro.png'),
imgAlt: 'APEX Pro',
link: 'apex-pro'
},
feats: slice_default()(compareFeats).call(compareFeats, 0, -5),
workouts: filterWorkouts(['compmultipitchclimb'])
},
apex46: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/b15.png'),
imgAlt: 'APEX 46mm',
link: 'apex'
},
feats: concat_default()(_context = slice_default()(compareFeats).call(compareFeats, 0, 20)).call(_context, slice_default()(compareFeats).call(compareFeats, 24, 27)),
workouts: filterWorkouts(['compspeedsurfing', 'compwindsurfing', 'compwhitewater', 'compmultipitchclimb', 'compwalk'])
},
apex42: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/b13.png'),
imgAlt: 'APEX 42mm',
link: 'apex'
},
feats: concat_default()(_context2 = slice_default()(compareFeats).call(compareFeats, 0, 20)).call(_context2, slice_default()(compareFeats).call(compareFeats, 24, 27)),
workouts: filterWorkouts(['compspeedsurfing', 'compwindsurfing', 'compwhitewater', 'compmultipitchclimb', 'compwalk'])
},
pace2: {
thumbnail: {
img: (0,assetsRequire/* assetsRequire */.y)('@assets/images/compareChart/pace2.png'),
imgAlt: 'PACE 2',
link: 'pace2'
},
feats: slice_default()(compareFeats).call(compareFeats, 0, -18),
workouts: filterWorkouts(['comptrailrun', 'comphike', 'compmountainclimb', 'compski', 'compsnowboard', 'compxcski', 'compskitouring', 'compspeedsurfing', 'compwindsurfing', 'compwhitewater', 'compmultipitchclimb'])
}
};
var compareWatches = ['vertix2', 'vertix', 'apexPro', APEX_46, APEX_42, 'pace2'];
var WatchThumbnail = {
functional: true,
render: function render(h, _ref) {
var props = _ref.props;
var _props$watch = props.watch,
img = _props$watch.img,
imgAlt = _props$watch.imgAlt,
link = _props$watch.link;
return h("a", {
"attrs": {
"href": link
}
}, [h("img", {
"class": "product-img",
"attrs": {
"height": "120",
"src": img,
"alt": imgAlt
}
})]);
}
};
var chain = /*#__PURE__*/function () {
function chain() {
(0,classCallCheck/* default */.Z)(this, chain);
this._next = null;
}
return (0,createClass/* default */.Z)(chain, [{
key: "setNext",
value: function setNext(fn) {
this._next = fn;
}
}]);
}();
var DefaultCompare = /*#__PURE__*/function (_chain) {
function DefaultCompare() {
(0,classCallCheck/* default */.Z)(this, DefaultCompare);
return _callSuper(this, DefaultCompare, arguments);
}
(0,inherits/* default */.Z)(DefaultCompare, _chain);
return (0,createClass/* default */.Z)(DefaultCompare, [{
key: "exec",
value: function exec(vm) {
var _context3, _context6, _context11, _context12, _context15, _context16;
var title = map_default()(_context3 = ['compproduct']).call(_context3, function (spec) {
var _context4;
return concat_default()(_context4 = [spec]).call(_context4, map_default()(compareWatches).call(compareWatches, function (watch) {
var _context5;
return concat_default()(_context5 = "".concat(spec)).call(_context5, watch.toLowerCase());
}));
});
title.push(concat_default()(_context6 = ['']).call(_context6, map_default()(compareWatches).call(compareWatches, function (watch) {
return {
renderFn: function renderFn(h) {
return h(WatchThumbnail, {
"attrs": {
"watch": watchesDetails[watch].thumbnail
}
});
}
};
})));
var specRows = map_default()(basisSpecs).call(basisSpecs, function (spec) {
var _context7;
return concat_default()(_context7 = [spec]).call(_context7, map_default()(compareWatches).call(compareWatches, function (watch) {
var _context8;
if (spec === 'price') {
return (0,constant/* findPrice */.k)(watch.replace('apex', 'apex_').toLowerCase());
} else if (spec === 'Commonshopnow') {
return {
renderFn: function renderFn(h) {
return vm.$root.country === 'us' ? h("a", {
"class": "shopify-buy__btn inline-block",
"attrs": {
"href": watchesDetails[watch].thumbnail.link
}
}, [vm.$t(spec)]) : h("ShopifyBuy", {
"class": "inline-block",
"attrs": {
"shop-link": "https://www.enjoyyourbike.com/COROS:.:350.html",
"shopify-id": watch.replace(/apex\d\d/, 'apex')
}
}, [vm.$t(spec)]);
}
};
}
return concat_default()(_context8 = "".concat(spec)).call(_context8, watch.toLowerCase());
}));
});
var featRows = map_default()(compareFeats).call(compareFeats, function (feat) {
var _context9;
return concat_default()(_context9 = [feat]).call(_context9, map_default()(compareWatches).call(compareWatches, function (watch) {
var _context10;
return includes_default()(_context10 = watchesDetails[watch].feats).call(_context10, feat) ? '√' : '';
}));
});
var workoutRows = concat_default()(_context11 = concat_default()(_context12 = [[{
renderFn: function renderFn(h) {
return h("div", {
"style": "height: 90px; line-height: 90px;"
}, [vm.$t('compsupportedworkoutmodes')]);
},
colSpan: compareWatches.length + 1
}]]).call(_context12, title)).call(_context11, map_default()(compareWorkouts).call(compareWorkouts, function (workout) {
var _context13;
return concat_default()(_context13 = [workout]).call(_context13, map_default()(compareWatches).call(compareWatches, function (watch) {
var _context14;
return includes_default()(_context14 = watchesDetails[watch].workouts).call(_context14, workout) ? '√' : '';
}));
}));
return concat_default()(_context15 = concat_default()(_context16 = concat_default()(title).call(title, specRows)).call(_context16, featRows)).call(_context15, workoutRows);
}
}]);
}(chain);
var CompareInCn = /*#__PURE__*/function (_chain2) {
function CompareInCn() {
(0,classCallCheck/* default */.Z)(this, CompareInCn);
return _callSuper(this, CompareInCn, arguments);
}
(0,inherits/* default */.Z)(CompareInCn, _chain2);
return (0,createClass/* default */.Z)(CompareInCn, [{
key: "exec",
value: function exec(vm, locale) {
if (locale === 'cn') {
var _context18, _context19, _context20, _context21, _context22, _context23, _context28;
var parseApexSpecs = function parseApexSpecs(i18nItem) {
var _context17;
var translation = vm.$t(i18nItem);
if (is_array_default()(translation)) {
return translation;
}
return fill_default()(_context17 = new Array(2)).call(_context17, translation);
};
// apex 两个尺寸的规格描述多语言只有apex 一个key，所以需要单独处理
var uniqWatches = filter_default()(compareWatches).call(compareWatches, function (watch) {
return watch !== APEX_42;
});
// apex 的规格描述有数组（两个值）的情况，需要压平
var title = [flat_default()(_context18 = concat_default()(_context19 = ['']).call(_context19, map_default()(uniqWatches).call(uniqWatches, function (watch) {
var i18nItem = "specs.".concat(watch.replace(/\d\d/, ''), ".modeVal");
if (watch === APEX_46) {
return parseApexSpecs(i18nItem);
}
return vm.$t(i18nItem).replace(/coros /i, '');
}))).call(_context18)];
title.push(concat_default()(_context20 = ['']).call(_context20, map_default()(compareWatches).call(compareWatches, function (watch) {
return {
renderFn: function renderFn(h) {
return h(WatchThumbnail, {
"attrs": {
"watch": watchesDetails[watch].thumbnail
}
});
}
};
})));
var specRows = map_default()(_context21 = map_default()(_context22 = filter_default()(_context23 = constants/* allSpecs.cn */.f.cn).call(_context23, function (_ref2) {
var label = _ref2.label;
return label !== 'specs.model';
})).call(_context22, function (_ref3) {
var label = _ref3.label;
return label;
})).call(_context21, function (spec) {
var _context25, _context26;
if (spec === '所有手表均支持的运动类型') {
var _context24;
return concat_default()(_context24 = [spec]).call(_context24, {
cellVal: '跑步、跑步机、运动场跑步、骑行、室内骑行、泳池游泳、公开水域、健身、组合运动、户外有氧、室内有氧、铁人三项、划船机、赛艇、静水运动',
colSpan: compareWatches.length
});
}
return concat_default()(_context25 = [spec]).call(_context25, flat_default()(_context26 = map_default()(uniqWatches).call(uniqWatches, function (watch) {
var _context27;
var i18nItem = concat_default()(_context27 = "specs.".concat(watch.replace(/apex\d\d/, 'apex'), ".")).call(_context27, spec.replace('specs.', ''), "Val");
if (watch === APEX_46) {
return parseApexSpecs(i18nItem);
}
return i18nItem;
})).call(_context26));
});
specRows.push(['所有手表均支持的运动类型', {
cellVal: supportedBasisSportsCn.join('、'),
colSpan: compareWatches.length
}]);
specRows.push(concat_default()(_context28 = ['额外支持的运动类型']).call(_context28, map_default()(compareWatches).call(compareWatches, function (watch) {
var _context29;
var i18nItem = "specs.".concat(watch.replace(/apex\d\d/, 'apex'), ".supportedWorkoutsVal");
var localeText = vm.$t(i18nItem);
return filter_default()(_context29 = localeText.split('、')).call(_context29, function (item) {
return !includes_default()(supportedBasisSportsCn).call(supportedBasisSportsCn, item);
}).join('、');
})));
return concat_default()(title).call(title, specRows);
}
return this._next.exec(vm, locale);
}
}]);
}(chain);
var defaultCompare = new DefaultCompare();
var compareInCn = new CompareInCn();
compareInCn.setNext(defaultCompare);
function getCompareData(vm, locale) {
return compareInCn.exec(vm, locale);
}
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopifyBuy/index.vue + 3 modules
var ShopifyBuy = __webpack_require__(87649);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewCompareTable/index.vue?vue&type=script&lang=js
/* harmony default export */ const NewCompareTablevue_type_script_lang_js = ({
name: 'NewCompareTable',
components: {
ShopifyBuy: ShopifyBuy/* default */.Z
},
computed: {
tableData: function tableData() {
return getCompareData(this, this.$i18n.locale);
}
},
render: function render(h) {
var _context,
_this = this;
return h("table", {
"class": "compare-table text-center",
"attrs": {
"lang": this.$i18n.locale
}
}, [h("tbody", [map_default()(_context = this.tableData).call(_context, function (row) {
return h("tr", {
"class": "compare-table__row"
}, [map_default()(row).call(row, function (cell) {
var normalizeCell = (0,esm_typeof/* default */.Z)(cell) === 'object' ? cell : {
cellVal: cell
};
return h("td", {
"class": "compare-table__cell",
"attrs": {
"colspan": normalizeCell.colSpan
}
}, [normalizeCell.renderFn ? normalizeCell.renderFn.call(_this, h) : _this.$t(normalizeCell.cellVal)]);
})]);
})])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewCompareTable/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_NewCompareTablevue_type_script_lang_js = (NewCompareTablevue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/NewCompareTable/index.vue?vue&type=style&index=0&id=23e25a45&prod&lang=scss
var NewCompareTablevue_type_style_index_0_id_23e25a45_prod_lang_scss = __webpack_require__(72904);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewCompareTable/index.vue?vue&type=style&index=0&id=23e25a45&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/NewCompareTable/index.vue
var NewCompareTable_render, NewCompareTable_staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_NewCompareTablevue_type_script_lang_js,
NewCompareTable_render,
NewCompareTable_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const NewCompareTable = (component.exports);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=script&lang=js
/* harmony default export */ const CompareTableDialogvue_type_script_lang_js = ({
name: 'CompareTableDialog',
components: {
NewCompareTable: NewCompareTable
},
"extends": element_ui_common.Dialog,
data: function data() {
return {
hasOpened: false
};
},
watch: {
visible: function visible(val) {
if (val) {
this.hasOpened = true;
}
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_CompareTableDialogvue_type_script_lang_js = (CompareTableDialogvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=style&index=0&id=ed65e5f6&prod&lang=scss
var CompareTableDialogvue_type_style_index_0_id_ed65e5f6_prod_lang_scss = __webpack_require__(96979);
;// CONCATENATED MODULE: ./app/web/projects/www/components/CompareTableDialog/index.vue?vue&type=style&index=0&id=ed65e5f6&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/CompareTableDialog/index.vue
;
/* normalize component */
var CompareTableDialog_component = (0,componentNormalizer/* default */.Z)(
components_CompareTableDialogvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const CompareTableDialog = (CompareTableDialog_component.exports);
// EXTERNAL MODULE: ./node_modules/vue-no-ssr/dist/vue-no-ssr.common.js
var vue_no_ssr_common = __webpack_require__(22261);
var vue_no_ssr_common_default = /*#__PURE__*/__webpack_require__.n(vue_no_ssr_common);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ProductMenu/index.vue?vue&type=script&lang=js
/* harmony default export */ const ProductMenuvue_type_script_lang_js = ({
name: 'ProductMenu',
props: {
visible: {
type: Boolean,
"default": false
},
productName: {
type: String,
"default": ''
},
shopifyId: {
type: String,
"default": ''
},
showBuyButton: {
type: Boolean,
"default": true
},
accessoriesHref: {
type: String,
"default": ''
},
accessoriesBtnText: {
type: String,
"default": ''
},
customClass: {
type: String,
"default": ''
},
// 标题类名
customTitleClass: {
type: String,
"default": ''
},
detailAnchor: {
type: String,
"default": ''
},
specAnchor: {
type: String,
"default": ''
},
customShopLink: {
type: String,
"default": ''
},
/**
* 无手表对比弹窗
*/
noComparisonModal: {
type: Boolean,
"default": false
},
/**
* 隐藏前往评论的按钮
*/
hideReview: {
type: Boolean,
"default": false
},
/**
* 自动隐藏移动端下拉子菜单
*/
autoHideMobileSubMenu: {
type: Boolean,
"default": false
},
hideSpec: {
type: Boolean,
"default": false
}
},
data: function data() {
return {
visible4mobileSubMenus: false,
visible4compareTable: false,
reviewPath: '',
productPath: ''
};
},
computed: {
isJapan: function isJapan() {
return this.$root.country === 'jp';
},
isNewDesign: function isNewDesign() {
var _context;
return includes_default()(_context = ['us', 'ca', 'uk', 'jp', 'fr', 'es', 'de', 'eu', 'au']).call(_context, this.$root.country);
}
},
mounted: function mounted() {
this.productPath = location.pathname;
this.reviewPath = location.pathname + '#stamped-main-widget';
},
methods: {
renderDefaultMobileSubMenus: function renderDefaultMobileSubMenus() {
var menus = this.hideSpec ? [] : [this.getSpecEl()];
if (this.isNewDesign) {
if (!this.hideReview) {
menus.push((0,vue_common_prod.h)("li", {
"class": "product-mobile-sub-menu__item"
}, [(0,vue_common_prod.h)("a", {
"on": {
"click": this.closeMobileSubMenuIfNeed
},
"attrs": {
"href": this.reviewPath
}
}, [this.$t('common.header.review')])]));
}
if (this.detailAnchor) {
menus.unshift((0,vue_common_prod.h)("li", {
"class": "product-mobile-sub-menu__item"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": this.productPath + this.detailAnchor
},
"class": "product-menu__sub-menu-item-link uppercase",
"on": {
"click": this.closeMobileSubMenuIfNeed
}
}, [this.$t('common.header.overview')])]));
}
} else if (this.$root.country !== 'cn' && !this.noComparisonModal) {
menus = concat_default()(menus).call(menus, (0,vue_common_prod.h)("li", {
"class": "product-mobile-sub-menu__item",
"on": {
"click": this.openCompareTable
}
}, [this.$t('Commoncomparisonchart')]));
}
if (this.$root.country === 'cn') return menus;
return concat_default()(menus).call(menus, this.accessoriesHref ? [(0,vue_common_prod.h)("li", {
"class": "product-mobile-sub-menu__item"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": this.accessoriesHref,
"aria-label": "Shop accessories for ".concat(this.productName)
},
"class": "product-menu__sub-menu-item-link"
}, [this.accessoriesBtnText])])] : []);
},
renderDefaultSubMenus: function renderDefaultSubMenus() {
var menus = this.hideSpec ? [] : [this.getSpecEl()];
if (this.isNewDesign) {
if (!this.isJapan && !this.hideReview) {
menus.push((0,vue_common_prod.h)("li", {
"class": "product-menu__item btn"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": this.reviewPath
},
"class": "product-menu__item-link"
}, [(0,vue_common_prod.h)("h2", [this.$t('common.header.review')])])]));
}
if (this.detailAnchor) {
menus.unshift((0,vue_common_prod.h)("li", {
"class": "product-menu__item btn"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": this.productPath + this.detailAnchor
},
"class": "product-menu__item-link"
}, [(0,vue_common_prod.h)("h2", [this.$t('common.header.overview')])])]));
}
} else if (this.$root.country !== 'cn' && !this.noComparisonModal) {
menus.unshift((0,vue_common_prod.h)("li", {
"class": "product-menu__item btn",
"on": {
"click": this.openCompareTable
}
}, [this.$t('Commoncomparisonchart')]));
}
if (this.$root.country === 'cn') return menus;
menus = concat_default()(menus).call(menus, this.accessoriesHref ? [(0,vue_common_prod.h)("li", {
"class": "product-menu__item btn"
}, [(0,vue_common_prod.h)("a", {
"attrs": {
"href": this.accessoriesHref,
"aria-label": "Shop accessories for ".concat(this.productName)
},
"class": "product-menu__item-link"
}, [(0,vue_common_prod.h)("h2", [this.accessoriesBtnText])])])] : []);
return menus;
},
renderSubMenus: function renderSubMenus() {
if (this.$dataBus.isPad) {
return (0,vue_common_prod.h)("li", {
"class": "product-menu__item",
"on": {
"click": this.toggleMobileSubMenus
}
}, [(0,vue_common_prod.h)("button", {
"class": "bg-transparent border-0 align-middle",
"attrs": {
"aria-label": "more menus"
}
}, [(0,vue_common_prod.h)("i", {
"class": "el-icon-arrow-down mobile-sub-nav ".concat(this.visible4mobileSubMenus ? 'active' : '')
})])]);
}
if (this.$scopedSlots['sub-menus']) {
return this.$scopedSlots['sub-menus']({
productPath: this.productPath
});
}
return this.renderDefaultSubMenus();
},
getSpecEl: function getSpecEl() {
var _this$$dataBus = this.$dataBus,
isMobile = _this$$dataBus.isMobile,
isPad = _this$$dataBus.isPad;
return (0,vue_common_prod.h)("li", helper_default()([{
"class": isMobile || isPad ? 'product-mobile-sub-menu__item' : 'product-menu__item btn'
}, this.specAnchor ? {} : {
on: {
click: this.openSpecs
}
}]), [this.specAnchor ? (0,vue_common_prod.h)("a", {
"attrs": {
"href": this.productPath + this.specAnchor
},
"class": isMobile || isPad ? 'product-menu__sub-menu-item-link' : 'product-menu__item-link',
"on": {
"click": this.closeMobileSubMenuIfNeed
}
}, [this.$t('common.header.specs')]) : this.$t('common.header.specs')]);
},
toggleMobileSubMenus: function toggleMobileSubMenus() {
var _this = this;
this.$dataBus.mainHeaderAnimating = true;
this.visible4mobileSubMenus = !this.visible4mobileSubMenus;
this.$nextTick(function () {
// element-ui 手风琴菜单组件的动画效果持续时间为300，scroll 有防抖100毫秒，加50毫秒确保子菜单展开收起不触发导航栏的动画；
set_timeout_default()(function () {
_this.$dataBus.mainHeaderAnimating = false;
}, 450);
});
},
openCompareTable: function openCompareTable() {
this.visible4compareTable = true;
},
closeMobileSubMenuIfNeed: function closeMobileSubMenuIfNeed() {
var _this2 = this;
if (this.$dataBus.isMobile && this.autoHideMobileSubMenu) {
this.$nextTick(function () {
_this2.visible4mobileSubMenus = false;
});
}
},
openSpecs: function openSpecs() {
this.$emit('openSpecs');
this.closeMobileSubMenuIfNeed();
},
scrollToTop: function scrollToTop() {
scrollTo({
top: 0,
behavior: 'smooth'
});
}
},
render: function render(h) {
var _this3 = this;
return h("transition", {
"attrs": {
"name": "el-fade-in-linear"
}
}, [h("div", {
"class": ['product-menu', this.customClass],
"directives": [{
name: "show",
value: this.visible
}],
"attrs": {
"data-country": this.$root.country
}
}, [h("ul", {
"class": "product-menu__wrapper"
}, [h("li", {
"class": "product-menu__item ".concat(this.customTitleClass)
}, [h("h1", [this.productName])]), h((vue_no_ssr_common_default()), {
"attrs": {
"placeholder": "---"
}
}, [this.renderSubMenus()]), this.showBuyButton ? h("li", {
"class": "product-menu__item"
}, [this.isNewDesign ? h("transition", {
"attrs": {
"name": this.$dataBus.isMobile ? 'collapse' : 'el-fade-in'
}
}, [h("button", {
"class": "product-menu__btn whitespace-nowrap uppercase",
"directives": [{
name: "show",
value: !this.$dataBus.isShopAreaAvailable
}],
"on": {
"click": this.scrollToTop
}
}, [this.$t('common.shopnow')])]) : h(ShopifyBuy/* default */.Z, {
"attrs": {
"shopLink": this.customShopLink,
"shopify-id": this.shopifyId
}
}, [this.$t('common.header.shopNow')])]) : null]), h("ElCollapseTransition", [h("ul", {
"class": "product-mobile-sub-menu",
"directives": [{
name: "show",
value: this.visible4mobileSubMenus
}]
}, [this.$scopedSlots['mobile-sub-menus'] ? this.$scopedSlots['mobile-sub-menus']({
productPath: this.productPath
}) : this.renderDefaultMobileSubMenus(h)])]), this.noComparisonModal ? null : h(CompareTableDialog, helper_default()([{
"attrs": {
"visible": this.visible4compareTable,
"appendToBody": true
}
}, {
"on": {
'update:visible': function updateVisible(val) {
_this3.visible4compareTable = val;
}
}
}]))])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ProductMenu/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ProductMenuvue_type_script_lang_js = (ProductMenuvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ProductMenu/index.vue?vue&type=style&index=0&id=131d42d1&prod&lang=scss
var ProductMenuvue_type_style_index_0_id_131d42d1_prod_lang_scss = __webpack_require__(74510);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ProductMenu/index.vue?vue&type=style&index=0&id=131d42d1&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/ProductMenu/index.vue
var ProductMenu_render, ProductMenu_staticRenderFns
;
;
/* normalize component */
var ProductMenu_component = (0,componentNormalizer/* default */.Z)(
components_ProductMenuvue_type_script_lang_js,
ProductMenu_render,
ProductMenu_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ProductMenu = (ProductMenu_component.exports);
/***/ }),
/***/ 90800:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ResizeWatcher)
});
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/global-this.js
var global_this = __webpack_require__(92381);
var global_this_default = /*#__PURE__*/__webpack_require__.n(global_this);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/lodash/debounce.js
var debounce = __webpack_require__(23279);
var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ResizeWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const ResizeWatchervue_type_script_lang_js = ({
data: function data() {
return {
currentWindowWidth: (global_this_default()).innerWidth || 0
};
},
props: {
limit: {
type: Number
},
condition: {
type: String,
validator: function validator(val) {
var _context;
return includes_default()(_context = [">", ">=", "<", "<="]).call(_context, val);
}
},
cb: {
type: Function
},
immediate: {
type: Boolean,
"default": false
}
},
computed: {
renderable: function renderable() {
if (this.condition === ">") {
return this.currentWindowWidth > this.limit;
} else if (this.condition === ">=") {
return this.currentWindowWidth >= this.limit;
} else if (this.condition === "<") {
return this.currentWindowWidth < this.limit;
} else if (this.condition === "<=") {
return this.currentWindowWidth <= this.limit;
} else {
return false;
}
}
},
methods: {
handleResize: function handleResize() {
this.currentWindowWidth = (global_this_default()).innerWidth || 0;
this.cb && this.cb();
}
},
render: function render() {
return this.renderable ? this.$slots["default"] : null;
},
mounted: function mounted() {
var resizeCb = debounce_default()(this.handleResize, 100);
if (this.immediate) {
resizeCb();
}
addEventListener("resize", resizeCb);
this.$once("hook:beforeDestroy", function () {
removeEventListener("resize", resizeCb);
});
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ResizeWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ResizeWatchervue_type_script_lang_js = (ResizeWatchervue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ResizeWatcher/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_ResizeWatchervue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ResizeWatcher = (component.exports);
/***/ }),
/***/ 96503:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ScrollWatcher)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/global-this.js
var global_this = __webpack_require__(92381);
var global_this_default = /*#__PURE__*/__webpack_require__.n(global_this);
// EXTERNAL MODULE: ./node_modules/lodash/debounce.js
var debounce = __webpack_require__(23279);
var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ScrollWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const ScrollWatchervue_type_script_lang_js = ({
props: {
cb: {
type: Function
},
immediate: {
type: Boolean,
"default": false
}
},
created: function created() {
if (this.cb && true) {
var debouncedCb = debounce_default()(this.cb, 100);
if (this.immediate) {
debouncedCb();
}
global_this_default().addEventListener("scroll", debouncedCb);
this.$once("hook:beforeDestroy", function () {
global_this_default().removeEventListener("scroll", debouncedCb);
});
}
},
render: function render() {
return null;
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ScrollWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ScrollWatchervue_type_script_lang_js = (ScrollWatchervue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ScrollWatcher/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_ScrollWatchervue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ScrollWatcher = (component.exports);
/***/ }),
/***/ 56453:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ KlarnaPlacementWrapper)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(44845);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/promise.js
var promise = __webpack_require__(35820);
var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-interval.js
var set_interval = __webpack_require__(34652);
var set_interval_default = /*#__PURE__*/__webpack_require__.n(set_interval);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
var get_own_property_symbols = __webpack_require__(52020);
var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptor.js
var get_own_property_descriptor = __webpack_require__(88546);
var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptors.js
var get_own_property_descriptors = __webpack_require__(66775);
var get_own_property_descriptors_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptors);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-properties.js
var define_properties = __webpack_require__(2201);
var define_properties_default = /*#__PURE__*/__webpack_require__.n(define_properties);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
var define_property = __webpack_require__(57445);
var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
// EXTERNAL MODULE: ./node_modules/vue-no-ssr/dist/vue-no-ssr.common.js
var vue_no_ssr_common = __webpack_require__(22261);
var vue_no_ssr_common_default = /*#__PURE__*/__webpack_require__.n(vue_no_ssr_common);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue?vue&type=script&lang=js
function ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context2 = ownKeys(Object(t))).call(_context2, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
// Function to dynamically load the Klarna SDK script
var loadKlarnaSDK = function () {
var isLoaded = false;
return function (clientId) {
if (isLoaded) {
console.log('Klarna SDK is already loaded');
return promise_default().resolve();
}
return new (promise_default())(function (resolve, reject) {
var script = document.createElement('script');
script.async = true;
script.src = 'https://js.klarna.com/web-sdk/v1/klarna.js';
script.setAttribute('data-environment', 'production');
script.setAttribute('data-client-id', clientId);
// Resolve the promise once the script is loaded
script.onload = function () {
console.log('Klarna SDK loaded successfully');
resolve();
};
// Reject the promise if loading the script fails
script.onerror = function () {
console.error('Failed to load the Klarna SDK');
reject();
};
// Append the script to the document head
document.head.appendChild(script);
});
};
}();
/* harmony default export */ const KlarnaPlacementWrappervue_type_script_lang_js = ({
name: 'KlarnaPlacementWrapper',
inheritAttrs: false,
mounted: function mounted() {
var _this = this;
var clientId = 'bdef0216-02bf-5827-b186-52dbd2a81483';
loadKlarnaSDK(clientId).then(function () {
var intervalId = set_interval_default()(function () {
var klarnaPlacement = _this.$el.querySelector('klarna-placement');
if (klarnaPlacement && klarnaPlacement.shadowRoot) {
var style = document.createElement('style');
style.innerHTML = '.credit-promotion-auto-size { display: block !important; }';
klarnaPlacement.shadowRoot.appendChild(style);
clearInterval(intervalId); // clear the interval once the style is appended
}
}, 100);
});
},
render: function render() {
return (0,vue_common_prod.h)("div", {
"attrs": {
"id": "coros-strip-wrapper"
}
}, [(0,vue_common_prod.h)((vue_no_ssr_common_default()), [(0,vue_common_prod.h)("klarna-placement", {
"attrs": _objectSpread({
"id": "coros-strip",
"data-key": "credit-promotion-auto-size",
"data-locale": "en-US"
}, this.$attrs)
})])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_KlarnaPlacementWrappervue_type_script_lang_js = (KlarnaPlacementWrappervue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue?vue&type=style&index=0&id=cc25d9d8&prod&lang=scss
var KlarnaPlacementWrappervue_type_style_index_0_id_cc25d9d8_prod_lang_scss = __webpack_require__(87887);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue?vue&type=style&index=0&id=cc25d9d8&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
ShopPanel_KlarnaPlacementWrappervue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const KlarnaPlacementWrapper = (component.exports);
/***/ }),
/***/ 43066:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ProvidedServices)
});
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/ProvidedServices/index.vue?vue&type=script&lang=js
/* harmony default export */ const ProvidedServicesvue_type_script_lang_js = ({
functional: true,
props: {
tag: {
type: String,
"default": 'div'
},
services: {
type: Array,
"default": function _default() {
return [];
}
}
},
render: function render(h, _ref) {
var _context;
var props = _ref.props,
data = _ref.data;
return h(props.tag, {
"class": ['flex', 'provided-service-wrapper', data.staticClass, props.services.length <= 3 ? 'justify-around' : 'justify-between'],
attrs: data.attrs
}, map_default()(_context = props.services).call(_context, function (service) {
var basisContent = [h("i", {
"class": ['iconfont inline-block', 'md:mb-md-25 mb-15', service.icon]
}), h("br"), h("span", {
"class": "inline-block whitespace-pre-line provided-service__text ".concat(service.link ? 'hover:underline' : '')
}, [service.desc])];
return h("div", {
"class": "provided-service",
"key": service.icon
}, [service.link ? h("a", {
"attrs": {
"href": service.link,
"target": "_blank"
}
}, [basisContent]) : basisContent]);
}));
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/ProvidedServices/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_ProvidedServicesvue_type_script_lang_js = (ProvidedServicesvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/ProvidedServices/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
ShopPanel_ProvidedServicesvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ProvidedServices = (component.exports);
/***/ }),
/***/ 73959:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ShopPanel)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
var index_of = __webpack_require__(51791);
var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/index.vue?vue&type=template&id=42103bf7
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("div", {
staticClass: "shop-panel",
attrs: {
"data-country": _vm.$i18n.locale,
"data-nosnippet": _vm.noSnippet
}
}, [_vm.$dataBus.isMobile ? [_c("h2", {
staticClass: "shop-panel__product-title whitespace-pre-line"
}, [_vm._t("product-title", function () {
return [_vm._v(_vm._s(_vm._f("splitByModel")(_vm.product.title, _vm.$root.country)))];
}, {
title: _vm.product.title || ""
})], 2), _vm._v(" "), _vm.onlyOneVariant && !_vm.isWatch ? _c("div", {
staticClass: "mb-15 shop-panel__product-price text-center"
}, [_vm._v(_vm._s(_vm.formatPrice(_vm.variants[0].price)))]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "shopify-product-desc mb-md-60",
domProps: {
innerHTML: _vm._s(_vm.product.descriptionHtml)
}
})] : _vm._e(), _vm._v(" "), _c("div", {
ref: "previewPanel",
staticClass: "shop-panel__preview sticky md:relative",
"class": _vm.onlyOneVariant && _vm.productImages.length === 1 ? "pointer-events-none" : "",
style: _vm.$dataBus.isMobile ? {} : _vm.stickyStyle
}, [_c("Swiper", {
key: "preview_".concat(_vm.swiperOption4preview.slidesPerView),
ref: "previewSwiper",
staticClass: "swiper-container !static",
attrs: {
role: "region",
"aria-roledescription": "carousel",
"aria-label": _vm.selectedItems[0] ? "Previews for color(".concat(_vm.selectedItems[0].title, ")") : "Previews",
options: _vm.swiperOption4preview
}
}, [_vm._l(_vm.productImages, function (img, slideIndex) {
return _c("SwiperSlide", {
key: img.id || img.src,
staticClass: "text-center",
attrs: {
role: "group",
"aria-roledescription": "slide",
id: "product-preview-".concat(slideIndex + 1),
"aria-label": "Product preview slide ".concat(slideIndex + 1)
}
}, [_c("img", {
staticClass: "swiper-lazy preview__slide-img align-middle max-w-full",
attrs: {
alt: img.altText,
src: _vm._f("cropShopifyImg")(img.src, 928, 928),
height: "464"
}
})]);
}), _vm._v(" "), _c("template", {
slot: "pagination"
}, [_c("button", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.productImages.length > 1,
expression: "productImages.length > 1"
}],
staticClass: "preview-nav__prev",
attrs: {
slot: "button-prev",
type: "button",
"aria-label": "Previous slide"
},
slot: "button-prev"
}), _vm._v(" "), _c("button", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.productImages.length > 1,
expression: "productImages.length > 1"
}],
staticClass: "preview-nav__next",
attrs: {
slot: "button-next",
type: "button",
"aria-label": "Next slide"
},
slot: "button-next"
}), _vm._v(" "), !_vm.$dataBus.isMobile ? _c("div", {
staticClass: "text-center swiper-custom-pagination",
attrs: {
role: "tablist",
"aria-label": "Pagination for product preview slides"
},
on: {
click: _vm.handleSwiperNav
}
}, _vm._l(_vm.productImages, function (img, slideIndex) {
return _c("button", {
key: img.id || img.src,
staticClass: "align-middle bg-transparent border-transparent swiper-custom-pagination__item",
attrs: {
"data-index": slideIndex,
type: "button",
role: "tab",
"aria-label": "Product preview slide ".concat(slideIndex + 1),
"aria-selected": "true",
"aria-controls": "product-preview-".concat(slideIndex + 1),
tabindex: _vm.currentPreviewIndex === slideIndex ? 0 : -1
},
on: {
keydown: _vm.handleKeyPress4swiperPagination
}
}, [_c("img", {
staticClass: "mt-25 inline-block align-middle swiper-nav-thumb",
attrs: {
alt: img.altText,
"data-index": slideIndex,
src: _vm._f("cropShopifyImg")(img.src, 100, 100),
height: "68"
}
})]);
}), 0) : _vm._e()])], 2), _vm._v(" "), !_vm.$dataBus.isMobile ? [_c("ProvidedServices", {
staticClass: "text-center mt-35",
attrs: {
services: _vm.services
}
})] : _vm._e()], 2), _vm._v(" "), _c("div", {
ref: "optionList",
staticClass: "shop-panel__list"
}, [!_vm.$dataBus.isMobile ? [_c("h2", {
staticClass: "shop-panel__product-title whitespace-pre-line"
}, [_vm._t("product-title", function () {
return [_vm._v(_vm._s(_vm._f("splitByModel")(_vm.product.title, _vm.$root.country)))];
}, {
title: _vm.product.title || ""
})], 2), _vm._v(" "), _vm.onlyOneVariant && !_vm.isWatch ? _c("div", {
staticClass: "mb-15 shop-panel__product-price"
}, [_vm._v(_vm._s(_vm.formatPrice(_vm.variants[0].price)))]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "shopify-product-desc",
domProps: {
innerHTML: _vm._s(_vm.product.descriptionHtml)
}
}), _vm._v(" "), _vm.detailAnchor ? _c("div", {
staticClass: "leading-none mt-10"
}, [_c("a", {
staticClass: "overview-anchor",
attrs: {
href: _vm.currentPath + _vm.detailAnchor
}
}, [_vm._v(_vm._s(_vm.$t("shop.overview"))), _c("i", {
staticClass: "iconfont icon-cijijiantou"
})]), _vm._v(" "), _c("div", {
staticClass: "link-to-molly"
}, [_vm._t("link-anchor-for-jp")], 2)]) : _vm._e()] : _vm._e(), _vm._v(" "), _vm.filterColorOptions.length ? _c("div", {
ref: "colorFilter",
staticClass: "shop-panel__filter mt-60"
}, [_vm._t("filter-color-title", function () {
return [_c("h2", {
staticClass: "leading-none shop-panel__list-title md:mt-md-100 mb-15 font-DIN-Condensed_Demi-Bold",
attrs: {
id: "shop-color-filter"
}
}, [_vm._v("\n " + _vm._s(_vm.name4nonColorOptions ? _vm.name4nonColorOptions : _vm.filterColor === "screenSize" ? _vm.$t("shop.chooseSize") : _vm.$t("shop.chooseBandMaterial")) + "\n ")])];
}), _vm._v(" "), _vm._t("filter-sub-title"), _vm._v(" "), _c("div", {
staticClass: "flex justify-between shop-panel__filter-list flex-wrap",
attrs: {
role: "radiogroup",
"aria-labelledby": "shop-color-filter"
}
}, _vm._l(_vm.filterColorOptions, function (filter, index) {
return _c("div", {
key: filter.name,
staticClass: "w-1/2 -mx-5 my-5 md:my-md-5 md:-mx-md-5 flex-shrink-0",
"class": {
"pl-5 md:pl-md-5": index % 2 === 0,
"pr-5 md:pr-md-5": index % 2 === 1
}
}, [_c("button", {
staticClass: "text-center shop-panel__filter-item bg-transparent w-full",
"class": {
selected: _vm.selectedFilterOption === filter.name
},
attrs: {
id: "product-model-".concat(index),
role: "radio",
"aria-checked": "".concat(_vm.selectedFilterOption === filter.name),
tabindex: _vm.selectedFilterOption ? _vm.selectedFilterOption === filter.name ? 0 : -1 : index === 0 ? 0 : -1
},
on: {
keydown: [function ($event) {
var _context;
if (!index_of_default()(_context = $event.type).call(_context, "key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"])) return null;
if ("button" in $event && $event.button !== 2) return null;
$event.preventDefault();
return _vm.handleFocusNextColorFilter.apply(null, arguments);
}, function ($event) {
var _context2;
if (!index_of_default()(_context2 = $event.type).call(_context2, "key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
$event.preventDefault();
return _vm.handleFocusNextColorFilter.apply(null, arguments);
}, function ($event) {
var _context3;
if (!index_of_default()(_context3 = $event.type).call(_context3, "key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"])) return null;
if ("button" in $event && $event.button !== 0) return null;
$event.preventDefault();
return _vm.handleFocusNextColorFilter.apply(null, arguments);
}, function ($event) {
var _context4;
if (!index_of_default()(_context4 = $event.type).call(_context4, "key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
$event.preventDefault();
return _vm.handleFocusNextColorFilter.apply(null, arguments);
}, function ($event) {
var _context5;
if (!index_of_default()(_context5 = $event.type).call(_context5, "key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
$event.preventDefault();
_vm.selectedFilterOption = filter.name;
}],
click: function click($event) {
_vm.selectedFilterOption = filter.name;
}
}
}, [_c("span", {
staticClass: "font-PFDINTextPro-Medium inline-block"
}, [_vm._v(_vm._s(filter.name))])])]);
}), 0)], 2) : _vm._e(), _vm._v(" "), _c("div", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.productIsReady,
expression: "productIsReady"
}],
ref: "colorOptions",
staticClass: "shop-panel__colors mt-60 md:mt-md-80",
attrs: {
role: "radiogroup",
"aria-labelledby": "choose-color-title"
}
}, [_c("div", {
staticClass: "mb-15 font-DIN-Condensed_Demi-Bold md:text-[0.56rem] leading-none shop-panel__list-title",
attrs: {
id: "choose-color-title"
}
}, [_vm._v(_vm._s(_vm.$t("shop.chooseColor"))), _vm._t("color-title-suffix")], 2), _vm._v(" "), _c("div", {
staticClass: "link-to-molly"
}, [_vm._t("link-to-molly")], 2), _vm._v(" "), _vm.$dataBus.isMobile ? _c("div", {
staticClass: "link-to-molly"
}, [_vm._t("link-anchor-for-jp")], 2) : _vm._e(), _vm._v(" "), _c("el-scrollbar", {
ref: "colorsScrollbar",
"class": _vm.isScrollable4colors ? "scrollable ml-[-5px] md:ml-0" : "",
attrs: {
"view-class": "shop-panel__color-list md:flex md:whitespace-nowrap",
tag: "ul"
}
}, [_vm._l(_vm.variants, function (item, index) {
var _context6, _context12, _context13;
return _c("li", {
key: item.id,
staticClass: "shop-panel__color-item-wrapper"
}, [_c("ColorOptionWrapper", {
key: item.id,
staticClass: "relative flex shop-panel__color-item items-center",
"class": {
selected: item.selected,
"is-disabled": item.canSubscribeBIS || !item.available || _vm.filterColorOptions && !!_vm.filterColorOptions.length && !_vm.selectedFilterOption,
"md:inline-flex": _vm.$dataBus.isMobile,
"md:!w-full": _vm.variants.length === 1
},
attrs: {
id: "color-item-".concat(item.id.split("/").pop()),
variant: item,
disabled: item.canSubscribeBIS || !item.available || _vm.filterColorOptions && !!_vm.filterColorOptions.length && !_vm.selectedFilterOption,
tabindex: item.selected || _vm.selectedItems.length === 0 && index === 0 ? 0 : -1,
role: item.pageLink ? false : "radio",
"aria-label": concat_default()(_context6 = "".concat(_vm.product.title, " - ")).call(_context6, item.title),
"aria-checked": "".concat(item.selected)
},
on: {
click: function click($event) {
return _vm.toggleItem(item);
},
keydown: [function ($event) {
var _context7;
if (!index_of_default()(_context7 = $event.type).call(_context7, "key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
$event.preventDefault();
return _vm.toggleItem(item);
}, function ($event) {
var _context8;
if (!index_of_default()(_context8 = $event.type).call(_context8, "key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"])) return null;
if ("button" in $event && $event.button !== 2) return null;
$event.preventDefault();
return _vm.selectNextOrPrevColor("next");
}, function ($event) {
var _context9;
if (!index_of_default()(_context9 = $event.type).call(_context9, "key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
$event.preventDefault();
return _vm.selectNextOrPrevColor("next");
}, function ($event) {
var _context10;
if (!index_of_default()(_context10 = $event.type).call(_context10, "key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"])) return null;
if ("button" in $event && $event.button !== 0) return null;
$event.preventDefault();
return _vm.selectNextOrPrevColor("prev");
}, function ($event) {
var _context11;
if (!index_of_default()(_context11 = $event.type).call(_context11, "key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
$event.preventDefault();
return _vm.selectNextOrPrevColor("prev");
}]
}
}, [_c("div", {
staticClass: "md:whitespace-pre-line"
}, [_c("img", {
staticClass: "color-thumbnail align-middle",
attrs: {
alt: "",
src: _vm.colorMap4variant[item.id],
height: "40"
}
})]), _vm._v(" "), _c("div", {
staticClass: "whitespace-pre-line md:break-words flex-grow pl-10",
style: _vm.$dataBus.isMobile ? "padding-top: 0.1em" : ""
}, [_vm._v(_vm._s(_vm._f("normalizeColor")(item.title, _vm.$dataBus.isMobile)) + _vm._s(!item.available && !_vm.$dataBus.isMobile ? "\n(".concat(_vm.$dataBus.isFr ? _vm.$t("home.outOfStock") : _vm.$t("home.outOfStock").toUpperCase(), ")") : ""))]), _vm._v(" "), _c("div", {
staticClass: "shop-panel__color-item-price"
}, [_vm._v(_vm._s(_vm.formatPrice(item.price)))]), _vm._v(" "), item.canSubscribeBIS ? _c("div", {
staticClass: "subscribe-bis-btn z-10 block uppercase md:pt-[0.35em] md:leading-[1.2] md:text-md-24 md:h-auto md:min-h-[0.56rem]",
attrs: {
role: "button",
tabindex: "0",
"aria-label": concat_default()(_context12 = concat_default()(_context13 = "".concat(_vm.$t("common.subscribeBIS.emailMeWhenAvailable"), " (")).call(_context13, _vm.product.title, " - ")).call(_context12, item.title, ")")
},
on: {
click: function click($event) {
return _vm.openSubscribeModal(_vm.product.id, item.id);
},
keydown: function keydown($event) {
var _context14;
if (!index_of_default()(_context14 = $event.type).call(_context14, "key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
$event.preventDefault();
return _vm.openSubscribeModal(_vm.product.id, item.id);
}
}
}, [_vm._v(_vm._s(_vm.$t("common.subscribeBIS.emailMeWhenAvailable")))]) : _vm._e()])], 1);
}), _vm._v(" "), _c("li", {
staticClass: "h-[5px] md:hidden",
attrs: {
"aria-hidden": "true"
}
})], 2)], 1), _vm._v(" "), _c("NoSSR", [_vm.promotion.product && _vm.isWatch ? _c("SelectProductVariant", {
key: "free-item",
staticClass: "mt-60",
attrs: {
id: "nn-water-bottle",
title: _vm.promotion.title,
"product-id": _vm.promotion.product,
"next-anchor": "accessories",
value: _vm.selectedFreeItem
},
on: {
input: _vm.handleSelectFreeItem
},
scopedSlots: _vm._u([_vm.promotion.subTitles ? {
key: "subtitle",
fn: function fn() {
return [_c("div", {
staticClass: "shop-panel__list-sub-title mt-15 whitespace-pre-line",
"class": _vm.$dataBus.isMobile ? "font-big" : "font-normal"
}, [_vm._v(_vm._s(_vm.promotion.subTitles))])];
},
proxy: true
} : null], null, true)
}) : _vm._e()], 1), _vm._v(" "), _vm.topAccessoriesCollection ? _c("SelectAccessories", {
attrs: {
id: "accessories",
"collection-id": _vm.topAccessoriesCollection,
value: _vm.selectedAccessories,
"scroll-in-to-view-at-first-selection": ""
},
on: {
input: _vm.handleSelectAccessories
}
}) : _vm._e(), _vm._v(" "), _vm.bandCollection ? _c("SelectBands", {
staticClass: "mt-60",
attrs: {
id: "bands",
"collection-id": _vm.bandCollection,
"scroll-in-to-view-at-first-selection": "",
"product-filter-func": _vm.bandExtraFilter
},
model: {
value: _vm.selectedBands,
callback: function callback($$v) {
_vm.selectedBands = $$v;
},
expression: "selectedBands"
}
}) : _vm._e(), _vm._v(" "), _vm.$slots["total-prefix"] ? _c("div", {
staticClass: "total-info-prefix"
}, [_vm._t("total-prefix")], 2) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "total-info",
"class": _vm.$slots["total-prefix"] ? "with-prefix" : "",
attrs: {
id: "shop-total"
}
}, [!_vm.onlyOneVariant || _vm.topAccessoriesCollection ? [_c("h2", {
staticClass: "total-info__title flex justify-between"
}, [_c("span", {
staticClass: "lang-ja:flex-shrink-0"
}, [_vm._v(_vm._s(_vm.$t("shop.total")))]), _vm._v(" "), _c("span", {
staticClass: "total-info__total-price lang-ja:whitespace-pre-line lang-ja:md:whitespace-normal"
}, [_vm._v(_vm._s(_vm.formatPrice(_vm.totalPriceWithDiscount || _vm.totalPrice, !!(_vm.totalPriceWithDiscount || _vm.totalPrice))))])]), _vm._v(" "), _c("ul", [_vm._l(_vm.selectedItems, function (item, index) {
return _c("li", {
key: item.id,
staticClass: "total-info__item flex justify-between",
"class": {
"mb-30 md:mb-md-50": !_vm.$dataBus.isUs,
"mb-15 md:mb-md-30": _vm.$dataBus.isUs
}
}, [_c("div", [_c("p", {
staticClass: "total-info__item-title whitespace-pre-line same-line-style"
}, [_vm._v(_vm._s(_vm._f("splitByModel")(_vm.product.title, _vm.$root.country)) + _vm._s("\n")), _c("span", {
staticClass: "inline-block total-info__item-sub-title"
}, [_vm._v(_vm._s(item.title))])])]), _vm._v(" "), _c("div", [_vm._v(_vm._s(_vm.formatPrice(item.price)))])]);
}), _vm._v(" "), _vm._l(_vm.selectedFreeItem, function (item) {
return _c("li", {
key: item.id,
staticClass: "total-info__item flex justify-between"
}, [_c("div", [_c("p", {
staticClass: "total-info__item-title whitespace-pre-line"
}, [_vm._v(_vm._s(item.title))])]), _vm._v(" "), _c("div", {
staticClass: "whitespace-nowrap"
}, [item.discountPrice ? _c("span", {
staticClass: "inline-block mr-15 line-through total-info__item-discount align-bottom"
}, [_vm._v(_vm._s(_vm.formatPrice(item.price)))]) : _vm._e(), _vm._v("\n " + _vm._s(_vm.formatPrice(item.discountPrice || item.price)) + "\n ")])]);
}), _vm._v(" "), _vm._l(_vm.selectedBands, function (item) {
return _c("li", {
key: item.id,
staticClass: "total-info__item flex justify-between"
}, [_c("div", [_c("p", {
staticClass: "total-info__item-title whitespace-pre-line"
}, [_vm._v(_vm._s(_vm.watchShortName) + " " + _vm._s(item.bandType) + _vm._s("\n") + _vm._s(item.title))])]), _vm._v(" "), _c("div", [_vm._v(_vm._s(_vm.formatPrice(item.price)))])]);
}), _vm._v(" "), _vm._l(_vm.selectedAccessories, function (item) {
return _c("li", {
key: item.id,
staticClass: "total-info__item flex justify-between"
}, [_c("div", [_c("p", {
staticClass: "total-info__item-title same-line-style"
}, [_vm._v(_vm._s(item.title))])]), _vm._v(" "), _c("div", {
staticClass: "whitespace-nowrap"
}, [item.discountPrice ? _c("span", {
staticClass: "inline-block mr-15 line-through total-info__item-discount align-bottom"
}, [_vm._v(_vm._s(_vm.formatPrice(item.price)))]) : _vm._e(), _vm._v("\n " + _vm._s(_vm.formatPrice(item.discountPrice || item.price)) + "\n ")])]);
})], 2)] : _vm._e(), _vm._v(" "), _vm.$dataBus.isUs && _vm.totalPriceWithDiscount ? _c("KlarnaPlacementWrapper", {
staticClass: "mt-15 md:mt-md-30 pt-15 md:pt-md-30 md:mb-md-45 border-t border-0 border-[#d8d8d8] border-solid",
attrs: {
"data-purchase-amount": _vm.totalPriceWithDiscount * 100
}
}) : _vm._e(), _vm._v(" "), _c("button", {
directives: [{
name: "loading",
rawName: "v-loading",
value: _vm.addingToBag,
expression: "addingToBag"
}],
staticClass: "total-info__btn uppercase lang-fr:normal-case",
"class": {
"klarna-placement": _vm.$dataBus.isUs,
"plain-btn": _vm.onlyOneVariant
},
attrs: {
disabled: _vm.isEmpty
},
on: {
click: _vm.addToBag
}
}, [_vm._v("\n " + _vm._s(_vm.onlyOneVariant && _vm.autoSelect && _vm.isEmpty ? _vm.$t("home.outOfStock") : _vm.$t("shop.add2Bag")) + "\n ")]), _vm._v(" "), _vm.$dataBus.isUs && !_vm.noLocallyEmbed && _vm.upc ? _c("LocallyEmbed", {
attrs: {
upc: _vm.upc
}
}) : _vm._e()], 2), _vm._v(" "), _vm.$dataBus.isMobile ? _c("ProvidedServices", {
staticClass: "text-center mt-70",
attrs: {
services: _vm.services
}
}) : _vm._e()], 2)], 2);
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/index.vue?vue&type=template&id=42103bf7
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/toConsumableArray.js + 3 modules
var toConsumableArray = __webpack_require__(71649);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(33938);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/slicedToArray.js + 3 modules
var slicedToArray = __webpack_require__(95266);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/regenerator/index.js
var regenerator = __webpack_require__(30222);
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/includes.js
var includes = __webpack_require__(91829);
var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/reduce.js
var reduce = __webpack_require__(53706);
var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/find.js
var find = __webpack_require__(86981);
var find_default = /*#__PURE__*/__webpack_require__.n(find);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/sort.js
var sort = __webpack_require__(76555);
var sort_default = /*#__PURE__*/__webpack_require__.n(sort);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/values.js
var values = __webpack_require__(89221);
var values_default = /*#__PURE__*/__webpack_require__.n(values);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/some.js
var some = __webpack_require__(27525);
var some_default = /*#__PURE__*/__webpack_require__.n(some);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/trim.js
var trim = __webpack_require__(84705);
var trim_default = /*#__PURE__*/__webpack_require__.n(trim);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-timeout.js
var set_timeout = __webpack_require__(9938);
var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/find-index.js
var find_index = __webpack_require__(13464);
var find_index_default = /*#__PURE__*/__webpack_require__.n(find_index);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/promise.js
var promise = __webpack_require__(35820);
var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/every.js
var every = __webpack_require__(8244);
var every_default = /*#__PURE__*/__webpack_require__.n(every);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/slice.js
var slice = __webpack_require__(35704);
var slice_default = /*#__PURE__*/__webpack_require__.n(slice);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/array/from.js
var from = __webpack_require__(10349);
var from_default = /*#__PURE__*/__webpack_require__.n(from);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol.js
var symbol = __webpack_require__(52472);
var symbol_default = /*#__PURE__*/__webpack_require__.n(symbol);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/get-iterator-method.js
var get_iterator_method = __webpack_require__(19389);
var get_iterator_method_default = /*#__PURE__*/__webpack_require__.n(get_iterator_method);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/array/is-array.js
var is_array = __webpack_require__(98235);
var is_array_default = /*#__PURE__*/__webpack_require__.n(is_array);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
var es_error_cause = __webpack_require__(21057);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.to-string.js
var es_error_to_string = __webpack_require__(68932);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
var es_array_join = __webpack_require__(6203);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-string.js
var es_date_to_string = __webpack_require__(30024);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.to-fixed.js
var es_number_to_fixed = __webpack_require__(97389);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
var es_object_keys = __webpack_require__(69358);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
var es_object_to_string = __webpack_require__(60228);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
var es_promise = __webpack_require__(73964);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.finally.js
var es_promise_finally = __webpack_require__(36409);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__(64043);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
var es_regexp_test = __webpack_require__(7409);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
var es_regexp_to_string = __webpack_require__(12826);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
var es_string_replace = __webpack_require__(57267);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.split.js
var es_string_split = __webpack_require__(9873);
// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
var lodash = __webpack_require__(96486);
// EXTERNAL MODULE: ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
var vue_awesome_swiper = __webpack_require__(90697);
// EXTERNAL MODULE: ./node_modules/swiper/css/swiper.css
var swiper = __webpack_require__(74838);
// EXTERNAL MODULE: ./node_modules/vue-no-ssr/dist/vue-no-ssr.common.js
var vue_no_ssr_common = __webpack_require__(22261);
var vue_no_ssr_common_default = /*#__PURE__*/__webpack_require__.n(vue_no_ssr_common);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopifyBuy/shopifyBuy.js + 1 modules
var shopifyBuy = __webpack_require__(86567);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=template&id=ed547998
var SelectBandsvue_type_template_id_ed547998_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("div", {
staticClass: "band-container"
}, [_c("div", {
staticClass: "leading-none mb-10 md:mt-md-80 md:mb-md-20"
}, [_c("h2", {
staticClass: "md:text-[0.56rem] shop-panel__list-title",
attrs: {
id: _vm.labelId
}
}, [_vm._v(_vm._s(_vm.$t("shop.chooseAdditionalBands")))])]), _vm._v(" "), _c("el-tabs", {
model: {
value: _vm.activeBandType,
callback: function callback($$v) {
_vm.activeBandType = $$v;
},
expression: "activeBandType"
}
}, _vm._l(_vm.bandTypes, function (item) {
return _c("el-tab-pane", {
key: item.value,
attrs: {
label: _vm.$t(item.label),
name: item.value
}
}, [_c("SelectVariant", _vm._g({
ref: "selector",
refInFor: true,
attrs: {
variants: _vm.groupedBandVariants[item.value],
value: _vm.value
}
}, _vm.$listeners.input ? {
input: _vm.$listeners.input
} : {}))], 1);
}), 1)], 1);
};
var SelectBandsvue_type_template_id_ed547998_staticRenderFns = [];
SelectBandsvue_type_template_id_ed547998_render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=template&id=ed547998
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
var get_own_property_symbols = __webpack_require__(52020);
var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptor.js
var get_own_property_descriptor = __webpack_require__(88546);
var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptors.js
var get_own_property_descriptors = __webpack_require__(66775);
var get_own_property_descriptors_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptors);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-properties.js
var define_properties = __webpack_require__(2201);
var define_properties_default = /*#__PURE__*/__webpack_require__.n(define_properties);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
var define_property = __webpack_require__(57445);
var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(44845);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/flat.js
var flat = __webpack_require__(49804);
var flat_default = /*#__PURE__*/__webpack_require__.n(flat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/create.js
var create = __webpack_require__(3841);
var create_default = /*#__PURE__*/__webpack_require__.n(create);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
var es_string_link = __webpack_require__(37960);
// EXTERNAL MODULE: ./app/web/component/layout/index/config/index.js + 1 modules
var config = __webpack_require__(32064);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/variantDetailDialog/index.js + 6 modules
var variantDetailDialog = __webpack_require__(74712);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=script&lang=js
var DetailBtn = {
functional: true,
render: function render(h, _ref) {
var parent = _ref.parent,
listeners = _ref.listeners,
_ref$props = _ref.props,
title = _ref$props.title,
productId = _ref$props.productId,
variantId = _ref$props.variantId,
link = _ref$props.link,
disabled = _ref$props.disabled;
var wrapperTag = 'button';
var attrs = {};
if (link) {
wrapperTag = 'a';
attrs.href = link;
attrs['aria-label'] = "details - ".concat(title);
} else {
var _context;
attrs['aria-label'] = concat_default()(_context = "".concat(title, " - ")).call(_context, parent.$t('shop.details'));
attrs['aria-haspopup'] = 'dialog';
attrs['aria-controls'] = 'variant-detail-dialog';
attrs.disabled = disabled;
}
return h(wrapperTag, {
"class": "detail-btn bg-transparent border-0 ".concat(link ? 'underline hover:underline underline-offset-4' : ''),
attrs: attrs,
on: {
click: function click(event) {
event.stopPropagation();
if (link) {
return;
}
if (listeners['open-detail']) {
listeners['open-detail'](productId, variantId);
}
}
}
}, ["".concat(parent.$t('shop.details'), " "), h("i", {
"class": "iconfont icon-cijijiantou"
})]);
}
};
/* harmony default export */ const SelectVariantvue_type_script_lang_js = ({
props: {
variants: {
type: Array,
"default": function _default() {
return [];
}
},
value: {
type: Array,
"default": function _default() {
return [];
}
}
},
data: function data() {
var _context2;
var isSuffixUnit = includes_default()(_context2 = ['de', 'fr', 'es', 'eu']).call(_context2, this.$root.country);
return {
isSuffixUnit: isSuffixUnit,
scrollable: true,
selectionMap: {}
};
},
computed: {
priceUnit: function priceUnit() {
return config/* currencyUnit */.CA[this.$root.country || 'us'];
}
},
watch: {
value: {
handler: function handler(newVal) {
this.selectionMap = reduce_default()(newVal).call(newVal, function (newMap, item) {
newMap[item.id] = true;
return newMap;
}, create_default()(null));
}
},
variants: 'checkScrollable'
},
mounted: function mounted() {
var _this = this;
var resizeObserver = new ResizeObserver(function () {
var _this$$refs;
(_this$$refs = _this.$refs) === null || _this$$refs === void 0 || _this$$refs.scroll.update();
});
resizeObserver.observe(this.$el.querySelector('.select-variant-list-wrapper'));
},
methods: {
checkScrollable: function checkScrollable() {
var _this2 = this;
this.$nextTick().then(function () {
set_timeout_default()(function () {
return requestAnimationFrame(function () {
var _this2$$refs;
var listEl = _this2.$el.querySelector('.select-variant-list-wrapper');
var isVerticalScrollable = !_this2.$dataBus.isMobile && listEl.scrollHeight > listEl.clientHeight;
var isHorizontalScrollable = _this2.$dataBus.isMobile && listEl.scrollWidth > listEl.clientWidth;
_this2.scrollable = isVerticalScrollable || isHorizontalScrollable;
(_this2$$refs = _this2.$refs) === null || _this2$$refs === void 0 || _this2$$refs.scroll.update();
});
}, 50);
});
},
cropShopifyImg: function cropShopifyImg(url) {
var _context3;
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
return url ? url.replace(/\.(jpg|jpeg|png|webp)/, concat_default()(_context3 = "_".concat(width, "x")).call(_context3, height === 0 ? '' : height, ".$1")) : '';
},
openVariantDetails: function openVariantDetails(productId, variantId) {
variantDetailDialog/* default.open */.Z.open(productId, variantId);
},
handleChange: function handleChange() {
var _context4;
var newVal = filter_default()(_context4 = this.variants).call(_context4, function (item) {
return item.checked;
});
this.$emit('input', newVal.length === 1 ? newVal[0].id : map_default()(newVal).call(newVal, function (item) {
return item.id;
}));
},
toggleItem: function toggleItem(data) {
if (data.available) {
var _context5;
var newVal = null;
if (find_default()(_context5 = this.value).call(_context5, function (item) {
return item.id === data.id;
})) {
var _context6;
newVal = filter_default()(_context6 = this.value).call(_context6, function (item) {
return item.id !== data.id;
});
this.selectionMap[data.id] = false;
} else {
var _context7;
newVal = concat_default()(_context7 = []).call(_context7, (0,toConsumableArray/* default */.Z)(this.value), [data]);
this.$set(this.selectionMap, data.id, true);
}
this.$emit('input', newVal);
}
},
formatPrice: function formatPrice(price) {
var _context8, _context10, _context11, _context12;
var country = this.$root.country;
if (includes_default()(_context8 = ['jp']).call(_context8, country)) {
price = Number(price).toLocaleString('ja-JP');
} else {
var _context9;
price = Number(price).toFixed(2);
if (includes_default()(_context9 = ['fr', 'es']).call(_context9, country)) {
price = String(price).replace('.', ',');
}
}
var more = country === 'jp' ? '（税込）' : '';
return this.isSuffixUnit ? concat_default()(_context10 = "".concat(price)).call(_context10, this.priceUnit) : concat_default()(_context11 = concat_default()(_context12 = "".concat(this.priceUnit)).call(_context12, price)).call(_context11, more);
}
},
render: function render(h) {
var _context13,
_this3 = this;
var _this$$dataBus = this.$dataBus,
isMobile = _this$$dataBus.isMobile,
isFr = _this$$dataBus.isFr;
return h("el-scrollbar", {
"attrs": {
"tag": "ul",
"view-class": ['select-variant-list-wrapper', {
flex: isMobile,
'flex-nowrap': isMobile
}]
},
"class": this.scrollable ? 'scrollable' : '',
"ref": "scroll"
}, [map_default()(_context13 = this.variants).call(_context13, function (item) {
var isSelected = _this3.selectionMap[item.id];
var priceContent = _this3.formatPrice(item.price);
var normalizedDiscountPrice = _this3.formatPrice(item.discountPrice);
var detailBtn = h(DetailBtn, {
"attrs": {
"t": _this3.$t,
"title": item.title,
"productId": item.productId,
"variantId": item.id,
"link": item.productLink,
"disabled": !item.available
},
"on": {
"open-detail": _this3.openVariantDetails
}
});
var handleToggleItem = function handleToggleItem() {
return _this3.toggleItem(item);
};
return h("li", {
"key": item.id,
"class": ['variant-item', 'flex', {
selected: isSelected,
'md:flex-col': isMobile,
'shrink-0': isMobile,
'out-of-stock': !item.available
}],
"on": {
"click": handleToggleItem
}
}, [h("div", {
"class": ['justify-between', {
flex: !isMobile
}]
}, [h("div", {
"class": "flex-grow"
}, [h("img", {
"attrs": {
"src": _this3.cropShopifyImg(item.image.src, 300, 0),
"alt": item.image.altText || ''
},
"class": "select-variant__thumbnail align-top float-left md:float-none"
}), h("div", {
"class": "variant-item__content"
}, [h("span", {
"class": ['md:inline-block md:mt-md-20 md:mb-md-20', isMobile ? 'variant-item__price' : '', {
'include-discount': isMobile && item.discountPrice && isSelected
}],
"attrs": {
"data-discount-price": "\n".concat(normalizedDiscountPrice)
}
}, [h("span", {
"class": {
'line-through': isMobile && item.discountPrice && isSelected,
'whitespace-pre-line': !item.available && !isMobile
}
}, [isMobile ? priceContent : item.title + (!item.available ? "\n(".concat(isFr ? _this3.$t('home.outOfStock') : _this3.$t('home.outOfStock').toUpperCase(), ")") : '')])]), h("br"), isMobile ? null : detailBtn])]), h("div", {
"class": [isMobile ? 'text-left' : 'variant-item__price text-right', 'md:whitespace-normal', {
'include-discount': !isMobile && item.discountPrice && isSelected
}],
"attrs": {
"data-discount-price": "\n".concat(normalizedDiscountPrice)
}
}, [h("span", {
"class": {
'line-through': !isMobile && item.discountPrice && isSelected
}
}, [isMobile ? item.title : priceContent])])]), h("div", {
"class": "text-right leading-none text-[0] md:mt-md-30"
}, [h("el-checkbox", {
"attrs": {
"aria-label": item.title,
"disabled": !item.available,
"value": isSelected
},
"class": "pointer-events-none",
"nativeOn": {
"keydown": function keydown($event) {
if (!("button" in $event) && _this3._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
return handleToggleItem($event);
}
}
}), isMobile ? [' ', detailBtn] : null]), item.canSubscribeBIS ? h("div", {
"attrs": {
"role": "button",
"tabindex": "0"
},
"class": "subscribe-bis-btn border-0 text-white uppercase z-10 md:text-md-24 md:pt-[0.42em] md:pb-[0.3em] md:leading-[1.2] md:h-auto md:min-h-[0.56rem] -mx-[1px]",
"on": {
"click": function click() {
return _this3.openVariantDetails(item.productId, item.id);
},
"keyup": function keyup($event) {
if (!("button" in $event) && _this3._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
$event.preventDefault();
return function () {
return _this3.openVariantDetails(item.productId, item.id);
}($event);
}
}
}, [_this3.$t('common.subscribeBIS.emailMeWhenAvailable')]) : null]);
})]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_SelectVariantvue_type_script_lang_js = (SelectVariantvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=style&index=0&id=624fe0c1&prod&lang=scss
var SelectVariantvue_type_style_index_0_id_624fe0c1_prod_lang_scss = __webpack_require__(64348);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=style&index=0&id=624fe0c1&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=style&index=1&id=624fe0c1&prod&lang=scss
var SelectVariantvue_type_style_index_1_id_624fe0c1_prod_lang_scss = __webpack_require__(48379);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue?vue&type=style&index=1&id=624fe0c1&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectVariant/index.vue
var SelectVariant_render, SelectVariant_staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
ShopPanel_SelectVariantvue_type_script_lang_js,
SelectVariant_render,
SelectVariant_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const SelectVariant = (component.exports);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/mixins/anchor.js
var ANCHOR_OFFSET = 100;
/* harmony default export */ const mixins_anchor = ({
data: function data() {
return {
hasScrolledInToView: false
};
},
props: {
/**
* 需要滚动到的目标锚点
*/
nextAnchor: {
type: String,
"default": ''
},
anchorOffset: {
type: Number,
"default": ANCHOR_OFFSET
},
/**
* 是否在第一次选中的时候滚动到视图，和nextAnchor互斥，优先级比nextAnchor高
*/
scrollInToViewAtFirstSelection: {
type: Boolean,
"default": false
}
},
methods: {
scrollToNext: function scrollToNext() {
if (this.nextAnchor) {
var el = document.getElementById(this.nextAnchor);
if (el) {
var _el$getBoundingClient = el.getBoundingClientRect(),
top = _el$getBoundingClient.top;
scrollTo({
behavior: 'smooth',
top: scrollY + top - this.anchorOffset
});
}
}
},
scrollInToView: function scrollInToView() {
var _this$$el$getBounding = this.$el.getBoundingClientRect(),
top = _this$$el$getBounding.top;
scrollTo({
behavior: 'smooth',
top: scrollY + top - this.anchorOffset
});
}
}
});
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=script&lang=js
function ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context12, _context13; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context12 = ownKeys(Object(t), !0)).call(_context12, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context13 = ownKeys(Object(t))).call(_context13, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
/* harmony default export */ const SelectBandsvue_type_script_lang_js = ({
name: 'SelectBands',
components: {
SelectVariant: SelectVariant
},
mixins: [mixins_anchor],
props: {
collectionId: {
type: String,
required: true
},
value: {
type: [Array, String],
"default": ''
},
productFilterFunc: {
type: Function
}
},
data: function data() {
return {
labelId: 'select-bands',
activeBandType: 'Nylon',
bandTypes: [{
label: 'shop.bandTypes.nylon',
value: 'Nylon'
}, {
label: 'shop.bandTypes.silicone',
value: 'Silicone'
}],
allBands: []
};
},
computed: {
filteredBandProducts: function filteredBandProducts() {
var _context,
_this = this;
return filter_default()(_context = this.allBands).call(_context, function (item) {
return _this.productFilterFunc ? _this.productFilterFunc(item) : true;
});
},
groupedBandVariants: function groupedBandVariants() {
var _context2,
_this2 = this;
return reduce_default()(_context2 = this.bandTypes).call(_context2, function (acc, bandType) {
var _context3, _context4, _context5;
acc[bandType.value] = flat_default()(_context3 = map_default()(_context4 = filter_default()(_context5 = _this2.filteredBandProducts).call(_context5, function (product) {
return product.bandType === bandType.value;
})).call(_context4, function (item) {
return item.variants;
})).call(_context3);
return acc;
}, {});
}
},
watch: {
collectionId: {
handler: function handler(val) {
if (val) {
this.getCollection();
}
},
immediate: true
},
value: {
handler: function handler(newVal, oldVal) {
if (this.scrollInToViewAtFirstSelection) {
if (newVal.length > 0 && this.hasScrolledInToView === false) {
this.hasScrolledInToView = true;
this.scrollInToView();
}
} else if (newVal.length > oldVal.length) {
window.scrollTo({
top: this.$el.offsetTop - 100,
behavior: 'smooth'
});
}
}
},
activeBandType: function activeBandType(newVal) {
var _context6;
var index = find_index_default()(_context6 = this.bandTypes).call(_context6, function (item) {
return item.value === newVal;
});
this.$refs.selector[index].checkScrollable();
}
},
mounted: function mounted() {
var _this3 = this;
this.$nextTick(function () {
_this3.$el.querySelector('.el-tabs__nav').setAttribute('aria-labelledby', _this3.labelId);
});
},
methods: {
getCollection: function getCollection() {
var _this4 = this;
shopifyBuy/* default.getCollectionNew */.Z.getCollectionNew(this.collectionId).then(function (collection) {
var _context7;
_this4.allBands = map_default()(_context7 = collection.products).call(_context7, function (src) {
var _context8, _this4$bandTypes$find, _context9, _context11;
var item = _objectSpread({}, src);
item.tags = map_default()(_context8 = item.tags).call(_context8, function (_ref) {
var value = _ref.value;
return value;
});
item.bandType = (_this4$bandTypes$find = find_default()(_context9 = _this4.bandTypes).call(_context9, function (bandType) {
var _context10;
return includes_default()(_context10 = item.tags).call(_context10, bandType.value);
})) === null || _this4$bandTypes$find === void 0 ? void 0 : _this4$bandTypes$find.value;
item.variants = map_default()(_context11 = item.variants).call(_context11, function (variant) {
variant.bandType = item.bandType ? "".concat(item.bandType, " Band") : '';
variant.productId = item.id;
variant.productLink = shopifyBuy/* default.getConfiguredProductLink */.Z.getConfiguredProductLink(item);
return _objectSpread({}, variant);
});
return item;
});
});
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_SelectBandsvue_type_script_lang_js = (SelectBandsvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=style&index=0&id=ed547998&prod&lang=scss
var SelectBandsvue_type_style_index_0_id_ed547998_prod_lang_scss = __webpack_require__(55828);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectBands/index.vue?vue&type=style&index=0&id=ed547998&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectBands/index.vue
;
/* normalize component */
var SelectBands_component = (0,componentNormalizer/* default */.Z)(
ShopPanel_SelectBandsvue_type_script_lang_js,
SelectBandsvue_type_template_id_ed547998_render,
SelectBandsvue_type_template_id_ed547998_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const SelectBands = (SelectBands_component.exports);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=template&id=69dc41d9
var SelectAccessoriesvue_type_template_id_69dc41d9_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("div", {
staticClass: "relative-accessories-container mt-60 md:mt-md-80"
}, [_c("div", {
staticClass: "mb-15 md:mb-md-30"
}, [_c("h2", {
staticClass: "md:text-[0.56rem] shop-panel__list-title"
}, [_vm._v(_vm._s(_vm.$t("shop.chooseAccessories")))])]), _vm._v(" "), _c("SelectVariant", _vm._g({
attrs: {
variants: _vm.allVariants,
value: _vm.value
}
}, _vm.$listeners.input ? {
input: _vm.$listeners.input
} : {}))], 1);
};
var SelectAccessoriesvue_type_template_id_69dc41d9_staticRenderFns = [];
SelectAccessoriesvue_type_template_id_69dc41d9_render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=template&id=69dc41d9
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=script&lang=js
function SelectAccessoriesvue_type_script_lang_js_ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function SelectAccessoriesvue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context4 = SelectAccessoriesvue_type_script_lang_js_ownKeys(Object(t), !0)).call(_context4, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context5 = SelectAccessoriesvue_type_script_lang_js_ownKeys(Object(t))).call(_context5, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
/* harmony default export */ const SelectAccessoriesvue_type_script_lang_js = ({
name: 'SelectAccessories',
components: {
SelectVariant: SelectVariant
},
mixins: [mixins_anchor],
props: {
collectionId: {
type: [Number, String]
// required: true,
},
value: {
type: [Array, String],
"default": ''
}
},
data: function data() {
return {
activeBandType: '',
allVariants: []
};
},
watch: {
collectionId: {
handler: function handler(val) {
if (val) {
this.getCollection();
}
},
immediate: true
},
value: {
handler: function handler(newVal, oldVal) {
if (this.scrollInToViewAtFirstSelection) {
if (newVal.length > 0 && this.hasScrolledInToView === false) {
this.hasScrolledInToView = true;
this.scrollInToView();
}
} else if (newVal.length > oldVal.length) {
this.scrollToNext();
}
}
}
},
methods: {
getCollection: function getCollection() {
var _this = this;
shopifyBuy/* default.getCollectionNew */.Z.getCollectionNew(this.collectionId).then(function (collection) {
var _context;
var allVariants = map_default()(_context = collection.products).call(_context, function (node) {
var _context2;
var variants = map_default()(_context2 = node.variants).call(_context2, function (variant) {
var _context3;
variant.productId = node.id;
variant.productLink = shopifyBuy/* default.getConfiguredProductLink */.Z.getConfiguredProductLink(node);
variant.title = node.variants.length === 1 ? node.title : concat_default()(_context3 = "".concat(node.title, " - ")).call(_context3, variant.title);
return SelectAccessoriesvue_type_script_lang_js_objectSpread({}, variant);
});
if (variants.length === 1) {
if (!variants[0].image) {
variants[0].image = node.images[0].node;
}
}
return variants;
});
_this.allVariants = flat_default()(allVariants).call(allVariants);
});
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_SelectAccessoriesvue_type_script_lang_js = (SelectAccessoriesvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=style&index=0&id=69dc41d9&prod&lang=scss
var SelectAccessoriesvue_type_style_index_0_id_69dc41d9_prod_lang_scss = __webpack_require__(42983);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue?vue&type=style&index=0&id=69dc41d9&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectAccessories/index.vue
;
/* normalize component */
var SelectAccessories_component = (0,componentNormalizer/* default */.Z)(
ShopPanel_SelectAccessoriesvue_type_script_lang_js,
SelectAccessoriesvue_type_template_id_69dc41d9_render,
SelectAccessoriesvue_type_template_id_69dc41d9_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const SelectAccessories = (SelectAccessories_component.exports);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=template&id=6fbcb9fd
var SelectProductVariantvue_type_template_id_6fbcb9fd_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("div", {
staticClass: "select-product-variant"
}, [_vm._t("title", function () {
return [_c("div", {
staticClass: "leading-none md:mt-md-80 mb-15 md:mb-md-30"
}, [_c("h2", {
staticClass: "md:text-[0.56rem] shop-panel__list-title"
}, [_vm._v(_vm._s(_vm.title))])])];
}), _vm._v(" "), _vm._t("subtitle"), _vm._v(" "), _vm.availableTabOptions.length ? _c("el-tabs", {
model: {
value: _vm.activeOption,
callback: function callback($$v) {
_vm.activeOption = $$v;
},
expression: "activeOption"
}
}, _vm._l(_vm.availableTabOptions, function (item) {
return _c("el-tab-pane", {
key: item,
attrs: {
label: item,
name: item
}
});
}), 1) : _vm._e(), _vm._v(" "), _c("SelectVariant", _vm._g({
ref: "selector",
attrs: {
variants: _vm.filteredVariants,
value: _vm.value
}
}, _vm.$listeners.input ? {
input: _vm.$listeners.input
} : {}))], 2);
};
var SelectProductVariantvue_type_template_id_6fbcb9fd_staticRenderFns = [];
SelectProductVariantvue_type_template_id_6fbcb9fd_render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=template&id=6fbcb9fd
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=script&lang=js
function SelectProductVariantvue_type_script_lang_js_ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function SelectProductVariantvue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context6 = SelectProductVariantvue_type_script_lang_js_ownKeys(Object(t), !0)).call(_context6, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context7 = SelectProductVariantvue_type_script_lang_js_ownKeys(Object(t))).call(_context7, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
/* harmony default export */ const SelectProductVariantvue_type_script_lang_js = ({
name: 'SelectBands',
components: {
SelectVariant: SelectVariant
},
mixins: [mixins_anchor],
props: {
title: {
type: String
},
productId: {
type: String,
required: true
},
value: {
type: [Array, String],
"default": ''
},
tabOption: {
type: String
}
},
data: function data() {
return {
activeOption: '',
allVariants: [],
availableTabOptions: []
};
},
computed: {
filteredVariants: function filteredVariants() {
var _this = this;
if (this.activeOption) {
var _context;
return filter_default()(_context = this.allVariants).call(_context, function (variant) {
var _context2;
return some_default()(_context2 = variant.selectedOptions).call(_context2, function (item) {
return item.value === _this.activeOption;
});
});
}
return this.allVariants;
}
},
watch: {
productId: {
handler: function handler(val) {
if (val) {
this.getProduct();
}
},
immediate: true
},
value: {
handler: function handler(newVal, oldVal) {
if (newVal.length > oldVal.length) {
window.scrollTo({
top: this.$el.offsetTop - 100,
behavior: 'smooth'
});
}
}
}
},
methods: {
getProduct: function getProduct() {
var _this2 = this;
if (true) {
shopifyBuy/* default.getProductNew */.Z.getProductNew(this.productId).then(function (product) {
var _context4;
if (_this2.tabOption) {
var _product$options$find, _context3;
_this2.availableTabOptions = ((_product$options$find = find_default()(_context3 = product.options).call(_context3, function (item) {
return item.name === _this2.tabOption;
})) === null || _product$options$find === void 0 ? void 0 : values_default()(_product$options$find)) || [];
_this2.activeOption = _this2.availableTabOptions[0] || '';
}
_this2.allVariants = map_default()(_context4 = product.variants).call(_context4, function (src, index, arr) {
var _context5;
var item = SelectProductVariantvue_type_script_lang_js_objectSpread({}, src);
item.selectedOptions = map_default()(_context5 = item.selectedOptions).call(_context5, function (option) {
return SelectProductVariantvue_type_script_lang_js_objectSpread({}, option);
});
item.productLink = shopifyBuy/* default.getConfiguredProductLink */.Z.getConfiguredProductLink(product);
item.productTitle = product.title;
item.productId = product.id;
if (arr.length === 1) {
item.title = product.title;
}
return item;
});
});
}
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_SelectProductVariantvue_type_script_lang_js = (SelectProductVariantvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=style&index=0&id=6fbcb9fd&prod&lang=scss
var SelectProductVariantvue_type_style_index_0_id_6fbcb9fd_prod_lang_scss = __webpack_require__(83251);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue?vue&type=style&index=0&id=6fbcb9fd&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/SelectProductVariant/index.vue
;
/* normalize component */
var SelectProductVariant_component = (0,componentNormalizer/* default */.Z)(
ShopPanel_SelectProductVariantvue_type_script_lang_js,
SelectProductVariantvue_type_template_id_6fbcb9fd_render,
SelectProductVariantvue_type_template_id_6fbcb9fd_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const SelectProductVariant = (SelectProductVariant_component.exports);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/ProvidedServices/index.vue + 2 modules
var ProvidedServices = __webpack_require__(43066);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/ProvidedServices/utils.js + 1 modules
var utils = __webpack_require__(39533);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/LocallyEmbed/index.js
/* harmony default export */ const LocallyEmbed = ({
name: 'LocallyEmbed',
props: {
upc: {
type: String,
required: true
}
},
data: function data() {
return {
isReady: false
};
},
watch: {
upc: {
handler: function handler(newVal) {
this.reloadByUpc(newVal);
}
}
},
mounted: function mounted() {
this.initLocally(this.upc);
},
methods: {
initLocally: function initLocally(upc) {
var _context,
_this = this;
var queryData = {
company_name: 'COROS',
company_id: '218070',
button_text: 'shop locally',
button_id: 'HTML',
css: '3',
upc: upc,
show_location_prompt: '1',
lang: 'en-us',
show_dealers: '1',
n_dealers: '3',
show_address: '1',
show_phone: '1',
no_link: '1'
};
var queryStr = reduce_default()(_context = keys_default()(queryData)).call(_context, function (a, k) {
a.push(encodeURIComponent(k) + '=' + encodeURIComponent(queryData[k]));
return a;
}, []).join('&');
var scriptUrl = 'https://www.locally.com/stores/map.js?' + queryStr;
return window.System["import"](scriptUrl).then(function () {
_this.isReady = true;
});
},
reloadByUpc: function reloadByUpc(upc) {
if (this.isReady) {
window.lcly_reload_0({
upc: upc
});
}
}
},
render: function render(h) {
return h("div", {
"attrs": {
"id": "lcly-button-0",
"data-switchlive": "true",
"data-switchlive-impression": "true",
"data-switchlive-impression-id-PL": "1"
}
}, [h("a", {
"attrs": {
"id": "lcly-link-0",
"data-switchlive": "true",
"data-switchlive-mode": "auto",
"data-switchlive-id-PL": "6",
"role": "button",
"href": "https://join.locally.com/for-brands",
"target": "_blank"
},
"class": ""
}, ["shop locally"])]);
}
});
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/KlarnaPlacementWrapper/index.vue + 3 modules
var KlarnaPlacementWrapper = __webpack_require__(56453);
// EXTERNAL MODULE: ./node_modules/js-cookie/dist/js.cookie.mjs
var js_cookie = __webpack_require__(31955);
// EXTERNAL MODULE: ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
var helper = __webpack_require__(36568);
var helper_default = /*#__PURE__*/__webpack_require__.n(helper);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/ColorOptionWrapper/index.vue?vue&type=script&lang=js
/* harmony default export */ const ColorOptionWrappervue_type_script_lang_js = ({
name: 'ColorOptionWrapper',
functional: true,
props: {
variant: {
type: Object,
required: true
},
disabled: {
type: Boolean,
"default": false
}
},
render: function render(h, context) {
var _context$props = context.props,
variant = _context$props.variant,
disabled = _context$props.disabled,
children = context.children,
data = context.data;
var isLink = !!variant.pageLink;
var hasAvailableLink = isLink && !disabled;
if (hasAvailableLink) {
return h("a", helper_default()([{
"attrs": {
"href": variant.pageLink
}
}, (0,lodash.omit)(data, 'on')]), [children]);
}
return h("div", helper_default()([{}, data]), [children]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/ColorOptionWrapper/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopPanel_ColorOptionWrappervue_type_script_lang_js = (ColorOptionWrappervue_type_script_lang_js);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/ColorOptionWrapper/index.vue
var ColorOptionWrapper_render, ColorOptionWrapper_staticRenderFns
;
/* normalize component */
;
var ColorOptionWrapper_component = (0,componentNormalizer/* default */.Z)(
ShopPanel_ColorOptionWrappervue_type_script_lang_js,
ColorOptionWrapper_render,
ColorOptionWrapper_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ColorOptionWrapper = (ColorOptionWrapper_component.exports);
// EXTERNAL MODULE: ./node_modules/axios/index.js
var axios = __webpack_require__(9669);
var axios_default = /*#__PURE__*/__webpack_require__.n(axios);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/index.vue?vue&type=script&lang=js
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof (symbol_default()) && get_iterator_method_default()(r) || r["@@iterator"]; if (!t) { if (is_array_default()(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { var _context68; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = slice_default()(_context68 = {}.toString.call(r)).call(_context68, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? from_default()(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
var metafieldAlias = {
bandMaterial: 'band_material',
screenSize: 'screen_size',
apex2model: 'apex_2_model'
};
/* harmony default export */ const ShopPanelvue_type_script_lang_js = ({
name: 'ShopPanel',
components: {
SelectBands: SelectBands,
Swiper: vue_awesome_swiper.Swiper,
SwiperSlide: vue_awesome_swiper.SwiperSlide,
SelectAccessories: SelectAccessories,
ProvidedServices: ProvidedServices/* default */.Z,
LocallyEmbed: LocallyEmbed,
KlarnaPlacementWrapper: KlarnaPlacementWrapper/* default */.Z,
SelectProductVariant: SelectProductVariant,
ColorOptionWrapper: ColorOptionWrapper,
NoSSR: (vue_no_ssr_common_default())
},
filters: {
fixedNumber: function fixedNumber(num) {
return Number(num).toFixed(2);
},
cropShopifyImg: function cropShopifyImg(url) {
var _context;
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
return url ? url.replace(/\.(jpg|jpeg|png|webp)/, concat_default()(_context = "_".concat(width, "x")).call(_context, height, ".$1")) : '';
},
splitByModel: function splitByModel(src, country) {
var processedStr = src;
var duraExp = /(dura)/i;
if (duraExp.test(src)) {
return processedStr = src.replace(duraExp, '$1\n');
}
var splitReg = {
en: /(gps)/i,
fr: /(Montre)/i,
es: /(RELOJ)/i
};
var regex4gps = splitReg[country] || splitReg.en;
if (regex4gps.test(processedStr)) {
return processedStr.replace(regex4gps, '\n$1');
}
return processedStr;
},
normalizeColor: function normalizeColor(str) {
var isMobile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
if (isMobile) {
var sizeRegex = /(\d+mm) ?([^\d]*)$/;
var materialRegex = /\//;
if (sizeRegex.test(str)) {
return str.replace(sizeRegex, '$2\n$1');
} else if (materialRegex.test(str)) {
return str.replace(materialRegex, '\n');
}
return str;
}
var _str$split = str.split('/'),
_str$split2 = (0,slicedToArray/* default */.Z)(_str$split, 1),
colorName = _str$split2[0];
return colorName.replace(/\d+mm ?/, '');
}
},
props: {
/**
* 自动选中第一个可以的选项（有颜色过滤的，选中第一个颜色过滤选项）
*/
autoSelect: {
type: Boolean
},
productId: {
type: String
},
productHandle: {
type: String,
"default": ''
},
parseNonColorOption: {
type: Boolean,
"default": false
},
detailAnchor: {
type: String,
"default": ''
},
filterByBand: {
type: Boolean,
"default": false
},
filterBySize: {
type: Boolean,
"default": false
},
filterColor: {
type: String,
validator: function validator(val) {
var _context2;
return includes_default()(_context2 = keys_default()(metafieldAlias)).call(_context2, val);
}
},
noLocallyEmbed: {
type: Boolean,
"default": false
},
noSnippet: {
type: Boolean,
"default": true
}
},
data: function data() {
var _this = this;
return {
triggedAutoSelect: false,
product: {},
productIsReady: false,
autoDiscount: {},
colorMap4variant: {},
selectedItems: [],
selectedRecommended: [],
selectedBands: [],
selectedFreeItem: [],
selectedAccessories: [],
currentPreviewIndex: 0,
swiperOption4preview: {
a11y: true,
slidesPerView: 1,
spaceBetween: 0,
watchSlidesProgress: true,
initialSlide: 0,
navigation: {
nextEl: '.preview-nav__next',
prevEl: '.preview-nav__prev'
},
on: {
slideChange: (0,lodash.debounce)(function () {
_this.currentPreviewIndex = _this.$refs.previewSwiper.$swiper.activeIndex;
}, 50)
}
// ...
},
isScrollable4colors: false,
selectedFilterOption: '',
addingToBag: false,
currentPath: '',
stickyStyle: {},
selectedDiscountItemsQuantity: 0
};
},
computed: {
promotion: function promotion() {
if (this.$dataBus.isUs || this.$dataBus.isFr || this.$dataBus.isAu) {
var ids = {
au: '7982050934938'
};
return {
product: ids[this.$root.country],
title: this.$t('shop.bagPromotion.title'),
subTitles: this.$t('shop.bagPromotion.subTitles')
};
}
return {};
},
isOpenBox: function isOpenBox() {
return shopifyBuy/* default.isOpenBox */.Z.isOpenBox(this.product);
},
isSuffixUnit: function isSuffixUnit() {
var _context3;
return includes_default()(_context3 = ['de', 'fr', 'es', 'eu']).call(_context3, this.$root.country);
},
isEmpty: function isEmpty() {
var _context4,
_this2 = this;
return reduce_default()(_context4 = ['selectedItems', 'selectedRecommended', 'selectedBands', 'selectedAccessories', 'selectedFreeItem']).call(_context4, function (acc, field) {
return acc + _this2[field].length;
}, 0) === 0;
},
isWatch: function isWatch() {
var reg = {
en: /(watch)/i,
fr: /(Montre)/i,
es: /(RELOJ)/i
};
var thisReg = reg[this.$root.country] || reg.en;
return thisReg.test(this.product.title) || this.product.productType === 'Watch';
},
services: function services() {
// productId 可能是别名，后面看能否shopify 直接维护保修信息
var servicesData = utils/* calcServices.exec */.c.exec(this.$root.country, false, this.productId, this.product);
return servicesData;
},
onlyOneVariant: function onlyOneVariant() {
if (this.product.variants) {
return this.product.variants.length === 1;
}
return false;
},
variantBaseOptionName: function variantBaseOptionName() {
if (this.product.options) {
if (this.product.options.length === 1) {
return this.product.options[0].name;
}
return 'Color';
}
return 'Color';
},
name4nonColorOptions: function name4nonColorOptions() {
if (this.parseNonColorOption && this.product.options && this.product.options.length > 1) {
var _this$product$options, _context5;
return ((_this$product$options = find_default()(_context5 = this.product.options).call(_context5, function (option) {
return option.name !== 'Color';
})) === null || _this$product$options === void 0 ? void 0 : _this$product$options.name) || '';
}
return '';
},
filterColorOptions: function filterColorOptions() {
var _this3 = this;
if (this.filterColor && this.product.variants) {
var _context6;
var filters = [];
for_each_default()(_context6 = this.product.variants).call(_context6, function (node) {
if (find_default()(filters).call(filters, function (filter) {
return filter.name === node[_this3.filterColor];
})) {
return;
} else {
filters.push({
name: node[_this3.filterColor],
price: node.price
});
}
});
if (this.filterColor === 'screenSize') {
sort_default()(filters).call(filters, function (a, b) {
return Number(a.price) - Number(b.price);
});
}
return filters;
} else if (this.parseNonColorOption && this.product.options && this.product.options.length > 1) {
var _context7;
var nonColorOption = find_default()(_context7 = this.product.options).call(_context7, function (option) {
return option.name !== 'Color';
});
if (nonColorOption) {
var _context8;
return map_default()(_context8 = values_default()(nonColorOption)).call(_context8, function (val) {
return {
name: val
};
});
}
return [];
}
return [];
},
colorFilter: function colorFilter() {
var _this4 = this;
if (this.filterColorOptions.length && this.selectedFilterOption) {
return function (item) {
var _context9, _context10;
return find_default()(_context9 = item.metafields).call(_context9, function (node) {
return node.value === _this4.selectedFilterOption;
}) || find_default()(_context10 = item.selectedOptions).call(_context10, function (node) {
return node.value === _this4.selectedFilterOption;
});
};
}
return null;
},
bandExtraFilter: function bandExtraFilter() {
var _this5 = this;
if (this.filterColor === 'screenSize' && this.selectedFilterOption) {
return function (item) {
var _context11;
var sizeAlias = {
'42mm': '1318',
'46mm': '1517'
};
return includes_default()(_context11 = item.tags).call(_context11, sizeAlias[_this5.selectedFilterOption]);
};
}
if (this.filterColor === 'apex2model' && this.selectedFilterOption) {
return function (item) {
var _context12;
return some_default()(_context12 = item.metafields).call(_context12, function (field) {
return field.value === _this5.selectedFilterOption;
});
};
}
return undefined;
},
bandCollection: function bandCollection() {
if (this.product.metafields) {
var _this$product$metafie, _context13;
return (_this$product$metafie = find_default()(_context13 = this.product.metafields).call(_context13, function (node) {
return node.key === 'watch_band_collection';
})) === null || _this$product$metafie === void 0 ? void 0 : _this$product$metafie.value;
}
return '';
},
topAccessoriesCollection: function topAccessoriesCollection() {
if (this.product.metafields) {
var _this$product$metafie2, _context14;
return (_this$product$metafie2 = find_default()(_context14 = this.product.metafields).call(_context14, function (node) {
return node.key === 'top_accessories_collection';
})) === null || _this$product$metafie2 === void 0 ? void 0 : _this$product$metafie2.value;
}
return '';
},
watchShortName: function watchShortName() {
if (/model$/i.test(this.filterColor) && this.selectedFilterOption) {
return "COROS ".concat(this.selectedFilterOption);
}
if (this.product.title) {
var _context15;
// Todo 和splitByModel 共用？
var splitReg = {
en: /(gps)/i,
fr: /(Montre)/i,
es: /(RELOJ)/i
};
var regex = splitReg[this.$root.country] || splitReg.en;
return regex.test(this.product.title) ? trim_default()(_context15 = this.product.title.split(splitReg[this.$root.country] || splitReg.en)[0]).call(_context15) : '';
}
return '';
},
priceUnit: function priceUnit() {
return config/* currencyUnit */.CA[this.$root.country || 'us'];
},
totalPriceWithDiscount: function totalPriceWithDiscount() {
var _context16,
_context17,
_this6 = this;
var watchTotalPrice = reduce_default()(_context16 = this.selectedItems).call(_context16, function (acc, item) {
return acc + Number(item.price);
}, 0);
return reduce_default()(_context17 = ['selectedRecommended', 'selectedBands', 'selectedAccessories', 'selectedFreeItem']).call(_context17, function (acc, field) {
var _context18;
return acc + reduce_default()(_context18 = _this6[field]).call(_context18, function (acc, item) {
return acc + Number(item.discountPrice || item.price);
}, 0);
}, watchTotalPrice);
},
totalPrice: function totalPrice() {
var _context19,
_this7 = this;
return reduce_default()(_context19 = ['selectedItems', 'selectedRecommended', 'selectedBands', 'selectedAccessories', 'selectedFreeItem']).call(_context19, function (acc, field) {
var _context20;
return acc + reduce_default()(_context20 = _this7[field]).call(_context20, function (acc, item) {
return acc + Number(item.price);
}, 0);
}, 0);
},
productImages: function productImages() {
var previewVariant;
if (this.onlyOneVariant) {
var _this$product$variant, _this$product$images;
var variant = (_this$product$variant = this.product.variants) === null || _this$product$variant === void 0 ? void 0 : _this$product$variant[0];
return variant.multipleViews.length ? variant.multipleViews : [(_this$product$images = this.product.images) === null || _this$product$images === void 0 ? void 0 : _this$product$images[0]];
}
if (this.selectedItems.length) {
previewVariant = this.selectedItems[0];
} else if (this.selectedFilterOption) {
previewVariant = this.variants[0];
} else {
return this.product.images || [];
}
if (previewVariant) {
return previewVariant.multipleViews.length ? previewVariant.multipleViews : [previewVariant.image];
}
return [];
},
variants: function variants() {
var _this8 = this;
if (this.product.variants) {
var _context21;
var allVariants = map_default()(_context21 = this.product.variants).call(_context21, function (node) {
var _node$metafields$find, _context22;
var colorImgUrl = (_node$metafields$find = find_default()(_context22 = node.metafields).call(_context22, function (_ref) {
var key = _ref.key;
return key === 'color_icon_link';
})) === null || _node$metafields$find === void 0 ? void 0 : _node$metafields$find.value;
if (colorImgUrl) {
_this8.$set(_this8.colorMap4variant, node.id, colorImgUrl);
}
return node;
});
if (this.colorFilter) {
return filter_default()(allVariants).call(allVariants, this.colorFilter);
}
return allVariants;
}
return [];
},
upc: function upc() {
var _context23;
var items = this.variants;
if (this.selectedItems.length) {
items = this.selectedItems;
}
return filter_default()(_context23 = map_default()(items).call(items, function (item) {
return item.barcode;
})).call(_context23, function (str) {
return !!str;
}).join(',');
},
matchedDiscount: function matchedDiscount() {
var _this9 = this;
if (this.autoDiscount.requirements) {
var _context24, _context26;
if (some_default()(_context24 = [this.selectedItems, this.selectedRecommended, this.selectedBands, this.selectedAccessories, this.selectedFreeItem]).call(_context24, function (selection) {
return some_default()(selection).call(selection, function (item) {
var _context25;
return includes_default()(_context25 = _this9.autoDiscount.requirements.products).call(_context25, item.productId);
});
}) || some_default()(_context26 = [this.selectedItems, this.selectedRecommended, this.selectedBands, this.selectedAccessories, this.selectedFreeItem]).call(_context26, function (selection) {
return some_default()(selection).call(selection, function (item) {
var _context27;
return includes_default()(_context27 = _this9.autoDiscount.requirements.variantsId).call(_context27, item.id);
});
})) {
var _context28;
// Todo: 固定金额优化适配
var totalPriceWithOutTarget = reduce_default()(_context28 = ['selectedItems', 'selectedRecommended', 'selectedBands', 'selectedAccessories', 'selectedFreeItem']).call(_context28, function (acc, field) {
var _context29;
return acc + reduce_default()(_context29 = _this9[field]).call(_context29, function (acc, item) {
var _context30;
return acc + (includes_default()(_context30 = _this9.autoDiscount.discount.products).call(_context30, item.productId) ? 0 : Number(item.price));
}, 0);
}, 0);
if (this.autoDiscount.amount) {
if (totalPriceWithOutTarget >= this.autoDiscount.amount) {
return this.autoDiscount.discount;
}
return {};
}
return this.autoDiscount.discount;
}
return {};
}
return {};
}
},
watch: {
'$dataBus.mainHeaderAnimating': {
handler: function handler(newVal) {
this.handleStickPreviewPanel(newVal);
}
},
variants: {
handler: function handler() {
this.$nextTick(this.handleResize);
}
},
selectedFilterOption: {
handler: function handler(newVal, oldVal) {
var _context31,
_this10 = this;
for_each_default()(_context31 = this.variants).call(_context31, function (item) {
item.selected = false;
});
this.selectedItems = [];
this.handleSelectFreeItem([]);
// nextTick 时间不够，暂时使用settimeout
set_timeout_default()(function () {
var _this10$$refs$colorsS, _this10$$refs$colorsS2;
return (_this10$$refs$colorsS = (_this10$$refs$colorsS2 = _this10.$refs.colorsScrollbar).update) === null || _this10$$refs$colorsS === void 0 ? void 0 : _this10$$refs$colorsS.call(_this10$$refs$colorsS2);
}, 10);
}
},
bandExtraFilter: {
handler: function handler() {
this.selectedBands = [];
}
},
productImages: {
handler: function handler(newVal) {
var _this11 = this;
if (newVal.length) {
this.$nextTick().then(function () {
_this11.$refs.previewSwiper.swiperInstance.slideTo(0);
});
}
}
},
matchedDiscount: {
handler: function handler(newVal) {
if ((0,lodash.isEmpty)(newVal)) {
this.selectedDiscountItemsQuantity = 0;
}
}
},
selectedItems: {
handler: function handler() {
this.handleSelectAccessories(this.selectedAccessories);
this.handleSelectFreeItem(this.selectedFreeItem);
}
}
},
updated: function updated() {
this.checkIfHeightUpdated();
},
mounted: function mounted() {
var _this12 = this;
this.getProductDetails().then( /*#__PURE__*/(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee() {
var _context32, _this12$filterColorOp;
return regenerator_default().wrap(function _callee$(_context33) {
while (1) switch (_context33.prev = _context33.next) {
case 0:
if (!_this12.autoSelect) {
_context33.next = 9;
break;
}
_context33.next = 3;
return _this12.$nextTick();
case 3:
if (!_this12.filterColorOptions.length) {
_context33.next = 7;
break;
}
_this12.selectedFilterOption = (_this12$filterColorOp = _this12.filterColorOptions[0]) === null || _this12$filterColorOp === void 0 ? void 0 : _this12$filterColorOp.name;
_context33.next = 7;
return _this12.$nextTick();
case 7:
some_default()(_context32 = _this12.variants).call(_context32, function (variant) {
if (variant.available) {
_this12.toggleItem(variant);
_this12.triggedAutoSelect = true;
return true;
}
return false;
});
return _context33.abrupt("return", _this12.$nextTick());
case 9:
case "end":
return _context33.stop();
}
}, _callee);
}))).then(this.handleStickPreviewPanel).then(function () {
_this12.$emit('domReady');
});
this.getAutoDiscount();
this.currentPath = location.pathname;
this.$watch(function () {
return [_this12.currentPreviewIndex, _this12.productImages];
}, function (_ref3) {
var _ref4 = (0,slicedToArray/* default */.Z)(_ref3, 2),
currentPreviewIndex = _ref4[0],
productImages = _ref4[1];
if ((currentPreviewIndex === 0 || currentPreviewIndex === productImages.length - 1) && productImages.length > 1) {
_this12.$nextTick(function () {
var _context34;
_this12.tabableEls = filter_default()(_context34 = (0,toConsumableArray/* default */.Z)(document.body.querySelectorAll('button:not([tabindex="-1"]), [href], a, input, select, textarea, [tabindex]:not([tabindex="-1"])'))).call(_context34, function (el) {
return el.offsetParent;
});
});
}
}, {
immediate: true
});
this.$once('hook:beforeDestroy', function () {
_this12.tabableEls = null;
});
},
methods: {
handleStickPreviewPanel: function handleStickPreviewPanel() {
var mainHeaderAnimating = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
if (mainHeaderAnimating) {
this.stickyStyle = {
top: "".concat((this.$dataBus.mainHeaderIsCollapsed ? this.$dataBus.initHeight4mainHeader : 0) + 85 + 60, "px")
};
}
},
handleKeyPress4swiperPagination: function handleKeyPress4swiperPagination(event) {
var _context35,
_this13 = this;
var flag = false;
var swiperInstance = this.$refs.previewSwiper.swiperInstance;
switch (event.key) {
case 'ArrowRight':
if (swiperInstance.isEnd) {
swiperInstance.slideTo(0);
} else {
swiperInstance.slideNext();
}
flag = true;
break;
case 'ArrowLeft':
if (swiperInstance.isBeginning) {
swiperInstance.slideTo(this.productImages.length - 1);
} else {
swiperInstance.slidePrev();
}
flag = true;
break;
case 'Home':
swiperInstance.slideTo(0);
flag = true;
break;
case 'End':
swiperInstance.slideTo(this.productImages.length - 1);
flag = true;
break;
case 'Tab':
// eslint-disable-next-line no-case-declarations
var paginationStartIndex = find_index_default()(_context35 = this.tabableEls).call(_context35, function (el) {
var _context36;
return includes_default()(_context36 = el.getAttribute('class') || '').call(_context36, 'swiper-custom-pagination__item');
});
// eslint-disable-next-line no-case-declarations
var el2focus;
if (event.shiftKey) {
el2focus = this.tabableEls[paginationStartIndex - 1];
} else {
el2focus = this.tabableEls[paginationStartIndex + 1];
}
el2focus.focus();
flag = false;
break;
default:
return;
}
if (flag) {
set_timeout_default()(function () {
_this13.$el.querySelectorAll('.swiper-custom-pagination__item')[swiperInstance.activeIndex].focus();
});
}
event.stopPropagation();
event.preventDefault();
},
handleNav4colorFilter: function handleNav4colorFilter(nav) {
var _context37,
_this14 = this;
var currentIndex = this.selectedFilterOption ? find_index_default()(_context37 = this.filterColorOptions).call(_context37, function (node) {
return node.name === _this14.selectedFilterOption;
}) : -1;
var newIndex;
if (nav === 'next') {
if (currentIndex === this.filterColorOptions.length - 1) {
newIndex = 0;
} else {
newIndex = currentIndex + 1;
}
} else {
if (currentIndex === 0) {
newIndex = this.filterColorOptions.length - 1;
} else {
newIndex = currentIndex - 1;
}
}
if (newIndex !== undefined) {
this.selectedFilterOption = this.filterColorOptions[newIndex].name;
this.$nextTick(function () {
_this14.$refs.colorFilter.querySelector("#product-model-".concat(newIndex)).focus();
});
}
},
handleFocusNextColorFilter: function handleFocusNextColorFilter(e) {
this.handleNav4colorFilter('next');
},
handleFOcusPrevColorFIlter: function handleFOcusPrevColorFIlter(e) {
this.handleNav4colorFilter('prev');
},
openSubscribeModal: function openSubscribeModal(productId, variantId) {
variantDetailDialog/* default.open */.Z.open(productId, variantId);
},
checkIfHeightUpdated: (0,lodash.debounce)(function () {
if (this.$el.offsetHeight !== this.lastOffsetHeight) {
this.lastOffsetHeight = this.$el.offsetHeight;
this.$emit('height-updated');
}
}, 500),
handleSelectItemWithDiscount: function handleSelectItemWithDiscount(val, field) {
var _this15 = this;
var hasDiscountItemRemoved = false;
var isRemoved = function isRemoved(item) {
return !find_default()(val).call(val, function (node) {
return node.id === item.id;
});
};
var hasDiscount = function hasDiscount(item) {
return item.discountPrice !== null && item.discountPrice !== undefined;
};
if (this[field] && this[field].length) {
var _context38;
for_each_default()(_context38 = this[field]).call(_context38, function (item) {
if (hasDiscount(item)) {
_this15.selectedDiscountItemsQuantity -= 1;
if (isRemoved(item)) {
hasDiscountItemRemoved = true;
}
}
});
}
this[field] = this.appendDiscountPriceIfNeeded(val);
if (hasDiscountItemRemoved) {
var _context39, _context40;
for_each_default()(_context39 = filter_default()(_context40 = ['selectedBands', 'selectedAccessories', 'selectedFreeItem']).call(_context40, function (_field) {
return _field !== field && _this15[_field] && _this15[_field].length;
})).call(_context39, function (otherField) {
if (_this15[otherField] && _this15[otherField].length) {
_this15[otherField] = _this15.appendDiscountPriceIfNeeded(_this15[otherField]);
}
});
}
},
handleResize: function handleResize() {
var _this16 = this;
if (this.onlyOneVariant) return;
requestAnimationFrame(function () {
var listEl = _this16.$el.querySelector('.shop-panel__color-list');
var isVerticalScrollable = !_this16.$dataBus.isMobile && listEl.scrollHeight > listEl.clientHeight;
var isHorizontalScrollable = _this16.$dataBus.isMobile && listEl.scrollWidth > listEl.clientWidth;
_this16.isScrollable4colors = isVerticalScrollable || isHorizontalScrollable;
});
},
addToBag: function addToBag() {
var _context41,
_context42,
_context43,
_context44,
_context45,
_context46,
_this17 = this;
this.addingToBag = true;
var params = {
products: concat_default()(_context41 = map_default()(_context42 = this.selectedItems).call(_context42, function (item) {
var data = {
merchandiseId: item.id,
quantity: 1
};
return data;
})).call(_context41, map_default()(_context43 = concat_default()(_context44 = concat_default()(_context45 = this.selectedFreeItem).call(_context45, this.selectedRecommended)).call(_context44, concat_default()(_context46 = this.selectedBands).call(_context46, this.selectedAccessories))).call(_context43, function (item) {
return {
merchandiseId: item.id,
quantity: 1
};
}))
};
return shopifyBuy/* default.addToCart */.Z.addToCart(localStorage.cartId, params.products).then(function (cartData) {
var _context47;
var lines2check = map_default()(_context47 = cartData.lines).call(_context47, function (item) {
return item.id;
});
return _this17.checkIfCartReady(lines2check, 5).then(function (isReady) {
if (isReady) {
js_cookie/* default.set */.Z.set('added_to_bag', 1, {
path: ''
});
location.href = 'shop/bag';
}
});
})["finally"](function () {
_this17.addingToBag = false;
});
},
/**
* 检查购物车是否已经准备好
* @param {Array} lines2check Cart lines to check
* @param {Number} retries Max retry times
*/
checkIfCartReady: function checkIfCartReady(lines2check) {
var _arguments = arguments;
return (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee2() {
var retries, successfullyAdded, checkCart, index;
return regenerator_default().wrap(function _callee2$(_context49) {
while (1) switch (_context49.prev = _context49.next) {
case 0:
checkCart = function _checkCart() {
return new (promise_default())(function (resolve) {
shopifyBuy/* default.getCart */.Z.getCart().then(function (cart) {
var _context48;
if (every_default()(_context48 = cart.lines).call(_context48, function (item) {
return includes_default()(lines2check).call(lines2check, item.id);
})) {
successfullyAdded = true;
}
resolve();
})["catch"](function () {
return resolve();
});
});
};
retries = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : 3;
successfullyAdded = false;
index = 0;
case 4:
if (!(index < retries)) {
_context49.next = 14;
break;
}
_context49.next = 7;
return new (promise_default())(function (resolve) {
set_timeout_default()(resolve, 250);
});
case 7:
_context49.next = 9;
return checkCart();
case 9:
if (!successfullyAdded) {
_context49.next = 11;
break;
}
return _context49.abrupt("break", 14);
case 11:
index++;
_context49.next = 4;
break;
case 14:
return _context49.abrupt("return", successfullyAdded);
case 15:
case "end":
return _context49.stop();
}
}, _callee2);
}))();
},
handleSelectFreeItem: function handleSelectFreeItem(val) {
this.handleSelectItemWithDiscount(val, 'selectedFreeItem');
},
handleSelectAccessories: function handleSelectAccessories(val) {
this.handleSelectItemWithDiscount(val, 'selectedAccessories');
},
appendDiscountPriceIfNeeded: function appendDiscountPriceIfNeeded(val) {
var _this18 = this;
var discountQuantity = Number(this.matchedDiscount.quantity);
return map_default()(val).call(val, function (item) {
var _this18$matchedDiscou;
var discount = (_this18$matchedDiscou = _this18.matchedDiscount.products) !== null && _this18$matchedDiscou !== void 0 && includes_default()(_this18$matchedDiscou).call(_this18$matchedDiscou, item.productId) ? _this18.matchedDiscount : null;
if (discount && _this18.selectedDiscountItemsQuantity < discountQuantity) {
item.discountPrice = (Number(item.price) * (1 - discount.percentage)).toFixed(2);
_this18.selectedDiscountItemsQuantity += 1;
} else {
item.discountPrice = null;
}
return item;
});
},
getAutoDiscount: function getAutoDiscount() {
var _this19 = this;
axios_default().get('/shopify/auto/discount').then( /*#__PURE__*/function () {
var _ref5 = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee3(res) {
var _collections$edges, _context50, _context51;
var discountData, _discountData$custome, _discountData$custome2, productVariants, _discountData$custome3, collections, customerBuysCollection, requirements, products, _discountData$custome4, percentage, quantity, _context52, _collectionDetail;
return regenerator_default().wrap(function _callee3$(_context53) {
while (1) switch (_context53.prev = _context53.next) {
case 0:
discountData = res.data.data;
if (!(keys_default()(discountData).length === 0)) {
_context53.next = 3;
break;
}
return _context53.abrupt("return");
case 3:
_discountData$custome = discountData.customerBuys.items, _discountData$custome2 = _discountData$custome.productVariants, productVariants = _discountData$custome2 === void 0 ? {} : _discountData$custome2, _discountData$custome3 = _discountData$custome.collections, collections = _discountData$custome3 === void 0 ? {} : _discountData$custome3;
customerBuysCollection = (_collections$edges = collections.edges) === null || _collections$edges === void 0 ? void 0 : _collections$edges[0].node.id;
requirements = {
products: [],
variantsId: map_default()(_context50 = productVariants.edges || []).call(_context50, function (item) {
return item.node.id;
})
};
products = map_default()(_context51 = discountData.customerGets.items.products.edges).call(_context51, function (item) {
return item.node.id;
});
_discountData$custome4 = discountData.customerGets.value, percentage = _discountData$custome4.effect.percentage, quantity = _discountData$custome4.quantity.quantity;
if (!customerBuysCollection) {
_context53.next = 19;
break;
}
_context53.prev = 9;
_context53.next = 12;
return shopifyBuy/* default.getCollectionNew */.Z.getCollectionNew(customerBuysCollection.split('/').pop(), true);
case 12:
_collectionDetail = _context53.sent;
requirements.products = map_default()(_context52 = _collectionDetail.products).call(_context52, function (item) {
return item.id;
});
_context53.next = 19;
break;
case 16:
_context53.prev = 16;
_context53.t0 = _context53["catch"](9);
console.error(_context53.t0);
case 19:
_this19.autoDiscount = {
requirements: requirements,
amount: Number(discountData.customerBuys.value.quantity),
discount: {
products: products,
percentage: percentage,
quantity: quantity
}
};
case 20:
case "end":
return _context53.stop();
}
}, _callee3, null, [[9, 16]]);
}));
return function (_x) {
return _ref5.apply(this, arguments);
};
}());
},
handleSwiperNav: function handleSwiperNav(event) {
if (event.target !== event.currentTarget) {
var navIndex = Number(event.target.dataset.index);
this.$refs.previewSwiper.swiperInstance.slideTo(navIndex);
}
},
selectNextOrPrevColor: function selectNextOrPrevColor(op) {
var _context54,
_this20 = this;
var currentIndex = find_index_default()(_context54 = this.variants).call(_context54, function (node) {
return node.selected;
});
var nextIndex;
if (op === 'next') {
if (currentIndex === this.variants.length - 1) {
nextIndex = 0;
} else {
nextIndex = currentIndex + 1;
}
} else {
if (currentIndex === 0) {
nextIndex = this.variants.length - 1;
} else {
nextIndex = currentIndex - 1;
}
}
var colorItem = this.variants[nextIndex];
this.toggleItem(colorItem);
set_timeout_default()(function () {
_this20.$el.querySelector("#color-item-".concat(colorItem.id.split('/').pop())).focus();
}, 0);
},
toggleItem: function toggleItem(data) {
var _context55;
if (!data.available || this.filterColorOptions && !!this.filterColorOptions.length && !this.selectedFilterOption) {
return;
}
for_each_default()(_context55 = this.variants).call(_context55, function (item) {
item.selected = item.id === data.id;
});
this.selectedItems = [data];
// 移动端不显示独立的过滤选项，以所选的颜色带的过滤项为准
if (this.$dataBus.isMobile && this.filterColor === 'screenSize') {
this.selectedFilterOption = data[this.filterColor];
}
},
getProductDetails: function getProductDetails() {
var _this21 = this;
return (this.productId ? shopifyBuy/* default.getProductNew */.Z.getProductNew(this.productId) : shopifyBuy/* default.getProductByHandle */.Z.getProductByHandle(this.productHandle)).then( /*#__PURE__*/function () {
var _ref6 = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee4(product) {
var images2fetch, _iterator, _step, _context57, _node$metafields$find2, _context58, _node$metafields$find3, _context59, _node, metafield, variantImageIds, _context60, _node$metafields$find4, _context61, fetchedImages, _iterator2, _step2, _context56, node;
return regenerator_default().wrap(function _callee4$(_context62) {
while (1) switch (_context62.prev = _context62.next) {
case 0:
images2fetch = [];
_iterator = _createForOfIteratorHelper(product.variants);
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
_node = _step.value;
metafield = void 0;
if (_this21.filterColor && (metafield = find_default()(_context57 = _node.metafields).call(_context57, function (item) {
return item.key === metafieldAlias[_this21.filterColor];
}))) {
_node[_this21.filterColor] = metafield.value;
}
if (((_node$metafields$find2 = find_default()(_context58 = _node.metafields).call(_context58, function (item) {
return item.key === 'is_disabled';
})) === null || _node$metafields$find2 === void 0 ? void 0 : _node$metafields$find2.value) === '1') {
_node.available = false;
}
_node.pageLink = shopifyBuy/* default.getConfiguredProductLink */.Z.getConfiguredProductLink(_node);
_node.productId = product.id;
variantImageIds = JSON.parse(((_node$metafields$find3 = find_default()(_context59 = _node.metafields).call(_context59, function (item) {
return item.key === 'product_assets';
})) === null || _node$metafields$find3 === void 0 ? void 0 : _node$metafields$find3.value) || '[]');
if (variantImageIds.length) {
images2fetch.push.apply(images2fetch, (0,toConsumableArray/* default */.Z)(variantImageIds));
_node.multipleViews = variantImageIds;
} else {
_node.multipleViews = map_default()(_context60 = JSON.parse(((_node$metafields$find4 = find_default()(_context61 = _node.metafields).call(_context61, function (item) {
return item.key === 'variant_images';
})) === null || _node$metafields$find4 === void 0 ? void 0 : _node$metafields$find4.value) || '[]')).call(_context60, function (str) {
return {
src: str,
altText: ''
};
});
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
if (!images2fetch.length) {
_context62.next = 9;
break;
}
_context62.next = 6;
return shopifyBuy/* default.getImages */.Z.getImages(images2fetch);
case 6:
fetchedImages = _context62.sent;
_iterator2 = _createForOfIteratorHelper(product.variants);
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
node = _step2.value;
node.multipleViews = map_default()(_context56 = node.multipleViews).call(_context56, function (item) {
if (typeof item === 'string') {
var matchedImage = find_default()(fetchedImages).call(fetchedImages, function (image) {
return image.id === item;
});
if (matchedImage) {
return matchedImage;
}
return null;
}
return item;
});
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
case 9:
_this21.product = product;
_this21.productIsReady = true;
case 11:
case "end":
return _context62.stop();
}
}, _callee4);
}));
return function (_x2) {
return _ref6.apply(this, arguments);
};
}());
},
formatPrice: function formatPrice(price) {
var _context63, _context65, _context66, _context67;
var newline4suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var country = this.$root.country;
if (includes_default()(_context63 = ['jp']).call(_context63, country)) {
price = Number(price).toLocaleString('ja-JP');
} else {
var _context64;
price = Number(price).toFixed(2);
if (includes_default()(_context64 = ['fr', 'es']).call(_context64, country)) {
price = String(price).replace('.', ',');
}
}
var more = country === 'jp' ? "".concat(newline4suffix ? '\n' : '', "\uFF08\u7A0E\u8FBC\uFF09") : '';
return this.isSuffixUnit ? concat_default()(_context65 = "".concat(price)).call(_context65, this.priceUnit) : concat_default()(_context66 = concat_default()(_context67 = "".concat(this.priceUnit)).call(_context67, price)).call(_context66, more);
}
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ShopPanelvue_type_script_lang_js = (ShopPanelvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopPanel/index.vue?vue&type=style&index=0&id=42103bf7&prod&lang=scss
var ShopPanelvue_type_style_index_0_id_42103bf7_prod_lang_scss = __webpack_require__(32427);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/index.vue?vue&type=style&index=0&id=42103bf7&prod&lang=scss
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopPanel/index.vue
;
/* normalize component */
var ShopPanel_component = (0,componentNormalizer/* default */.Z)(
components_ShopPanelvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ShopPanel = (ShopPanel_component.exports);
/***/ }),
/***/ 87649:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ ShopifyBuy)
});
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopifyBuy/shopifyBuy.js + 1 modules
var shopifyBuy = __webpack_require__(86567);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopifyBuy/index.vue?vue&type=script&lang=js
/* harmony default export */ const ShopifyBuyvue_type_script_lang_js = ({
name: 'ShopifyBuy',
props: {
shopifyId: {
type: String
},
shopLink: {
type: String
}
},
mounted: function mounted() {
this.init();
},
created: function created() {
var _this = this;
this.$parent.$once('hook:mounted', function () {
_this.$parent.$forceUpdate();
});
},
methods: {
openModal: function openModal() {
shopifyBuy/* default.openProduct */.Z.openProduct(this.shopifyId);
},
/**
* 初始化shopify buy 购买弹窗，同一id 只会初始化一次
*/
init: function init() {
var _this2 = this;
shopifyBuy/* default.initShopifyUi */.Z.initShopifyUi().then(function () {
shopifyBuy/* default.shopifyProductsMap */.Z.shopifyProductsMap[_this2.shopifyId] = (shopifyBuy/* default.shopifyProductsMap */.Z.shopifyProductsMap[_this2.shopifyId] || 0) + 1;
_this2.$once('hook:beforeDestroy', function () {
shopifyBuy/* default.shopifyProductsMap */.Z.shopifyProductsMap[_this2.shopifyId] -= 1;
if (shopifyBuy/* default.shopifyProductsMap */.Z.shopifyProductsMap[_this2.shopifyId] === 0) {
shopifyBuy/* default.destroyProduct */.Z.destroyProduct(_this2.shopifyId);
}
});
var country = _this2.$root.country;
var moneyFormat = shopifyBuy/* default.clientConfig */.Z.clientConfig ? shopifyBuy/* default.clientConfig */.Z.clientConfig[country].moneyFormat : '%24%7B%7Bamount%7D%7D';
shopifyBuy/* default.initProduct */.Z.initProduct(_this2.shopifyId, moneyFormat);
})["catch"](function () {});
}
},
render: function render(h) {
if (this.$parent._isMounted) {
if (shopifyBuy/* default.isAvailable */.Z.isAvailable()) {
return h("button", {
"class": "shopify-buy__btn",
"on": {
"click": this.openModal
}
}, [this.$slots["default"]]);
} else if (this.shopLink) {
return h("a", {
"class": "shopify-buy__btn inline-block",
"attrs": {
"href": this.shopLink
}
}, [this.$slots["default"]]);
}
}
return h(false);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopifyBuy/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ShopifyBuyvue_type_script_lang_js = (ShopifyBuyvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ShopifyBuy/index.vue?vue&type=style&index=0&id=fbbbf710&prod&lang=scss
var ShopifyBuyvue_type_style_index_0_id_fbbbf710_prod_lang_scss = __webpack_require__(63527);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopifyBuy/index.vue?vue&type=style&index=0&id=fbbbf710&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ShopifyBuy/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_ShopifyBuyvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ShopifyBuy = (component.exports);
/***/ }),
/***/ 93483:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ Specs)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/toConsumableArray.js + 3 modules
var toConsumableArray = __webpack_require__(71649);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/map.js
var map = __webpack_require__(88946);
var map_default = /*#__PURE__*/__webpack_require__.n(map);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/array/is-array.js
var is_array = __webpack_require__(98235);
var is_array_default = /*#__PURE__*/__webpack_require__.n(is_array);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/flat.js
var flat = __webpack_require__(49804);
var flat_default = /*#__PURE__*/__webpack_require__.n(flat);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/concat.js
var concat = __webpack_require__(8571);
var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/Specs/index.vue?vue&type=script&lang=js
/* harmony default export */ const Specsvue_type_script_lang_js = ({
name: 'Specs',
"extends": element_ui_common.Dialog,
props: {
allSpecs: {
type: Array,
"default": function _default() {
return [];
}
},
colWidths: {
type: Array,
"default": function _default() {
return ['150px'];
}
}
},
computed: {
maxValSpan: function maxValSpan() {
var _context,
_this = this;
return Math.max.apply(Math, (0,toConsumableArray/* default */.Z)(map_default()(_context = this.allSpecs).call(_context, function (item) {
var i18nText = _this.$t(item.value);
return is_array_default()(i18nText) ? i18nText.length : 1;
})));
},
normalizedRows: function normalizedRows() {
var _context2,
_this2 = this;
var rows = [];
for_each_default()(_context2 = this.allSpecs).call(_context2, function (spec) {
var label = _this2.$t(spec.label);
var cellVals = _this2.$t(spec.value);
cellVals = is_array_default()(cellVals) ? cellVals : [cellVals];
if (spec.separateRow4value) {
for_each_default()(cellVals).call(cellVals, function (val, index) {
var row = [{
val: val
}];
if (index === 0) {
row.unshift({
val: label
});
}
rows.push(row);
if (index === cellVals.length - 1) {
rows[rows.length - cellVals.length][0].rowSpan = cellVals.length;
}
});
} else {
var _context3;
var row = flat_default()(_context3 = [map_default()(cellVals).call(cellVals, function (val) {
return {
val: val
};
})]).call(_context3);
if (spec.label && label) {
row.unshift({
val: label
});
}
if (spec.rowSpan) {
row[0].rowSpan = spec.rowSpan;
}
if (row.length === 2 && _this2.maxValSpan > 1) {
row[row.length - 1].colSpan = _this2.maxValSpan;
}
rows.push(row);
}
});
return rows;
}
},
render: function render() {
var _context4;
return (0,vue_common_prod.h)("transition", {
"attrs": {
"name": "dialog-fade"
},
"on": {
"after-enter": this.afterEnter,
"after-leave": this.afterLeave
}
}, [(0,vue_common_prod.h)("div", {
"directives": [{
name: "show",
value: this.visible
}],
"class": "el-dialog__wrapper",
"on": {
"click_self": this.handleWrapperClick
}
}, [this.showClose ? (0,vue_common_prod.h)("button", {
"attrs": {
"type": "button",
"aria-label": "Close"
},
"class": "specs-wrapper__close-btn",
"on": {
"click": this.handleClose
}
}, [(0,vue_common_prod.h)("i", {
"class": "el-icon el-icon-close"
})]) : null, (0,vue_common_prod.h)("div", {
"ref": "dialog",
"class": "specs-wrapper"
}, [(0,vue_common_prod.h)("table", {
"class": "specs-wrapper__table"
}, [(0,vue_common_prod.h)("colgroup", [(0,vue_common_prod.h)("col", {
"style": this.colWidths[0] ? "width: ".concat(this.colWidths[0]) : ''
}), (0,vue_common_prod.h)("col", {
"style": this.colWidths[1] ? "width: ".concat(this.colWidths[1]) : ''
})]), (0,vue_common_prod.h)("tbody", [map_default()(_context4 = this.normalizedRows).call(_context4, function (row, rowIndex) {
return (0,vue_common_prod.h)("tr", {
"key": "row_".concat(rowIndex)
}, [map_default()(row).call(row, function (cell, cellIndex) {
var _context5;
return (0,vue_common_prod.h)("td", {
"class": "specs-wrapper__table-cell",
"attrs": {
"rowspan": cell.rowSpan,
"colspan": cell.colSpan
},
"key": concat_default()(_context5 = "row_".concat(rowIndex, "cell_")).call(_context5, cellIndex)
}, [cell.val]);
})]);
})])])])])]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/Specs/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_Specsvue_type_script_lang_js = (Specsvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/Specs/index.vue?vue&type=style&index=0&id=282814fd&prod&lang=scss
var Specsvue_type_style_index_0_id_282814fd_prod_lang_scss = __webpack_require__(52080);
;// CONCATENATED MODULE: ./app/web/projects/www/components/Specs/index.vue?vue&type=style&index=0&id=282814fd&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/Specs/index.vue
var render, staticRenderFns
;
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_Specsvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const Specs = (component.exports);
/***/ }),
/***/ 10286:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ Stamped)
});
;// CONCATENATED MODULE: ./node_modules/url-loader/dist/cjs.js?limit=false!./app/web/assets/js/stampedWidget.js
/* harmony default export */ const stampedWidget = (__webpack_require__.p + "3558a74d2554c3284dc5a3f51214ad7c.js");
;// CONCATENATED MODULE: ./app/web/projects/www/components/Stamped/utils.js
/* harmony default export */ const utils = ({
isInited: false
});
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/Stamped/index.vue?vue&type=script&lang=js
/* harmony default export */ const Stampedvue_type_script_lang_js = ({
methods: {
init: function init() {
var apiKey = 'pubkey-3LAO223qRh2fn2876j1GV72tH83A02';
var storeUrl = 'coroswearables.myshopify.com';
StampedFn.init({
apiKey: apiKey,
storeUrl: storeUrl
});
}
},
mounted: function mounted() {
if (utils.isInited) return;
utils.isInited = true;
window.System["import"](stampedWidget).then(this.init);
},
render: function render() {
return this.$slots["default"];
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/Stamped/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_Stampedvue_type_script_lang_js = (Stampedvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/Stamped/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_Stampedvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const Stamped = (component.exports);
/***/ }),
/***/ 49394:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ VideoWithScrollControll),
"I": () => (/* reexport */ once)
});
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.common.prod.js
var vue_common_prod = __webpack_require__(91317);
// EXTERNAL MODULE: ./node_modules/gsap/index.js + 2 modules
var gsap = __webpack_require__(66358);
// EXTERNAL MODULE: ./node_modules/gsap/ScrollTrigger.js + 1 modules
var ScrollTrigger = __webpack_require__(49092);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/set-interval.js
var set_interval = __webpack_require__(34652);
var set_interval_default = /*#__PURE__*/__webpack_require__.n(set_interval);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/ScrollHeightWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const ScrollHeightWatchervue_type_script_lang_js = ({
name: 'ScrollHeightWatcher',
props: {
cb: {
type: Function
},
immediate: {
type: Boolean,
"default": false
}
},
data: function data() {
return {
scrollHeight: 0
};
},
watch: {
scrollHeight: function scrollHeight() {
if (this.cb) {
this.cb();
}
}
},
created: function created() {
var _this = this;
if (this.cb && true) {
var _intervalId = set_interval_default()(function () {
_this.scrollHeight = document.body.scrollHeight;
}, 1000);
this.$once('hook:beforeDestroy', function () {
clearInterval(_intervalId);
});
}
},
render: function render() {
return null;
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/ScrollHeightWatcher/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_ScrollHeightWatchervue_type_script_lang_js = (ScrollHeightWatchervue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/ScrollHeightWatcher/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_ScrollHeightWatchervue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const ScrollHeightWatcher = (component.exports);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/VideoWithScrollControll/index.vue?vue&type=script&lang=js
gsap/* default.registerPlugin */.ZP.registerPlugin(ScrollTrigger/* default */.Z);
var once = function once(el, event, fn, opts) {
var _onceFn = function onceFn() {
el.removeEventListener(event, _onceFn);
fn.apply(this, arguments);
};
el.addEventListener(event, _onceFn, opts);
return _onceFn;
};
/* harmony default export */ const VideoWithScrollControllvue_type_script_lang_js = ({
name: 'VideoWithScrollControll',
props: {
src: {
type: String,
"default": '',
required: true
},
debug: {
type: Boolean,
"default": false
},
start: {
type: String,
"default": 'top+=75 top+=180'
},
end: {
type: String,
"default": 'bottom bottom'
},
videoClass: {
type: String,
"default": 'w-full'
},
pin: {
type: Boolean,
"default": true
},
autoRefreshTrigger: {
type: Boolean,
"default": false
}
},
mounted: function mounted() {
this.init();
},
methods: {
init: function init() {
var _this = this;
var videoEl = this.$refs.video;
this.tl = gsap/* default.timeline */.ZP.timeline({
defaults: {
duration: 1
},
scrollTrigger: {
trigger: this.$refs.videoContainer,
start: this.start,
end: this.end,
markers: this.debug,
anticipatePin: 1,
pin: this.pin ? videoEl : null,
scrub: 1,
pinSpacing: false
}
});
once(videoEl, 'loadedmetadata', function () {
_this.tl.fromTo(videoEl, {
currentTime: 0
}, {
currentTime: videoEl.duration || 1
});
});
if (this.$dataBus.isMobile) {
once(document.documentElement, 'touchstart', function (e) {
videoEl.play();
videoEl.pause();
});
}
this.$once('hook:beforeDestroy', function () {
_this.tl.kill();
});
},
refreshScrollTrigger: function refreshScrollTrigger() {
if (this.tl) {
this.tl.scrollTrigger.refresh();
}
}
},
render: function render() {
return (0,vue_common_prod.h)("div", {
"ref": "videoContainer",
"class": "video-with-scroll-controll"
}, [(0,vue_common_prod.h)("video", {
"ref": "video",
"attrs": {
"src": this.src,
"playsinline": "true",
"webkit-playsinline": "true",
"preload": "auto",
"muted": "muted"
},
"class": "video-with-scroll-controll__inner ".concat(this.videoClass)
}), this.autoRefreshTrigger ? (0,vue_common_prod.h)(ScrollHeightWatcher, {
"attrs": {
"cb": this.refreshScrollTrigger
}
}) : null]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/VideoWithScrollControll/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_VideoWithScrollControllvue_type_script_lang_js = (VideoWithScrollControllvue_type_script_lang_js);
;// CONCATENATED MODULE: ./app/web/projects/www/components/VideoWithScrollControll/index.vue
var VideoWithScrollControll_render, VideoWithScrollControll_staticRenderFns
;
/* normalize component */
;
var VideoWithScrollControll_component = (0,componentNormalizer/* default */.Z)(
components_VideoWithScrollControllvue_type_script_lang_js,
VideoWithScrollControll_render,
VideoWithScrollControll_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const VideoWithScrollControll = (VideoWithScrollControll_component.exports);
/***/ }),
/***/ 76517:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ WebpImg)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
var keys = __webpack_require__(62079);
var keys_default = /*#__PURE__*/__webpack_require__.n(keys);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
var get_own_property_symbols = __webpack_require__(52020);
var get_own_property_symbols_default = /*#__PURE__*/__webpack_require__.n(get_own_property_symbols);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/filter.js
var filter = __webpack_require__(73324);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptor.js
var get_own_property_descriptor = __webpack_require__(88546);
var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/for-each.js
var for_each = __webpack_require__(99595);
var for_each_default = /*#__PURE__*/__webpack_require__.n(for_each);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-descriptors.js
var get_own_property_descriptors = __webpack_require__(66775);
var get_own_property_descriptors_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptors);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-properties.js
var define_properties = __webpack_require__(2201);
var define_properties_default = /*#__PURE__*/__webpack_require__.n(define_properties);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
var define_property = __webpack_require__(57445);
var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
// EXTERNAL MODULE: ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
var helper = __webpack_require__(36568);
var helper_default = /*#__PURE__*/__webpack_require__.n(helper);
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(44845);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
var es_number_constructor = __webpack_require__(79288);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/components/WebpImg/index.vue?vue&type=script&lang=js
function ownKeys(e, r) { var t = keys_default()(e); if ((get_own_property_symbols_default())) { var o = get_own_property_symbols_default()(e); r && (o = filter_default()(o).call(o, function (r) { return get_own_property_descriptor_default()(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? for_each_default()(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0,defineProperty/* default */.Z)(e, r, t[r]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(e, get_own_property_descriptors_default()(t)) : for_each_default()(_context2 = ownKeys(Object(t))).call(_context2, function (r) { define_property_default()(e, r, get_own_property_descriptor_default()(t, r)); }); } return e; }
/* harmony default export */ const WebpImgvue_type_script_lang_js = ({
name: 'WebpImage',
functional: true,
props: {
src: {
type: String,
required: true
},
// 待移除
webpSrc: {
type: String
},
// 待移除
srcset: {
type: String
},
lazyload: {
type: Boolean,
"default": true
},
height: {
type: Number
},
alt: {
type: String,
"default": ''
},
// class to picture tag
pictureCls: {
type: [String, Array],
"default": ''
},
// 未指定高度，优先以检测的高度为准
preferClientHeight: {
type: Boolean,
"default": false
},
quality: {
type: Number,
"default": 80
}
},
render: function render(h, context) {
var _context$props = context.props,
_context$props$src = _context$props.src,
src = _context$props$src === void 0 ? '' : _context$props$src,
pictureCls = _context$props.pictureCls,
lazyload = _context$props.lazyload,
quality = _context$props.quality;
var classNames4img = [];
if (context.data.staticClass) classNames4img.push(context.data.staticClass);
if (context.data["class"]) classNames4img.push(context.data["class"]);
var eventListener4img = context.listeners['img-loaded'] ? {
on: {
load: context.listeners['img-loaded']
}
} : {};
return h("picture", {
"class": pictureCls
}, [h("source", helper_default()([{}, {
attrs: {
type: 'image/webp'
},
directives: [{
name: 'image-transform',
value: src,
modifiers: {
webp: true
},
arg: {
targetAttr: 'data-srcset',
height: context.props.height,
preferClientHeight: context.props.preferClientHeight,
lazyload: lazyload,
quality: quality
}
}]
}])), h("img", helper_default()([{
"class": classNames4img,
"style": context.data.style
}, eventListener4img, {}, {
attrs: false ? 0 : _objectSpread({
alt: context.props.alt
}, context.data.attrs),
directives: [{
name: 'image-transform',
value: src,
arg: {
preferClientHeight: context.props.preferClientHeight,
height: context.props.height,
lazyload: lazyload,
quality: quality
}
}]
}]))]);
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/components/WebpImg/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_WebpImgvue_type_script_lang_js = (WebpImgvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/components/WebpImg/index.vue
var render, staticRenderFns
;
/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
components_WebpImgvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const WebpImg = (component.exports);
/***/ }),
/***/ 46705:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ FilterDifferentDialog)
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=template&id=86350dbe
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c("transition", {
attrs: {
name: "dialog-fade"
},
on: {
"after-enter": _vm.afterEnter,
"after-leave": _vm.afterLeave
}
}, [_c("div", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible"
}],
staticClass: "el-dialog__wrapper",
on: {
click: function click($event) {
if ($event.target !== $event.currentTarget) return null;
return _vm.handleWrapperClick.apply(null, arguments);
}
}
}, [_c("div", _vm._b({
ref: "dialog",
staticClass: "filter-different-dialog",
attrs: {
"data-country": _vm.$i18n.locale
}
}, "div", _vm.ariaAttrs, false), [_vm.showClose ? _c("button", {
staticClass: "filter-different-wrapper__close-btn",
attrs: {
type: "button",
"aria-label": "Close"
},
on: {
click: _vm.handleClose
}
}, [_c("i", {
staticClass: "el-icon el-icon-close"
})]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "filter-different-wrapper"
}, [_c("ul", {
staticClass: "md:mt-md-20"
}, [_c("li", {
staticClass: "mb-25"
}, [_c("strong", {
staticClass: "label"
}, [_vm._v(_vm._s(_vm.$t("shop.pace2.silicone1")))]), _vm._v(" " + _vm._s(_vm.$t("shop.pace2.silicone2")) + "\n ")]), _vm._v(" "), _c("li", [_c("strong", {
staticClass: "label"
}, [_vm._v(_vm._s(_vm.$t("shop.pace2.nylon1")))]), _vm._v(" " + _vm._s(_vm.$t("shop.pace2.nylon2")) + "\n ")])])])])])]);
};
var staticRenderFns = [];
render._withStripped = true;
;// CONCATENATED MODULE: ./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=template&id=86350dbe
// EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
var element_ui_common = __webpack_require__(64720);
// EXTERNAL MODULE: ./app/web/projects/www/components/ShopPanel/variantDetailDialog/trapFocus.js
var trapFocus = __webpack_require__(26386);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-1.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=script&lang=js
/* harmony default export */ const FilterDifferentDialogvue_type_script_lang_js = ({
name: 'FilterDifferentDialog',
"extends": element_ui_common.Dialog,
mixins: [trapFocus/* default */.ZP],
props: {
ariaAttrs: {
type: Object,
"default": function _default() {
return {};
}
}
},
data: function data() {
return {};
}
});
;// CONCATENATED MODULE: ./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=script&lang=js
/* harmony default export */ const components_FilterDifferentDialogvue_type_script_lang_js = (FilterDifferentDialogvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=style&index=0&id=86350dbe&prod&lang=scss
var FilterDifferentDialogvue_type_style_index_0_id_86350dbe_prod_lang_scss = __webpack_require__(62284);
;// CONCATENATED MODULE: ./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue?vue&type=style&index=0&id=86350dbe&prod&lang=scss
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(51900);
;// CONCATENATED MODULE: ./app/web/projects/www/pace2/components/FilterDifferentDialog/index.vue
;
/* normalize component */
var component = (0,componentNormalizer/* default */.Z)(
components_FilterDifferentDialogvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ const FilterDifferentDialog = (component.exports);
/***/ }),
/***/ 19389:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(19841);
/***/ }),
/***/ 18033:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(98909);
/***/ }),
/***/ 49804:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(22706);
/***/ }),
/***/ 84705:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(77798);
/***/ }),
/***/ 24835:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(49596);
/***/ }),
/***/ 34652:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(36014);
/***/ }),
/***/ 74483:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(45229);
module.exports = parent;
/***/ }),
/***/ 38169:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(4294);
module.exports = parent;
/***/ }),
/***/ 17588:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(85337);
module.exports = parent;
/***/ }),
/***/ 44920:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(2309);
module.exports = parent;
/***/ }),
/***/ 24502:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(61846);
module.exports = parent;
/***/ }),
/***/ 45060:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
__webpack_require__(28668);
var getBuiltInPrototypeMethod = __webpack_require__(30251);
module.exports = getBuiltInPrototypeMethod('Array', 'fill');
/***/ }),
/***/ 8084:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
__webpack_require__(10889);
__webpack_require__(33048);
var getBuiltInPrototypeMethod = __webpack_require__(30251);
module.exports = getBuiltInPrototypeMethod('Array', 'flat');
/***/ }),
/***/ 17265:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isPrototypeOf = __webpack_require__(61727);
var method = __webpack_require__(45060);
var ArrayPrototype = Array.prototype;
module.exports = function (it) {
var own = it.fill;
return it === ArrayPrototype || (isPrototypeOf(ArrayPrototype, it) && own === ArrayPrototype.fill) ? method : own;
};
/***/ }),
/***/ 5122:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isPrototypeOf = __webpack_require__(61727);
var method = __webpack_require__(8084);
var ArrayPrototype = Array.prototype;
module.exports = function (it) {
var own = it.flat;
return it === ArrayPrototype || (isPrototypeOf(ArrayPrototype, it) && own === ArrayPrototype.flat) ? method : own;
};
/***/ }),
/***/ 55538:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isPrototypeOf = __webpack_require__(61727);
var method = __webpack_require__(18812);
var StringPrototype = String.prototype;
module.exports = function (it) {
var own = it.trim;
return typeof it == 'string' || it === StringPrototype
|| (isPrototypeOf(StringPrototype, it) && own === StringPrototype.trim) ? method : own;
};
/***/ }),
/***/ 98295:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
__webpack_require__(13217);
var path = __webpack_require__(29068);
module.exports = path.Reflect.construct;
/***/ }),
/***/ 18812:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
__webpack_require__(86650);
var getBuiltInPrototypeMethod = __webpack_require__(30251);
module.exports = getBuiltInPrototypeMethod('String', 'trim');
/***/ }),
/***/ 19841:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(6919);
/***/ }),
/***/ 98909:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(7297);
/***/ }),
/***/ 22706:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(18306);
/***/ }),
/***/ 77798:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(51309);
/***/ }),
/***/ 49596:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(72316);
/***/ }),
/***/ 36014:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
module.exports = __webpack_require__(70753);
/***/ }),
/***/ 7297:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(74483);
module.exports = parent;
/***/ }),
/***/ 18306:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(38169);
module.exports = parent;
/***/ }),
/***/ 51309:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(17588);
module.exports = parent;
/***/ }),
/***/ 72316:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(44920);
module.exports = parent;
/***/ }),
/***/ 70753:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(24502);
module.exports = parent;
/***/ }),
/***/ 57015:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var toObject = __webpack_require__(42962);
var toAbsoluteIndex = __webpack_require__(58100);
var lengthOfArrayLike = __webpack_require__(37165);
// `Array.prototype.fill` method implementation
// https://tc39.es/ecma262/#sec-array.prototype.fill
module.exports = function fill(value /* , start = 0, end = @length */) {
var O = toObject(this);
var length = lengthOfArrayLike(O);
var argumentsLength = arguments.length;
var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
var end = argumentsLength > 2 ? arguments[2] : undefined;
var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
while (endPos > index) O[index++] = value;
return O;
};
/***/ }),
/***/ 1531:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isArray = __webpack_require__(13527);
var lengthOfArrayLike = __webpack_require__(37165);
var doesNotExceedSafeInteger = __webpack_require__(9939);
var bind = __webpack_require__(29605);
// `FlattenIntoArray` abstract operation
// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
var flattenIntoArray = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
var targetIndex = start;
var sourceIndex = 0;
var mapFn = mapper ? bind(mapper, thisArg) : false;
var element, elementLen;
while (sourceIndex < sourceLen) {
if (sourceIndex in source) {
element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
if (depth > 0 && isArray(element)) {
elementLen = lengthOfArrayLike(element);
targetIndex = flattenIntoArray(target, original, element, elementLen, targetIndex, depth - 1) - 1;
} else {
doesNotExceedSafeInteger(targetIndex + 1);
target[targetIndex] = element;
}
targetIndex++;
}
sourceIndex++;
}
return targetIndex;
};
module.exports = flattenIntoArray;
/***/ }),
/***/ 96356:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var PROPER_FUNCTION_NAME = (__webpack_require__(28766).PROPER);
var fails = __webpack_require__(49353);
var whitespaces = __webpack_require__(3761);
var non = '\u200B\u0085\u180E';
// check that a method works with the correct list
// of whitespaces and has a correct name
module.exports = function (METHOD_NAME) {
return fails(function () {
return !!whitespaces[METHOD_NAME]()
|| non[METHOD_NAME]() !== non
|| (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
});
};
/***/ }),
/***/ 28668:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $ = __webpack_require__(74715);
var fill = __webpack_require__(57015);
var addToUnscopables = __webpack_require__(66888);
// `Array.prototype.fill` method
// https://tc39.es/ecma262/#sec-array.prototype.fill
$({ target: 'Array', proto: true }, {
fill: fill
});
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
addToUnscopables('fill');
/***/ }),
/***/ 10889:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $ = __webpack_require__(74715);
var flattenIntoArray = __webpack_require__(1531);
var toObject = __webpack_require__(42962);
var lengthOfArrayLike = __webpack_require__(37165);
var toIntegerOrInfinity = __webpack_require__(96169);
var arraySpeciesCreate = __webpack_require__(7265);
// `Array.prototype.flat` method
// https://tc39.es/ecma262/#sec-array.prototype.flat
$({ target: 'Array', proto: true }, {
flat: function flat(/* depthArg = 1 */) {
var depthArg = arguments.length ? arguments[0] : undefined;
var O = toObject(this);
var sourceLen = lengthOfArrayLike(O);
var A = arraySpeciesCreate(O, 0);
A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toIntegerOrInfinity(depthArg));
return A;
}
});
/***/ }),
/***/ 33048:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// this method was added to unscopables after implementation
// in popular engines, so it's moved to a separate module
var addToUnscopables = __webpack_require__(66888);
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
addToUnscopables('flat');
/***/ }),
/***/ 13217:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $ = __webpack_require__(74715);
var getBuiltIn = __webpack_require__(87192);
var apply = __webpack_require__(10145);
var bind = __webpack_require__(13012);
var aConstructor = __webpack_require__(73164);
var anObject = __webpack_require__(18879);
var isObject = __webpack_require__(39611);
var create = __webpack_require__(33010);
var fails = __webpack_require__(49353);
var nativeConstruct = getBuiltIn('Reflect', 'construct');
var ObjectPrototype = Object.prototype;
var push = [].push;
// `Reflect.construct` method
// https://tc39.es/ecma262/#sec-reflect.construct
// MS Edge supports only 2 arguments and argumentsList argument is optional
// FF Nightly sets third argument as `new.target`, but does not create `this` from it
var NEW_TARGET_BUG = fails(function () {
function F() { /* empty */ }
return !(nativeConstruct(function () { /* empty */ }, [], F) instanceof F);
});
var ARGS_BUG = !fails(function () {
nativeConstruct(function () { /* empty */ });
});
var FORCED = NEW_TARGET_BUG || ARGS_BUG;
$({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
construct: function construct(Target, args /* , newTarget */) {
aConstructor(Target);
anObject(args);
var newTarget = arguments.length < 3 ? Target : aConstructor(arguments[2]);
if (ARGS_BUG && !NEW_TARGET_BUG) return nativeConstruct(Target, args, newTarget);
if (Target === newTarget) {
// w/o altered newTarget, optimization for 0-4 arguments
switch (args.length) {
case 0: return new Target();
case 1: return new Target(args[0]);
case 2: return new Target(args[0], args[1]);
case 3: return new Target(args[0], args[1], args[2]);
case 4: return new Target(args[0], args[1], args[2], args[3]);
}
// w/o altered newTarget, lot of arguments case
var $args = [null];
apply(push, $args, args);
return new (apply(bind, Target, $args))();
}
// with altered newTarget, not support built-in constructors
var proto = newTarget.prototype;
var instance = create(isObject(proto) ? proto : ObjectPrototype);
var result = apply(Target, instance, args);
return isObject(result) ? result : instance;
}
});
/***/ }),
/***/ 86650:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $ = __webpack_require__(74715);
var $trim = (__webpack_require__(21845).trim);
var forcedStringTrimMethod = __webpack_require__(96356);
// `String.prototype.trim` method
// https://tc39.es/ecma262/#sec-string.prototype.trim
$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
trim: function trim() {
return $trim(this);
}
});
/***/ }),
/***/ 45229:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(17265);
module.exports = parent;
/***/ }),
/***/ 4294:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(5122);
module.exports = parent;
/***/ }),
/***/ 85337:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(55538);
module.exports = parent;
/***/ }),
/***/ 2309:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var parent = __webpack_require__(98295);
module.exports = parent;
/***/ }),
/***/ 61846:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
__webpack_require__(89732);
var path = __webpack_require__(29068);
module.exports = path.setInterval;
/***/ }),
/***/ 91245:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isObject = __webpack_require__(48999);
var classof = __webpack_require__(6648);
var wellKnownSymbol = __webpack_require__(44201);
var MATCH = wellKnownSymbol('match');
// `IsRegExp` abstract operation
// https://tc39.es/ecma262/#sec-isregexp
module.exports = function (it) {
var isRegExp;
return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) === 'RegExp');
};
/***/ }),
/***/ 69358:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $ = __webpack_require__(79989);
var toObject = __webpack_require__(90690);
var nativeKeys = __webpack_require__(20300);
var fails = __webpack_require__(3689);
var FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });
// `Object.keys` method
// https://tc39.es/ecma262/#sec-object.keys
$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
keys: function keys(it) {
return nativeKeys(toObject(it));
}
});
/***/ }),
/***/ 52003:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var DESCRIPTORS = __webpack_require__(67697);
var globalThis = __webpack_require__(51087);
var uncurryThis = __webpack_require__(68844);
var isForced = __webpack_require__(35266);
var inheritIfRequired = __webpack_require__(33457);
var createNonEnumerableProperty = __webpack_require__(75773);
var create = __webpack_require__(25391);
var getOwnPropertyNames = (__webpack_require__(72741).f);
var isPrototypeOf = __webpack_require__(23622);
var isRegExp = __webpack_require__(91245);
var toString = __webpack_require__(34327);
var getRegExpFlags = __webpack_require__(63477);
var stickyHelpers = __webpack_require__(87901);
var proxyAccessor = __webpack_require__(38055);
var defineBuiltIn = __webpack_require__(11880);
var fails = __webpack_require__(3689);
var hasOwn = __webpack_require__(36812);
var enforceInternalState = (__webpack_require__(618).enforce);
var setSpecies = __webpack_require__(14241);
var wellKnownSymbol = __webpack_require__(44201);
var UNSUPPORTED_DOT_ALL = __webpack_require__(62100);
var UNSUPPORTED_NCG = __webpack_require__(26738);
var MATCH = wellKnownSymbol('match');
var NativeRegExp = globalThis.RegExp;
var RegExpPrototype = NativeRegExp.prototype;
var SyntaxError = globalThis.SyntaxError;
var exec = uncurryThis(RegExpPrototype.exec);
var charAt = uncurryThis(''.charAt);
var replace = uncurryThis(''.replace);
var stringIndexOf = uncurryThis(''.indexOf);
var stringSlice = uncurryThis(''.slice);
// TODO: Use only proper RegExpIdentifierName
var IS_NCG = /^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/;
var re1 = /a/g;
var re2 = /a/g;
// "new" should create a new object, old webkit bug
var CORRECT_NEW = new NativeRegExp(re1) !== re1;
var MISSED_STICKY = stickyHelpers.MISSED_STICKY;
var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
var BASE_FORCED = DESCRIPTORS &&
(!CORRECT_NEW || MISSED_STICKY || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG || fails(function () {
re2[MATCH] = false;
// RegExp constructor can alter flags and IsRegExp works correct with @@match
return NativeRegExp(re1) !== re1 || NativeRegExp(re2) === re2 || String(NativeRegExp(re1, 'i')) !== '/a/i';
}));
var handleDotAll = function (string) {
var length = string.length;
var index = 0;
var result = '';
var brackets = false;
var chr;
for (; index <= length; index++) {
chr = charAt(string, index);
if (chr === '\\') {
result += chr + charAt(string, ++index);
continue;
}
if (!brackets && chr === '.') {
result += '[\\s\\S]';
} else {
if (chr === '[') {
brackets = true;
} else if (chr === ']') {
brackets = false;
} result += chr;
}
} return result;
};
var handleNCG = function (string) {
var length = string.length;
var index = 0;
var result = '';
var named = [];
var names = create(null);
var brackets = false;
var ncg = false;
var groupid = 0;
var groupname = '';
var chr;
for (; index <= length; index++) {
chr = charAt(string, index);
if (chr === '\\') {
chr += charAt(string, ++index);
} else if (chr === ']') {
brackets = false;
} else if (!brackets) switch (true) {
case chr === '[':
brackets = true;
break;
case chr === '(':
result += chr;
// ignore non-capturing groups
if (stringSlice(string, index + 1, index + 3) === '?:') {
continue;
}
if (exec(IS_NCG, stringSlice(string, index + 1))) {
index += 2;
ncg = true;
}
groupid++;
continue;
case chr === '>' && ncg:
if (groupname === '' || hasOwn(names, groupname)) {
throw new SyntaxError('Invalid capture group name');
}
names[groupname] = true;
named[named.length] = [groupname, groupid];
ncg = false;
groupname = '';
continue;
}
if (ncg) groupname += chr;
else result += chr;
} return [result, named];
};
// `RegExp` constructor
// https://tc39.es/ecma262/#sec-regexp-constructor
if (isForced('RegExp', BASE_FORCED)) {
var RegExpWrapper = function RegExp(pattern, flags) {
var thisIsRegExp = isPrototypeOf(RegExpPrototype, this);
var patternIsRegExp = isRegExp(pattern);
var flagsAreUndefined = flags === undefined;
var groups = [];
var rawPattern = pattern;
var rawFlags, dotAll, sticky, handled, result, state;
if (!thisIsRegExp && patternIsRegExp && flagsAreUndefined && pattern.constructor === RegExpWrapper) {
return pattern;
}
if (patternIsRegExp || isPrototypeOf(RegExpPrototype, pattern)) {
pattern = pattern.source;
if (flagsAreUndefined) flags = getRegExpFlags(rawPattern);
}
pattern = pattern === undefined ? '' : toString(pattern);
flags = flags === undefined ? '' : toString(flags);
rawPattern = pattern;
if (UNSUPPORTED_DOT_ALL && 'dotAll' in re1) {
dotAll = !!flags && stringIndexOf(flags, 's') > -1;
if (dotAll) flags = replace(flags, /s/g, '');
}
rawFlags = flags;
if (MISSED_STICKY && 'sticky' in re1) {
sticky = !!flags && stringIndexOf(flags, 'y') > -1;
if (sticky && UNSUPPORTED_Y) flags = replace(flags, /y/g, '');
}
if (UNSUPPORTED_NCG) {
handled = handleNCG(pattern);
pattern = handled[0];
groups = handled[1];
}
result = inheritIfRequired(NativeRegExp(pattern, flags), thisIsRegExp ? this : RegExpPrototype, RegExpWrapper);
if (dotAll || sticky || groups.length) {
state = enforceInternalState(result);
if (dotAll) {
state.dotAll = true;
state.raw = RegExpWrapper(handleDotAll(pattern), rawFlags);
}
if (sticky) state.sticky = true;
if (groups.length) state.groups = groups;
}
if (pattern !== rawPattern) try {
// fails in old engines, but we have no alternatives for unsupported regex syntax
createNonEnumerableProperty(result, 'source', rawPattern === '' ? '(?:)' : rawPattern);
} catch (error) { /* empty */ }
return result;
};
for (var keys = getOwnPropertyNames(NativeRegExp), index = 0; keys.length > index;) {
proxyAccessor(RegExpWrapper, NativeRegExp, keys[index++]);
}
RegExpPrototype.constructor = RegExpWrapper;
RegExpWrapper.prototype = RegExpPrototype;
defineBuiltIn(globalThis, 'RegExp', RegExpWrapper, { constructor: true });
}
// https://tc39.es/ecma262/#sec-get-regexp-@@species
setSpecies('RegExp');
/***/ }),
/***/ 68518:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var DESCRIPTORS = __webpack_require__(67697);
var UNSUPPORTED_DOT_ALL = __webpack_require__(62100);
var classof = __webpack_require__(6648);
var defineBuiltInAccessor = __webpack_require__(62148);
var getInternalState = (__webpack_require__(618).get);
var RegExpPrototype = RegExp.prototype;
var $TypeError = TypeError;
// `RegExp.prototype.dotAll` getter
// https://tc39.es/ecma262/#sec-get-regexp.prototype.dotall
if (DESCRIPTORS && UNSUPPORTED_DOT_ALL) {
defineBuiltInAccessor(RegExpPrototype, 'dotAll', {
configurable: true,
get: function dotAll() {
if (this === RegExpPrototype) return;
// We can't use InternalStateModule.getterFor because
// we don't add metadata for regexps created by a literal.
if (classof(this) === 'RegExp') {
return !!getInternalState(this).dotAll;
}
throw new $TypeError('Incompatible receiver, RegExp required');
}
});
}
/***/ }),
/***/ 13440:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var DESCRIPTORS = __webpack_require__(67697);
var MISSED_STICKY = (__webpack_require__(87901).MISSED_STICKY);
var classof = __webpack_require__(6648);
var defineBuiltInAccessor = __webpack_require__(62148);
var getInternalState = (__webpack_require__(618).get);
var RegExpPrototype = RegExp.prototype;
var $TypeError = TypeError;
// `RegExp.prototype.sticky` getter
// https://tc39.es/ecma262/#sec-get-regexp.prototype.sticky
if (DESCRIPTORS && MISSED_STICKY) {
defineBuiltInAccessor(RegExpPrototype, 'sticky', {
configurable: true,
get: function sticky() {
if (this === RegExpPrototype) return;
// We can't use InternalStateModule.getterFor because
// we don't add metadata for regexps created by a literal.
if (classof(this) === 'RegExp') {
return !!getInternalState(this).sticky;
}
throw new $TypeError('Incompatible receiver, RegExp required');
}
});
}
/***/ }),
/***/ 9873:
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var call = __webpack_require__(22615);
var uncurryThis = __webpack_require__(68844);
var fixRegExpWellKnownSymbolLogic = __webpack_require__(65773);
var anObject = __webpack_require__(85027);
var isNullOrUndefined = __webpack_require__(5726);
var requireObjectCoercible = __webpack_require__(74684);
var speciesConstructor = __webpack_require__(76373);
var advanceStringIndex = __webpack_require__(71514);
var toLength = __webpack_require__(43126);
var toString = __webpack_require__(34327);
var getMethod = __webpack_require__(54849);
var regExpExec = __webpack_require__(66100);
var stickyHelpers = __webpack_require__(87901);
var fails = __webpack_require__(3689);
var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
var MAX_UINT32 = 0xFFFFFFFF;
var min = Math.min;
var push = uncurryThis([].push);
var stringSlice = uncurryThis(''.slice);
// Chrome 51 has a buggy "split" implementation when RegExp#exec !== nativeExec
// Weex JS has frozen built-in prototypes, so use try / catch wrapper
var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails(function () {
// eslint-disable-next-line regexp/no-empty-group -- required for testing
var re = /(?:)/;
var originalExec = re.exec;
re.exec = function () { return originalExec.apply(this, arguments); };
var result = 'ab'.split(re);
return result.length !== 2 || result[0] !== 'a' || result[1] !== 'b';
});
var BUGGY = 'abbc'.split(/(b)*/)[1] === 'c' ||
// eslint-disable-next-line regexp/no-empty-group -- required for testing
'test'.split(/(?:)/, -1).length !== 4 ||
'ab'.split(/(?:ab)*/).length !== 2 ||
'.'.split(/(.?)(.?)/).length !== 4 ||
// eslint-disable-next-line regexp/no-empty-capturing-group, regexp/no-empty-group -- required for testing
'.'.split(/()()/).length > 1 ||
''.split(/.?/).length;
// @@split logic
fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNative) {
var internalSplit = '0'.split(undefined, 0).length ? function (separator, limit) {
return separator === undefined && limit === 0 ? [] : call(nativeSplit, this, separator, limit);
} : nativeSplit;
return [
// `String.prototype.split` method
// https://tc39.es/ecma262/#sec-string.prototype.split
function split(separator, limit) {
var O = requireObjectCoercible(this);
var splitter = isNullOrUndefined(separator) ? undefined : getMethod(separator, SPLIT);
return splitter
? call(splitter, separator, O, limit)
: call(internalSplit, toString(O), separator, limit);
},
// `RegExp.prototype[@@split]` method
// https://tc39.es/ecma262/#sec-regexp.prototype-@@split
//
// NOTE: This cannot be properly polyfilled in engines that don't support
// the 'y' flag.
function (string, limit) {
var rx = anObject(this);
var S = toString(string);
if (!BUGGY) {
var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
if (res.done) return res.value;
}
var C = speciesConstructor(rx, RegExp);
var unicodeMatching = rx.unicode;
var flags = (rx.ignoreCase ? 'i' : '') +
(rx.multiline ? 'm' : '') +
(rx.unicode ? 'u' : '') +
(UNSUPPORTED_Y ? 'g' : 'y');
// ^(? + rx + ) is needed, in combination with some S slicing, to
// simulate the 'y' flag.
var splitter = new C(UNSUPPORTED_Y ? '^(?:' + rx.source + ')' : rx, flags);
var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
if (lim === 0) return [];
if (S.length === 0) return regExpExec(splitter, S) === null ? [S] : [];
var p = 0;
var q = 0;
var A = [];
while (q < S.length) {
splitter.lastIndex = UNSUPPORTED_Y ? 0 : q;
var z = regExpExec(splitter, UNSUPPORTED_Y ? stringSlice(S, q) : S);
var e;
if (
z === null ||
(e = min(toLength(splitter.lastIndex + (UNSUPPORTED_Y ? q : 0)), S.length)) === p
) {
q = advanceStringIndex(S, q, unicodeMatching);
} else {
push(A, stringSlice(S, p, q));
if (A.length === lim) return A;
for (var i = 1; i <= z.length - 1; i++) {
push(A, z[i]);
if (A.length === lim) return A;
}
q = p = e;
}
}
push(A, stringSlice(S, p));
return A;
}
];
}, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
/***/ }),
/***/ 3362:
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ _getPrototypeOf)
/* harmony export */ });
/* harmony import */ var core_js_pure_features_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17013);
/* harmony import */ var core_js_pure_features_instance_bind_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82924);
/* harmony import */ var core_js_pure_features_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10223);
function _getPrototypeOf(t) {
var _context;
return _getPrototypeOf = core_js_pure_features_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__ ? core_js_pure_features_instance_bind_js__WEBPACK_IMPORTED_MODULE_1__(_context = core_js_pure_features_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_2__).call(_context) : function (t) {
return t.__proto__ || core_js_pure_features_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_2__(t);
}, _getPrototypeOf(t);
}
/***/ }),
/***/ 84441:
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ _inherits)
});
// EXTERNAL MODULE: ./node_modules/core-js-pure/full/object/create.js
var create = __webpack_require__(90695);
// EXTERNAL MODULE: ./node_modules/core-js-pure/full/object/define-property.js
var define_property = __webpack_require__(31685);
// EXTERNAL MODULE: ./node_modules/core-js-pure/full/object/set-prototype-of.js
var set_prototype_of = __webpack_require__(17013);
// EXTERNAL MODULE: ./node_modules/core-js-pure/full/instance/bind.js
var bind = __webpack_require__(82924);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/setPrototypeOf.js
function _setPrototypeOf(t, e) {
var _context;
return _setPrototypeOf = set_prototype_of ? bind(_context = set_prototype_of).call(_context) : function (t, e) {
return t.__proto__ = e, t;
}, _setPrototypeOf(t, e);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/inherits.js
function _inherits(t, e) {
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
t.prototype = create(e && e.prototype, {
constructor: {
value: t,
writable: !0,
configurable: !0
}
}), define_property(t, "prototype", {
writable: !1
}), e && _setPrototypeOf(t, e);
}
/***/ }),
/***/ 22310:
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ _possibleConstructorReturn)
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/typeof.js
var esm_typeof = __webpack_require__(19623);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/assertThisInitialized.js
function _assertThisInitialized(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e;
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js
function _possibleConstructorReturn(t, e) {
if (e && ("object" == (0,esm_typeof/* default */.Z)(e) || "function" == typeof e)) return e;
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
return _assertThisInitialized(t);
}
/***/ }),
/***/ 31955:
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ api)
/* harmony export */ });
/*! js-cookie v3.0.5 | MIT */
/* eslint-disable no-var */
function assign (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
target[key] = source[key];
}
}
return target
}
/* eslint-enable no-var */
/* eslint-disable no-var */
var defaultConverter = {
read: function (value) {
if (value[0] === '"') {
value = value.slice(1, -1);
}
return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent)
},
write: function (value) {
return encodeURIComponent(value).replace(
/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
decodeURIComponent
)
}
};
/* eslint-enable no-var */
/* eslint-disable no-var */
function init (converter, defaultAttributes) {
function set (name, value, attributes) {
if (typeof document === 'undefined') {
return
}
attributes = assign({}, defaultAttributes, attributes);
if (typeof attributes.expires === 'number') {
attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
}
if (attributes.expires) {
attributes.expires = attributes.expires.toUTCString();
}
name = encodeURIComponent(name)
.replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)
.replace(/[()]/g, escape);
var stringifiedAttributes = '';
for (var attributeName in attributes) {
if (!attributes[attributeName]) {
continue
}
stringifiedAttributes += '; ' + attributeName;
if (attributes[attributeName] === true) {
continue
}
// Considers RFC 6265 section 5.2:
// ...
// 3. If the remaining unparsed-attributes contains a %x3B (";")
// character:
// Consume the characters of the unparsed-attributes up to,
// not including, the first %x3B (";") character.
// ...
stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
}
return (document.cookie =
name + '=' + converter.write(value, name) + stringifiedAttributes)
}
function get (name) {
if (typeof document === 'undefined' || (arguments.length && !name)) {
return
}
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all.
var cookies = document.cookie ? document.cookie.split('; ') : [];
var jar = {};
for (var i = 0; i < cookies.length; i++) {
var parts = cookies[i].split('=');
var value = parts.slice(1).join('=');
try {
var found = decodeURIComponent(parts[0]);
jar[found] = converter.read(value, found);
if (name === found) {
break
}
} catch (e) {}
}
return name ? jar[name] : jar
}
return Object.create(
{
set,
get,
remove: function (name, attributes) {
set(
name,
'',
assign({}, attributes, {
expires: -1
})
);
},
withAttributes: function (attributes) {
return init(this.converter, assign({}, this.attributes, attributes))
},
withConverter: function (converter) {
return init(assign({}, this.converter, converter), this.attributes)
}
},
{
attributes: { value: Object.freeze(defaultAttributes) },
converter: { value: Object.freeze(converter) }
}
)
}
var api = init(defaultConverter, { path: '/' });
/* eslint-enable no-var */
/***/ })
},
/******/ __webpack_require__ => { // webpackRuntimeModules
/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
/******/ __webpack_require__.O(0, [8592], () => (__webpack_exec__(86423)));
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
"
};
// https://ui.mountain.com/developer?aid=33563
var mntnTrackingScript = "\n";
var grinScript = "";
var affiliatlyTracking = "";
var a11yPluginGlobal = " ";
var a11yPluginUs = "";
// EXTERNAL MODULE: ./app/web/assets/js/assetsRequire.js
var assetsRequire = __webpack_require__(67872);
;// CONCATENATED MODULE: ./app/web/component/layout/layout.js
function createLayout(name, components, tpl, mountedCb) {
return {
name: name,
props: {
title: {
type: String
},
description: {
type: String
},
ogTitle: {
type: String
},
ogDescription: {
type: String
},
keywords: {
type: String
},
meta: {
type: Array,
"default": function _default() {
return [];
}
},
amazonPixel: {
type: Boolean,
"default": false
},
injectJs: {
type: Boolean,
"default": true
},
noGoogleSnippet: {
type: Boolean,
"default": false
},
canonical: {
type: String,
"default": ''
},
customHeadScripts: {
type: String,
"default": ''
},
noIndex: {
type: Boolean,
"default": false
},
aliNvc: {
type: Boolean,
"default": false
},
structuredData: {
type: String
},
headCss: {
type: String
}
},
components: components,
computed: {
vTitle: function vTitle() {
return this.$root.pageTitle || this.title || 'COROS | Performance Sports Technology';
},
vKeywords: function vKeywords() {
return this.$root.pageKeywords || this.keywords || 'COROS, VERTIX, VERTIX2, APEX, APEXPRO, POD, PACE2, PACE2 EK, Performance Sports Technology, Premium GPS sport watches';
},
vDescription: function vDescription() {
return this.$root.pageDescription || this.description || 'Premium GPS sport watches built for runners, adventurers and all athletes. COROS leads the revolution of athletic training through advanced technology.';
},
vOgTitle: function vOgTitle() {
return this.ogTitle || this.vTitle;
},
vOgDescription: function vOgDescription() {
return this.ogDescription || this.vDescription;
},
vMeta: function vMeta() {
var meta = this.$root.pageMeta || this.meta || [{
name: 'og:type',
content: 'website'
}, {
name: 'og:site_name',
content: 'COROS'
}];
return meta;
},
baseClass: function baseClass() {
return this.$root.baseClass;
},
inlineJSFileScript: function inlineJSFileScript() {
return "");
},
cookieconsentInitJSFileScript: function cookieconsentInitJSFileScript() {
var _context;
if (!this.injectJs) return '';
var url = (0,assetsRequire/* assetsRequire */.y)('@assets/static/js/cookieconsent@v2.8.0.js');
var initUrl = cookieconsent_init;
return concat_default()(_context = "");
},
prebodyJSScript: function prebodyJSScript() {
var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
var country = this.$root.country;
var isCn = this.$root.country === 'cn';
var isUs = this.$root.country === 'us';
var shouldInjectMntnScript = includes_default()(_context2 = ['us']).call(_context2, this.$root.country);
if (!this.injectJs) return '';
if (false) {}
return concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "\n ".concat(this.customHeadScripts, "\n ")).call(_context7, !isCn ? clarity + getGTM(country, includes_default()(_context8 = this.$root.grantedCookies).call(_context8, 'targeting')).script : '', "\n ")).call(_context6, this.$root.facebookPixel ? facebook.parseScript(this.$root.facebookPixel, includes_default()(_context9 = this.$root.grantedCookies).call(_context9, 'targeting')) : '', "\n ")).call(_context5, this.amazonPixel ? amazon.script : '', "\n ")).call(_context4, shouldInjectMntnScript ? mntnTrackingScript : '', "\n ")).call(_context3, isUs ? grinScript : '', "\n ");
},
isProd: function isProd() {
return /prod/.test(this.$root.env);
},
postJsScript: function postJsScript() {
if (this.$root.country === 'us') {
if (this.isProd) {
if (this.$root.host === 'us.coros.com') {
return a11yPluginUs;
}
return a11yPluginGlobal;
}
}
return this.$root.country === 'fr' ? affiliatlyTracking : '';
},
innerbodyJSScript: function innerbodyJSScript() {
var _context10, _context11, _context12;
if (false) {}
var country = this.$root.country;
if (!this.injectJs) return '';
var isCn = this.$root.country === 'cn';
return concat_default()(_context10 = concat_default()(_context11 = "\n ".concat(!isCn ? getGTM(country, includes_default()(_context12 = this.$root.grantedCookies).call(_context12, 'targeting')).noScript : '', "\n ")).call(_context11, this.$root.facebookPixel ? facebook.parseNoScript(this.$root.facebookPixel) : '', "\n ")).call(_context10, this.amazonPixel ? amazon.noScript : '', "\n ");
},
normalizeLang: function normalizeLang() {
var localeMaps = {
cn: 'zh',
jp: 'ja'
};
return localeMaps[this.$root.locale] || this.$root.locale;
},
headStyleLink: function headStyleLink() {
var _context13;
var isCnServer = !/en/.test(this.$root.env);
var isCnJp = this.$root.country === 'cn' || this.$root.country === 'jp';
var css = [concat_default()(_context13 = "https://static".concat(isCnServer || isCnJp ? 'cn' : '', ".coros.com/coros-web-faq/upload/webv2-fonts/")).call(_context13, this.isProd ? 'prod' : 'test', "/basic.css")];
if (this.headCss) css.push(this.headCss);
return css;
}
},
mounted: function mounted() {
if (typeof mountedCb === 'function') {
mountedCb.call(this);
}
},
created: function created() {
// 客户端渲染使用的是静态模板，静态模板里缺失一些服务端渲染的东西，这里补上。
// 后面使用tpl 动态模板统一？
if (true) {
if (document.querySelector('head base')) {
return;
}
var baseEl = document.createElement('base');
baseEl.setAttribute('href', this.$root.baseHref);
document.querySelector('head').appendChild(baseEl);
}
},
template: true ? tpl : 0,
install: function install() {}
};
}
/***/ }),
/***/ 37680:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ template)
});
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
var es_function_name = __webpack_require__(34284);
// EXTERNAL MODULE: ./app/web/component/layout/layout.js + 3 modules
var layout = __webpack_require__(10613);
;// CONCATENATED MODULE: ./app/web/component/layout/default.js
/* harmony default export */ const layout_default = ((0,layout/* default */.Z)('Layout', {}, '