{"version":3,"names":[],"mappings":"","sources":["bundle.js"],"sourcesContent":["(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i s.maxSourceHeight ? s.maxSourceHeight : o, a();\n };\n\n var a = function a() {\n i[t].style.width = c * r + \"px\", i[t].style.height = c + \"px\";\n };\n }\n\n function C(e, t, n, o) {\n var s = this,\n i = e.collections.sourcesStylers,\n r = e.elements,\n c = r.sources,\n a = r.sourcesInners,\n l = r.sourcesOuters,\n u = e.resolve;\n this.runNormalLoadActions = function () {\n c[t].classList.add(x), a[t].classList.add(m), l[t].removeChild(l[t].firstChild);\n }, this.runInitialLoadActions = function () {\n s.runNormalLoadActions();\n var e = u(F, [t, n, o]);\n e.styleSize(), i[t] = e;\n };\n }\n\n function I(e, t) {\n var n,\n o = this,\n s = e.elements.sources,\n i = e.props,\n r = e.resolve;\n this.handleImageLoad = function (e) {\n var t = e.target,\n n = t.width,\n s = t.height;\n o.handleImageLoad = c(n, s);\n }, this.handleVideoLoad = function (e) {\n var t = e.target,\n s = t.videoWidth,\n i = t.videoHeight;\n n = !0, o.handleVideoLoad = c(s, i);\n }, this.handleNotMetaDatedVideoLoad = function () {\n n || o.handleYoutubeLoad();\n }, this.handleYoutubeLoad = function () {\n var e = 1920,\n t = 1080;\n i.maxYoutubeDimensions && (e = i.maxYoutubeDimensions.width, t = i.maxYoutubeDimensions.height), o.handleYoutubeLoad = c(e, t);\n }, this.handleCustomLoad = function () {\n setTimeout(function () {\n o.handleCustomLoad = c(s[t].offsetWidth, s[t].offsetHeight);\n });\n };\n\n var c = function c(e, n) {\n var o = r(C, [t, e, n]);\n return o.runInitialLoadActions(), o.runNormalLoadActions;\n };\n }\n\n function E(e, t) {\n var n = e.collections.sourcesLoadsHandlers,\n o = e.elements,\n s = o.sources,\n i = o.sourcesInners,\n r = e.props.sources;\n s[t] = document.createElement(\"img\"), s[t].className = y, s[t].src = r[t], s[t].onload = n[t].handleImageLoad, i[t].appendChild(s[t]);\n }\n\n function T(e, t) {\n var n = e.collections,\n o = n.sourcesLoadsHandlers,\n s = (n.sourcesStylers, e.elements),\n i = s.sources,\n r = s.sourcesInners,\n c = e.props,\n a = c.sources;\n i[t] = document.createElement(\"video\"), i[t].className = y, i[t].src = a[t], i[t].onloadedmetadata = function (e) {\n o[t].handleVideoLoad(e);\n }, i[t].controls = !0, c.videosPosters[t] && (i[t].poster = c.videosPosters[t]);\n var l = document.createElement(\"source\");\n l.src = a[t], i[t].appendChild(l), setTimeout(function () {\n o[t].handleNotMetaDatedVideoLoad();\n }, 3e3), r[t].appendChild(i[t]);\n }\n\n function A(e, t) {\n var n = e.collections.sourcesLoadsHandlers,\n o = e.elements,\n i = o.sources,\n r = o.sourcesInners,\n c = e.props.sources;\n i[t] = document.createElement(\"iframe\"), i[t].className = \"\".concat(y, \" \").concat(s, \"youtube-iframe\"), i[t].src = \"https://www.youtube.com/embed/\".concat(c[t].match(/^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|\\&v=)([^#\\&\\?]*).*/)[2]), i[t].allowFullscreen = !0, r[t].appendChild(i[t]), n[t].handleYoutubeLoad();\n }\n\n function O(e, t) {\n var n = e.collections.sourcesLoadsHandlers,\n o = e.elements,\n s = o.sources,\n i = o.sourcesInners,\n r = e.props,\n c = r.sources;\n s[t] = c[t], s[t].classList.add(y), r.customClasses[t] && s[t].classList.add(r.customClasses[t]), i[t].appendChild(s[t]), n[t].handleCustomLoad();\n }\n\n function N(e, t) {\n var n = e.elements,\n o = n.sources,\n i = n.sourcesInners,\n r = n.sourcesOuters;\n e.props.sources;\n o[t] = document.createElement(\"div\"), o[t].className = \"\".concat(s, \"invalid-file-wrapper \").concat(a), o[t].innerHTML = \"Invalid source\", i[t].classList.add(m), i[t].appendChild(o[t]), r[t].removeChild(r[t].firstChild);\n }\n\n function z(e) {\n var t = e.collections,\n n = t.sourcesLoadsHandlers,\n o = t.sourcesRenderFunctions,\n s = e.core.sourceDisplayFacade,\n i = e.resolve;\n\n this.runActionsForSourceTypeAndIndex = function (t, r) {\n var c;\n\n switch (\"invalid\" !== t && (n[r] = i(I, [r])), t) {\n case \"image\":\n c = E;\n break;\n\n case \"video\":\n c = T;\n break;\n\n case \"youtube\":\n c = A;\n break;\n\n case \"custom\":\n c = O;\n break;\n\n default:\n c = N;\n }\n\n o[r] = function () {\n return c(e, r);\n }, s.displaySourcesWhichShouldBeDisplayed();\n };\n }\n\n function H() {\n var e,\n t,\n n,\n o,\n s,\n i = {\n isUrlYoutubeOne: function isUrlYoutubeOne(e) {\n var t = document.createElement(\"a\");\n return t.href = e, \"www.youtube.com\" === t.hostname;\n },\n getTypeFromResponseContentType: function getTypeFromResponseContentType(e) {\n return e.slice(0, e.indexOf(\"/\"));\n }\n };\n this.setUrlToCheck = function (t) {\n e = t;\n }, this.getSourceType = function (t) {\n if (i.isUrlYoutubeOne(e)) return t(\"youtube\");\n n = t, (o = new XMLHttpRequest()).open(\"GET\", e, !0), o.onreadystatechange = r, o.send();\n };\n\n var r = function r() {\n if (4 === o.readyState && 0 === o.status && !s) return c();\n\n if (2 === o.readyState) {\n if (200 !== o.status && 206 !== o.status) return s = !0, c();\n s = !0, l(i.getTypeFromResponseContentType(o.getResponseHeader(\"content-type\"))), a();\n }\n },\n c = function c() {\n t = \"invalid\", a();\n },\n a = function a() {\n o.abort(), n(t);\n },\n l = function l(e) {\n switch (e) {\n case \"image\":\n t = \"image\";\n break;\n\n case \"video\":\n t = \"video\";\n break;\n\n default:\n t = \"invalid\";\n }\n };\n }\n\n function k(e, t, n) {\n var o = e.props,\n s = o.types,\n i = o.type,\n r = o.sources,\n c = e.resolve;\n this.getTypeSetByClientForIndex = function (e) {\n var t;\n return s && s[e] ? t = s[e] : i && (t = i), t;\n }, this.retrieveTypeWithXhrForIndex = function (e) {\n var o = c(H);\n o.setUrlToCheck(r[e]), o.getSourceType(function (o) {\n t.handleReceivedSourceTypeForUrl(o, r[e]), n.runActionsForSourceTypeAndIndex(o, e);\n });\n };\n }\n\n function D(e, t) {\n var n = e.elements,\n o = n.sourcesOutersWrapper,\n s = n.sourcesOuters;\n s[t] = document.createElement(\"div\"), s[t].className = \"\".concat(S, \" \").concat(d, \" \").concat(c, \" \").concat(a), s[t].innerHTML = '
', o.appendChild(s[t]), function (e, t) {\n var n = e.elements,\n o = n.sourcesOuters,\n s = n.sourcesInners;\n s[t] = document.createElement(\"div\"), o[t].appendChild(s[t]);\n }(e, t);\n }\n\n function R(e, t, n, o) {\n var i = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n i.setAttributeNS(null, \"width\", t), i.setAttributeNS(null, \"height\", t), i.setAttributeNS(null, \"viewBox\", n);\n var r = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n return r.setAttributeNS(null, \"class\", \"\".concat(s, \"svg-path\")), r.setAttributeNS(null, \"d\", o), i.appendChild(r), e.appendChild(i), i;\n }\n\n function W(e, t) {\n var n = document.createElement(\"div\");\n return n.className = \"\".concat(s, \"toolbar-button \").concat(a), n.title = t, e.appendChild(n), n;\n }\n\n function P(e, t) {\n var n = document.createElement(\"div\");\n n.className = \"\".concat(s, \"toolbar\"), t.appendChild(n), function (e, t) {\n var n,\n o = e.core.fullscreenToggler,\n s = e.componentsServices,\n i = e.data,\n r = \"M4.5 11H3v4h4v-1.5H4.5V11zM3 7h1.5V4.5H7V3H3v4zm10.5 6.5H11V15h4v-4h-1.5v2.5zM11 3v1.5h2.5V7H15V3h-4z\",\n c = \"M682 342h128v84h-212v-212h84v128zM598 810v-212h212v84h-128v128h-84zM342 342v-128h84v212h-212v-84h128zM214 682v-84h212v212h-84v-128h-128z\",\n a = W(t);\n i.isFullscreenOpen = !!document.fullscreenElement, i.isFullscreenOpen ? (n = R(a, \"24px\", \"0 0 950 1024\", c), a.title = \"Exit fullscreen\") : (n = R(a, \"20px\", \"0 0 18 18\", r), a.title = \"Enter fullscreen\"), s.enterFullscreen = function () {\n i.isFullscreenOpen = !0, a.title = \"Exit fullscreen\", n.setAttributeNS(null, \"width\", \"24px\"), n.setAttributeNS(null, \"height\", \"24px\"), n.setAttributeNS(null, \"viewBox\", \"0 0 950 1024\"), n.firstChild.setAttributeNS(null, \"d\", c);\n }, s.exitFullscreen = function () {\n i.isFullscreenOpen = !1, a.title = \"Enter fullscreen\", n.setAttributeNS(null, \"width\", \"20px\"), n.setAttributeNS(null, \"height\", \"20px\"), n.setAttributeNS(null, \"viewBox\", \"0 0 18 18\"), n.firstChild.setAttributeNS(null, \"d\", r);\n }, a.onclick = function () {\n i.isFullscreenOpen ? (s.exitFullscreen(), o.exitFullscreen()) : (s.enterFullscreen(), o.enterFullscreen());\n };\n }(e, n), function (e, t) {\n var n = W(t, \"Close\");\n n.onclick = e.core.lightboxCloser.close, R(n, \"20px\", \"0 0 24 24\", \"M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z\");\n }(e, n);\n }\n\n function M(e) {\n var t = e.props.sources,\n n = e.elements.container,\n o = document.createElement(\"div\");\n o.className = \"\".concat(s, \"nav\"), n.appendChild(o), P(e, o), t.length > 1 && function (e, t) {\n var n = e.componentsServices,\n o = e.props.sources,\n i = (e.stageIndexes, document.createElement(\"div\"));\n i.className = \"\".concat(s, \"slide-number-container\");\n var r = document.createElement(\"div\");\n r.className = a;\n var c = document.createElement(\"span\");\n\n n.setSlideNumber = function (e) {\n return c.innerHTML = e;\n };\n\n var l = document.createElement(\"span\");\n l.className = \"\".concat(s, \"slash\");\n var u = document.createElement(\"div\");\n u.innerHTML = o.length, i.appendChild(r), r.appendChild(c), r.appendChild(l), r.appendChild(u), t.appendChild(i), setTimeout(function () {\n r.offsetWidth > 55 && (i.style.justifyContent = \"flex-start\");\n });\n }(e, o);\n }\n\n function j(e, t) {\n var n = this,\n o = e.elements.sourcesOuters,\n s = e.props,\n i = 0;\n this.byValue = function (e) {\n return i = e, n;\n }, this.negative = function () {\n r(-c());\n }, this.zero = function () {\n r(0);\n }, this.positive = function () {\n r(c());\n };\n\n var r = function r(e) {\n o[t].style.transform = \"translateX(\".concat(e + i, \"px)\"), i = 0;\n },\n c = function c() {\n return (1 + s.slideDistance) * innerWidth;\n };\n }\n\n function X(e, t, n, o) {\n var s = e.elements.container,\n i = n.charAt(0).toUpperCase() + n.slice(1),\n r = document.createElement(\"div\");\n r.className = \"\".concat(f, \" \").concat(f, \"-\").concat(n), r.title = \"\".concat(i, \" slide\"), r.onclick = t, function (e, t) {\n var n = document.createElement(\"div\");\n n.className = \"\".concat(p, \" \").concat(a), R(n, \"20px\", \"0 0 20 20\", t), e.appendChild(n);\n }(r, o), s.appendChild(r);\n }\n\n function B(e, t) {\n var n = e.classList;\n n.contains(t) && n.remove(t);\n }\n\n function V(e) {\n var t = this,\n n = e.core,\n o = n.eventsDispatcher,\n s = n.fullscreenToggler,\n i = n.globalEventsController,\n r = n.scrollbarRecompensor,\n c = e.data,\n a = e.elements,\n u = e.slideSwipingProps;\n this.isLightboxFadingOut = !1, this.runActions = function () {\n t.isLightboxFadingOut = !0, a.container.classList.add(v), i.removeListeners(), c.isFullscreenOpen && s.exitFullscreen(), setTimeout(function () {\n t.isLightboxFadingOut = !1, u.isSwiping = !1, a.container.classList.remove(v), document.documentElement.classList.remove(l), r.removeRecompense(), document.body.removeChild(a.container), o.dispatch(\"onClose\");\n }, 220);\n };\n }\n\n function U(e) {\n var t,\n n,\n o,\n s = e.collections.sourcesOutersTransformers,\n i = e.componentsServices,\n r = e.core,\n c = r.classFacade,\n a = r.slideIndexChanger,\n l = r.sourceDisplayFacade,\n d = r.stageManager,\n p = e.elements.sourcesInners,\n f = e.stageIndexes,\n v = (t = function t() {\n c.removeFromEachElementClassIfContains(\"sourcesInners\", g);\n }, n = 250, o = [], function () {\n o.push(!0), setTimeout(function () {\n o.pop(), o.length || t();\n }, n);\n });\n a.changeTo = function (e) {\n f.current = e, d.updateStageIndexes(), i.setSlideNumber(e + 1), l.displaySourcesWhichShouldBeDisplayed();\n }, a.jumpTo = function (e) {\n var t = f.current;\n a.changeTo(e), c.removeFromEachElementClassIfContains(\"sourcesOuters\", u), B(p[t], m), B(p[t], h), p[t].classList.add(g), B(p[e], m), B(p[e], g), p[e].classList.add(h), v(), s[e].zero(), setTimeout(function () {\n t !== f.current && s[t].negative();\n }, 220);\n };\n }\n\n function Y(e) {\n return e.touches ? e.touches[0].clientX : e.clientX;\n }\n\n function q(e) {\n var t = e.componentsServices,\n n = e.core,\n o = n.lightboxCloser,\n s = n.fullscreenToggler,\n i = n.slideChangeFacade;\n\n this.listener = function (e) {\n switch (e.keyCode) {\n case 27:\n o.close();\n break;\n\n case 37:\n i.changeToPrevious();\n break;\n\n case 39:\n i.changeToNext();\n break;\n\n case 122:\n e.preventDefault(), t.enterFullscreen(), s.enterFullscreen();\n }\n };\n }\n\n function _(e) {\n var t = e.collections.sourcesOutersTransformers,\n n = e.elements,\n o = e.slideSwipingProps,\n s = e.stageIndexes;\n\n this.runActionsForEvent = function (e) {\n var t, c, a;\n n.container.contains(n.slideSwipingHoverer) || n.container.appendChild(n.slideSwipingHoverer), t = n.container, c = r, (a = t.classList).contains(c) || a.add(c), o.swipedX = Y(e) - o.downClientX, i(s.current, \"zero\"), void 0 !== s.previous && o.swipedX > 0 ? i(s.previous, \"negative\") : void 0 !== s.next && o.swipedX < 0 && i(s.next, \"positive\");\n };\n\n var i = function i(e, n) {\n t[e].byValue(o.swipedX)[n]();\n };\n }\n\n function J(e) {\n var t,\n n = e.props.sources,\n o = e.resolve,\n s = e.slideSwipingProps,\n i = o(_),\n r = (t = !1, function () {\n return !t && (t = !0, requestAnimationFrame(function () {\n t = !1;\n }), !0);\n });\n 1 === n.length ? this.listener = function () {\n s.swipedX = 1;\n } : this.listener = function (e) {\n s.isSwiping && r() && i.runActionsForEvent(e);\n };\n }\n\n function G(e) {\n var t = e.collections.sourcesOutersTransformers,\n n = e.core.slideIndexChanger,\n o = e.elements.sourcesOuters,\n s = e.stageIndexes;\n this.runPositiveSwipedXActions = function () {\n void 0 === s.previous ? i(\"zero\") : (i(\"positive\"), n.changeTo(s.previous), i(\"zero\"));\n }, this.runNegativeSwipedXActions = function () {\n void 0 === s.next ? i(\"zero\") : (i(\"negative\"), n.changeTo(s.next), i(\"zero\"));\n };\n\n var i = function i(e) {\n o[s.current].classList.add(u), t[s.current][e]();\n };\n }\n\n function Z(e, t) {\n e.contains(t) && e.removeChild(t);\n }\n\n function K(e) {\n var t = e.core.lightboxCloser,\n n = e.elements,\n o = e.resolve,\n s = e.slideSwipingProps,\n i = o(G);\n this.runNoSwipeActions = function () {\n Z(n.container, n.slideSwipingHoverer), s.isSourceDownEventTarget || t.close(), s.isSwiping = !1;\n }, this.runActions = function () {\n s.swipedX > 0 ? i.runPositiveSwipedXActions() : i.runNegativeSwipedXActions(), Z(n.container, n.slideSwipingHoverer), n.container.classList.remove(r), s.isSwiping = !1;\n };\n }\n\n function Q(e) {\n var t = e.resolve,\n n = e.slideSwipingProps,\n o = t(K);\n\n this.listener = function () {\n n.isSwiping && (n.swipedX ? o.runActions() : o.runNoSwipeActions());\n };\n }\n\n function $(e) {\n var t, n, o;\n n = (t = e).core.classFacade, o = t.elements, n.removeFromEachElementClassIfContains = function (e, t) {\n for (var n = 0; n < o[e].length; n++) {\n B(o[e][n], t);\n }\n }, function (e) {\n var t = e.core.eventsDispatcher,\n n = e.props;\n\n t.dispatch = function (e) {\n n[e] && n[e]();\n };\n }(e), function (e) {\n var t = e.core.fullscreenToggler;\n t.enterFullscreen = function () {\n var e = document.documentElement;\n e.requestFullscreen ? e.requestFullscreen() : e.mozRequestFullScreen ? e.mozRequestFullScreen() : e.webkitRequestFullscreen ? e.webkitRequestFullscreen() : e.msRequestFullscreen && e.msRequestFullscreen();\n }, t.exitFullscreen = function () {\n document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen();\n };\n }(e), function (e) {\n var t = e.core,\n n = t.globalEventsController,\n o = t.windowResizeActioner,\n s = e.resolve,\n i = s(q),\n r = s(J),\n c = s(Q);\n n.attachListeners = function () {\n document.addEventListener(\"mousemove\", r.listener), document.addEventListener(\"touchmove\", r.listener, {\n passive: !0\n }), document.addEventListener(\"mouseup\", c.listener), document.addEventListener(\"touchend\", c.listener, {\n passive: !0\n }), addEventListener(\"resize\", o.runActions), document.addEventListener(\"keydown\", i.listener);\n }, n.removeListeners = function () {\n document.removeEventListener(\"mousemove\", r.listener), document.removeEventListener(\"touchmove\", r.listener), document.removeEventListener(\"mouseup\", c.listener), document.removeEventListener(\"touchend\", c.listener), removeEventListener(\"resize\", o.runActions), document.removeEventListener(\"keydown\", i.listener);\n };\n }(e), function (e) {\n var t = e.core.lightboxCloser,\n n = (0, e.resolve)(V);\n\n t.close = function () {\n n.isLightboxFadingOut || n.runActions();\n };\n }(e), te(e), function (e) {\n var t = e.data,\n n = e.core.scrollbarRecompensor;\n\n n.addRecompense = function () {\n \"complete\" === document.readyState ? o() : addEventListener(\"load\", function () {\n o(), n.addRecompense = o;\n });\n };\n\n var o = function o() {\n document.body.offsetHeight > innerHeight && (document.body.style.marginRight = t.scrollbarWidth + \"px\");\n };\n\n n.removeRecompense = function () {\n document.body.style.removeProperty(\"margin-right\");\n };\n }(e), function (e) {\n var t = e.core,\n n = t.slideChangeFacade,\n o = t.slideIndexChanger,\n s = t.stageManager;\n e.props.sources.length > 1 ? (n.changeToPrevious = function () {\n o.jumpTo(s.getPreviousSlideIndex());\n }, n.changeToNext = function () {\n o.jumpTo(s.getNextSlideIndex());\n }) : (n.changeToPrevious = function () {}, n.changeToNext = function () {});\n }(e), U(e), function (e) {\n var t = e.core,\n n = t.classFacade,\n o = t.slideSwipingDown,\n s = e.elements.sources,\n i = e.slideSwipingProps,\n r = e.stageIndexes;\n\n o.listener = function (e) {\n i.isSwiping = !0, i.downClientX = Y(e), i.swipedX = 0, \"VIDEO\" === e.target.tagName || e.touches || e.preventDefault();\n var t = s[r.current];\n t && t.contains(e.target) ? i.isSourceDownEventTarget = !0 : i.isSourceDownEventTarget = !1, n.removeFromEachElementClassIfContains(\"sourcesOuters\", u);\n };\n }(e), function (e) {\n var t = e.collections.sourcesRenderFunctions,\n n = e.core.sourceDisplayFacade,\n o = e.props.loadOnlyCurrentSource,\n s = e.stageIndexes;\n\n function i(e) {\n t[e] && (t[e](), delete t[e]);\n }\n\n n.displaySourcesWhichShouldBeDisplayed = function () {\n if (o) i(s.current);else for (var e in s) {\n i(s[e]);\n }\n };\n }(e), function (e) {\n var t = e.stageIndexes,\n n = e.core.stageManager,\n o = e.props.sources.length - 1;\n n.getPreviousSlideIndex = function () {\n return 0 === t.current ? o : t.current - 1;\n }, n.getNextSlideIndex = function () {\n return t.current === o ? 0 : t.current + 1;\n }, n.updateStageIndexes = 0 === o ? function () {} : 1 === o ? function () {\n 0 === t.current ? (t.next = 1, delete t.previous) : (t.previous = 0, delete t.next);\n } : function () {\n t.previous = n.getPreviousSlideIndex(), t.next = n.getNextSlideIndex();\n }, n.isSourceInStage = o <= 2 ? function () {\n return !0;\n } : function (e) {\n var n = t.current;\n if (0 === n && e === o || n === o && 0 === e) return !0;\n var s = n - e;\n return -1 === s || 0 === s || 1 === s;\n };\n }(e), function (e) {\n var t = e.collections,\n n = t.sourcesOutersTransformers,\n o = t.sourcesStylers,\n s = e.core.windowResizeActioner,\n i = e.componentsServices,\n r = e.data,\n c = e.elements.sourcesOuters,\n a = e.props,\n l = e.stageIndexes;\n\n s.runActions = function () {\n innerWidth < 992 ? r.maxSourceWidth = innerWidth : r.maxSourceWidth = .9 * innerWidth, r.maxSourceHeight = .9 * innerHeight, r.isFullscreenOpen && screen.height !== innerHeight && i.exitFullscreen();\n\n for (var e = 0; e < a.sources.length; e++) {\n B(c[e], u), e !== l.current && n[e].negative(), o[e] && o[e].styleSize();\n }\n };\n }(e);\n }\n\n function ee(e) {\n var t = e.core.eventsDispatcher,\n n = e.data,\n o = e.elements,\n i = e.props.sources;\n n.isInitialized = !0, function (e) {\n for (var t = e.collections.sourcesOutersTransformers, n = e.props.sources, o = e.resolve, s = 0; s < n.length; s++) {\n t[s] = o(j, [s]);\n }\n }(e), $(e), o.container = document.createElement(\"div\"), o.container.className = \"\".concat(s, \"container \").concat(c, \" \").concat(m), function (e) {\n var t = e.elements;\n t.slideSwipingHoverer = document.createElement(\"div\"), t.slideSwipingHoverer.className = \"\".concat(s, \"slide-swiping-hoverer \").concat(c, \" \").concat(d);\n }(e), M(e), function (e) {\n var t = e.core.slideSwipingDown,\n n = e.elements,\n o = e.props.sources;\n n.sourcesOutersWrapper = document.createElement(\"div\"), n.sourcesOutersWrapper.className = \"\".concat(d, \" \").concat(c), n.container.appendChild(n.sourcesOutersWrapper), n.sourcesOutersWrapper.addEventListener(\"mousedown\", t.listener), n.sourcesOutersWrapper.addEventListener(\"touchstart\", t.listener, {\n passive: !0\n });\n\n for (var s = 0; s < o.length; s++) {\n D(e, s);\n }\n }(e), i.length > 1 && function (e) {\n var t = e.core.slideChangeFacade;\n X(e, t.changeToPrevious, \"previous\", \"M18.271,9.212H3.615l4.184-4.184c0.306-0.306,0.306-0.801,0-1.107c-0.306-0.306-0.801-0.306-1.107,0L1.21,9.403C1.194,9.417,1.174,9.421,1.158,9.437c-0.181,0.181-0.242,0.425-0.209,0.66c0.005,0.038,0.012,0.071,0.022,0.109c0.028,0.098,0.075,0.188,0.142,0.271c0.021,0.026,0.021,0.061,0.045,0.085c0.015,0.016,0.034,0.02,0.05,0.033l5.484,5.483c0.306,0.307,0.801,0.307,1.107,0c0.306-0.305,0.306-0.801,0-1.105l-4.184-4.185h14.656c0.436,0,0.788-0.353,0.788-0.788S18.707,9.212,18.271,9.212z\"), X(e, t.changeToNext, \"next\", \"M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788S1.293,9.212,1.729,9.212z\");\n }(e), function (e) {\n for (var t = e.props.sources, n = e.resolve, o = n(L), s = n(z), i = n(k, [o, s]), r = 0; r < t.length; r++) {\n if (\"string\" == typeof t[r]) {\n var c = i.getTypeSetByClientForIndex(r);\n if (c) s.runActionsForSourceTypeAndIndex(c, r);else {\n var a = o.getSourceTypeFromLocalStorageByUrl(t[r]);\n a ? s.runActionsForSourceTypeAndIndex(a, r) : i.retrieveTypeWithXhrForIndex(r);\n }\n } else s.runActionsForSourceTypeAndIndex(\"custom\", r);\n }\n }(e), t.dispatch(\"onInit\");\n }\n\n function te(e) {\n var t = e.collections.sourcesOutersTransformers,\n n = e.componentsServices,\n o = e.core,\n s = o.eventsDispatcher,\n i = o.lightboxOpener,\n r = o.globalEventsController,\n c = o.scrollbarRecompensor,\n a = o.sourceDisplayFacade,\n u = o.stageManager,\n d = o.windowResizeActioner,\n p = e.data,\n f = e.elements,\n h = e.stageIndexes;\n\n i.open = function () {\n var o = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0;\n h.current = o, p.isInitialized ? s.dispatch(\"onShow\") : ee(e), u.updateStageIndexes(), a.displaySourcesWhichShouldBeDisplayed(), n.setSlideNumber(h.current + 1), document.body.appendChild(f.container), document.documentElement.classList.add(l), c.addRecompense(), r.attachListeners(), s.dispatch(\"onOpen\"), t[h.current].zero(), d.runActions();\n };\n }\n\n function ne() {\n var e = localStorage.getItem(\"fslightbox-scrollbar-width\");\n if (e) return e;\n\n var t = function () {\n var e = document.createElement(\"div\"),\n t = e.style;\n return t.visibility = \"hidden\", t.width = \"100px\", t.msOverflowStyle = \"scrollbar\", t.overflow = \"scroll\", e;\n }(),\n n = function () {\n var e = document.createElement(\"div\");\n return e.style.width = \"100%\", e;\n }();\n\n document.body.appendChild(t);\n var o = t.offsetWidth;\n t.appendChild(n);\n var s = n.offsetWidth;\n document.body.removeChild(t);\n var i = o - s;\n return localStorage.setItem(\"fslightbox-scrollbar-width\", i.toString()), i;\n }\n\n function oe() {\n if (\"undefined\" == typeof Reflect || !Reflect.construct) return !1;\n if (Reflect.construct.sham) return !1;\n if (\"function\" == typeof Proxy) return !0;\n\n try {\n return Date.prototype.toString.call(Reflect.construct(Date, [], function () {})), !0;\n } catch (e) {\n return !1;\n }\n }\n\n function se(e, t, n) {\n return (se = oe() ? Reflect.construct : function (e, t, n) {\n var o = [null];\n o.push.apply(o, t);\n var s = new (Function.bind.apply(e, o))();\n return n && ie(s, n.prototype), s;\n }).apply(null, arguments);\n }\n\n function ie(e, t) {\n return (ie = Object.setPrototypeOf || function (e, t) {\n return e.__proto__ = t, e;\n })(e, t);\n }\n\n function re(e) {\n return function (e) {\n if (Array.isArray(e)) {\n for (var t = 0, n = new Array(e.length); t < e.length; t++) {\n n[t] = e[t];\n }\n\n return n;\n }\n }(e) || function (e) {\n if (Symbol.iterator in Object(e) || \"[object Arguments]\" === Object.prototype.toString.call(e)) return Array.from(e);\n }(e) || function () {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n }();\n }\n\n function ce() {\n for (var e = document.getElementsByTagName(\"a\"), t = function t(_t) {\n if (!e[_t].hasAttribute(\"data-fslightbox\")) return \"continue\";\n\n var n = e[_t].getAttribute(\"data-fslightbox\"),\n o = e[_t].getAttribute(\"href\");\n\n fsLightboxInstances[n] || (fsLightboxInstances[n] = new FsLightbox(), fsLightboxInstances[n].setup());\n var s = null;\n s = \"#\" === o.charAt(0) ? document.getElementById(o.substring(1)) : o, fsLightboxInstances[n].props.sources.push(s), fsLightboxInstances[n].elements.a.push(e[_t]);\n var i = fsLightboxInstances[n].props.sources.length - 1;\n\n function r(o, s) {\n e[_t].hasAttribute(s) && (fsLightboxInstances[n].props[o][i] = e[_t].getAttribute(s));\n }\n\n e[_t].onclick = function (e) {\n e.preventDefault(), fsLightboxInstances[n].open(i);\n }, r(\"types\", \"data-type\"), r(\"videosPosters\", \"data-video-poster\"), r(\"customClasses\", \"data-custom-class\");\n }, n = 0; n < e.length; n++) {\n t(n);\n }\n\n var o = Object.keys(fsLightboxInstances);\n window.fsLightbox = fsLightboxInstances[o[o.length - 1]];\n }\n\n window.FsLightbox = function () {\n var e = this;\n this.props = {\n sources: [],\n customClasses: [],\n types: [],\n videosPosters: [],\n maxYoutubeDimensions: null,\n slideDistance: .3\n }, this.data = {\n isInitialized: !1,\n maxSourceWidth: 0,\n maxSourceHeight: 0,\n scrollbarWidth: ne(),\n isFullscreenOpen: !1\n }, this.slideSwipingProps = {\n isSwiping: !1,\n downClientX: null,\n isSourceDownEventTarget: !1,\n swipedX: 0\n }, this.stageIndexes = {}, this.elements = {\n a: [],\n container: null,\n slideSwipingHoverer: null,\n sourcesOutersWrapper: null,\n sources: [],\n sourcesOuters: [],\n sourcesInners: []\n }, this.componentsServices = {\n setSlideNumber: function setSlideNumber() {},\n enterFullscreen: null,\n exitFullscreen: null\n }, this.resolve = function (t) {\n var n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];\n return n.unshift(e), se(t, re(n));\n }, this.collections = {\n sourcesOutersTransformers: [],\n sourcesLoadsHandlers: [],\n sourcesRenderFunctions: [],\n sourcesStylers: []\n }, this.core = {\n classFacade: {},\n eventsDispatcher: {},\n fullscreenToggler: {},\n globalEventsController: {},\n lightboxCloser: {},\n lightboxOpener: {},\n lightboxUpdater: {},\n scrollbarRecompensor: {},\n slideChangeFacade: {},\n slideIndexChanger: {},\n slideSwipingDown: {},\n sourceDisplayFacade: {},\n stageManager: {},\n windowResizeActioner: {}\n }, this.setup = function () {\n te(e);\n }, this.open = function (t) {\n return e.core.lightboxOpener.open(t);\n }, this.close = function () {\n return e.core.lightboxCloser.close();\n };\n }, window.fsLightboxInstances = {}, window.refreshFsLightbox = function () {\n for (var e in fsLightboxInstances) {\n var t = fsLightboxInstances[e].props;\n fsLightboxInstances[e] = new FsLightbox(), fsLightboxInstances[e].props = t, fsLightboxInstances[e].props.sources = [], fsLightboxInstances[e].elements.a = [], fsLightboxInstances[e].setup();\n }\n\n ce();\n }, ce();\n }]);\n});\n\n},{}],2:[function(require,module,exports){\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.checkPrefix = exports._createElement = exports._getBBox = exports.default = exports.CSSPlugin = void 0;\n\nvar _gsapCore = require(\"./gsap-core.js\");\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nvar _win,\n _doc,\n _docElement,\n _pluginInitted,\n _tempDiv,\n _tempDivStyler,\n _recentSetterPlugin,\n _windowExists = function _windowExists() {\n return typeof window !== \"undefined\";\n},\n _transformProps = {},\n _RAD2DEG = 180 / Math.PI,\n _DEG2RAD = Math.PI / 180,\n _atan2 = Math.atan2,\n _bigNum = 1e8,\n _capsExp = /([A-Z])/g,\n _horizontalExp = /(?:left|right|width|margin|padding|x)/i,\n _complexExp = /[\\s,\\(]\\S/,\n _propertyAliases = {\n autoAlpha: \"opacity,visibility\",\n scale: \"scaleX,scaleY\",\n alpha: \"opacity\"\n},\n _renderCSSProp = function _renderCSSProp(ratio, data) {\n return data.set(data.t, data.p, Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);\n},\n _renderPropWithEnd = function _renderPropWithEnd(ratio, data) {\n return data.set(data.t, data.p, ratio === 1 ? data.e : Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u, data);\n},\n _renderCSSPropWithBeginning = function _renderCSSPropWithBeginning(ratio, data) {\n return data.set(data.t, data.p, ratio ? Math.round((data.s + data.c * ratio) * 10000) / 10000 + data.u : data.b, data);\n},\n //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)\n_renderRoundedCSSProp = function _renderRoundedCSSProp(ratio, data) {\n var value = data.s + data.c * ratio;\n data.set(data.t, data.p, ~~(value + (value < 0 ? -.5 : .5)) + data.u, data);\n},\n _renderNonTweeningValue = function _renderNonTweeningValue(ratio, data) {\n return data.set(data.t, data.p, ratio ? data.e : data.b, data);\n},\n _renderNonTweeningValueOnlyAtEnd = function _renderNonTweeningValueOnlyAtEnd(ratio, data) {\n return data.set(data.t, data.p, ratio !== 1 ? data.b : data.e, data);\n},\n _setterCSSStyle = function _setterCSSStyle(target, property, value) {\n return target.style[property] = value;\n},\n _setterCSSProp = function _setterCSSProp(target, property, value) {\n return target.style.setProperty(property, value);\n},\n _setterTransform = function _setterTransform(target, property, value) {\n return target._gsap[property] = value;\n},\n _setterScale = function _setterScale(target, property, value) {\n return target._gsap.scaleX = target._gsap.scaleY = value;\n},\n _setterScaleWithRender = function _setterScaleWithRender(target, property, value, data, ratio) {\n var cache = target._gsap;\n cache.scaleX = cache.scaleY = value;\n cache.renderTransform(ratio, cache);\n},\n _setterTransformWithRender = function _setterTransformWithRender(target, property, value, data, ratio) {\n var cache = target._gsap;\n cache[property] = value;\n cache.renderTransform(ratio, cache);\n},\n _transformProp = \"transform\",\n _transformOriginProp = _transformProp + \"Origin\",\n _supports3D,\n _createElement = function _createElement(type, ns) {\n var e = _doc.createElementNS ? _doc.createElementNS((ns || \"http://www.w3.org/1999/xhtml\").replace(/^https/, \"http\"), type) : _doc.createElement(type); //some servers swap in https for http in the namespace which can break things, making \"style\" inaccessible.\n\n return e.style ? e : _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://greensock.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).\n},\n _getComputedProperty = function _getComputedProperty(target, property, skipPrefixFallback) {\n var cs = getComputedStyle(target);\n 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.\n},\n _prefixes = \"O,Moz,ms,Ms,Webkit\".split(\",\"),\n _checkPropPrefix = function _checkPropPrefix(property, element, preferPrefix) {\n var e = element || _tempDiv,\n s = e.style,\n i = 5;\n\n if (property in s && !preferPrefix) {\n return property;\n }\n\n property = property.charAt(0).toUpperCase() + property.substr(1);\n\n while (i-- && !(_prefixes[i] + property in s)) {}\n\n return i < 0 ? null : (i === 3 ? \"ms\" : i >= 0 ? _prefixes[i] : \"\") + property;\n},\n _initCore = function _initCore() {\n if (_windowExists()) {\n _win = window;\n _doc = _win.document;\n _docElement = _doc.documentElement;\n _tempDiv = _createElement(\"div\") || {\n style: {}\n };\n _tempDivStyler = _createElement(\"div\");\n _transformProp = _checkPropPrefix(_transformProp);\n _transformOriginProp = _checkPropPrefix(_transformOriginProp);\n _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.\n\n _supports3D = !!_checkPropPrefix(\"perspective\");\n _pluginInitted = 1;\n }\n},\n _getBBoxHack = function _getBBoxHack(swapIfPossible) {\n //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).\n var svg = _createElement(\"svg\", this.ownerSVGElement && this.ownerSVGElement.getAttribute(\"xmlns\") || \"http://www.w3.org/2000/svg\"),\n oldParent = this.parentNode,\n oldSibling = this.nextSibling,\n oldCSS = this.style.cssText,\n bbox;\n\n _docElement.appendChild(svg);\n\n svg.appendChild(this);\n this.style.display = \"block\";\n\n if (swapIfPossible) {\n try {\n bbox = this.getBBox();\n this._gsapBBox = this.getBBox; //store the original\n\n this.getBBox = _getBBoxHack;\n } catch (e) {}\n } else if (this._gsapBBox) {\n bbox = this._gsapBBox();\n }\n\n if (oldParent) {\n if (oldSibling) {\n oldParent.insertBefore(this, oldSibling);\n } else {\n oldParent.appendChild(this);\n }\n }\n\n _docElement.removeChild(svg);\n\n this.style.cssText = oldCSS;\n return bbox;\n},\n _getAttributeFallbacks = function _getAttributeFallbacks(target, attributesArray) {\n var i = attributesArray.length;\n\n while (i--) {\n if (target.hasAttribute(attributesArray[i])) {\n return target.getAttribute(attributesArray[i]);\n }\n }\n},\n _getBBox = function _getBBox(target) {\n var bounds;\n\n try {\n 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\n } catch (error) {\n bounds = _getBBoxHack.call(target, true);\n }\n\n 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.\n\n return bounds && !bounds.width && !bounds.x && !bounds.y ? {\n x: +_getAttributeFallbacks(target, [\"x\", \"cx\", \"x1\"]) || 0,\n y: +_getAttributeFallbacks(target, [\"y\", \"cy\", \"y1\"]) || 0,\n width: 0,\n height: 0\n } : bounds;\n},\n _isSVG = function _isSVG(e) {\n return !!(e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));\n},\n //reports if the element is an SVG on which getBBox() actually works\n_removeProperty = function _removeProperty(target, property) {\n if (property) {\n var style = target.style;\n\n if (property in _transformProps) {\n property = _transformProp;\n }\n\n if (style.removeProperty) {\n if (property.substr(0, 2) === \"ms\" || property.substr(0, 6) === \"webkit\") {\n //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)\n property = \"-\" + property;\n }\n\n style.removeProperty(property.replace(_capsExp, \"-$1\").toLowerCase());\n } else {\n //note: old versions of IE use \"removeAttribute()\" instead of \"removeProperty()\"\n style.removeAttribute(property);\n }\n }\n},\n _addNonTweeningPT = function _addNonTweeningPT(plugin, target, property, beginning, end, onlySetAtEnd) {\n var pt = new _gsapCore.PropTween(plugin._pt, target, property, 0, 1, onlySetAtEnd ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue);\n plugin._pt = pt;\n pt.b = beginning;\n pt.e = end;\n\n plugin._props.push(property);\n\n return pt;\n},\n _nonConvertibleUnits = {\n deg: 1,\n rad: 1,\n turn: 1\n},\n //takes a single value like 20px and converts it to the unit specified, like \"%\", returning only the numeric amount.\n_convertToUnit = function _convertToUnit(target, property, value, unit) {\n var curValue = parseFloat(value) || 0,\n curUnit = (value + \"\").trim().substr((curValue + \"\").length) || \"px\",\n // some browsers leave extra whitespace at the beginning of CSS variables, hence the need to trim()\n style = _tempDiv.style,\n horizontal = _horizontalExp.test(property),\n isRootSVG = target.tagName.toLowerCase() === \"svg\",\n measureProperty = (isRootSVG ? \"client\" : \"offset\") + (horizontal ? \"Width\" : \"Height\"),\n amount = 100,\n toPixels = unit === \"px\",\n toPercent = unit === \"%\",\n px,\n parent,\n cache,\n isSVG;\n\n if (unit === curUnit || !curValue || _nonConvertibleUnits[unit] || _nonConvertibleUnits[curUnit]) {\n return curValue;\n }\n\n curUnit !== \"px\" && !toPixels && (curValue = _convertToUnit(target, property, value, \"px\"));\n isSVG = target.getCTM && _isSVG(target);\n\n if (toPercent && (_transformProps[property] || ~property.indexOf(\"adius\"))) {\n //transforms and borderRadius are relative to the size of the element itself!\n return (0, _gsapCore._round)(curValue / (isSVG ? target.getBBox()[horizontal ? \"width\" : \"height\"] : target[measureProperty]) * amount);\n }\n\n style[horizontal ? \"width\" : \"height\"] = amount + (toPixels ? curUnit : unit);\n parent = ~property.indexOf(\"adius\") || unit === \"em\" && target.appendChild && !isRootSVG ? target : target.parentNode;\n\n if (isSVG) {\n parent = (target.ownerSVGElement || {}).parentNode;\n }\n\n if (!parent || parent === _doc || !parent.appendChild) {\n parent = _doc.body;\n }\n\n cache = parent._gsap;\n\n if (cache && toPercent && cache.width && horizontal && cache.time === _gsapCore._ticker.time) {\n return (0, _gsapCore._round)(curValue / cache.width * amount);\n } else {\n (toPercent || curUnit === \"%\") && (style.position = _getComputedProperty(target, \"position\"));\n 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.\n\n parent.appendChild(_tempDiv);\n px = _tempDiv[measureProperty];\n parent.removeChild(_tempDiv);\n style.position = \"absolute\";\n\n if (horizontal && toPercent) {\n cache = (0, _gsapCore._getCache)(parent);\n cache.time = _gsapCore._ticker.time;\n cache.width = parent[measureProperty];\n }\n }\n\n return (0, _gsapCore._round)(toPixels ? px * curValue / amount : px && curValue ? amount / px * curValue : 0);\n},\n _get = function _get(target, property, unit, uncache) {\n var value;\n\n if (!_pluginInitted) {\n _initCore();\n }\n\n if (property in _propertyAliases && property !== \"transform\") {\n property = _propertyAliases[property];\n\n if (~property.indexOf(\",\")) {\n property = property.split(\",\")[0];\n }\n }\n\n if (_transformProps[property] && property !== \"transform\") {\n value = _parseTransform(target, uncache);\n value = property !== \"transformOrigin\" ? value[property] : _firstTwoOnly(_getComputedProperty(target, _transformOriginProp)) + \" \" + value.zOrigin + \"px\";\n } else {\n value = target.style[property];\n\n if (!value || value === \"auto\" || uncache || ~(value + \"\").indexOf(\"calc(\")) {\n value = _specialProps[property] && _specialProps[property](target, property, unit) || _getComputedProperty(target, property) || (0, _gsapCore._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\n }\n }\n\n return unit && !~(value + \"\").indexOf(\" \") ? _convertToUnit(target, property, value, unit) + unit : value;\n},\n _tweenComplexCSSString = function _tweenComplexCSSString(target, prop, start, end) {\n //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.\n if (!start || start === \"none\") {\n // 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://greensock.com/forums/topic/18310-clippath-doesnt-work-on-ios/\n var p = _checkPropPrefix(prop, target, 1),\n s = p && _getComputedProperty(target, p, 1);\n\n if (s && s !== start) {\n prop = p;\n start = s;\n }\n }\n\n var pt = new _gsapCore.PropTween(this._pt, target.style, prop, 0, 1, _gsapCore._renderComplexString),\n index = 0,\n matchIndex = 0,\n a,\n result,\n startValues,\n startNum,\n color,\n startValue,\n endValue,\n endNum,\n chunk,\n endUnit,\n startUnit,\n relative,\n endValues;\n pt.b = start;\n pt.e = end;\n start += \"\"; //ensure values are strings\n\n end += \"\";\n\n if (end === \"auto\") {\n target.style[prop] = end;\n end = _getComputedProperty(target, prop) || end;\n target.style[prop] = start;\n }\n\n a = [start, end];\n (0, _gsapCore._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().\n\n start = a[0];\n end = a[1];\n startValues = start.match(_gsapCore._numWithUnitExp) || [];\n endValues = end.match(_gsapCore._numWithUnitExp) || [];\n\n if (endValues.length) {\n while (result = _gsapCore._numWithUnitExp.exec(end)) {\n endValue = result[0];\n chunk = end.substring(index, result.index);\n\n if (color) {\n color = (color + 1) % 5;\n } else if (chunk.substr(-5) === \"rgba(\" || chunk.substr(-5) === \"hsla(\") {\n color = 1;\n }\n\n if (endValue !== (startValue = startValues[matchIndex++] || \"\")) {\n startNum = parseFloat(startValue) || 0;\n startUnit = startValue.substr((startNum + \"\").length);\n relative = endValue.charAt(1) === \"=\" ? +(endValue.charAt(0) + \"1\") : 0;\n\n if (relative) {\n endValue = endValue.substr(2);\n }\n\n endNum = parseFloat(endValue);\n endUnit = endValue.substr((endNum + \"\").length);\n index = _gsapCore._numWithUnitExp.lastIndex - endUnit.length;\n\n if (!endUnit) {\n //if something like \"perspective:300\" is passed in and we must add a unit to the end\n endUnit = endUnit || _gsapCore._config.units[prop] || startUnit;\n\n if (index === end.length) {\n end += endUnit;\n pt.e += endUnit;\n }\n }\n\n if (startUnit !== endUnit) {\n startNum = _convertToUnit(target, prop, startValue, endUnit) || 0;\n } //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.\n\n\n pt._pt = {\n _next: pt._pt,\n p: chunk || matchIndex === 1 ? chunk : \",\",\n //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.\n s: startNum,\n c: relative ? relative * endNum : endNum - startNum,\n m: color && color < 4 ? Math.round : 0\n };\n }\n }\n\n 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)\n } else {\n pt.r = prop === \"display\" && end === \"none\" ? _renderNonTweeningValueOnlyAtEnd : _renderNonTweeningValue;\n }\n\n if (_gsapCore._relExp.test(end)) {\n 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).\n }\n\n 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.\n\n return pt;\n},\n _keywordToPercent = {\n top: \"0%\",\n bottom: \"100%\",\n left: \"0%\",\n right: \"100%\",\n center: \"50%\"\n},\n _convertKeywordsToPercentages = function _convertKeywordsToPercentages(value) {\n var split = value.split(\" \"),\n x = split[0],\n y = split[1] || \"50%\";\n\n if (x === \"top\" || x === \"bottom\" || y === \"left\" || y === \"right\") {\n //the user provided them in the wrong order, so flip them\n value = x;\n x = y;\n y = value;\n }\n\n split[0] = _keywordToPercent[x] || x;\n split[1] = _keywordToPercent[y] || y;\n return split.join(\" \");\n},\n _renderClearProps = function _renderClearProps(ratio, data) {\n if (data.tween && data.tween._time === data.tween._dur) {\n var target = data.t,\n style = target.style,\n props = data.u,\n cache = target._gsap,\n prop,\n clearTransforms,\n i;\n\n if (props === \"all\" || props === true) {\n style.cssText = \"\";\n clearTransforms = 1;\n } else {\n props = props.split(\",\");\n i = props.length;\n\n while (--i > -1) {\n prop = props[i];\n\n if (_transformProps[prop]) {\n clearTransforms = 1;\n prop = prop === \"transformOrigin\" ? _transformOriginProp : _transformProp;\n }\n\n _removeProperty(target, prop);\n }\n }\n\n if (clearTransforms) {\n _removeProperty(target, _transformProp);\n\n if (cache) {\n cache.svg && target.removeAttribute(\"transform\");\n\n _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.\n\n\n cache.uncache = 1;\n }\n }\n }\n},\n // note: specialProps should return 1 if (and only if) they have a non-zero priority. It indicates we need to sort the linked list.\n_specialProps = {\n clearProps: function clearProps(plugin, target, property, endValue, tween) {\n if (tween.data !== \"isFromStart\") {\n var pt = plugin._pt = new _gsapCore.PropTween(plugin._pt, target, property, 0, 0, _renderClearProps);\n pt.u = endValue;\n pt.pr = -10;\n pt.tween = tween;\n\n plugin._props.push(property);\n\n return 1;\n }\n }\n /* className feature (about 0.4kb gzipped).\n , className(plugin, target, property, endValue, tween) {\n \tlet _renderClassName = (ratio, data) => {\n \t\t\tdata.css.render(ratio, data.css);\n \t\t\tif (!ratio || ratio === 1) {\n \t\t\t\tlet inline = data.rmv,\n \t\t\t\t\ttarget = data.t,\n \t\t\t\t\tp;\n \t\t\t\ttarget.setAttribute(\"class\", ratio ? data.e : data.b);\n \t\t\t\tfor (p in inline) {\n \t\t\t\t\t_removeProperty(target, p);\n \t\t\t\t}\n \t\t\t}\n \t\t},\n \t\t_getAllStyles = (target) => {\n \t\t\tlet styles = {},\n \t\t\t\tcomputed = getComputedStyle(target),\n \t\t\t\tp;\n \t\t\tfor (p in computed) {\n \t\t\t\tif (isNaN(p) && p !== \"cssText\" && p !== \"length\") {\n \t\t\t\t\tstyles[p] = computed[p];\n \t\t\t\t}\n \t\t\t}\n \t\t\t_setDefaults(styles, _parseTransform(target, 1));\n \t\t\treturn styles;\n \t\t},\n \t\tstartClassList = target.getAttribute(\"class\"),\n \t\tstyle = target.style,\n \t\tcssText = style.cssText,\n \t\tcache = target._gsap,\n \t\tclassPT = cache.classPT,\n \t\tinlineToRemoveAtEnd = {},\n \t\tdata = {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) : \"\")},\n \t\tchangingVars = {},\n \t\tstartVars = _getAllStyles(target),\n \t\ttransformRelated = /(transform|perspective)/i,\n \t\tendVars, p;\n \tif (classPT) {\n \t\tclassPT.r(1, classPT.d);\n \t\t_removeLinkedListItem(classPT.d.plugin, classPT, \"_pt\");\n \t}\n \ttarget.setAttribute(\"class\", data.e);\n \tendVars = _getAllStyles(target, true);\n \ttarget.setAttribute(\"class\", startClassList);\n \tfor (p in endVars) {\n \t\tif (endVars[p] !== startVars[p] && !transformRelated.test(p)) {\n \t\t\tchangingVars[p] = endVars[p];\n \t\t\tif (!style[p] && style[p] !== \"0\") {\n \t\t\t\tinlineToRemoveAtEnd[p] = 1;\n \t\t\t}\n \t\t}\n \t}\n \tcache.classPT = plugin._pt = new PropTween(plugin._pt, target, \"className\", 0, 0, _renderClassName, data, 0, -11);\n \tif (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://greensock.com/forums/topic/20368-possible-gsap-bug-switching-classnames-in-chrome/.\n \t\tstyle.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).\n \t}\n \t_parseTransform(target, true); //to clear the caching of transforms\n \tdata.css = new gsap.plugins.css();\n \tdata.css.init(target, changingVars, tween);\n \tplugin._props.push(...data.css._props);\n \treturn 1;\n }\n */\n\n},\n\n/*\n * --------------------------------------------------------------------------------------\n * TRANSFORMS\n * --------------------------------------------------------------------------------------\n */\n_identity2DMatrix = [1, 0, 0, 1, 0, 0],\n _rotationalProperties = {},\n _isNullTransform = function _isNullTransform(value) {\n return value === \"matrix(1, 0, 0, 1, 0, 0)\" || value === \"none\" || !value;\n},\n _getComputedTransformMatrixAsArray = function _getComputedTransformMatrixAsArray(target) {\n var matrixString = _getComputedProperty(target, _transformProp);\n\n return _isNullTransform(matrixString) ? _identity2DMatrix : matrixString.substr(7).match(_gsapCore._numExp).map(_gsapCore._round);\n},\n _getMatrix = function _getMatrix(target, force2D) {\n var cache = target._gsap || (0, _gsapCore._getCache)(target),\n style = target.style,\n matrix = _getComputedTransformMatrixAsArray(target),\n parent,\n nextSibling,\n temp,\n addedToDOM;\n\n if (cache.svg && target.getAttribute(\"transform\")) {\n 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.\n\n matrix = [temp.a, temp.b, temp.c, temp.d, temp.e, temp.f];\n return matrix.join(\",\") === \"1,0,0,1,0,0\" ? _identity2DMatrix : matrix;\n } else if (matrix === _identity2DMatrix && !target.offsetParent && target !== _docElement && !cache.svg) {\n //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\n //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).\n temp = style.display;\n style.display = \"block\";\n parent = target.parentNode;\n\n if (!parent || !target.offsetParent) {\n addedToDOM = 1; //flag\n\n nextSibling = target.nextSibling;\n\n _docElement.appendChild(target); //we must add it to the DOM in order to get values properly\n\n }\n\n matrix = _getComputedTransformMatrixAsArray(target);\n\n if (temp) {\n style.display = temp;\n } else {\n _removeProperty(target, \"display\");\n }\n\n if (addedToDOM) {\n if (nextSibling) {\n parent.insertBefore(target, nextSibling);\n } else if (parent) {\n parent.appendChild(target);\n } else {\n _docElement.removeChild(target);\n }\n }\n }\n\n return force2D && matrix.length > 6 ? [matrix[0], matrix[1], matrix[4], matrix[5], matrix[12], matrix[13]] : matrix;\n},\n _applySVGOrigin = function _applySVGOrigin(target, origin, originIsAbsolute, smooth, matrixArray, pluginToAddPropTweensTo) {\n var cache = target._gsap,\n matrix = matrixArray || _getMatrix(target, true),\n xOriginOld = cache.xOrigin || 0,\n yOriginOld = cache.yOrigin || 0,\n xOffsetOld = cache.xOffset || 0,\n yOffsetOld = cache.yOffset || 0,\n a = matrix[0],\n b = matrix[1],\n c = matrix[2],\n d = matrix[3],\n tx = matrix[4],\n ty = matrix[5],\n originSplit = origin.split(\" \"),\n xOrigin = parseFloat(originSplit[0]) || 0,\n yOrigin = parseFloat(originSplit[1]) || 0,\n bounds,\n determinant,\n x,\n y;\n\n if (!originIsAbsolute) {\n bounds = _getBBox(target);\n xOrigin = bounds.x + (~originSplit[0].indexOf(\"%\") ? xOrigin / 100 * bounds.width : xOrigin);\n yOrigin = bounds.y + (~(originSplit[1] || originSplit[0]).indexOf(\"%\") ? yOrigin / 100 * bounds.height : yOrigin);\n } else if (matrix !== _identity2DMatrix && (determinant = a * d - b * c)) {\n //if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero.\n x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant;\n y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant;\n xOrigin = x;\n yOrigin = y;\n }\n\n if (smooth || smooth !== false && cache.smooth) {\n tx = xOrigin - xOriginOld;\n ty = yOrigin - yOriginOld;\n cache.xOffset = xOffsetOld + (tx * a + ty * c) - tx;\n cache.yOffset = yOffsetOld + (tx * b + ty * d) - ty;\n } else {\n cache.xOffset = cache.yOffset = 0;\n }\n\n cache.xOrigin = xOrigin;\n cache.yOrigin = yOrigin;\n cache.smooth = !!smooth;\n cache.origin = origin;\n cache.originIsAbsolute = !!originIsAbsolute;\n 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).\n\n if (pluginToAddPropTweensTo) {\n _addNonTweeningPT(pluginToAddPropTweensTo, cache, \"xOrigin\", xOriginOld, xOrigin);\n\n _addNonTweeningPT(pluginToAddPropTweensTo, cache, \"yOrigin\", yOriginOld, yOrigin);\n\n _addNonTweeningPT(pluginToAddPropTweensTo, cache, \"xOffset\", xOffsetOld, cache.xOffset);\n\n _addNonTweeningPT(pluginToAddPropTweensTo, cache, \"yOffset\", yOffsetOld, cache.yOffset);\n }\n\n target.setAttribute(\"data-svg-origin\", xOrigin + \" \" + yOrigin);\n},\n _parseTransform = function _parseTransform(target, uncache) {\n var cache = target._gsap || new _gsapCore.GSCache(target);\n\n if (\"x\" in cache && !uncache && !cache.uncache) {\n return cache;\n }\n\n var style = target.style,\n invertedScaleX = cache.scaleX < 0,\n px = \"px\",\n deg = \"deg\",\n origin = _getComputedProperty(target, _transformOriginProp) || \"0\",\n x,\n y,\n z,\n scaleX,\n scaleY,\n rotation,\n rotationX,\n rotationY,\n skewX,\n skewY,\n perspective,\n xOrigin,\n yOrigin,\n matrix,\n angle,\n cos,\n sin,\n a,\n b,\n c,\n d,\n a12,\n a22,\n t1,\n t2,\n t3,\n a13,\n a23,\n a33,\n a42,\n a43,\n a32;\n x = y = z = rotation = rotationX = rotationY = skewX = skewY = perspective = 0;\n scaleX = scaleY = 1;\n cache.svg = !!(target.getCTM && _isSVG(target));\n matrix = _getMatrix(target, cache.svg);\n\n if (cache.svg) {\n t1 = !cache.uncache && target.getAttribute(\"data-svg-origin\");\n\n _applySVGOrigin(target, t1 || origin, !!t1 || cache.originIsAbsolute, cache.smooth !== false, matrix);\n }\n\n xOrigin = cache.xOrigin || 0;\n yOrigin = cache.yOrigin || 0;\n\n if (matrix !== _identity2DMatrix) {\n a = matrix[0]; //a11\n\n b = matrix[1]; //a21\n\n c = matrix[2]; //a31\n\n d = matrix[3]; //a41\n\n x = a12 = matrix[4];\n y = a22 = matrix[5]; //2D matrix\n\n if (matrix.length === 6) {\n scaleX = Math.sqrt(a * a + b * b);\n scaleY = Math.sqrt(d * d + c * c);\n 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).\n\n skewX = c || d ? _atan2(c, d) * _RAD2DEG + rotation : 0;\n skewX && (scaleY *= Math.cos(skewX * _DEG2RAD));\n\n if (cache.svg) {\n x -= xOrigin - (xOrigin * a + yOrigin * c);\n y -= yOrigin - (xOrigin * b + yOrigin * d);\n } //3D matrix\n\n } else {\n a32 = matrix[6];\n a42 = matrix[7];\n a13 = matrix[8];\n a23 = matrix[9];\n a33 = matrix[10];\n a43 = matrix[11];\n x = matrix[12];\n y = matrix[13];\n z = matrix[14];\n angle = _atan2(a32, a33);\n rotationX = angle * _RAD2DEG; //rotationX\n\n if (angle) {\n cos = Math.cos(-angle);\n sin = Math.sin(-angle);\n t1 = a12 * cos + a13 * sin;\n t2 = a22 * cos + a23 * sin;\n t3 = a32 * cos + a33 * sin;\n a13 = a12 * -sin + a13 * cos;\n a23 = a22 * -sin + a23 * cos;\n a33 = a32 * -sin + a33 * cos;\n a43 = a42 * -sin + a43 * cos;\n a12 = t1;\n a22 = t2;\n a32 = t3;\n } //rotationY\n\n\n angle = _atan2(-c, a33);\n rotationY = angle * _RAD2DEG;\n\n if (angle) {\n cos = Math.cos(-angle);\n sin = Math.sin(-angle);\n t1 = a * cos - a13 * sin;\n t2 = b * cos - a23 * sin;\n t3 = c * cos - a33 * sin;\n a43 = d * sin + a43 * cos;\n a = t1;\n b = t2;\n c = t3;\n } //rotationZ\n\n\n angle = _atan2(b, a);\n rotation = angle * _RAD2DEG;\n\n if (angle) {\n cos = Math.cos(angle);\n sin = Math.sin(angle);\n t1 = a * cos + b * sin;\n t2 = a12 * cos + a22 * sin;\n b = b * cos - a * sin;\n a22 = a22 * cos - a12 * sin;\n a = t1;\n a12 = t2;\n }\n\n if (rotationX && Math.abs(rotationX) + Math.abs(rotation) > 359.9) {\n //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.\n rotationX = rotation = 0;\n rotationY = 180 - rotationY;\n }\n\n scaleX = (0, _gsapCore._round)(Math.sqrt(a * a + b * b + c * c));\n scaleY = (0, _gsapCore._round)(Math.sqrt(a22 * a22 + a32 * a32));\n angle = _atan2(a12, a22);\n skewX = Math.abs(angle) > 0.0002 ? angle * _RAD2DEG : 0;\n perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0;\n }\n\n if (cache.svg) {\n //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).\n matrix = target.getAttribute(\"transform\");\n cache.forceCSS = target.setAttribute(\"transform\", \"\") || !_isNullTransform(_getComputedProperty(target, _transformProp));\n matrix && target.setAttribute(\"transform\", matrix);\n }\n }\n\n if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) {\n if (invertedScaleX) {\n scaleX *= -1;\n skewX += rotation <= 0 ? 180 : -180;\n rotation += rotation <= 0 ? 180 : -180;\n } else {\n scaleY *= -1;\n skewX += skewX <= 0 ? 180 : -180;\n }\n }\n\n cache.x = ((cache.xPercent = x && Math.round(target.offsetWidth / 2) === Math.round(-x) ? -50 : 0) ? 0 : x) + px;\n cache.y = ((cache.yPercent = y && Math.round(target.offsetHeight / 2) === Math.round(-y) ? -50 : 0) ? 0 : y) + px;\n cache.z = z + px;\n cache.scaleX = (0, _gsapCore._round)(scaleX);\n cache.scaleY = (0, _gsapCore._round)(scaleY);\n cache.rotation = (0, _gsapCore._round)(rotation) + deg;\n cache.rotationX = (0, _gsapCore._round)(rotationX) + deg;\n cache.rotationY = (0, _gsapCore._round)(rotationY) + deg;\n cache.skewX = skewX + deg;\n cache.skewY = skewY + deg;\n cache.transformPerspective = perspective + px;\n\n if (cache.zOrigin = parseFloat(origin.split(\" \")[2]) || 0) {\n style[_transformOriginProp] = _firstTwoOnly(origin);\n }\n\n cache.xOffset = cache.yOffset = 0;\n cache.force3D = _gsapCore._config.force3D;\n cache.renderTransform = cache.svg ? _renderSVGTransforms : _supports3D ? _renderCSSTransforms : _renderNon3DTransforms;\n cache.uncache = 0;\n return cache;\n},\n _firstTwoOnly = function _firstTwoOnly(value) {\n return (value = value.split(\" \"))[0] + \" \" + value[1];\n},\n //for handling transformOrigin values, stripping out the 3rd dimension\n_addPxTranslate = function _addPxTranslate(target, start, value) {\n var unit = (0, _gsapCore.getUnit)(start);\n return (0, _gsapCore._round)(parseFloat(start) + parseFloat(_convertToUnit(target, \"x\", value + \"px\", unit))) + unit;\n},\n _renderNon3DTransforms = function _renderNon3DTransforms(ratio, cache) {\n cache.z = \"0px\";\n cache.rotationY = cache.rotationX = \"0deg\";\n cache.force3D = 0;\n\n _renderCSSTransforms(ratio, cache);\n},\n _zeroDeg = \"0deg\",\n _zeroPx = \"0px\",\n _endParenthesis = \") \",\n _renderCSSTransforms = function _renderCSSTransforms(ratio, cache) {\n var _ref = cache || this,\n xPercent = _ref.xPercent,\n yPercent = _ref.yPercent,\n x = _ref.x,\n y = _ref.y,\n z = _ref.z,\n rotation = _ref.rotation,\n rotationY = _ref.rotationY,\n rotationX = _ref.rotationX,\n skewX = _ref.skewX,\n skewY = _ref.skewY,\n scaleX = _ref.scaleX,\n scaleY = _ref.scaleY,\n transformPerspective = _ref.transformPerspective,\n force3D = _ref.force3D,\n target = _ref.target,\n zOrigin = _ref.zOrigin,\n transforms = \"\",\n 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)\n\n\n if (zOrigin && (rotationX !== _zeroDeg || rotationY !== _zeroDeg)) {\n var angle = parseFloat(rotationY) * _DEG2RAD,\n a13 = Math.sin(angle),\n a33 = Math.cos(angle),\n cos;\n\n angle = parseFloat(rotationX) * _DEG2RAD;\n cos = Math.cos(angle);\n x = _addPxTranslate(target, x, a13 * cos * -zOrigin);\n y = _addPxTranslate(target, y, -Math.sin(angle) * -zOrigin);\n z = _addPxTranslate(target, z, a33 * cos * -zOrigin + zOrigin);\n }\n\n if (transformPerspective !== _zeroPx) {\n transforms += \"perspective(\" + transformPerspective + _endParenthesis;\n }\n\n if (xPercent || yPercent) {\n transforms += \"translate(\" + xPercent + \"%, \" + yPercent + \"%) \";\n }\n\n if (use3D || x !== _zeroPx || y !== _zeroPx || z !== _zeroPx) {\n transforms += z !== _zeroPx || use3D ? \"translate3d(\" + x + \", \" + y + \", \" + z + \") \" : \"translate(\" + x + \", \" + y + _endParenthesis;\n }\n\n if (rotation !== _zeroDeg) {\n transforms += \"rotate(\" + rotation + _endParenthesis;\n }\n\n if (rotationY !== _zeroDeg) {\n transforms += \"rotateY(\" + rotationY + _endParenthesis;\n }\n\n if (rotationX !== _zeroDeg) {\n transforms += \"rotateX(\" + rotationX + _endParenthesis;\n }\n\n if (skewX !== _zeroDeg || skewY !== _zeroDeg) {\n transforms += \"skew(\" + skewX + \", \" + skewY + _endParenthesis;\n }\n\n if (scaleX !== 1 || scaleY !== 1) {\n transforms += \"scale(\" + scaleX + \", \" + scaleY + _endParenthesis;\n }\n\n target.style[_transformProp] = transforms || \"translate(0, 0)\";\n},\n _renderSVGTransforms = function _renderSVGTransforms(ratio, cache) {\n var _ref2 = cache || this,\n xPercent = _ref2.xPercent,\n yPercent = _ref2.yPercent,\n x = _ref2.x,\n y = _ref2.y,\n rotation = _ref2.rotation,\n skewX = _ref2.skewX,\n skewY = _ref2.skewY,\n scaleX = _ref2.scaleX,\n scaleY = _ref2.scaleY,\n target = _ref2.target,\n xOrigin = _ref2.xOrigin,\n yOrigin = _ref2.yOrigin,\n xOffset = _ref2.xOffset,\n yOffset = _ref2.yOffset,\n forceCSS = _ref2.forceCSS,\n tx = parseFloat(x),\n ty = parseFloat(y),\n a11,\n a21,\n a12,\n a22,\n temp;\n\n rotation = parseFloat(rotation);\n skewX = parseFloat(skewX);\n skewY = parseFloat(skewY);\n\n if (skewY) {\n //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.\n skewY = parseFloat(skewY);\n skewX += skewY;\n rotation += skewY;\n }\n\n if (rotation || skewX) {\n rotation *= _DEG2RAD;\n skewX *= _DEG2RAD;\n a11 = Math.cos(rotation) * scaleX;\n a21 = Math.sin(rotation) * scaleX;\n a12 = Math.sin(rotation - skewX) * -scaleY;\n a22 = Math.cos(rotation - skewX) * scaleY;\n\n if (skewX) {\n skewY *= _DEG2RAD;\n temp = Math.tan(skewX - skewY);\n temp = Math.sqrt(1 + temp * temp);\n a12 *= temp;\n a22 *= temp;\n\n if (skewY) {\n temp = Math.tan(skewY);\n temp = Math.sqrt(1 + temp * temp);\n a11 *= temp;\n a21 *= temp;\n }\n }\n\n a11 = (0, _gsapCore._round)(a11);\n a21 = (0, _gsapCore._round)(a21);\n a12 = (0, _gsapCore._round)(a12);\n a22 = (0, _gsapCore._round)(a22);\n } else {\n a11 = scaleX;\n a22 = scaleY;\n a21 = a12 = 0;\n }\n\n if (tx && !~(x + \"\").indexOf(\"px\") || ty && !~(y + \"\").indexOf(\"px\")) {\n tx = _convertToUnit(target, \"x\", x, \"px\");\n ty = _convertToUnit(target, \"y\", y, \"px\");\n }\n\n if (xOrigin || yOrigin || xOffset || yOffset) {\n tx = (0, _gsapCore._round)(tx + xOrigin - (xOrigin * a11 + yOrigin * a12) + xOffset);\n ty = (0, _gsapCore._round)(ty + yOrigin - (xOrigin * a21 + yOrigin * a22) + yOffset);\n }\n\n if (xPercent || yPercent) {\n //The SVG spec doesn't support percentage-based translation in the \"transform\" attribute, so we merge it into the translation to simulate it.\n temp = target.getBBox();\n tx = (0, _gsapCore._round)(tx + xPercent / 100 * temp.width);\n ty = (0, _gsapCore._round)(ty + yPercent / 100 * temp.height);\n }\n\n temp = \"matrix(\" + a11 + \",\" + a21 + \",\" + a12 + \",\" + a22 + \",\" + tx + \",\" + ty + \")\";\n target.setAttribute(\"transform\", temp);\n\n if (forceCSS) {\n //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!)\n target.style[_transformProp] = temp;\n }\n},\n _addRotationalPropTween = function _addRotationalPropTween(plugin, target, property, startNum, endValue, relative) {\n var cap = 360,\n isString = (0, _gsapCore._isString)(endValue),\n endNum = parseFloat(endValue) * (isString && ~endValue.indexOf(\"rad\") ? _RAD2DEG : 1),\n change = relative ? endNum * relative : endNum - startNum,\n finalValue = startNum + change + \"deg\",\n direction,\n pt;\n\n if (isString) {\n direction = endValue.split(\"_\")[1];\n\n if (direction === \"short\") {\n change %= cap;\n\n if (change !== change % (cap / 2)) {\n change += change < 0 ? cap : -cap;\n }\n }\n\n if (direction === \"cw\" && change < 0) {\n change = (change + cap * _bigNum) % cap - ~~(change / cap) * cap;\n } else if (direction === \"ccw\" && change > 0) {\n change = (change - cap * _bigNum) % cap - ~~(change / cap) * cap;\n }\n }\n\n plugin._pt = pt = new _gsapCore.PropTween(plugin._pt, target, property, startNum, change, _renderPropWithEnd);\n pt.e = finalValue;\n pt.u = \"deg\";\n\n plugin._props.push(property);\n\n return pt;\n},\n _addRawTransformPTs = function _addRawTransformPTs(plugin, transforms, target) {\n //for handling cases where someone passes in a whole transform string, like transform: \"scale(2, 3) rotate(20deg) translateY(30em)\"\n var style = _tempDivStyler.style,\n startCache = target._gsap,\n exclude = \"perspective,force3D,transformOrigin,svgOrigin\",\n endCache,\n p,\n startValue,\n endValue,\n startNum,\n endNum,\n startUnit,\n endUnit;\n style.cssText = getComputedStyle(target).cssText + \";position:absolute;display:block;\"; //%-based translations will fail unless we set the width/height to match the original target (and padding/borders can affect it)\n\n style[_transformProp] = transforms;\n\n _doc.body.appendChild(_tempDivStyler);\n\n endCache = _parseTransform(_tempDivStyler, 1);\n\n for (p in _transformProps) {\n startValue = startCache[p];\n endValue = endCache[p];\n\n if (startValue !== endValue && exclude.indexOf(p) < 0) {\n //tweening to no perspective gives very unintuitive results - just keep the same perspective in that case.\n startUnit = (0, _gsapCore.getUnit)(startValue);\n endUnit = (0, _gsapCore.getUnit)(endValue);\n startNum = startUnit !== endUnit ? _convertToUnit(target, p, startValue, endUnit) : parseFloat(startValue);\n endNum = parseFloat(endValue);\n plugin._pt = new _gsapCore.PropTween(plugin._pt, startCache, p, startNum, endNum - startNum, _renderCSSProp);\n plugin._pt.u = endUnit || 0;\n\n plugin._props.push(p);\n }\n }\n\n _doc.body.removeChild(_tempDivStyler);\n}; // 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.\n\n\nexports._getBBox = _getBBox;\nexports.checkPrefix = _checkPropPrefix;\nexports._createElement = _createElement;\n(0, _gsapCore._forEachName)(\"padding,margin,Width,Radius\", function (name, index) {\n var t = \"Top\",\n r = \"Right\",\n b = \"Bottom\",\n l = \"Left\",\n props = (index < 3 ? [t, r, b, l] : [t + l, t + r, b + r, b + l]).map(function (side) {\n return index < 2 ? name + side : \"border\" + side + name;\n });\n\n _specialProps[index > 1 ? \"border\" + name : name] = function (plugin, target, property, endValue, tween) {\n var a, vars;\n\n if (arguments.length < 4) {\n // getter, passed target, property, and unit (from _get())\n a = props.map(function (prop) {\n return _get(plugin, prop, property);\n });\n vars = a.join(\" \");\n return vars.split(a[0]).length === 5 ? a[0] : vars;\n }\n\n a = (endValue + \"\").split(\" \");\n vars = {};\n props.forEach(function (prop, i) {\n return vars[prop] = a[i] = a[i] || a[(i - 1) / 2 | 0];\n });\n plugin.init(target, vars, tween);\n };\n});\nvar CSSPlugin = {\n name: \"css\",\n register: _initCore,\n targetTest: function targetTest(target) {\n return target.style && target.nodeType;\n },\n init: function init(target, vars, tween, index, targets) {\n var props = this._props,\n style = target.style,\n startValue,\n endValue,\n endNum,\n startNum,\n type,\n specialProp,\n p,\n startUnit,\n endUnit,\n relative,\n isTransformRelated,\n transformPropTween,\n cache,\n smooth,\n hasPriority;\n\n if (!_pluginInitted) {\n _initCore();\n }\n\n for (p in vars) {\n if (p === \"autoRound\") {\n continue;\n }\n\n endValue = vars[p];\n\n if (_gsapCore._plugins[p] && (0, _gsapCore._checkPlugin)(p, vars, tween, index, target, targets)) {\n //plugins\n continue;\n }\n\n type = _typeof(endValue);\n specialProp = _specialProps[p];\n\n if (type === \"function\") {\n endValue = endValue.call(tween, index, target, targets);\n type = _typeof(endValue);\n }\n\n if (type === \"string\" && ~endValue.indexOf(\"random(\")) {\n endValue = (0, _gsapCore._replaceRandom)(endValue);\n }\n\n if (specialProp) {\n if (specialProp(this, target, p, endValue, tween)) {\n hasPriority = 1;\n }\n } else if (p.substr(0, 2) === \"--\") {\n //CSS variable\n this.add(style, \"setProperty\", getComputedStyle(target).getPropertyValue(p) + \"\", endValue + \"\", index, targets, 0, 0, p);\n } else {\n startValue = _get(target, p);\n startNum = parseFloat(startValue);\n relative = type === \"string\" && endValue.charAt(1) === \"=\" ? +(endValue.charAt(0) + \"1\") : 0;\n\n if (relative) {\n endValue = endValue.substr(2);\n }\n\n endNum = parseFloat(endValue);\n\n if (p in _propertyAliases) {\n if (p === \"autoAlpha\") {\n //special case where we control the visibility along with opacity. We still allow the opacity value to pass through and get tweened.\n if (startNum === 1 && _get(target, \"visibility\") === \"hidden\" && endNum) {\n //if visibility is initially set to \"hidden\", we should interpret that as intent to make opacity 0 (a convenience)\n startNum = 0;\n }\n\n _addNonTweeningPT(this, style, \"visibility\", startNum ? \"inherit\" : \"hidden\", endNum ? \"inherit\" : \"hidden\", !endNum);\n }\n\n if (p !== \"scale\" && p !== \"transform\") {\n p = _propertyAliases[p];\n\n if (~p.indexOf(\",\")) {\n p = p.split(\",\")[0];\n }\n }\n }\n\n isTransformRelated = p in _transformProps; //--- TRANSFORM-RELATED ---\n\n if (isTransformRelated) {\n if (!transformPropTween) {\n cache = target._gsap;\n cache.renderTransform || _parseTransform(target); // 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.\n\n smooth = vars.smoothOrigin !== false && cache.smooth;\n transformPropTween = this._pt = new _gsapCore.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)\n\n 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.\n }\n\n if (p === \"scale\") {\n this._pt = new _gsapCore.PropTween(this._pt, cache, \"scaleY\", cache.scaleY, relative ? relative * endNum : endNum - cache.scaleY);\n props.push(\"scaleY\", p);\n p += \"X\";\n } else if (p === \"transformOrigin\") {\n endValue = _convertKeywordsToPercentages(endValue); //in case something like \"left top\" or \"bottom right\" is passed in. Convert to percentages.\n\n if (cache.svg) {\n _applySVGOrigin(target, endValue, 0, smooth, 0, this);\n } else {\n endUnit = parseFloat(endValue.split(\" \")[2]) || 0; //handle the zOrigin separately!\n\n if (endUnit !== cache.zOrigin) {\n _addNonTweeningPT(this, cache, \"zOrigin\", cache.zOrigin, endUnit);\n }\n\n _addNonTweeningPT(this, style, p, _firstTwoOnly(startValue), _firstTwoOnly(endValue));\n }\n\n continue;\n } else if (p === \"svgOrigin\") {\n _applySVGOrigin(target, endValue, 1, smooth, 0, this);\n\n continue;\n } else if (p in _rotationalProperties) {\n _addRotationalPropTween(this, cache, p, startNum, endValue, relative);\n\n continue;\n } else if (p === \"smoothOrigin\") {\n _addNonTweeningPT(this, cache, \"smooth\", cache.smooth, endValue);\n\n continue;\n } else if (p === \"force3D\") {\n cache[p] = endValue;\n continue;\n } else if (p === \"transform\") {\n _addRawTransformPTs(this, endValue, target);\n\n continue;\n }\n } else if (!(p in style)) {\n p = _checkPropPrefix(p) || p;\n }\n\n if (isTransformRelated || (endNum || endNum === 0) && (startNum || startNum === 0) && !_complexExp.test(endValue) && p in style) {\n startUnit = (startValue + \"\").substr((startNum + \"\").length);\n endNum || (endNum = 0); // protect against NaN\n\n endUnit = (endValue + \"\").substr((endNum + \"\").length) || (p in _gsapCore._config.units ? _gsapCore._config.units[p] : startUnit);\n\n if (startUnit !== endUnit) {\n startNum = _convertToUnit(target, p, startValue, endUnit);\n }\n\n this._pt = new _gsapCore.PropTween(this._pt, isTransformRelated ? cache : style, p, startNum, relative ? relative * endNum : endNum - startNum, endUnit === \"px\" && vars.autoRound !== false && !isTransformRelated ? _renderRoundedCSSProp : _renderCSSProp);\n this._pt.u = endUnit || 0;\n\n if (startUnit !== endUnit) {\n //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)\n this._pt.b = startValue;\n this._pt.r = _renderCSSPropWithBeginning;\n }\n } else if (!(p in style)) {\n if (p in target) {\n //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.\n this.add(target, p, target[p], endValue, index, targets);\n } else {\n (0, _gsapCore._missingPlugin)(p, endValue);\n continue;\n }\n } else {\n _tweenComplexCSSString.call(this, target, p, startValue, endValue);\n }\n\n props.push(p);\n }\n }\n\n if (hasPriority) {\n (0, _gsapCore._sortPropTweensByPriority)(this);\n }\n },\n get: _get,\n aliases: _propertyAliases,\n getSetter: function getSetter(target, property, plugin) {\n //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.\n var p = _propertyAliases[property];\n p && p.indexOf(\",\") < 0 && (property = p);\n 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 && !(0, _gsapCore._isUndefined)(target.style[property]) ? _setterCSSStyle : ~property.indexOf(\"-\") ? _setterCSSProp : (0, _gsapCore._getSetter)(target, property);\n },\n core: {\n _removeProperty: _removeProperty,\n _getMatrix: _getMatrix\n }\n};\nexports.default = exports.CSSPlugin = CSSPlugin;\n_gsapCore.gsap.utils.checkPrefix = _checkPropPrefix;\n\n(function (positionAndScale, rotation, others, aliases) {\n var all = (0, _gsapCore._forEachName)(positionAndScale + \",\" + rotation + \",\" + others, function (name) {\n _transformProps[name] = 1;\n });\n (0, _gsapCore._forEachName)(rotation, function (name) {\n _gsapCore._config.units[name] = \"deg\";\n _rotationalProperties[name] = 1;\n });\n _propertyAliases[all[13]] = positionAndScale + \",\" + rotation;\n (0, _gsapCore._forEachName)(aliases, function (name) {\n var split = name.split(\":\");\n _propertyAliases[split[1]] = all[split[0]];\n });\n})(\"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\");\n\n(0, _gsapCore._forEachName)(\"x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective\", function (name) {\n _gsapCore._config.units[name] = \"px\";\n});\n\n_gsapCore.gsap.registerPlugin(CSSPlugin);\n\n},{\"./gsap-core.js\":13}],3:[function(require,module,exports){\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.CSSRulePlugin = void 0;\n\n/*!\n * CSSRulePlugin 3.2.6\n * https://greensock.com\n *\n * @license Copyright 2008-2020, GreenSock. All rights reserved.\n * Subject to the terms at https://greensock.com/standard-license or for\n * Club GreenSock members, the agreement issued with that membership.\n * @author: Jack Doyle, jack@greensock.com\n*/\n\n/* eslint-disable */\nvar gsap,\n _coreInitted,\n _win,\n _doc,\n CSSPlugin,\n _windowExists = function _windowExists() {\n return typeof window !== \"undefined\";\n},\n _getGSAP = function _getGSAP() {\n return gsap || _windowExists() && (gsap = window.gsap) && gsap.registerPlugin && gsap;\n},\n _checkRegister = function _checkRegister() {\n if (!_coreInitted) {\n _initCore();\n\n if (!CSSPlugin) {\n console.warn(\"Please gsap.registerPlugin(CSSPlugin, CSSRulePlugin)\");\n }\n }\n\n return _coreInitted;\n},\n _initCore = function _initCore(core) {\n gsap = core || _getGSAP();\n\n if (_windowExists()) {\n _win = window;\n _doc = document;\n }\n\n if (gsap) {\n CSSPlugin = gsap.plugins.css;\n\n if (CSSPlugin) {\n _coreInitted = 1;\n }\n }\n};\n\nvar CSSRulePlugin = {\n version: \"3.2.6\",\n name: \"cssRule\",\n init: function init(target, value, tween, index, targets) {\n if (!_checkRegister() || typeof target.cssText === \"undefined\") {\n return false;\n }\n\n var div = target._gsProxy = target._gsProxy || _doc.createElement(\"div\");\n\n this.ss = target;\n this.style = div.style;\n div.style.cssText = target.cssText;\n CSSPlugin.prototype.init.call(this, div, value, tween, index, targets); //we just offload all the work to the regular CSSPlugin and then copy the cssText back over to the rule in the render() method. This allows us to have all of the updates to CSSPlugin automatically flow through to CSSRulePlugin instead of having to maintain both\n },\n render: function render(ratio, data) {\n var pt = data._pt,\n style = data.style,\n ss = data.ss,\n i;\n\n while (pt) {\n pt.r(ratio, pt.d);\n pt = pt._next;\n }\n\n i = style.length;\n\n while (--i > -1) {\n ss[style[i]] = style[style[i]];\n }\n },\n getRule: function getRule(selector) {\n _checkRegister();\n\n var ruleProp = _doc.all ? \"rules\" : \"cssRules\",\n styleSheets = _doc.styleSheets,\n i = styleSheets.length,\n pseudo = selector.charAt(0) === \":\",\n j,\n curSS,\n cs,\n a;\n selector = (pseudo ? \"\" : \",\") + selector.split(\"::\").join(\":\").toLowerCase() + \",\"; //note: old versions of IE report tag name selectors as upper case, so we just change everything to lowercase.\n\n if (pseudo) {\n a = [];\n }\n\n while (i--) {\n //Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.\n try {\n curSS = styleSheets[i][ruleProp];\n\n if (!curSS) {\n continue;\n }\n\n j = curSS.length;\n } catch (e) {\n console.warn(e);\n continue;\n }\n\n while (--j > -1) {\n cs = curSS[j];\n\n if (cs.selectorText && (\",\" + cs.selectorText.split(\"::\").join(\":\").toLowerCase() + \",\").indexOf(selector) !== -1) {\n //note: IE adds an extra \":\" to pseudo selectors, so .myClass:after becomes .myClass::after, so we need to strip the extra one out.\n if (pseudo) {\n a.push(cs.style);\n } else {\n return cs.style;\n }\n }\n }\n }\n\n return a;\n },\n register: _initCore\n};\nexports.default = exports.CSSRulePlugin = CSSRulePlugin;\n_getGSAP() && gsap.registerPlugin(CSSRulePlugin);\n\n},{}],4:[function(require,module,exports){\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Draggable = void 0;\n\nvar _matrix = require(\"./utils/matrix.js\");\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n/*!\n * Draggable 3.2.6\n * https://greensock.com\n *\n * @license Copyright 2008-2020, GreenSock. All rights reserved.\n * Subject to the terms at https://greensock.com/standard-license or for\n * Club GreenSock members, the agreement issued with that membership.\n * @author: Jack Doyle, jack@greensock.com\n */\n\n/* eslint-disable */\n\n\nvar gsap,\n _win,\n _doc,\n _docElement,\n _body,\n _tempDiv,\n _placeholderDiv,\n _coreInitted,\n _checkPrefix,\n _toArray,\n _supportsPassive,\n _isTouchDevice,\n _touchEventLookup,\n _dragCount,\n _isMultiTouching,\n _isAndroid,\n InertiaPlugin,\n _defaultCursor,\n _supportsPointer,\n _windowExists = function _windowExists() {\n return typeof window !== \"undefined\";\n},\n _getGSAP = function _getGSAP() {\n return gsap || _windowExists() && (gsap = window.gsap) && gsap.registerPlugin && gsap;\n},\n _isFunction = function _isFunction(value) {\n return typeof value === \"function\";\n},\n _isObject = function _isObject(value) {\n return _typeof(value) === \"object\";\n},\n _isUndefined = function _isUndefined(value) {\n return typeof value === \"undefined\";\n},\n _emptyFunc = function _emptyFunc() {\n return false;\n},\n _transformProp = \"transform\",\n _transformOriginProp = \"transformOrigin\",\n _round = function _round(value) {\n return Math.round(value * 10000) / 10000;\n},\n _isArray = Array.isArray,\n _createElement = function _createElement(type, ns) {\n var e = _doc.createElementNS ? _doc.createElementNS((ns || \"http://www.w3.org/1999/xhtml\").replace(/^https/, \"http\"), type) : _doc.createElement(type); //some servers swap in https for http in the namespace which can break things, making \"style\" inaccessible.\n\n return e.style ? e : _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://greensock.com/forums/topic/20215-problem-using-tweenmax-in-standalone-self-containing-svg-file-err-cannot-set-property-csstext-of-undefined/).\n},\n _RAD2DEG = 180 / Math.PI,\n _bigNum = 1e20,\n _identityMatrix = new _matrix.Matrix2D(),\n _getTime = Date.now || function () {\n return new Date().getTime();\n},\n _renderQueue = [],\n _lookup = {},\n //when a Draggable is created, the target gets a unique _gsDragID property that allows gets associated with the Draggable instance for quick lookups in Draggable.get(). This avoids circular references that could cause gc problems.\n_lookupCount = 0,\n _clickableTagExp = /^(?:a|input|textarea|button|select)$/i,\n _lastDragTime = 0,\n _temp1 = {},\n // a simple object we reuse and populate (usually x/y properties) to conserve memory and improve performance.\n_windowProxy = {},\n //memory/performance optimization - we reuse this object during autoScroll to store window-related bounds/offsets.\n_copy = function _copy(obj, factor) {\n var copy = {},\n p;\n\n for (p in obj) {\n copy[p] = factor ? obj[p] * factor : obj[p];\n }\n\n return copy;\n},\n _extend = function _extend(obj, defaults) {\n for (var p in defaults) {\n if (!(p in obj)) {\n obj[p] = defaults[p];\n }\n }\n\n return obj;\n},\n _renderQueueTick = function _renderQueueTick() {\n return _renderQueue.forEach(function (func) {\n return func();\n });\n},\n _addToRenderQueue = function _addToRenderQueue(func) {\n _renderQueue.push(func);\n\n if (_renderQueue.length === 1) {\n gsap.ticker.add(_renderQueueTick);\n }\n},\n _renderQueueTimeout = function _renderQueueTimeout() {\n return !_renderQueue.length && gsap.ticker.remove(_renderQueueTick);\n},\n _removeFromRenderQueue = function _removeFromRenderQueue(func) {\n var i = _renderQueue.length;\n\n while (i--) {\n if (_renderQueue[i] === func) {\n _renderQueue.splice(i, 1);\n }\n }\n\n gsap.to(_renderQueueTimeout, {\n overwrite: true,\n delay: 15,\n duration: 0,\n onComplete: _renderQueueTimeout,\n data: \"_draggable\"\n }); //remove the \"tick\" listener only after the render queue is empty for 15 seconds (to improve performance). Adding/removing it constantly for every click/touch wouldn't deliver optimal speed, and we also don't want the ticker to keep calling the render method when things are idle for long periods of time (we want to improve battery life on mobile devices).\n},\n _setDefaults = function _setDefaults(obj, defaults) {\n for (var p in defaults) {\n if (!(p in obj)) {\n obj[p] = defaults[p];\n }\n }\n\n return obj;\n},\n _addListener = function _addListener(element, type, func, capture) {\n if (element.addEventListener) {\n var touchType = _touchEventLookup[type];\n capture = capture || (_supportsPassive ? {\n passive: false\n } : null);\n element.addEventListener(touchType || type, func, capture);\n\n if (touchType && type !== touchType && touchType.substr(0, 7) !== \"pointer\") {\n //some browsers actually support both, so must we. But pointer events cover all.\n element.addEventListener(type, func, capture);\n }\n }\n},\n _removeListener = function _removeListener(element, type, func) {\n if (element.removeEventListener) {\n var touchType = _touchEventLookup[type];\n element.removeEventListener(touchType || type, func);\n\n if (touchType && type !== touchType && touchType.substr(0, 7) !== \"pointer\") {\n element.removeEventListener(type, func);\n }\n }\n},\n _preventDefault = function _preventDefault(event) {\n if (event.preventDefault) {\n event.preventDefault();\n\n if (event.preventManipulation) {\n event.preventManipulation(); //for some Microsoft browsers\n }\n }\n},\n _hasTouchID = function _hasTouchID(list, ID) {\n var i = list.length;\n\n while (i--) {\n if (list[i].identifier === ID) {\n return true;\n }\n }\n},\n _onMultiTouchDocumentEnd = function _onMultiTouchDocumentEnd(event) {\n _isMultiTouching = event.touches && _dragCount < event.touches.length;\n\n _removeListener(event.target, \"touchend\", _onMultiTouchDocumentEnd);\n},\n _onMultiTouchDocument = function _onMultiTouchDocument(event) {\n _isMultiTouching = event.touches && _dragCount < event.touches.length;\n\n _addListener(event.target, \"touchend\", _onMultiTouchDocumentEnd);\n},\n _getDocScrollTop = function _getDocScrollTop(doc) {\n return _win.pageYOffset || doc.scrollTop || doc.documentElement.scrollTop || doc.body.scrollTop || 0;\n},\n _getDocScrollLeft = function _getDocScrollLeft(doc) {\n return _win.pageXOffset || doc.scrollLeft || doc.documentElement.scrollLeft || doc.body.scrollLeft || 0;\n},\n _addScrollListener = function _addScrollListener(e, callback) {\n _addListener(e, \"scroll\", callback);\n\n if (!_isRoot(e.parentNode)) {\n _addScrollListener(e.parentNode, callback);\n }\n},\n _removeScrollListener = function _removeScrollListener(e, callback) {\n _removeListener(e, \"scroll\", callback);\n\n if (!_isRoot(e.parentNode)) {\n _removeScrollListener(e.parentNode, callback);\n }\n},\n _isRoot = function _isRoot(e) {\n return !!(!e || e === _docElement || e.nodeType === 9 || e === _doc.body || e === _win || !e.nodeType || !e.parentNode);\n},\n _getMaxScroll = function _getMaxScroll(element, axis) {\n var dim = axis === \"x\" ? \"Width\" : \"Height\",\n scroll = \"scroll\" + dim,\n client = \"client\" + dim;\n return Math.max(0, _isRoot(element) ? Math.max(_docElement[scroll], _body[scroll]) - (_win[\"inner\" + dim] || _docElement[client] || _body[client]) : element[scroll] - element[client]);\n},\n _recordMaxScrolls = function _recordMaxScrolls(e, skipCurrent) {\n //records _gsMaxScrollX and _gsMaxScrollY properties for the element and all ancestors up the chain so that we can cap it, otherwise dragging beyond the edges with autoScroll on can endlessly scroll.\n var x = _getMaxScroll(e, \"x\"),\n y = _getMaxScroll(e, \"y\");\n\n if (_isRoot(e)) {\n e = _windowProxy;\n } else {\n _recordMaxScrolls(e.parentNode, skipCurrent);\n }\n\n e._gsMaxScrollX = x;\n e._gsMaxScrollY = y;\n\n if (!skipCurrent) {\n e._gsScrollX = e.scrollLeft || 0;\n e._gsScrollY = e.scrollTop || 0;\n }\n},\n _setStyle = function _setStyle(element, property, value) {\n var style = element.style;\n\n if (!style) {\n return;\n }\n\n if (_isUndefined(style[property])) {\n property = _checkPrefix(property, element) || property;\n }\n\n if (value == null) {\n style.removeProperty && style.removeProperty(property.replace(/([A-Z])/g, \"-$1\").toLowerCase());\n } else {\n style[property] = value;\n }\n},\n _getComputedStyle = function _getComputedStyle(element) {\n return _win.getComputedStyle(element instanceof Element ? element : element.host || (element.parentNode || {}).host || element);\n},\n //the \"host\" stuff helps to accommodate ShadowDom objects.\n_tempRect = {},\n //reuse to reduce garbage collection tasks\n_parseRect = function _parseRect(e) {\n //accepts a DOM element, a mouse event, or a rectangle object and returns the corresponding rectangle with left, right, width, height, top, and bottom properties\n if (e === _win) {\n _tempRect.left = _tempRect.top = 0;\n _tempRect.width = _tempRect.right = _docElement.clientWidth || e.innerWidth || _body.clientWidth || 0;\n _tempRect.height = _tempRect.bottom = (e.innerHeight || 0) - 20 < _docElement.clientHeight ? _docElement.clientHeight : e.innerHeight || _body.clientHeight || 0;\n return _tempRect;\n }\n\n var doc = e.ownerDocument || _doc,\n r = !_isUndefined(e.pageX) ? {\n left: e.pageX - _getDocScrollLeft(doc),\n top: e.pageY - _getDocScrollTop(doc),\n right: e.pageX - _getDocScrollLeft(doc) + 1,\n bottom: e.pageY - _getDocScrollTop(doc) + 1\n } : !e.nodeType && !_isUndefined(e.left) && !_isUndefined(e.top) ? e : _toArray(e)[0].getBoundingClientRect();\n\n if (_isUndefined(r.right) && !_isUndefined(r.width)) {\n r.right = r.left + r.width;\n r.bottom = r.top + r.height;\n } else if (_isUndefined(r.width)) {\n //some browsers don't include width and height properties. We can't just set them directly on r because some browsers throw errors, so create a new generic object.\n r = {\n width: r.right - r.left,\n height: r.bottom - r.top,\n right: r.right,\n left: r.left,\n bottom: r.bottom,\n top: r.top\n };\n }\n\n return r;\n},\n _dispatchEvent = function _dispatchEvent(target, type, callbackName) {\n var vars = target.vars,\n callback = vars[callbackName],\n listeners = target._listeners[type],\n result;\n\n if (_isFunction(callback)) {\n result = callback.apply(vars.callbackScope || target, vars[callbackName + \"Params\"] || [target.pointerEvent]);\n }\n\n if (listeners && target.dispatchEvent(type) === false) {\n result = false;\n }\n\n return result;\n},\n _getBounds = function _getBounds(target, context) {\n //accepts any of the following: a DOM element, jQuery object, selector text, or an object defining bounds as {top, left, width, height} or {minX, maxX, minY, maxY}. Returns an object with left, top, width, and height properties.\n var e = _toArray(target)[0],\n top,\n left,\n offset;\n\n if (!e.nodeType && e !== _win) {\n if (!_isUndefined(target.left)) {\n offset = {\n x: 0,\n y: 0\n }; //_getOffsetTransformOrigin(context); //the bounds should be relative to the origin\n\n return {\n left: target.left - offset.x,\n top: target.top - offset.y,\n width: target.width,\n height: target.height\n };\n }\n\n left = target.min || target.minX || target.minRotation || 0;\n top = target.min || target.minY || 0;\n return {\n left: left,\n top: top,\n width: (target.max || target.maxX || target.maxRotation || 0) - left,\n height: (target.max || target.maxY || 0) - top\n };\n }\n\n return _getElementBounds(e, context);\n},\n _point1 = {},\n //we reuse to minimize garbage collection tasks.\n_getElementBounds = function _getElementBounds(element, context) {\n context = _toArray(context)[0];\n var isSVG = element.getBBox && element.ownerSVGElement,\n doc = element.ownerDocument || _doc,\n left,\n right,\n top,\n bottom,\n matrix,\n p1,\n p2,\n p3,\n p4,\n bbox,\n width,\n height,\n cs,\n contextParent;\n\n if (element === _win) {\n top = _getDocScrollTop(doc);\n left = _getDocScrollLeft(doc);\n right = left + (doc.documentElement.clientWidth || element.innerWidth || doc.body.clientWidth || 0);\n bottom = top + ((element.innerHeight || 0) - 20 < doc.documentElement.clientHeight ? doc.documentElement.clientHeight : element.innerHeight || doc.body.clientHeight || 0); //some browsers (like Firefox) ignore absolutely positioned elements, and collapse the height of the documentElement, so it could be 8px, for example, if you have just an absolutely positioned div. In that case, we use the innerHeight to resolve this.\n } else if (context === _win || _isUndefined(context)) {\n return element.getBoundingClientRect();\n } else {\n left = top = 0;\n\n if (isSVG) {\n bbox = element.getBBox();\n width = bbox.width;\n height = bbox.height;\n } else {\n if (element.viewBox && (bbox = element.viewBox.baseVal)) {\n left = bbox.x || 0;\n top = bbox.y || 0;\n width = bbox.width;\n height = bbox.height;\n }\n\n if (!width) {\n cs = _getComputedStyle(element);\n width = (parseFloat(cs.width) || element.clientWidth || 0) + parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth);\n height = (parseFloat(cs.height) || element.clientHeight || 0) + parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n }\n }\n\n right = width;\n bottom = height;\n }\n\n if (element === context) {\n return {\n left: left,\n top: top,\n width: right - left,\n height: bottom - top\n };\n }\n\n matrix = (0, _matrix.getGlobalMatrix)(context, true).multiply((0, _matrix.getGlobalMatrix)(element));\n p1 = matrix.apply({\n x: left,\n y: top\n });\n p2 = matrix.apply({\n x: right,\n y: top\n });\n p3 = matrix.apply({\n x: right,\n y: bottom\n });\n p4 = matrix.apply({\n x: left,\n y: bottom\n });\n left = Math.min(p1.x, p2.x, p3.x, p4.x);\n top = Math.min(p1.y, p2.y, p3.y, p4.y);\n contextParent = context.parentNode || {};\n return {\n left: left + (contextParent.scrollLeft || 0),\n top: top + (contextParent.scrollTop || 0),\n width: Math.max(p1.x, p2.x, p3.x, p4.x) - left,\n height: Math.max(p1.y, p2.y, p3.y, p4.y) - top\n };\n},\n _parseInertia = function _parseInertia(draggable, snap, max, min, factor, forceZeroVelocity) {\n var vars = {},\n a,\n i,\n l;\n\n if (snap) {\n if (factor !== 1 && snap instanceof Array) {\n //some data must be altered to make sense, like if the user passes in an array of rotational values in degrees, we must convert it to radians. Or for scrollLeft and scrollTop, we invert the values.\n vars.end = a = [];\n l = snap.length;\n\n if (_isObject(snap[0])) {\n //if the array is populated with objects, like points ({x:100, y:200}), make copies before multiplying by the factor, otherwise we'll mess up the originals and the user may reuse it elsewhere.\n for (i = 0; i < l; i++) {\n a[i] = _copy(snap[i], factor);\n }\n } else {\n for (i = 0; i < l; i++) {\n a[i] = snap[i] * factor;\n }\n }\n\n max += 1.1; //allow 1.1 pixels of wiggle room when snapping in order to work around some browser inconsistencies in the way bounds are reported which can make them roughly a pixel off. For example, if \"snap:[-$('#menu').width(), 0]\" was defined and #menu had a wrapper that was used as the bounds, some browsers would be one pixel off, making the minimum -752 for example when snap was [-753,0], thus instead of snapping to -753, it would snap to 0 since -753 was below the minimum.\n\n min -= 1.1;\n } else if (_isFunction(snap)) {\n vars.end = function (value) {\n var result = snap.call(draggable, value),\n copy,\n p;\n\n if (factor !== 1) {\n if (_isObject(result)) {\n copy = {};\n\n for (p in result) {\n copy[p] = result[p] * factor;\n }\n\n result = copy;\n } else {\n result *= factor;\n }\n }\n\n return result; //we need to ensure that we can scope the function call to the Draggable instance itself so that users can access important values like maxX, minX, maxY, minY, x, and y from within that function.\n };\n } else {\n vars.end = snap;\n }\n }\n\n if (max || max === 0) {\n vars.max = max;\n }\n\n if (min || min === 0) {\n vars.min = min;\n }\n\n if (forceZeroVelocity) {\n vars.velocity = 0;\n }\n\n return vars;\n},\n _isClickable = function _isClickable(element) {\n //sometimes it's convenient to mark an element as clickable by adding a data-clickable=\"true\" attribute (in which case we won't preventDefault() the mouse/touch event). This method checks if the element is an , , or