\";\r\n }\r\n }\r\n\r\n if (trending.length == 1) {\r\n resultHtml += \"\";\r\n resultHtml += \"\";\r\n } else if (trending.length == 2) {\r\n resultHtml += \"\";\r\n }\r\n\r\n document.querySelector('.current-trendings').innerHTML = resultHtml;\r\n\r\n addToAnalytics(document.querySelector('.current-trendings').querySelectorAll('a'), 'Trending Resource Listing');\r\n\r\n\r\n });\r\n }\r\n }, true);\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin} from \"gsap/all\";\r\nconst plugins = [CSSPlugin]; \r\n\r\nexport default class InputQty {\r\n constructor() {\r\n this.name = 'InputQty';\r\n this.selector = '.qty';\r\n\r\n \r\n const targets = document.querySelectorAll(this.selector);\r\n\r\n if (targets === null || targets.length === 0) {\r\n return;\r\n }\r\n\r\n const animateCounter = (curEl, newEl, dir, val) => { \r\n newEl.innerHTML = curEl.innerHTML; \r\n newEl.style.cssText = \"top: 50%;\";\r\n if (dir === \"up\") {\r\n curEl.style.cssText = \"top: -50%;\";\r\n curEl.innerHTML = val; \r\n TweenLite.to(curEl, .2, { top: \"50%\" });\r\n TweenLite.to(newEl, .2, { top: \"150%\" });\r\n } else if (dir === \"down\") { \r\n curEl.style.cssText = \"top: 150%;\";\r\n curEl.innerHTML = val;\r\n TweenLite.to(curEl, .2, { top: \"50%\" });\r\n TweenLite.to(newEl, .2, { top: \"-50%\" });\r\n }\r\n };\r\n for (var i = 0; i < targets.length; i++) {\r\n var trg = targets[i]; \r\n let inputTarget = trg.getElementsByClassName(\"stepperHidden\")[0];\r\n let decrement = trg.getElementsByClassName(\"decrement\")[0];\r\n let increment = trg.getElementsByClassName(\"increment\")[0];\r\n let newValue = trg.getElementsByClassName(\"newValue\")[0];\r\n let currentValue = trg.getElementsByClassName(\"currentValue\")[0];\r\n let inputItem = trg;\r\n\r\n trg.getElementsByClassName(\"decrement\")[0].addEventListener(\"click\", evt => {\r\n if (decrement.classList.contains(\"inactive\") || inputItem.classList.contains(\"inactive\")) {\r\n evt.preventDefault();\r\n return false;\r\n }\r\n \r\n const val = parseInt(inputTarget.value) - 1;\r\n inputTarget.value = val;\r\n\r\n animateCounter(currentValue, newValue, \"down\", val);\r\n\r\n\r\n if (inputTarget.value == 0) {\r\n decrement.classList.add(\"inactive\");\r\n } else {\r\n decrement.classList.remove(\"inactive\");\r\n }\r\n\r\n evt.preventDefault();\r\n });\r\n\r\n trg.getElementsByClassName(\"increment\")[0].addEventListener(\"click\", evt => {\r\n if (increment.classList.contains(\"inactive\") || inputItem.classList.contains(\"inactive\")) {\r\n evt.preventDefault();\r\n return false;\r\n }\r\n\r\n const val = parseInt(inputTarget.value) + 1;\r\n inputTarget.value = val;\r\n animateCounter(currentValue, newValue, \"up\", val);\r\n\r\n if (inputTarget.value == 0) {\r\n decrement.classList.add(\"inactive\");\r\n } else {\r\n decrement.classList.remove(\"inactive\");\r\n }\r\n\r\n evt.preventDefault();\r\n });\r\n };\r\n\r\n\r\n }\r\n\r\n}","'use strict';\r\n\r\nexport default class VideoPlayer {\r\n constructor() {\r\n this.name = 'G.com Video Player';\r\n const that = this;\r\n\r\n \r\n this.elements = document.querySelectorAll('video.autoplay');\r\n \r\n \r\n \r\n if (!this.elements || this.elements.length == 0) {\r\n return;\r\n }\r\n this.windowHeight = window.innerHeight;\r\n let isScrolling = false;\r\n\r\n const checkPosition = () => {\r\n\r\n\r\n for (var i = 0; i < this.elements.length; i++) {\r\n let video = this.elements[i];\r\n let position = video.getBoundingClientRect();\r\n\r\n let isHidden = getComputedStyle(video).display == \"none\";\r\n\r\n\r\n\r\n if (isHidden) {\r\n continue;\r\n }\r\n\r\n \r\n \r\n // checking whether fully visible\r\n let shouldPlay = false;\r\n\r\n if (position.top >= 0 && position.bottom <= window.innerHeight) {\r\n shouldPlay = true;\r\n } else if (position.top < window.innerHeight && position.bottom >= 0) {\r\n shouldPlay = true;\r\n } \r\n\r\n\r\n //console.log(\"video:: \", video, \" :: \" , position.top, \" :: \", position.bottom);\r\n if (position.top >= window.innerHeight && position.top <= (window.innerHeight + (window.innerHeight * .5)) && video.getAttribute(\"preload\") != \"auto\") {\r\n //console.log(\"video:: \", video.getAttribute(\"id\"));\r\n video.setAttribute(\"preload\", \"auto\");\r\n }\r\n\r\n if (shouldPlay && !video.classList.contains('playing')) {\r\n if (video.paused) {\r\n video.play();\r\n }\r\n video.classList.add('playing');\r\n } else if (!shouldPlay && video.classList.contains('playing')) {\r\n\r\n \r\n \r\n\r\n if (!video.classList.contains('playonce') && video.classList.contains('playing') ) {\r\n video.classList.remove('playing');\r\n video.pause();\r\n }\r\n } \r\n\r\n }\r\n };\r\n\r\n // Listen for scroll events\r\n window.addEventListener('scroll', function (event) {\r\n\r\n // Clear our timeout throughout the scroll\r\n window.clearTimeout(isScrolling);\r\n\r\n // Set a timeout to run after scrolling ends\r\n isScrolling = setTimeout(function () {\r\n\r\n // Run the callback\r\n checkPosition();\r\n\r\n }, 66);\r\n\r\n }, false);\r\n\r\n\r\n\r\n //for (var i = 0; i < this.elements.length; i++) {\r\n // let video = this.elements[i];\r\n // let isHidden = getComputedStyle(video).display == \"none\";\r\n // if (!isHidden) {\r\n\r\n // video.setAttribute(\"preload\", \"auto\");\r\n // } \r\n //}\r\n\r\n\r\n\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin];\r\n\r\nexport default class Modals {\r\n constructor() {\r\n this.name = 'Modals';\r\n\r\n const allModals = document.querySelectorAll('.modalBtn');\r\n const allProductModals = document.querySelectorAll('.products__grid__item .modalBtn');\r\n const allInterModals = document.getElementsByClassName('interModal');\r\n const allArrows = document.getElementsByClassName('arrow');\r\n const closeBtns = document.getElementsByClassName('modal__close');\r\n const bodyWidth = document.getElementsByTagName('body')[0].offsetWidth;\r\n\r\n const modalHeader = document.querySelector(\".modal__content__header\");\r\n const modalBody = document.querySelector(\".modal__content__body\");\r\n\r\n const getUrlParameter = (name) => {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\r\n var results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n };\r\n\r\n window.currentSort = 0;\r\n const maxSort = allProductModals.length - 1;\r\n window.enable_close = false;\r\n\r\n for (var i = 0; i < allProductModals.length; i++) {\r\n allProductModals[i].dataset.sort = i;\r\n }\r\n\r\n\r\n const setModal = (index) => {\r\n let thisItem = document.querySelector('a[data-sort=\"' + index + '\"]'); \r\n\r\n //console.log(\"this Item:: \", thisItem);\r\n\r\n TweenLite.to(modalHeader, .5, {\r\n alpha: 0, onComplete: function () {\r\n document.querySelector(\"#modalName\").innerHTML = thisItem.dataset.name;\r\n TweenLite.to(modalHeader, .5, { alpha: 1 });\r\n }\r\n \r\n });\r\n\r\n TweenLite.to(modalBody, .5, {\r\n alpha: 0, onComplete: function () {\r\n document.querySelector(\"#modalImage\").innerHTML = \"\";\r\n document.querySelector(\"#modalNutrition\").innerHTML = \"
\";\r\n Label.init();\r\n TweenLite.to(modalBody, .5, { alpha: 1 });\r\n }\r\n\r\n \r\n });\r\n\r\n };\r\n\r\n\r\n if (allArrows.length) {\r\n for (var i = 0; i < allArrows.length; i++) {\r\n allArrows[i].addEventListener('click', (e) => {\r\n let dir = e.currentTarget.classList.contains(\"arrowRight\") ? \"right\" : \"left\";\r\n\r\n let sortNumLeft = window.currentSort == 0 ? maxSort : window.currentSort - 1;\r\n let sortNumRight = window.currentSort == maxSort ? 0 : window.currentSort + 1;\r\n\r\n if (dir == \"left\") {\r\n window.currentSort = sortNumLeft;\r\n setModal(sortNumLeft);\r\n } else {\r\n window.currentSort = sortNumRight;\r\n setModal(sortNumRight);\r\n }\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n if (allInterModals.length) {\r\n for (var i = 0; i < allInterModals.length; i++) {\r\n allInterModals[i].addEventListener(\"click\", (e) => {\r\n\r\n var modal = e.currentTarget.dataset.modal;\r\n var target = e.currentTarget.dataset.container;\r\n\r\n var allContainers = document.querySelectorAll(\"#\" + modal + \" .modalContainer\");\r\n\r\n for (var ii = 0; ii < allContainers.length; ii++) {\r\n allContainers[ii].classList.add(\"hidden\");\r\n }\r\n\r\n document.querySelector('#' + target).classList.remove('hidden');\r\n \r\n\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n window.addEventListener(\"open-modal\", (e) => {\r\n \r\n var modal = document.getElementById(e.detail.modal);\r\n var interModal = e.detail.interModal;\r\n\r\n if (modal) {\r\n modal.classList.remove(\"close\");\r\n modal.classList.add(\"open\");\r\n\r\n if (e.detail.hasOwnProperty(\"defaultmodal\") && e.detail.defaultmodal == \"unsubscribe\") {\r\n document.querySelector('#GPAPIModal iframe').style.opacity = 0;\r\n }\r\n\r\n\r\n\r\n document.getElementsByTagName('body')[0].classList.add('modal-open');\r\n let bodyWidthModal = document.getElementsByTagName('body')[0].offsetWidth - bodyWidth;\r\n\r\n document.getElementsByTagName('body')[0].style.marginRight = bodyWidthModal + \"px\";\r\n\r\n let modals = document.getElementsByClassName('modal');\r\n\r\n for (var i = 0; i < modals.length; i++) {\r\n modals[i].style.paddingRight = bodyWidthModal + \"px\";\r\n }\r\n\r\n if (parseInt(window.outerWidth) < 768) {\r\n window.outerWidth = 0;\r\n }\r\n\r\n window.dispatchEvent(new CustomEvent(\"scrollbar-width\", { detail: parseInt(bodyWidthModal) }));\r\n window.dispatchEvent(new CustomEvent(\"modal-open\", { detail: e.detail.modal }));\r\n\r\n document.getElementsByTagName('body')[0].style.marginRight = bodyWidthModal + \"px\";\r\n document.getElementsByTagName('body')[0].style.backgroundColor = \"#f3f1f0\";\r\n\r\n if (window.outerWidth >= 768) {\r\n\r\n const navMargin = getComputedStyle(document.querySelector('nav')).marginRight;\r\n \r\n }\r\n\r\n if (interModal) {\r\n var allContainers = modal.querySelectorAll(\" .modalContainer\");\r\n \r\n for (var ii = 0; ii < allContainers.length; ii++) {\r\n allContainers[ii].classList.add(\"hidden\");\r\n }\r\n\r\n document.querySelector('#' + interModal).classList.remove('hidden');\r\n }\r\n\r\n var defaultModal = e.detail.defaultmodal;\r\n var grmId = e.detail.grmId;\r\n\r\n\r\n //GRM MATCHING DATA LOAD - \r\n \r\n \r\n var dataString = \"\";\r\n var contactIdVal = getUrlParameter(\"grm_id\");\r\n var gppVal = getUrlParameter(\"gpp_id\");\r\n var firstNameVal = getUrlParameter(\"first_name\");\r\n var lastNameVal = getUrlParameter(\"last_name\");\r\n var gssiVal = getUrlParameter(\"gssi_id\");\r\n var utmSource = getUrlParameter(\"utm_source\");\r\n var utmCampaign = getUrlParameter(\"utm_campaign\");\r\n var utmMedium = getUrlParameter(\"utm_medium\");\r\n\r\n\r\n if (contactIdVal) {\r\n dataString = \"grm_id=\" + contactIdVal;\r\n }\r\n\r\n if (gppVal) {\r\n dataString += \"&gpp_id=\" + gppVal;\r\n }\r\n\r\n if (firstNameVal && lastNameVal) {\r\n // dataString += \"&name_id=\" + btoa(firstNameVal + \"_\" + lastNameVal);\r\n }\r\n\r\n if (gssiVal) {\r\n dataString += \"&gssi_id=\" + gssiVal;\r\n }\r\n\r\n if (utmSource) {\r\n dataString += \"&utm_source=\" + utmSource;\r\n }\r\n\r\n if (utmCampaign) {\r\n dataString += \"&utm_campaign=\" + utmCampaign;\r\n }\r\n\r\n if (utmMedium) {\r\n dataString += \"&utm_medium=\" + utmMedium;\r\n }\r\n\r\n\r\n if (defaultModal && is_safari == false ) {\r\n defaultModal = e.detail.defaultmodal.toLowerCase();\r\n let url = document.querySelector('#GPAPIModal iframe').getAttribute(\"src\").toLowerCase()\r\n let urlParts = url.split('/');\r\n\r\n if (document.querySelector('#GPAPIModal iframe').dataset.src) {\r\n url = document.querySelector('#GPAPIModal iframe').dataset.src.toLowerCase();\r\n }\r\n\r\n\r\n \r\n\r\n if (dataString.length) {\r\n dataString = \"&\" + dataString;\r\n }\r\n\r\n\r\n if (grmId) {\r\n dataString = \"&grm_id=\" + grmId;\r\n }\r\n \r\n if (urlParts.length >= 6) {\r\n var newUrl = url.replace(urlParts[5], defaultModal + \"?mode=gpp\" + dataString);\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", '');\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", newUrl);\r\n }\r\n\r\n setTimeout(function () {\r\n document.querySelector('#GPAPIModal iframe').style.opacity = 1;\r\n\r\n document.querySelector(\"#GPAPIModal\").style.display = \"block\";\r\n\r\n if (document.querySelector(\"#login-form\")) {\r\n var innerTest = document.querySelector(\"#login-form\").innerHTML;\r\n document.querySelector(\"#login-form\").innerHTML = \"\";\r\n document.querySelector(\"#login-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n } else if (document.querySelector(\"#register-form\")) {\r\n var innerTest = document.querySelector(\"#register-form\").innerHTML;\r\n document.querySelector(\"#register-form\").innerHTML = \"\";\r\n document.querySelector(\"#register-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n }\r\n }, 1500);\r\n \r\n\r\n\r\n } else if (defaultModal && (is_safari == true)) {\r\n\r\n if (defaultModal == \"loginform\") {\r\n\r\n window.safariLogin = window.safariLogin + \"?rqst=\" + document.querySelector('input[name=__RequestVerificationToken]').value;\r\n\r\n if (dataString.length) {\r\n window.location.href = window.safariLogin.toLowerCase().indexOf(\"?\") >= 0 ? window.safariLogin + \"&\" + dataString : window.safariLogin + \"?\" + dataString;\r\n } else {\r\n window.location.href = window.safariLogin\r\n }\r\n\r\n \r\n } else if (defaultModal == \"manageaccountform\") {\r\n window.location.href = window.safariManage;\r\n \r\n } else if (defaultModal == \"registerform\") {\r\n window.location.href = window.safariRegister;\r\n } else if (defaultModal == \"upgradeForm\") {\r\n window.location.href = window.safariUpgrade;\r\n } else if (defaultModal == \"emailoptions\") {\r\n window.location.href = window.safariEmail;\r\n } else if (defaultModal == \"unsubscribe\") {\r\n\r\n\r\n window.location.href = window.safariUnsubScribe + \"&grmId=\" + grmId;\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n if (!defaultModal && is_safari == false) {\r\n\r\n document.querySelector(\"#GPAPIModal\").style.display = \"block\";\r\n\r\n if (document.querySelector(\"#login-form\")) {\r\n var innerTest = document.querySelector(\"#login-form\").innerHTML;\r\n document.querySelector(\"#login-form\").innerHTML = \"\";\r\n document.querySelector(\"#login-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n } else if (document.querySelector(\"#register-form\")) {\r\n var innerTest = document.querySelector(\"#register-form\").innerHTML;\r\n document.querySelector(\"#register-form\").innerHTML = \"\";\r\n document.querySelector(\"#register-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n }\r\n }\r\n\r\n }\r\n });\r\n\r\n\r\n if (allModals.length) {\r\n\r\n for (var i = 0; i < allModals.length; i++) {\r\n allModals[i].addEventListener('click', (e) => {\r\n var thisItem = e.currentTarget;\r\n if (thisItem) {\r\n var modal = document.getElementById(\"productModal\");\r\n if (modal && thisItem.dataset.modal != \"siteWiseSearchModel\" && thisItem.dataset.modal != 'GPAPIModal') {\r\n\r\n window.currentSort = parseInt(thisItem.dataset.sort);\r\n document.querySelector(\"#modalName\").innerHTML = thisItem.dataset.name;\r\n document.querySelector(\"#modalImage\").innerHTML = \"\";\r\n document.querySelector(\"#modalNutrition\").innerHTML = \"
\";\r\n Label.init();\r\n modal.classList.remove(\"close\");\r\n modal.classList.add(\"open\");\r\n window.dispatchEvent(new CustomEvent(\"modal-open\", { detail: thisItem.dataset.modal }));\r\n document.getElementsByTagName('body')[0].classList.add('modal-open');\r\n //let bodyWidthModal = document.getElementsByTagName('body')[0].offsetWidth - bodyWidth;\r\n //document.getElementsByTagName('body')[0].style.marginRight = bodyWidthModal + \"px\";\r\n } else {\r\n \r\n\r\n var modal = document.getElementById(thisItem.dataset.modal);\r\n\r\n var defaultModal = thisItem.dataset.defaultmodal;\r\n\r\n if (modal) {\r\n modal.classList.remove(\"close\");\r\n modal.classList.add(\"open\");\r\n\r\n\r\n if (document.querySelector('.errorBox')) {\r\n document.querySelector('.errorBox').style.display = 'none';\r\n }\r\n\r\n if (defaultModal) {\r\n let url = document.querySelector('#GPAPIModal iframe').getAttribute(\"src\").toLowerCase();\r\n\r\n if (document.querySelector('#GPAPIModal iframe').dataset.src) {\r\n url = document.querySelector('#GPAPIModal iframe').dataset.src.toLowerCase();\r\n }\r\n\r\n //console.log(\"url:: \", url);\r\n\r\n var urlParts = url.split('/');\r\n if (urlParts.length >= 6) {\r\n var newUrl = url.replace(urlParts[5], defaultModal + \"?mode=gpp\");\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", '');\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", newUrl);\r\n }\r\n\r\n\r\n\r\n\r\n document.querySelector(\"#GPAPIModal\").style.display = \"block\";\r\n\r\n if (document.querySelector(\"#login-form\")) {\r\n var innerTest = document.querySelector(\"#login-form\").innerHTML;\r\n document.querySelector(\"#login-form\").innerHTML = \"\";\r\n document.querySelector(\"#login-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n } else if (document.querySelector(\"#register-form\")) {\r\n var innerTest = document.querySelector(\"#register-form\").innerHTML;\r\n document.querySelector(\"#register-form\").innerHTML = \"\";\r\n document.querySelector(\"#register-form\").innerHTML = innerTest;\r\n document.querySelector(\"#GPAPIModal\").style.display = \"\";\r\n } \r\n }\r\n\r\n\r\n\r\n document.getElementsByTagName('body')[0].classList.add('modal-open');\r\n let bodyWidthModal = document.getElementsByTagName('body')[0].offsetWidth - bodyWidth;\r\n\r\n document.getElementsByTagName('body')[0].style.marginRight = bodyWidthModal + \"px\";\r\n\r\n let modals = document.getElementsByClassName('modal');\r\n\r\n for (var i = 0; i < modals.length; i++) {\r\n modals[i].style.paddingRight = bodyWidthModal + \"px\";\r\n }\r\n\r\n if (parseInt(window.outerWidth) < 768) {\r\n window.outerWidth = 0;\r\n }\r\n\r\n window.dispatchEvent(new CustomEvent(\"scrollbar-width\", { detail: parseInt(bodyWidthModal) }));\r\n window.dispatchEvent(new CustomEvent(\"modal-open\", { detail: thisItem.dataset.modal }));\r\n\r\n document.getElementsByTagName('body')[0].style.marginRight = bodyWidthModal + \"px\";\r\n document.getElementsByTagName('body')[0].style.backgroundColor = \"#f3f1f0\";\r\n\r\n if (window.outerWidth >= 768) {\r\n\r\n const navMargin = getComputedStyle(document.querySelector('nav')).marginRight;\r\n //document.querySelector('nav').style.marginRight = (parseInt(navMargin) + parseInt(bodyWidthModal)) + \"px\";\r\n }\r\n\r\n }\r\n }\r\n }\r\n\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n if (closeBtns.length) {\r\n for (var i = 0; i < closeBtns.length; i++) {\r\n closeBtns[i].addEventListener('click', (e) => {\r\n\r\n \r\n var thisItem = e.currentTarget.parentElement.parentElement.classList.contains('open') ? e.currentTarget.parentElement.parentElement : e.currentTarget.parentElement;\r\n\r\n var currentModal = document.querySelector('.modal.open');\r\n\r\n if (currentModal.getAttribute(\"id\") == \"GPAPIModal\" && window.location.href.indexOf(\"/resources/resource\") > 0) {\r\n location.reload();\r\n }\r\n if (currentModal.getAttribute(\"id\") == \"GPAPIModal\" && window.location.href.indexOf(\"/membershipoffers\") > 0) {\r\n location.reload();\r\n }\r\n\r\n\r\n // console.log(\"this item?? \", thisItem);\r\n if (thisItem) {\r\n\r\n if (enable_close && currentModal.getAttribute(\"id\") != \"productModal\") {\r\n\r\n\r\n let url = document.querySelector('#GPAPIModal iframe').getAttribute(\"src\").toLowerCase();\r\n\r\n if (document.querySelector('#GPAPIModal iframe').dataset.src) {\r\n url = document.querySelector('#GPAPIModal iframe').dataset.src.toLowerCase();\r\n }\r\n\r\n \r\n var urlParts = url.split('/');\r\n if (urlParts.length >= 6) {\r\n var newUrl = url.replace(urlParts[5], \"manageaccountform?mode=gpp\");\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", '');\r\n document.querySelector('#GPAPIModal iframe').setAttribute(\"src\", newUrl);\r\n }\r\n \r\n } else {\r\n\r\n thisItem.classList.remove(\"open\");\r\n thisItem.classList.add(\"close\");\r\n\r\n if (document.querySelector('body').classList.contains('modal-open')) {\r\n document.querySelector('body').classList.remove('modal-open');\r\n document.querySelector('body').setAttribute('style', '');\r\n }\r\n }\r\n\r\n\r\n }\r\n \r\n e.preventDefault();\r\n return false;\r\n });\r\n\r\n closeBtns[i].parentElement.addEventListener(\"animationend\", (e) => {\r\n\r\n \r\n var thisItem = e.currentTarget;\r\n if (thisItem && thisItem.classList.contains(\"close\")) {\r\n thisItem.classList.remove(\"close\");\r\n \r\n document.getElementsByTagName('body')[0].classList.remove('modal-open');\r\n document.getElementsByTagName('body')[0].style.marginRight = \"0px\";\r\n document.getElementsByTagName('body')[0].style.visibility = \"visible\";\r\n document.getElementsByTagName('body')[0].style.opacity = \"1\";\r\n }\r\n });\r\n closeBtns[i].parentElement.parentElement.addEventListener(\"animationend\", (e) => {\r\n\r\n \r\n var thisItem = e.currentTarget;\r\n if (thisItem && thisItem.classList.contains(\"close\")) {\r\n thisItem.classList.remove(\"close\");\r\n \r\n document.getElementsByTagName('body')[0].classList.remove('modal-open');\r\n document.getElementsByTagName('body')[0].style.marginRight = \"0px\";\r\n document.getElementsByTagName('body')[0].style.visibility = \"visible\";\r\n document.getElementsByTagName('body')[0].style.opacity = \"1\";\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n }\r\n\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nimport Stickyfill from 'stickyfilljs';\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\n\r\n\r\nexport default class ProductColumns {\r\n\r\n constructor() {\r\n //STICKY POLYFILL\r\n var elements = document.querySelectorAll('.sticky');\r\n\r\n if (elements.length) {\r\n Stickyfill.add(elements);\r\n }\r\n \r\n\r\n //https://github.com/ryanwalters/sticky-events\r\n this.name = 'Product Columns';\r\n let index = 0;\r\n let oldScroll = window.pageYOffset;\r\n let scrollUp = false;\r\n const columns = document.getElementsByClassName('productCol');\r\n const observables = document.getElementsByClassName('observable');\r\n const links = document.querySelectorAll('#headers .headline');\r\n\r\n let activeIndex = 0;\r\n\r\n if (columns.length == 0) { return; }\r\n\r\n\r\n const headerEl = document.getElementById('headers');\r\n const openHeight = document.querySelector('.productCol.open').offsetHeight;\r\n let closedHeight = document.querySelector('.productCol.closed').offsetHeight;\r\n\r\n const offset = (el) => {\r\n var rect = el.getBoundingClientRect(),\r\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n return { top: rect.top + scrollTop }\r\n }\r\n\r\n\r\n\r\n for (var i = 0; i < links.length; i++) {\r\n links[i].addEventListener('click', (e) => {\r\n let idToSearch = e.currentTarget.parentElement.id;\r\n let scrollEl = document.querySelectorAll('[data-target=' + idToSearch + ']')[0];\r\n let toLocation = offset(scrollEl);\r\n TweenLite.to(window, 1.5, { scrollTo: toLocation.top })\r\n });\r\n }\r\n\r\n //BEAR IN MIND, THERE IS A TOP OF 20PX BUILT INTO THE CSS WHILE STICKY\r\n let minTop = 0;\r\n\r\n let MinItemY = (document.documentElement.clientHeight * 0.5) + 20;\r\n let MaxItemY = (document.documentElement.clientHeight * 0.95) + 20;\r\n\r\n let maxTop = (document.documentElement.clientHeight * 0.5) + 20;\r\n\r\n\r\n const setMaxHeight = () => {\r\n\r\n if (!document.querySelector('.col-md-8.landscape-col-12')) {\r\n return false;\r\n }\r\n\r\n if (window.innerWidth > 768) {\r\n var h = parseInt(getComputedStyle(document.querySelector('.col-md-8.landscape-col-12')).height);\r\n var lastItem = parseInt(getComputedStyle(document.querySelector(\".last-item\")).height);\r\n\r\n\r\n document.querySelector('.col-md-4.landscape-col-12').style.maxHeight = (h - lastItem) + \"px\";\r\n } else {\r\n\r\n document.querySelector('.col-md-4.landscape-col-12').style.maxHeight = \"\";\r\n }\r\n\r\n }\r\n\r\n\r\n const determineActiveIndex = () => {\r\n\r\n let openHeight = parseInt(getComputedStyle(document.querySelector('.col-header.productCol.open')).top) + parseInt(getComputedStyle(document.querySelector('.col-header.productCol.open')).height) + 30;\r\n // console.log(\"openHeight: \", openHeight);\r\n // console.log(\"maxtop1: \", maxTop);\r\n maxTop = MinItemY;\r\n\r\n if (document.querySelector('.widget-sweatpatch')) {\r\n if (openHeight > MinItemY) {\r\n maxTop = openHeight;\r\n }\r\n\r\n if (maxTop > MaxItemY) {\r\n maxTop = MaxItemY;\r\n }\r\n }\r\n // console.log(\"observables.length: \", observables);\r\n\r\n for (var i = 0; i < observables.length; i++) {\r\n let position = (offset(observables[i]).top - window.pageYOffset);\r\n let height = observables[i].offsetHeight;\r\n\r\n //console.log(\"observables:: \", i);\r\n //if (i <= 2) {\r\n // console.log(\"position:: \" + i + \" :: position :: \" + position, \" ::height:: \" + height, \" :: maxTop :: \", maxTop, \" :: window height :: \" + parseInt(window.outerHeight));\r\n //}\r\n\r\n if (parseInt(position) >= 0 && parseInt(position) <= maxTop && parseInt(height) < 300) {\r\n activeIndex = i;\r\n break;\r\n } else if (parseInt(position) <= maxTop && (parseInt(position) + parseInt(height)) >= parseInt(maxTop)) {\r\n activeIndex = i;\r\n break;\r\n }\r\n }\r\n\r\n // console.log('active index:: ', activeIndex);\r\n\r\n if (activeIndex <= 0) {\r\n\r\n if (document.querySelector('.products__desktop.sticky').classList.contains('inactive')) {\r\n document.querySelector('.products__desktop.sticky').classList.remove('inactive');\r\n }\r\n } else {\r\n document.querySelector('.products__desktop.sticky').classList.add('inactive');\r\n }\r\n }\r\n\r\n if (columns.length > 0 && observables.length) {\r\n window.addEventListener('resize', (e) => {\r\n closedHeight = document.querySelector('.productCol.closed').offsetHeight;\r\n initialLoad();\r\n });\r\n\r\n window.addEventListener('scroll', (e) => {\r\n onColumnScroll();\r\n setMaxHeight();\r\n });\r\n\r\n const onColumnScroll = () => {\r\n\r\n // console.log(\"on scroll :: \");\r\n scrollUp = oldScroll > window.pageYOffset;\r\n oldScroll = window.pageYOffset;\r\n\r\n if (window.pageYOffset < 400 || window.outerWidth < 768) {\r\n return;\r\n }\r\n\r\n\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n let position = parseInt((offset(observables[i]).top - window.pageYOffset));\r\n const trgetMin = parseInt(trgt.dataset.min);\r\n const trgetMax = parseInt(trgt.dataset.max);\r\n\r\n\r\n //OPEN THE ACTIVE ITEM, CLOSE THE OTHERS\r\n console.log(\"active index:: \", activeIndex);\r\n if (i != activeIndex) {\r\n trgt.classList.remove(\"open\");\r\n trgt.classList.add(\"closed\");\r\n } else {\r\n trgt.classList.add(\"open\");\r\n trgt.classList.remove(\"closed\");\r\n }\r\n\r\n // NEXT CONTROL THE Y POSITION\r\n if (position >= trgetMin && position <= trgetMax) {\r\n trgt.style.top = position + \"px\";\r\n }\r\n if (position < trgetMin) {\r\n trgt.style.top = trgetMin + \"px\";\r\n }\r\n if (position > trgetMax) {\r\n trgt.style.top = trgetMax + \"px\";\r\n }\r\n }\r\n\r\n determineActiveIndex();\r\n };\r\n\r\n const initialLoad = () => {\r\n MinItemY = (document.documentElement.clientHeight * 0.5) + 20;\r\n MaxItemY = (document.documentElement.clientHeight * 0.95) + 20;\r\n\r\n maxTop = (document.documentElement.clientHeight * 0.5) + 20;\r\n // console.log(\"initial load\");\r\n scrollUp = oldScroll > window.pageYOffset;\r\n oldScroll = window.pageYOffset;\r\n const internalMaxTop = (document.documentElement.clientHeight * 0.87);\r\n\r\n // FIRST IDENTIFY MIN/MAX Y POSITIONS = the allowed ranges of where these divs should be positioned.\r\n let inverseIndex = observables.length - 1;\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n\r\n const targetMinY = i * closedHeight;\r\n const targetMaxY = internalMaxTop - (inverseIndex * closedHeight);\r\n trgt.dataset.min = targetMinY;\r\n trgt.dataset.max = targetMaxY;\r\n\r\n if (i == 0) {\r\n trgt.dataset.max = 0;\r\n }\r\n\r\n inverseIndex -= 1;\r\n }\r\n\r\n // NEXT IDENTIFY THE ACTIVE INDEX\r\n determineActiveIndex();\r\n\r\n // SET INITIAL POSITIONING\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n\r\n if (i < activeIndex) {\r\n trgt.style.top = trgt.dataset.min + \"px\";\r\n } else if (i > activeIndex) {\r\n trgt.style.top = trgt.dataset.max + \"px\";\r\n } else if (i == activeIndex) {\r\n trgt.classList.add(\"open\");\r\n let position = (offset(observables[i]).top - window.pageYOffset);\r\n trgt.style.top = Math.max(trgt.dataset.min, position) + \"px\";\r\n\r\n\r\n }\r\n\r\n if (i == 0) {\r\n trgt.style.top = \"0px\";\r\n }\r\n\r\n }\r\n\r\n // FINALLY KICK OFF THE SCROLL EVENT TO TRIGGER POSITIONING\r\n\r\n\r\n onColumnScroll();\r\n\r\n\r\n window.setTimeout(function () {\r\n onColumnScroll();\r\n setMaxHeight();\r\n }, 1000);\r\n // el.dispatchEvent(event);\r\n };\r\n\r\n initialLoad();\r\n\r\n }\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nimport Stickyfill from 'stickyfilljs';\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\n\r\n\r\nexport default class ProductNav {\r\n\r\n constructor() {\r\n\r\n const offset = (el) => {\r\n var rect = el.getBoundingClientRect(),\r\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n return { top: (rect.top + scrollTop) - 70 }\r\n }\r\n\r\n\r\n const getQueryVariable = (variable) => {\r\n var query = window.location.search.substring(1);\r\n var vars = query.split(\"&\");\r\n for (var i = 0; i < vars.length; i++) {\r\n var pair = vars[i].split(\"=\");\r\n if (pair[0] == variable) { return pair[1]; }\r\n }\r\n return (false);\r\n }\r\n\r\n //https://github.com/ryanwalters/sticky-events\r\n this.name = 'Product Navigation';\r\n let index = 0;\r\n let scrollValue = { 'y': window.pageYOffset };\r\n let oldScroll = window.pageYOffset;\r\n let scrollUp = false;\r\n let that = this;\r\n const hero = document.querySelector('.hero .products__nav');\r\n const navigation = document.querySelector('.products__nav.sticky');\r\n const observables = document.getElementsByClassName('observable');\r\n let currentActive = \"navHydrate\";\r\n\r\n const checkIfAllImagesHaveLoaded = (container, event) => {\r\n\r\n var images = container.getElementsByTagName(\"img\");\r\n var loaded = images.length;\r\n for (var i = 0; i < images.length; i++) {\r\n if (images[i].complete) {\r\n loaded--;\r\n }\r\n else {\r\n images[i].addEventListener(\"load\", function () {\r\n loaded--;\r\n if (loaded == 0) {\r\n event();\r\n }\r\n });\r\n }\r\n\r\n console.log(\"loaded:: \", loaded);\r\n if (loaded == 0) {\r\n event();\r\n }\r\n }\r\n }\r\n\r\n\r\n let hash = getQueryVariable(\"jump\");\r\n if (hash != null && hash.length) {\r\n hash = hash.toLowerCase().replace('#', '');\r\n\r\n if (document.querySelector(\"[data-scroll='\" + hash + \"']\")) {\r\n \r\n\r\n checkIfAllImagesHaveLoaded(document.querySelector('.body-content'), function () {\r\n\r\n window.setTimeout(function () {\r\n\r\n console.log(\"scrolling down to:: \", parseInt(document.querySelector(\"[data-scroll='\" + hash + \"']\").offsetTop));\r\n // TweenLite.to(window, 1, { scrollTo: parseInt(document.querySelector(\"[data-scroll='\" + hash + \"']\").offsetTop) - 50 });\r\n\r\n window.scrollTo(0, parseInt(document.querySelector(\"[data-scroll='\" + hash + \"']\").offsetTop) - 50);\r\n\r\n }, 2000);\r\n \r\n });\r\n\r\n }\r\n\r\n if (hash == 'order') {\r\n const orderForm = document.querySelector('#orderForm');\r\n orderForm.style.display = \"block\";\r\n openForm.style.display = \"none\";\r\n orderForm.style.opacity = \"1\";\r\n }\r\n }\r\n\r\n if (navigation == null) { return; }\r\n\r\n\r\n const updateNav = (el) => {\r\n let activeItems = document.querySelectorAll(\".products__nav a.active\");\r\n let newItem = document.querySelector(\".products__nav.sticky #\" + el);\r\n\r\n for (var i = 0; i < activeItems.length; i++) {\r\n activeItems[i].classList.remove(\"active\");\r\n }\r\n\r\n newItem.classList.add(\"active\");\r\n\r\n };\r\n\r\n\r\n /* NAVIGATION BUTTONS */\r\n const links = document.querySelectorAll('.products__nav a');\r\n let btnClick = false;\r\n for (var i = 0; i < links.length; i++) {\r\n\r\n links[i].addEventListener('click', (e) => {\r\n\r\n let idToSearch = e.currentTarget.id;\r\n let scrollEl = document.querySelector('[data-target=' + idToSearch + ']');\r\n let toLocation = offset(scrollEl);\r\n scrollValue.y = oldScroll;\r\n that.btnClick = true;\r\n\r\n TweenLite.to(scrollValue, 1.5, {\r\n y: toLocation.top, onUpdate: function () {\r\n window.scrollTo(0, scrollValue.y);\r\n that.btnClick = false;\r\n }\r\n });\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n /* NAVIGATION BUTTONS */\r\n\r\n window.addEventListener('scroll', (e) => {\r\n\r\n //if (window.pageYOffset < 400 || window.outerWidth < 768) {\r\n // return;\r\n //}\r\n\r\n /* NAVIGATION BAR VISIBILITY STATE */\r\n let heroPos = (offset(hero).top - window.pageYOffset);\r\n scrollUp = oldScroll > window.pageYOffset;\r\n oldScroll = window.pageYOffset;\r\n\r\n if (!that.btnClick) {\r\n if (heroPos <= 0 && navigation.style.display != \"block\") {\r\n\r\n navigation.style.display = \"block\";\r\n navigation.style.opacity = \"0\";\r\n\r\n TweenLite.to(navigation, .5, { alpha: 1 });\r\n } else if (heroPos > 0 && navigation.style.display == \"block\") {\r\n\r\n TweenLite.to(navigation, .5, {\r\n opacity: 0, onComplete: () => {\r\n navigation.style.display = \"none\";\r\n }\r\n });\r\n }\r\n }\r\n /* NAVIGATION BAR VISIBILITY STATE */\r\n\r\n\r\n\r\n\r\n\r\n\r\n /**OBSERVABLE STATUS LOGIC ***/\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = observables[i].dataset.target;\r\n let position = (offset(observables[i]).top - window.pageYOffset);\r\n\r\n if (scrollUp) {\r\n if (position > -50 && position < 100 && trgt != currentActive) {\r\n updateNav(trgt);\r\n currentActive = trgt;\r\n }\r\n } else {\r\n if (position > window.outerHeight * .45 && position < window.outerHeight * .55 && trgt != currentActive) {\r\n updateNav(trgt);\r\n currentActive = trgt;\r\n }\r\n }\r\n }\r\n /**OBSERVABLE STATUS LOGIC ***/\r\n\r\n\r\n\r\n\r\n });\r\n\r\n\r\n\r\n\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nimport axios from 'axios';\r\n\r\nexport default class ProductOrderForm {\r\n\r\n constructor() {\r\n\r\n const emailReg = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n const phoneReg = /^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im;\r\n\r\n const orderBtn = document.querySelector('#productOrderBtn');\r\n const orderForm = document.querySelector('#orderForm');\r\n const openForm = document.querySelector('#openForm');\r\n\r\n if (!orderBtn) { return; }\r\n\r\n //openForm.addEventListener(\"click\", e => {\r\n\r\n // orderForm.style.display = \"block\";\r\n // openForm.style.display = \"none\";\r\n // orderForm.style.opacity = \"0\";\r\n\r\n // TweenLite.to(orderForm, .5, { alpha: 1 });\r\n\r\n // e.preventDefault();\r\n // return false;\r\n //});\r\n\r\n const phoneFormat = function (input) {\r\n // Strip all characters from the input except digits\r\n input = input.replace(/\\D/g, '');\r\n\r\n // Trim the remaining input to ten characters, to preserve phone number format\r\n input = input.substring(0, 10);\r\n\r\n // Based upon the length of the string, we add formatting as necessary\r\n var size = input.length;\r\n if (size == 0) {\r\n input = input;\r\n } else if (size < 4) {\r\n input = input;\r\n } else if (size < 7) {\r\n input = input.substring(0, 3) + '-' + input.substring(3, 6);\r\n } else {\r\n input = input.substring(0, 3) + '-' + input.substring(3, 6) + '-' + input.substring(6, 10);\r\n }\r\n return input;\r\n }\r\n\r\n document.querySelector(\"#phone\").addEventListener(\"keyup\", (e) => {\r\n var phoneNumber = e.currentTarget;\r\n phoneNumber.value = phoneFormat(phoneNumber.value);\r\n });\r\n\r\n\r\n const submitOrder = order => {\r\n\r\n try {\r\n const res = axios.post('/products/ProductOrder', order).then((result) => {\r\n window.location.href = \"/contactform/thanks\";\r\n });\r\n document.querySelector('#PreForm').style.display = \"none\";\r\n document.querySelector('#PostForm').style.display = \"block\";\r\n document.querySelector('#PostForm').style.opacity = '0';\r\n\r\n TweenLite.to(document.querySelector('#PostForm'), .5, { alpha: 1 });\r\n\r\n if (window.ga) {\r\n ga('send', {\r\n hitType: 'event',\r\n eventCategory: 'Products',\r\n eventAction: 'Form Submit',\r\n eventLabel: 'Contact Rep'\r\n });\r\n }\r\n\r\n window.scrollTo(0, orders.offsetTop - 80);\r\n\r\n return true;\r\n } catch (e) {\r\n return false;\r\n }\r\n }\r\n\r\n\r\n //orderBtn.addEventListener('click', e => {\r\n // let rqdEl = document.querySelectorAll(\"#orderForm .required\");\r\n // let email = document.querySelector(\"#email\");\r\n // let phone = document.querySelector(\"#phone\");\r\n // let isValid = true;\r\n\r\n // let errs = document.querySelectorAll(\".error\");\r\n // for (var i = 0; i < errs.length; i++) {\r\n // errs[i].classList.remove('error');\r\n // }\r\n\r\n // for (var i = 0; i < rqdEl.length; i++) {\r\n // let itm = rqdEl[i];\r\n\r\n // if ( itm.value.length == 0) {\r\n // isValid = false;\r\n // itm.parentElement.classList.add('error');\r\n // }\r\n // }\r\n\r\n\r\n // if (!phoneReg.test(phone.value)) {\r\n // isValid = false;\r\n // phone.parentElement.classList.add('error');\r\n // } \r\n\r\n // if (!emailReg.test(email.value)) {\r\n // isValid = false;\r\n // email.parentElement.classList.add('error');\r\n // }\r\n\r\n // let preferPhone = document.querySelector(\"#preferPhone\");\r\n // let preferEmail = document.querySelector(\"#preferEmail\");\r\n // let radioGroup = document.querySelector(\".radioGroup\");\r\n\r\n // if (preferPhone.checked == false && preferEmail.checked == false) {\r\n // radioGroup.classList.add(\"error\");\r\n // isValid = false;\r\n // }\r\n\r\n // if (!isValid) {\r\n // e.preventDefault();\r\n // return false;\r\n // }\r\n //});\r\n\r\n document.querySelector(\"#contactReason\").addEventListener(\"change\", (e) => {\r\n\r\n if (e.currentTarget.value == \"Other\") {\r\n document.querySelector(\"#reasonOther\").style.display = \"block\";\r\n document.querySelector(\"#reasonOther input\").classList.add(\"required\");\r\n } else {\r\n document.querySelector(\"#reasonOther\").style.display = \"none\";\r\n document.querySelector(\"#reasonOther input\").classList.remove(\"required\");\r\n }\r\n \r\n });\r\n\r\n window.addEventListener('submitOrder', e => {\r\n\r\n\r\n\r\n let rqdEl = document.querySelectorAll(\"#orderForm .required\");\r\n let email = document.querySelector(\"#email\");\r\n let phone = document.querySelector(\"#phone\");\r\n let isValid = true;\r\n\r\n let errs = document.querySelectorAll(\".error\");\r\n for (var i = 0; i < errs.length; i++) {\r\n errs[i].classList.remove('error');\r\n }\r\n\r\n for (var i = 0; i < rqdEl.length; i++) {\r\n let itm = rqdEl[i];\r\n\r\n if (itm.value.length == 0) {\r\n isValid = false;\r\n itm.parentElement.classList.add('error');\r\n }\r\n }\r\n\r\n\r\n if (!phoneReg.test(phone.value)) {\r\n isValid = false;\r\n phone.parentElement.classList.add('error');\r\n }\r\n\r\n if (!emailReg.test(email.value)) {\r\n isValid = false;\r\n email.parentElement.classList.add('error');\r\n }\r\n\r\n let preferPhone = document.querySelector(\"#preferPhone\");\r\n let preferEmail = document.querySelector(\"#preferEmail\");\r\n let radioGroup = document.querySelector(\".radioGroup\");\r\n\r\n if (preferPhone.checked == false && preferEmail.checked == false) {\r\n radioGroup.classList.add(\"error\");\r\n isValid = false;\r\n }\r\n\r\n\r\n if (!isValid) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n document.querySelector(\"#productOrderBtn\").style.display = \"none\";\r\n e.preventDefault();\r\n\r\n var data = new FormData(orderForm);\r\n var isSuccess = submitOrder(data);\r\n });\r\n\r\n\r\n }\r\n}","'use strict';\r\n\r\nimport { TweenLite } from \"gsap\";\r\n\r\nexport default class Article {\r\n constructor() {\r\n this.name = 'Article';\r\n const loadMoreArticlesUrl = '/resources/loadmorearticles';\r\n let btnviewMore = document.getElementById('viewMoreArticles');\r\n const totalArticlesSelector = 'TotalArticles';\r\n const pageNoSelector = 'PageNo';\r\n const pageSizeSelector = 'PageSize';\r\n const articlesSelector = \"articles\";\r\n const newArticlesCountSelector = 'totalArticlesCount';\r\n const articleTopic = document.getElementById(\"ArticleTopic\");\r\n const articleDocType = document.getElementById(\"ArticleDocType\");\r\n const articleSport = document.getElementById(\"ArticleSport\");\r\n const storiesSortOrder = document.getElementById(\"StoriesSortOrder\");\r\n const defaultSortOrder = \"SortByRecent\";\r\n\r\n let sortOrders = document.getElementsByName('SortOrder');\r\n let articleTopics = document.getElementsByClassName(\"article-topic\");\r\n let articleDoctypes = document.getElementsByClassName(\"article-doctype\");\r\n let articleSports = document.getElementsByClassName(\"article-sport\");\r\n let btnCopyUrls = document.querySelectorAll('.copyUrl');\r\n let copyUrlTextbox = document.querySelector('#copyUrlText');\r\n let urlCopyAlert = document.querySelectorAll('.urlCopyAlert');\r\n\r\n let shareOptions = document.querySelectorAll('.shareOptions .st-custom-button');\r\n\r\n let loadArticles = function (appendData) {\r\n var xhr = new XMLHttpRequest();\r\n xhr.open(\"POST\", loadMoreArticlesUrl, true);\r\n xhr.setRequestHeader('Content-Type', 'application/json');\r\n var currentPageNo = parseInt(document.getElementById(pageNoSelector).value);\r\n\r\n // Checking if the list is refreshed the pageNo should be reset.\r\n if (!appendData) {\r\n currentPageNo = 0;\r\n }\r\n\r\n let sortOrder = \"\";\r\n if (storiesSortOrder) {\r\n sortOrder = storiesSortOrder.value;\r\n }\r\n\r\n var postData = {\r\n PageNo: currentPageNo + 1,\r\n PageSize: parseInt(document.getElementById(pageSizeSelector).value),\r\n ArticleTopic: articleTopic.value,\r\n ArticleDocType: articleDocType.value,\r\n ArticleSport: articleSport.value,\r\n SortOrder: sortOrder\r\n };\r\n\r\n xhr.send(JSON.stringify(postData));\r\n\r\n xhr.onreadystatechange = function () {\r\n if (this.readyState !== 4) return;\r\n\r\n if (this.status === 200) {\r\n\r\n var htmlObject = document.createElement('div');\r\n htmlObject.innerHTML = this.responseText;\r\n var totalArticles = parseInt(document.getElementById(totalArticlesSelector).value);\r\n var newCountSelector = htmlObject.getElementsByClassName(newArticlesCountSelector)[0];\r\n\r\n if (newCountSelector !== undefined) {\r\n document.getElementById(totalArticlesSelector).value = newCountSelector.value;\r\n htmlObject.removeChild(newCountSelector);\r\n totalArticles = parseInt(newCountSelector.value);\r\n }\r\n\r\n if (appendData) {\r\n document.getElementById(articlesSelector).innerHTML += this.responseText;\r\n }\r\n else {\r\n document.getElementById(articlesSelector).innerHTML = this.responseText;\r\n }\r\n\r\n document.getElementById(pageNoSelector).value = currentPageNo + 1;\r\n var totalLoadedArticles = parseInt(document.getElementById(pageNoSelector).value) *\r\n parseInt(document.getElementById(pageSizeSelector).value);\r\n btnviewMore.style.display = totalLoadedArticles >= totalArticles ? \"none\" : \"block\";\r\n\r\n if (totalArticles === 0) {\r\n document.getElementById(articlesSelector).innerHTML = \"
There are no resources that meet your selections. Please try selecting different values.
\";\r\n }\r\n\r\n var newUrl = window.location.origin + '/resources/' + articleTopic.value + '/' + articleDocType.value + '/' + articleSport.value;\r\n\r\n if (storiesSortOrder) {\r\n newUrl = window.location.origin + '/resources/' + articleTopic.value + '/' + articleDocType.value + '/' + articleSport.value + '/' + storiesSortOrder.value;\r\n } \r\n \r\n history.pushState(null, document.title, newUrl);\r\n }\r\n\r\n // end of state change: it can be after some time (async)\r\n };\r\n };\r\n\r\n let resetSortOrder = function () {\r\n // storiesSortOrder.value = defaultSortOrder;\r\n\r\n if (document.querySelector(\"#SortOrder\")) {\r\n // document.querySelector(\"#SortOrder\").value = defaultSortOrder;\r\n }\r\n };\r\n\r\n\r\n\r\n if (btnviewMore !== null && btnviewMore !== undefined) {\r\n btnviewMore.addEventListener(\"click\", function (evt) {\r\n loadArticles(true);\r\n });\r\n }\r\n\r\n if (shareOptions) {\r\n for (var i = 0; i < shareOptions.length; i++) {\r\n\r\n if (!shareOptions[i].classList.contains('copyUrl')) {\r\n shareOptions[i].addEventListener('click', function (e) {\r\n var opacityCheck = window.getComputedStyle(this.parentElement).opacity;\r\n\r\n if (parseInt(opacityCheck) == 0) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n\r\n if (btnCopyUrls && btnCopyUrls.length > 0) {\r\n for (var i = 0; i < btnCopyUrls.length; i++) {\r\n btnCopyUrls[i].addEventListener(\"click\", function (evt) {\r\n\r\n var opacityCheck = window.getComputedStyle(this.parentElement).opacity;\r\n if (parseInt(opacityCheck) == 0) {\r\n evt.preventDefault();\r\n return false;\r\n }\r\n\r\n\r\n evt.preventDefault();\r\n copyUrlTextbox.style.display = \"block\";\r\n copyUrlTextbox.select();\r\n copyUrlTextbox.setSelectionRange(0, 99999); /*For mobile devices*/\r\n document.execCommand(\"copy\");\r\n copyUrlTextbox.style.display = \"none\";\r\n\r\n TweenLite.to(urlCopyAlert, .5, { autoAlpha: 1 });\r\n TweenLite.to(urlCopyAlert, .5, { autoAlpha: 0, delay: 4 });\r\n });\r\n }\r\n \r\n }\r\n\r\n if (sortOrders.length) {\r\n\r\n document.querySelector(\"#SortOrder\").addEventListener('change', function (evt) {\r\n evt.preventDefault();\r\n storiesSortOrder.value = this.value;\r\n document.getElementById(pageNoSelector).value = \"1\";\r\n loadArticles(false);\r\n \r\n });\r\n\r\n //for (var i = 0; i < sortOrders.length; i++) {\r\n // sortOrders[i].addEventListener('change', function (evt) {\r\n // evt.preventDefault();\r\n // for (var j = 0; j < sortOrders.length; j++) {\r\n // var radioLabel = document.querySelector('label[for=' + sortOrders[j].id + ']');\r\n // radioLabel.classList.remove('selected');\r\n // }\r\n // var currentLabel = document.querySelector('label[for=' + this.id + ']');\r\n // currentLabel.classList.add('selected');\r\n // storiesSortOrder.value = this.value;\r\n // document.getElementById(pageNoSelector).value = \"1\";\r\n // loadArticles(false);\r\n // });\r\n //}\r\n }\r\n\r\n if (articleTopics.length) {\r\n for (var i = 0; i < articleTopics.length; i++) {\r\n articleTopics[i].addEventListener('click', function (evt) {\r\n evt.preventDefault();\r\n for (var j = 0; j < articleTopics.length; j++) {\r\n articleTopics[j].classList.remove('selected');\r\n }\r\n this.classList.add(\"selected\");\r\n\r\n // Setting the tag id for search\r\n if (this.attributes[\"search-id\"] !== undefined) {\r\n articleTopic.value = this.attributes[\"search-id\"].value;\r\n document.getElementById(pageNoSelector).value = \"1\";\r\n resetSortOrder();\r\n loadArticles(false);\r\n //reloadPage();\r\n }\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n if (articleDoctypes.length) {\r\n for (var i = 0; i < articleDoctypes.length; i++) {\r\n articleDoctypes[i].addEventListener('click', function (evt) {\r\n evt.preventDefault();\r\n for (var j = 0; j < articleDoctypes.length; j++) {\r\n articleDoctypes[j].classList.remove('selected');\r\n }\r\n this.classList.add(\"selected\");\r\n\r\n // Setting the tag id for search\r\n if (this.attributes[\"search-id\"] !== undefined) {\r\n articleDocType.value = this.attributes[\"search-id\"].value;\r\n document.getElementById(pageNoSelector).value = \"1\";\r\n resetSortOrder();\r\n loadArticles(false);\r\n //reloadPage();\r\n }\r\n\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n if (articleSports.length) {\r\n for (var i = 0; i < articleSports.length; i++) {\r\n articleSports[i].addEventListener('click', function (evt) {\r\n evt.preventDefault();\r\n for (var j = 0; j < articleSports.length; j++) {\r\n articleSports[j].classList.remove('selected');\r\n }\r\n this.classList.add(\"selected\");\r\n\r\n // Setting the tag id for search\r\n if (this.attributes[\"search-id\"] !== undefined) {\r\n articleSport.value = this.attributes[\"search-id\"].value;\r\n document.getElementById(pageNoSelector).value = \"1\";\r\n resetSortOrder();\r\n loadArticles(false);\r\n //reloadPage();\r\n }\r\n\r\n return false;\r\n });\r\n }\r\n }\r\n }\r\n}","'use strict';\r\n\r\nexport default class Story {\r\n constructor() {\r\n this.name = 'Story';\r\n const loadMoreStoriesUrl = '/stories/loadmorestories';\r\n let btnviewMore = document.getElementById('viewMoreStories');\r\n let sortOrderFilter = document.getElementById('sortOrderFilter');\r\n const totalStoriesSelector = 'TotalStories';\r\n const pageNoSelector = 'PageNo';\r\n const pageSizeSelector = 'PageSize';\r\n const sortOrder = document.getElementById(\"SortOrder\");\r\n const storiesSelector = \"stories-container\";\r\n\r\n let loadStories = function (appendData) {\r\n var xhr = new XMLHttpRequest();\r\n xhr.open(\"POST\", loadMoreStoriesUrl, true);\r\n xhr.setRequestHeader('Content-Type', 'application/json');\r\n var currentPageNo = parseInt(document.getElementById(pageNoSelector).value);\r\n\r\n // Checking if the list is refreshed the pageNo should be reset.\r\n if (!appendData) {\r\n currentPageNo = 0;\r\n }\r\n\r\n var postData = {\r\n PageNo: currentPageNo + 1,\r\n PageSize: parseInt(document.getElementById(pageSizeSelector).value),\r\n SortOrder: sortOrder.value\r\n };\r\n\r\n xhr.send(JSON.stringify(postData));\r\n\r\n xhr.onreadystatechange = function () {\r\n if (this.readyState !== 4) return;\r\n\r\n if (this.status === 200) {\r\n if (appendData) {\r\n document.getElementById(storiesSelector).innerHTML += this.responseText;\r\n }\r\n else {\r\n document.getElementById(storiesSelector).innerHTML = this.responseText;\r\n }\r\n\r\n document.getElementById(pageNoSelector).value = currentPageNo + 1;\r\n var totalStories = parseInt(document.getElementById(totalStoriesSelector).value);\r\n var totalLoadedStories = parseInt(document.getElementById(pageNoSelector).value) *\r\n parseInt(document.getElementById(pageSizeSelector).value);\r\n btnviewMore.style.display = totalLoadedStories >= totalStories ? \"none\" : \"inline\";\r\n }\r\n\r\n // end of state change: it can be after some time (async)\r\n };\r\n };\r\n\r\n if (btnviewMore !== null && btnviewMore !== undefined) {\r\n btnviewMore.addEventListener(\"click\", function (evt) {\r\n loadStories(true);\r\n });\r\n }\r\n\r\n if (sortOrderFilter !== null && sortOrderFilter !== undefined) {\r\n sortOrderFilter.addEventListener(\"change\", function (evt) {\r\n sortOrder.value = sortOrderFilter.value;\r\n loadStories(false);\r\n });\r\n\r\n sortOrderFilter[0].selected = true;\r\n \r\n\r\n window.setTimeout(function () {\r\n sortOrderFilter[0].selected = true;\r\n \r\n }, 500);\r\n\r\n \r\n }\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nimport Stickyfill from 'stickyfilljs';\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\n\r\n\r\nexport default class SearchColumns {\r\n\r\n constructor() {\r\n //STICKY POLYFILL\r\n var elements = document.querySelectorAll('.sticky');\r\n\r\n if (elements.length) {\r\n Stickyfill.add(elements);\r\n }\r\n\r\n console.log(\"search columns open\")\r\n //https://github.com/ryanwalters/sticky-events\r\n this.name = 'Product Columns';\r\n let index = 0;\r\n let oldScroll = window.pageYOffset;\r\n let scrollUp = false;\r\n const columns = document.getElementsByClassName('searchCol');\r\n const observables = document.getElementsByClassName('observableSearch');\r\n const links = document.querySelectorAll('#headerSearch .headline');\r\n const container = document.querySelector('#siteWiseSearchModel');\r\n\r\n const that = this;\r\n let activeIndex = 0;\r\n\r\n if (columns.length == 0) { return; }\r\n\r\n\r\n const headerEl = document.getElementById('headerSearch');\r\n const openHeight = document.querySelector('.searchCol.open').offsetHeight;\r\n const closedHeight = document.querySelector('.searchCol.closed').offsetHeight;\r\n\r\n const offset = (el) => {\r\n var rect = el.getBoundingClientRect(),\r\n scrollTop = container.scrollTop;\r\n return { top: rect.top + scrollTop }\r\n }\r\n\r\n window.addEventListener('searchColumnReinit', (e) => {\r\n // console.log(\"reinitting\")\r\n that.destroy();\r\n\r\n\r\n //columns = document.getElementsByClassName('searchCol');\r\n //observables = document.getElementsByClassName('observable');\r\n //links = document.querySelectorAll('#headers .headline');\r\n\r\n //for (var i = 0; i < links.length; i++) {\r\n // links[i].addEventListener('click', onlinkClick);\r\n //}\r\n });\r\n\r\n this.destroy = () => {\r\n\r\n for (var i = 0; i < links.length; i++) {\r\n links[i].removeEventListener('click', onlinkClick);\r\n }\r\n\r\n window.removeEventListener('resize', that.onResize);\r\n container.removeEventListener('scroll', that.onScroll);\r\n }\r\n\r\n\r\n const onlinkClick = (e) => {\r\n let idToSearch = e.currentTarget.parentElement.id;\r\n let scrollEl = document.querySelectorAll('[data-target=' + idToSearch + ']')[0];\r\n let toLocation = offset(scrollEl);\r\n TweenLite.to(container, 1.5, { scrollTo: toLocation.top })\r\n }\r\n\r\n for (var i = 0; i < links.length; i++) {\r\n links[i].addEventListener('click', onlinkClick);\r\n }\r\n\r\n //BEAR IN MIND, THERE IS A TOP OF 20PX BUILT INTO THE CSS WHILE STICKY\r\n let minTop = 0;\r\n\r\n let maxTop = (document.documentElement.clientHeight * 0.5) + 20;\r\n\r\n\r\n const determineActiveIndex = () => {\r\n for (var i = 0; i < observables.length; i++) {\r\n let position = (offset(observables[i]).top - container.scrollTop);\r\n let height = observables[i].offsetHeight;\r\n\r\n\r\n //if (i == 1) {\r\n // console.log(\"position:: \" + i + \" :: position :: \" + position, \" :: \" + height, \" :: window height :: \" + parseInt(window.outerHeight));\r\n //}\r\n\r\n if (parseInt(position) <= maxTop && (parseInt(position) + parseInt(height)) >= parseInt(maxTop)) {\r\n activeIndex = i;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (columns.length > 0 && observables.length) {\r\n\r\n const onResize = (e) => {\r\n initialLoad();\r\n };\r\n\r\n const onScroll = (e) => {\r\n //console.log(\"on scroll :: \", observables.length);\r\n scrollUp = oldScroll > container.scrollTop;\r\n oldScroll = container.scrollTop;\r\n\r\n if (window.outerWidth < 768) {\r\n return;\r\n }\r\n\r\n for (var i = 0; i < observables.length; i++) {\r\n\r\n }\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n let position = parseInt((offset(observables[i]).top - container.scrollTop)) - 30;\r\n const trgetMin = parseInt(trgt.dataset.min) - 30;\r\n const trgetMax = parseInt(trgt.dataset.max) - 30;\r\n\r\n\r\n //OPEN THE ACTIVE ITEM, CLOSE THE OTHERS\r\n // console.log(\"active index:: \", activeIndex);\r\n if (i != activeIndex) {\r\n trgt.classList.remove(\"open\");\r\n trgt.classList.add(\"closed\");\r\n } else {\r\n trgt.classList.add(\"open\");\r\n trgt.classList.remove(\"closed\");\r\n }\r\n\r\n // NEXT CONTROL THE Y POSITION\r\n if (position >= trgetMin && position <= trgetMax) {\r\n // console.log(\"observables[i] :: \", observables[i], \" :: \", getComputedStyle(observables[i]).height);\r\n\r\n if (parseInt(getComputedStyle(observables[i]).height) < 50) {\r\n // console.log(\"observables[i] :: \", observables[i]);\r\n\r\n var offsetAmt = -92;\r\n if (i > 0) {\r\n if (parseInt(getComputedStyle(observables[i-1]).height) < 50) {\r\n offsetAmt = 0;\r\n }\r\n }\r\n \r\n position -= offsetAmt;\r\n }\r\n\r\n trgt.style.top = Math.max(position, 0) + \"px\";\r\n }\r\n if (position < trgetMin) {\r\n trgt.style.top = Math.max(trgetMin, 0) + \"px\";\r\n }\r\n if (position > trgetMax) {\r\n trgt.style.top = Math.max(trgetMax, 0) + \"px\";\r\n }\r\n }\r\n\r\n determineActiveIndex();\r\n };\r\n\r\n window.addEventListener('resize', onResize);\r\n\r\n container.addEventListener('scroll', onScroll);\r\n\r\n const initialLoad = () => {\r\n scrollUp = oldScroll > container.scrollTop;\r\n oldScroll = container.scrollTop;\r\n const internalMaxTop = (document.documentElement.clientHeight * 0.9);\r\n\r\n // FIRST IDENTIFY MIN/MAX Y POSITIONS = the allowed ranges of where these divs should be positioned.\r\n let inverseIndex = observables.length - 1;\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n\r\n const targetMinY = i * closedHeight;\r\n const targetMaxY = internalMaxTop - (inverseIndex * closedHeight);\r\n trgt.dataset.min = targetMinY;\r\n trgt.dataset.max = targetMaxY;\r\n\r\n if (i == 0) {\r\n trgt.dataset.max = 0;\r\n }\r\n\r\n inverseIndex -= 1;\r\n }\r\n\r\n // NEXT IDENTIFY THE ACTIVE INDEX\r\n determineActiveIndex();\r\n\r\n // SET INITIAL POSITIONING\r\n for (var i = 0; i < observables.length; i++) {\r\n const trgt = document.getElementById(observables[i].dataset.target);\r\n\r\n if (i < activeIndex) {\r\n trgt.style.top = trgt.dataset.min + \"px\";\r\n } else if (i > activeIndex) {\r\n trgt.style.top = trgt.dataset.max + \"px\";\r\n } else if (i == activeIndex) {\r\n trgt.classList.add(\"open\");\r\n let position = (offset(observables[i]).top - container.scrollTop);\r\n //console.log(\"position:: \", observables[i], \" :: \", offset(observables[i]).top, \" :: \", container.scrollTop);\r\n\r\n\r\n if (i == 0) {\r\n trgt.style.top = \"0px\";\r\n } else {\r\n trgt.style.top = Math.max(trgt.dataset.min, position) + \"px\";\r\n }\r\n\r\n //console.log(\"trgt top:: \", Math.max(trgt.dataset.min, position) )\r\n\r\n }\r\n // console.log(\"target:: \", trgt);\r\n }\r\n\r\n // FINALLY KICK OFF THE SCROLL EVENT TO TRIGGER POSITIONING\r\n var el = document; // This can be your element on which to trigger the event\r\n var event = document.createEvent('HTMLEvents');\r\n event.initEvent('scroll', true, false);\r\n // el.dispatchEvent(event);\r\n };\r\n\r\n initialLoad();\r\n\r\n }\r\n }\r\n}","'use strict';\r\n\r\nclass Utils {\r\n constructor() {\r\n this.d = document;\r\n this.w = document;\r\n\r\n }\r\n}\r\n\r\nexport default (new Utils);","'use strict';\r\nimport { TweenLite, CSSPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin];\r\n\r\nexport default class Analytics {\r\n constructor() {\r\n this.name = 'Analytics';\r\n\r\n const logo = document.querySelectorAll('a.logo');\r\n const resourcesNav = document.querySelectorAll('a.resources-nav');\r\n const storiesNav = document.querySelectorAll('a.stories-nav');\r\n const eventsNav = document.querySelectorAll('a.events-nav');\r\n const productsNav = document.querySelectorAll('a.products-nav');\r\n const ceucoursesNav = document.querySelectorAll('a.ceu-courses-nav');\r\n const searchNav = document.querySelectorAll('a.search');\r\n const profileNav = document.querySelectorAll('a.profile');\r\n const resourcesFtrNav = document.querySelectorAll('a.resources-ftr-nav');\r\n const storiesFtrNav = document.querySelectorAll('a.stories-ftr-nav');\r\n const eventsFtrNav = document.querySelectorAll('a.events-ftr-nav');\r\n const productsFtrNav = document.querySelectorAll('a.products-ftr-nav');\r\n const ceucoursesFtrNav = document.querySelectorAll('a.ceucourses-ftr-nav');\r\n const contactNav = document.querySelectorAll('a.contact');\r\n const twitterNav = document.querySelectorAll('a.twitter');\r\n const youtubeNav = document.querySelectorAll('a.youtube');\r\n const facebookNav = document.querySelectorAll('a.facebook');\r\n const linkedinNav = document.querySelectorAll('a.linkedin');\r\n const learnMoreNav = document.querySelectorAll('a.learn-more');\r\n const ctaSignup = document.querySelectorAll('a.cta-signup');\r\n const ctaWatch = document.querySelectorAll('.watchLink');\r\n const ctaBtnMore = document.querySelectorAll('a.btn-more');\r\n const btnResourceListing = document.querySelectorAll('a.resource-listing');\r\n const btnCeuCourseListing = document.querySelectorAll('a.ceucourse-listing');\r\n const btnStoryListing = document.querySelectorAll('a.story-listing');\r\n const btnArticleTopic = document.querySelectorAll('a.article-topic');\r\n const btnArticleDoctype = document.querySelectorAll('a.article-doctype');\r\n const btnArticleSport = document.querySelectorAll('a.article-sport');\r\n const btnviewMoreArticles = document.getElementById('viewMoreArticles');\r\n const currentTitleTag = document.getElementById('CurrentTitle');\r\n const currentCategoryTag = document.getElementById('CurrentCategory');\r\n const btnAnalyticResources = document.querySelectorAll('a.analytic-resource,div.analytic-resource');\r\n const btnDownloadPdfs = document.querySelectorAll('.download-pdf');\r\n const btnPlayVideos = document.querySelectorAll('.vjs-big-play-button');\r\n const btnSeeResearches = document.querySelectorAll('.see-research');\r\n const btnviewMoreStories = document.getElementById('viewMoreStories');\r\n const drpSortOrder = document.getElementById('sortOrderFilter');\r\n const siteWideSearchForm = document.getElementById('siteWideSearchForm');\r\n \r\n const shareOptions = document.querySelectorAll('.shareOptions a');\r\n\r\n const addEventToDataLayer = function (eCategory, eAction, eLabel) {\r\n if (window.hasOwnProperty(\"dataLayer\")) {\r\n dataLayer.push({\r\n event: 'GAEvent', // always the same\r\n eventCategory: eCategory, //column G\r\n eventAction: eAction, // column H\r\n eventLabel: eLabel // column I\r\n });\r\n }\r\n }\r\n\r\n this.AddEventAnalytics = (eCategory, eAction, eLabel) => {\r\n addEventToDataLayer(eCategory, eAction, eLabel);\r\n };\r\n\r\n window.addEventToDataLayer = addEventToDataLayer;\r\n window.dataLayer = window.dataLayer || [];\r\n const dataLayer = window.dataLayer;\r\n\r\n\r\n this.trackEvents = () => {\r\n\r\n\r\n for (var i = 0; i < shareOptions.length; i++) {\r\n\r\n shareOptions[i].addEventListener('click', (e) => {\r\n var platform = \"\";\r\n if (e.currentTarget.getAttribute('href').indexOf(\"mailto\") >= 0) {\r\n platform = \"mail\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"facebook\") >= 0) {\r\n platform = \"facebook\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"twitter\") >= 0) {\r\n platform = \"twitter\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"linked\") >= 0) {\r\n platform = \"linkedin\";\r\n }\r\n\r\n addEventToDataLayer('Content Share', \"cta - Share\", platform);\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n if (dataLayer) {\r\n var pageUrl = window.location.href;\r\n var pageTitle = document.title;\r\n dataLayer.push({\r\n GAUID: \"UA-11401921-116\",\r\n isStaging: false,\r\n pageType: pageTitle,\r\n pathName: pageUrl\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const currentTitle = currentTitleTag !== null && currentTitleTag !== undefined ? currentTitleTag.value : '';\r\n const currentCategory = currentCategoryTag !== null && currentCategoryTag !== undefined ? currentCategoryTag.value : '';\r\n\r\n if (logo && logo.length > 0) {\r\n logo[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'GPP Logo');\r\n });\r\n }\r\n\r\n if (resourcesNav && resourcesNav.length > 0) {\r\n for (var i = 0; i < resourcesNav.length; i++) {\r\n resourcesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Resources');\r\n });\r\n }\r\n }\r\n\r\n if (storiesNav && storiesNav.length > 0) {\r\n for (var i = 0; i < storiesNav.length; i++) {\r\n storiesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Stories');\r\n });\r\n }\r\n }\r\n\r\n if (eventsNav && eventsNav.length > 0) {\r\n for (var i = 0; i < eventsNav.length; i++) {\r\n eventsNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Events');\r\n });\r\n }\r\n }\r\n\r\n if (productsNav && productsNav.length > 0) {\r\n for (var i = 0; i < productsNav.length; i++) {\r\n productsNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Products');\r\n });\r\n }\r\n }\r\n\r\n if (ceucoursesNav && ceucoursesNav.length > 0) {\r\n for (var i = 0; i < ceucoursesNav.length; i++) {\r\n ceucoursesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'CEU Courses');\r\n });\r\n }\r\n }\r\n\r\n if (searchNav && searchNav.length > 0) {\r\n for (var i = 0; i < searchNav.length; i++) {\r\n searchNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Search');\r\n });\r\n }\r\n }\r\n\r\n if (profileNav && profileNav.length > 0) {\r\n for (var i = 0; i < profileNav.length; i++) {\r\n profileNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Account');\r\n });\r\n }\r\n }\r\n\r\n if (resourcesFtrNav && resourcesFtrNav.length > 0) {\r\n for (var i = 0; i < resourcesFtrNav.length; i++) {\r\n resourcesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Resources');\r\n });\r\n }\r\n }\r\n\r\n if (storiesFtrNav && storiesFtrNav.length > 0) {\r\n for (var i = 0; i < storiesFtrNav.length; i++) {\r\n storiesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Stories');\r\n });\r\n }\r\n }\r\n\r\n if (eventsFtrNav && eventsFtrNav.length > 0) {\r\n for (var i = 0; i < eventsFtrNav.length; i++) {\r\n eventsFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Events');\r\n });\r\n }\r\n }\r\n\r\n if (productsFtrNav && productsFtrNav.length > 0) {\r\n for (var i = 0; i < productsFtrNav.length; i++) {\r\n productsFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Products');\r\n });\r\n }\r\n }\r\n\r\n if (ceucoursesFtrNav && ceucoursesFtrNav.length > 0) {\r\n for (var i = 0; i < ceucoursesFtrNav.length; i++) {\r\n ceucoursesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'CEU Courses');\r\n });\r\n }\r\n }\r\n\r\n if (contactNav && contactNav.length > 0) {\r\n contactNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Contact');\r\n });\r\n }\r\n\r\n if (twitterNav && twitterNav.length > 0) {\r\n twitterNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Twitter Logo');\r\n });\r\n }\r\n\r\n if (youtubeNav && youtubeNav.length > 0) {\r\n youtubeNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Youtube Logo');\r\n });\r\n }\r\n\r\n if (facebookNav && facebookNav.length > 0) {\r\n facebookNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Facebook Logo');\r\n });\r\n }\r\n\r\n if (linkedinNav && linkedinNav.length > 0) {\r\n linkedinNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Linkedin Logo');\r\n });\r\n }\r\n\r\n if (learnMoreNav && learnMoreNav.length > 0) {\r\n learnMoreNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'About Us');\r\n });\r\n }\r\n\r\n if (ctaSignup && ctaSignup.length > 0) {\r\n for (var i = 0; i < ctaSignup.length; i++) {\r\n ctaSignup[i].addEventListener('click', e => {\r\n let eventLabel = 'Home Hero Join 1';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Sign Up', eventLabel);\r\n });\r\n\r\n // console.log(\"adding Signup:: \", i);\r\n }\r\n\r\n }\r\n\r\n\r\n if (ctaWatch && ctaWatch.length > 0) {\r\n ctaWatch[0].addEventListener('click', e => {\r\n let eventLabel = 'Watch Team Behind the Triumph';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Hero Links', eventLabel);\r\n });\r\n }\r\n\r\n if (ctaBtnMore && ctaBtnMore.length > 0) {\r\n for (var i = 0; i < ctaBtnMore.length; i++) {\r\n ctaBtnMore[i].addEventListener('click', e => {\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Nav', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnResourceListing && btnResourceListing.length > 0) {\r\n for (var i = 0; i < btnResourceListing.length; i++) {\r\n btnResourceListing[i].addEventListener('click', e => {\r\n let eventLabel = e.currentTarget.innerText;\r\n let eventCategory = '';\r\n let eventAction = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnCeuCourseListing && btnCeuCourseListing.length > 0) {\r\n for (var i = 0; i < btnCeuCourseListing.length; i++) {\r\n btnCeuCourseListing[i].addEventListener('click', e => {\r\n let eventLabel = e.currentTarget.querySelector('h3').querySelector('span').innerText;\r\n let eventCategory = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, 'CEU Course', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnStoryListing && btnStoryListing.length > 0) {\r\n for (var i = 0; i < btnStoryListing.length; i++) {\r\n btnStoryListing[i].addEventListener('click', e => {\r\n let eventCategory = '';\r\n let eventAction = 'Story Listing';\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n\r\n if (btnArticleTopic && btnArticleTopic.length > 0) {\r\n for (var i = 0; i < btnArticleTopic.length; i++) {\r\n btnArticleTopic[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Topic', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnArticleDoctype && btnArticleDoctype.length > 0) {\r\n for (var i = 0; i < btnArticleDoctype.length; i++) {\r\n btnArticleDoctype[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Type', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnArticleSport && btnArticleSport.length > 0) {\r\n for (var i = 0; i < btnArticleSport.length; i++) {\r\n btnArticleSport[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Sport', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnviewMoreArticles) {\r\n btnviewMoreArticles.addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'CTA - Load', 'View More Resources');\r\n });\r\n }\r\n\r\n if (btnAnalyticResources && btnAnalyticResources.length > 0) {\r\n for (var i = 0; i < btnAnalyticResources.length; i++) {\r\n btnAnalyticResources[i].addEventListener('click', e => {\r\n let eventCategory = '';\r\n let eventAction = '';\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnDownloadPdfs && btnDownloadPdfs.length > 0) {\r\n for (var i = 0; i < btnDownloadPdfs.length; i++) {\r\n btnDownloadPdfs[i].addEventListener('click', e => {\r\n let eventLabel = currentTitle;\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer(currentCategory, 'CTA - Download', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnPlayVideos && btnPlayVideos.length > 0) {\r\n for (var i = 0; i < btnPlayVideos.length; i++) {\r\n btnPlayVideos[i].addEventListener('click', e => {\r\n // console.log(\"current title from analytics: \", currentTitle);\r\n addEventToDataLayer(currentCategory, 'Play Video', currentTitle);\r\n });\r\n }\r\n }\r\n\r\n if (btnSeeResearches && btnSeeResearches.length > 0) {\r\n for (var i = 0; i < btnSeeResearches.length; i++) {\r\n btnSeeResearches[i].addEventListener('click', e => {\r\n addEventToDataLayer(currentCategory, 'CTA - GSSI Research', currentTitle);\r\n });\r\n }\r\n }\r\n\r\n if (btnviewMoreStories) {\r\n btnviewMoreStories.addEventListener('click', e => {\r\n addEventToDataLayer('Story', 'CTA - Load', 'Load More Stories');\r\n });\r\n }\r\n\r\n if (drpSortOrder) {\r\n drpSortOrder.addEventListener('change', e => {\r\n addEventToDataLayer('Story', 'Sort Stories', e.currentTarget.value.replace('SortBy', ''));\r\n });\r\n }\r\n\r\n if (siteWideSearchForm) {\r\n var input = siteWideSearchForm.querySelector('.siteWideSearchFormInput');\r\n if (input) {\r\n input.addEventListener('change', e => {\r\n var searchText = e.currentTarget.value;\r\n if (searchText && searchText.trim() !== '') {\r\n addEventToDataLayer('Search', searchText, 'Search');\r\n }\r\n });\r\n }\r\n }\r\n\r\n }\r\n\r\n \r\n\r\n }\r\n\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin } from \"gsap/all\";\r\nimport cookieMgmt from './Cookies';\r\nimport analyticsMgmt from './analytics';\r\nconst plugins = [CSSPlugin];\r\n\r\nexport default class Notice {\r\n constructor() {\r\n this.name = 'Notice';\r\n this.cookie = new cookieMgmt();\r\n this.analytics = new analyticsMgmt();\r\n const closeBtn = document.querySelector('.notice__bar__close');\r\n const tryBtn = document.querySelector('.notice__bar__try');\r\n const tryBtnHome = document.querySelector('.notice__bar__try__home');\r\n let that = this;\r\n\r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', (e) => {\r\n\r\n //document.querySelector('body').classList.remove(\"notice\");\r\n //document.querySelector('.notice__bar').style.display = \"none\";\r\n that.cookie.SetCookie(\"noticeDismiss\", \"true\", 1200);\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"dismiss\", \"orange_notice_bar\");\r\n\r\n window.location.reload();\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n\r\n if (tryBtnHome) {\r\n tryBtnHome.addEventListener('click', (e) => {\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"try_it_out\", \"homepage_message\");\r\n that.cookie.SetCookie(\"noticeDismissHome\", \"true\", 1200); \r\n window.location.href = \"/resources/resource/recovery-foundations-for-athletic-success\";\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n\r\n if (tryBtn) {\r\n tryBtn.addEventListener('click', (e) => {\r\n that.cookie.SetCookie(\"noticeDismiss\", \"true\", 1200); \r\n that.analytics.AddEventAnalytics(\"highlighting\", \"try_it_out\", \"orange_notice_bar\");\r\n window.location.href = \"/resources/resource/recovery-foundations-for-athletic-success\";\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n }\r\n\r\n}","import axios from 'axios';\r\nimport { TweenMax } from \"gsap\";\r\n\r\nexport default class Navigation {\r\n\r\n constructor() {\r\n this.name = \"Navigation\";\r\n this.MobileBtn = \"MobileBtn\";\r\n const d = document;\r\n\r\n d.getElementById(this.MobileBtn).addEventListener(\"click\", evt => {\r\n var mNav = d.getElementById(\"MobileNav\");\r\n var btn = d.getElementById(this.MobileBtn);\r\n btn.classList.toggle(\"is-open\");\r\n mNav.classList.toggle(\"open\");\r\n d.body.classList.toggle(\"lock\");\r\n });\r\n\r\n const closeAllNavs = () => {\r\n d.querySelectorAll(\".secondary_nav\").forEach((nav) => {\r\n\r\n TweenMax.to(nav, .5, {\r\n alpha: 0, onComplete: () => {\r\n nav.style.visibility = \"hidden\";\r\n }\r\n });\r\n\r\n });\r\n }\r\n\r\n if (!d.querySelector(\"nav\").classList.contains(\"sticky_nav\")) {\r\n d.querySelectorAll(\"#desktop_container a\").forEach((btn) => {\r\n\r\n\r\n btn.addEventListener(\"mouseover\", (e) => {\r\n closeAllNavs();\r\n if (btn.dataset.nav) {\r\n var nav = d.querySelector(\"#\" + btn.dataset.nav);\r\n nav.style.visibility = \"visible\";\r\n\r\n TweenMax.to(nav, .5, { alpha: 1 });\r\n }\r\n });\r\n });\r\n }\r\n\r\n d.querySelectorAll(\".accordion .collapsed\").forEach((nav) => {\r\n nav.addEventListener(\"click\", (e) => {\r\n var isOpen = e.currentTarget.classList.contains(\"open\");\r\n\r\n\r\n d.querySelectorAll(\".accordion a.m-nav\").forEach((item) => {\r\n \r\n var content = item.nextElementSibling;\r\n content.style.maxHeight = \"\";\r\n\r\n item.classList.remove(\"active\");\r\n item.classList.remove(\"open\");\r\n\r\n });\r\n\r\n\r\n if (!isOpen) {\r\n e.currentTarget.classList.add(\"active\");\r\n e.currentTarget.classList.add(\"open\");\r\n var content = e.currentTarget.nextElementSibling;\r\n content.style.maxHeight = content.scrollHeight + \"px\";\r\n }\r\n\r\n\r\n //if (content.style.maxHeight) {\r\n // content.style.maxHeight = null;\r\n\r\n //} else {\r\n // content.style.maxHeight = content.scrollHeight + \"px\";\r\n //}\r\n\r\n e.preventDefault();\r\n });\r\n });\r\n\r\n\r\n if (d.querySelector(\".notification_nav\")) {\r\n var userId = d.querySelector(\".notification_nav\").dataset.userid;\r\n\r\n //axios.get(`/api/fieldhouse?gpapiId=${userId}`).then((result) => {\r\n // if (result != null) {\r\n\r\n // if (result.data.unreadMessages != null && result.data.unreadMessages > 0) {\r\n // d.querySelectorAll(\".messenger_nav\").forEach((link) => {\r\n // link.classList.add(\"active-note\");\r\n // });\r\n // } else {\r\n // d.querySelectorAll(\".messenger_nav\").forEach((link) => {\r\n // link.classList.remove(\"active-note\");\r\n // });\r\n // }\r\n\r\n // if (result.data && result.data.id) {\r\n // axios.get(`/api/fieldhouse/notifications?userId=${result.data.id}`).then((noticeResult) => {\r\n // var hasNotifications = false;\r\n\r\n // if (noticeResult != null && noticeResult.data != null) {\r\n // for (var i = 0; i < noticeResult.data.length; i++) {\r\n // var _notice = noticeResult.data[i];\r\n\r\n // if (_notice.notificationData.unread) {\r\n // hasNotifications = true;\r\n // }\r\n // }\r\n // }\r\n\r\n // if (hasNotifications) {\r\n // d.querySelectorAll(\".notification_nav\").forEach((link) => {\r\n // link.classList.add(\"active-note\");\r\n // });\r\n // } else {\r\n // d.querySelectorAll(\".notification_nav\").forEach((link) => {\r\n // link.classList.remove(\"active-note\");\r\n // });\r\n // }\r\n // });\r\n // }\r\n // }\r\n //});\r\n }\r\n\r\n }\r\n}","'use strict';\r\nimport axios from 'axios';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\nimport Highlighter from '../components/Highlighting';\r\n\r\nexport default class Articles {\r\n\r\n constructor() {\r\n this.name = \"Articles\";\r\n const that = this;\r\n const d = document;\r\n const saveBtn = d.querySelector('#saveBtn');\r\n const saveBtnMobile = d.querySelector('#saveBtnMobile');\r\n const shareBtn = d.querySelector('#shareBtn');\r\n const shareOptions = d.querySelector('.shareOptions.mobile');\r\n const currentTitleTag = document.getElementById('CurrentTitle');\r\n const video = document.querySelector('#fuelsportsperformance');\r\n\r\n if (video && window.hasOwnProperty(\"videojs\")) {\r\n const myPlayer = videojs('fuelsportsperformance');\r\n const currentTitle = currentTitleTag !== null && currentTitleTag !== undefined ? currentTitleTag.value : '';\r\n //console.log(\"current title from articles: \", currentTitle);\r\n myPlayer.on('play', (e) => {\r\n if (window.hasOwnProperty(\"dataLayer\")) {\r\n dataLayer.push({\r\n event: 'GAEvent', // always the same\r\n eventCategory: 'Stories', //column G\r\n eventAction: 'Play Video', // column H\r\n eventLabel: currentTitle // column I\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (d.querySelector('div.article')) {\r\n this.highlighter = new Highlighter();\r\n }\r\n\r\n\r\n if (d.querySelector('#saveBtn')) {\r\n \r\n saveBtn.addEventListener(\"click\", (e) => {\r\n const currentTitle = currentTitleTag !== null && currentTitleTag !== undefined ? currentTitleTag.value : '';\r\n\r\n\r\n if (window.hasOwnProperty(\"dataLayer\")) {\r\n dataLayer.push({\r\n event: 'GAEvent', // always the same\r\n eventCategory: 'resources', //column G\r\n eventAction: 'CTA - Save', // column H\r\n eventLabel: currentTitle // column I\r\n });\r\n }\r\n\r\n\r\n const res = axios.post('/api/ArticleAPI', {\r\n \"UserId\": document.querySelector('#GpapiID').value,\r\n \"ArticleID\": e.currentTarget.dataset.article\r\n }).then((result) => {\r\n\r\n saveBtn.setAttribute('id', '');\r\n saveBtn.classList.add('disabled');\r\n saveBtn.innerHTML = \"saved\";\r\n });\r\n\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n return false;\r\n }); \r\n\r\n saveBtnMobile.addEventListener(\"click\", (e) => {\r\n\r\n const res = axios.post('/api/ArticleAPI', {\r\n \"UserId\": document.querySelector('#GpapiID').value,\r\n \"ArticleID\": e.currentTarget.dataset.article\r\n }).then((result) => {\r\n\r\n saveBtnMobile.setAttribute('id', '');\r\n saveBtnMobile.classList.add('disabled');\r\n saveBtnMobile.innerHTML = \"saved\";\r\n });\r\n\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n return false;\r\n });\r\n }\r\n\r\n const saveClass = d.querySelectorAll('.saveBtn');\r\n if (d.querySelectorAll('.saveBtn')) {\r\n\r\n\r\n for (var i = 0; i < saveClass.length; i++) {\r\n saveClass[i].addEventListener(\"click\", (e) => {\r\n\r\n var target = e.currentTarget;\r\n\r\n const res = axios.post('/api/ArticleAPI', {\r\n \"UserId\": document.querySelector('#GpapiID').value,\r\n \"ArticleID\": e.currentTarget.dataset.article\r\n }).then((result) => {\r\n\r\n \r\n target.classList.add('disabled');\r\n target.innerHTML = \"saved\";\r\n });\r\n\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n return false;\r\n });\r\n }\r\n \r\n }\r\n\r\n\r\n\r\n\r\n //if (d.querySelector('#shareBtnMobile') && window.innerWidth < 769) {\r\n\r\n \r\n // d.querySelector('#shareBtnMobile').addEventListener(\"click\", (e) => {\r\n // // console.log(\"clicking\")\r\n // shareOptions.style.visibility = 'visible';\r\n\r\n\r\n\r\n // TweenLite.to(shareOptions, .5, { alpha: 1 });\r\n\r\n // if (e) {\r\n // e.preventDefault();\r\n // }\r\n // return false;\r\n // });\r\n //}\r\n }\r\n}","'use strict';\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\nconst plugins = [CSSPlugin, ScrollToPlugin];\n\nexport default class CertificationKit {\n\n constructor() {\n\n this.name = \"Certification Kit Page\";\n const that = this;\n const d = document;\n\n\n const submitBtn = d.querySelector(\"#CertificationKit #btnSubmitConference\");\n\n\n const offset = (el) => {\n var rect = el.getBoundingClientRect(),\n scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft }\n };\n\n // console.log(\"certification kit:: \", submitBtn);\n if (!submitBtn) {\n return;\n }\n\n var Profession = document.querySelector(\"#Profession\");\n\n if (Profession && Profession.length) {\n\n Profession.addEventListener('change', (ev) => {\n\n var otherFound = Profession.value && Profession.value.toLowerCase().indexOf(\"other\") >= 0;\n\n\n if (otherFound) {\n document.getElementById('professionOtherDiv').style.display = \"block\";\n document.querySelector('#professionOtherDiv fieldset').classList.remove('disabled');\n\n document.getElementById('ProfessionOther').classList.add('required');\n } else {\n document.querySelector('#professionOtherDiv fieldset').classList.add('disabled');\n document.getElementById('professionOtherDiv').style.display = \"none\";\n document.getElementById('ProfessionOther').value = \"\";\n\n if (document.getElementById('ProfessionOther').classList.contains('required')) {\n document.getElementById('ProfessionOther').classList.remove('required');\n }\n }\n\n });\n }\n\n\n\n submitBtn.addEventListener(\"click\", (e) => {\n var isValid = true;\n var allInvalid = d.querySelectorAll('.error');\n var Email = d.querySelector('#email');\n var firstName = d.querySelector('#firstName');\n var lastName = d.querySelector('#lastName');\n var _profession = d.querySelector('#Profession');\n\n for (var i = 0; i < allInvalid.length; i++) {\n allInvalid[i].classList.remove('error');\n }\n let emailReg = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\n\n if (Email && (!Email.value || !Email.value.match(emailReg))) {\n Email.classList.add(\"error\");\n isValid = false;\n }\n\n d.querySelectorAll(\".required\").forEach((item) => {\n if (!item.value || item.value.length == 0) {\n isValid = false;\n item.classList.add(\"error\");\n }\n });\n if (!isValid) {\n\n var scrollY = offset(d.querySelector('#CertificationKit')).top;\n\n TweenLite.to(window, 1, { scrollTo: { y: scrollY, x: 0 } });\n e.preventDefault();\n return false;\n\n } else {\n submitBtn.style.display = \"none\";\n d.querySelector('#btnLoad').style.display = \"block\";\n }\n\n });\n\n //btnSubmit.addEventListener(\"click\", (e) => {\n // var isValid = true;\n\n // var street1 = d.querySelector('#StreetAddress');\n\n // var city = d.querySelector('#City');\n // var Email = d.querySelector('#email');\n\n // var Zipcode = d.querySelector('#Zipcode');\n // var CertificationId = d.querySelector('#CertificationId');\n\n // var allInvalid = d.querySelectorAll('.error');\n\n // for (var i = 0; i < allInvalid.length; i++) {\n // allInvalid[i].classList.remove('error');\n // }\n\n\n // if (street1 && !street1.value) {\n // street1.classList.add(\"error\");\n // isValid = false;\n // }\n // if (city && !city.value) {\n // city.classList.add(\"error\");\n // isValid = false;\n // }\n\n // if (Zipcode && (!Zipcode.value || Zipcode.value.length < 5)) {\n // Zipcode.classList.add(\"error\");\n // isValid = false;\n // }\n\n // let emailReg = /^([a-zA-Z0-9_\\.\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\n\n // if (Email && (!Email.value || !Email.value.match(emailReg)) ) {\n // Email.classList.add(\"error\");\n // isValid = false;\n // }\n\n\n // if (CertificationId && !CertificationId.value ) {\n // CertificationId.classList.add(\"error\");\n // isValid = false;\n // }\n\n\n\n // if (!isValid) {\n\n // var scrollY = offset(d.querySelector('#CertificationKit')).top;\n\n // TweenLite.to(window, 1, { scrollTo: { y: scrollY, x: 0 } });\n // e.preventDefault();\n // return false;\n\n // } else {\n // btnSubmit.style.display = \"none\";\n // d.querySelector('#btnLoad').style.display = \"block\";\n // }\n\n\n\n //});\n\n\n }\n}","'use strict';\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\nconst plugins = [CSSPlugin, ScrollToPlugin];\n\nexport default class GxDetails {\n\n constructor() {\n this.name = \"Gx Details Page\";\n const that = this;\n const d = document;\n\n const links = d.querySelectorAll(\".faq-links a\");\n const getQueryVariable = (variable) => {\n var query = window.location.search.substring(1);\n var vars = query.split(\"&\");\n for (var i = 0; i < vars.length; i++) {\n var pair = vars[i].split(\"=\");\n if (pair[0] == variable) { return pair[1]; }\n }\n return (false);\n }\n const checkIfAllImagesHaveLoaded = (container, event) => {\n\n var images = container.getElementsByTagName(\"img\");\n var loaded = images.length;\n for (var i = 0; i < images.length; i++) {\n if (images[i].complete) {\n loaded--;\n }\n else {\n images[i].addEventListener(\"load\", function () {\n loaded--;\n if (loaded == 0) {\n event();\n }\n });\n }\n if (loaded == 0) {\n event();\n }\n }\n }\n\n\n let hash = getQueryVariable(\"jump\");\n if (hash != null && hash.length && hash == \"faq\") {\n\n\n checkIfAllImagesHaveLoaded(document.querySelector('.body-content'), function () {\n\n\n window.setTimeout(function () {\n\n var section = d.querySelector('#faqSection');\n TweenLite.to(window, .5, { scrollTo: parseInt(section.offsetTop) - 50 });\n\n }, 1000);\n });\n } else if (hash != null && hash.length && hash == \"resource\") {\n //gxResources\n\n checkIfAllImagesHaveLoaded(document.querySelector('.body-content'), function () {\n\n\n window.setTimeout(function () {\n\n var section = d.querySelector('#gxResources');\n TweenLite.to(window, .5, { scrollTo: parseInt(section.offsetTop) - 50 });\n\n }, 1000);\n });\n }\n\n\n\n if (links.length == 0) {\n return false;\n }\n\n for (var i = 0; i < links.length; i++) {\n links[i].addEventListener(\"click\", (e) => {\n e.preventDefault();\n if (e.currentTarget.classList.contains(\"active\")) {\n return;\n }\n\n var oldLink = d.querySelector(\".faq-links a.active\");\n var oldTarget = d.querySelector(\"#\" + oldLink.dataset.link);\n oldLink.classList.remove(\"active\");\n e.currentTarget.classList.add(\"active\");\n var newTarget = d.querySelector(\"#\" + e.currentTarget.dataset.link);\n oldTarget.classList.remove(\"active\");\n newTarget.classList.add(\"active\");\n\n TweenLite.to(newTarget, 0, { opacity: 0 });\n TweenLite.to(newTarget, .5, { opacity: 1 });\n\n\n var section = d.querySelector('#faqSection');\n TweenLite.to(window, .5, { scrollTo: parseInt(section.offsetTop) - 50 });\n\n });\n }\n\n \n }\n}","'use strict';\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\nimport ProductCol from '../Components/ProductColumns';\nconst plugins = [CSSPlugin, ScrollToPlugin];\n\n\nexport default class GxSweatpatch {\n\n constructor() {\n this.name = \"Gx Sweatpatch\";\n const that = this;\n const d = document;\n\n const root = d.querySelector('#gxSweatPatch');\n\n if (root) {\n var cols = new ProductCol();\n }\n \n }\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\nimport axios from 'axios';\r\n\r\nexport default class Homepage {\r\n\r\n constructor() {\r\n this.name = \"GPP Homepage\";\r\n const that = this;\r\n const d = document;\r\n\r\n let lastSlideCount = 5;\r\n\r\n if (!d.querySelector(\"#fieldhouseLatest\")) {\r\n return;\r\n }\r\n\r\n\r\n const setSlidesPerView = () => {\r\n console.log(\"setting spv\");\r\n let newSlideCount = 0;\r\n let _width = parseInt(window.innerWidth);\r\n\r\n\r\n if (_width > 1600) {\r\n newSlideCount = 5;\r\n } else if (_width > 1350) {\r\n newSlideCount = 4;\r\n } else if (_width > 960) {\r\n newSlideCount = 3;\r\n } else if (_width > 660) {\r\n newSlideCount = 2;\r\n } else {\r\n newSlideCount = 1;\r\n }\r\n\r\n\r\n if (newSlideCount != lastSlideCount) {\r\n //resize;\r\n document.querySelector(\".latest-slider\").setAttribute(\"slides-per-page\", newSlideCount);\r\n lastSlideCount = newSlideCount;\r\n }\r\n\r\n }\r\n\r\n\r\n setSlidesPerView();\r\n\r\n var playPauseContainer = document.querySelector(\".playPause\");\r\n\r\n if (playPauseContainer) {\r\n var pause = document.querySelector(\".pauseBtn\");\r\n var play = document.querySelector(\".playBtn\");\r\n var bgVideo = document.querySelector(\"#bgVideo\");\r\n\r\n pause.addEventListener(\"click\", (e) => {\r\n bgVideo.pause();\r\n pause.classList.remove(\"active\");\r\n play.classList.add(\"active\");\r\n });\r\n\r\n play.addEventListener(\"click\", (e) => {\r\n bgVideo.play();\r\n pause.classList.add(\"active\");\r\n play.classList.remove(\"active\");\r\n });\r\n }\r\n\r\n\r\n window.addEventListener(\"resize\", (e) => {\r\n setSlidesPerView();\r\n });\r\n\r\n }\r\n}","'use strict';\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\nimport Filter from 'bad-words';\nimport badwords from './badwords.json';\nconst plugins = [CSSPlugin, ScrollToPlugin];\n\nexport default class MembershipOffer {\n\n constructor() {\n this.name = \"Membership Offer Page\";\n const that = this;\n const d = document;\n this.profaneList = badwords.words;\n this.filter = new Filter();\n this.filter.removeWords('cok');\n this.filter.removeWords('cokg');\n this.filter.removeWords('cokgo');\n this.filter.removeWords('cokgor');\n this.filter.removeWords('cokgorm');\n this.filter.removeWords('cokgormu');\n this.filter.removeWords('cokgormus');\n this.filter.removeWords('cokgormusl');\n this.filter.removeWords('cokgormusle');\n this.filter.removeWords('cokgormusler');\n this.filter.removeWords('god');\n this.filter.removeWords('nob');\n this.filter.removeWords('dick');\n this.filter.removeWords('coon');\n\n this.filter.addWords(\"suck\");\n this.filter.addWords(\"whodeybitch\");\n this.filter.addWords(\"bigdick\");\n\n\n const submitBtn = d.querySelector(\"#MembershipOffer #btnSubmit\");\n\n\n const offset = (el) => {\n var rect = el.getBoundingClientRect(),\n scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft }\n };\n\n\n\n if (!submitBtn) {\n return;\n }\n\n\n submitBtn.addEventListener(\"click\", (e) => {\n var isValid = true;\n\n var street1 = d.querySelector('#StreetAddress');\n\n var city = d.querySelector('#City');\n\n var Zipcode = d.querySelector('#Zipcode');\n\n var allInvalid = d.querySelectorAll('.error');\n\n for (var i = 0; i < allInvalid.length; i++) {\n allInvalid[i].classList.remove('error');\n }\n\n\n if (!street1.value) {\n street1.classList.add(\"error\");\n isValid = false;\n }\n if (!city.value) {\n city.classList.add(\"error\");\n isValid = false;\n }\n\n if (!Zipcode.value || Zipcode.value.length < 5) {\n Zipcode.classList.add(\"error\");\n isValid = false;\n }\n\n\n\n if (!isValid) {\n\n var scrollY = offset(d.querySelector('#MembershipOffer')).top;\n\n TweenLite.to(window, 1, { scrollTo: { y: scrollY, x: 0 } });\n e.preventDefault();\n return false;\n \n }\n\n btnSubmit.style.display = \"none\";\n d.querySelector('#btnLoad').style.display = \"block\";\n\n });\n\n\n if (document.querySelector(\"input.gx-ring\")) {\n document.querySelector(\"input.gx-ring\").setAttribute(\"maxlength\", 12);\n\n \n\n document.querySelector(\"input.gx-ring\").addEventListener('keypress', function (event) {\n var key = event.keyCode;\n if ( key === 45) {\n event.preventDefault();\n }\n \n });\n\n document.querySelector(\"input.gx-ring\").addEventListener(\"input\", (e) => {\n let srcEl = document.querySelector(\"input.gx-ring\");\n let regex = /^([a-zA-Z0-9 _-]+)$/;\n let value = srcEl.value.toLowerCase().replace(/[^0-9a-z]/gi, '');\n\n if (srcEl.value != null && (this.filter.isProfane(srcEl.value) || srcEl.value.toLowerCase().indexOf(\"bitch\") >= 0 || srcEl.value.toLowerCase().indexOf(\"fuck\") >= 0)) {\n srcEl.value = \"\";\n\n }\n\n if (value.length >= 12) {\n srcEl.value = srcEl.value.substring(0, 12);\n }\n\n if (srcEl.value != null && !srcEl.value.match(regex)) {\n srcEl.value = \"\";\n }\n\n srcEl.value = srcEl.value.toUpperCase();\n\n if (srcEl.value.length) {\n document.querySelector(\"#btnSubmit\").classList.remove(\"disabled\");\n } else {\n document.querySelector(\"#btnSubmit\").classList.add(\"disabled\");\n }\n });\n\n document.querySelector(\"#btnSubmit\").classList.add(\"disabled\");\n }\n\n }\n}","export default class StoryLanding {\n\n constructor() {\n this.name = \"StoryLanding\";\n const that = this;\n const d = document;\n\n if (!d.querySelector('.storyLanding')) {\n return;\n }\n\n this.resetImages = () => {\n\n var rows = document.querySelectorAll('#stories-container > .row.margin-top-sm');\n //console.log(\"resetting imgs\")\n for (var i = 0; i < rows.length; i++) {\n const col8 = rows[i].querySelector('.col-md-8');\n const col4 = rows[i].querySelector('.col-md-4');\n if (!col8) {\n continue;\n }\n\n if (parseInt(window.innerWidth) < 748) {\n col8.querySelector('.imgFrame').style.height = '';\n\n } else {\n\n col8.querySelector('.imgFrame').style.height = \"0px\";\n const allCol4H4 = col4.querySelectorAll('h4');\n const col4H4 = allCol4H4[allCol4H4.length - 1];\n\n let toHeight = parseFloat(getComputedStyle(col4).height);\n\n toHeight = toHeight - parseFloat(getComputedStyle(col4H4).height) - parseFloat(getComputedStyle(col4H4).marginTop) - parseFloat(getComputedStyle(col4H4).marginBottom);\n\n\n col8.querySelector('.imgFrame').style.height = parseInt(toHeight) + \"px\";\n }\n }\n };\n\n this.resetImages();\n\n window.setInterval(function () {\n that.resetImages();\n }, 500);\n\n }\n}","'use strict';\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\n\r\nexport default class emailOfferForm {\r\n\r\n constructor() {\r\n this.name = \"Email Offer Page\";\r\n const that = this;\r\n const d = document;\r\n\r\n\r\n\r\n const submitBtn = d.querySelector(\"#emailOffer #btnSubmitEmail\");\r\n const phoneReg = /\\d{3}[\\-]\\d{3}[\\-]\\d{4}/g;\r\n\r\n const offset = (el) => {\r\n var rect = el.getBoundingClientRect(),\r\n scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\r\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft }\r\n };\r\n\r\n\r\n\r\n\r\n if (!submitBtn) {\r\n return;\r\n }\r\n\r\n const validateEmail = (email) => {\r\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n };\r\n\r\n\r\n submitBtn.addEventListener(\"click\", (e) => {\r\n var isValid = true;\r\n\r\n var firstName = d.querySelector('#firstName');\r\n var lastName = d.querySelector('#lastName');\r\n var email = d.querySelector('#email');\r\n\r\n\r\n\r\n\r\n\r\n\r\n var phoneNumber = d.querySelector('#PhoneNumber');\r\n\r\n var allInvalid = d.querySelectorAll('.error');\r\n\r\n for (var i = 0; i < allInvalid.length; i++) {\r\n allInvalid[i].classList.remove('error');\r\n }\r\n\r\n\r\n if (!firstName.value) {\r\n firstName.classList.add(\"error\");\r\n isValid = false;\r\n }\r\n if (!lastName.value) {\r\n lastName.classList.add(\"error\");\r\n isValid = false;\r\n }\r\n\r\n if (!email.value || !validateEmail(email.value)) {\r\n email.classList.add(\"error\");\r\n isValid = false;\r\n }\r\n\r\n if (!phoneNumber.value || !phoneNumber.value.match(phoneReg)) {\r\n phoneNumber.classList.add(\"error\");\r\n isValid = false;\r\n }\r\n\r\n\r\n\r\n if (!isValid) {\r\n\r\n var scrollY = offset(d.querySelector('#emailOffer')).top;\r\n\r\n TweenLite.to(window, 1, { scrollTo: { y: scrollY, x: 0 } });\r\n e.preventDefault();\r\n return false;\r\n\r\n }\r\n\r\n submitBtn.style.display = \"none\";\r\n d.querySelector('#btnLoad').style.display = \"block\";\r\n\r\n });\r\n\r\n\r\n window.setInterval(function () {\r\n var ev = document.createEvent('Events');\r\n ev.initEvent('keyup', true, true);\r\n ev.keyCode = 13;\r\n ev.which = 13;\r\n ev.charCode = 13;\r\n ev.key = 'Enter';\r\n ev.code = 'Enter';\r\n document.querySelector(\"#PhoneNumber\").dispatchEvent(ev);\r\n }, 1000);\r\n\r\n\r\n\r\n const phoneFormat = function (input) {\r\n // Strip all characters from the input except digits\r\n input = input.replace(/\\D/g, '');\r\n\r\n // Trim the remaining input to ten characters, to preserve phone number format\r\n input = input.substring(0, 10);\r\n\r\n // Based upon the length of the string, we add formatting as necessary\r\n var size = input.length;\r\n if (size == 0) {\r\n input = input;\r\n } else if (size < 4) {\r\n input = input;\r\n } else if (size < 7) {\r\n input = input.substring(0, 3) + '-' + input.substring(3, 6);\r\n } else {\r\n input = input.substring(0, 3) + '-' + input.substring(3, 6) + '-' + input.substring(6, 10);\r\n }\r\n return input;\r\n }\r\n\r\n if (document.querySelector(\"#PhoneNumber\")) {\r\n document.querySelector(\"#PhoneNumber\").addEventListener('keyup', function (evt) {\r\n var phoneNumber = evt.currentTarget;\r\n phoneNumber.value = phoneFormat(phoneNumber.value);\r\n });\r\n }\r\n }\r\n}","'use strict';\nexport default class Polyfills {\n\n constructor() {\n this.name = 'Polyfills';\n\n // polyfills\n this.objectIncludes();\n this.addAssignIndex();\n this.objectAssign();\n this.removeDom();\n this.parentEl();\n }\n\n parentEl() {\n if (!(\"parentElement\" in Document.prototype) || !(\"parentElement\" in Text.prototype) || !(\"parentElement\" in Attr.prototype)) {\n // Environment doesn't support 'parentElement' or only supports it on nodes that are Elements themselves.\n // To unify behavior between all browsers and to be spec-compliant, parentElement should be supported on any Node.\n\n function implementation() {\n return this.parentNode instanceof Element ? this.parentNode : null;\n }\n\n try {\n Object.defineProperty(Attr.prototype, \"parentElement\", { configurable: false, enumerable: false, get: implementation });\n } catch (e) {\n // IE8\n Attr.prototype.parentElement = implementation;\n }\n\n try {\n Object.defineProperty(Text.prototype, \"parentElement\", { configurable: false, enumerable: false, get: implementation });\n } catch (e) {\n // IE8\n Text.prototype.parentElement = implementation;\n }\n\n try {\n Object.defineProperty(Element.prototype, \"parentElement\", { configurable: false, enumerable: false, get: implementation });\n } catch (e) {\n // IE8\n Element.prototype.parentElement = implementation;\n }\n\n try {\n Object.defineProperty(Document.prototype, \"parentElement\", { configurable: false, enumerable: false, get: implementation });\n } catch (e) {\n // IE8\n Document.prototype.parentElement = implementation;\n }\n\n }\n };\n\n removeDom() {\n /**\n * ChildNode.remove() polyfill\n */\n // from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md\n (function (arr) {\n arr.forEach(function (item) {\n if (item.hasOwnProperty('remove')) {\n return;\n }\n Object.defineProperty(item, 'remove', {\n configurable: true,\n enumerable: true,\n writable: true,\n value: function remove() {\n this.parentNode.removeChild(this);\n }\n });\n });\n })([Element.prototype, CharacterData.prototype, DocumentType.prototype]);\n };\n\n addAssignIndex() {\n if (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, 'findIndex', {\n value: function (predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function');\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n }\n }\n\n objectIncludes() {\n if (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, 'includes', {\n value: function (searchElement, fromIndex) {\n\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n // c. Increase k by 1. \n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n }\n }\n\n objectAssign() {\n if (typeof Object.assign != 'function') {\n Object.assign = function (target) {\n 'use strict';\n if (target == null) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n\n target = Object(target);\n for (var index = 1; index < arguments.length; index++) {\n var source = arguments[index];\n if (source != null) {\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n }\n return target;\n };\n }\n }\n}","import 'promise-polyfill/src/polyfill';\r\nimport 'wicked-good-xpath';\r\nimport Nav from './Framework/Navigation';\r\nimport Polyfills from './Polyfills';\r\n\r\nimport InputQty from './Components/InputQty';\r\nimport CUSiteSearch from './Components/CUSiteSearch';\r\nimport CookieManager from './Components/Cookies';\r\nimport Notice from './Components/notice';\r\n\r\n\r\nimport Modals from './Components/Modals';\r\n\r\n\r\nimport VideoPlayer from './Components/Media/VideoPlayer';\r\nimport ProductNavigation from './Components/Products/ProductNav';\r\nimport ProductOrderForm from './Components/Products/ProductOrderForm';\r\n\r\n// Articles\r\nimport Article from './Components/Resources/Article';\r\n\r\nimport GlobalSiteSearch from './Components/GlobalSiteSearch';\r\n// Stories\r\nimport Story from './Components/Resources/Story';\r\nimport GPAPI from './Components/GPAPIForm';\r\nimport StoryLanding from './Pages/StoryLanding';\r\nimport Articles from './Pages/Articles';\r\nimport GxSweatpatches from './Pages/GxSweatpatch';\r\nimport GxDetail from './Pages/GxDetails';\r\nimport MembershipOffers from './Pages/MembershipOffer';\r\nimport emailOfferForm from './Pages/emailOfferForm';\r\nimport CertificationKits from './Pages/CertificationKit';\r\nimport Homepage from './Pages/Homepage';\r\nimport Analytics from './Components/analytics';\r\n\r\n/*PRODUCTS*/\r\n\r\nimport './../_css/main.less';\r\n\r\nconst d = document;\r\n\r\nwindow.PrivacyVideo = () => {\r\n\r\n if (!_STATE.hasLoadedAdvertising) {\r\n var videos = document.querySelectorAll(\"video\").forEach((video) => {\r\n var videoSetup = JSON.parse(video.dataset.setup);\r\n var ytLink = videoSetup.sources[0].src;\r\n\r\n var linkHtml = `
\r\n \r\n
This video is unable to play due to Privacy Settings. To play, either opt-in to advertising cookies via the 'Cookie Preference' link in the footer, or view on Youtube.com.
\r\n
`;\r\n video.outerHTML = linkHtml;\r\n window.HasDisabledVideos = true;\r\n });\r\n }\r\n}\r\n\r\n(function () {\r\n if (typeof window.CustomEvent === \"function\") return false;\r\n function CustomEvent(event, params) {\r\n params = params || { bubbles: false, cancelable: false, detail: undefined };\r\n var evt = document.createEvent('CustomEvent');\r\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n return evt;\r\n }\r\n CustomEvent.prototype = window.Event.prototype;\r\n window.CustomEvent = CustomEvent;\r\n})();\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n wgxpath.install();\r\n\r\n //PRIVATE/SEALED FUNCTIONALITY\r\n let _vp = new VideoPlayer();\r\n let notice = new Notice();\r\n let nav = new Nav();\r\n let qty = new InputQty();\r\n let polyfills = new Polyfills();\r\n let modals = new Modals();\r\n let analytics = new Analytics();\r\n analytics.trackEvents();\r\n let productNav = new ProductNavigation();\r\n let _gpapi = new GPAPI();\r\n let productOrderForm = new ProductOrderForm();\r\n let article = new Article();\r\n let story = new Story();\r\n const globalSiteSearch = new GlobalSiteSearch();\r\n\r\n let _storyLanding = new StoryLanding();\r\n let _articles = new Articles();\r\n let _GxDetail = new GxDetail();\r\n let _MembershipOffer = new MembershipOffers();\r\n let _emailOfferForm = new emailOfferForm();\r\n let _CertificationKits = new CertificationKits();\r\n let _GxSweatpatch = new GxSweatpatches();\r\n let _Homepage = new Homepage();\r\n\r\n //PUBLIC FUNCTIONALITY\r\n window.GPAPI = _gpapi;\r\n window['GPAPI'] = _gpapi;\r\n window.CookieManager = new CookieManager();\r\n});","'use strict';\r\nimport axios from 'axios';\r\nimport Mark from 'mark.js';\r\n\r\nimport { TweenLite, CSSPlugin, ScrollToPlugin } from \"gsap/all\";\r\nimport Axios from 'axios';\r\nconst plugins = [CSSPlugin, ScrollToPlugin];\r\nimport analyticsMgmt from './analytics';\r\n\r\nexport default class Highlighting {\r\n\r\n constructor() {\r\n this.name = \"Highlighting API\";\r\n this.endpoint = \"/api/highlightapi\";\r\n this.endpointUpdate = \"/api/highlightapi/UpdateHighlight\";\r\n this.deleteEndpoint = \"/api/highlightapi/DeleteHighlight\";\r\n this.UpdateSortOrderEndpoint = \"/api/highlightapi/UpdateAnnotationOrder\";\r\n const d = document;\r\n this.analytics = new analyticsMgmt();\r\n this.canEdit = true;\r\n\r\n\r\n if (!d.querySelector('#ArticleID') || window.location.href.indexOf(\"resources\") < 0 || window.outerWidth < 1024) {\r\n return false;\r\n }\r\n\r\n this.currentText = \"\";\r\n this.currentHtml = \"\";\r\n this.existingData = null;\r\n this.isDeleting = false;\r\n\r\n const that = this;\r\n\r\n const userId = d.querySelector('#GpapiID').value;\r\n const articleId = d.querySelector('#ArticleID').value;\r\n const target = d.querySelector(\"#articleBody\");\r\n const toolBox = d.querySelector('.highlight__tools');\r\n const modalBtn = d.querySelector('#ModalLoginBtn');\r\n const closeBtn = d.querySelector('#loginGate .closeBtn');\r\n const GotItBtn = d.querySelector('#GotItBtn');\r\n this.instance = new Mark(target);\r\n\r\n \r\n\r\n\r\n\r\n //window.setInterval(function () {\r\n // console.log(\"edit: \", that.canEdit);\r\n //}, 500);\r\n\r\n const SetCookie = (c_name, value, exdays) => {\r\n var exdate = new Date();\r\n if (exdays >= 1) {\r\n exdate.setDate(exdate.getDate() + exdays);\r\n } else if (exdays < 1) {\r\n\r\n exdate.setMinutes(exdate.getMinutes() + (exdays * 1440));\r\n }\r\n var c_value = escape(value) + (exdays === null ? \"\" : \"; expires=\" + exdate.toUTCString());\r\n document.cookie = c_name + \"=\" + c_value;\r\n };\r\n\r\n const offset = (el) => {\r\n var rect = el.getBoundingClientRect(),\r\n scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\r\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft }\r\n };\r\n\r\n\r\n if (GotItBtn) {\r\n if (document.cookie.indexOf(\"viewed_highlight\") >= 0) {\r\n document.querySelector('.highlight__directions').style.display = \"none\";\r\n } else {\r\n\r\n\r\n GotItBtn.addEventListener('click', (e) => {\r\n SetCookie(\"viewed_highlight\", \"true\", 2);\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"dismiss\", \"got_it_box\");\r\n TweenLite.to(document.querySelector('.highlight__directions'), .5, { autoAlpha: 0 });\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n }\r\n\r\n\r\n if (modalBtn && closeBtn) {\r\n modalBtn.addEventListener('click', (e) => {\r\n document.querySelector('#right_nav .login').click();\r\n //document.querySelector('#loginGate').style.opacity = 0;\r\n //document.querySelector('#loginGate').style.visibility = \"hidden\";\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"click\", \"log_in\");\r\n TweenLite.to(document.querySelector('#loginGate'), 0, { autoAlpha: 0 });\r\n e.preventDefault();\r\n return false;\r\n });\r\n\r\n closeBtn.addEventListener('click', (e) => {\r\n\r\n TweenLite.to(document.querySelector('#loginGate'), .5, { autoAlpha: 0 });\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"dismiss\", \"log_in\");\r\n\r\n e.preventDefault();\r\n return false;\r\n });\r\n\r\n }\r\n\r\n document.addEventListener('selectionchange', (e) => {\r\n\r\n if (document.getSelection().toString().length == 0) {\r\n window.setTimeout(function () {\r\n //console.log(\"on selection change :: \", document.getSelection().toString());\r\n if (document.getSelection().toString().length == 0) {\r\n document.querySelector('.highlight__tools').style.visibility = 'hidden';\r\n }\r\n }, 250);\r\n }\r\n });\r\n\r\n if (userId && articleId) {\r\n Axios.get(this.endpoint + \"?UserId=\" + userId + \"&ArticleId=\" + articleId).then((result) => {\r\n if (result && result.data) {\r\n\r\n that.existingData = {};\r\n let ranges = [];\r\n var newHtml = target.innerHTML;\r\n\r\n for (var i = 0; i < result.data.length; i++) {\r\n\r\n if (result.data[i].IsOutdated) {\r\n continue;\r\n }\r\n\r\n that.existingData[result.data[i].Id.toString()] = { PassageHtml: result.data[i].PassageHtml, Annotation: result.data[i].Annotation, Passage: result.data[i].Passage, Highlights: result.data[i].Highlights };\r\n\r\n var highlightData = getSelectionData(result.data[i].Passage, JSON.parse(result.data[i].Highlights), result.data[i].Id);\r\n // console.log(\"test offsetTop :: \", highlightData, \" :: \", result.data[i].Passage);\r\n if (result.data[i].Annotation && result.data[i].Annotation != \" \") {\r\n spawnSavedAnnoation({ top: parseInt(highlightData[0].el.offsetTop) - 35 }, result.data[i].Annotation, result.data[i].Id);\r\n } else {\r\n spawnSavedAnnoation({ top: parseInt(highlightData[0].el.offsetTop) - 35 }, result.data[i].Annotation, result.data[i].Id, true);\r\n }\r\n }\r\n\r\n // then finally reshuffle the annotations to ensure order is correct.\r\n CleanupAnnotations(true);\r\n applyHighlightClickEvents();\r\n\r\n\r\n }\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n const applyHighlightClickEvents = () => {\r\n var allMarks = document.querySelectorAll(\"mark\");\r\n\r\n for (var i = 0; i < allMarks.length; i++) {\r\n allMarks[i].removeEventListener('click', onMarkElClick);\r\n allMarks[i].addEventListener('click', onMarkElClick);\r\n }\r\n\r\n };\r\n\r\n const nextNode = (node) => {\r\n if (node.hasChildNodes()) {\r\n return node.firstChild;\r\n } else {\r\n while (node && !node.nextSibling) {\r\n node = node.parentNode;\r\n }\r\n if (!node) {\r\n return null;\r\n }\r\n return node.nextSibling;\r\n }\r\n }\r\n\r\n const getRangeSelectedNodes = (range) => {\r\n var node = range.startContainer;\r\n var endNode = range.endContainer;\r\n\r\n // Special case for a range that is contained within a single node\r\n if (node == endNode) {\r\n return [node];\r\n }\r\n\r\n // Iterate nodes until we hit the end container\r\n var rangeNodes = [];\r\n while (node && node != endNode) {\r\n rangeNodes.push(node = nextNode(node));\r\n }\r\n\r\n // Add partially selected nodes at the start of the range\r\n node = range.startContainer;\r\n while (node && node != range.commonAncestorContainer) {\r\n rangeNodes.unshift(node);\r\n node = node.parentNode;\r\n }\r\n\r\n return rangeNodes;\r\n }\r\n\r\n const getSelectedNodes = () => {\r\n if (window.getSelection) {\r\n var sel = window.getSelection();\r\n if (!sel.isCollapsed) {\r\n return getRangeSelectedNodes(sel.getRangeAt(0));\r\n }\r\n }\r\n return [];\r\n }\r\n\r\n const getPathTo = (element, parentNodeItem) => {\r\n\r\n if (element.id !== '')\r\n return 'id(\"' + element.id + '\")';\r\n if (element === document.body)\r\n return element.tagName;\r\n\r\n var ix = 0;\r\n var siblings = element.parentNode && element.parentNode.childNodes ? element.parentNode.childNodes : null;\r\n\r\n //console.log(\"get path to:: \", siblings, parentNodeItem);\r\n if (siblings == null && parentNodeItem.childNodes) {\r\n siblings = parentNodeItem.childNodes;\r\n }\r\n\r\n //console.log(\"get Path to:: \", element.parentNode, \" :: parent Item :: \", parentNodeItem, \" :: siblings :: \", siblings);\r\n\r\n if (siblings != null) {\r\n for (var i = 0; i < siblings.length; i++) {\r\n var sibling = siblings[i];\r\n if (sibling === element)\r\n return getPathTo(element.parentNode) + '/' + element.tagName + '[' + (ix + 1) + ']';\r\n if (sibling.nodeType === 1 && sibling.tagName === element.tagName)\r\n ix++;\r\n }\r\n }\r\n }\r\n\r\n\r\n const getSelectionData = (selectedText, elArr, markId, isAnnotation) => {\r\n let finalData = []; //CONTAINS THE STRING TO HIGHLIGHT, AND THE LOCATION OF THE DIV WITHIN THE DOM (20,1,3,0 ETC)\r\n let finalNodes = [];\r\n let finalParentNodes = [];\r\n\r\n let selection = selectedText ? selectedText : document.getSelection();\r\n let result = elArr == null ? getSelectedNodes() : null;\r\n let selArr = selection.toString().replace(/\\. (\\S)/g, '. $1').replace(/[\\n\\r]+/g, ' ').split(\" \");\r\n // let returnOffset = 0;\r\n // console.log(\"selection:: \", )\r\n let isMerge = false;\r\n let mergeEl = null;\r\n\r\n\r\n if (result != null) {\r\n\r\n for (let i = 0; i < result.length; i++) {\r\n if (result[i].tagName && result[i].tagName.toLowerCase() == \"p\") {\r\n let resultNode = result[i];\r\n for (let c = 0; c < resultNode.children.length; c++) {\r\n if (resultNode.children[c] != null && resultNode.children[c].tagName.toLowerCase() == \"img\") {\r\n\r\n if (result.indexOf(resultNode.children[c]) < 0) {\r\n result.push(resultNode.children[c]);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n var allMarks = [];\r\n for (let i = 0; i < result.length; i++) {\r\n if (result[i].tagName && result[i].tagName.toLowerCase() == \"mark\") {\r\n isMerge = true;\r\n mergeEl = result[i];\r\n allMarks.push(result[i].dataset.article);\r\n }\r\n }\r\n\r\n if (allMarks.length > 1) {\r\n\r\n return null;\r\n }\r\n\r\n if (isMerge && mergeEl != null) {\r\n\r\n markId = parseInt(mergeEl.dataset.article);\r\n }\r\n\r\n for (let i = 0; i < result.length; i++) {\r\n\r\n if (result[i].data && result[i].data.trim().length) {\r\n console.log(\"data :: \", result[i].data.trim());\r\n finalNodes.push({ el: result[i].parentElement, text: result[i].parentElement.innerText, children: [] });\r\n finalParentNodes.push(result[i].parentNode.parentNode);\r\n } else if (result[i].tagName && result[i].tagName.toLowerCase() == \"img\") {\r\n\r\n\r\n finalNodes.push({ el: result[i], text: \"\", children: [] });\r\n finalParentNodes.push(result[i].parentNode.parentNode);\r\n }\r\n }\r\n } else {\r\n for (let i = 0; i < elArr.length; i++) {\r\n var xpath = document.evaluate(elArr[i].path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n\r\n\r\n if (xpath != null) {\r\n //console.log(\"inner text :: \", xpath.innerText);\r\n finalNodes.push({ el: xpath, text: xpath.innerText.replace(/\\. (\\S)/g, '. $1'), children: [], path: elArr[i].path });\r\n // finalParentNodes.push(xpath.parentNode);\r\n }\r\n }\r\n }\r\n\r\n console.log(\"finalNodes :: \", finalNodes);\r\n if (finalNodes.length > 1) {\r\n\r\n for (let i = 0; i < finalNodes.length; i++) {\r\n\r\n // loop through all nodes and check if looped children are descendents of the current node.\r\n for (let c = 1; c < finalNodes.length; c++) {\r\n if (finalNodes[c].el.parentElement == finalNodes[i].el) {\r\n finalNodes[i].children.push(finalNodes[c].el);\r\n\r\n // finalNodes[i].text = finalNodes[i].text.replace(finalNodes[c].el.innerText, \"\");\r\n finalNodes[i].text = finalNodes[i].el.innerHTML.replace(finalNodes[c].el.outerHTML, \"\");\r\n finalNodes[i].text = finalNodes[i].text.replace(/\\.(\\S)/g, '. $1');\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n // console.log(\"final nodes:: \", finalNodes);\r\n var isFirst = true;\r\n for (let i = 0; i < finalNodes.length; i++) {\r\n\r\n var matchString = [];\r\n var ismatch = true;\r\n var c = 0;\r\n\r\n\r\n while (ismatch == true && c < selArr.length) {\r\n\r\n if (selArr[c].trim().length) {\r\n matchString.push(selArr[c].trim());\r\n }\r\n var matchTarget = matchString.join(' ').replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&').replace(/ +(?= )/g, '').replace(/[\\n\\r]+/g, '');\r\n\r\n var matchBase = finalNodes[i].text.replace(/[\\n\\r]+/g, '').replace(/ +(?= )/g, '').trim();\r\n ismatch = matchBase.match(matchTarget.trim()) != null;\r\n //console.log(\"match :: \", ismatch, \" :: \", matchBase, \" :: \", matchTarget.trim());\r\n\r\n if (ismatch) {\r\n c++;\r\n } else {\r\n matchString.pop();\r\n }\r\n }\r\n\r\n selArr.splice(0, c);\r\n\r\n var subStr = matchString.join(' ').replace(/ +(?= )/g, '').replace(/[\\n\\r]+/g, '');\r\n console.log(\"subStr:: \", '\"' + subStr + '\"');\r\n if (!finalNodes[i].el.tagName || finalNodes[i].el.tagName.toLowerCase() != \"mark\") {\r\n\r\n if (finalNodes[i].hasOwnProperty(\"path\")) {\r\n // when we load existing highlights, the logic below removes the html thus detatching the element from the dom. This refreshes the connection to ensure parent relationships are found etc.\r\n var xpath = document.evaluate(finalNodes[i].path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n finalNodes[i].el = xpath;\r\n }\r\n\r\n finalData.push({ path: getPathTo(finalNodes[i].el, finalParentNodes[i]), text: subStr, el: finalNodes[i].el, markId: markId });\r\n }\r\n\r\n if (result == null) {\r\n\r\n var annoClass = (isAnnotation) ? \"annotation\" : \"\";\r\n var openTag = markId ? \"\" : \"\";\r\n\r\n if (!isFirst || isMerge) {\r\n openTag = markId ? \"\" : \"\";\r\n }\r\n\r\n var newHtml = \"\";\r\n\r\n if (finalNodes[i].el.tagName && finalNodes[i].el.tagName.toLowerCase() == \"img\") {\r\n\r\n newHtml = openTag + \"\" + finalNodes[i].el.outerHTML + \"\";\r\n finalNodes[i].el.outerHTML = newHtml;\r\n } else if (subStr != null && subStr.length) {\r\n newHtml = finalNodes[i].el.innerHTML.replace(\"&\", \"&\").replace(/ +(?= )/g, '').replace(/[\\n\\r]+/g, '');\r\n newHtml = newHtml.replace(subStr, openTag + subStr + \"\");\r\n finalNodes[i].el.innerHTML = newHtml;\r\n }\r\n\r\n\r\n }\r\n isFirst = false;\r\n }\r\n\r\n\r\n if (result != null && finalData.length) {\r\n var isFirst = true;\r\n\r\n for (var i = 0; i < finalData.length; i++) {\r\n // console.log(\"pos:: \", newFinalData[i].parentElement , \" :: newFinalData[i].innerHTML :: \", xpath, \" :: \", xpath.innerHTML, \" :: \", finalData[i].text.trim());\r\n var xpath = document.evaluate(finalData[i].path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n\r\n var annoClass = (isAnnotation) ? \"annotation\" : \"\";\r\n var openTag = markId ? \"\" : \"\";\r\n\r\n if (!isFirst || isMerge) {\r\n openTag = markId ? \"\" : \"\";\r\n }\r\n // console.log(\"xpath.innerHTML ::\", finalData[i].path, xpath);\r\n var newHtml = \"\";\r\n\r\n if (finalData[i].el.tagName && finalData[i].el.tagName.toLowerCase() == \"img\") {\r\n\r\n newHtml = openTag + \"\" + finalData[i].el.outerHTML + \"\";\r\n // console.log(\"img:: \", openTag + finalData[i].el.outerHTML + \"\")\r\n xpath.outerHTML = newHtml;\r\n } else if (finalData[i].text && finalData[i].text.trim().length) {\r\n // console.log(\"newHtml:: \", newHtml, \" :: \", finalData[i].text)\r\n newHtml = xpath.innerHTML.replace(\"&\", \"&\").replace(/ +(?= )/g, '').replace(/[\\n\\r]+/g, '');\r\n newHtml = newHtml.replace(finalData[i].text, openTag + finalData[i].text + \"\");\r\n xpath.innerHTML = newHtml;\r\n }\r\n\r\n isFirst = false;\r\n }\r\n }\r\n\r\n\r\n\r\n return finalData;\r\n }\r\n\r\n const spawnSavedAnnoation = (location, text, id, isEmpty) => {\r\n\r\n console.log(\"spanning saved annotation\");\r\n var template = document.querySelector('#AnnotationEditor').innerHTML;\r\n\r\n var divId = \"annotation_\" + id;\r\n\r\n template = template.replace(\"{divid}\", divId);\r\n template = template.replace(\"{id}\", id);\r\n template = template.replace(\"{annotation}\", text);\r\n\r\n //target.parentElement.innerHTML += template;\r\n target.insertAdjacentHTML('beforeend', template);\r\n\r\n var newAnnotation = document.querySelector(\"#\" + divId);\r\n newAnnotation.style.top = Math.max((location.top), 10) + \"px\";\r\n\r\n newAnnotation.querySelector('.annotation div').addEventListener('focus', onTextEditFocus);\r\n newAnnotation.querySelector('.annotation div').addEventListener('blur', onTextEditBlur);\r\n newAnnotation.querySelector('.editBtn').addEventListener('click', onEditHandler);\r\n newAnnotation.querySelector('.deleteBtn').addEventListener('click', onDeleteHandler);\r\n\r\n if (isEmpty) {\r\n newAnnotation.classList.add('emptyEditor');\r\n }\r\n\r\n newAnnotation.classList.remove(\"activeEditor\");\r\n if (text == \"null\") {\r\n text = \"\";\r\n }\r\n\r\n newAnnotation.querySelector('.annotation div').innerHTML = text;\r\n }\r\n\r\n let highlightSubpartsNew;\r\n const spawnNewAnnotation = (location, text, id, isEmpty) => {\r\n\r\n // console.log(\"spawning location:: \", location, text);\r\n //console.log(\"spanning new annotation\");\r\n if (text == \"null\") {\r\n text = \"\";\r\n }\r\n\r\n var newId = Math.floor(Math.random() * 10000) + 100;\r\n if (!isEmpty) {\r\n highlightSubpartsNew = JSON.stringify(getSelectionData(null, null, null, true));\r\n\r\n if (highlightSubpartsNew == null) {\r\n document.querySelector('.highlight__tools').style.visibility = 'hidden';\r\n return;\r\n }\r\n }\r\n\r\n var template = document.querySelector('#AnnotationEditor').innerHTML;\r\n\r\n\r\n\r\n //var divId = \"annotation_\" + document.querySelectorAll('.annotationContainer').length;\r\n var divId = \"annotation_\" + newId;\r\n\r\n template = template.replace(\"{divid}\", divId);\r\n template = template.replace(\"{id}\", id);\r\n template = template.replace(\"{annotation}\", text);\r\n\r\n //target.parentElement.innerHTML += template;\r\n target.insertAdjacentHTML('beforeend', template);\r\n\r\n var newAnnotation = document.querySelector(\"#\" + divId);\r\n newAnnotation.style.top = Math.max((location.top), 10) + \"px\";\r\n console.log(\"new annotation:: \", newAnnotation);\r\n\r\n newAnnotation.querySelector('.annotation div').addEventListener('focus', onTextEditFocus);\r\n newAnnotation.querySelector('.annotation div').addEventListener('blur', onTextEditBlur);\r\n newAnnotation.querySelector('.editBtn').addEventListener('click', onEditHandler);\r\n newAnnotation.querySelector('.deleteBtn').addEventListener('click', onDeleteHandler);\r\n\r\n if (isEmpty) {\r\n newAnnotation.classList.remove('activeEditor');\r\n newAnnotation.classList.add('emptyEditor');\r\n } else {\r\n if (text == null || text.length == 0) {\r\n newAnnotation.querySelector('.annotation div').innerHTML = \" \";\r\n newAnnotation.querySelector('.annotation div').focus();\r\n }\r\n }\r\n };\r\n\r\n const onTextEditFocus = (e) => {\r\n e.currentTarget.parentElement.parentElement.classList.add('activeEditor');\r\n // setEndOfContenteditable(e.currentTarget.parentElement.parentElement);\r\n HideInactiveAnnotations();\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n const higlightToHtml = () => {\r\n\r\n var range;\r\n if (document.selection && document.selection.createRange) {\r\n range = document.selection.createRange();\r\n return range.htmlText;\r\n }\r\n else if (window.getSelection) {\r\n var selection = window.getSelection();\r\n\r\n //if (selection.rangeCount == 1) {\r\n // var testRange = selection.getRangeAt(0);\r\n // var testClonedSelection = testRange.cloneContents();\r\n // var testDiv = document.createElement('div');\r\n // testDiv.appendChild(testClonedSelection);\r\n // if (testDiv.innerHTML.indexOf(\">\") != testDiv.innerHTML.length) {\r\n // return selection.anchorNode.parentElement.outerHTML;\r\n // }\r\n //}\r\n\r\n if (selection.rangeCount > 0) {\r\n range = selection.getRangeAt(0);\r\n var clonedSelection = range.cloneContents();\r\n var div = document.createElement('div');\r\n div.appendChild(clonedSelection);\r\n return div.innerHTML;\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n else {\r\n return '';\r\n }\r\n\r\n }\r\n\r\n const onTextEditBlur = (_e) => {\r\n\r\n var containerItem = _e.currentTarget.parentElement.parentElement;\r\n var e = _e;\r\n var target = e.currentTarget;\r\n that.canEdit = false;\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"save\", \"note\");\r\n //TODO:: IF TEXT CONTENT, LET'S CREATE OR PUT A NEW ENTRY\r\n window.setTimeout(function () {\r\n\r\n if (that.isDeleting) {\r\n return;\r\n }\r\n\r\n\r\n ShowInactiveAnnotations();\r\n //console.log(\"string length:: \", target.innerHTML.trim().length);\r\n if (!target.innerText.trim().length || target.innerText == \" \") {\r\n\r\n target.parentElement.parentElement.classList.add('emptyEditor');\r\n } else {\r\n target.parentElement.parentElement.classList.remove('emptyEditor');\r\n }\r\n\r\n target.parentElement.parentElement.classList.remove('activeEditor');\r\n\r\n let annotationText = target.innerText;\r\n let isFirstSave = true;\r\n\r\n if (target.parentElement.parentElement.dataset.id) {\r\n var savedId = target.parentElement.parentElement.dataset.id;\r\n\r\n if (that.existingData[savedId.toString()]) {\r\n highlightSubpartsNew = that.existingData[savedId.toString()].Highlights;\r\n that.currentText = that.existingData[savedId.toString()].Passage;\r\n that.currentHtml = that.existingData[savedId.toString()].PassageHtml;\r\n }\r\n if (that.existingData.hasOwnProperty(savedId.toString()) && that.existingData[savedId.toString()] == \"deleted\") {\r\n return;\r\n }\r\n isFirstSave = false;\r\n }\r\n\r\n SaveNewHighlight(containerItem.dataset.id, that.currentText, that.currentHtml, highlightSubpartsNew, annotationText, (result) => {\r\n\r\n var saveId = result.data;\r\n containerItem.dataset.id = saveId;\r\n containerItem.setAttribute(\"id\", \"annotation_\" + saveId);\r\n\r\n if (highlightSubpartsNew) {\r\n that.existingData[saveId.toString()] = { PassageHtml: that.currentHtml, Annotation: annotationText, Passage: that.currentText, Highlights: highlightSubpartsNew };\r\n } else {\r\n that.existingData[saveId.toString()] = { PassageHtml: that.existingData[saveId.toString()].PassageHtml, Annotation: annotationText, Passage: that.existingData[saveId.toString()].Passage, Highlights: that.existingData[saveId.toString()].Highlights };\r\n }\r\n\r\n\r\n var allMarks = document.querySelectorAll(\"mark\");\r\n\r\n for (var i = 0; i < allMarks.length; i++) {\r\n if (allMarks[i].dataset.article == undefined) {\r\n allMarks[i].dataset.article = saveId;\r\n\r\n //onMarkElClick\r\n\r\n }\r\n }\r\n\r\n applyHighlightClickEvents();\r\n\r\n toolBox.style.visibility = \"hidden\";\r\n if (window.getSelection) { window.getSelection().removeAllRanges(); }\r\n else if (document.selection) { document.selection.empty(); }\r\n CleanupAnnotations();\r\n });\r\n\r\n }, 200);\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n const onEditHandler = (e) => {\r\n\r\n e.currentTarget.parentElement.querySelector('.annotation div').focus();\r\n e.currentTarget.parentElement.querySelector('.annotation div').selectionStart = e.currentTarget.parentElement.querySelector('.annotation div').selectionEnd = e.currentTarget.parentElement.querySelector('.annotation div').innerHTML.length;\r\n // select all the content in the element\r\n document.execCommand('selectAll', false, null);\r\n // collapse selection to the end\r\n document.getSelection().collapseToEnd();\r\n\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n const onMarkElClick = (e) => {\r\n if (that.canEdit == false) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n openAnnotationEditor(e.currentTarget);\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n const openAnnotationEditor = (el) => {\r\n const articleId = el.dataset.article;\r\n var activeAnnotation = document.querySelector('.annotationContainer[data-id=\"' + articleId + '\"]');\r\n\r\n // console.log(\"annotation editor open:: \", el, \" :: \", articleId, \" :: \", el.offsetTop);\r\n\r\n if (activeAnnotation) {\r\n if (Math.abs(el.offsetTop - activeAnnotation.offsetTop) > 100) {\r\n // console.log(\"way off here\")\r\n\r\n activeAnnotation.style.top = (el.offsetTop - 35) + \"px\";\r\n }\r\n\r\n\r\n activeAnnotation.classList.add(\"activeEditor\");\r\n activeAnnotation.querySelector('.annotation div').focus();\r\n activeAnnotation.querySelector('.annotation div').selectionStart = activeAnnotation.querySelector('.annotation div').selectionEnd = activeAnnotation.querySelector('.annotation div').innerHTML.length;\r\n // select all the content in the element\r\n document.execCommand('selectAll', false, null);\r\n // collapse selection to the end\r\n document.getSelection().collapseToEnd();\r\n }\r\n\r\n };\r\n\r\n const onDeleteHandler = (e) => {\r\n\r\n //TODO:: DELETE ANNOTATION AND HIGHLIGHT\r\n var deleteId = e.currentTarget.parentElement.dataset.id;\r\n var target = e.currentTarget.parentElement;\r\n that.canEdit = false;\r\n target.querySelector('.annotation div').removeEventListener('focus', onTextEditFocus);\r\n target.querySelector('.annotation div').removeEventListener('blur', onTextEditBlur);\r\n target.querySelector('.editBtn').removeEventListener('click', onEditHandler);\r\n target.querySelector('.deleteBtn').removeEventListener('click', onDeleteHandler);\r\n\r\n that.existingData[deleteId.toString()] = \"deleted\";\r\n that.isDeleting = true;\r\n DeleteHighlight(deleteId, (result) => {\r\n\r\n var allMarks = document.querySelectorAll(\"mark[data-article='\" + deleteId + \"']\");\r\n var isFound = document.querySelectorAll(\"mark[data-article='\" + deleteId + \"']\").length > 0;\r\n\r\n window.setTimeout(function () {\r\n that.isDeleting = false;\r\n }, 200);\r\n\r\n if (isFound) {\r\n\r\n while (isFound) {\r\n var curMark = document.querySelectorAll(\"mark[data-article='\" + deleteId + \"']\")[0];\r\n console.log(\"curmark:: \", curMark)\r\n if (curMark.outerHTML.indexOf(\"image\") < 0) {\r\n curMark.parentElement.innerHTML = curMark.parentElement.innerHTML.replace(curMark.outerHTML, curMark.innerText);\r\n } else {\r\n\r\n var img = curMark.querySelector('img');\r\n curMark.parentElement.innerHTML = curMark.parentElement.innerHTML.replace(curMark.outerHTML, img.outerHTML);\r\n\r\n }\r\n\r\n //console.log(\"curMark :: \", curMark.parentElement.innerHTML )\r\n if (document.querySelectorAll(\"mark[data-article='\" + deleteId + \"']\").length) {\r\n isFound = true;\r\n } else {\r\n isFound = false;\r\n }\r\n\r\n console.log(\"post delete:: \", isFound);\r\n }\r\n } else {\r\n\r\n for (var i = 0; i < document.querySelectorAll(\"mark\").length; i++) {\r\n var curMark = document.querySelectorAll(\"mark\")[i];\r\n if (curMark.dataset.article == undefined || curMark.dataset.article == null) {\r\n curMark.classList.add(\"deleteme\");\r\n }\r\n }\r\n isFound = document.querySelectorAll(\"mark.deleteme\").length > 0;\r\n\r\n while (isFound) {\r\n var curMark = document.querySelectorAll(\"mark.deleteme\")[0];\r\n\r\n if (curMark.outerHTML.indexOf(\"image\") < 0) {\r\n curMark.parentElement.innerHTML = curMark.parentElement.innerHTML.replace(curMark.outerHTML, curMark.innerText);\r\n } else {\r\n\r\n var img = curMark.querySelector('img');\r\n curMark.parentElement.innerHTML = curMark.parentElement.innerHTML.replace(curMark.outerHTML, img.outerHTML);\r\n\r\n }\r\n\r\n //console.log(\"curMark :: \", curMark.parentElement.innerHTML )\r\n if (document.querySelectorAll(\"mark.deleteme\").length) {\r\n isFound = true;\r\n } else {\r\n isFound = false;\r\n }\r\n\r\n console.log(\"post delete:: \", isFound);\r\n }\r\n }\r\n\r\n\r\n //for (var i = 0; i < allMarks.length; i++) {\r\n // console.log(\"del target :: \", allMarks[i].parentElement.innerHTML, \"\" + allMarks[i].innerText + \"\");\r\n // allMarks[i].parentElement.innerHTML = allMarks[i].parentElement.innerHTML.replace(\"\" + allMarks[i].innerText + \"\", allMarks[i].innerText);\r\n //}\r\n target.remove();\r\n\r\n CleanupAnnotations();\r\n applyHighlightClickEvents();\r\n });\r\n\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n\r\n const HideInactiveAnnotations = () => {\r\n var allOtherEditors = document.querySelectorAll(\".annotationContainer:not(.activeEditor)\");\r\n\r\n for (var i = 0; i < allOtherEditors.length; i++) {\r\n allOtherEditors[i].style.visibility = 'hidden';\r\n }\r\n };\r\n\r\n const ShowInactiveAnnotations = () => {\r\n var allOtherEditors = document.querySelectorAll(\".annotationContainer:not(.activeEditor)\");\r\n\r\n for (var i = 0; i < allOtherEditors.length; i++) {\r\n allOtherEditors[i].style.visibility = '';\r\n }\r\n };\r\n\r\n const DeleteHighlight = (id, onComplete) => {\r\n\r\n let object = {\r\n userId: userId,\r\n highlightId: id,\r\n };\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"delete\", \"highlight\");\r\n Axios.post(this.deleteEndpoint, object).then((result) => {\r\n\r\n\r\n that.canEdit = true;\r\n if (onComplete) {\r\n onComplete(result);\r\n }\r\n }).catch((reason) => {\r\n that.canEdit = true;\r\n if (onComplete) {\r\n onComplete(id);\r\n }\r\n });\r\n\r\n };\r\n\r\n const CleanupAnnotations = (DontSaveOrder) => {\r\n const allMarks = document.querySelectorAll('mark');\r\n let markLocations = [];\r\n let allHighlights = [];\r\n let saveData = [];\r\n that.canEdit = DontSaveOrder ? true : false;\r\n\r\n if (allMarks.length == 0) {\r\n that.canEdit = true;\r\n }\r\n\r\n let markId = [];\r\n for (let i = 0; i < allMarks.length; i++) {\r\n // console.log(\"id :: \", allMarks[i].dataset.article, \" :: \", allMarks[i]);\r\n const articleId = parseInt(allMarks[i].dataset.article);\r\n var lastItemEl = document.querySelector('.annotationContainer[data-id=\"' + articleId + '\"] .annotation');\r\n\r\n var existingItem = that.existingData[articleId];\r\n\r\n if (existingItem != null && existingItem.hasOwnProperty(\"Annotation\") && existingItem.Annotation && existingItem.Annotation.length) {\r\n allMarks[i].classList.add(\"annotation\");\r\n } else {\r\n //allMarks[i].classList.remove(\"annotation\");\r\n }\r\n\r\n if (markId.indexOf(articleId)) {\r\n var roundedY = Math.round((allMarks[i].offsetTop - 35) / 5) * 5;\r\n\r\n allHighlights.push({ id: articleId, x: allMarks[i].offsetLeft, y: roundedY });\r\n }\r\n if (markId.indexOf(articleId) < 0 && lastItemEl) {\r\n\r\n\r\n if (lastItemEl.innerText.trim().length) {\r\n\r\n var roundedLocY = Math.round((allMarks[i].offsetTop - 35) / 5) * 5;\r\n\r\n console.log(\"top:: \", allMarks[i].offsetTop - 35, \" :: \", roundedLocY);\r\n\r\n if (roundedLocY < 50) {\r\n roundedLocY = roundedLocY + 30;\r\n }\r\n\r\n markLocations.push({ id: articleId, x: allMarks[i].offsetLeft, y: roundedLocY });\r\n markId.push(articleId);\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n // console.log(\"pre sort:: \", allHighlights);\r\n\r\n allHighlights.sort((a, b) => (a.y > b.y) ? 1 : (a.y === b.y) ? ((a.x > b.x) ? 1 : -1) : -1);//sort by y location, then by x location\r\n\r\n for (let i = 0; i < allHighlights.length; i++) {\r\n\r\n let thisItem = allHighlights[i];\r\n\r\n if (saveData.length >= 1 && saveData[saveData.length - 1].HighlightId != thisItem.id) {\r\n saveData.push({ HighlightId: thisItem.id, SortOrder: i + 1 });\r\n } else if (saveData.length == 0) {\r\n saveData.push({ HighlightId: thisItem.id, SortOrder: i + 1 });\r\n }\r\n }\r\n\r\n\r\n if (markLocations.length > 1) {\r\n markLocations.sort((a, b) => (a.y > b.y) ? 1 : (a.y === b.y) ? ((a.x > b.x) ? 1 : -1) : -1);//sort by y location, then by x location\r\n\r\n for (let i = 1; i < markLocations.length; i++) {\r\n // console.log(\"markLocations::: \", markLocations[i]);\r\n let lastItem = markLocations[i - 1];\r\n let thisItem = markLocations[i];\r\n\r\n if (thisItem.y < lastItem.y || (thisItem.y >= lastItem.y && thisItem.y <= lastItem.y + 30)) { // found a collision.\r\n var lastItemEl = document.querySelector('.annotationContainer[data-id=\"' + lastItem.id + '\"] .annotation');\r\n // var thisItemEl = document.querySelector('.annotationContainer[data-id=\"' + thisItem.id + '\"] .annotation');\r\n markLocations[i].y = lastItem.y + lastItemEl.offsetHeight + 10;\r\n }\r\n }\r\n }\r\n\r\n for (var i = 0; i < markLocations.length; i++) {\r\n var annotation = document.querySelector('.annotationContainer[data-id=\"' + markLocations[i].id + '\"]');\r\n\r\n if (annotation) {\r\n annotation.style.top = markLocations[i].y + \"px\";\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n //commit changes to db\r\n if (saveData.length && !DontSaveOrder) {\r\n Axios.post(this.UpdateSortOrderEndpoint, { OrderItems: saveData }).then((result) => {\r\n console.log('committed all orders:: ', saveData);\r\n ShowInactiveAnnotations();\r\n that.canEdit = true;\r\n });\r\n }\r\n };\r\n\r\n\r\n const SaveNewHighlight = (saveId, text, passageHtml, hightlightData, annotation, onComplete) => {\r\n\r\n var shareNote = document.querySelectorAll('.share__note');\r\n\r\n if (shareNote != null && shareNote.length) {\r\n for (var i = 0; i < shareNote.length; i++) {\r\n shareNote[i].style.display = \"block\";\r\n }\r\n }\r\n\r\n let object = {\r\n UserId: userId,\r\n Articleid: articleId,\r\n Highlights: hightlightData,\r\n Passage: text,\r\n PassageHtml: passageHtml,\r\n Annotation: annotation,\r\n ArticleUrl: window.location.href.split(\"/resources/resource\")[1],\r\n ArticleTitle: document.querySelector('h1').innerText\r\n };\r\n\r\n if (saveId != null && saveId != undefined && saveId.length) {\r\n object.Id = parseInt(saveId);\r\n }\r\n\r\n if (hightlightData == \"[]\" || !text.trim().length) {\r\n return;\r\n }\r\n\r\n\r\n if (object.hasOwnProperty(\"Id\") && object.Id != null) {\r\n Axios.post(this.endpointUpdate, object).then((result) => {\r\n that.canEdit = true;\r\n if (onComplete) {\r\n onComplete(result);\r\n }\r\n });\r\n\r\n } else {\r\n Axios.post(this.endpoint, object).then((result) => {\r\n that.canEdit = true;\r\n if (onComplete) {\r\n onComplete(result);\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n const getHighlightedText = (markId) => {\r\n const marks = document.querySelectorAll(\"mark[data-article='\" + markId + \"']\");\r\n var returnString = \"\";\r\n\r\n for (var i = 0; i < marks.length; i++) {\r\n returnString += marks[i].innerText + \" \";\r\n }\r\n return returnString.trim();\r\n };\r\n\r\n const getHighlightedHtml = (markId) => {\r\n const marks = document.querySelectorAll(\"mark[data-article='\" + markId + \"']\");\r\n var returnString = \"\";\r\n\r\n for (var i = 0; i < marks.length; i++) {\r\n returnString += marks[i].outerHTML + \" \";\r\n }\r\n\r\n returnString = returnString.replace(/mark/g, \"span\");\r\n return returnString.trim();\r\n };\r\n\r\n\r\n const onHighlightClick = (e) => {\r\n if (that.currentText.length == 0 || parseInt(getComputedStyle(toolBox).opacity) == 0) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"save\", \"highlight\");\r\n that.canEdit = false;\r\n var selectionData = getSelectionData();\r\n var highlightSubparts = JSON.stringify(selectionData);\r\n\r\n if (selectionData == null) {\r\n\r\n e.preventDefault();\r\n return false;\r\n }\r\n\r\n\r\n\r\n var target = e.currentTarget;\r\n var saveId = null;\r\n var annotationText = null;\r\n\r\n if (selectionData.length && selectionData[0].markId > 0) {\r\n saveId = selectionData[0].markId.toString();\r\n var updatedText = getHighlightedText(saveId);\r\n\r\n that.currentText = updatedText;\r\n annotationText = that.existingData[saveId.toString()].Annotation;\r\n\r\n var existingParts = JSON.parse(that.existingData[saveId.toString()].Highlights);\r\n for (var i = 0; i < selectionData.length; i++) {\r\n existingParts.push(selectionData[i]);\r\n }\r\n\r\n // console.log(\"existingParts:: \", existingParts);\r\n highlightSubparts = JSON.stringify(existingParts);\r\n\r\n that.currentHtml = getHighlightedHtml(saveId);\r\n\r\n\r\n }\r\n\r\n SaveNewHighlight(saveId, that.currentText, that.currentHtml, highlightSubparts, annotationText, (result) => {\r\n var saveId = result.data;\r\n var allMarks = document.querySelectorAll(\"mark\");\r\n for (var i = 0; i < allMarks.length; i++) {\r\n if (allMarks[i].dataset.article == undefined) {\r\n allMarks[i].dataset.article = saveId;\r\n\r\n }\r\n }\r\n that.existingData[saveId] = { PassageHtml: that.currentHtml, Annotation: annotationText, Passage: that.currentText, Highlights: highlightSubparts };\r\n applyHighlightClickEvents();\r\n spawnNewAnnotation({ top: parseInt(target.parentElement.style.top) }, \"\", saveId, true);\r\n\r\n // console.log(\"on highlight create:: \", parseInt(target.parentElement.style.top));\r\n\r\n\r\n\r\n toolBox.style.visibility = \"hidden\";\r\n if (window.getSelection) { window.getSelection().removeAllRanges(); }\r\n else if (document.selection) { document.selection.empty(); }\r\n CleanupAnnotations();\r\n });\r\n\r\n\r\n\r\n e.preventDefault();\r\n return false;\r\n };\r\n\r\n\r\n const onAnnotationClick = (e) => {\r\n if (that.currentText.length == 0 || parseInt(getComputedStyle(toolBox).opacity) == 0) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n\r\n\r\n toolBox.style.visibility = \"hidden\";\r\n\r\n\r\n // is collision with another then edit. Else add.\r\n var mergerCheck = isHighlightMerger();\r\n\r\n if (mergerCheck.isMerge) {\r\n //console.log(\"marged el: \", mergerCheck.mergeEl);\r\n\r\n var selectionData = getSelectionData();\r\n //console.log(\"selection data:: \", selectionData);\r\n var highlightSubparts = JSON.stringify(selectionData);\r\n if (selectionData == null) {\r\n\r\n e.preventDefault();\r\n return false;\r\n }\r\n var target = e.currentTarget;\r\n var saveId = null;\r\n var annotationText = null;\r\n\r\n if (selectionData.length && selectionData[0].markId > 0) {\r\n saveId = selectionData[0].markId.toString();\r\n var updatedText = getHighlightedText(saveId);\r\n\r\n that.currentText = updatedText;\r\n annotationText = that.existingData[saveId.toString()].Annotation;\r\n\r\n var existingParts = JSON.parse(that.existingData[saveId.toString()].Highlights);\r\n for (var i = 0; i < selectionData.length; i++) {\r\n existingParts.push(selectionData[i]);\r\n }\r\n\r\n highlightSubparts = JSON.stringify(existingParts);\r\n\r\n that.currentHtml = getHighlightedHtml(saveId);\r\n }\r\n\r\n //that.currentText, that.currentHtml, highlightSubparts,\r\n var savedId = mergerCheck.mergeEl.dataset.article;\r\n that.existingData[savedId.toString()].Highlights = highlightSubparts;\r\n that.existingData[savedId.toString()].Passage = that.currentText;\r\n that.existingData[savedId.toString()].PassageHtml = that.currentHtml;\r\n\r\n\r\n var el = document.querySelector(\"mark[data-article='\" + savedId + \"']\");\r\n\r\n openAnnotationEditor(el);\r\n CleanupAnnotations(true);\r\n e.preventDefault();\r\n return false;\r\n } else {\r\n\r\n spawnNewAnnotation({ top: parseInt(e.currentTarget.parentElement.style.top) }, \"\", \"\", false);\r\n CleanupAnnotations(true);\r\n e.preventDefault();\r\n return false;\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n const isHighlightMerger = (selectedText, elArr, markId) => {\r\n let returnValid = true;\r\n let finalData = []; //CONTAINS THE STRING TO HIGHLIGHT, AND THE LOCATION OF THE DIV WITHIN THE DOM (20,1,3,0 ETC)\r\n let finalNodes = [];\r\n let finalParentNodes = [];\r\n\r\n let selection = selectedText ? selectedText : document.getSelection();\r\n let result = elArr == null ? getSelectedNodes() : null;\r\n let selArr = selection.toString().replace(/[\\n\\r]+/g, ' ').split(\" \");\r\n // let returnOffset = 0;\r\n\r\n let isMerge = false;\r\n let mergeEl = null;\r\n\r\n\r\n if (result != null) {\r\n var allMarks = [];\r\n for (let i = 0; i < result.length; i++) {\r\n if (result[i].tagName && result[i].tagName.toLowerCase() == \"mark\") {\r\n isMerge = true;\r\n mergeEl = result[i];\r\n allMarks.push(result[i].dataset.article);\r\n }\r\n }\r\n }\r\n return { isMerge: isMerge, mergeEl: mergeEl };\r\n };\r\n\r\n const validateHighlight = (selectedText, elArr, markId) => {\r\n let returnValid = true;\r\n let finalData = []; //CONTAINS THE STRING TO HIGHLIGHT, AND THE LOCATION OF THE DIV WITHIN THE DOM (20,1,3,0 ETC)\r\n let finalNodes = [];\r\n let finalParentNodes = [];\r\n\r\n let selection = selectedText ? selectedText : document.getSelection();\r\n let result = elArr == null ? getSelectedNodes() : null;\r\n let selArr = selection.toString().replace(/[\\n\\r]+/g, ' ').split(\" \");\r\n // let returnOffset = 0;\r\n\r\n let isMerge = false;\r\n let mergeEl = null;\r\n\r\n\r\n if (result != null) {\r\n var allMarks = [];\r\n for (let i = 0; i < result.length; i++) {\r\n if (result[i] != null && result[i].tagName && result[i].tagName.toLowerCase() == \"mark\") {\r\n isMerge = true;\r\n mergeEl = result[i];\r\n allMarks.push(result[i].dataset.article);\r\n }\r\n }\r\n\r\n if (allMarks.length > 1) {\r\n\r\n return false;\r\n }\r\n\r\n if (isMerge && mergeEl != null) {\r\n\r\n markId = parseInt(mergeEl.dataset.article);\r\n }\r\n\r\n for (let i = 0; i < result.length; i++) {\r\n\r\n // console.log(\"result:: \", result[i])\r\n\r\n if (result[i] != null && result[i].tagName && (result[i].tagName.toLowerCase() == \"video\" || result[i].tagName.toLowerCase() == \"button\")) {\r\n return false;\r\n }\r\n\r\n if (result[i].data && result[i].data.trim().length) {\r\n\r\n // console.log(\"el:: \", result[i], \" :: \", result[i].parentElement);\r\n finalNodes.push({ el: result[i].parentElement, text: result[i].parentElement.innerText, children: [] });\r\n finalParentNodes.push(result[i].parentNode.parentNode);\r\n }\r\n }\r\n } else {\r\n for (let i = 0; i < elArr.length; i++) {\r\n var xpath = document.evaluate(elArr[i].path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\r\n\r\n\r\n if (xpath != null) {\r\n finalNodes.push({ el: xpath, text: xpath.innerText, children: [], path: elArr[i].path });\r\n\r\n }\r\n }\r\n }\r\n\r\n return returnValid;\r\n };\r\n\r\n toolBox.querySelector('#addHighlight').addEventListener('click', onHighlightClick);\r\n toolBox.querySelector('#addAnnotation').addEventListener('click', onAnnotationClick);\r\n\r\n const addHighlightUserFlow = (text, textObject) => {\r\n //console.log(\"word on add highlight :: '\", text, \"'\")\r\n\r\n\r\n const articleOffset = offset(d.querySelector('.border-top.container .col-md-6.col-12')).top;\r\n const tbHeight = parseInt(getComputedStyle(toolBox).height);\r\n const tbWidth = parseInt(getComputedStyle(toolBox).width);\r\n\r\n\r\n\r\n\r\n if (userId != null && userId.length) {\r\n let location = offset(textObject.getRangeAt(0)).top - articleOffset;\r\n const height = parseInt(textObject.getRangeAt(0).getBoundingClientRect().height);\r\n //LOGGED IN, PROCEED AS NORMAL\r\n\r\n location += (height * .5) - (tbHeight * .5);\r\n\r\n toolBox.style.top = location + \"px\";\r\n var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;\r\n\r\n if (isIE11 == true) {\r\n toolBox.style.left = -(tbWidth + 70) + \"px\";\r\n } else {\r\n toolBox.style.left = -(tbWidth + 40) + \"px\";\r\n }\r\n\r\n\r\n var isValid = validateHighlight();\r\n // console.log(\"valid? :: \", isValid);\r\n this.currentText = text;\r\n if (isValid) {\r\n toolBox.style.visibility = \"visible\";\r\n this.currentText = text;\r\n\r\n if (!this.currentText.trim().length) {\r\n this.currentText = \"img\";\r\n }\r\n } else {\r\n toolBox.style.visibility = \"hidden\";\r\n }\r\n\r\n\r\n // console.log('text location:: ', textObject.getRangeAt(0).getBoundingClientRect());\r\n\r\n } else {\r\n //NOT LOGGED IN - LOGIN STEP HERE\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"highlight\", \"highlight_logged_out\");\r\n document.querySelector('#loginGate').style.display = 'block';\r\n TweenLite.to(document.querySelector('#loginGate'), .5, { autoAlpha: 1 });\r\n\r\n if (is_safari) {\r\n document.querySelector('#loginGate #ModalLoginBtn').style.display = \"none\";\r\n\r\n document.querySelector('#loginGate #ModalLoginBtnSafari').style.width = \"320px\";\r\n document.querySelector('#loginGate #ModalLoginBtnSafari').style.display = \"block\";\r\n var href = document.querySelector('#loginGate #ModalLoginBtnSafari').getAttribute('href');\r\n\r\n var postHref = \"?rqst=\" + document.querySelector('input[name=__RequestVerificationToken]').value;\r\n document.querySelector('#loginGate #ModalLoginBtnSafari').setAttribute('href', href + postHref);\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n };\r\n\r\n\r\n\r\n target.addEventListener('mouseup', (e) => {\r\n\r\n var range;\r\n var t = null;\r\n\r\n if (!that.canEdit) {\r\n return false;\r\n }\r\n\r\n t = document.getSelection().toString();\r\n\r\n\r\n var htmlCheck = higlightToHtml();\r\n\r\n\r\n if (t != null && (t.length || htmlCheck.indexOf(\"= 0)) {\r\n that.currentHtml = higlightToHtml();\r\n console.log(\"higlightToHtml:: \", higlightToHtml());\r\n addHighlightUserFlow(t, document.getSelection());\r\n\r\n if (document.querySelector('.highlight__directions')) {\r\n document.querySelector('.highlight__directions').style.display = \"none\";\r\n }\r\n\r\n that.analytics.AddEventAnalytics(\"highlighting\", \"highlight\", \"text_passage\");\r\n } else {\r\n // TweenLite.to(toolBox, .25, { autoAlpha: 0 });\r\n toolBox.style.visibility = \"hidden\";\r\n }\r\n\r\n\r\n\r\n\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n return false;\r\n });\r\n\r\n }\r\n}","'use strict';\r\nimport { TweenLite, CSSPlugin } from \"gsap/all\";\r\nconst plugins = [CSSPlugin];\r\n\r\nexport default class Analytics {\r\n constructor() {\r\n this.name = 'Analytics';\r\n\r\n const logo = document.querySelectorAll('a.logo');\r\n const resourcesNav = document.querySelectorAll('a.resources-nav');\r\n const storiesNav = document.querySelectorAll('a.stories-nav');\r\n const eventsNav = document.querySelectorAll('a.events-nav');\r\n const productsNav = document.querySelectorAll('a.products-nav');\r\n const ceucoursesNav = document.querySelectorAll('a.ceu-courses-nav');\r\n const searchNav = document.querySelectorAll('a.search');\r\n const profileNav = document.querySelectorAll('a.profile');\r\n const resourcesFtrNav = document.querySelectorAll('a.resources-ftr-nav');\r\n const storiesFtrNav = document.querySelectorAll('a.stories-ftr-nav');\r\n const eventsFtrNav = document.querySelectorAll('a.events-ftr-nav');\r\n const productsFtrNav = document.querySelectorAll('a.products-ftr-nav');\r\n const ceucoursesFtrNav = document.querySelectorAll('a.ceucourses-ftr-nav');\r\n const contactNav = document.querySelectorAll('a.contact');\r\n const twitterNav = document.querySelectorAll('a.twitter');\r\n const youtubeNav = document.querySelectorAll('a.youtube');\r\n const facebookNav = document.querySelectorAll('a.facebook');\r\n const linkedinNav = document.querySelectorAll('a.linkedin');\r\n const learnMoreNav = document.querySelectorAll('a.learn-more');\r\n const ctaSignup = document.querySelectorAll('a.cta-signup');\r\n const ctaWatch = document.querySelectorAll('.watchLink');\r\n const ctaBtnMore = document.querySelectorAll('a.btn-more');\r\n const btnResourceListing = document.querySelectorAll('a.resource-listing');\r\n const btnCeuCourseListing = document.querySelectorAll('a.ceucourse-listing');\r\n const btnStoryListing = document.querySelectorAll('a.story-listing');\r\n const btnArticleTopic = document.querySelectorAll('a.article-topic');\r\n const btnArticleDoctype = document.querySelectorAll('a.article-doctype');\r\n const btnArticleSport = document.querySelectorAll('a.article-sport');\r\n const btnviewMoreArticles = document.getElementById('viewMoreArticles');\r\n const currentTitleTag = document.getElementById('CurrentTitle');\r\n const currentCategoryTag = document.getElementById('CurrentCategory');\r\n const btnAnalyticResources = document.querySelectorAll('a.analytic-resource,div.analytic-resource');\r\n const btnDownloadPdfs = document.querySelectorAll('.download-pdf');\r\n const btnPlayVideos = document.querySelectorAll('.vjs-big-play-button');\r\n const btnSeeResearches = document.querySelectorAll('.see-research');\r\n const btnviewMoreStories = document.getElementById('viewMoreStories');\r\n const drpSortOrder = document.getElementById('sortOrderFilter');\r\n const siteWideSearchForm = document.getElementById('siteWideSearchForm');\r\n \r\n const shareOptions = document.querySelectorAll('.shareOptions a');\r\n\r\n const addEventToDataLayer = function (eCategory, eAction, eLabel) {\r\n if (window.hasOwnProperty(\"dataLayer\")) {\r\n dataLayer.push({\r\n event: 'GAEvent', // always the same\r\n eventCategory: eCategory, //column G\r\n eventAction: eAction, // column H\r\n eventLabel: eLabel // column I\r\n });\r\n }\r\n }\r\n\r\n this.AddEventAnalytics = (eCategory, eAction, eLabel) => {\r\n addEventToDataLayer(eCategory, eAction, eLabel);\r\n };\r\n\r\n window.addEventToDataLayer = addEventToDataLayer;\r\n window.dataLayer = window.dataLayer || [];\r\n const dataLayer = window.dataLayer;\r\n\r\n\r\n this.trackEvents = () => {\r\n\r\n\r\n for (var i = 0; i < shareOptions.length; i++) {\r\n\r\n shareOptions[i].addEventListener('click', (e) => {\r\n var platform = \"\";\r\n if (e.currentTarget.getAttribute('href').indexOf(\"mailto\") >= 0) {\r\n platform = \"mail\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"facebook\") >= 0) {\r\n platform = \"facebook\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"twitter\") >= 0) {\r\n platform = \"twitter\";\r\n } else if (e.currentTarget.getAttribute('href').indexOf(\"linked\") >= 0) {\r\n platform = \"linkedin\";\r\n }\r\n\r\n addEventToDataLayer('Content Share', \"cta - Share\", platform);\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n if (dataLayer) {\r\n var pageUrl = window.location.href;\r\n var pageTitle = document.title;\r\n dataLayer.push({\r\n GAUID: \"UA-11401921-116\",\r\n isStaging: false,\r\n pageType: pageTitle,\r\n pathName: pageUrl\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const currentTitle = currentTitleTag !== null && currentTitleTag !== undefined ? currentTitleTag.value : '';\r\n const currentCategory = currentCategoryTag !== null && currentCategoryTag !== undefined ? currentCategoryTag.value : '';\r\n\r\n if (logo && logo.length > 0) {\r\n logo[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'GPP Logo');\r\n });\r\n }\r\n\r\n if (resourcesNav && resourcesNav.length > 0) {\r\n for (var i = 0; i < resourcesNav.length; i++) {\r\n resourcesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Resources');\r\n });\r\n }\r\n }\r\n\r\n if (storiesNav && storiesNav.length > 0) {\r\n for (var i = 0; i < storiesNav.length; i++) {\r\n storiesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Stories');\r\n });\r\n }\r\n }\r\n\r\n if (eventsNav && eventsNav.length > 0) {\r\n for (var i = 0; i < eventsNav.length; i++) {\r\n eventsNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Events');\r\n });\r\n }\r\n }\r\n\r\n if (productsNav && productsNav.length > 0) {\r\n for (var i = 0; i < productsNav.length; i++) {\r\n productsNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Products');\r\n });\r\n }\r\n }\r\n\r\n if (ceucoursesNav && ceucoursesNav.length > 0) {\r\n for (var i = 0; i < ceucoursesNav.length; i++) {\r\n ceucoursesNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'CEU Courses');\r\n });\r\n }\r\n }\r\n\r\n if (searchNav && searchNav.length > 0) {\r\n for (var i = 0; i < searchNav.length; i++) {\r\n searchNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Search');\r\n });\r\n }\r\n }\r\n\r\n if (profileNav && profileNav.length > 0) {\r\n for (var i = 0; i < profileNav.length; i++) {\r\n profileNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Top Nav', 'Account');\r\n });\r\n }\r\n }\r\n\r\n if (resourcesFtrNav && resourcesFtrNav.length > 0) {\r\n for (var i = 0; i < resourcesFtrNav.length; i++) {\r\n resourcesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Resources');\r\n });\r\n }\r\n }\r\n\r\n if (storiesFtrNav && storiesFtrNav.length > 0) {\r\n for (var i = 0; i < storiesFtrNav.length; i++) {\r\n storiesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Stories');\r\n });\r\n }\r\n }\r\n\r\n if (eventsFtrNav && eventsFtrNav.length > 0) {\r\n for (var i = 0; i < eventsFtrNav.length; i++) {\r\n eventsFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Events');\r\n });\r\n }\r\n }\r\n\r\n if (productsFtrNav && productsFtrNav.length > 0) {\r\n for (var i = 0; i < productsFtrNav.length; i++) {\r\n productsFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Products');\r\n });\r\n }\r\n }\r\n\r\n if (ceucoursesFtrNav && ceucoursesFtrNav.length > 0) {\r\n for (var i = 0; i < ceucoursesFtrNav.length; i++) {\r\n ceucoursesFtrNav[i].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'CEU Courses');\r\n });\r\n }\r\n }\r\n\r\n if (contactNav && contactNav.length > 0) {\r\n contactNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'Contact');\r\n });\r\n }\r\n\r\n if (twitterNav && twitterNav.length > 0) {\r\n twitterNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Twitter Logo');\r\n });\r\n }\r\n\r\n if (youtubeNav && youtubeNav.length > 0) {\r\n youtubeNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Youtube Logo');\r\n });\r\n }\r\n\r\n if (facebookNav && facebookNav.length > 0) {\r\n facebookNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Facebook Logo');\r\n });\r\n }\r\n\r\n if (linkedinNav && linkedinNav.length > 0) {\r\n linkedinNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Social', 'Linkedin Logo');\r\n });\r\n }\r\n\r\n if (learnMoreNav && learnMoreNav.length > 0) {\r\n learnMoreNav[0].addEventListener('click', e => {\r\n addEventToDataLayer('Wayfinding', 'Footer Nav', 'About Us');\r\n });\r\n }\r\n\r\n if (ctaSignup && ctaSignup.length > 0) {\r\n for (var i = 0; i < ctaSignup.length; i++) {\r\n ctaSignup[i].addEventListener('click', e => {\r\n let eventLabel = 'Home Hero Join 1';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Sign Up', eventLabel);\r\n });\r\n\r\n // console.log(\"adding Signup:: \", i);\r\n }\r\n\r\n }\r\n\r\n\r\n if (ctaWatch && ctaWatch.length > 0) {\r\n ctaWatch[0].addEventListener('click', e => {\r\n let eventLabel = 'Watch Team Behind the Triumph';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Hero Links', eventLabel);\r\n });\r\n }\r\n\r\n if (ctaBtnMore && ctaBtnMore.length > 0) {\r\n for (var i = 0; i < ctaBtnMore.length; i++) {\r\n ctaBtnMore[i].addEventListener('click', e => {\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer('Homepage', 'CTA - Nav', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnResourceListing && btnResourceListing.length > 0) {\r\n for (var i = 0; i < btnResourceListing.length; i++) {\r\n btnResourceListing[i].addEventListener('click', e => {\r\n let eventLabel = e.currentTarget.innerText;\r\n let eventCategory = '';\r\n let eventAction = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnCeuCourseListing && btnCeuCourseListing.length > 0) {\r\n for (var i = 0; i < btnCeuCourseListing.length; i++) {\r\n btnCeuCourseListing[i].addEventListener('click', e => {\r\n let eventLabel = e.currentTarget.querySelector('h3').querySelector('span').innerText;\r\n let eventCategory = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, 'CEU Course', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnStoryListing && btnStoryListing.length > 0) {\r\n for (var i = 0; i < btnStoryListing.length; i++) {\r\n btnStoryListing[i].addEventListener('click', e => {\r\n let eventCategory = '';\r\n let eventAction = 'Story Listing';\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n\r\n if (btnArticleTopic && btnArticleTopic.length > 0) {\r\n for (var i = 0; i < btnArticleTopic.length; i++) {\r\n btnArticleTopic[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Topic', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnArticleDoctype && btnArticleDoctype.length > 0) {\r\n for (var i = 0; i < btnArticleDoctype.length; i++) {\r\n btnArticleDoctype[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Type', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnArticleSport && btnArticleSport.length > 0) {\r\n for (var i = 0; i < btnArticleSport.length; i++) {\r\n btnArticleSport[i].addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'Filter Sport', e.currentTarget.innerText);\r\n });\r\n }\r\n }\r\n\r\n if (btnviewMoreArticles) {\r\n btnviewMoreArticles.addEventListener('click', e => {\r\n addEventToDataLayer('Resource', 'CTA - Load', 'View More Resources');\r\n });\r\n }\r\n\r\n if (btnAnalyticResources && btnAnalyticResources.length > 0) {\r\n for (var i = 0; i < btnAnalyticResources.length; i++) {\r\n btnAnalyticResources[i].addEventListener('click', e => {\r\n let eventCategory = '';\r\n let eventAction = '';\r\n let eventLabel = '';\r\n\r\n if (e.currentTarget.attributes[\"e-category\"] !== undefined) {\r\n eventCategory = e.currentTarget.attributes[\"e-category\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-action\"] !== undefined) {\r\n eventAction = e.currentTarget.attributes[\"e-action\"].value;\r\n }\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n\r\n addEventToDataLayer(eventCategory, eventAction, eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnDownloadPdfs && btnDownloadPdfs.length > 0) {\r\n for (var i = 0; i < btnDownloadPdfs.length; i++) {\r\n btnDownloadPdfs[i].addEventListener('click', e => {\r\n let eventLabel = currentTitle;\r\n\r\n if (e.currentTarget.attributes[\"e-label\"] !== undefined) {\r\n eventLabel = e.currentTarget.attributes[\"e-label\"].value;\r\n }\r\n\r\n addEventToDataLayer(currentCategory, 'CTA - Download', eventLabel);\r\n });\r\n }\r\n }\r\n\r\n if (btnPlayVideos && btnPlayVideos.length > 0) {\r\n for (var i = 0; i < btnPlayVideos.length; i++) {\r\n btnPlayVideos[i].addEventListener('click', e => {\r\n // console.log(\"current title from analytics: \", currentTitle);\r\n addEventToDataLayer(currentCategory, 'Play Video', currentTitle);\r\n });\r\n }\r\n }\r\n\r\n if (btnSeeResearches && btnSeeResearches.length > 0) {\r\n for (var i = 0; i < btnSeeResearches.length; i++) {\r\n btnSeeResearches[i].addEventListener('click', e => {\r\n addEventToDataLayer(currentCategory, 'CTA - GSSI Research', currentTitle);\r\n });\r\n }\r\n }\r\n\r\n if (btnviewMoreStories) {\r\n btnviewMoreStories.addEventListener('click', e => {\r\n addEventToDataLayer('Story', 'CTA - Load', 'Load More Stories');\r\n });\r\n }\r\n\r\n if (drpSortOrder) {\r\n drpSortOrder.addEventListener('change', e => {\r\n addEventToDataLayer('Story', 'Sort Stories', e.currentTarget.value.replace('SortBy', ''));\r\n });\r\n }\r\n\r\n if (siteWideSearchForm) {\r\n var input = siteWideSearchForm.querySelector('.siteWideSearchFormInput');\r\n if (input) {\r\n input.addEventListener('change', e => {\r\n var searchText = e.currentTarget.value;\r\n if (searchText && searchText.trim() !== '') {\r\n addEventToDataLayer('Search', searchText, 'Search');\r\n }\r\n });\r\n }\r\n }\r\n\r\n }\r\n\r\n \r\n\r\n }\r\n\r\n}","module.exports = require('./lib/axios');","'use strict';\n\nvar utils = require('./../utils');\nvar settle = require('./../core/settle');\nvar buildURL = require('./../helpers/buildURL');\nvar buildFullPath = require('../core/buildFullPath');\nvar parseHeaders = require('./../helpers/parseHeaders');\nvar isURLSameOrigin = require('./../helpers/isURLSameOrigin');\nvar createError = require('../core/createError');\n\nmodule.exports = function xhrAdapter(config) {\n return new Promise(function dispatchXhrRequest(resolve, reject) {\n var requestData = config.data;\n var requestHeaders = config.headers;\n\n if (utils.isFormData(requestData)) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n var request = new XMLHttpRequest();\n\n // HTTP basic authentication\n if (config.auth) {\n var username = config.auth.username || '';\n var password = config.auth.password || '';\n requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);\n }\n\n var fullPath = buildFullPath(config.baseURL, config.url);\n request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);\n\n // Set the request timeout in MS\n request.timeout = config.timeout;\n\n // Listen for ready state\n request.onreadystatechange = function handleLoad() {\n if (!request || request.readyState !== 4) {\n return;\n }\n\n // The request errored out and we didn't get a response, this will be\n // handled by onerror instead\n // With one exception: request that using file: protocol, most browsers\n // will return status as 0 even though it's a successful request\n if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n return;\n }\n\n // Prepare the response\n var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;\n var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;\n var response = {\n data: responseData,\n status: request.status,\n statusText: request.statusText,\n headers: responseHeaders,\n config: config,\n request: request\n };\n\n settle(resolve, reject, response);\n\n // Clean up request\n request = null;\n };\n\n // Handle browser request cancellation (as opposed to a manual cancellation)\n request.onabort = function handleAbort() {\n if (!request) {\n return;\n }\n\n reject(createError('Request aborted', config, 'ECONNABORTED', request));\n\n // Clean up request\n request = null;\n };\n\n // Handle low level network errors\n request.onerror = function handleError() {\n // Real errors are hidden from us by the browser\n // onerror should only fire if it's a network error\n reject(createError('Network Error', config, null, request));\n\n // Clean up request\n request = null;\n };\n\n // Handle timeout\n request.ontimeout = function handleTimeout() {\n var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';\n if (config.timeoutErrorMessage) {\n timeoutErrorMessage = config.timeoutErrorMessage;\n }\n reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',\n request));\n\n // Clean up request\n request = null;\n };\n\n // Add xsrf header\n // This is only done if running in a standard browser environment.\n // Specifically not if we're in a web worker, or react-native.\n if (utils.isStandardBrowserEnv()) {\n var cookies = require('./../helpers/cookies');\n\n // Add xsrf header\n var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?\n cookies.read(config.xsrfCookieName) :\n undefined;\n\n if (xsrfValue) {\n requestHeaders[config.xsrfHeaderName] = xsrfValue;\n }\n }\n\n // Add headers to the request\n if ('setRequestHeader' in request) {\n utils.forEach(requestHeaders, function setRequestHeader(val, key) {\n if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {\n // Remove Content-Type if data is undefined\n delete requestHeaders[key];\n } else {\n // Otherwise add header to the request\n request.setRequestHeader(key, val);\n }\n });\n }\n\n // Add withCredentials to request if needed\n if (!utils.isUndefined(config.withCredentials)) {\n request.withCredentials = !!config.withCredentials;\n }\n\n // Add responseType to request if needed\n if (config.responseType) {\n try {\n request.responseType = config.responseType;\n } catch (e) {\n // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.\n // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.\n if (config.responseType !== 'json') {\n throw e;\n }\n }\n }\n\n // Handle progress if needed\n if (typeof config.onDownloadProgress === 'function') {\n request.addEventListener('progress', config.onDownloadProgress);\n }\n\n // Not all browsers support upload events\n if (typeof config.onUploadProgress === 'function' && request.upload) {\n request.upload.addEventListener('progress', config.onUploadProgress);\n }\n\n if (config.cancelToken) {\n // Handle cancellation\n config.cancelToken.promise.then(function onCanceled(cancel) {\n if (!request) {\n return;\n }\n\n request.abort();\n reject(cancel);\n // Clean up request\n request = null;\n });\n }\n\n if (requestData === undefined) {\n requestData = null;\n }\n\n // Send the request\n request.send(requestData);\n });\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar bind = require('./helpers/bind');\nvar Axios = require('./core/Axios');\nvar mergeConfig = require('./core/mergeConfig');\nvar defaults = require('./defaults');\n\n/**\n * Create an instance of Axios\n *\n * @param {Object} defaultConfig The default config for the instance\n * @return {Axios} A new instance of Axios\n */\nfunction createInstance(defaultConfig) {\n var context = new Axios(defaultConfig);\n var instance = bind(Axios.prototype.request, context);\n\n // Copy axios.prototype to instance\n utils.extend(instance, Axios.prototype, context);\n\n // Copy context to instance\n utils.extend(instance, context);\n\n return instance;\n}\n\n// Create the default instance to be exported\nvar axios = createInstance(defaults);\n\n// Expose Axios class to allow class inheritance\naxios.Axios = Axios;\n\n// Factory for creating new instances\naxios.create = function create(instanceConfig) {\n return createInstance(mergeConfig(axios.defaults, instanceConfig));\n};\n\n// Expose Cancel & CancelToken\naxios.Cancel = require('./cancel/Cancel');\naxios.CancelToken = require('./cancel/CancelToken');\naxios.isCancel = require('./cancel/isCancel');\n\n// Expose all/spread\naxios.all = function all(promises) {\n return Promise.all(promises);\n};\naxios.spread = require('./helpers/spread');\n\nmodule.exports = axios;\n\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = axios;\n","'use strict';\n\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\n\nmodule.exports = Cancel;\n","'use strict';\n\nvar Cancel = require('./Cancel');\n\n/**\n * A `CancelToken` is an object that can be used to request cancellation of an operation.\n *\n * @class\n * @param {Function} executor The executor function.\n */\nfunction CancelToken(executor) {\n if (typeof executor !== 'function') {\n throw new TypeError('executor must be a function.');\n }\n\n var resolvePromise;\n this.promise = new Promise(function promiseExecutor(resolve) {\n resolvePromise = resolve;\n });\n\n var token = this;\n executor(function cancel(message) {\n if (token.reason) {\n // Cancellation has already been requested\n return;\n }\n\n token.reason = new Cancel(message);\n resolvePromise(token.reason);\n });\n}\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nCancelToken.prototype.throwIfRequested = function throwIfRequested() {\n if (this.reason) {\n throw this.reason;\n }\n};\n\n/**\n * Returns an object that contains a new `CancelToken` and a function that, when called,\n * cancels the `CancelToken`.\n */\nCancelToken.source = function source() {\n var cancel;\n var token = new CancelToken(function executor(c) {\n cancel = c;\n });\n return {\n token: token,\n cancel: cancel\n };\n};\n\nmodule.exports = CancelToken;\n","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar buildURL = require('../helpers/buildURL');\nvar InterceptorManager = require('./InterceptorManager');\nvar dispatchRequest = require('./dispatchRequest');\nvar mergeConfig = require('./mergeConfig');\n\n/**\n * Create a new instance of Axios\n *\n * @param {Object} instanceConfig The default config for the instance\n */\nfunction Axios(instanceConfig) {\n this.defaults = instanceConfig;\n this.interceptors = {\n request: new InterceptorManager(),\n response: new InterceptorManager()\n };\n}\n\n/**\n * Dispatch a request\n *\n * @param {Object} config The config specific for this request (merged with this.defaults)\n */\nAxios.prototype.request = function request(config) {\n /*eslint no-param-reassign:0*/\n // Allow for axios('example/url'[, config]) a la fetch API\n if (typeof config === 'string') {\n config = arguments[1] || {};\n config.url = arguments[0];\n } else {\n config = config || {};\n }\n\n config = mergeConfig(this.defaults, config);\n\n // Set config.method\n if (config.method) {\n config.method = config.method.toLowerCase();\n } else if (this.defaults.method) {\n config.method = this.defaults.method.toLowerCase();\n } else {\n config.method = 'get';\n }\n\n // Hook up interceptors middleware\n var chain = [dispatchRequest, undefined];\n var promise = Promise.resolve(config);\n\n this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {\n chain.unshift(interceptor.fulfilled, interceptor.rejected);\n });\n\n this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {\n chain.push(interceptor.fulfilled, interceptor.rejected);\n });\n\n while (chain.length) {\n promise = promise.then(chain.shift(), chain.shift());\n }\n\n return promise;\n};\n\nAxios.prototype.getUri = function getUri(config) {\n config = mergeConfig(this.defaults, config);\n return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\\?/, '');\n};\n\n// Provide aliases for supported request methods\nutils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, config) {\n return this.request(utils.merge(config || {}, {\n method: method,\n url: url\n }));\n };\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, data, config) {\n return this.request(utils.merge(config || {}, {\n method: method,\n url: url,\n data: data\n }));\n };\n});\n\nmodule.exports = Axios;\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction InterceptorManager() {\n this.handlers = [];\n}\n\n/**\n * Add a new interceptor to the stack\n *\n * @param {Function} fulfilled The function to handle `then` for a `Promise`\n * @param {Function} rejected The function to handle `reject` for a `Promise`\n *\n * @return {Number} An ID used to remove interceptor later\n */\nInterceptorManager.prototype.use = function use(fulfilled, rejected) {\n this.handlers.push({\n fulfilled: fulfilled,\n rejected: rejected\n });\n return this.handlers.length - 1;\n};\n\n/**\n * Remove an interceptor from the stack\n *\n * @param {Number} id The ID that was returned by `use`\n */\nInterceptorManager.prototype.eject = function eject(id) {\n if (this.handlers[id]) {\n this.handlers[id] = null;\n }\n};\n\n/**\n * Iterate over all the registered interceptors\n *\n * This method is particularly useful for skipping over any\n * interceptors that may have become `null` calling `eject`.\n *\n * @param {Function} fn The function to call for each interceptor\n */\nInterceptorManager.prototype.forEach = function forEach(fn) {\n utils.forEach(this.handlers, function forEachHandler(h) {\n if (h !== null) {\n fn(h);\n }\n });\n};\n\nmodule.exports = InterceptorManager;\n","'use strict';\n\nvar isAbsoluteURL = require('../helpers/isAbsoluteURL');\nvar combineURLs = require('../helpers/combineURLs');\n\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n * @returns {string} The combined full path\n */\nmodule.exports = function buildFullPath(baseURL, requestedURL) {\n if (baseURL && !isAbsoluteURL(requestedURL)) {\n return combineURLs(baseURL, requestedURL);\n }\n return requestedURL;\n};\n","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar transformData = require('./transformData');\nvar isCancel = require('../cancel/isCancel');\nvar defaults = require('../defaults');\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nfunction throwIfCancellationRequested(config) {\n if (config.cancelToken) {\n config.cancelToken.throwIfRequested();\n }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n * @returns {Promise} The Promise to be fulfilled\n */\nmodule.exports = function dispatchRequest(config) {\n throwIfCancellationRequested(config);\n\n // Ensure headers exist\n config.headers = config.headers || {};\n\n // Transform request data\n config.data = transformData(\n config.data,\n config.headers,\n config.transformRequest\n );\n\n // Flatten headers\n config.headers = utils.merge(\n config.headers.common || {},\n config.headers[config.method] || {},\n config.headers\n );\n\n utils.forEach(\n ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n function cleanHeaderConfig(method) {\n delete config.headers[method];\n }\n );\n\n var adapter = config.adapter || defaults.adapter;\n\n return adapter(config).then(function onAdapterResolution(response) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n response.data = transformData(\n response.data,\n response.headers,\n config.transformResponse\n );\n\n return response;\n }, function onAdapterRejection(reason) {\n if (!isCancel(reason)) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n if (reason && reason.response) {\n reason.response.data = transformData(\n reason.response.data,\n reason.response.headers,\n config.transformResponse\n );\n }\n }\n\n return Promise.reject(reason);\n });\n};\n","'use strict';\n\n/**\n * Update an Error with the specified config, error code, and response.\n *\n * @param {Error} error The error to update.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The error.\n */\nmodule.exports = function enhanceError(error, config, code, request, response) {\n error.config = config;\n if (code) {\n error.code = code;\n }\n\n error.request = request;\n error.response = response;\n error.isAxiosError = true;\n\n error.toJSON = function() {\n return {\n // Standard\n message: this.message,\n name: this.name,\n // Microsoft\n description: this.description,\n number: this.number,\n // Mozilla\n fileName: this.fileName,\n lineNumber: this.lineNumber,\n columnNumber: this.columnNumber,\n stack: this.stack,\n // Axios\n config: this.config,\n code: this.code\n };\n };\n return error;\n};\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];\n var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];\n var defaultToConfig2Keys = [\n 'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',\n 'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',\n 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',\n 'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',\n 'httpsAgent', 'cancelToken', 'socketPath'\n ];\n\n utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n }\n });\n\n utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {\n if (utils.isObject(config2[prop])) {\n config[prop] = utils.deepMerge(config1[prop], config2[prop]);\n } else if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (utils.isObject(config1[prop])) {\n config[prop] = utils.deepMerge(config1[prop]);\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n var axiosKeys = valueFromConfig2Keys\n .concat(mergeDeepPropertiesKeys)\n .concat(defaultToConfig2Keys);\n\n var otherKeys = Object\n .keys(config2)\n .filter(function filterAxiosKeys(key) {\n return axiosKeys.indexOf(key) === -1;\n });\n\n utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n return config;\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n if (!validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\n/**\n * Transform the data for a request or a response\n *\n * @param {Object|String} data The data to be transformed\n * @param {Array} headers The headers for the request or response\n * @param {Array|Function} fns A single function or Array of functions\n * @returns {*} The resulting transformed data\n */\nmodule.exports = function transformData(data, headers, fns) {\n /*eslint no-param-reassign:0*/\n utils.forEach(fns, function transform(fn) {\n data = fn(data, headers);\n });\n\n return data;\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nvar defaults = {\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data)) {\n setContentTypeIfUnset(headers, 'application/json;charset=utf-8');\n return JSON.stringify(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n /*eslint no-param-reassign:0*/\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (e) { /* Ignore */ }\n }\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\n\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n","'use strict';\n\n/**\n * Creates a new URL by combining the specified URLs\n *\n * @param {string} baseURL The base URL\n * @param {string} relativeURL The relative URL\n * @returns {string} The combined URL\n */\nmodule.exports = function combineURLs(baseURL, relativeURL) {\n return relativeURL\n ? baseURL.replace(/\\/+$/, '') + '/' + relativeURL.replace(/^\\/+/, '')\n : baseURL;\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs support document.cookie\n (function standardBrowserEnv() {\n return {\n write: function write(name, value, expires, path, domain, secure) {\n var cookie = [];\n cookie.push(name + '=' + encodeURIComponent(value));\n\n if (utils.isNumber(expires)) {\n cookie.push('expires=' + new Date(expires).toGMTString());\n }\n\n if (utils.isString(path)) {\n cookie.push('path=' + path);\n }\n\n if (utils.isString(domain)) {\n cookie.push('domain=' + domain);\n }\n\n if (secure === true) {\n cookie.push('secure');\n }\n\n document.cookie = cookie.join('; ');\n },\n\n read: function read(name) {\n var match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n return (match ? decodeURIComponent(match[3]) : null);\n },\n\n remove: function remove(name) {\n this.write(name, '', Date.now() - 86400000);\n }\n };\n })() :\n\n // Non standard browser env (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return {\n write: function write() {},\n read: function read() { return null; },\n remove: function remove() {}\n };\n })()\n);\n","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nmodule.exports = function isAbsoluteURL(url) {\n // A URL is considered absolute if it begins with \"://\" or \"//\" (protocol-relative URL).\n // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed\n // by any combination of letters, digits, plus, period, or hyphen.\n return /^([a-z][a-z\\d\\+\\-\\.]*:)?\\/\\//i.test(url);\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs have full support of the APIs needed to test\n // whether the request URL is of the same origin as current location.\n (function standardBrowserEnv() {\n var msie = /(msie|trident)/i.test(navigator.userAgent);\n var urlParsingNode = document.createElement('a');\n var originURL;\n\n /**\n * Parse a URL to discover it's components\n *\n * @param {String} url The URL to be parsed\n * @returns {Object}\n */\n function resolveURL(url) {\n var href = url;\n\n if (msie) {\n // IE needs attribute set twice to normalize properties\n urlParsingNode.setAttribute('href', href);\n href = urlParsingNode.href;\n }\n\n urlParsingNode.setAttribute('href', href);\n\n // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils\n return {\n href: urlParsingNode.href,\n protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',\n host: urlParsingNode.host,\n search: urlParsingNode.search ? urlParsingNode.search.replace(/^\\?/, '') : '',\n hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',\n hostname: urlParsingNode.hostname,\n port: urlParsingNode.port,\n pathname: (urlParsingNode.pathname.charAt(0) === '/') ?\n urlParsingNode.pathname :\n '/' + urlParsingNode.pathname\n };\n }\n\n originURL = resolveURL(window.location.href);\n\n /**\n * Determine if a URL shares the same origin as the current location\n *\n * @param {String} requestURL The URL to test\n * @returns {boolean} True if URL shares the same origin, otherwise false\n */\n return function isURLSameOrigin(requestURL) {\n var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;\n return (parsed.protocol === originURL.protocol &&\n parsed.host === originURL.host);\n };\n })() :\n\n // Non standard browser envs (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return function isURLSameOrigin() {\n return true;\n };\n })()\n);\n","'use strict';\n\nvar utils = require('../utils');\n\nmodule.exports = function normalizeHeaderName(headers, normalizedName) {\n utils.forEach(headers, function processHeader(value, name) {\n if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {\n headers[normalizedName] = value;\n delete headers[name];\n }\n });\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\n// Headers whose duplicates are ignored by node\n// c.f. https://nodejs.org/api/http.html#http_message_headers\nvar ignoreDuplicateOf = [\n 'age', 'authorization', 'content-length', 'content-type', 'etag',\n 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',\n 'last-modified', 'location', 'max-forwards', 'proxy-authorization',\n 'referer', 'retry-after', 'user-agent'\n];\n\n/**\n * Parse headers into an object\n *\n * ```\n * Date: Wed, 27 Aug 2014 08:58:49 GMT\n * Content-Type: application/json\n * Connection: keep-alive\n * Transfer-Encoding: chunked\n * ```\n *\n * @param {String} headers Headers needing to be parsed\n * @returns {Object} Headers parsed into an object\n */\nmodule.exports = function parseHeaders(headers) {\n var parsed = {};\n var key;\n var val;\n var i;\n\n if (!headers) { return parsed; }\n\n utils.forEach(headers.split('\\n'), function parser(line) {\n i = line.indexOf(':');\n key = utils.trim(line.substr(0, i)).toLowerCase();\n val = utils.trim(line.substr(i + 1));\n\n if (key) {\n if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {\n return;\n }\n if (key === 'set-cookie') {\n parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);\n } else {\n parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;\n }\n }\n });\n\n return parsed;\n};\n","'use strict';\n\n/**\n * Syntactic sugar for invoking a function and expanding an array for arguments.\n *\n * Common use case would be to use `Function.prototype.apply`.\n *\n * ```js\n * function f(x, y, z) {}\n * var args = [1, 2, 3];\n * f.apply(null, args);\n * ```\n *\n * With `spread` this example can be re-written.\n *\n * ```js\n * spread(function(x, y, z) {})([1, 2, 3]);\n * ```\n *\n * @param {Function} callback\n * @returns {Function}\n */\nmodule.exports = function spread(callback) {\n return function wrap(arr) {\n return callback.apply(null, arr);\n };\n};\n","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return (typeof FormData !== 'undefined') && (val instanceof FormData);\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};\n","const localList = require('./lang.json').words;\nconst baseList = require('badwords-list').array;\n\nclass Filter {\n\n /**\n * Filter constructor.\n * @constructor\n * @param {object} options - Filter instance options\n * @param {boolean} options.emptyList - Instantiate filter with no blacklist\n * @param {array} options.list - Instantiate filter with custom list\n * @param {string} options.placeHolder - Character used to replace profane words.\n * @param {string} options.regex - Regular expression used to sanitize words before comparing them to blacklist.\n * @param {string} options.replaceRegex - Regular expression used to replace profane words with placeHolder.\n * @param {string} options.splitRegex - Regular expression used to split a string into words.\n */\n constructor(options = {}) {\n Object.assign(this, {\n list: options.emptyList && [] || Array.prototype.concat.apply(localList, [baseList, options.list || []]),\n exclude: options.exclude || [],\n splitRegex: options.splitRegex || /\\b/,\n placeHolder: options.placeHolder || '*',\n regex: options.regex || /[^a-zA-Z0-9|\\$|\\@]|\\^/g,\n replaceRegex: options.replaceRegex || /\\w/g\n })\n }\n\n /**\n * Determine if a string contains profane language.\n * @param {string} string - String to evaluate for profanity.\n */\n isProfane(string) {\n return this.list\n .filter((word) => {\n const wordExp = new RegExp(`\\\\b${word.replace(/(\\W)/g, '\\\\$1')}\\\\b`, 'gi');\n return !this.exclude.includes(word.toLowerCase()) && wordExp.test(string);\n })\n .length > 0 || false;\n }\n\n /**\n * Replace a word with placeHolder characters;\n * @param {string} string - String to replace.\n */\n replaceWord(string) {\n return string\n .replace(this.regex, '')\n .replace(this.replaceRegex, this.placeHolder);\n }\n\n /**\n * Evaluate a string for profanity and return an edited version.\n * @param {string} string - Sentence to filter.\n */\n clean(string) {\n return string.split(this.splitRegex).map((word) => {\n return this.isProfane(word) ? this.replaceWord(word) : word;\n }).join(this.splitRegex.exec(string)[0]);\n }\n\n /**\n * Add word(s) to blacklist filter / remove words from whitelist filter\n * @param {...string} word - Word(s) to add to blacklist\n */\n addWords() {\n let words = Array.from(arguments);\n\n this.list.push(...words);\n\n words\n .map(word => word.toLowerCase())\n .forEach((word) => {\n if (this.exclude.includes(word)) {\n this.exclude.splice(this.exclude.indexOf(word), 1);\n }\n });\n }\n\n /**\n * Add words to whitelist filter\n * @param {...string} word - Word(s) to add to whitelist.\n */\n removeWords() {\n this.exclude.push(...Array.from(arguments).map(word => word.toLowerCase()));\n }\n}\n\nmodule.exports = Filter;","module.exports = [\"4r5e\", \"5h1t\", \"5hit\", \"a55\", \"anal\", \"anus\", \"ar5e\", \"arrse\", \"arse\", \"ass\", \"ass-fucker\", \"asses\", \"assfucker\", \"assfukka\", \"asshole\", \"assholes\", \"asswhole\", \"a_s_s\", \"b!tch\", \"b00bs\", \"b17ch\", \"b1tch\", \"ballbag\", \"balls\", \"ballsack\", \"bastard\", \"beastial\", \"beastiality\", \"bellend\", \"bestial\", \"bestiality\", \"bi+ch\", \"biatch\", \"bitch\", \"bitcher\", \"bitchers\", \"bitches\", \"bitchin\", \"bitching\", \"bloody\", \"blow job\", \"blowjob\", \"blowjobs\", \"boiolas\", \"bollock\", \"bollok\", \"boner\", \"boob\", \"boobs\", \"booobs\", \"boooobs\", \"booooobs\", \"booooooobs\", \"breasts\", \"buceta\", \"bugger\", \"bum\", \"bunny fucker\", \"butt\", \"butthole\", \"buttmuch\", \"buttplug\", \"c0ck\", \"c0cksucker\", \"carpet muncher\", \"cawk\", \"chink\", \"cipa\", \"cl1t\", \"clit\", \"clitoris\", \"clits\", \"cnut\", \"cock\", \"cock-sucker\", \"cockface\", \"cockhead\", \"cockmunch\", \"cockmuncher\", \"cocks\", \"cocksuck\", \"cocksucked\", \"cocksucker\", \"cocksucking\", \"cocksucks\", \"cocksuka\", \"cocksukka\", \"cok\", \"cokmuncher\", \"coksucka\", \"coon\", \"cox\", \"crap\", \"cum\", \"cummer\", \"cumming\", \"cums\", \"cumshot\", \"cunilingus\", \"cunillingus\", \"cunnilingus\", \"cunt\", \"cuntlick\", \"cuntlicker\", \"cuntlicking\", \"cunts\", \"cyalis\", \"cyberfuc\", \"cyberfuck\", \"cyberfucked\", \"cyberfucker\", \"cyberfuckers\", \"cyberfucking\", \"d1ck\", \"damn\", \"dick\", \"dickhead\", \"dildo\", \"dildos\", \"dink\", \"dinks\", \"dirsa\", \"dlck\", \"dog-fucker\", \"doggin\", \"dogging\", \"donkeyribber\", \"doosh\", \"duche\", \"dyke\", \"ejaculate\", \"ejaculated\", \"ejaculates\", \"ejaculating\", \"ejaculatings\", \"ejaculation\", \"ejakulate\", \"f u c k\", \"f u c k e r\", \"f4nny\", \"fag\", \"fagging\", \"faggitt\", \"faggot\", \"faggs\", \"fagot\", \"fagots\", \"fags\", \"fanny\", \"fannyflaps\", \"fannyfucker\", \"fanyy\", \"fatass\", \"fcuk\", \"fcuker\", \"fcuking\", \"feck\", \"fecker\", \"felching\", \"fellate\", \"fellatio\", \"fingerfuck\", \"fingerfucked\", \"fingerfucker\", \"fingerfuckers\", \"fingerfucking\", \"fingerfucks\", \"fistfuck\", \"fistfucked\", \"fistfucker\", \"fistfuckers\", \"fistfucking\", \"fistfuckings\", \"fistfucks\", \"flange\", \"fook\", \"fooker\", \"fuck\", \"fucka\", \"fucked\", \"fucker\", \"fuckers\", \"fuckhead\", \"fuckheads\", \"fuckin\", \"fucking\", \"fuckings\", \"fuckingshitmotherfucker\", \"fuckme\", \"fucks\", \"fuckwhit\", \"fuckwit\", \"fudge packer\", \"fudgepacker\", \"fuk\", \"fuker\", \"fukker\", \"fukkin\", \"fuks\", \"fukwhit\", \"fukwit\", \"fux\", \"fux0r\", \"f_u_c_k\", \"gangbang\", \"gangbanged\", \"gangbangs\", \"gaylord\", \"gaysex\", \"goatse\", \"God\", \"god-dam\", \"god-damned\", \"goddamn\", \"goddamned\", \"hardcoresex\", \"hell\", \"heshe\", \"hoar\", \"hoare\", \"hoer\", \"homo\", \"hore\", \"horniest\", \"horny\", \"hotsex\", \"jack-off\", \"jackoff\", \"jap\", \"jerk-off\", \"jism\", \"jiz\", \"jizm\", \"jizz\", \"kawk\", \"knob\", \"knobead\", \"knobed\", \"knobend\", \"knobhead\", \"knobjocky\", \"knobjokey\", \"kock\", \"kondum\", \"kondums\", \"kum\", \"kummer\", \"kumming\", \"kums\", \"kunilingus\", \"l3i+ch\", \"l3itch\", \"labia\", \"lust\", \"lusting\", \"m0f0\", \"m0fo\", \"m45terbate\", \"ma5terb8\", \"ma5terbate\", \"masochist\", \"master-bate\", \"masterb8\", \"masterbat*\", \"masterbat3\", \"masterbate\", \"masterbation\", \"masterbations\", \"masturbate\", \"mo-fo\", \"mof0\", \"mofo\", \"mothafuck\", \"mothafucka\", \"mothafuckas\", \"mothafuckaz\", \"mothafucked\", \"mothafucker\", \"mothafuckers\", \"mothafuckin\", \"mothafucking\", \"mothafuckings\", \"mothafucks\", \"mother fucker\", \"motherfuck\", \"motherfucked\", \"motherfucker\", \"motherfuckers\", \"motherfuckin\", \"motherfucking\", \"motherfuckings\", \"motherfuckka\", \"motherfucks\", \"muff\", \"mutha\", \"muthafecker\", \"muthafuckker\", \"muther\", \"mutherfucker\", \"n1gga\", \"n1gger\", \"nazi\", \"nigg3r\", \"nigg4h\", \"nigga\", \"niggah\", \"niggas\", \"niggaz\", \"nigger\", \"niggers\", \"nob\", \"nob jokey\", \"nobhead\", \"nobjocky\", \"nobjokey\", \"numbnuts\", \"nutsack\", \"orgasim\", \"orgasims\", \"orgasm\", \"orgasms\", \"p0rn\", \"pawn\", \"pecker\", \"penis\", \"penisfucker\", \"phonesex\", \"phuck\", \"phuk\", \"phuked\", \"phuking\", \"phukked\", \"phukking\", \"phuks\", \"phuq\", \"pigfucker\", \"pimpis\", \"piss\", \"pissed\", \"pisser\", \"pissers\", \"pisses\", \"pissflaps\", \"pissin\", \"pissing\", \"pissoff\", \"poop\", \"porn\", \"porno\", \"pornography\", \"pornos\", \"prick\", \"pricks\", \"pron\", \"pube\", \"pusse\", \"pussi\", \"pussies\", \"pussy\", \"pussys\", \"rectum\", \"retard\", \"rimjaw\", \"rimming\", \"s hit\", \"s.o.b.\", \"sadist\", \"schlong\", \"screwing\", \"scroat\", \"scrote\", \"scrotum\", \"semen\", \"sex\", \"sh!+\", \"sh!t\", \"sh1t\", \"shag\", \"shagger\", \"shaggin\", \"shagging\", \"shemale\", \"shi+\", \"shit\", \"shitdick\", \"shite\", \"shited\", \"shitey\", \"shitfuck\", \"shitfull\", \"shithead\", \"shiting\", \"shitings\", \"shits\", \"shitted\", \"shitter\", \"shitters\", \"shitting\", \"shittings\", \"shitty\", \"skank\", \"slut\", \"sluts\", \"smegma\", \"smut\", \"snatch\", \"son-of-a-bitch\", \"spac\", \"spunk\", \"s_h_i_t\", \"t1tt1e5\", \"t1tties\", \"teets\", \"teez\", \"testical\", \"testicle\", \"tit\", \"titfuck\", \"tits\", \"titt\", \"tittie5\", \"tittiefucker\", \"titties\", \"tittyfuck\", \"tittywank\", \"titwank\", \"tosser\", \"turd\", \"tw4t\", \"twat\", \"twathead\", \"twatty\", \"twunt\", \"twunter\", \"v14gra\", \"v1gra\", \"vagina\", \"viagra\", \"vulva\", \"w00se\", \"wang\", \"wank\", \"wanker\", \"wanky\", \"whoar\", \"whore\", \"willies\", \"willy\", \"xrated\", \"xxx\"];","module.exports = {\n object: require('./object'),\n array: require('./array'),\n regex: require('./regexp')\n};","module.exports = {\"4r5e\": 1, \"5h1t\": 1, \"5hit\": 1, \"a55\": 1, \"anal\": 1, \"anus\": 1, \"ar5e\": 1, \"arrse\": 1, \"arse\": 1, \"ass\": 1, \"ass-fucker\": 1, \"asses\": 1, \"assfucker\": 1, \"assfukka\": 1, \"asshole\": 1, \"assholes\": 1, \"asswhole\": 1, \"a_s_s\": 1, \"b!tch\": 1, \"b00bs\": 1, \"b17ch\": 1, \"b1tch\": 1, \"ballbag\": 1, \"balls\": 1, \"ballsack\": 1, \"bastard\": 1, \"beastial\": 1, \"beastiality\": 1, \"bellend\": 1, \"bestial\": 1, \"bestiality\": 1, \"bi+ch\": 1, \"biatch\": 1, \"bitch\": 1, \"bitcher\": 1, \"bitchers\": 1, \"bitches\": 1, \"bitchin\": 1, \"bitching\": 1, \"bloody\": 1, \"blow job\": 1, \"blowjob\": 1, \"blowjobs\": 1, \"boiolas\": 1, \"bollock\": 1, \"bollok\": 1, \"boner\": 1, \"boob\": 1, \"boobs\": 1, \"booobs\": 1, \"boooobs\": 1, \"booooobs\": 1, \"booooooobs\": 1, \"breasts\": 1, \"buceta\": 1, \"bugger\": 1, \"bum\": 1, \"bunny fucker\": 1, \"butt\": 1, \"butthole\": 1, \"buttmuch\": 1, \"buttplug\": 1, \"c0ck\": 1, \"c0cksucker\": 1, \"carpet muncher\": 1, \"cawk\": 1, \"chink\": 1, \"cipa\": 1, \"cl1t\": 1, \"clit\": 1, \"clitoris\": 1, \"clits\": 1, \"cnut\": 1, \"cock\": 1, \"cock-sucker\": 1, \"cockface\": 1, \"cockhead\": 1, \"cockmunch\": 1, \"cockmuncher\": 1, \"cocks\": 1, \"cocksuck\": 1, \"cocksucked\": 1, \"cocksucker\": 1, \"cocksucking\": 1, \"cocksucks\": 1, \"cocksuka\": 1, \"cocksukka\": 1, \"cok\": 1, \"cokmuncher\": 1, \"coksucka\": 1, \"coon\": 1, \"cox\": 1, \"crap\": 1, \"cum\": 1, \"cummer\": 1, \"cumming\": 1, \"cums\": 1, \"cumshot\": 1, \"cunilingus\": 1, \"cunillingus\": 1, \"cunnilingus\": 1, \"cunt\": 1, \"cuntlick\": 1, \"cuntlicker\": 1, \"cuntlicking\": 1, \"cunts\": 1, \"cyalis\": 1, \"cyberfuc\": 1, \"cyberfuck\": 1, \"cyberfucked\": 1, \"cyberfucker\": 1, \"cyberfuckers\": 1, \"cyberfucking\": 1, \"d1ck\": 1, \"damn\": 1, \"dick\": 1, \"dickhead\": 1, \"dildo\": 1, \"dildos\": 1, \"dink\": 1, \"dinks\": 1, \"dirsa\": 1, \"dlck\": 1, \"dog-fucker\": 1, \"doggin\": 1, \"dogging\": 1, \"donkeyribber\": 1, \"doosh\": 1, \"duche\": 1, \"dyke\": 1, \"ejaculate\": 1, \"ejaculated\": 1, \"ejaculates\": 1, \"ejaculating\": 1, \"ejaculatings\": 1, \"ejaculation\": 1, \"ejakulate\": 1, \"f u c k\": 1, \"f u c k e r\": 1, \"f4nny\": 1, \"fag\": 1, \"fagging\": 1, \"faggitt\": 1, \"faggot\": 1, \"faggs\": 1, \"fagot\": 1, \"fagots\": 1, \"fags\": 1, \"fanny\": 1, \"fannyflaps\": 1, \"fannyfucker\": 1, \"fanyy\": 1, \"fatass\": 1, \"fcuk\": 1, \"fcuker\": 1, \"fcuking\": 1, \"feck\": 1, \"fecker\": 1, \"felching\": 1, \"fellate\": 1, \"fellatio\": 1, \"fingerfuck\": 1, \"fingerfucked\": 1, \"fingerfucker\": 1, \"fingerfuckers\": 1, \"fingerfucking\": 1, \"fingerfucks\": 1, \"fistfuck\": 1, \"fistfucked\": 1, \"fistfucker\": 1, \"fistfuckers\": 1, \"fistfucking\": 1, \"fistfuckings\": 1, \"fistfucks\": 1, \"flange\": 1, \"fook\": 1, \"fooker\": 1, \"fuck\": 1, \"fucka\": 1, \"fucked\": 1, \"fucker\": 1, \"fuckers\": 1, \"fuckhead\": 1, \"fuckheads\": 1, \"fuckin\": 1, \"fucking\": 1, \"fuckings\": 1, \"fuckingshitmotherfucker\": 1, \"fuckme\": 1, \"fucks\": 1, \"fuckwhit\": 1, \"fuckwit\": 1, \"fudge packer\": 1, \"fudgepacker\": 1, \"fuk\": 1, \"fuker\": 1, \"fukker\": 1, \"fukkin\": 1, \"fuks\": 1, \"fukwhit\": 1, \"fukwit\": 1, \"fux\": 1, \"fux0r\": 1, \"f_u_c_k\": 1, \"gangbang\": 1, \"gangbanged\": 1, \"gangbangs\": 1, \"gaylord\": 1, \"gaysex\": 1, \"goatse\": 1, \"God\": 1, \"god-dam\": 1, \"god-damned\": 1, \"goddamn\": 1, \"goddamned\": 1, \"hardcoresex\": 1, \"hell\": 1, \"heshe\": 1, \"hoar\": 1, \"hoare\": 1, \"hoer\": 1, \"homo\": 1, \"hore\": 1, \"horniest\": 1, \"horny\": 1, \"hotsex\": 1, \"jack-off\": 1, \"jackoff\": 1, \"jap\": 1, \"jerk-off\": 1, \"jism\": 1, \"jiz\": 1, \"jizm\": 1, \"jizz\": 1, \"kawk\": 1, \"knob\": 1, \"knobead\": 1, \"knobed\": 1, \"knobend\": 1, \"knobhead\": 1, \"knobjocky\": 1, \"knobjokey\": 1, \"kock\": 1, \"kondum\": 1, \"kondums\": 1, \"kum\": 1, \"kummer\": 1, \"kumming\": 1, \"kums\": 1, \"kunilingus\": 1, \"l3i+ch\": 1, \"l3itch\": 1, \"labia\": 1, \"lust\": 1, \"lusting\": 1, \"m0f0\": 1, \"m0fo\": 1, \"m45terbate\": 1, \"ma5terb8\": 1, \"ma5terbate\": 1, \"masochist\": 1, \"master-bate\": 1, \"masterb8\": 1, \"masterbat*\": 1, \"masterbat3\": 1, \"masterbate\": 1, \"masterbation\": 1, \"masterbations\": 1, \"masturbate\": 1, \"mo-fo\": 1, \"mof0\": 1, \"mofo\": 1, \"mothafuck\": 1, \"mothafucka\": 1, \"mothafuckas\": 1, \"mothafuckaz\": 1, \"mothafucked\": 1, \"mothafucker\": 1, \"mothafuckers\": 1, \"mothafuckin\": 1, \"mothafucking\": 1, \"mothafuckings\": 1, \"mothafucks\": 1, \"mother fucker\": 1, \"motherfuck\": 1, \"motherfucked\": 1, \"motherfucker\": 1, \"motherfuckers\": 1, \"motherfuckin\": 1, \"motherfucking\": 1, \"motherfuckings\": 1, \"motherfuckka\": 1, \"motherfucks\": 1, \"muff\": 1, \"mutha\": 1, \"muthafecker\": 1, \"muthafuckker\": 1, \"muther\": 1, \"mutherfucker\": 1, \"n1gga\": 1, \"n1gger\": 1, \"nazi\": 1, \"nigg3r\": 1, \"nigg4h\": 1, \"nigga\": 1, \"niggah\": 1, \"niggas\": 1, \"niggaz\": 1, \"nigger\": 1, \"niggers\": 1, \"nob\": 1, \"nob jokey\": 1, \"nobhead\": 1, \"nobjocky\": 1, \"nobjokey\": 1, \"numbnuts\": 1, \"nutsack\": 1, \"orgasim\": 1, \"orgasims\": 1, \"orgasm\": 1, \"orgasms\": 1, \"p0rn\": 1, \"pawn\": 1, \"pecker\": 1, \"penis\": 1, \"penisfucker\": 1, \"phonesex\": 1, \"phuck\": 1, \"phuk\": 1, \"phuked\": 1, \"phuking\": 1, \"phukked\": 1, \"phukking\": 1, \"phuks\": 1, \"phuq\": 1, \"pigfucker\": 1, \"pimpis\": 1, \"piss\": 1, \"pissed\": 1, \"pisser\": 1, \"pissers\": 1, \"pisses\": 1, \"pissflaps\": 1, \"pissin\": 1, \"pissing\": 1, \"pissoff\": 1, \"poop\": 1, \"porn\": 1, \"porno\": 1, \"pornography\": 1, \"pornos\": 1, \"prick\": 1, \"pricks\": 1, \"pron\": 1, \"pube\": 1, \"pusse\": 1, \"pussi\": 1, \"pussies\": 1, \"pussy\": 1, \"pussys\": 1, \"rectum\": 1, \"retard\": 1, \"rimjaw\": 1, \"rimming\": 1, \"s hit\": 1, \"s.o.b.\": 1, \"sadist\": 1, \"schlong\": 1, \"screwing\": 1, \"scroat\": 1, \"scrote\": 1, \"scrotum\": 1, \"semen\": 1, \"sex\": 1, \"sh!+\": 1, \"sh!t\": 1, \"sh1t\": 1, \"shag\": 1, \"shagger\": 1, \"shaggin\": 1, \"shagging\": 1, \"shemale\": 1, \"shi+\": 1, \"shit\": 1, \"shitdick\": 1, \"shite\": 1, \"shited\": 1, \"shitey\": 1, \"shitfuck\": 1, \"shitfull\": 1, \"shithead\": 1, \"shiting\": 1, \"shitings\": 1, \"shits\": 1, \"shitted\": 1, \"shitter\": 1, \"shitters\": 1, \"shitting\": 1, \"shittings\": 1, \"shitty\": 1, \"skank\": 1, \"slut\": 1, \"sluts\": 1, \"smegma\": 1, \"smut\": 1, \"snatch\": 1, \"son-of-a-bitch\": 1, \"spac\": 1, \"spunk\": 1, \"s_h_i_t\": 1, \"t1tt1e5\": 1, \"t1tties\": 1, \"teets\": 1, \"teez\": 1, \"testical\": 1, \"testicle\": 1, \"tit\": 1, \"titfuck\": 1, \"tits\": 1, \"titt\": 1, \"tittie5\": 1, \"tittiefucker\": 1, \"titties\": 1, \"tittyfuck\": 1, \"tittywank\": 1, \"titwank\": 1, \"tosser\": 1, \"turd\": 1, \"tw4t\": 1, \"twat\": 1, \"twathead\": 1, \"twatty\": 1, \"twunt\": 1, \"twunter\": 1, \"v14gra\": 1, \"v1gra\": 1, \"vagina\": 1, \"viagra\": 1, \"vulva\": 1, \"w00se\": 1, \"wang\": 1, \"wank\": 1, \"wanker\": 1, \"wanky\": 1, \"whoar\": 1, \"whore\": 1, \"willies\": 1, \"willy\": 1, \"xrated\": 1, \"xxx\": 1};","module.exports = /\\b(4r5e|5h1t|5hit|a55|anal|anus|ar5e|arrse|arse|ass|ass-fucker|asses|assfucker|assfukka|asshole|assholes|asswhole|a_s_s|b!tch|b00bs|b17ch|b1tch|ballbag|balls|ballsack|bastard|beastial|beastiality|bellend|bestial|bestiality|bi\\+ch|biatch|bitch|bitcher|bitchers|bitches|bitchin|bitching|bloody|blow job|blowjob|blowjobs|boiolas|bollock|bollok|boner|boob|boobs|booobs|boooobs|booooobs|booooooobs|breasts|buceta|bugger|bum|bunny fucker|butt|butthole|buttmuch|buttplug|c0ck|c0cksucker|carpet muncher|cawk|chink|cipa|cl1t|clit|clitoris|clits|cnut|cock|cock-sucker|cockface|cockhead|cockmunch|cockmuncher|cocks|cocksuck|cocksucked|cocksucker|cocksucking|cocksucks|cocksuka|cocksukka|cok|cokmuncher|coksucka|coon|cox|crap|cum|cummer|cumming|cums|cumshot|cunilingus|cunillingus|cunnilingus|cunt|cuntlick|cuntlicker|cuntlicking|cunts|cyalis|cyberfuc|cyberfuck|cyberfucked|cyberfucker|cyberfuckers|cyberfucking|d1ck|damn|dick|dickhead|dildo|dildos|dink|dinks|dirsa|dlck|dog-fucker|doggin|dogging|donkeyribber|doosh|duche|dyke|ejaculate|ejaculated|ejaculates|ejaculating|ejaculatings|ejaculation|ejakulate|f u c k|f u c k e r|f4nny|fag|fagging|faggitt|faggot|faggs|fagot|fagots|fags|fanny|fannyflaps|fannyfucker|fanyy|fatass|fcuk|fcuker|fcuking|feck|fecker|felching|fellate|fellatio|fingerfuck|fingerfucked|fingerfucker|fingerfuckers|fingerfucking|fingerfucks|fistfuck|fistfucked|fistfucker|fistfuckers|fistfucking|fistfuckings|fistfucks|flange|fook|fooker|fuck|fucka|fucked|fucker|fuckers|fuckhead|fuckheads|fuckin|fucking|fuckings|fuckingshitmotherfucker|fuckme|fucks|fuckwhit|fuckwit|fudge packer|fudgepacker|fuk|fuker|fukker|fukkin|fuks|fukwhit|fukwit|fux|fux0r|f_u_c_k|gangbang|gangbanged|gangbangs|gaylord|gaysex|goatse|God|god-dam|god-damned|goddamn|goddamned|hardcoresex|hell|heshe|hoar|hoare|hoer|homo|hore|horniest|horny|hotsex|jack-off|jackoff|jap|jerk-off|jism|jiz|jizm|jizz|kawk|knob|knobead|knobed|knobend|knobhead|knobjocky|knobjokey|kock|kondum|kondums|kum|kummer|kumming|kums|kunilingus|l3i\\+ch|l3itch|labia|lust|lusting|m0f0|m0fo|m45terbate|ma5terb8|ma5terbate|masochist|master-bate|masterb8|masterbat*|masterbat3|masterbate|masterbation|masterbations|masturbate|mo-fo|mof0|mofo|mothafuck|mothafucka|mothafuckas|mothafuckaz|mothafucked|mothafucker|mothafuckers|mothafuckin|mothafucking|mothafuckings|mothafucks|mother fucker|motherfuck|motherfucked|motherfucker|motherfuckers|motherfuckin|motherfucking|motherfuckings|motherfuckka|motherfucks|muff|mutha|muthafecker|muthafuckker|muther|mutherfucker|n1gga|n1gger|nazi|nigg3r|nigg4h|nigga|niggah|niggas|niggaz|nigger|niggers|nob|nob jokey|nobhead|nobjocky|nobjokey|numbnuts|nutsack|orgasim|orgasims|orgasm|orgasms|p0rn|pawn|pecker|penis|penisfucker|phonesex|phuck|phuk|phuked|phuking|phukked|phukking|phuks|phuq|pigfucker|pimpis|piss|pissed|pisser|pissers|pisses|pissflaps|pissin|pissing|pissoff|poop|porn|porno|pornography|pornos|prick|pricks|pron|pube|pusse|pussi|pussies|pussy|pussys|rectum|retard|rimjaw|rimming|s hit|s.o.b.|sadist|schlong|screwing|scroat|scrote|scrotum|semen|sex|sh!\\+|sh!t|sh1t|shag|shagger|shaggin|shagging|shemale|shi\\+|shit|shitdick|shite|shited|shitey|shitfuck|shitfull|shithead|shiting|shitings|shits|shitted|shitter|shitters|shitting|shittings|shitty|skank|slut|sluts|smegma|smut|snatch|son-of-a-bitch|spac|spunk|s_h_i_t|t1tt1e5|t1tties|teets|teez|testical|testicle|tit|titfuck|tits|titt|tittie5|tittiefucker|titties|tittyfuck|tittywank|titwank|tosser|turd|tw4t|twat|twathead|twatty|twunt|twunter|v14gra|v1gra|vagina|viagra|vulva|w00se|wang|wank|wanker|wanky|whoar|whore|willies|willy|xrated|xxx)\\b/gi;","/*!\n * VERSION: 0.6.1\n * DATE: 2018-08-27\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n */\n/* eslint-disable */\n\nimport { _gsScope } from \"./TweenLite.js\";\n\nexport var AttrPlugin = _gsScope._gsDefine.plugin({\n\tpropName: \"attr\",\n\tAPI: 2,\n\tversion: \"0.6.1\",\n\n\t//called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.\n\tinit: function(target, value, tween, index) {\n\t\tvar p, end;\n\t\tif (typeof(target.setAttribute) !== \"function\") {\n\t\t\treturn false;\n\t\t}\n\t\tfor (p in value) {\n\t\t\tend = value[p];\n\t\t\tif (typeof(end) === \"function\") {\n\t\t\t\tend = end(index, target);\n\t\t\t}\n\t\t\tthis._addTween(target, \"setAttribute\", target.getAttribute(p) + \"\", end + \"\", p, false, p);\n\t\t\tthis._overwriteProps.push(p);\n\t\t}\n\t\treturn true;\n\t}\n\n});\n\nexport { AttrPlugin as default };\n\n\n\n","/*!\n * VERSION: 1.3.9\n * DATE: 2019-05-17\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n **/\n/* eslint-disable */\nimport { _gsScope } from \"./TweenLite.js\";\n\n\t\tvar _RAD2DEG = 180 / Math.PI,\n\t\t\t_r1 = [],\n\t\t\t_r2 = [],\n\t\t\t_r3 = [],\n\t\t\t_corProps = {},\n\t\t\t_globals = _gsScope._gsDefine.globals,\n\t\t\tSegment = function(a, b, c, d) {\n\t\t\t\tif (c === d) { //if c and d match, the final autoRotate value could lock at -90 degrees, so differentiate them slightly.\n\t\t\t\t\tc = d - (d - b) / 1000000;\n\t\t\t\t}\n\t\t\t\tif (a === b) { //if a and b match, the starting autoRotate value could lock at -90 degrees, so differentiate them slightly.\n\t\t\t\t\tb = a + (c - a) / 1000000;\n\t\t\t\t}\n\t\t\t\tthis.a = a;\n\t\t\t\tthis.b = b;\n\t\t\t\tthis.c = c;\n\t\t\t\tthis.d = d;\n\t\t\t\tthis.da = d - a;\n\t\t\t\tthis.ca = c - a;\n\t\t\t\tthis.ba = b - a;\n\t\t\t},\n\t\t\t_correlate = \",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,\",\n\t\t\tcubicToQuadratic = function(a, b, c, d) {\n\t\t\t\tvar q1 = {a:a},\n\t\t\t\t\tq2 = {},\n\t\t\t\t\tq3 = {},\n\t\t\t\t\tq4 = {c:d},\n\t\t\t\t\tmab = (a + b) / 2,\n\t\t\t\t\tmbc = (b + c) / 2,\n\t\t\t\t\tmcd = (c + d) / 2,\n\t\t\t\t\tmabc = (mab + mbc) / 2,\n\t\t\t\t\tmbcd = (mbc + mcd) / 2,\n\t\t\t\t\tm8 = (mbcd - mabc) / 8;\n\t\t\t\tq1.b = mab + (a - mab) / 4;\n\t\t\t\tq2.b = mabc + m8;\n\t\t\t\tq1.c = q2.a = (q1.b + q2.b) / 2;\n\t\t\t\tq2.c = q3.a = (mabc + mbcd) / 2;\n\t\t\t\tq3.b = mbcd - m8;\n\t\t\t\tq4.b = mcd + (d - mcd) / 4;\n\t\t\t\tq3.c = q4.a = (q3.b + q4.b) / 2;\n\t\t\t\treturn [q1, q2, q3, q4];\n\t\t\t},\n\t\t\t_calculateControlPoints = function(a, curviness, quad, basic, correlate) {\n\t\t\t\tvar l = a.length - 1,\n\t\t\t\t\tii = 0,\n\t\t\t\t\tcp1 = a[0].a,\n\t\t\t\t\ti, p1, p2, p3, seg, m1, m2, mm, cp2, qb, r1, r2, tl;\n\t\t\t\tfor (i = 0; i < l; i++) {\n\t\t\t\t\tseg = a[ii];\n\t\t\t\t\tp1 = seg.a;\n\t\t\t\t\tp2 = seg.d;\n\t\t\t\t\tp3 = a[ii+1].d;\n\n\t\t\t\t\tif (correlate) {\n\t\t\t\t\t\tr1 = _r1[i];\n\t\t\t\t\t\tr2 = _r2[i];\n\t\t\t\t\t\ttl = ((r2 + r1) * curviness * 0.25) / (basic ? 0.5 : _r3[i] || 0.5);\n\t\t\t\t\t\tm1 = p2 - (p2 - p1) * (basic ? curviness * 0.5 : (r1 !== 0 ? tl / r1 : 0));\n\t\t\t\t\t\tm2 = p2 + (p3 - p2) * (basic ? curviness * 0.5 : (r2 !== 0 ? tl / r2 : 0));\n\t\t\t\t\t\tmm = p2 - (m1 + (((m2 - m1) * ((r1 * 3 / (r1 + r2)) + 0.5) / 4) || 0));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tm1 = p2 - (p2 - p1) * curviness * 0.5;\n\t\t\t\t\t\tm2 = p2 + (p3 - p2) * curviness * 0.5;\n\t\t\t\t\t\tmm = p2 - (m1 + m2) / 2;\n\t\t\t\t\t}\n\t\t\t\t\tm1 += mm;\n\t\t\t\t\tm2 += mm;\n\n\t\t\t\t\tseg.c = cp2 = m1;\n\t\t\t\t\tif (i !== 0) {\n\t\t\t\t\t\tseg.b = cp1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tseg.b = cp1 = seg.a + (seg.c - seg.a) * 0.6; //instead of placing b on a exactly, we move it inline with c so that if the user specifies an ease like Back.easeIn or Elastic.easeIn which goes BEYOND the beginning, it will do so smoothly.\n\t\t\t\t\t}\n\n\t\t\t\t\tseg.da = p2 - p1;\n\t\t\t\t\tseg.ca = cp2 - p1;\n\t\t\t\t\tseg.ba = cp1 - p1;\n\n\t\t\t\t\tif (quad) {\n\t\t\t\t\t\tqb = cubicToQuadratic(p1, cp1, cp2, p2);\n\t\t\t\t\t\ta.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);\n\t\t\t\t\t\tii += 4;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tii++;\n\t\t\t\t\t}\n\n\t\t\t\t\tcp1 = m2;\n\t\t\t\t}\n\t\t\t\tseg = a[ii];\n\t\t\t\tseg.b = cp1;\n\t\t\t\tseg.c = cp1 + (seg.d - cp1) * 0.4; //instead of placing c on d exactly, we move it inline with b so that if the user specifies an ease like Back.easeOut or Elastic.easeOut which goes BEYOND the end, it will do so smoothly.\n\t\t\t\tseg.da = seg.d - seg.a;\n\t\t\t\tseg.ca = seg.c - seg.a;\n\t\t\t\tseg.ba = cp1 - seg.a;\n\t\t\t\tif (quad) {\n\t\t\t\t\tqb = cubicToQuadratic(seg.a, cp1, seg.c, seg.d);\n\t\t\t\t\ta.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_parseAnchors = function(values, p, correlate, prepend) {\n\t\t\t\tvar a = [],\n\t\t\t\t\tl, i, p1, p2, p3, tmp;\n\t\t\t\tif (prepend) {\n\t\t\t\t\tvalues = [prepend].concat(values);\n\t\t\t\t\ti = values.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tif (typeof( (tmp = values[i][p]) ) === \"string\") if (tmp.charAt(1) === \"=\") {\n\t\t\t\t\t\t\tvalues[i][p] = prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)); //accommodate relative values. Do it inline instead of breaking it out into a function for speed reasons\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tl = values.length - 2;\n\t\t\t\tif (l < 0) {\n\t\t\t\t\ta[0] = new Segment(values[0][p], 0, 0, values[0][p]);\n\t\t\t\t\treturn a;\n\t\t\t\t}\n\t\t\t\tfor (i = 0; i < l; i++) {\n\t\t\t\t\tp1 = values[i][p];\n\t\t\t\t\tp2 = values[i+1][p];\n\t\t\t\t\ta[i] = new Segment(p1, 0, 0, p2);\n\t\t\t\t\tif (correlate) {\n\t\t\t\t\t\tp3 = values[i+2][p];\n\t\t\t\t\t\t_r1[i] = (_r1[i] || 0) + (p2 - p1) * (p2 - p1);\n\t\t\t\t\t\t_r2[i] = (_r2[i] || 0) + (p3 - p2) * (p3 - p2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta[i] = new Segment(values[i][p], 0, 0, values[i+1][p]);\n\t\t\t\treturn a;\n\t\t\t},\n\t\t\tbezierThrough = function(values, curviness, quadratic, basic, correlate, prepend) {\n\t\t\t\tvar obj = {},\n\t\t\t\t\tprops = [],\n\t\t\t\t\tfirst = prepend || values[0],\n\t\t\t\t\ti, p, a, j, r, l, seamless, last;\n\t\t\t\tcorrelate = (typeof(correlate) === \"string\") ? \",\"+correlate+\",\" : _correlate;\n\t\t\t\tif (curviness == null) {\n\t\t\t\t\tcurviness = 1;\n\t\t\t\t}\n\t\t\t\tfor (p in values[0]) {\n\t\t\t\t\tprops.push(p);\n\t\t\t\t}\n\t\t\t\t//check to see if the last and first values are identical (well, within 0.05). If so, make seamless by appending the second element to the very end of the values array and the 2nd-to-last element to the very beginning (we'll remove those segments later)\n\t\t\t\tif (values.length > 1) {\n\t\t\t\t\tlast = values[values.length - 1];\n\t\t\t\t\tseamless = true;\n\t\t\t\t\ti = props.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tp = props[i];\n\t\t\t\t\t\tif (Math.abs(first[p] - last[p]) > 0.05) { //build in a tolerance of +/-0.05 to accommodate rounding errors.\n\t\t\t\t\t\t\tseamless = false;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (seamless) {\n\t\t\t\t\t\tvalues = values.concat(); //duplicate the array to avoid contaminating the original which the user may be reusing for other tweens\n\t\t\t\t\t\tif (prepend) {\n\t\t\t\t\t\t\tvalues.unshift(prepend);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalues.push(values[1]);\n\t\t\t\t\t\tprepend = values[values.length - 3];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t_r1.length = _r2.length = _r3.length = 0;\n\t\t\t\ti = props.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tp = props[i];\n\t\t\t\t\t_corProps[p] = (correlate.indexOf(\",\"+p+\",\") !== -1);\n\t\t\t\t\tobj[p] = _parseAnchors(values, p, _corProps[p], prepend);\n\t\t\t\t}\n\t\t\t\ti = _r1.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t_r1[i] = Math.sqrt(_r1[i]);\n\t\t\t\t\t_r2[i] = Math.sqrt(_r2[i]);\n\t\t\t\t}\n\t\t\t\tif (!basic) {\n\t\t\t\t\ti = props.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tif (_corProps[p]) {\n\t\t\t\t\t\t\ta = obj[props[i]];\n\t\t\t\t\t\t\tl = a.length - 1;\n\t\t\t\t\t\t\tfor (j = 0; j < l; j++) {\n\t\t\t\t\t\t\t\tr = (a[j+1].da / _r2[j] + a[j].da / _r1[j]) || 0;\n\t\t\t\t\t\t\t\t_r3[j] = (_r3[j] || 0) + r * r;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ti = _r3.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t_r3[i] = Math.sqrt(_r3[i]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ti = props.length;\n\t\t\t\tj = quadratic ? 4 : 1;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tp = props[i];\n\t\t\t\t\ta = obj[p];\n\t\t\t\t\t_calculateControlPoints(a, curviness, quadratic, basic, _corProps[p]); //this method requires that _parseAnchors() and _setSegmentRatios() ran first so that _r1, _r2, and _r3 values are populated for all properties\n\t\t\t\t\tif (seamless) {\n\t\t\t\t\t\ta.splice(0, j);\n\t\t\t\t\t\ta.splice(a.length - j, j);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn obj;\n\t\t\t},\n\t\t\t_parseBezierData = function(values, type, prepend) {\n\t\t\t\ttype = type || \"soft\";\n\t\t\t\tvar obj = {},\n\t\t\t\t\tinc = (type === \"cubic\") ? 3 : 2,\n\t\t\t\t\tsoft = (type === \"soft\"),\n\t\t\t\t\tprops = [],\n\t\t\t\t\ta, b, c, d, cur, i, j, l, p, cnt, tmp;\n\t\t\t\tif (soft && prepend) {\n\t\t\t\t\tvalues = [prepend].concat(values);\n\t\t\t\t}\n\t\t\t\tif (values == null || values.length < inc + 1) { throw \"invalid Bezier data\"; }\n\t\t\t\tfor (p in values[0]) {\n\t\t\t\t\tprops.push(p);\n\t\t\t\t}\n\t\t\t\ti = props.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tp = props[i];\n\t\t\t\t\tobj[p] = cur = [];\n\t\t\t\t\tcnt = 0;\n\t\t\t\t\tl = values.length;\n\t\t\t\t\tfor (j = 0; j < l; j++) {\n\t\t\t\t\t\ta = (prepend == null) ? values[j][p] : (typeof( (tmp = values[j][p]) ) === \"string\" && tmp.charAt(1) === \"=\") ? prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)) : Number(tmp);\n\t\t\t\t\t\tif (soft) if (j > 1) if (j < l - 1) {\n\t\t\t\t\t\t\tcur[cnt++] = (a + cur[cnt-2]) / 2;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcur[cnt++] = a;\n\t\t\t\t\t}\n\t\t\t\t\tl = cnt - inc + 1;\n\t\t\t\t\tcnt = 0;\n\t\t\t\t\tfor (j = 0; j < l; j += inc) {\n\t\t\t\t\t\ta = cur[j];\n\t\t\t\t\t\tb = cur[j+1];\n\t\t\t\t\t\tc = cur[j+2];\n\t\t\t\t\t\td = (inc === 2) ? 0 : cur[j+3];\n\t\t\t\t\t\tcur[cnt++] = tmp = (inc === 3) ? new Segment(a, b, c, d) : new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);\n\t\t\t\t\t}\n\t\t\t\t\tcur.length = cnt;\n\t\t\t\t}\n\t\t\t\treturn obj;\n\t\t\t},\n\t\t\t_addCubicLengths = function(a, steps, resolution) {\n\t\t\t\tvar inc = 1 / resolution,\n\t\t\t\t\tj = a.length,\n\t\t\t\t\td, d1, s, da, ca, ba, p, i, inv, bez, index;\n\t\t\t\twhile (--j > -1) {\n\t\t\t\t\tbez = a[j];\n\t\t\t\t\ts = bez.a;\n\t\t\t\t\tda = bez.d - s;\n\t\t\t\t\tca = bez.c - s;\n\t\t\t\t\tba = bez.b - s;\n\t\t\t\t\td = d1 = 0;\n\t\t\t\t\tfor (i = 1; i <= resolution; i++) {\n\t\t\t\t\t\tp = inc * i;\n\t\t\t\t\t\tinv = 1 - p;\n\t\t\t\t\t\td = d1 - (d1 = (p * p * da + 3 * inv * (p * ca + inv * ba)) * p);\n\t\t\t\t\t\tindex = j * resolution + i - 1;\n\t\t\t\t\t\tsteps[index] = (steps[index] || 0) + d * d;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t_parseLengthData = function(obj, resolution) {\n\t\t\t\tresolution = resolution >> 0 || 6;\n\t\t\t\tvar a = [],\n\t\t\t\t\tlengths = [],\n\t\t\t\t\td = 0,\n\t\t\t\t\ttotal = 0,\n\t\t\t\t\tthreshold = resolution - 1,\n\t\t\t\t\tsegments = [],\n\t\t\t\t\tcurLS = [], //current length segments array\n\t\t\t\t\tp, i, l, index;\n\t\t\t\tfor (p in obj) {\n\t\t\t\t\t_addCubicLengths(obj[p], a, resolution);\n\t\t\t\t}\n\t\t\t\tl = a.length;\n\t\t\t\tfor (i = 0; i < l; i++) {\n\t\t\t\t\td += Math.sqrt(a[i]);\n\t\t\t\t\tindex = i % resolution;\n\t\t\t\t\tcurLS[index] = d;\n\t\t\t\t\tif (index === threshold) {\n\t\t\t\t\t\ttotal += d;\n\t\t\t\t\t\tindex = (i / resolution) >> 0;\n\t\t\t\t\t\tsegments[index] = curLS;\n\t\t\t\t\t\tlengths[index] = total;\n\t\t\t\t\t\td = 0;\n\t\t\t\t\t\tcurLS = [];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn {length:total, lengths:lengths, segments:segments};\n\t\t\t},\n\n\n\n\t\t\tBezierPlugin = _gsScope._gsDefine.plugin({\n\t\t\t\t\tpropName: \"bezier\",\n\t\t\t\t\tpriority: -1,\n\t\t\t\t\tversion: \"1.3.9\",\n\t\t\t\t\tAPI: 2,\n\t\t\t\t\tglobal:true,\n\n\t\t\t\t\t//gets called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.\n\t\t\t\t\tinit: function(target, vars, tween) {\n\t\t\t\t\t\tthis._target = target;\n\t\t\t\t\t\tif (vars instanceof Array) {\n\t\t\t\t\t\t\tvars = {values:vars};\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis._func = {};\n\t\t\t\t\t\tthis._mod = {};\n\t\t\t\t\t\tthis._props = [];\n\t\t\t\t\t\tthis._timeRes = (vars.timeResolution == null) ? 6 : parseInt(vars.timeResolution, 10);\n\t\t\t\t\t\tvar values = vars.values || [],\n\t\t\t\t\t\t\tfirst = {},\n\t\t\t\t\t\t\tsecond = values[0],\n\t\t\t\t\t\t\tautoRotate = vars.autoRotate || tween.vars.orientToBezier,\n\t\t\t\t\t\t\tp, isFunc, i, j, prepend;\n\n\t\t\t\t\t\tthis._autoRotate = autoRotate ? (autoRotate instanceof Array) ? autoRotate : [[\"x\",\"y\",\"rotation\",((autoRotate === true) ? 0 : Number(autoRotate) || 0)]] : null;\n\t\t\t\t\t\tfor (p in second) {\n\t\t\t\t\t\t\tthis._props.push(p);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ti = this._props.length;\n\t\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t\tp = this._props[i];\n\n\t\t\t\t\t\t\tthis._overwriteProps.push(p);\n\t\t\t\t\t\t\tisFunc = this._func[p] = (typeof(target[p]) === \"function\");\n\t\t\t\t\t\t\tfirst[p] = (!isFunc) ? parseFloat(target[p]) : target[ ((p.indexOf(\"set\") || typeof(target[\"get\" + p.substr(3)]) !== \"function\") ? p : \"get\" + p.substr(3)) ]();\n\t\t\t\t\t\t\tif (!prepend) if (first[p] !== values[0][p]) {\n\t\t\t\t\t\t\t\tprepend = first;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis._beziers = (vars.type !== \"cubic\" && vars.type !== \"quadratic\" && vars.type !== \"soft\") ? bezierThrough(values, isNaN(vars.curviness) ? 1 : vars.curviness, false, (vars.type === \"thruBasic\"), vars.correlate, prepend) : _parseBezierData(values, vars.type, first);\n\t\t\t\t\t\tthis._segCount = this._beziers[p].length;\n\n\t\t\t\t\t\tif (this._timeRes) {\n\t\t\t\t\t\t\tvar ld = _parseLengthData(this._beziers, this._timeRes);\n\t\t\t\t\t\t\tthis._length = ld.length;\n\t\t\t\t\t\t\tthis._lengths = ld.lengths;\n\t\t\t\t\t\t\tthis._segments = ld.segments;\n\t\t\t\t\t\t\tthis._l1 = this._li = this._s1 = this._si = 0;\n\t\t\t\t\t\t\tthis._l2 = this._lengths[0];\n\t\t\t\t\t\t\tthis._curSeg = this._segments[0];\n\t\t\t\t\t\t\tthis._s2 = this._curSeg[0];\n\t\t\t\t\t\t\tthis._prec = 1 / this._curSeg.length;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ((autoRotate = this._autoRotate)) {\n\t\t\t\t\t\t\tthis._initialRotations = [];\n\t\t\t\t\t\t\tif (!(autoRotate[0] instanceof Array)) {\n\t\t\t\t\t\t\t\tthis._autoRotate = autoRotate = [autoRotate];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ti = autoRotate.length;\n\t\t\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t\t\tfor (j = 0; j < 3; j++) {\n\t\t\t\t\t\t\t\t\tp = autoRotate[i][j];\n\t\t\t\t\t\t\t\t\tthis._func[p] = (typeof(target[p]) === \"function\") ? target[ ((p.indexOf(\"set\") || typeof(target[\"get\" + p.substr(3)]) !== \"function\") ? p : \"get\" + p.substr(3)) ] : false;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tp = autoRotate[i][2];\n\t\t\t\t\t\t\t\tthis._initialRotations[i] = (this._func[p] ? this._func[p].call(this._target) : this._target[p]) || 0;\n\t\t\t\t\t\t\t\tthis._overwriteProps.push(p);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis._startRatio = tween.vars.runBackwards ? 1 : 0; //we determine the starting ratio when the tween inits which is always 0 unless the tween has runBackwards:true (indicating it's a from() tween) in which case it's 1.\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\n\t\t\t\t\t//called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)\n\t\t\t\t\tset: function(v) {\n\t\t\t\t\t\tvar segments = this._segCount,\n\t\t\t\t\t\t\tfunc = this._func,\n\t\t\t\t\t\t\ttarget = this._target,\n\t\t\t\t\t\t\tnotStart = (v !== this._startRatio),\n\t\t\t\t\t\t\tcurIndex, inv, i, p, b, t, val, l, lengths, curSeg, v1;\n\t\t\t\t\t\tif (!this._timeRes) {\n\t\t\t\t\t\t\tcurIndex = (v < 0) ? 0 : (v >= 1) ? segments - 1 : (segments * v) >> 0;\n\t\t\t\t\t\t\tt = (v - (curIndex * (1 / segments))) * segments;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlengths = this._lengths;\n\t\t\t\t\t\t\tcurSeg = this._curSeg;\n\t\t\t\t\t\t\tv1 = v * this._length;\n\t\t\t\t\t\t\ti = this._li;\n\t\t\t\t\t\t\t//find the appropriate segment (if the currently cached one isn't correct)\n\t\t\t\t\t\t\tif (v1 > this._l2 && i < segments - 1) {\n\t\t\t\t\t\t\t\tl = segments - 1;\n\t\t\t\t\t\t\t\twhile (i < l && (this._l2 = lengths[++i]) <= v1) {\t}\n\t\t\t\t\t\t\t\tthis._l1 = lengths[i-1];\n\t\t\t\t\t\t\t\tthis._li = i;\n\t\t\t\t\t\t\t\tthis._curSeg = curSeg = this._segments[i];\n\t\t\t\t\t\t\t\tthis._s2 = curSeg[(this._s1 = this._si = 0)];\n\t\t\t\t\t\t\t} else if (v1 < this._l1 && i > 0) {\n\t\t\t\t\t\t\t\twhile (i > 0 && (this._l1 = lengths[--i]) >= v1) { }\n\t\t\t\t\t\t\t\tif (i === 0 && v1 < this._l1) {\n\t\t\t\t\t\t\t\t\tthis._l1 = 0;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ti++;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis._l2 = lengths[i];\n\t\t\t\t\t\t\t\tthis._li = i;\n\t\t\t\t\t\t\t\tthis._curSeg = curSeg = this._segments[i];\n\t\t\t\t\t\t\t\tthis._s1 = curSeg[(this._si = curSeg.length - 1) - 1] || 0;\n\t\t\t\t\t\t\t\tthis._s2 = curSeg[this._si];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcurIndex = i;\n\t\t\t\t\t\t\t//now find the appropriate sub-segment (we split it into the number of pieces that was defined by \"precision\" and measured each one)\n\t\t\t\t\t\t\tv1 -= this._l1;\n\t\t\t\t\t\t\ti = this._si;\n\t\t\t\t\t\t\tif (v1 > this._s2 && i < curSeg.length - 1) {\n\t\t\t\t\t\t\t\tl = curSeg.length - 1;\n\t\t\t\t\t\t\t\twhile (i < l && (this._s2 = curSeg[++i]) <= v1) {\t}\n\t\t\t\t\t\t\t\tthis._s1 = curSeg[i-1];\n\t\t\t\t\t\t\t\tthis._si = i;\n\t\t\t\t\t\t\t} else if (v1 < this._s1 && i > 0) {\n\t\t\t\t\t\t\t\twhile (i > 0 && (this._s1 = curSeg[--i]) >= v1) {\t}\n\t\t\t\t\t\t\t\tif (i === 0 && v1 < this._s1) {\n\t\t\t\t\t\t\t\t\tthis._s1 = 0;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ti++;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis._s2 = curSeg[i];\n\t\t\t\t\t\t\t\tthis._si = i;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tt = (v === 1) ? 1 : ((i + (v1 - this._s1) / (this._s2 - this._s1)) * this._prec) || 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinv = 1 - t;\n\n\t\t\t\t\t\ti = this._props.length;\n\t\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t\tp = this._props[i];\n\t\t\t\t\t\t\tb = this._beziers[p][curIndex];\n\t\t\t\t\t\t\tval = (t * t * b.da + 3 * inv * (t * b.ca + inv * b.ba)) * t + b.a;\n\t\t\t\t\t\t\tif (this._mod[p]) {\n\t\t\t\t\t\t\t\tval = this._mod[p](val, target);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (func[p]) {\n\t\t\t\t\t\t\t\ttarget[p](val);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\ttarget[p] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (this._autoRotate) {\n\t\t\t\t\t\t\tvar ar = this._autoRotate,\n\t\t\t\t\t\t\t\tb2, x1, y1, x2, y2, add, conv;\n\t\t\t\t\t\t\ti = ar.length;\n\t\t\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t\t\tp = ar[i][2];\n\t\t\t\t\t\t\t\tadd = ar[i][3] || 0;\n\t\t\t\t\t\t\t\tconv = (ar[i][4] === true) ? 1 : _RAD2DEG;\n\t\t\t\t\t\t\t\tb = this._beziers[ar[i][0]];\n\t\t\t\t\t\t\t\tb2 = this._beziers[ar[i][1]];\n\n\t\t\t\t\t\t\t\tif (b && b2) { //in case one of the properties got overwritten.\n\t\t\t\t\t\t\t\t\tb = b[curIndex];\n\t\t\t\t\t\t\t\t\tb2 = b2[curIndex];\n\n\t\t\t\t\t\t\t\t\tx1 = b.a + (b.b - b.a) * t;\n\t\t\t\t\t\t\t\t\tx2 = b.b + (b.c - b.b) * t;\n\t\t\t\t\t\t\t\t\tx1 += (x2 - x1) * t;\n\t\t\t\t\t\t\t\t\tx2 += ((b.c + (b.d - b.c) * t) - x2) * t;\n\n\t\t\t\t\t\t\t\t\ty1 = b2.a + (b2.b - b2.a) * t;\n\t\t\t\t\t\t\t\t\ty2 = b2.b + (b2.c - b2.b) * t;\n\t\t\t\t\t\t\t\t\ty1 += (y2 - y1) * t;\n\t\t\t\t\t\t\t\t\ty2 += ((b2.c + (b2.d - b2.c) * t) - y2) * t;\n\n\t\t\t\t\t\t\t\t\tval = notStart ? Math.atan2(y2 - y1, x2 - x1) * conv + add : this._initialRotations[i];\n\n\t\t\t\t\t\t\t\t\tif (this._mod[p]) {\n\t\t\t\t\t\t\t\t\t\tval = this._mod[p](val, target); //for modProps\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (func[p]) {\n\t\t\t\t\t\t\t\t\t\ttarget[p](val);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\ttarget[p] = val;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t}),\n\t\t\tp = BezierPlugin.prototype;\n\n\n\t\tBezierPlugin.bezierThrough = bezierThrough;\n\t\tBezierPlugin.cubicToQuadratic = cubicToQuadratic;\n\t\tBezierPlugin._autoCSS = true; //indicates that this plugin can be inserted into the \"css\" object using the autoCSS feature of TweenLite\n\t\tBezierPlugin.quadraticToCubic = function(a, b, c) {\n\t\t\treturn new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);\n\t\t};\n\n\t\tBezierPlugin._cssRegister = function() {\n\t\t\tvar CSSPlugin = _globals.CSSPlugin;\n\t\t\tif (!CSSPlugin) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar _internals = CSSPlugin._internals,\n\t\t\t\t_parseToProxy = _internals._parseToProxy,\n\t\t\t\t_setPluginRatio = _internals._setPluginRatio,\n\t\t\t\tCSSPropTween = _internals.CSSPropTween;\n\t\t\t_internals._registerComplexSpecialProp(\"bezier\", {parser:function(t, e, prop, cssp, pt, plugin) {\n\t\t\t\tif (e instanceof Array) {\n\t\t\t\t\te = {values:e};\n\t\t\t\t}\n\t\t\t\tplugin = new BezierPlugin();\n\t\t\t\tvar values = e.values,\n\t\t\t\t\tl = values.length - 1,\n\t\t\t\t\tpluginValues = [],\n\t\t\t\t\tv = {},\n\t\t\t\t\ti, p, data;\n\t\t\t\tif (l < 0) {\n\t\t\t\t\treturn pt;\n\t\t\t\t}\n\t\t\t\tfor (i = 0; i <= l; i++) {\n\t\t\t\t\tdata = _parseToProxy(t, values[i], cssp, pt, plugin, (l !== i));\n\t\t\t\t\tpluginValues[i] = data.end;\n\t\t\t\t}\n\t\t\t\tfor (p in e) {\n\t\t\t\t\tv[p] = e[p]; //duplicate the vars object because we need to alter some things which would cause problems if the user plans to reuse the same vars object for another tween.\n\t\t\t\t}\n\t\t\t\tv.values = pluginValues;\n\t\t\t\tpt = new CSSPropTween(t, \"bezier\", 0, 0, data.pt, 2);\n\t\t\t\tpt.data = data;\n\t\t\t\tpt.plugin = plugin;\n\t\t\t\tpt.setRatio = _setPluginRatio;\n\t\t\t\tif (v.autoRotate === 0) {\n\t\t\t\t\tv.autoRotate = true;\n\t\t\t\t}\n\t\t\t\tif (v.autoRotate && !(v.autoRotate instanceof Array)) {\n\t\t\t\t\ti = (v.autoRotate === true) ? 0 : Number(v.autoRotate);\n\t\t\t\t\tv.autoRotate = (data.end.left != null) ? [[\"left\",\"top\",\"rotation\",i,false]] : (data.end.x != null) ? [[\"x\",\"y\",\"rotation\",i,false]] : false;\n\t\t\t\t}\n\t\t\t\tif (v.autoRotate) {\n\t\t\t\t\tif (!cssp._transform) {\n\t\t\t\t\t\tcssp._enableTransforms(false);\n\t\t\t\t\t}\n\t\t\t\t\tdata.autoRotate = cssp._target._gsTransform;\n\t\t\t\t\tdata.proxy.rotation = data.autoRotate.rotation || 0;\n\t\t\t\t\tcssp._overwriteProps.push(\"rotation\");\n\t\t\t\t}\n\t\t\t\tplugin._onInitTween(data.proxy, v, cssp._tween);\n\t\t\t\treturn pt;\n\t\t\t}});\n\t\t};\n\n\t\tp._mod = function(lookup) {\n\t\t\tvar op = this._overwriteProps,\n\t\t\t\ti = op.length,\n\t\t\t\tval;\n\t\t\twhile (--i > -1) {\n\t\t\t\tval = lookup[op[i]];\n\t\t\t\tif (val && typeof(val) === \"function\") {\n\t\t\t\t\tthis._mod[op[i]] = val;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tp._kill = function(lookup) {\n\t\t\tvar a = this._props,\n\t\t\t\tp, i;\n\t\t\tfor (p in this._beziers) {\n\t\t\t\tif (p in lookup) {\n\t\t\t\t\tdelete this._beziers[p];\n\t\t\t\t\tdelete this._func[p];\n\t\t\t\t\ti = a.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tif (a[i] === p) {\n\t\t\t\t\t\t\ta.splice(i, 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\ta = this._autoRotate;\n\t\t\tif (a) {\n\t\t\t\ti = a.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tif (lookup[a[i][2]]) {\n\t\t\t\t\t\ta.splice(i, 1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn this._super._kill.call(this, lookup);\n\t\t};\n\nexport { BezierPlugin, BezierPlugin as default };","/*!\n * VERSION: 2.1.3\n * DATE: 2019-05-17\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n */\n/* eslint-disable */\n\nimport TweenLite, { _gsScope, globals, TweenPlugin } from \"./TweenLite.js\";\n\n\t_gsScope._gsDefine(\"plugins.CSSPlugin\", [\"plugins.TweenPlugin\",\"TweenLite\"], function() {\n\n\t\t/** @constructor **/\n\t\tvar CSSPlugin = function() {\n\t\t\t\tTweenPlugin.call(this, \"css\");\n\t\t\t\tthis._overwriteProps.length = 0;\n\t\t\t\tthis.setRatio = CSSPlugin.prototype.setRatio; //speed optimization (avoid prototype lookup on this \"hot\" method)\n\t\t\t},\n\t\t\t_globals = _gsScope._gsDefine.globals,\n\t\t\t_hasPriority, //turns true whenever a CSSPropTween instance is created that has a priority other than 0. This helps us discern whether or not we should spend the time organizing the linked list or not after a CSSPlugin's _onInitTween() method is called.\n\t\t\t_suffixMap, //we set this in _onInitTween() each time as a way to have a persistent variable we can use in other methods like _parse() without having to pass it around as a parameter and we keep _parse() decoupled from a particular CSSPlugin instance\n\t\t\t_cs, //computed style (we store this in a shared variable to conserve memory and make minification tighter\n\t\t\t_overwriteProps, //alias to the currently instantiating CSSPlugin's _overwriteProps array. We use this closure in order to avoid having to pass a reference around from method to method and aid in minification.\n\t\t\t_specialProps = {},\n\t\t\tp = CSSPlugin.prototype = new TweenPlugin(\"css\");\n\n\t\tp.constructor = CSSPlugin;\n\t\tCSSPlugin.version = \"2.1.3\";\n\t\tCSSPlugin.API = 2;\n\t\tCSSPlugin.defaultTransformPerspective = 0;\n\t\tCSSPlugin.defaultSkewType = \"compensated\";\n\t\tCSSPlugin.defaultSmoothOrigin = true;\n\t\tp = \"px\"; //we'll reuse the \"p\" variable to keep file size down\n\t\tCSSPlugin.suffixMap = {top:p, right:p, bottom:p, left:p, width:p, height:p, fontSize:p, padding:p, margin:p, perspective:p, lineHeight:\"\"};\n\n\n\t\tvar _numExp = /(?:\\-|\\.|\\b)(\\d|\\.|e\\-)+/g,\n\t\t\t_relNumExp = /(?:\\d|\\-\\d|\\.\\d|\\-\\.\\d|\\+=\\d|\\-=\\d|\\+=.\\d|\\-=\\.\\d)+/g,\n\t\t\t_valuesExp = /(?:\\+=|\\-=|\\-|\\b)[\\d\\-\\.]+[a-zA-Z0-9]*(?:%|\\b)/gi, //finds all the values that begin with numbers or += or -= and then a number. Includes suffixes. We use this to split complex values apart like \"1px 5px 20px rgb(255,102,51)\"\n\t\t\t_valuesExpWithCommas = /(?:\\+=|\\-=|\\-|\\b)[\\d\\-\\.]+[a-zA-Z0-9]*(?:%|\\b),?/gi, //finds all the values that begin with numbers or += or -= and then a number. Includes suffixes. We use this to split complex values apart like \"1px 5px 20px rgb(255,102,51)\"\n\t\t\t_NaNExp = /(?![+-]?\\d*\\.?\\d+|[+-]|e[+-]\\d+)[^0-9]/g, //also allows scientific notation and doesn't kill the leading -/+ in -= and +=\n\t\t\t_suffixExp = /(?:\\d|\\-|\\+|=|#|\\.)*/g,\n\t\t\t_opacityExp = /opacity *= *([^)]*)/i,\n\t\t\t_opacityValExp = /opacity:([^;]*)/i,\n\t\t\t_alphaFilterExp = /alpha\\(opacity *=.+?\\)/i,\n\t\t\t_rgbhslExp = /^(rgb|hsl)/,\n\t\t\t_capsExp = /([A-Z])/g,\n\t\t\t_camelExp = /-([a-z])/gi,\n\t\t\t_urlExp = /(^(?:url\\(\\\"|url\\())|(?:(\\\"\\))$|\\)$)/gi, //for pulling out urls from url(...) or url(\"...\") strings (some browsers wrap urls in quotes, some don't when reporting things like backgroundImage)\n\t\t\t_camelFunc = function(s, g) { return g.toUpperCase(); },\n\t\t\t_horizExp = /(?:Left|Right|Width)/i,\n\t\t\t_ieGetMatrixExp = /(M11|M12|M21|M22)=[\\d\\-\\.e]+/gi,\n\t\t\t_ieSetMatrixExp = /progid\\:DXImageTransform\\.Microsoft\\.Matrix\\(.+?\\)/i,\n\t\t\t_commasOutsideParenExp = /,(?=[^\\)]*(?:\\(|$))/gi, //finds any commas that are not within parenthesis\n\t\t\t_complexExp = /[\\s,\\(]/i, //for testing a string to find if it has a space, comma, or open parenthesis (clues that it's a complex value)\n\t\t\t_DEG2RAD = Math.PI / 180,\n\t\t\t_RAD2DEG = 180 / Math.PI,\n\t\t\t_forcePT = {},\n\t\t\t_dummyElement = {style:{}},\n\t\t\t_doc = _gsScope.document || {createElement: function() {return _dummyElement;}},\n\t\t\t_createElement = function(type, ns) {\n\t\t\t\tvar e = _doc.createElementNS ? _doc.createElementNS(ns || \"http://www.w3.org/1999/xhtml\", type) : _doc.createElement(type);\n\t\t\t\treturn 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\t\t\t},\n\t\t\t_tempDiv = _createElement(\"div\"),\n\t\t\t_tempImg = _createElement(\"img\"),\n\t\t\t_internals = CSSPlugin._internals = {_specialProps:_specialProps}, //provides a hook to a few internal methods that we need to access from inside other plugins\n\t\t\t_agent = (_gsScope.navigator || {}).userAgent || \"\",\n\t\t\t_autoRound,\n\t\t\t_reqSafariFix, //we won't apply the Safari transform fix until we actually come across a tween that affects a transform property (to maintain best performance).\n\n\t\t\t_isSafari,\n\t\t\t_isFirefox, //Firefox has a bug that causes 3D transformed elements to randomly disappear unless a repaint is forced after each update on each element.\n\t\t\t_isSafariLT6, //Safari (and Android 4 which uses a flavor of Safari) has a bug that prevents changes to \"top\" and \"left\" properties from rendering properly if changed on the same frame as a transform UNLESS we set the element's WebkitBackfaceVisibility to hidden (weird, I know). Doing this for Android 3 and earlier seems to actually cause other problems, though (fun!)\n\t\t\t_ieVers,\n\t\t\t_supportsOpacity = (function() { //we set _isSafari, _ieVers, _isFirefox, and _supportsOpacity all in one function here to reduce file size slightly, especially in the minified version.\n\t\t\t\tvar i = _agent.indexOf(\"Android\"),\n\t\t\t\t\ta = _createElement(\"a\");\n\t\t\t\t_isSafari = (_agent.indexOf(\"Safari\") !== -1 && _agent.indexOf(\"Chrome\") === -1 && (i === -1 || parseFloat(_agent.substr(i+8, 2)) > 3));\n\t\t\t\t_isSafariLT6 = (_isSafari && (parseFloat(_agent.substr(_agent.indexOf(\"Version/\")+8, 2)) < 6));\n\t\t\t\t_isFirefox = (_agent.indexOf(\"Firefox\") !== -1);\n\t\t\t\tif ((/MSIE ([0-9]{1,}[\\.0-9]{0,})/).exec(_agent) || (/Trident\\/.*rv:([0-9]{1,}[\\.0-9]{0,})/).exec(_agent)) {\n\t\t\t\t\t_ieVers = parseFloat( RegExp.$1 );\n\t\t\t\t}\n\t\t\t\tif (!a) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\ta.style.cssText = \"top:1px;opacity:.55;\";\n\t\t\t\treturn /^0.55/.test(a.style.opacity);\n\t\t\t}()),\n\t\t\t_getIEOpacity = function(v) {\n\t\t\t\treturn (_opacityExp.test( ((typeof(v) === \"string\") ? v : (v.currentStyle ? v.currentStyle.filter : v.style.filter) || \"\") ) ? ( parseFloat( RegExp.$1 ) / 100 ) : 1);\n\t\t\t},\n\t\t\t_log = function(s) {//for logging messages, but in a way that won't throw errors in old versions of IE.\n\t\t\t\tif (_gsScope.console) {\n\t\t\t\t\tconsole.log(s);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_target, //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params\n\t\t\t_index, //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params\n\n\t\t\t_prefixCSS = \"\", //the non-camelCase vendor prefix like \"-o-\", \"-moz-\", \"-ms-\", or \"-webkit-\"\n\t\t\t_prefix = \"\", //camelCase vendor prefix like \"O\", \"ms\", \"Webkit\", or \"Moz\".\n\n\t\t\t// @private feed in a camelCase property name like \"transform\" and it will check to see if it is valid as-is or if it needs a vendor prefix. It returns the corrected camelCase property name (i.e. \"WebkitTransform\" or \"MozTransform\" or \"transform\" or null if no such property is found, like if the browser is IE8 or before, \"transform\" won't be found at all)\n\t\t\t_checkPropPrefix = function(p, e) {\n\t\t\t\te = e || _tempDiv;\n\t\t\t\tvar s = e.style,\n\t\t\t\t\ta, i;\n\t\t\t\tif (s[p] !== undefined) {\n\t\t\t\t\treturn p;\n\t\t\t\t}\n\t\t\t\tp = p.charAt(0).toUpperCase() + p.substr(1);\n\t\t\t\ta = [\"O\",\"Moz\",\"ms\",\"Ms\",\"Webkit\"];\n\t\t\t\ti = 5;\n\t\t\t\twhile (--i > -1 && s[a[i]+p] === undefined) { }\n\t\t\t\tif (i >= 0) {\n\t\t\t\t\t_prefix = (i === 3) ? \"ms\" : a[i];\n\t\t\t\t\t_prefixCSS = \"-\" + _prefix.toLowerCase() + \"-\";\n\t\t\t\t\treturn _prefix + p;\n\t\t\t\t}\n\t\t\t\treturn null;\n\t\t\t},\n\n\t\t\t_computedStyleScope = (typeof(window) !== \"undefined\" ? window : _doc.defaultView || {getComputedStyle:function() {}}),\n\t\t\t_getComputedStyle = function(e) {\n\t\t\t\treturn _computedStyleScope.getComputedStyle(e); //to avoid errors in Microsoft Edge, we need to call getComputedStyle() from a specific scope, typically window.\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Returns the css style for a particular property of an element. For example, to get whatever the current \"left\" css value for an element with an ID of \"myElement\", you could do:\n\t\t\t * var currentLeft = CSSPlugin.getStyle( document.getElementById(\"myElement\"), \"left\");\n\t\t\t *\n\t\t\t * @param {!Object} t Target element whose style property you want to query\n\t\t\t * @param {!string} p Property name (like \"left\" or \"top\" or \"marginTop\", etc.)\n\t\t\t * @param {Object=} cs Computed style object. This just provides a way to speed processing if you're going to get several properties on the same element in quick succession - you can reuse the result of the getComputedStyle() call.\n\t\t\t * @param {boolean=} calc If true, the value will not be read directly from the element's \"style\" property (if it exists there), but instead the getComputedStyle() result will be used. This can be useful when you want to ensure that the browser itself is interpreting the value.\n\t\t\t * @param {string=} dflt Default value that should be returned in the place of null, \"none\", \"auto\" or \"auto auto\".\n\t\t\t * @return {?string} The current property value\n\t\t\t */\n\t\t\t_getStyle = CSSPlugin.getStyle = function(t, p, cs, calc, dflt) {\n\t\t\t\tvar rv;\n\t\t\t\tif (!_supportsOpacity) if (p === \"opacity\") { //several versions of IE don't use the standard \"opacity\" property - they use things like filter:alpha(opacity=50), so we parse that here.\n\t\t\t\t\treturn _getIEOpacity(t);\n\t\t\t\t}\n\t\t\t\tif (!calc && t.style[p]) {\n\t\t\t\t\trv = t.style[p];\n\t\t\t\t} else if ((cs = cs || _getComputedStyle(t))) {\n\t\t\t\t\trv = cs[p] || cs.getPropertyValue(p) || cs.getPropertyValue(p.replace(_capsExp, \"-$1\").toLowerCase());\n\t\t\t\t} else if (t.currentStyle) {\n\t\t\t\t\trv = t.currentStyle[p];\n\t\t\t\t}\n\t\t\t\treturn (dflt != null && (!rv || rv === \"none\" || rv === \"auto\" || rv === \"auto auto\")) ? dflt : rv;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Pass the target element, the property name, the numeric value, and the suffix (like \"%\", \"em\", \"px\", etc.) and it will spit back the equivalent pixel number.\n\t\t\t * @param {!Object} t Target element\n\t\t\t * @param {!string} p Property name (like \"left\", \"top\", \"marginLeft\", etc.)\n\t\t\t * @param {!number} v Value\n\t\t\t * @param {string=} sfx Suffix (like \"px\" or \"%\" or \"em\")\n\t\t\t * @param {boolean=} recurse If true, the call is a recursive one. In some browsers (like IE7/8), occasionally the value isn't accurately reported initially, but if we run the function again it will take effect.\n\t\t\t * @return {number} value in pixels\n\t\t\t */\n\t\t\t_convertToPixels = _internals.convertToPixels = function(t, p, v, sfx, recurse) {\n\t\t\t\tif (sfx === \"px\" || (!sfx && p !== \"lineHeight\")) { return v; }\n\t\t\t\tif (sfx === \"auto\" || !v) { return 0; }\n\t\t\t\tvar horiz = _horizExp.test(p),\n\t\t\t\t\tnode = t,\n\t\t\t\t\tstyle = _tempDiv.style,\n\t\t\t\t\tneg = (v < 0),\n\t\t\t\t\tprecise = (v === 1),\n\t\t\t\t\tpix, cache, time;\n\t\t\t\tif (neg) {\n\t\t\t\t\tv = -v;\n\t\t\t\t}\n\t\t\t\tif (precise) {\n\t\t\t\t\tv *= 100;\n\t\t\t\t}\n\t\t\t\tif (p === \"lineHeight\" && !sfx) { //special case of when a simple lineHeight (without a unit) is used. Set it to the value, read back the computed value, and then revert.\n\t\t\t\t\tcache = _getComputedStyle(t).lineHeight;\n\t\t\t\t\tt.style.lineHeight = v;\n\t\t\t\t\tpix = parseFloat(_getComputedStyle(t).lineHeight);\n\t\t\t\t\tt.style.lineHeight = cache;\n\t\t\t\t} else if (sfx === \"%\" && p.indexOf(\"border\") !== -1) {\n\t\t\t\t\tpix = (v / 100) * (horiz ? t.clientWidth : t.clientHeight);\n\t\t\t\t} else {\n\t\t\t\t\tstyle.cssText = \"border:0 solid red;position:\" + _getStyle(t, \"position\") + \";line-height:0;\";\n\t\t\t\t\tif (sfx === \"%\" || !node.appendChild || sfx.charAt(0) === \"v\" || sfx === \"rem\") {\n\t\t\t\t\t\tnode = t.parentNode || _doc.body;\n\t\t\t\t\t\tif (_getStyle(node, \"display\").indexOf(\"flex\") !== -1) { //Edge and IE11 have a bug that causes offsetWidth to report as 0 if the container has display:flex and the child is position:relative. Switching to position: absolute solves it.\n\t\t\t\t\t\t\tstyle.position = \"absolute\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcache = node._gsCache;\n\t\t\t\t\t\ttime = TweenLite.ticker.frame;\n\t\t\t\t\t\tif (cache && horiz && cache.time === time) { //performance optimization: we record the width of elements along with the ticker frame so that we can quickly get it again on the same tick (seems relatively safe to assume it wouldn't change on the same tick)\n\t\t\t\t\t\t\treturn cache.width * v / 100;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle[(horiz ? \"width\" : \"height\")] = v + sfx;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstyle[(horiz ? \"borderLeftWidth\" : \"borderTopWidth\")] = v + sfx;\n\t\t\t\t\t}\n\t\t\t\t\tnode.appendChild(_tempDiv);\n\t\t\t\t\tpix = parseFloat(_tempDiv[(horiz ? \"offsetWidth\" : \"offsetHeight\")]);\n\t\t\t\t\tnode.removeChild(_tempDiv);\n\t\t\t\t\tif (horiz && sfx === \"%\" && CSSPlugin.cacheWidths !== false) {\n\t\t\t\t\t\tcache = node._gsCache = node._gsCache || {};\n\t\t\t\t\t\tcache.time = time;\n\t\t\t\t\t\tcache.width = pix / v * 100;\n\t\t\t\t\t}\n\t\t\t\t\tif (pix === 0 && !recurse) {\n\t\t\t\t\t\tpix = _convertToPixels(t, p, v, sfx, true);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (precise) {\n\t\t\t\t\tpix /= 100;\n\t\t\t\t}\n\t\t\t\treturn neg ? -pix : pix;\n\t\t\t},\n\t\t\t_calculateOffset = _internals.calculateOffset = function(t, p, cs) { //for figuring out \"top\" or \"left\" in px when it's \"auto\". We need to factor in margin with the offsetLeft/offsetTop\n\t\t\t\tif (_getStyle(t, \"position\", cs) !== \"absolute\") { return 0; }\n\t\t\t\tvar dim = ((p === \"left\") ? \"Left\" : \"Top\"),\n\t\t\t\t\tv = _getStyle(t, \"margin\" + dim, cs);\n\t\t\t\treturn t[\"offset\" + dim] - (_convertToPixels(t, p, parseFloat(v), v.replace(_suffixExp, \"\")) || 0);\n\t\t\t},\n\n\t\t\t// @private returns at object containing ALL of the style properties in camelCase and their associated values.\n\t\t\t_getAllStyles = function(t, cs) {\n\t\t\t\tvar s = {},\n\t\t\t\t\ti, tr, p;\n\t\t\t\tif ((cs = cs || _getComputedStyle(t, null))) {\n\t\t\t\t\tif ((i = cs.length)) {\n\t\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t\tp = cs[i];\n\t\t\t\t\t\t\tif (p.indexOf(\"-transform\") === -1 || _transformPropCSS === p) { //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed (\"transform\" and \"WebkitTransform\"), so we must weed out the extra one here.\n\t\t\t\t\t\t\t\ts[p.replace(_camelExp, _camelFunc)] = cs.getPropertyValue(p);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else { //some browsers behave differently - cs.length is always 0, so we must do a for...in loop.\n\t\t\t\t\t\tfor (i in cs) {\n\t\t\t\t\t\t\tif (i.indexOf(\"Transform\") === -1 || _transformProp === i) { //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed (\"transform\" and \"WebkitTransform\"), so we must weed out the extra one here.\n\t\t\t\t\t\t\t\ts[i] = cs[i];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if ((cs = t.currentStyle || t.style)) {\n\t\t\t\t\tfor (i in cs) {\n\t\t\t\t\t\tif (typeof(i) === \"string\" && s[i] === undefined) {\n\t\t\t\t\t\t\ts[i.replace(_camelExp, _camelFunc)] = cs[i];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (!_supportsOpacity) {\n\t\t\t\t\ts.opacity = _getIEOpacity(t);\n\t\t\t\t}\n\t\t\t\ttr = _getTransform(t, cs, false);\n\t\t\t\ts.rotation = tr.rotation;\n\t\t\t\ts.skewX = tr.skewX;\n\t\t\t\ts.scaleX = tr.scaleX;\n\t\t\t\ts.scaleY = tr.scaleY;\n\t\t\t\ts.x = tr.x;\n\t\t\t\ts.y = tr.y;\n\t\t\t\tif (_supports3D) {\n\t\t\t\t\ts.z = tr.z;\n\t\t\t\t\ts.rotationX = tr.rotationX;\n\t\t\t\t\ts.rotationY = tr.rotationY;\n\t\t\t\t\ts.scaleZ = tr.scaleZ;\n\t\t\t\t}\n\t\t\t\tif (s.filters) {\n\t\t\t\t\tdelete s.filters;\n\t\t\t\t}\n\t\t\t\treturn s;\n\t\t\t},\n\n\t\t\t// @private analyzes two style objects (as returned by _getAllStyles()) and only looks for differences between them that contain tweenable values (like a number or color). It returns an object with a \"difs\" property which refers to an object containing only those isolated properties and values for tweening, and a \"firstMPT\" property which refers to the first MiniPropTween instance in a linked list that recorded all the starting values of the different properties so that we can revert to them at the end or beginning of the tween - we don't want the cascading to get messed up. The forceLookup parameter is an optional generic object with properties that should be forced into the results - this is necessary for className tweens that are overwriting others because imagine a scenario where a rollover/rollout adds/removes a class and the user swipes the mouse over the target SUPER fast, thus nothing actually changed yet and the subsequent comparison of the properties would indicate they match (especially when px rounding is taken into consideration), thus no tweening is necessary even though it SHOULD tween and remove those properties after the tween (otherwise the inline styles will contaminate things). See the className SpecialProp code for details.\n\t\t\t_cssDif = function(t, s1, s2, vars, forceLookup) {\n\t\t\t\tvar difs = {},\n\t\t\t\t\tstyle = t.style,\n\t\t\t\t\tval, p, mpt;\n\t\t\t\tfor (p in s2) {\n\t\t\t\t\tif (p !== \"cssText\") if (p !== \"length\") if (isNaN(p)) if (s1[p] !== (val = s2[p]) || (forceLookup && forceLookup[p])) if (p.indexOf(\"Origin\") === -1) if (typeof(val) === \"number\" || typeof(val) === \"string\") {\n\t\t\t\t\t\tdifs[p] = (val === \"auto\" && (p === \"left\" || p === \"top\")) ? _calculateOffset(t, p) : ((val === \"\" || val === \"auto\" || val === \"none\") && typeof(s1[p]) === \"string\" && s1[p].replace(_NaNExp, \"\") !== \"\") ? 0 : val; //if the ending value is defaulting (\"\" or \"auto\"), we check the starting value and if it can be parsed into a number (a string which could have a suffix too, like 700px), then we swap in 0 for \"\" or \"auto\" so that things actually tween.\n\t\t\t\t\t\tif (style[p] !== undefined) { //for className tweens, we must remember which properties already existed inline - the ones that didn't should be removed when the tween isn't in progress because they were only introduced to facilitate the transition between classes.\n\t\t\t\t\t\t\tmpt = new MiniPropTween(style, p, style[p], mpt);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (vars) {\n\t\t\t\t\tfor (p in vars) { //copy properties (except className)\n\t\t\t\t\t\tif (p !== \"className\") {\n\t\t\t\t\t\t\tdifs[p] = vars[p];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn {difs:difs, firstMPT:mpt};\n\t\t\t},\n\t\t\t_dimensions = {width:[\"Left\",\"Right\"], height:[\"Top\",\"Bottom\"]},\n\t\t\t_margins = [\"marginLeft\",\"marginRight\",\"marginTop\",\"marginBottom\"],\n\n\t\t\t/**\n\t\t\t * @private Gets the width or height of an element\n\t\t\t * @param {!Object} t Target element\n\t\t\t * @param {!string} p Property name (\"width\" or \"height\")\n\t\t\t * @param {Object=} cs Computed style object (if one exists). Just a speed optimization.\n\t\t\t * @return {number} Dimension (in pixels)\n\t\t\t */\n\t\t\t_getDimension = function(t, p, cs) {\n\t\t\t\tif ((t.nodeName + \"\").toLowerCase() === \"svg\") { //Chrome no longer supports offsetWidth/offsetHeight on SVG elements.\n\t\t\t\t\treturn (cs || _getComputedStyle(t))[p] || 0;\n\t\t\t\t} else if (t.getCTM && _isSVG(t)) {\n\t\t\t\t\treturn t.getBBox()[p] || 0;\n\t\t\t\t}\n\t\t\t\tvar v = parseFloat((p === \"width\") ? t.offsetWidth : t.offsetHeight),\n\t\t\t\t\ta = _dimensions[p],\n\t\t\t\t\ti = a.length;\n\t\t\t\tcs = cs || _getComputedStyle(t, null);\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tv -= parseFloat( _getStyle(t, \"padding\" + a[i], cs, true) ) || 0;\n\t\t\t\t\tv -= parseFloat( _getStyle(t, \"border\" + a[i] + \"Width\", cs, true) ) || 0;\n\t\t\t\t}\n\t\t\t\treturn v;\n\t\t\t},\n\n\t\t\t// @private Parses position-related complex strings like \"top left\" or \"50px 10px\" or \"70% 20%\", etc. which are used for things like transformOrigin or backgroundPosition. Optionally decorates a supplied object (recObj) with the following properties: \"ox\" (offsetX), \"oy\" (offsetY), \"oxp\" (if true, \"ox\" is a percentage not a pixel value), and \"oxy\" (if true, \"oy\" is a percentage not a pixel value)\n\t\t\t_parsePosition = function(v, recObj) {\n\t\t\t\tif (v === \"contain\" || v === \"auto\" || v === \"auto auto\") { //note: Firefox uses \"auto auto\" as default whereas Chrome uses \"auto\".\n\t\t\t\t\treturn v + \" \";\n\t\t\t\t}\n\t\t\t\tif (v == null || v === \"\") {\n\t\t\t\t\tv = \"0 0\";\n\t\t\t\t}\n\t\t\t\tvar a = v.split(\" \"),\n\t\t\t\t\tx = (v.indexOf(\"left\") !== -1) ? \"0%\" : (v.indexOf(\"right\") !== -1) ? \"100%\" : a[0],\n\t\t\t\t\ty = (v.indexOf(\"top\") !== -1) ? \"0%\" : (v.indexOf(\"bottom\") !== -1) ? \"100%\" : a[1],\n\t\t\t\t\ti;\n\t\t\t\tif (a.length > 3 && !recObj) { //multiple positions\n\t\t\t\t\ta = v.split(\", \").join(\",\").split(\",\");\n\t\t\t\t\tv = [];\n\t\t\t\t\tfor (i = 0; i < a.length; i++) {\n\t\t\t\t\t\tv.push(_parsePosition(a[i]));\n\t\t\t\t\t}\n\t\t\t\t\treturn v.join(\",\");\n\t\t\t\t}\n\t\t\t\tif (y == null) {\n\t\t\t\t\ty = (x === \"center\") ? \"50%\" : \"0\";\n\t\t\t\t} else if (y === \"center\") {\n\t\t\t\t\ty = \"50%\";\n\t\t\t\t}\n\t\t\t\tif (x === \"center\" || (isNaN(parseFloat(x)) && (x + \"\").indexOf(\"=\") === -1)) { //remember, the user could flip-flop the values and say \"bottom center\" or \"center bottom\", etc. \"center\" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an \"=\" sign in the value, it's relative.\n\t\t\t\t\tx = \"50%\";\n\t\t\t\t}\n\t\t\t\tv = x + \" \" + y + ((a.length > 2) ? \" \" + a[2] : \"\");\n\t\t\t\tif (recObj) {\n\t\t\t\t\trecObj.oxp = (x.indexOf(\"%\") !== -1);\n\t\t\t\t\trecObj.oyp = (y.indexOf(\"%\") !== -1);\n\t\t\t\t\trecObj.oxr = (x.charAt(1) === \"=\");\n\t\t\t\t\trecObj.oyr = (y.charAt(1) === \"=\");\n\t\t\t\t\trecObj.ox = parseFloat(x.replace(_NaNExp, \"\"));\n\t\t\t\t\trecObj.oy = parseFloat(y.replace(_NaNExp, \"\"));\n\t\t\t\t\trecObj.v = v;\n\t\t\t\t}\n\t\t\t\treturn recObj || v;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Takes an ending value (typically a string, but can be a number) and a starting value and returns the change between the two, looking for relative value indicators like += and -= and it also ignores suffixes (but make sure the ending value starts with a number or +=/-= and that the starting value is a NUMBER!)\n\t\t\t * @param {(number|string)} e End value which is typically a string, but could be a number\n\t\t\t * @param {(number|string)} b Beginning value which is typically a string but could be a number\n\t\t\t * @return {number} Amount of change between the beginning and ending values (relative values that have a \"+=\" or \"-=\" are recognized)\n\t\t\t */\n\t\t\t_parseChange = function(e, b) {\n\t\t\t\tif (typeof(e) === \"function\") {\n\t\t\t\t\te = e(_index, _target);\n\t\t\t\t}\n\t\t\t\treturn (typeof(e) === \"string\" && e.charAt(1) === \"=\") ? parseInt(e.charAt(0) + \"1\", 10) * parseFloat(e.substr(2)) : (parseFloat(e) - parseFloat(b)) || 0;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Takes a value and a default number, checks if the value is relative, null, or numeric and spits back a normalized number accordingly. Primarily used in the _parseTransform() function.\n\t\t\t * @param {Object} v Value to be parsed\n\t\t\t * @param {!number} d Default value (which is also used for relative calculations if \"+=\" or \"-=\" is found in the first parameter)\n\t\t\t * @return {number} Parsed value\n\t\t\t */\n\t\t\t_parseVal = function(v, d) {\n\t\t\t\tif (typeof(v) === \"function\") {\n\t\t\t\t\tv = v(_index, _target);\n\t\t\t\t}\n\t\t\t\tvar isRelative = (typeof(v) === \"string\" && v.charAt(1) === \"=\");\n\t\t\t\tif (typeof(v) === \"string\" && v.charAt(v.length - 2) === \"v\") { //convert vw and vh into px-equivalents.\n\t\t\t\t\tv = (isRelative ? v.substr(0, 2) : 0) + (window[\"inner\" + ((v.substr(-2) === \"vh\") ? \"Height\" : \"Width\")] * (parseFloat(isRelative ? v.substr(2) : v) / 100));\n\t\t\t\t}\n\t\t\t\treturn (v == null) ? d : isRelative ? parseInt(v.charAt(0) + \"1\", 10) * parseFloat(v.substr(2)) + d : parseFloat(v) || 0;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Translates strings like \"40deg\" or \"40\" or 40rad\" or \"+=40deg\" or \"270_short\" or \"-90_cw\" or \"+=45_ccw\" to a numeric radian angle. Of course a starting/default value must be fed in too so that relative values can be calculated properly.\n\t\t\t * @param {Object} v Value to be parsed\n\t\t\t * @param {!number} d Default value (which is also used for relative calculations if \"+=\" or \"-=\" is found in the first parameter)\n\t\t\t * @param {string=} p property name for directionalEnd (optional - only used when the parsed value is directional (\"_short\", \"_cw\", or \"_ccw\" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation). Property name would be \"rotation\", \"rotationX\", or \"rotationY\"\n\t\t\t * @param {Object=} directionalEnd An object that will store the raw end values for directional angles (\"_short\", \"_cw\", or \"_ccw\" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation.\n\t\t\t * @return {number} parsed angle in radians\n\t\t\t */\n\t\t\t_parseAngle = function(v, d, p, directionalEnd) {\n\t\t\t\tvar min = 0.000001,\n\t\t\t\t\tcap, split, dif, result, isRelative;\n\t\t\t\tif (typeof(v) === \"function\") {\n\t\t\t\t\tv = v(_index, _target);\n\t\t\t\t}\n\t\t\t\tif (v == null) {\n\t\t\t\t\tresult = d;\n\t\t\t\t} else if (typeof(v) === \"number\") {\n\t\t\t\t\tresult = v;\n\t\t\t\t} else {\n\t\t\t\t\tcap = 360;\n\t\t\t\t\tsplit = v.split(\"_\");\n\t\t\t\t\tisRelative = (v.charAt(1) === \"=\");\n\t\t\t\t\tdif = (isRelative ? parseInt(v.charAt(0) + \"1\", 10) * parseFloat(split[0].substr(2)) : parseFloat(split[0])) * ((v.indexOf(\"rad\") === -1) ? 1 : _RAD2DEG) - (isRelative ? 0 : d);\n\t\t\t\t\tif (split.length) {\n\t\t\t\t\t\tif (directionalEnd) {\n\t\t\t\t\t\t\tdirectionalEnd[p] = d + dif;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (v.indexOf(\"short\") !== -1) {\n\t\t\t\t\t\t\tdif = dif % cap;\n\t\t\t\t\t\t\tif (dif !== dif % (cap / 2)) {\n\t\t\t\t\t\t\t\tdif = (dif < 0) ? dif + cap : dif - cap;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (v.indexOf(\"_cw\") !== -1 && dif < 0) {\n\t\t\t\t\t\t\tdif = ((dif + cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;\n\t\t\t\t\t\t} else if (v.indexOf(\"ccw\") !== -1 && dif > 0) {\n\t\t\t\t\t\t\tdif = ((dif - cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tresult = d + dif;\n\t\t\t\t}\n\t\t\t\tif (result < min && result > -min) {\n\t\t\t\t\tresult = 0;\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t},\n\n\t\t\t_colorLookup = {aqua:[0,255,255],\n\t\t\t\tlime:[0,255,0],\n\t\t\t\tsilver:[192,192,192],\n\t\t\t\tblack:[0,0,0],\n\t\t\t\tmaroon:[128,0,0],\n\t\t\t\tteal:[0,128,128],\n\t\t\t\tblue:[0,0,255],\n\t\t\t\tnavy:[0,0,128],\n\t\t\t\twhite:[255,255,255],\n\t\t\t\tfuchsia:[255,0,255],\n\t\t\t\tolive:[128,128,0],\n\t\t\t\tyellow:[255,255,0],\n\t\t\t\torange:[255,165,0],\n\t\t\t\tgray:[128,128,128],\n\t\t\t\tpurple:[128,0,128],\n\t\t\t\tgreen:[0,128,0],\n\t\t\t\tred:[255,0,0],\n\t\t\t\tpink:[255,192,203],\n\t\t\t\tcyan:[0,255,255],\n\t\t\t\ttransparent:[255,255,255,0]},\n\n\t\t\t_hue = function(h, m1, m2) {\n\t\t\t\th = (h < 0) ? h + 1 : (h > 1) ? h - 1 : h;\n\t\t\t\treturn ((((h * 6 < 1) ? m1 + (m2 - m1) * h * 6 : (h < 0.5) ? m2 : (h * 3 < 2) ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255) + 0.5) | 0;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Parses a color (like #9F0, #FF9900, rgb(255,51,153) or hsl(108, 50%, 10%)) into an array with 3 elements for red, green, and blue or if toHSL parameter is true, it will populate the array with hue, saturation, and lightness values. If a relative value is found in an hsl() or hsla() string, it will preserve those relative prefixes and all the values in the array will be strings instead of numbers (in all other cases it will be populated with numbers).\n\t\t\t * @param {(string|number)} v The value the should be parsed which could be a string like #9F0 or rgb(255,102,51) or rgba(255,0,0,0.5) or it could be a number like 0xFF00CC or even a named color like red, blue, purple, etc.\n\t\t\t * @param {(boolean)} toHSL If true, an hsl() or hsla() value will be returned instead of rgb() or rgba()\n\t\t\t * @return {Array.} An array containing red, green, and blue (and optionally alpha) in that order, or if the toHSL parameter was true, the array will contain hue, saturation and lightness (and optionally alpha) in that order. Always numbers unless there's a relative prefix found in an hsl() or hsla() string and toHSL is true.\n\t\t\t */\n\t\t\t_parseColor = CSSPlugin.parseColor = function(v, toHSL) {\n\t\t\t\tvar a, r, g, b, h, s, l, max, min, d, wasHSL;\n\t\t\t\tif (!v) {\n\t\t\t\t\ta = _colorLookup.black;\n\t\t\t\t} else if (typeof(v) === \"number\") {\n\t\t\t\t\ta = [v >> 16, (v >> 8) & 255, v & 255];\n\t\t\t\t} else {\n\t\t\t\t\tif (v.charAt(v.length - 1) === \",\") { //sometimes a trailing comma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:\"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)\" - in this example \"blue,\" has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.\n\t\t\t\t\t\tv = v.substr(0, v.length - 1);\n\t\t\t\t\t}\n\t\t\t\t\tif (_colorLookup[v]) {\n\t\t\t\t\t\ta = _colorLookup[v];\n\t\t\t\t\t} else if (v.charAt(0) === \"#\") {\n\t\t\t\t\t\tif (v.length === 4) { //for shorthand like #9F0\n\t\t\t\t\t\t\tr = v.charAt(1);\n\t\t\t\t\t\t\tg = v.charAt(2);\n\t\t\t\t\t\t\tb = v.charAt(3);\n\t\t\t\t\t\t\tv = \"#\" + r + r + g + g + b + b;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tv = parseInt(v.substr(1), 16);\n\t\t\t\t\t\ta = [v >> 16, (v >> 8) & 255, v & 255];\n\t\t\t\t\t} else if (v.substr(0, 3) === \"hsl\") {\n\t\t\t\t\t\ta = wasHSL = v.match(_numExp);\n\t\t\t\t\t\tif (!toHSL) {\n\t\t\t\t\t\t\th = (Number(a[0]) % 360) / 360;\n\t\t\t\t\t\t\ts = Number(a[1]) / 100;\n\t\t\t\t\t\t\tl = Number(a[2]) / 100;\n\t\t\t\t\t\t\tg = (l <= 0.5) ? l * (s + 1) : l + s - l * s;\n\t\t\t\t\t\t\tr = l * 2 - g;\n\t\t\t\t\t\t\tif (a.length > 3) {\n\t\t\t\t\t\t\t\ta[3] = Number(a[3]);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ta[0] = _hue(h + 1 / 3, r, g);\n\t\t\t\t\t\t\ta[1] = _hue(h, r, g);\n\t\t\t\t\t\t\ta[2] = _hue(h - 1 / 3, r, g);\n\t\t\t\t\t\t} else if (v.indexOf(\"=\") !== -1) { //if relative values are found, just return the raw strings with the relative prefixes in place.\n\t\t\t\t\t\t\treturn v.match(_relNumExp);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\ta = v.match(_numExp) || _colorLookup.transparent;\n\t\t\t\t\t}\n\t\t\t\t\ta[0] = Number(a[0]);\n\t\t\t\t\ta[1] = Number(a[1]);\n\t\t\t\t\ta[2] = Number(a[2]);\n\t\t\t\t\tif (a.length > 3) {\n\t\t\t\t\t\ta[3] = Number(a[3]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (toHSL && !wasHSL) {\n\t\t\t\t\tr = a[0] / 255;\n\t\t\t\t\tg = a[1] / 255;\n\t\t\t\t\tb = a[2] / 255;\n\t\t\t\t\tmax = Math.max(r, g, b);\n\t\t\t\t\tmin = Math.min(r, g, b);\n\t\t\t\t\tl = (max + min) / 2;\n\t\t\t\t\tif (max === min) {\n\t\t\t\t\t\th = s = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\td = max - min;\n\t\t\t\t\t\ts = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\t\t\t\t\t\th = (max === r) ? (g - b) / d + (g < b ? 6 : 0) : (max === g) ? (b - r) / d + 2 : (r - g) / d + 4;\n\t\t\t\t\t\th *= 60;\n\t\t\t\t\t}\n\t\t\t\t\ta[0] = (h + 0.5) | 0;\n\t\t\t\t\ta[1] = (s * 100 + 0.5) | 0;\n\t\t\t\t\ta[2] = (l * 100 + 0.5) | 0;\n\t\t\t\t}\n\t\t\t\treturn a;\n\t\t\t},\n\t\t\t_formatColors = function(s, toHSL) {\n\t\t\t\tvar colors = s.match(_colorExp) || [],\n\t\t\t\t\tcharIndex = 0,\n\t\t\t\t\tparsed = \"\",\n\t\t\t\t\ti, color, temp;\n\t\t\t\tif (!colors.length) {\n\t\t\t\t\treturn s;\n\t\t\t\t}\n\t\t\t\tfor (i = 0; i < colors.length; i++) {\n\t\t\t\t\tcolor = colors[i];\n\t\t\t\t\ttemp = s.substr(charIndex, s.indexOf(color, charIndex)-charIndex);\n\t\t\t\t\tcharIndex += temp.length + color.length;\n\t\t\t\t\tcolor = _parseColor(color, toHSL);\n\t\t\t\t\tif (color.length === 3) {\n\t\t\t\t\t\tcolor.push(1);\n\t\t\t\t\t}\n\t\t\t\t\tparsed += temp + (toHSL ? \"hsla(\" + color[0] + \",\" + color[1] + \"%,\" + color[2] + \"%,\" + color[3] : \"rgba(\" + color.join(\",\")) + \")\";\n\t\t\t\t}\n\t\t\t\treturn parsed + s.substr(charIndex);\n\t\t\t},\n\t\t\t_colorExp = \"(?:\\\\b(?:(?:rgb|rgba|hsl|hsla)\\\\(.+?\\\\))|\\\\B#(?:[0-9a-f]{3}){1,2}\\\\b\"; //we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.\n\n\t\tfor (p in _colorLookup) {\n\t\t\t_colorExp += \"|\" + p + \"\\\\b\";\n\t\t}\n\t\t_colorExp = new RegExp(_colorExp+\")\", \"gi\");\n\n\t\tCSSPlugin.colorStringFilter = function(a) {\n\t\t\tvar combined = a[0] + \" \" + a[1],\n\t\t\t\ttoHSL;\n\t\t\tif (_colorExp.test(combined)) {\n\t\t\t\ttoHSL = (combined.indexOf(\"hsl(\") !== -1 || combined.indexOf(\"hsla(\") !== -1);\n\t\t\t\ta[0] = _formatColors(a[0], toHSL);\n\t\t\t\ta[1] = _formatColors(a[1], toHSL);\n\t\t\t}\n\t\t\t_colorExp.lastIndex = 0;\n\t\t};\n\n\t\tif (!TweenLite.defaultStringFilter) {\n\t\t\tTweenLite.defaultStringFilter = CSSPlugin.colorStringFilter;\n\t\t}\n\n\t\t/**\n\t\t * @private Returns a formatter function that handles taking a string (or number in some cases) and returning a consistently formatted one in terms of delimiters, quantity of values, etc. For example, we may get boxShadow values defined as \"0px red\" or \"0px 0px 10px rgb(255,0,0)\" or \"0px 0px 20px 20px #F00\" and we need to ensure that what we get back is described with 4 numbers and a color. This allows us to feed it into the _parseComplex() method and split the values up appropriately. The neat thing about this _getFormatter() function is that the dflt defines a pattern as well as a default, so for example, _getFormatter(\"0px 0px 0px 0px #777\", true) not only sets the default as 0px for all distances and #777 for the color, but also sets the pattern such that 4 numbers and a color will always get returned.\n\t\t * @param {!string} dflt The default value and pattern to follow. So \"0px 0px 0px 0px #777\" will ensure that 4 numbers and a color will always get returned.\n\t\t * @param {boolean=} clr If true, the values should be searched for color-related data. For example, boxShadow values typically contain a color whereas borderRadius don't.\n\t\t * @param {boolean=} collapsible If true, the value is a top/left/right/bottom style one that acts like margin or padding, where if only one value is received, it's used for all 4; if 2 are received, the first is duplicated for 3rd (bottom) and the 2nd is duplicated for the 4th spot (left), etc.\n\t\t * @return {Function} formatter function\n\t\t */\n\t\tvar _getFormatter = function(dflt, clr, collapsible, multi) {\n\t\t\t\tif (dflt == null) {\n\t\t\t\t\treturn function(v) {return v;};\n\t\t\t\t}\n\t\t\t\tvar dColor = clr ? (dflt.match(_colorExp) || [\"\"])[0] : \"\",\n\t\t\t\t\tdVals = dflt.split(dColor).join(\"\").match(_valuesExp) || [],\n\t\t\t\t\tpfx = dflt.substr(0, dflt.indexOf(dVals[0])),\n\t\t\t\t\tsfx = (dflt.charAt(dflt.length - 1) === \")\") ? \")\" : \"\",\n\t\t\t\t\tdelim = (dflt.indexOf(\" \") !== -1) ? \" \" : \",\",\n\t\t\t\t\tnumVals = dVals.length,\n\t\t\t\t\tdSfx = (numVals > 0) ? dVals[0].replace(_numExp, \"\") : \"\",\n\t\t\t\t\tformatter;\n\t\t\t\tif (!numVals) {\n\t\t\t\t\treturn function(v) {return v;};\n\t\t\t\t}\n\t\t\t\tif (clr) {\n\t\t\t\t\tformatter = function(v) {\n\t\t\t\t\t\tvar color, vals, i, a;\n\t\t\t\t\t\tif (typeof(v) === \"number\") {\n\t\t\t\t\t\t\tv += dSfx;\n\t\t\t\t\t\t} else if (multi && _commasOutsideParenExp.test(v)) {\n\t\t\t\t\t\t\ta = v.replace(_commasOutsideParenExp, \"|\").split(\"|\");\n\t\t\t\t\t\t\tfor (i = 0; i < a.length; i++) {\n\t\t\t\t\t\t\t\ta[i] = formatter(a[i]);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn a.join(\",\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcolor = (v.match(_colorExp) || [dColor])[0];\n\t\t\t\t\t\tvals = v.split(color).join(\"\").match(_valuesExp) || [];\n\t\t\t\t\t\ti = vals.length;\n\t\t\t\t\t\tif (numVals > i--) {\n\t\t\t\t\t\t\twhile (++i < numVals) {\n\t\t\t\t\t\t\t\tvals[i] = collapsible ? vals[(((i - 1) / 2) | 0)] : dVals[i];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn pfx + vals.join(delim) + delim + color + sfx + (v.indexOf(\"inset\") !== -1 ? \" inset\" : \"\");\n\t\t\t\t\t};\n\t\t\t\t\treturn formatter;\n\n\t\t\t\t}\n\t\t\t\tformatter = function(v) {\n\t\t\t\t\tvar vals, a, i;\n\t\t\t\t\tif (typeof(v) === \"number\") {\n\t\t\t\t\t\tv += dSfx;\n\t\t\t\t\t} else if (multi && _commasOutsideParenExp.test(v)) {\n\t\t\t\t\t\ta = v.replace(_commasOutsideParenExp, \"|\").split(\"|\");\n\t\t\t\t\t\tfor (i = 0; i < a.length; i++) {\n\t\t\t\t\t\t\ta[i] = formatter(a[i]);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn a.join(\",\");\n\t\t\t\t\t}\n\t\t\t\t\tvals = v.match(delim === \",\" ? _valuesExp : _valuesExpWithCommas) || [];\n\t\t\t\t\ti = vals.length;\n\t\t\t\t\tif (numVals > i--) {\n\t\t\t\t\t\twhile (++i < numVals) {\n\t\t\t\t\t\t\tvals[i] = collapsible ? vals[(((i - 1) / 2) | 0)] : dVals[i];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn ((pfx && v !== \"none\") ? v.substr(0, v.indexOf(vals[0])) || pfx : pfx) + vals.join(delim) + sfx; //note: prefix might be different, like for clipPath it could start with inset( or polygon(\n\t\t\t\t};\n\t\t\t\treturn formatter;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private returns a formatter function that's used for edge-related values like marginTop, marginLeft, paddingBottom, paddingRight, etc. Just pass a comma-delimited list of property names related to the edges.\n\t\t\t * @param {!string} props a comma-delimited list of property names in order from top to left, like \"marginTop,marginRight,marginBottom,marginLeft\"\n\t\t\t * @return {Function} a formatter function\n\t\t\t */\n\t\t\t_getEdgeParser = function(props) {\n\t\t\t\tprops = props.split(\",\");\n\t\t\t\treturn function(t, e, p, cssp, pt, plugin, vars) {\n\t\t\t\t\tvar a = (e + \"\").split(\" \"),\n\t\t\t\t\t\ti;\n\t\t\t\t\tvars = {};\n\t\t\t\t\tfor (i = 0; i < 4; i++) {\n\t\t\t\t\t\tvars[props[i]] = a[i] = a[i] || a[(((i - 1) / 2) >> 0)];\n\t\t\t\t\t}\n\t\t\t\t\treturn cssp.parse(t, vars, pt, plugin);\n\t\t\t\t};\n\t\t\t},\n\n\t\t\t// @private used when other plugins must tween values first, like BezierPlugin or ThrowPropsPlugin, etc. That plugin's setRatio() gets called first so that the values are updated, and then we loop through the MiniPropTweens which handle copying the values into their appropriate slots so that they can then be applied correctly in the main CSSPlugin setRatio() method. Remember, we typically create a proxy object that has a bunch of uniquely-named properties that we feed to the sub-plugin and it does its magic normally, and then we must interpret those values and apply them to the css because often numbers must get combined/concatenated, suffixes added, etc. to work with css, like boxShadow could have 4 values plus a color.\n\t\t\t_setPluginRatio = _internals._setPluginRatio = function(v) {\n\t\t\t\tthis.plugin.setRatio(v);\n\t\t\t\tvar d = this.data,\n\t\t\t\t\tproxy = d.proxy,\n\t\t\t\t\tmpt = d.firstMPT,\n\t\t\t\t\tmin = 0.000001,\n\t\t\t\t\tval, pt, i, str, p;\n\t\t\t\twhile (mpt) {\n\t\t\t\t\tval = proxy[mpt.v];\n\t\t\t\t\tif (mpt.r) {\n\t\t\t\t\t\tval = mpt.r(val);\n\t\t\t\t\t} else if (val < min && val > -min) {\n\t\t\t\t\t\tval = 0;\n\t\t\t\t\t}\n\t\t\t\t\tmpt.t[mpt.p] = val;\n\t\t\t\t\tmpt = mpt._next;\n\t\t\t\t}\n\t\t\t\tif (d.autoRotate) {\n\t\t\t\t\td.autoRotate.rotation = d.mod ? d.mod.call(this._tween, proxy.rotation, this.t, this._tween) : proxy.rotation; //special case for ModifyPlugin to hook into an auto-rotating bezier\n\t\t\t\t}\n\t\t\t\t//at the end, we must set the CSSPropTween's \"e\" (end) value dynamically here because that's what is used in the final setRatio() method. Same for \"b\" at the beginning.\n\t\t\t\tif (v === 1 || v === 0) {\n\t\t\t\t\tmpt = d.firstMPT;\n\t\t\t\t\tp = (v === 1) ? \"e\" : \"b\";\n\t\t\t\t\twhile (mpt) {\n\t\t\t\t\t\tpt = mpt.t;\n\t\t\t\t\t\tif (!pt.type) {\n\t\t\t\t\t\t\tpt[p] = pt.s + pt.xs0;\n\t\t\t\t\t\t} else if (pt.type === 1) {\n\t\t\t\t\t\t\tstr = pt.xs0 + pt.s + pt.xs1;\n\t\t\t\t\t\t\tfor (i = 1; i < pt.l; i++) {\n\t\t\t\t\t\t\t\tstr += pt[\"xn\"+i] + pt[\"xs\"+(i+1)];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpt[p] = str;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmpt = mpt._next;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private @constructor Used by a few SpecialProps to hold important values for proxies. For example, _parseToProxy() creates a MiniPropTween instance for each property that must get tweened on the proxy, and we record the original property name as well as the unique one we create for the proxy, plus whether or not the value needs to be rounded plus the original value.\n\t\t\t * @param {!Object} t target object whose property we're tweening (often a CSSPropTween)\n\t\t\t * @param {!string} p property name\n\t\t\t * @param {(number|string|object)} v value\n\t\t\t * @param {MiniPropTween=} next next MiniPropTween in the linked list\n\t\t\t * @param {boolean=} r if true, the tweened value should be rounded to the nearest integer\n\t\t\t */\n\t\t\tMiniPropTween = function(t, p, v, next, r) {\n\t\t\t\tthis.t = t;\n\t\t\t\tthis.p = p;\n\t\t\t\tthis.v = v;\n\t\t\t\tthis.r = r;\n\t\t\t\tif (next) {\n\t\t\t\t\tnext._prev = this;\n\t\t\t\t\tthis._next = next;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @private Most other plugins (like BezierPlugin and ThrowPropsPlugin and others) can only tween numeric values, but CSSPlugin must accommodate special values that have a bunch of extra data (like a suffix or strings between numeric values, etc.). For example, boxShadow has values like \"10px 10px 20px 30px rgb(255,0,0)\" which would utterly confuse other plugins. This method allows us to split that data apart and grab only the numeric data and attach it to uniquely-named properties of a generic proxy object ({}) so that we can feed that to virtually any plugin to have the numbers tweened. However, we must also keep track of which properties from the proxy go with which CSSPropTween values and instances. So we create a linked list of MiniPropTweens. Each one records a target (the original CSSPropTween), property (like \"s\" or \"xn1\" or \"xn2\") that we're tweening and the unique property name that was used for the proxy (like \"boxShadow_xn1\" and \"boxShadow_xn2\") and whether or not they need to be rounded. That way, in the _setPluginRatio() method we can simply copy the values over from the proxy to the CSSPropTween instance(s). Then, when the main CSSPlugin setRatio() method runs and applies the CSSPropTween values accordingly, they're updated nicely. So the external plugin tweens the numbers, _setPluginRatio() copies them over, and setRatio() acts normally, applying css-specific values to the element.\n\t\t\t * This method returns an object that has the following properties:\n\t\t\t * - proxy: a generic object containing the starting values for all the properties that will be tweened by the external plugin. This is what we feed to the external _onInitTween() as the target\n\t\t\t * - end: a generic object containing the ending values for all the properties that will be tweened by the external plugin. This is what we feed to the external plugin's _onInitTween() as the destination values\n\t\t\t * - firstMPT: the first MiniPropTween in the linked list\n\t\t\t * - pt: the first CSSPropTween in the linked list that was created when parsing. If shallow is true, this linked list will NOT attach to the one passed into the _parseToProxy() as the \"pt\" (4th) parameter.\n\t\t\t * @param {!Object} t target object to be tweened\n\t\t\t * @param {!(Object|string)} vars the object containing the information about the tweening values (typically the end/destination values) that should be parsed\n\t\t\t * @param {!CSSPlugin} cssp The CSSPlugin instance\n\t\t\t * @param {CSSPropTween=} pt the next CSSPropTween in the linked list\n\t\t\t * @param {TweenPlugin=} plugin the external TweenPlugin instance that will be handling tweening the numeric values\n\t\t\t * @param {boolean=} shallow if true, the resulting linked list from the parse will NOT be attached to the CSSPropTween that was passed in as the \"pt\" (4th) parameter.\n\t\t\t * @return An object containing the following properties: proxy, end, firstMPT, and pt (see above for descriptions)\n\t\t\t */\n\t\t\t_parseToProxy = _internals._parseToProxy = function(t, vars, cssp, pt, plugin, shallow) {\n\t\t\t\tvar bpt = pt,\n\t\t\t\t\tstart = {},\n\t\t\t\t\tend = {},\n\t\t\t\t\ttransform = cssp._transform,\n\t\t\t\t\toldForce = _forcePT,\n\t\t\t\t\ti, p, xp, mpt, firstPT;\n\t\t\t\tcssp._transform = null;\n\t\t\t\t_forcePT = vars;\n\t\t\t\tpt = firstPT = cssp.parse(t, vars, pt, plugin);\n\t\t\t\t_forcePT = oldForce;\n\t\t\t\t//break off from the linked list so the new ones are isolated.\n\t\t\t\tif (shallow) {\n\t\t\t\t\tcssp._transform = transform;\n\t\t\t\t\tif (bpt) {\n\t\t\t\t\t\tbpt._prev = null;\n\t\t\t\t\t\tif (bpt._prev) {\n\t\t\t\t\t\t\tbpt._prev._next = null;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\twhile (pt && pt !== bpt) {\n\t\t\t\t\tif (pt.type <= 1) {\n\t\t\t\t\t\tp = pt.p;\n\t\t\t\t\t\tend[p] = pt.s + pt.c;\n\t\t\t\t\t\tstart[p] = pt.s;\n\t\t\t\t\t\tif (!shallow) {\n\t\t\t\t\t\t\tmpt = new MiniPropTween(pt, \"s\", p, mpt, pt.r);\n\t\t\t\t\t\t\tpt.c = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (pt.type === 1) {\n\t\t\t\t\t\t\ti = pt.l;\n\t\t\t\t\t\t\twhile (--i > 0) {\n\t\t\t\t\t\t\t\txp = \"xn\" + i;\n\t\t\t\t\t\t\t\tp = pt.p + \"_\" + xp;\n\t\t\t\t\t\t\t\tend[p] = pt.data[xp];\n\t\t\t\t\t\t\t\tstart[p] = pt[xp];\n\t\t\t\t\t\t\t\tif (!shallow) {\n\t\t\t\t\t\t\t\t\tmpt = new MiniPropTween(pt, xp, p, mpt, pt.rxp[xp]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\t\t\t\treturn {proxy:start, end:end, firstMPT:mpt, pt:firstPT};\n\t\t\t},\n\n\n\n\t\t\t/**\n\t\t\t * @constructor Each property that is tweened has at least one CSSPropTween associated with it. These instances store important information like the target, property, starting value, amount of change, etc. They can also optionally have a number of \"extra\" strings and numeric values named xs1, xn1, xs2, xn2, xs3, xn3, etc. where \"s\" indicates string and \"n\" indicates number. These can be pieced together in a complex-value tween (type:1) that has alternating types of data like a string, number, string, number, etc. For example, boxShadow could be \"5px 5px 8px rgb(102, 102, 51)\". In that value, there are 6 numbers that may need to tween and then pieced back together into a string again with spaces, suffixes, etc. xs0 is special in that it stores the suffix for standard (type:0) tweens, -OR- the first string (prefix) in a complex-value (type:1) CSSPropTween -OR- it can be the non-tweening value in a type:-1 CSSPropTween. We do this to conserve memory.\n\t\t\t * CSSPropTweens have the following optional properties as well (not defined through the constructor):\n\t\t\t * - l: Length in terms of the number of extra properties that the CSSPropTween has (default: 0). For example, for a boxShadow we may need to tween 5 numbers in which case l would be 5; Keep in mind that the start/end values for the first number that's tweened are always stored in the s and c properties to conserve memory. All additional values thereafter are stored in xn1, xn2, etc.\n\t\t\t * - xfirst: The first instance of any sub-CSSPropTweens that are tweening properties of this instance. For example, we may split up a boxShadow tween so that there's a main CSSPropTween of type:1 that has various xs* and xn* values associated with the h-shadow, v-shadow, blur, color, etc. Then we spawn a CSSPropTween for each of those that has a higher priority and runs BEFORE the main CSSPropTween so that the values are all set by the time it needs to re-assemble them. The xfirst gives us an easy way to identify the first one in that chain which typically ends at the main one (because they're all prepende to the linked list)\n\t\t\t * - plugin: The TweenPlugin instance that will handle the tweening of any complex values. For example, sometimes we don't want to use normal subtweens (like xfirst refers to) to tween the values - we might want ThrowPropsPlugin or BezierPlugin some other plugin to do the actual tweening, so we create a plugin instance and store a reference here. We need this reference so that if we get a request to round values or disable a tween, we can pass along that request.\n\t\t\t * - data: Arbitrary data that needs to be stored with the CSSPropTween. Typically if we're going to have a plugin handle the tweening of a complex-value tween, we create a generic object that stores the END values that we're tweening to and the CSSPropTween's xs1, xs2, etc. have the starting values. We store that object as data. That way, we can simply pass that object to the plugin and use the CSSPropTween as the target.\n\t\t\t * - setRatio: Only used for type:2 tweens that require custom functionality. In this case, we call the CSSPropTween's setRatio() method and pass the ratio each time the tween updates. This isn't quite as efficient as doing things directly in the CSSPlugin's setRatio() method, but it's very convenient and flexible.\n\t\t\t * @param {!Object} t Target object whose property will be tweened. Often a DOM element, but not always. It could be anything.\n\t\t\t * @param {string} p Property to tween (name). For example, to tween element.width, p would be \"width\".\n\t\t\t * @param {number} s Starting numeric value\n\t\t\t * @param {number} c Change in numeric value over the course of the entire tween. For example, if element.width starts at 5 and should end at 100, c would be 95.\n\t\t\t * @param {CSSPropTween=} next The next CSSPropTween in the linked list. If one is defined, we will define its _prev as the new instance, and the new instance's _next will be pointed at it.\n\t\t\t * @param {number=} type The type of CSSPropTween where -1 = a non-tweening value, 0 = a standard simple tween, 1 = a complex value (like one that has multiple numbers in a comma- or space-delimited string like border:\"1px solid red\"), and 2 = one that uses a custom setRatio function that does all of the work of applying the values on each update.\n\t\t\t * @param {string=} n Name of the property that should be used for overwriting purposes which is typically the same as p but not always. For example, we may need to create a subtween for the 2nd part of a \"clip:rect(...)\" tween in which case \"p\" might be xs1 but \"n\" is still \"clip\"\n\t\t\t * @param {boolean=} r If true, the value(s) should be rounded\n\t\t\t * @param {number=} pr Priority in the linked list order. Higher priority CSSPropTweens will be updated before lower priority ones. The default priority is 0.\n\t\t\t * @param {string=} b Beginning value. We store this to ensure that it is EXACTLY what it was when the tween began without any risk of interpretation issues.\n\t\t\t * @param {string=} e Ending value. We store this to ensure that it is EXACTLY what the user defined at the end of the tween without any risk of interpretation issues.\n\t\t\t */\n\t\t\tCSSPropTween = _internals.CSSPropTween = function(t, p, s, c, next, type, n, r, pr, b, e) {\n\t\t\t\tthis.t = t; //target\n\t\t\t\tthis.p = p; //property\n\t\t\t\tthis.s = s; //starting value\n\t\t\t\tthis.c = c; //change value\n\t\t\t\tthis.n = n || p; //name that this CSSPropTween should be associated to (usually the same as p, but not always - n is what overwriting looks at)\n\t\t\t\tif (!(t instanceof CSSPropTween)) {\n\t\t\t\t\t_overwriteProps.push(this.n);\n\t\t\t\t}\n\t\t\t\tthis.r = !r ? r : (typeof(r) === \"function\") ? r : Math.round; //round (boolean)\n\t\t\t\tthis.type = type || 0; //0 = normal tween, -1 = non-tweening (in which case xs0 will be applied to the target's property, like tp.t[tp.p] = tp.xs0), 1 = complex-value SpecialProp, 2 = custom setRatio() that does all the work\n\t\t\t\tif (pr) {\n\t\t\t\t\tthis.pr = pr;\n\t\t\t\t\t_hasPriority = true;\n\t\t\t\t}\n\t\t\t\tthis.b = (b === undefined) ? s : b;\n\t\t\t\tthis.e = (e === undefined) ? s + c : e;\n\t\t\t\tif (next) {\n\t\t\t\t\tthis._next = next;\n\t\t\t\t\tnext._prev = this;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t_addNonTweeningNumericPT = function(target, prop, start, end, next, overwriteProp) { //cleans up some code redundancies and helps minification. Just a fast way to add a NUMERIC non-tweening CSSPropTween\n\t\t\t\tvar pt = new CSSPropTween(target, prop, start, end - start, next, -1, overwriteProp);\n\t\t\t\tpt.b = start;\n\t\t\t\tpt.e = pt.xs0 = end;\n\t\t\t\treturn pt;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Takes a target, the beginning value and ending value (as strings) and parses them into a CSSPropTween (possibly with child CSSPropTweens) that accommodates multiple numbers, colors, comma-delimited values, etc. For example:\n\t\t\t * sp.parseComplex(element, \"boxShadow\", \"5px 10px 20px rgb(255,102,51)\", \"0px 0px 0px red\", true, \"0px 0px 0px rgb(0,0,0,0)\", pt);\n\t\t\t * It will walk through the beginning and ending values (which should be in the same format with the same number and type of values) and figure out which parts are numbers, what strings separate the numeric/tweenable values, and then create the CSSPropTweens accordingly. If a plugin is defined, no child CSSPropTweens will be created. Instead, the ending values will be stored in the \"data\" property of the returned CSSPropTween like: {s:-5, xn1:-10, xn2:-20, xn3:255, xn4:0, xn5:0} so that it can be fed to any other plugin and it'll be plain numeric tweens but the recomposition of the complex value will be handled inside CSSPlugin's setRatio().\n\t\t\t * If a setRatio is defined, the type of the CSSPropTween will be set to 2 and recomposition of the values will be the responsibility of that method.\n\t\t\t *\n\t\t\t * @param {!Object} t Target whose property will be tweened\n\t\t\t * @param {!string} p Property that will be tweened (its name, like \"left\" or \"backgroundColor\" or \"boxShadow\")\n\t\t\t * @param {string} b Beginning value\n\t\t\t * @param {string} e Ending value\n\t\t\t * @param {boolean} clrs If true, the value could contain a color value like \"rgb(255,0,0)\" or \"#F00\" or \"red\". The default is false, so no colors will be recognized (a performance optimization)\n\t\t\t * @param {(string|number|Object)} dflt The default beginning value that should be used if no valid beginning value is defined or if the number of values inside the complex beginning and ending values don't match\n\t\t\t * @param {?CSSPropTween} pt CSSPropTween instance that is the current head of the linked list (we'll prepend to this).\n\t\t\t * @param {number=} pr Priority in the linked list order. Higher priority properties will be updated before lower priority ones. The default priority is 0.\n\t\t\t * @param {TweenPlugin=} plugin If a plugin should handle the tweening of extra properties, pass the plugin instance here. If one is defined, then NO subtweens will be created for any extra properties (the properties will be created - just not additional CSSPropTween instances to tween them) because the plugin is expected to do so. However, the end values WILL be populated in the \"data\" property, like {s:100, xn1:50, xn2:300}\n\t\t\t * @param {function(number)=} setRatio If values should be set in a custom function instead of being pieced together in a type:1 (complex-value) CSSPropTween, define that custom function here.\n\t\t\t * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parseComplex() call.\n\t\t\t */\n\t\t\t_parseComplex = CSSPlugin.parseComplex = function(t, p, b, e, clrs, dflt, pt, pr, plugin, setRatio) {\n\t\t\t\t//DEBUG: _log(\"parseComplex: \"+p+\", b: \"+b+\", e: \"+e);\n\t\t\t\tb = b || dflt || \"\";\n\t\t\t\tif (typeof(e) === \"function\") {\n\t\t\t\t\te = e(_index, _target);\n\t\t\t\t}\n\t\t\t\tpt = new CSSPropTween(t, p, 0, 0, pt, (setRatio ? 2 : 1), null, false, pr, b, e);\n\t\t\t\te += \"\"; //ensures it's a string\n\t\t\t\tif (clrs && _colorExp.test(e + b)) { //if colors are found, normalize the formatting to rgba() or hsla().\n\t\t\t\t\te = [b, e];\n\t\t\t\t\tCSSPlugin.colorStringFilter(e);\n\t\t\t\t\tb = e[0];\n\t\t\t\t\te = e[1];\n\t\t\t\t}\n\t\t\t\tvar ba = b.split(\", \").join(\",\").split(\" \"), //beginning array\n\t\t\t\t\tea = e.split(\", \").join(\",\").split(\" \"), //ending array\n\t\t\t\t\tl = ba.length,\n\t\t\t\t\tautoRound = (_autoRound !== false),\n\t\t\t\t\ti, xi, ni, bv, ev, bnums, enums, bn, hasAlpha, temp, cv, str, useHSL;\n\t\t\t\tif (e.indexOf(\",\") !== -1 || b.indexOf(\",\") !== -1) {\n\t\t\t\t\tif ((e + b).indexOf(\"rgb\") !== -1 || (e + b).indexOf(\"hsl\") !== -1) { //keep rgb(), rgba(), hsl(), and hsla() values together! (remember, we're splitting on spaces)\n\t\t\t\t\t\tba = ba.join(\" \").replace(_commasOutsideParenExp, \", \").split(\" \");\n\t\t\t\t\t\tea = ea.join(\" \").replace(_commasOutsideParenExp, \", \").split(\" \");\n\t\t\t\t\t} else {\n\t\t\t\t\t\tba = ba.join(\" \").split(\",\").join(\", \").split(\" \");\n\t\t\t\t\t\tea = ea.join(\" \").split(\",\").join(\", \").split(\" \");\n\t\t\t\t\t}\n\t\t\t\t\tl = ba.length;\n\t\t\t\t}\n\t\t\t\tif (l !== ea.length) {\n\t\t\t\t\t//DEBUG: _log(\"mismatched formatting detected on \" + p + \" (\" + b + \" vs \" + e + \")\");\n\t\t\t\t\tba = (dflt || \"\").split(\" \");\n\t\t\t\t\tl = ba.length;\n\t\t\t\t}\n\t\t\t\tpt.plugin = plugin;\n\t\t\t\tpt.setRatio = setRatio;\n\t\t\t\t_colorExp.lastIndex = 0;\n\t\t\t\tfor (i = 0; i < l; i++) {\n\t\t\t\t\tbv = ba[i];\n\t\t\t\t\tev = ea[i] + \"\";\n\t\t\t\t\tbn = parseFloat(bv);\n\t\t\t\t\t//if the value begins with a number (most common). It's fine if it has a suffix like px\n\t\t\t\t\tif (bn || bn === 0) {\n\t\t\t\t\t\tpt.appendXtra(\"\", bn, _parseChange(ev, bn), ev.replace(_relNumExp, \"\"), (autoRound && ev.indexOf(\"px\") !== -1) ? Math.round : false, true);\n\n\t\t\t\t\t//if the value is a color\n\t\t\t\t\t} else if (clrs && _colorExp.test(bv)) {\n\t\t\t\t\t\tstr = ev.indexOf(\")\") + 1;\n\t\t\t\t\t\tstr = \")\" + (str ? ev.substr(str) : \"\"); //if there's a comma or ) at the end, retain it.\n\t\t\t\t\t\tuseHSL = (ev.indexOf(\"hsl\") !== -1 && _supportsOpacity);\n\t\t\t\t\t\ttemp = ev; //original string value so we can look for any prefix later.\n\t\t\t\t\t\tbv = _parseColor(bv, useHSL);\n\t\t\t\t\t\tev = _parseColor(ev, useHSL);\n\t\t\t\t\t\thasAlpha = (bv.length + ev.length > 6);\n\t\t\t\t\t\tif (hasAlpha && !_supportsOpacity && ev[3] === 0) { //older versions of IE don't support rgba(), so if the destination alpha is 0, just use \"transparent\" for the end color\n\t\t\t\t\t\t\tpt[\"xs\" + pt.l] += pt.l ? \" transparent\" : \"transparent\";\n\t\t\t\t\t\t\tpt.e = pt.e.split(ea[i]).join(\"transparent\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (!_supportsOpacity) { //old versions of IE don't support rgba().\n\t\t\t\t\t\t\t\thasAlpha = false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (useHSL) {\n\t\t\t\t\t\t\t\tpt.appendXtra(temp.substr(0, temp.indexOf(\"hsl\")) + (hasAlpha ? \"hsla(\" : \"hsl(\"), bv[0], _parseChange(ev[0], bv[0]), \",\", false, true)\n\t\t\t\t\t\t\t\t\t.appendXtra(\"\", bv[1], _parseChange(ev[1], bv[1]), \"%,\", false)\n\t\t\t\t\t\t\t\t\t.appendXtra(\"\", bv[2], _parseChange(ev[2], bv[2]), (hasAlpha ? \"%,\" : \"%\" + str), false);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tpt.appendXtra(temp.substr(0, temp.indexOf(\"rgb\")) + (hasAlpha ? \"rgba(\" : \"rgb(\"), bv[0], ev[0] - bv[0], \",\", Math.round, true)\n\t\t\t\t\t\t\t\t\t.appendXtra(\"\", bv[1], ev[1] - bv[1], \",\", Math.round)\n\t\t\t\t\t\t\t\t\t.appendXtra(\"\", bv[2], ev[2] - bv[2], (hasAlpha ? \",\" : str), Math.round);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (hasAlpha) {\n\t\t\t\t\t\t\t\tbv = (bv.length < 4) ? 1 : bv[3];\n\t\t\t\t\t\t\t\tpt.appendXtra(\"\", bv, ((ev.length < 4) ? 1 : ev[3]) - bv, str, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t_colorExp.lastIndex = 0; //otherwise the test() on the RegExp could move the lastIndex and taint future results.\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\tbnums = bv.match(_numExp); //gets each group of numbers in the beginning value string and drops them into an array\n\n\t\t\t\t\t\t//if no number is found, treat it as a non-tweening value and just append the string to the current xs.\n\t\t\t\t\t\tif (!bnums) {\n\t\t\t\t\t\t\tpt[\"xs\" + pt.l] += (pt.l || pt[\"xs\" + pt.l]) ? \" \" + ev : ev;\n\n\t\t\t\t\t\t//loop through all the numbers that are found and construct the extra values on the pt.\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tenums = ev.match(_relNumExp); //get each group of numbers in the end value string and drop them into an array. We allow relative values too, like +=50 or -=.5\n\t\t\t\t\t\t\tif (!enums || enums.length !== bnums.length) {\n\t\t\t\t\t\t\t\t//DEBUG: _log(\"mismatched formatting detected on \" + p + \" (\" + b + \" vs \" + e + \")\");\n\t\t\t\t\t\t\t\treturn pt;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tni = 0;\n\t\t\t\t\t\t\tfor (xi = 0; xi < bnums.length; xi++) {\n\t\t\t\t\t\t\t\tcv = bnums[xi];\n\t\t\t\t\t\t\t\ttemp = bv.indexOf(cv, ni);\n\t\t\t\t\t\t\t\tpt.appendXtra(bv.substr(ni, temp - ni), Number(cv), _parseChange(enums[xi], cv), \"\", (autoRound && bv.substr(temp + cv.length, 2) === \"px\") ? Math.round : false, (xi === 0));\n\t\t\t\t\t\t\t\tni = temp + cv.length;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpt[\"xs\" + pt.l] += bv.substr(ni);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t//if there are relative values (\"+=\" or \"-=\" prefix), we need to adjust the ending value to eliminate the prefixes and combine the values properly.\n\t\t\t\tif (e.indexOf(\"=\") !== -1) if (pt.data) {\n\t\t\t\t\tstr = pt.xs0 + pt.data.s;\n\t\t\t\t\tfor (i = 1; i < pt.l; i++) {\n\t\t\t\t\t\tstr += pt[\"xs\" + i] + pt.data[\"xn\" + i];\n\t\t\t\t\t}\n\t\t\t\t\tpt.e = str + pt[\"xs\" + i];\n\t\t\t\t}\n\t\t\t\tif (!pt.l) {\n\t\t\t\t\tpt.type = -1;\n\t\t\t\t\tpt.xs0 = pt.e;\n\t\t\t\t}\n\t\t\t\treturn pt.xfirst || pt;\n\t\t\t},\n\t\t\ti = 9;\n\n\n\t\tp = CSSPropTween.prototype;\n\t\tp.l = p.pr = 0; //length (number of extra properties like xn1, xn2, xn3, etc.\n\t\twhile (--i > 0) {\n\t\t\tp[\"xn\" + i] = 0;\n\t\t\tp[\"xs\" + i] = \"\";\n\t\t}\n\t\tp.xs0 = \"\";\n\t\tp._next = p._prev = p.xfirst = p.data = p.plugin = p.setRatio = p.rxp = null;\n\n\n\t\t/**\n\t\t * Appends and extra tweening value to a CSSPropTween and automatically manages any prefix and suffix strings. The first extra value is stored in the s and c of the main CSSPropTween instance, but thereafter any extras are stored in the xn1, xn2, xn3, etc. The prefixes and suffixes are stored in the xs0, xs1, xs2, etc. properties. For example, if I walk through a clip value like \"rect(10px, 5px, 0px, 20px)\", the values would be stored like this:\n\t\t * xs0:\"rect(\", s:10, xs1:\"px, \", xn1:5, xs2:\"px, \", xn2:0, xs3:\"px, \", xn3:20, xn4:\"px)\"\n\t\t * And they'd all get joined together when the CSSPlugin renders (in the setRatio() method).\n\t\t * @param {string=} pfx Prefix (if any)\n\t\t * @param {!number} s Starting value\n\t\t * @param {!number} c Change in numeric value over the course of the entire tween. For example, if the start is 5 and the end is 100, the change would be 95.\n\t\t * @param {string=} sfx Suffix (if any)\n\t\t * @param {boolean=} r Round (if true).\n\t\t * @param {boolean=} pad If true, this extra value should be separated by the previous one by a space. If there is no previous extra and pad is true, it will automatically drop the space.\n\t\t * @return {CSSPropTween} returns itself so that multiple methods can be chained together.\n\t\t */\n\t\tp.appendXtra = function(pfx, s, c, sfx, r, pad) {\n\t\t\tvar pt = this,\n\t\t\t\tl = pt.l;\n\t\t\tpt[\"xs\" + l] += (pad && (l || pt[\"xs\" + l])) ? \" \" + pfx : pfx || \"\";\n\t\t\tif (!c) if (l !== 0 && !pt.plugin) { //typically we'll combine non-changing values right into the xs to optimize performance, but we don't combine them when there's a plugin that will be tweening the values because it may depend on the values being split apart, like for a bezier, if a value doesn't change between the first and second iteration but then it does on the 3rd, we'll run into trouble because there's no xn slot for that value!\n\t\t\t\tpt[\"xs\" + l] += s + (sfx || \"\");\n\t\t\t\treturn pt;\n\t\t\t}\n\t\t\tpt.l++;\n\t\t\tpt.type = pt.setRatio ? 2 : 1;\n\t\t\tpt[\"xs\" + pt.l] = sfx || \"\";\n\t\t\tif (l > 0) {\n\t\t\t\tpt.data[\"xn\" + l] = s + c;\n\t\t\t\tpt.rxp[\"xn\" + l] = r; //round extra property (we need to tap into this in the _parseToProxy() method)\n\t\t\t\tpt[\"xn\" + l] = s;\n\t\t\t\tif (!pt.plugin) {\n\t\t\t\t\tpt.xfirst = new CSSPropTween(pt, \"xn\" + l, s, c, pt.xfirst || pt, 0, pt.n, r, pt.pr);\n\t\t\t\t\tpt.xfirst.xs0 = 0; //just to ensure that the property stays numeric which helps modern browsers speed up processing. Remember, in the setRatio() method, we do pt.t[pt.p] = val + pt.xs0 so if pt.xs0 is \"\" (the default), it'll cast the end value as a string. When a property is a number sometimes and a string sometimes, it prevents the compiler from locking in the data type, slowing things down slightly.\n\t\t\t\t}\n\t\t\t\treturn pt;\n\t\t\t}\n\t\t\tpt.data = {s:s + c};\n\t\t\tpt.rxp = {};\n\t\t\tpt.s = s;\n\t\t\tpt.c = c;\n\t\t\tpt.r = r;\n\t\t\treturn pt;\n\t\t};\n\n\t\t/**\n\t\t * @constructor A SpecialProp is basically a css property that needs to be treated in a non-standard way, like if it may contain a complex value like boxShadow:\"5px 10px 15px rgb(255, 102, 51)\" or if it is associated with another plugin like ThrowPropsPlugin or BezierPlugin. Every SpecialProp is associated with a particular property name like \"boxShadow\" or \"throwProps\" or \"bezier\" and it will intercept those values in the vars object that's passed to the CSSPlugin and handle them accordingly.\n\t\t * @param {!string} p Property name (like \"boxShadow\" or \"throwProps\")\n\t\t * @param {Object=} options An object containing any of the following configuration options:\n\t\t * - defaultValue: the default value\n\t\t * - parser: A function that should be called when the associated property name is found in the vars. This function should return a CSSPropTween instance and it should ensure that it is properly inserted into the linked list. It will receive 4 paramters: 1) The target, 2) The value defined in the vars, 3) The CSSPlugin instance (whose _firstPT should be used for the linked list), and 4) A computed style object if one was calculated (this is a speed optimization that allows retrieval of starting values quicker)\n\t\t * - formatter: a function that formats any value received for this special property (for example, boxShadow could take \"5px 5px red\" and format it to \"5px 5px 0px 0px red\" so that both the beginning and ending values have a common order and quantity of values.)\n\t\t * - prefix: if true, we'll determine whether or not this property requires a vendor prefix (like Webkit or Moz or ms or O)\n\t\t * - color: set this to true if the value for this SpecialProp may contain color-related values like rgb(), rgba(), etc.\n\t\t * - priority: priority in the linked list order. Higher priority SpecialProps will be updated before lower priority ones. The default priority is 0.\n\t\t * - multi: if true, the formatter should accommodate a comma-delimited list of values, like boxShadow could have multiple boxShadows listed out.\n\t\t * - collapsible: if true, the formatter should treat the value like it's a top/right/bottom/left value that could be collapsed, like \"5px\" would apply to all, \"5px, 10px\" would use 5px for top/bottom and 10px for right/left, etc.\n\t\t * - keyword: a special keyword that can [optionally] be found inside the value (like \"inset\" for boxShadow). This allows us to validate beginning/ending values to make sure they match (if the keyword is found in one, it'll be added to the other for consistency by default).\n\t\t */\n\t\tvar SpecialProp = function(p, options) {\n\t\t\t\toptions = options || {};\n\t\t\t\tthis.p = options.prefix ? _checkPropPrefix(p) || p : p;\n\t\t\t\t_specialProps[p] = _specialProps[this.p] = this;\n\t\t\t\tthis.format = options.formatter || _getFormatter(options.defaultValue, options.color, options.collapsible, options.multi);\n\t\t\t\tif (options.parser) {\n\t\t\t\t\tthis.parse = options.parser;\n\t\t\t\t}\n\t\t\t\tthis.clrs = options.color;\n\t\t\t\tthis.multi = options.multi;\n\t\t\t\tthis.keyword = options.keyword;\n\t\t\t\tthis.dflt = options.defaultValue;\n\t\t\t\tthis.allowFunc = options.allowFunc;\n\t\t\t\tthis.pr = options.priority || 0;\n\t\t\t},\n\n\t\t\t//shortcut for creating a new SpecialProp that can accept multiple properties as a comma-delimited list (helps minification). dflt can be an array for multiple values (we don't do a comma-delimited list because the default value may contain commas, like rect(0px,0px,0px,0px)). We attach this method to the SpecialProp class/object instead of using a private _createSpecialProp() method so that we can tap into it externally if necessary, like from another plugin.\n\t\t\t_registerComplexSpecialProp = _internals._registerComplexSpecialProp = function(p, options, defaults) {\n\t\t\t\tif (typeof(options) !== \"object\") {\n\t\t\t\t\toptions = {parser:defaults}; //to make backwards compatible with older versions of BezierPlugin and ThrowPropsPlugin\n\t\t\t\t}\n\t\t\t\tvar a = p.split(\",\"),\n\t\t\t\t\td = options.defaultValue,\n\t\t\t\t\ti, temp;\n\t\t\t\tdefaults = defaults || [d];\n\t\t\t\tfor (i = 0; i < a.length; i++) {\n\t\t\t\t\toptions.prefix = (i === 0 && options.prefix);\n\t\t\t\t\toptions.defaultValue = defaults[i] || d;\n\t\t\t\t\ttemp = new SpecialProp(a[i], options);\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t//creates a placeholder special prop for a plugin so that the property gets caught the first time a tween of it is attempted, and at that time it makes the plugin register itself, thus taking over for all future tweens of that property. This allows us to not mandate that things load in a particular order and it also allows us to log() an error that informs the user when they attempt to tween an external plugin-related property without loading its .js file.\n\t\t\t_registerPluginProp = _internals._registerPluginProp = function(p) {\n\t\t\t\tif (!_specialProps[p]) {\n\t\t\t\t\tvar pluginName = p.charAt(0).toUpperCase() + p.substr(1) + \"Plugin\";\n\t\t\t\t\t_registerComplexSpecialProp(p, {parser:function(t, e, p, cssp, pt, plugin, vars) {\n\t\t\t\t\t\tvar pluginClass = _globals.com.greensock.plugins[pluginName];\n\t\t\t\t\t\tif (!pluginClass) {\n\t\t\t\t\t\t\t_log(\"Error: \" + pluginName + \" js file not loaded.\");\n\t\t\t\t\t\t\treturn pt;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpluginClass._cssRegister();\n\t\t\t\t\t\treturn _specialProps[p].parse(t, e, p, cssp, pt, plugin, vars);\n\t\t\t\t\t}});\n\t\t\t\t}\n\t\t\t};\n\n\n\t\tp = SpecialProp.prototype;\n\n\t\t/**\n\t\t * Alias for _parseComplex() that automatically plugs in certain values for this SpecialProp, like its property name, whether or not colors should be sensed, the default value, and priority. It also looks for any keyword that the SpecialProp defines (like \"inset\" for boxShadow) and ensures that the beginning and ending values have the same number of values for SpecialProps where multi is true (like boxShadow and textShadow can have a comma-delimited list)\n\t\t * @param {!Object} t target element\n\t\t * @param {(string|number|object)} b beginning value\n\t\t * @param {(string|number|object)} e ending (destination) value\n\t\t * @param {CSSPropTween=} pt next CSSPropTween in the linked list\n\t\t * @param {TweenPlugin=} plugin If another plugin will be tweening the complex value, that TweenPlugin instance goes here.\n\t\t * @param {function=} setRatio If a custom setRatio() method should be used to handle this complex value, that goes here.\n\t\t * @return {CSSPropTween=} First CSSPropTween in the linked list\n\t\t */\n\t\tp.parseComplex = function(t, b, e, pt, plugin, setRatio) {\n\t\t\tvar kwd = this.keyword,\n\t\t\t\ti, ba, ea, l, bi, ei;\n\t\t\t//if this SpecialProp's value can contain a comma-delimited list of values (like boxShadow or textShadow), we must parse them in a special way, and look for a keyword (like \"inset\" for boxShadow) and ensure that the beginning and ending BOTH have it if the end defines it as such. We also must ensure that there are an equal number of values specified (we can't tween 1 boxShadow to 3 for example)\n\t\t\tif (this.multi) if (_commasOutsideParenExp.test(e) || _commasOutsideParenExp.test(b)) {\n\t\t\t\tba = b.replace(_commasOutsideParenExp, \"|\").split(\"|\");\n\t\t\t\tea = e.replace(_commasOutsideParenExp, \"|\").split(\"|\");\n\t\t\t} else if (kwd) {\n\t\t\t\tba = [b];\n\t\t\t\tea = [e];\n\t\t\t}\n\t\t\tif (ea) {\n\t\t\t\tl = (ea.length > ba.length) ? ea.length : ba.length;\n\t\t\t\tfor (i = 0; i < l; i++) {\n\t\t\t\t\tb = ba[i] = ba[i] || this.dflt;\n\t\t\t\t\te = ea[i] = ea[i] || this.dflt;\n\t\t\t\t\tif (kwd) {\n\t\t\t\t\t\tbi = b.indexOf(kwd);\n\t\t\t\t\t\tei = e.indexOf(kwd);\n\t\t\t\t\t\tif (bi !== ei) {\n\t\t\t\t\t\t\tif (ei === -1) { //if the keyword isn't in the end value, remove it from the beginning one.\n\t\t\t\t\t\t\t\tba[i] = ba[i].split(kwd).join(\"\");\n\t\t\t\t\t\t\t} else if (bi === -1) { //if the keyword isn't in the beginning, add it.\n\t\t\t\t\t\t\t\tba[i] += \" \" + kwd;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tb = ba.join(\", \");\n\t\t\t\te = ea.join(\", \");\n\t\t\t}\n\t\t\treturn _parseComplex(t, this.p, b, e, this.clrs, this.dflt, pt, this.pr, plugin, setRatio);\n\t\t};\n\n\t\t/**\n\t\t * Accepts a target and end value and spits back a CSSPropTween that has been inserted into the CSSPlugin's linked list and conforms with all the conventions we use internally, like type:-1, 0, 1, or 2, setting up any extra property tweens, priority, etc. For example, if we have a boxShadow SpecialProp and call:\n\t\t * this._firstPT = sp.parse(element, \"5px 10px 20px rgb(2550,102,51)\", \"boxShadow\", this);\n\t\t * It should figure out the starting value of the element's boxShadow, compare it to the provided end value and create all the necessary CSSPropTweens of the appropriate types to tween the boxShadow. The CSSPropTween that gets spit back should already be inserted into the linked list (the 4th parameter is the current head, so prepend to that).\n\t\t * @param {!Object} t Target object whose property is being tweened\n\t\t * @param {Object} e End value as provided in the vars object (typically a string, but not always - like a throwProps would be an object).\n\t\t * @param {!string} p Property name\n\t\t * @param {!CSSPlugin} cssp The CSSPlugin instance that should be associated with this tween.\n\t\t * @param {?CSSPropTween} pt The CSSPropTween that is the current head of the linked list (we'll prepend to it)\n\t\t * @param {TweenPlugin=} plugin If a plugin will be used to tween the parsed value, this is the plugin instance.\n\t\t * @param {Object=} vars Original vars object that contains the data for parsing.\n\t\t * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parse() call.\n\t\t */\n\t\tp.parse = function(t, e, p, cssp, pt, plugin, vars) {\n\t\t\treturn this.parseComplex(t.style, this.format(_getStyle(t, this.p, _cs, false, this.dflt)), this.format(e), pt, plugin);\n\t\t};\n\n\t\t/**\n\t\t * Registers a special property that should be intercepted from any \"css\" objects defined in tweens. This allows you to handle them however you want without CSSPlugin doing it for you. The 2nd parameter should be a function that accepts 3 parameters:\n\t\t * 1) Target object whose property should be tweened (typically a DOM element)\n\t\t * 2) The end/destination value (could be a string, number, object, or whatever you want)\n\t\t * 3) The tween instance (you probably don't need to worry about this, but it can be useful for looking up information like the duration)\n\t\t *\n\t\t * Then, your function should return a function which will be called each time the tween gets rendered, passing a numeric \"ratio\" parameter to your function that indicates the change factor (usually between 0 and 1). For example:\n\t\t *\n\t\t * CSSPlugin.registerSpecialProp(\"myCustomProp\", function(target, value, tween) {\n\t\t * var start = target.style.width;\n\t\t * return function(ratio) {\n\t\t * target.style.width = (start + value * ratio) + \"px\";\n\t\t * console.log(\"set width to \" + target.style.width);\n\t\t * }\n\t\t * }, 0);\n\t\t *\n\t\t * Then, when I do this tween, it will trigger my special property:\n\t\t *\n\t\t * TweenLite.to(element, 1, {css:{myCustomProp:100}});\n\t\t *\n\t\t * In the example, of course, we're just changing the width, but you can do anything you want.\n\t\t *\n\t\t * @param {!string} name Property name (or comma-delimited list of property names) that should be intercepted and handled by your function. For example, if I define \"myCustomProp\", then it would handle that portion of the following tween: TweenLite.to(element, 1, {css:{myCustomProp:100}})\n\t\t * @param {!function(Object, Object, Object, string):function(number)} onInitTween The function that will be called when a tween of this special property is performed. The function will receive 4 parameters: 1) Target object that should be tweened, 2) Value that was passed to the tween, 3) The tween instance itself (rarely used), and 4) The property name that's being tweened. Your function should return a function that should be called on every update of the tween. That function will receive a single parameter that is a \"change factor\" value (typically between 0 and 1) indicating the amount of change as a ratio. You can use this to determine how to set the values appropriately in your function.\n\t\t * @param {number=} priority Priority that helps the engine determine the order in which to set the properties (default: 0). Higher priority properties will be updated before lower priority ones.\n\t\t */\n\t\tCSSPlugin.registerSpecialProp = function(name, onInitTween, priority) {\n\t\t\t_registerComplexSpecialProp(name, {parser:function(t, e, p, cssp, pt, plugin, vars) {\n\t\t\t\tvar rv = new CSSPropTween(t, p, 0, 0, pt, 2, p, false, priority);\n\t\t\t\trv.plugin = plugin;\n\t\t\t\trv.setRatio = onInitTween(t, e, cssp._tween, p);\n\t\t\t\treturn rv;\n\t\t\t}, priority:priority});\n\t\t};\n\n\n\n\n\n\n\t\t//transform-related methods and properties\n\t\tCSSPlugin.useSVGTransformAttr = true; //Safari and Firefox both have some rendering bugs when applying CSS transforms to SVG elements, so default to using the \"transform\" attribute instead (users can override this).\n\t\tvar _transformProps = (\"scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent\").split(\",\"),\n\t\t\t_transformProp = _checkPropPrefix(\"transform\"), //the Javascript (camelCase) transform property, like msTransform, WebkitTransform, MozTransform, or OTransform.\n\t\t\t_transformPropCSS = _prefixCSS + \"transform\",\n\t\t\t_transformOriginProp = _checkPropPrefix(\"transformOrigin\"),\n\t\t\t_supports3D = (_checkPropPrefix(\"perspective\") !== null),\n\t\t\tTransform = _internals.Transform = function() {\n\t\t\t\tthis.perspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0;\n\t\t\t\tthis.force3D = (CSSPlugin.defaultForce3D === false || !_supports3D) ? false : CSSPlugin.defaultForce3D || \"auto\";\n\t\t\t},\n\t\t\t_SVGElement = _gsScope.SVGElement,\n\t\t\t_useSVGTransformAttr,\n\t\t\t//Some browsers (like Firefox and IE) don't honor transform-origin properly in SVG elements, so we need to manually adjust the matrix accordingly. We feature detect here rather than always doing the conversion for certain browsers because they may fix the problem at some point in the future.\n\n\t\t\t_createSVG = function(type, container, attributes) {\n\t\t\t\tvar element = _doc.createElementNS(\"http://www.w3.org/2000/svg\", type),\n\t\t\t\t\treg = /([a-z])([A-Z])/g,\n\t\t\t\t\tp;\n\t\t\t\tfor (p in attributes) {\n\t\t\t\t\telement.setAttributeNS(null, p.replace(reg, \"$1-$2\").toLowerCase(), attributes[p]);\n\t\t\t\t}\n\t\t\t\tcontainer.appendChild(element);\n\t\t\t\treturn element;\n\t\t\t},\n\t\t\t_docElement = _doc.documentElement || {},\n\t\t\t_forceSVGTransformAttr = (function() {\n\t\t\t\t//IE and Android stock don't support CSS transforms on SVG elements, so we must write them to the \"transform\" attribute. We populate this variable in the _parseTransform() method, and only if/when we come across an SVG element\n\t\t\t\tvar force = _ieVers || (/Android/i.test(_agent) && !_gsScope.chrome),\n\t\t\t\t\tsvg, rect, width;\n\t\t\t\tif (_doc.createElementNS && _docElement.appendChild && !force) { //IE8 and earlier doesn't support SVG anyway\n\t\t\t\t\tsvg = _createSVG(\"svg\", _docElement);\n\t\t\t\t\trect = _createSVG(\"rect\", svg, {width:100, height:50, x:100});\n\t\t\t\t\twidth = rect.getBoundingClientRect().width;\n\t\t\t\t\trect.style[_transformOriginProp] = \"50% 50%\";\n\t\t\t\t\trect.style[_transformProp] = \"scaleX(0.5)\";\n\t\t\t\t\tforce = (width === rect.getBoundingClientRect().width && !(_isFirefox && _supports3D)); //note: Firefox fails the test even though it does support CSS transforms in 3D. Since we can't push 3D stuff into the transform attribute, we force Firefox to pass the test here (as long as it does truly support 3D).\n\t\t\t\t\t_docElement.removeChild(svg);\n\t\t\t\t}\n\t\t\t\treturn force;\n\t\t\t})(),\n\t\t\t_parseSVGOrigin = function(e, local, decoratee, absolute, smoothOrigin, skipRecord) {\n\t\t\t\tvar tm = e._gsTransform,\n\t\t\t\t\tm = _getMatrix(e, true),\n\t\t\t\t\tv, x, y, xOrigin, yOrigin, a, b, c, d, tx, ty, determinant, xOriginOld, yOriginOld;\n\t\t\t\tif (tm) {\n\t\t\t\t\txOriginOld = tm.xOrigin; //record the original values before we alter them.\n\t\t\t\t\tyOriginOld = tm.yOrigin;\n\t\t\t\t}\n\t\t\t\tif (!absolute || (v = absolute.split(\" \")).length < 2) {\n\t\t\t\t\tb = e.getBBox();\n\t\t\t\t\tif (b.x === 0 && b.y === 0 && b.width + b.height === 0) { //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\t\t\t\t\t\tb = {x: parseFloat(e.hasAttribute(\"x\") ? e.getAttribute(\"x\") : e.hasAttribute(\"cx\") ? e.getAttribute(\"cx\") : 0) || 0, y: parseFloat(e.hasAttribute(\"y\") ? e.getAttribute(\"y\") : e.hasAttribute(\"cy\") ? e.getAttribute(\"cy\") : 0) || 0, width:0, height:0};\n\t\t\t\t\t}\n\t\t\t\t\tlocal = _parsePosition(local).split(\" \");\n\t\t\t\t\tv = [(local[0].indexOf(\"%\") !== -1 ? parseFloat(local[0]) / 100 * b.width : parseFloat(local[0])) + b.x,\n\t\t\t\t\t\t (local[1].indexOf(\"%\") !== -1 ? parseFloat(local[1]) / 100 * b.height : parseFloat(local[1])) + b.y];\n\t\t\t\t}\n\t\t\t\tdecoratee.xOrigin = xOrigin = parseFloat(v[0]);\n\t\t\t\tdecoratee.yOrigin = yOrigin = parseFloat(v[1]);\n\t\t\t\tif (absolute && m !== _identity2DMatrix) { //if svgOrigin is being set, we must invert the matrix and determine where the absolute point is, factoring in the current transforms. Otherwise, the svgOrigin would be based on the element's non-transformed position on the canvas.\n\t\t\t\t\ta = m[0];\n\t\t\t\t\tb = m[1];\n\t\t\t\t\tc = m[2];\n\t\t\t\t\td = m[3];\n\t\t\t\t\ttx = m[4];\n\t\t\t\t\tty = m[5];\n\t\t\t\t\tdeterminant = (a * d - b * c);\n\t\t\t\t\tif (determinant) { //if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero.\n\t\t\t\t\t\tx = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + ((c * ty - d * tx) / determinant);\n\t\t\t\t\t\ty = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - ((a * ty - b * tx) / determinant);\n\t\t\t\t\t\txOrigin = decoratee.xOrigin = v[0] = x;\n\t\t\t\t\t\tyOrigin = decoratee.yOrigin = v[1] = y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (tm) { //avoid jump when transformOrigin is changed - adjust the x/y values accordingly\n\t\t\t\t\tif (skipRecord) {\n\t\t\t\t\t\tdecoratee.xOffset = tm.xOffset;\n\t\t\t\t\t\tdecoratee.yOffset = tm.yOffset;\n\t\t\t\t\t\ttm = decoratee;\n\t\t\t\t\t}\n\t\t\t\t\tif (smoothOrigin || (smoothOrigin !== false && CSSPlugin.defaultSmoothOrigin !== false)) {\n\t\t\t\t\t\tx = xOrigin - xOriginOld;\n\t\t\t\t\t\ty = yOrigin - yOriginOld;\n\t\t\t\t\t\t//originally, we simply adjusted the x and y values, but that would cause problems if, for example, you created a rotational tween part-way through an x/y tween. Managing the offset in a separate variable gives us ultimate flexibility.\n\t\t\t\t\t\t//tm.x -= x - (x * m[0] + y * m[2]);\n\t\t\t\t\t\t//tm.y -= y - (x * m[1] + y * m[3]);\n\t\t\t\t\t\ttm.xOffset += (x * m[0] + y * m[2]) - x;\n\t\t\t\t\t\ttm.yOffset += (x * m[1] + y * m[3]) - y;\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttm.xOffset = tm.yOffset = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (!skipRecord) {\n\t\t\t\t\te.setAttribute(\"data-svg-origin\", v.join(\" \"));\n\t\t\t\t}\n\t\t\t},\n\t\t\t_getBBoxHack = function(swapIfPossible) { //works around issues in some browsers (like Firefox) that don't correctly report getBBox() on SVG elements inside a element and/or . We try creating an SVG, adding it to the documentElement and toss the element in there so that it's definitely part of the rendering tree, then grab the bbox and if it works, we actually swap out the original getBBox() method for our own that does these extra steps whenever getBBox is needed. This helps ensure that performance is optimal (only do all these extra steps when absolutely necessary...most elements don't need it).\n\t\t\t\tvar svg = _createElement(\"svg\", (this.ownerSVGElement && this.ownerSVGElement.getAttribute(\"xmlns\")) || \"http://www.w3.org/2000/svg\"),\n\t\t\t\t\toldParent = this.parentNode,\n\t\t\t\t\toldSibling = this.nextSibling,\n\t\t\t\t\toldCSS = this.style.cssText,\n\t\t\t\t\tbbox;\n\t\t\t\t_docElement.appendChild(svg);\n\t\t\t\tsvg.appendChild(this);\n\t\t\t\tthis.style.display = \"block\";\n\t\t\t\tif (swapIfPossible) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tbbox = this.getBBox();\n\t\t\t\t\t\tthis._originalGetBBox = this.getBBox;\n\t\t\t\t\t\tthis.getBBox = _getBBoxHack;\n\t\t\t\t\t} catch (e) { }\n\t\t\t\t} else if (this._originalGetBBox) {\n\t\t\t\t\tbbox = this._originalGetBBox();\n\t\t\t\t}\n\t\t\t\tif (oldSibling) {\n\t\t\t\t\toldParent.insertBefore(this, oldSibling);\n\t\t\t\t} else {\n\t\t\t\t\toldParent.appendChild(this);\n\t\t\t\t}\n\t\t\t\t_docElement.removeChild(svg);\n\t\t\t\tthis.style.cssText = oldCSS;\n\t\t\t\treturn bbox;\n\t\t\t},\n\t\t\t_getBBox = function(e) {\n\t\t\t\ttry {\n\t\t\t\t\treturn e.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\t\t\t\t} catch (error) {\n\t\t\t\t\treturn _getBBoxHack.call(e, true);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_isSVG = function(e) { //reports if the element is an SVG on which getBBox() actually works\n\t\t\t\treturn !!(_SVGElement && e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));\n\t\t\t},\n\t\t\t_identity2DMatrix = [1,0,0,1,0,0],\n\t\t\t_getMatrix = function(e, force2D) {\n\t\t\t\tvar tm = e._gsTransform || new Transform(),\n\t\t\t\t\trnd = 100000,\n\t\t\t\t\tstyle = e.style,\n\t\t\t\t\tisDefault, s, m, n, dec, nextSibling, parent;\n\t\t\t\tif (_transformProp) {\n\t\t\t\t\ts = _getStyle(e, _transformPropCSS, null, true);\n\t\t\t\t} else if (e.currentStyle) {\n\t\t\t\t\t//for older versions of IE, we need to interpret the filter portion that is in the format: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand') Notice that we need to swap b and c compared to a normal matrix.\n\t\t\t\t\ts = e.currentStyle.filter.match(_ieGetMatrixExp);\n\t\t\t\t\ts = (s && s.length === 4) ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), (tm.x || 0), (tm.y || 0)].join(\",\") : \"\";\n\t\t\t\t}\n\t\t\t\tisDefault = (!s || s === \"none\" || s === \"matrix(1, 0, 0, 1, 0, 0)\");\n\t\t\t\tif (_transformProp && isDefault && !e.offsetParent && e !== _docElement) { //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\t\t\t\t\t//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\t\t\t\t\tn = style.display;\n\t\t\t\t\tstyle.display = \"block\";\n\t\t\t\t\tparent = e.parentNode;\n\t\t\t\t\tif (!parent || !e.offsetParent) {\n\t\t\t\t\t\tdec = 1; //flag\n\t\t\t\t\t\tnextSibling = e.nextSibling;\n\t\t\t\t\t\t_docElement.appendChild(e); //we must add it to the DOM in order to get values properly\n\t\t\t\t\t}\n\t\t\t\t\ts = _getStyle(e, _transformPropCSS, null, true);\n\t\t\t\t\tisDefault = (!s || s === \"none\" || s === \"matrix(1, 0, 0, 1, 0, 0)\");\n\t\t\t\t\tif (n) {\n\t\t\t\t\t\tstyle.display = n;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t_removeProp(style, \"display\");\n\t\t\t\t\t}\n\t\t\t\t\tif (dec) {\n\t\t\t\t\t\tif (nextSibling) {\n\t\t\t\t\t\t\tparent.insertBefore(e, nextSibling);\n\t\t\t\t\t\t} else if (parent) {\n\t\t\t\t\t\t\tparent.appendChild(e);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t_docElement.removeChild(e);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (tm.svg || (e.getCTM && _isSVG(e))) {\n\t\t\t\t\tif (isDefault && (style[_transformProp] + \"\").indexOf(\"matrix\") !== -1) { //some browsers (like Chrome 40) don't correctly report transforms that are applied inline on an SVG element (they don't get included in the computed style), so we double-check here and accept matrix values\n\t\t\t\t\t\ts = style[_transformProp];\n\t\t\t\t\t\tisDefault = 0;\n\t\t\t\t\t}\n\t\t\t\t\tm = e.getAttribute(\"transform\");\n\t\t\t\t\tif (isDefault && m) {\n\t\t\t\t\t\tm = e.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\t\t\t\t\t\ts = \"matrix(\" + m.a + \",\" + m.b + \",\" + m.c + \",\" + m.d + \",\" + m.e + \",\" + m.f + \")\";\n\t\t\t\t\t\tisDefault = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (isDefault) {\n\t\t\t\t\treturn _identity2DMatrix;\n\t\t\t\t}\n\t\t\t\t//split the matrix values out into an array (m for matrix)\n\t\t\t\tm = (s || \"\").match(_numExp) || [];\n\t\t\t\ti = m.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tn = Number(m[i]);\n\t\t\t\t\tm[i] = (dec = n - (n |= 0)) ? ((dec * rnd + (dec < 0 ? -0.5 : 0.5)) | 0) / rnd + n : n; //convert strings to Numbers and round to 5 decimal places to avoid issues with tiny numbers. Roughly 20x faster than Number.toFixed(). We also must make sure to round before dividing so that values like 0.9999999999 become 1 to avoid glitches in browser rendering and interpretation of flipped/rotated 3D matrices. And don't just multiply the number by rnd, floor it, and then divide by rnd because the bitwise operations max out at a 32-bit signed integer, thus it could get clipped at a relatively low value (like 22,000.00000 for example).\n\t\t\t\t}\n\t\t\t\treturn (force2D && m.length > 6) ? [m[0], m[1], m[4], m[5], m[12], m[13]] : m;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Parses the transform values for an element, returning an object with x, y, z, scaleX, scaleY, scaleZ, rotation, rotationX, rotationY, skewX, and skewY properties. Note: by default (for performance reasons), all skewing is combined into skewX and rotation but skewY still has a place in the transform object so that we can record how much of the skew is attributed to skewX vs skewY. Remember, a skewY of 10 looks the same as a rotation of 10 and skewX of -10.\n\t\t\t * @param {!Object} t target element\n\t\t\t * @param {Object=} cs computed style object (optional)\n\t\t\t * @param {boolean=} rec if true, the transform values will be recorded to the target element's _gsTransform object, like target._gsTransform = {x:0, y:0, z:0, scaleX:1...}\n\t\t\t * @param {boolean=} parse if true, we'll ignore any _gsTransform values that already exist on the element, and force a reparsing of the css (calculated style)\n\t\t\t * @return {object} object containing all of the transform properties/values like {x:0, y:0, z:0, scaleX:1...}\n\t\t\t */\n\t\t\t_getTransform = _internals.getTransform = function(t, cs, rec, parse) {\n\t\t\t\tif (t._gsTransform && rec && !parse) {\n\t\t\t\t\treturn t._gsTransform; //if the element already has a _gsTransform, use that. Note: some browsers don't accurately return the calculated style for the transform (particularly for SVG), so it's almost always safest to just use the values we've already applied rather than re-parsing things.\n\t\t\t\t}\n\t\t\t\tvar tm = rec ? t._gsTransform || new Transform() : new Transform(),\n\t\t\t\t\tinvX = (tm.scaleX < 0), //in order to interpret things properly, we need to know if the user applied a negative scaleX previously so that we can adjust the rotation and skewX accordingly. Otherwise, if we always interpret a flipped matrix as affecting scaleY and the user only wants to tween the scaleX on multiple sequential tweens, it would keep the negative scaleY without that being the user's intent.\n\t\t\t\t\tmin = 0.00002,\n\t\t\t\t\trnd = 100000,\n\t\t\t\t\tzOrigin = _supports3D ? parseFloat(_getStyle(t, _transformOriginProp, cs, false, \"0 0 0\").split(\" \")[2]) || tm.zOrigin || 0 : 0,\n\t\t\t\t\tdefaultTransformPerspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0,\n\t\t\t\t\tm, i, scaleX, scaleY, rotation, skewX;\n\n\t\t\t\ttm.svg = !!(t.getCTM && _isSVG(t));\n\t\t\t\tif (tm.svg) {\n\t\t\t\t\t_parseSVGOrigin(t, _getStyle(t, _transformOriginProp, cs, false, \"50% 50%\") + \"\", tm, t.getAttribute(\"data-svg-origin\"));\n\t\t\t\t\t_useSVGTransformAttr = CSSPlugin.useSVGTransformAttr || _forceSVGTransformAttr;\n\t\t\t\t}\n\t\t\t\tm = _getMatrix(t);\n\t\t\t\tif (m !== _identity2DMatrix) {\n\n\t\t\t\t\tif (m.length === 16) {\n\t\t\t\t\t\t//we'll only look at these position-related 6 variables first because if x/y/z all match, it's relatively safe to assume we don't need to re-parse everything which risks losing important rotational information (like rotationX:180 plus rotationY:180 would look the same as rotation:180 - there's no way to know for sure which direction was taken based solely on the matrix3d() values)\n\t\t\t\t\t\tvar a11 = m[0], a21 = m[1], a31 = m[2], a41 = m[3],\n\t\t\t\t\t\t\ta12 = m[4], a22 = m[5], a32 = m[6], a42 = m[7],\n\t\t\t\t\t\t\ta13 = m[8], a23 = m[9], a33 = m[10],\n\t\t\t\t\t\t\ta14 = m[12], a24 = m[13], a34 = m[14],\n\t\t\t\t\t\t\ta43 = m[11],\n\t\t\t\t\t\t\tangle = Math.atan2(a32, a33),\n\t\t\t\t\t\t\tt1, t2, t3, t4, cos, sin;\n\t\t\t\t\t\t//we manually compensate for non-zero z component of transformOrigin to work around bugs in Safari\n\t\t\t\t\t\tif (tm.zOrigin) {\n\t\t\t\t\t\t\ta34 = -tm.zOrigin;\n\t\t\t\t\t\t\ta14 = a13*a34-m[12];\n\t\t\t\t\t\t\ta24 = a23*a34-m[13];\n\t\t\t\t\t\t\ta34 = a33*a34+tm.zOrigin-m[14];\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//note for possible future consolidation: rotationX: Math.atan2(a32, a33), rotationY: Math.atan2(-a31, Math.sqrt(a33 * a33 + a32 * a32)), rotation: Math.atan2(a21, a11), skew: Math.atan2(a12, a22). However, it doesn't seem to be quite as reliable as the full-on backwards rotation procedure.\n\t\t\t\t\t\ttm.rotationX = angle * _RAD2DEG;\n\t\t\t\t\t\t//rotationX\n\t\t\t\t\t\tif (angle) {\n\t\t\t\t\t\t\tcos = Math.cos(-angle);\n\t\t\t\t\t\t\tsin = Math.sin(-angle);\n\t\t\t\t\t\t\tt1 = a12*cos+a13*sin;\n\t\t\t\t\t\t\tt2 = a22*cos+a23*sin;\n\t\t\t\t\t\t\tt3 = a32*cos+a33*sin;\n\t\t\t\t\t\t\ta13 = a12*-sin+a13*cos;\n\t\t\t\t\t\t\ta23 = a22*-sin+a23*cos;\n\t\t\t\t\t\t\ta33 = a32*-sin+a33*cos;\n\t\t\t\t\t\t\ta43 = a42*-sin+a43*cos;\n\t\t\t\t\t\t\ta12 = t1;\n\t\t\t\t\t\t\ta22 = t2;\n\t\t\t\t\t\t\ta32 = t3;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//rotationY\n\t\t\t\t\t\tangle = Math.atan2(-a31, a33);\n\t\t\t\t\t\ttm.rotationY = angle * _RAD2DEG;\n\t\t\t\t\t\tif (angle) {\n\t\t\t\t\t\t\tcos = Math.cos(-angle);\n\t\t\t\t\t\t\tsin = Math.sin(-angle);\n\t\t\t\t\t\t\tt1 = a11*cos-a13*sin;\n\t\t\t\t\t\t\tt2 = a21*cos-a23*sin;\n\t\t\t\t\t\t\tt3 = a31*cos-a33*sin;\n\t\t\t\t\t\t\ta23 = a21*sin+a23*cos;\n\t\t\t\t\t\t\ta33 = a31*sin+a33*cos;\n\t\t\t\t\t\t\ta43 = a41*sin+a43*cos;\n\t\t\t\t\t\t\ta11 = t1;\n\t\t\t\t\t\t\ta21 = t2;\n\t\t\t\t\t\t\ta31 = t3;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//rotationZ\n\t\t\t\t\t\tangle = Math.atan2(a21, a11);\n\t\t\t\t\t\ttm.rotation = angle * _RAD2DEG;\n\t\t\t\t\t\tif (angle) {\n\t\t\t\t\t\t\tcos = Math.cos(angle);\n\t\t\t\t\t\t\tsin = Math.sin(angle);\n\t\t\t\t\t\t\tt1 = a11*cos+a21*sin;\n\t\t\t\t\t\t\tt2 = a12*cos+a22*sin;\n\t\t\t\t\t\t\tt3 = a13*cos+a23*sin;\n\t\t\t\t\t\t\ta21 = a21*cos-a11*sin;\n\t\t\t\t\t\t\ta22 = a22*cos-a12*sin;\n\t\t\t\t\t\t\ta23 = a23*cos-a13*sin;\n\t\t\t\t\t\t\ta11 = t1;\n\t\t\t\t\t\t\ta12 = t2;\n\t\t\t\t\t\t\ta13 = t3;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (tm.rotationX && Math.abs(tm.rotationX) + Math.abs(tm.rotation) > 359.9) { //when rotationY is set, it will often be parsed as 180 degrees different than it should be, and rotationX and rotation both being 180 (it looks the same), so we adjust for that here.\n\t\t\t\t\t\t\ttm.rotationX = tm.rotation = 0;\n\t\t\t\t\t\t\ttm.rotationY = 180 - tm.rotationY;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t//skewX\n\t\t\t\t\t\tangle = Math.atan2(a12, a22);\n\n\t\t\t\t\t\t//scales\n\t\t\t\t\t\ttm.scaleX = ((Math.sqrt(a11 * a11 + a21 * a21 + a31 * a31) * rnd + 0.5) | 0) / rnd;\n\t\t\t\t\t\ttm.scaleY = ((Math.sqrt(a22 * a22 + a32 * a32) * rnd + 0.5) | 0) / rnd;\n\t\t\t\t\t\ttm.scaleZ = ((Math.sqrt(a13 * a13 + a23 * a23 + a33 * a33) * rnd + 0.5) | 0) / rnd;\n\t\t\t\t\t\ta11 /= tm.scaleX;\n\t\t\t\t\t\ta12 /= tm.scaleY;\n\t\t\t\t\t\ta21 /= tm.scaleX;\n\t\t\t\t\t\ta22 /= tm.scaleY;\n\t\t\t\t\t\tif (Math.abs(angle) > min) {\n\t\t\t\t\t\t\ttm.skewX = angle * _RAD2DEG;\n\t\t\t\t\t\t\ta12 = 0; //unskews\n\t\t\t\t\t\t\tif (tm.skewType !== \"simple\") {\n\t\t\t\t\t\t\t\ttm.scaleY *= 1 / Math.cos(angle); //by default, we compensate the scale based on the skew so that the element maintains a similar proportion when skewed, so we have to alter the scaleY here accordingly to match the default (non-adjusted) skewing that CSS does (stretching more and more as it skews).\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttm.skewX = 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* //for testing purposes\n\t\t\t\t\t\tvar transform = \"matrix3d(\",\n\t\t\t\t\t\t\tcomma = \",\",\n\t\t\t\t\t\t\tzero = \"0\";\n\t\t\t\t\t\ta13 /= tm.scaleZ;\n\t\t\t\t\t\ta23 /= tm.scaleZ;\n\t\t\t\t\t\ta31 /= tm.scaleX;\n\t\t\t\t\t\ta32 /= tm.scaleY;\n\t\t\t\t\t\ta33 /= tm.scaleZ;\n\t\t\t\t\t\ttransform += ((a11 < min && a11 > -min) ? zero : a11) + comma + ((a21 < min && a21 > -min) ? zero : a21) + comma + ((a31 < min && a31 > -min) ? zero : a31);\n\t\t\t\t\t\ttransform += comma + ((a41 < min && a41 > -min) ? zero : a41) + comma + ((a12 < min && a12 > -min) ? zero : a12) + comma + ((a22 < min && a22 > -min) ? zero : a22);\n\t\t\t\t\t\ttransform += comma + ((a32 < min && a32 > -min) ? zero : a32) + comma + ((a42 < min && a42 > -min) ? zero : a42) + comma + ((a13 < min && a13 > -min) ? zero : a13);\n\t\t\t\t\t\ttransform += comma + ((a23 < min && a23 > -min) ? zero : a23) + comma + ((a33 < min && a33 > -min) ? zero : a33) + comma + ((a43 < min && a43 > -min) ? zero : a43) + comma;\n\t\t\t\t\t\ttransform += a14 + comma + a24 + comma + a34 + comma + (tm.perspective ? (1 + (-a34 / tm.perspective)) : 1) + \")\";\n\t\t\t\t\t\tconsole.log(transform);\n\t\t\t\t\t\tdocument.querySelector(\".test\").style[_transformProp] = transform;\n\t\t\t\t\t\t*/\n\n\t\t\t\t\t\ttm.perspective = a43 ? 1 / ((a43 < 0) ? -a43 : a43) : 0;\n\t\t\t\t\t\ttm.x = a14;\n\t\t\t\t\t\ttm.y = a24;\n\t\t\t\t\t\ttm.z = a34;\n\t\t\t\t\t\tif (tm.svg) {\n\t\t\t\t\t\t\ttm.x -= tm.xOrigin - (tm.xOrigin * a11 - tm.yOrigin * a12);\n\t\t\t\t\t\t\ttm.y -= tm.yOrigin - (tm.yOrigin * a21 - tm.xOrigin * a22);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else if ((!_supports3D || parse || !m.length || tm.x !== m[4] || tm.y !== m[5] || (!tm.rotationX && !tm.rotationY))) { //sometimes a 6-element matrix is returned even when we performed 3D transforms, like if rotationX and rotationY are 180. In cases like this, we still need to honor the 3D transforms. If we just rely on the 2D info, it could affect how the data is interpreted, like scaleY might get set to -1 or rotation could get offset by 180 degrees. For example, do a TweenLite.to(element, 1, {css:{rotationX:180, rotationY:180}}) and then later, TweenLite.to(element, 1, {css:{rotationX:0}}) and without this conditional logic in place, it'd jump to a state of being unrotated when the 2nd tween starts. Then again, we need to honor the fact that the user COULD alter the transforms outside of CSSPlugin, like by manually applying new css, so we try to sense that by looking at x and y because if those changed, we know the changes were made outside CSSPlugin and we force a reinterpretation of the matrix values. Also, in Webkit browsers, if the element's \"display\" is \"none\", its calculated style value will always return empty, so if we've already recorded the values in the _gsTransform object, we'll just rely on those.\n\t\t\t\t\t\tvar k = (m.length >= 6),\n\t\t\t\t\t\t\ta = k ? m[0] : 1,\n\t\t\t\t\t\t\tb = m[1] || 0,\n\t\t\t\t\t\t\tc = m[2] || 0,\n\t\t\t\t\t\t\td = k ? m[3] : 1;\n\t\t\t\t\t\ttm.x = m[4] || 0;\n\t\t\t\t\t\ttm.y = m[5] || 0;\n\t\t\t\t\t\tscaleX = Math.sqrt(a * a + b * b);\n\t\t\t\t\t\tscaleY = Math.sqrt(d * d + c * c);\n\t\t\t\t\t\trotation = (a || b) ? Math.atan2(b, a) * _RAD2DEG : tm.rotation || 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\t\t\t\t\t\tskewX = (c || d) ? Math.atan2(c, d) * _RAD2DEG + rotation : tm.skewX || 0;\n\t\t\t\t\t\ttm.scaleX = scaleX;\n\t\t\t\t\t\ttm.scaleY = scaleY;\n\t\t\t\t\t\ttm.rotation = rotation;\n\t\t\t\t\t\ttm.skewX = skewX;\n\t\t\t\t\t\tif (_supports3D) {\n\t\t\t\t\t\t\ttm.rotationX = tm.rotationY = tm.z = 0;\n\t\t\t\t\t\t\ttm.perspective = defaultTransformPerspective;\n\t\t\t\t\t\t\ttm.scaleZ = 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (tm.svg) {\n\t\t\t\t\t\t\ttm.x -= tm.xOrigin - (tm.xOrigin * a + tm.yOrigin * c);\n\t\t\t\t\t\t\ttm.y -= tm.yOrigin - (tm.xOrigin * b + tm.yOrigin * d);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (Math.abs(tm.skewX) > 90 && Math.abs(tm.skewX) < 270) {\n\t\t\t\t\t\tif (invX) {\n\t\t\t\t\t\t\ttm.scaleX *= -1;\n\t\t\t\t\t\t\ttm.skewX += (tm.rotation <= 0) ? 180 : -180;\n\t\t\t\t\t\t\ttm.rotation += (tm.rotation <= 0) ? 180 : -180;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttm.scaleY *= -1;\n\t\t\t\t\t\t\ttm.skewX += (tm.skewX <= 0) ? 180 : -180;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ttm.zOrigin = zOrigin;\n\t\t\t\t\t//some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the \"e-\" towards the end) and would render the object slightly off. So we round to 0 in these cases. The conditional logic here is faster than calling Math.abs(). Also, browsers tend to render a SLIGHTLY rotated object in a fuzzy way, so we need to snap to exactly 0 when appropriate.\n\t\t\t\t\tfor (i in tm) {\n\t\t\t\t\t\tif (tm[i] < min) if (tm[i] > -min) {\n\t\t\t\t\t\t\ttm[i] = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t//DEBUG: _log(\"parsed rotation of \" + t.getAttribute(\"id\")+\": \"+(tm.rotationX)+\", \"+(tm.rotationY)+\", \"+(tm.rotation)+\", scale: \"+tm.scaleX+\", \"+tm.scaleY+\", \"+tm.scaleZ+\", position: \"+tm.x+\", \"+tm.y+\", \"+tm.z+\", perspective: \"+tm.perspective+ \", origin: \"+ tm.xOrigin+ \",\"+ tm.yOrigin);\n\t\t\t\tif (rec) {\n\t\t\t\t\tt._gsTransform = tm; //record to the object's _gsTransform which we use so that tweens can control individual properties independently (we need all the properties to accurately recompose the matrix in the setRatio() method)\n\t\t\t\t\tif (tm.svg) { //if we're supposed to apply transforms to the SVG element's \"transform\" attribute, make sure there aren't any CSS transforms applied or they'll override the attribute ones. Also clear the transform attribute if we're using CSS, just to be clean.\n\t\t\t\t\t\tif (_useSVGTransformAttr && t.style[_transformProp]) {\n\t\t\t\t\t\t\tTweenLite.delayedCall(0.001, function(){ //if we apply this right away (before anything has rendered), we risk there being no transforms for a brief moment and it also interferes with adjusting the transformOrigin in a tween with immediateRender:true (it'd try reading the matrix and it wouldn't have the appropriate data in place because we just removed it).\n\t\t\t\t\t\t\t\t_removeProp(t.style, _transformProp);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else if (!_useSVGTransformAttr && t.getAttribute(\"transform\")) {\n\t\t\t\t\t\t\tTweenLite.delayedCall(0.001, function(){\n\t\t\t\t\t\t\t\tt.removeAttribute(\"transform\");\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn tm;\n\t\t\t},\n\n\t\t\t//for setting 2D transforms in IE6, IE7, and IE8 (must use a \"filter\" to emulate the behavior of modern day browser transforms)\n\t\t\t_setIETransformRatio = function(v) {\n\t\t\t\tvar t = this.data, //refers to the element's _gsTransform object\n\t\t\t\t\tang = -t.rotation * _DEG2RAD,\n\t\t\t\t\tskew = ang + t.skewX * _DEG2RAD,\n\t\t\t\t\trnd = 100000,\n\t\t\t\t\ta = ((Math.cos(ang) * t.scaleX * rnd) | 0) / rnd,\n\t\t\t\t\tb = ((Math.sin(ang) * t.scaleX * rnd) | 0) / rnd,\n\t\t\t\t\tc = ((Math.sin(skew) * -t.scaleY * rnd) | 0) / rnd,\n\t\t\t\t\td = ((Math.cos(skew) * t.scaleY * rnd) | 0) / rnd,\n\t\t\t\t\tstyle = this.t.style,\n\t\t\t\t\tcs = this.t.currentStyle,\n\t\t\t\t\tfilters, val;\n\t\t\t\tif (!cs) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tval = b; //just for swapping the variables an inverting them (reused \"val\" to avoid creating another variable in memory). IE's filter matrix uses a non-standard matrix configuration (angle goes the opposite way, and b and c are reversed and inverted)\n\t\t\t\tb = -c;\n\t\t\t\tc = -val;\n\t\t\t\tfilters = cs.filter;\n\t\t\t\tstyle.filter = \"\"; //remove filters so that we can accurately measure offsetWidth/offsetHeight\n\t\t\t\tvar w = this.t.offsetWidth,\n\t\t\t\t\th = this.t.offsetHeight,\n\t\t\t\t\tclip = (cs.position !== \"absolute\"),\n\t\t\t\t\tm = \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + a + \", M12=\" + b + \", M21=\" + c + \", M22=\" + d,\n\t\t\t\t\tox = t.x + (w * t.xPercent / 100),\n\t\t\t\t\toy = t.y + (h * t.yPercent / 100),\n\t\t\t\t\tdx, dy;\n\n\t\t\t\t//if transformOrigin is being used, adjust the offset x and y\n\t\t\t\tif (t.ox != null) {\n\t\t\t\t\tdx = ((t.oxp) ? w * t.ox * 0.01 : t.ox) - w / 2;\n\t\t\t\t\tdy = ((t.oyp) ? h * t.oy * 0.01 : t.oy) - h / 2;\n\t\t\t\t\tox += dx - (dx * a + dy * b);\n\t\t\t\t\toy += dy - (dx * c + dy * d);\n\t\t\t\t}\n\n\t\t\t\tif (!clip) {\n\t\t\t\t\tm += \", sizingMethod='auto expand')\";\n\t\t\t\t} else {\n\t\t\t\t\tdx = (w / 2);\n\t\t\t\t\tdy = (h / 2);\n\t\t\t\t\t//translate to ensure that transformations occur around the correct origin (default is center).\n\t\t\t\t\tm += \", Dx=\" + (dx - (dx * a + dy * b) + ox) + \", Dy=\" + (dy - (dx * c + dy * d) + oy) + \")\";\n\t\t\t\t}\n\t\t\t\tif (filters.indexOf(\"DXImageTransform.Microsoft.Matrix(\") !== -1) {\n\t\t\t\t\tstyle.filter = filters.replace(_ieSetMatrixExp, m);\n\t\t\t\t} else {\n\t\t\t\t\tstyle.filter = m + \" \" + filters; //we must always put the transform/matrix FIRST (before alpha(opacity=xx)) to avoid an IE bug that slices part of the object when rotation is applied with alpha.\n\t\t\t\t}\n\n\t\t\t\t//at the end or beginning of the tween, if the matrix is normal (1, 0, 0, 1) and opacity is 100 (or doesn't exist), remove the filter to improve browser performance.\n\t\t\t\tif (v === 0 || v === 1) if (a === 1) if (b === 0) if (c === 0) if (d === 1) if (!clip || m.indexOf(\"Dx=0, Dy=0\") !== -1) if (!_opacityExp.test(filters) || parseFloat(RegExp.$1) === 100) if (filters.indexOf(\"gradient(\" && filters.indexOf(\"Alpha\")) === -1) {\n\t\t\t\t\tstyle.removeAttribute(\"filter\");\n\t\t\t\t}\n\n\t\t\t\t//we must set the margins AFTER applying the filter in order to avoid some bugs in IE8 that could (in rare scenarios) cause them to be ignored intermittently (vibration).\n\t\t\t\tif (!clip) {\n\t\t\t\t\tvar mult = (_ieVers < 8) ? 1 : -1, //in Internet Explorer 7 and before, the box model is broken, causing the browser to treat the width/height of the actual rotated filtered image as the width/height of the box itself, but Microsoft corrected that in IE8. We must use a negative offset in IE8 on the right/bottom\n\t\t\t\t\t\tmarg, prop, dif;\n\t\t\t\t\tdx = t.ieOffsetX || 0;\n\t\t\t\t\tdy = t.ieOffsetY || 0;\n\t\t\t\t\tt.ieOffsetX = Math.round((w - ((a < 0 ? -a : a) * w + (b < 0 ? -b : b) * h)) / 2 + ox);\n\t\t\t\t\tt.ieOffsetY = Math.round((h - ((d < 0 ? -d : d) * h + (c < 0 ? -c : c) * w)) / 2 + oy);\n\t\t\t\t\tfor (i = 0; i < 4; i++) {\n\t\t\t\t\t\tprop = _margins[i];\n\t\t\t\t\t\tmarg = cs[prop];\n\t\t\t\t\t\t//we need to get the current margin in case it is being tweened separately (we want to respect that tween's changes)\n\t\t\t\t\t\tval = (marg.indexOf(\"px\") !== -1) ? parseFloat(marg) : _convertToPixels(this.t, prop, parseFloat(marg), marg.replace(_suffixExp, \"\")) || 0;\n\t\t\t\t\t\tif (val !== t[prop]) {\n\t\t\t\t\t\t\tdif = (i < 2) ? -t.ieOffsetX : -t.ieOffsetY; //if another tween is controlling a margin, we cannot only apply the difference in the ieOffsets, so we essentially zero-out the dx and dy here in that case. We record the margin(s) later so that we can keep comparing them, making this code very flexible.\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdif = (i < 2) ? dx - t.ieOffsetX : dy - t.ieOffsetY;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle[prop] = (t[prop] = Math.round( val - dif * ((i === 0 || i === 2) ? 1 : mult) )) + \"px\";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/* translates a super small decimal to a string WITHOUT scientific notation\n\t\t\t_safeDecimal = function(n) {\n\t\t\t\tvar s = (n < 0 ? -n : n) + \"\",\n\t\t\t\t\ta = s.split(\"e-\");\n\t\t\t\treturn (n < 0 ? \"-0.\" : \"0.\") + new Array(parseInt(a[1], 10) || 0).join(\"0\") + a[0].split(\".\").join(\"\");\n\t\t\t},\n\t\t\t*/\n\n\t\t\t_setTransformRatio = _internals.set3DTransformRatio = _internals.setTransformRatio = function(v) {\n\t\t\t\tvar t = this.data, //refers to the element's _gsTransform object\n\t\t\t\t\tstyle = this.t.style,\n\t\t\t\t\tangle = t.rotation,\n\t\t\t\t\trotationX = t.rotationX,\n\t\t\t\t\trotationY = t.rotationY,\n\t\t\t\t\tsx = t.scaleX,\n\t\t\t\t\tsy = t.scaleY,\n\t\t\t\t\tsz = t.scaleZ,\n\t\t\t\t\tx = t.x,\n\t\t\t\t\ty = t.y,\n\t\t\t\t\tz = t.z,\n\t\t\t\t\tisSVG = t.svg,\n\t\t\t\t\tperspective = t.perspective,\n\t\t\t\t\tforce3D = t.force3D,\n\t\t\t\t\tskewY = t.skewY,\n\t\t\t\t\tskewX = t.skewX,\n\t\t\t\t\tt1,\ta11, a12, a13, a21, a22, a23, a31, a32, a33, a41, a42, a43,\n\t\t\t\t\tzOrigin, min, cos, sin, t2, transform, comma, zero, skew, rnd;\n\t\t\t\tif (skewY) { //for performance reasons, we combine all skewing into the skewX and rotation values. Remember, a skewY of 10 degrees looks the same as a rotation of 10 degrees plus a skewX of 10 degrees.\n\t\t\t\t\tskewX += skewY;\n\t\t\t\t\tangle += skewY;\n\t\t\t\t}\n\n\t\t\t\t//check to see if we should render as 2D (and SVGs must use 2D when _useSVGTransformAttr is true)\n\t\t\t\tif (((((v === 1 || v === 0) && force3D === \"auto\" && (this.tween._totalTime === this.tween._totalDuration || !this.tween._totalTime)) || !force3D) && !z && !perspective && !rotationY && !rotationX && sz === 1) || (_useSVGTransformAttr && isSVG) || !_supports3D) { //on the final render (which could be 0 for a from tween), if there are no 3D aspects, render in 2D to free up memory and improve performance especially on mobile devices. Check the tween's totalTime/totalDuration too in order to make sure it doesn't happen between repeats if it's a repeating tween.\n\n\t\t\t\t\t//2D\n\t\t\t\t\tif (angle || skewX || isSVG) {\n\t\t\t\t\t\tangle *= _DEG2RAD;\n\t\t\t\t\t\tskew = skewX * _DEG2RAD;\n\t\t\t\t\t\trnd = 100000;\n\t\t\t\t\t\ta11 = Math.cos(angle) * sx;\n\t\t\t\t\t\ta21 = Math.sin(angle) * sx;\n\t\t\t\t\t\ta12 = Math.sin(angle - skew) * -sy;\n\t\t\t\t\t\ta22 = Math.cos(angle - skew) * sy;\n\t\t\t\t\t\tif (skew && t.skewType === \"simple\") { //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to \"simple\" to use the uncompensated skewing that CSS does\n\t\t\t\t\t\t\tt1 = Math.tan(skew - skewY * _DEG2RAD);\n\t\t\t\t\t\t\tt1 = Math.sqrt(1 + t1 * t1);\n\t\t\t\t\t\t\ta12 *= t1;\n\t\t\t\t\t\t\ta22 *= t1;\n\t\t\t\t\t\t\tif (skewY) {\n\t\t\t\t\t\t\t\tt1 = Math.tan(skewY * _DEG2RAD);\n\t\t\t\t\t\t\t\tt1 = Math.sqrt(1 + t1 * t1);\n\t\t\t\t\t\t\t\ta11 *= t1;\n\t\t\t\t\t\t\t\ta21 *= t1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (isSVG) {\n\t\t\t\t\t\t\tx += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;\n\t\t\t\t\t\t\ty += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;\n\t\t\t\t\t\t\tif (_useSVGTransformAttr && (t.xPercent || t.yPercent)) { //The SVG spec doesn't support percentage-based translation in the \"transform\" attribute, so we merge it into the matrix to simulate it.\n\t\t\t\t\t\t\t\tmin = this.t.getBBox();\n\t\t\t\t\t\t\t\tx += t.xPercent * 0.01 * min.width;\n\t\t\t\t\t\t\t\ty += t.yPercent * 0.01 * min.height;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin = 0.000001;\n\t\t\t\t\t\t\tif (x < min) if (x > -min) {\n\t\t\t\t\t\t\t\tx = 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (y < min) if (y > -min) {\n\t\t\t\t\t\t\t\ty = 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttransform = (((a11 * rnd) | 0) / rnd) + \",\" + (((a21 * rnd) | 0) / rnd) + \",\" + (((a12 * rnd) | 0) / rnd) + \",\" + (((a22 * rnd) | 0) / rnd) + \",\" + x + \",\" + y + \")\";\n\t\t\t\t\t\tif (isSVG && _useSVGTransformAttr) {\n\t\t\t\t\t\t\tthis.t.setAttribute(\"transform\", \"matrix(\" + transform);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t//some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the \"e-\" towards the end) and would render the object slightly off. So we round to 5 decimal places.\n\t\t\t\t\t\t\tstyle[_transformProp] = ((t.xPercent || t.yPercent) ? \"translate(\" + t.xPercent + \"%,\" + t.yPercent + \"%) matrix(\" : \"matrix(\") + transform;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstyle[_transformProp] = ((t.xPercent || t.yPercent) ? \"translate(\" + t.xPercent + \"%,\" + t.yPercent + \"%) matrix(\" : \"matrix(\") + sx + \",0,0,\" + sy + \",\" + x + \",\" + y + \")\";\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\n\t\t\t\t}\n\t\t\t\tif (_isFirefox) { //Firefox has a bug (at least in v25) that causes it to render the transparent part of 32-bit PNG images as black when displayed inside an iframe and the 3D scale is very small and doesn't change sufficiently enough between renders (like if you use a Power4.easeInOut to scale from 0 to 1 where the beginning values only change a tiny amount to begin the tween before accelerating). In this case, we force the scale to be 0.00002 instead which is visually the same but works around the Firefox issue.\n\t\t\t\t\tmin = 0.0001;\n\t\t\t\t\tif (sx < min && sx > -min) {\n\t\t\t\t\t\tsx = sz = 0.00002;\n\t\t\t\t\t}\n\t\t\t\t\tif (sy < min && sy > -min) {\n\t\t\t\t\t\tsy = sz = 0.00002;\n\t\t\t\t\t}\n\t\t\t\t\tif (perspective && !t.z && !t.rotationX && !t.rotationY) { //Firefox has a bug that causes elements to have an odd super-thin, broken/dotted black border on elements that have a perspective set but aren't utilizing 3D space (no rotationX, rotationY, or z).\n\t\t\t\t\t\tperspective = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (angle || skewX) {\n\t\t\t\t\tangle *= _DEG2RAD;\n\t\t\t\t\tcos = a11 = Math.cos(angle);\n\t\t\t\t\tsin = a21 = Math.sin(angle);\n\t\t\t\t\tif (skewX) {\n\t\t\t\t\t\tangle -= skewX * _DEG2RAD;\n\t\t\t\t\t\tcos = Math.cos(angle);\n\t\t\t\t\t\tsin = Math.sin(angle);\n\t\t\t\t\t\tif (t.skewType === \"simple\") { //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to \"simple\" to use the uncompensated skewing that CSS does\n\t\t\t\t\t\t\tt1 = Math.tan((skewX - skewY) * _DEG2RAD);\n\t\t\t\t\t\t\tt1 = Math.sqrt(1 + t1 * t1);\n\t\t\t\t\t\t\tcos *= t1;\n\t\t\t\t\t\t\tsin *= t1;\n\t\t\t\t\t\t\tif (t.skewY) {\n\t\t\t\t\t\t\t\tt1 = Math.tan(skewY * _DEG2RAD);\n\t\t\t\t\t\t\t\tt1 = Math.sqrt(1 + t1 * t1);\n\t\t\t\t\t\t\t\ta11 *= t1;\n\t\t\t\t\t\t\t\ta21 *= t1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ta12 = -sin;\n\t\t\t\t\ta22 = cos;\n\n\t\t\t\t} else if (!rotationY && !rotationX && sz === 1 && !perspective && !isSVG) { //if we're only translating and/or 2D scaling, this is faster...\n\t\t\t\t\tstyle[_transformProp] = ((t.xPercent || t.yPercent) ? \"translate(\" + t.xPercent + \"%,\" + t.yPercent + \"%) translate3d(\" : \"translate3d(\") + x + \"px,\" + y + \"px,\" + z +\"px)\" + ((sx !== 1 || sy !== 1) ? \" scale(\" + sx + \",\" + sy + \")\" : \"\");\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\ta11 = a22 = 1;\n\t\t\t\t\ta12 = a21 = 0;\n\t\t\t\t}\n\t\t\t\t// KEY INDEX AFFECTS a[row][column]\n\t\t\t\t// a11 0 rotation, rotationY, scaleX\n\t\t\t\t// a21 1 rotation, rotationY, scaleX\n\t\t\t\t// a31 2 rotationY, scaleX\n\t\t\t\t// a41 3 rotationY, scaleX\n\t\t\t\t// a12 4 rotation, skewX, rotationX, scaleY\n\t\t\t\t// a22 5 rotation, skewX, rotationX, scaleY\n\t\t\t\t// a32 6 rotationX, scaleY\n\t\t\t\t// a42 7 rotationX, scaleY\n\t\t\t\t// a13 8 rotationY, rotationX, scaleZ\n\t\t\t\t// a23 9 rotationY, rotationX, scaleZ\n\t\t\t\t// a33 10 rotationY, rotationX, scaleZ\n\t\t\t\t// a43 11 rotationY, rotationX, perspective, scaleZ\n\t\t\t\t// a14 12 x, zOrigin, svgOrigin\n\t\t\t\t// a24 13 y, zOrigin, svgOrigin\n\t\t\t\t// a34 14 z, zOrigin\n\t\t\t\t// a44 15\n\t\t\t\t// rotation: Math.atan2(a21, a11)\n\t\t\t\t// rotationY: Math.atan2(a13, a33) (or Math.atan2(a13, a11))\n\t\t\t\t// rotationX: Math.atan2(a32, a33)\n\t\t\t\ta33 = 1;\n\t\t\t\ta13 = a23 = a31 = a32 = a41 = a42 = 0;\n\t\t\t\ta43 = (perspective) ? -1 / perspective : 0;\n\t\t\t\tzOrigin = t.zOrigin;\n\t\t\t\tmin = 0.000001; //threshold below which browsers use scientific notation which won't work.\n\t\t\t\tcomma = \",\";\n\t\t\t\tzero = \"0\";\n\t\t\t\tangle = rotationY * _DEG2RAD;\n\t\t\t\tif (angle) {\n\t\t\t\t\tcos = Math.cos(angle);\n\t\t\t\t\tsin = Math.sin(angle);\n\t\t\t\t\ta31 = -sin;\n\t\t\t\t\ta41 = a43*-sin;\n\t\t\t\t\ta13 = a11*sin;\n\t\t\t\t\ta23 = a21*sin;\n\t\t\t\t\ta33 = cos;\n\t\t\t\t\ta43 *= cos;\n\t\t\t\t\ta11 *= cos;\n\t\t\t\t\ta21 *= cos;\n\t\t\t\t}\n\t\t\t\tangle = rotationX * _DEG2RAD;\n\t\t\t\tif (angle) {\n\t\t\t\t\tcos = Math.cos(angle);\n\t\t\t\t\tsin = Math.sin(angle);\n\t\t\t\t\tt1 = a12*cos+a13*sin;\n\t\t\t\t\tt2 = a22*cos+a23*sin;\n\t\t\t\t\ta32 = a33*sin;\n\t\t\t\t\ta42 = a43*sin;\n\t\t\t\t\ta13 = a12*-sin+a13*cos;\n\t\t\t\t\ta23 = a22*-sin+a23*cos;\n\t\t\t\t\ta33 = a33*cos;\n\t\t\t\t\ta43 = a43*cos;\n\t\t\t\t\ta12 = t1;\n\t\t\t\t\ta22 = t2;\n\t\t\t\t}\n\t\t\t\tif (sz !== 1) {\n\t\t\t\t\ta13*=sz;\n\t\t\t\t\ta23*=sz;\n\t\t\t\t\ta33*=sz;\n\t\t\t\t\ta43*=sz;\n\t\t\t\t}\n\t\t\t\tif (sy !== 1) {\n\t\t\t\t\ta12*=sy;\n\t\t\t\t\ta22*=sy;\n\t\t\t\t\ta32*=sy;\n\t\t\t\t\ta42*=sy;\n\t\t\t\t}\n\t\t\t\tif (sx !== 1) {\n\t\t\t\t\ta11*=sx;\n\t\t\t\t\ta21*=sx;\n\t\t\t\t\ta31*=sx;\n\t\t\t\t\ta41*=sx;\n\t\t\t\t}\n\n\t\t\t\tif (zOrigin || isSVG) {\n\t\t\t\t\tif (zOrigin) {\n\t\t\t\t\t\tx += a13*-zOrigin;\n\t\t\t\t\t\ty += a23*-zOrigin;\n\t\t\t\t\t\tz += a33*-zOrigin+zOrigin;\n\t\t\t\t\t}\n\t\t\t\t\tif (isSVG) { //due to bugs in some browsers, we need to manage the transform-origin of SVG manually\n\t\t\t\t\t\tx += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;\n\t\t\t\t\t\ty += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;\n\t\t\t\t\t}\n\t\t\t\t\tif (x < min && x > -min) {\n\t\t\t\t\t\tx = zero;\n\t\t\t\t\t}\n\t\t\t\t\tif (y < min && y > -min) {\n\t\t\t\t\t\ty = zero;\n\t\t\t\t\t}\n\t\t\t\t\tif (z < min && z > -min) {\n\t\t\t\t\t\tz = 0; //don't use string because we calculate perspective later and need the number.\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t//optimized way of concatenating all the values into a string. If we do it all in one shot, it's slower because of the way browsers have to create temp strings and the way it affects memory. If we do it piece-by-piece with +=, it's a bit slower too. We found that doing it in these sized chunks works best overall:\n\t\t\t\ttransform = ((t.xPercent || t.yPercent) ? \"translate(\" + t.xPercent + \"%,\" + t.yPercent + \"%) matrix3d(\" : \"matrix3d(\");\n\t\t\t\ttransform += ((a11 < min && a11 > -min) ? zero : a11) + comma + ((a21 < min && a21 > -min) ? zero : a21) + comma + ((a31 < min && a31 > -min) ? zero : a31);\n\t\t\t\ttransform += comma + ((a41 < min && a41 > -min) ? zero : a41) + comma + ((a12 < min && a12 > -min) ? zero : a12) + comma + ((a22 < min && a22 > -min) ? zero : a22);\n\t\t\t\tif (rotationX || rotationY || sz !== 1) { //performance optimization (often there's no rotationX or rotationY, so we can skip these calculations)\n\t\t\t\t\ttransform += comma + ((a32 < min && a32 > -min) ? zero : a32) + comma + ((a42 < min && a42 > -min) ? zero : a42) + comma + ((a13 < min && a13 > -min) ? zero : a13);\n\t\t\t\t\ttransform += comma + ((a23 < min && a23 > -min) ? zero : a23) + comma + ((a33 < min && a33 > -min) ? zero : a33) + comma + ((a43 < min && a43 > -min) ? zero : a43) + comma;\n\t\t\t\t} else {\n\t\t\t\t\ttransform += \",0,0,0,0,1,0,\";\n\t\t\t\t}\n\t\t\t\ttransform += x + comma + y + comma + z + comma + (perspective ? (1 + (-z / perspective)) : 1) + \")\";\n\n\t\t\t\tstyle[_transformProp] = transform;\n\t\t\t};\n\n\t\tp = Transform.prototype;\n\t\tp.x = p.y = p.z = p.skewX = p.skewY = p.rotation = p.rotationX = p.rotationY = p.zOrigin = p.xPercent = p.yPercent = p.xOffset = p.yOffset = 0;\n\t\tp.scaleX = p.scaleY = p.scaleZ = 1;\n\n\t\t_registerComplexSpecialProp(\"transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin\", {parser:function(t, e, parsingProp, cssp, pt, plugin, vars) {\n\t\t\tif (cssp._lastParsedTransform === vars) { return pt; } //only need to parse the transform once, and only if the browser supports it.\n\t\t\tcssp._lastParsedTransform = vars;\n\t\t\tvar scaleFunc = (vars.scale && typeof(vars.scale) === \"function\") ? vars.scale : 0; //if there's a function-based \"scale\" value, swap in the resulting numeric value temporarily. Otherwise, if it's called for both scaleX and scaleY independently, they may not match (like if the function uses Math.random()).\n\t\t\tif (scaleFunc) {\n\t\t\t\tvars.scale = scaleFunc(_index, t);\n\t\t\t}\n\t\t\tvar originalGSTransform = t._gsTransform,\n\t\t\t\tstyle = t.style,\n\t\t\t\tmin = 0.000001,\n\t\t\t\ti = _transformProps.length,\n\t\t\t\tv = vars,\n\t\t\t\tendRotations = {},\n\t\t\t\ttransformOriginString = \"transformOrigin\",\n\t\t\t\tm1 = _getTransform(t, _cs, true, v.parseTransform),\n\t\t\t\torig = v.transform && ((typeof(v.transform) === \"function\") ? v.transform(_index, _target) : v.transform),\n\t\t\t\tm2, copy, has3D, hasChange, dr, x, y, matrix, p;\n\t\t\tm1.skewType = v.skewType || m1.skewType || CSSPlugin.defaultSkewType;\n\t\t\tcssp._transform = m1;\n\t\t\tif (\"rotationZ\" in v) {\n\t\t\t\tv.rotation = v.rotationZ;\n\t\t\t}\n\t\t\tif (orig && typeof(orig) === \"string\" && _transformProp) { //for values like transform:\"rotate(60deg) scale(0.5, 0.8)\"\n\t\t\t\tcopy = _tempDiv.style; //don't use the original target because it might be SVG in which case some browsers don't report computed style correctly.\n\t\t\t\tcopy[_transformProp] = orig;\n\t\t\t\tcopy.display = \"block\"; //if display is \"none\", the browser often refuses to report the transform properties correctly.\n\t\t\t\tcopy.position = \"absolute\";\n\t\t\t\tif (orig.indexOf(\"%\") !== -1) { //%-based translations will fail unless we set the width/height to match the original target...\n\t\t\t\t\tcopy.width = _getStyle(t, \"width\");\n\t\t\t\t\tcopy.height = _getStyle(t, \"height\");\n\t\t\t\t}\n\t\t\t\t_doc.body.appendChild(_tempDiv);\n\t\t\t\tm2 = _getTransform(_tempDiv, null, false);\n\t\t\t\tif (m1.skewType === \"simple\") { //the default _getTransform() reports the skewX/scaleY as if skewType is \"compensated\", thus we need to adjust that here if skewType is \"simple\".\n\t\t\t\t\tm2.scaleY *= Math.cos(m2.skewX * _DEG2RAD);\n\t\t\t\t}\n\t\t\t\tif (m1.svg) { //if it's an SVG element, x/y part of the matrix will be affected by whatever we use as the origin and the offsets, so compensate here...\n\t\t\t\t\tx = m1.xOrigin;\n\t\t\t\t\ty = m1.yOrigin;\n\t\t\t\t\tm2.x -= m1.xOffset;\n\t\t\t\t\tm2.y -= m1.yOffset;\n\t\t\t\t\tif (v.transformOrigin || v.svgOrigin) { //if this tween is altering the origin, we must factor that in here. The actual work of recording the transformOrigin values and setting up the PropTween is done later (still inside this function) so we cannot leave the changes intact here - we only want to update the x/y accordingly.\n\t\t\t\t\t\torig = {};\n\t\t\t\t\t\t_parseSVGOrigin(t, _parsePosition(v.transformOrigin), orig, v.svgOrigin, v.smoothOrigin, true);\n\t\t\t\t\t\tx = orig.xOrigin;\n\t\t\t\t\t\ty = orig.yOrigin;\n\t\t\t\t\t\tm2.x -= orig.xOffset - m1.xOffset;\n\t\t\t\t\t\tm2.y -= orig.yOffset - m1.yOffset;\n\t\t\t\t\t}\n\t\t\t\t\tif (x || y) {\n\t\t\t\t\t\tmatrix = _getMatrix(_tempDiv, true);\n\t\t\t\t\t\tm2.x -= x - (x * matrix[0] + y * matrix[2]);\n\t\t\t\t\t\tm2.y -= y - (x * matrix[1] + y * matrix[3]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t_doc.body.removeChild(_tempDiv);\n\t\t\t\tif (!m2.perspective) {\n\t\t\t\t\tm2.perspective = m1.perspective; //tweening to no perspective gives very unintuitive results - just keep the same perspective in that case.\n\t\t\t\t}\n\t\t\t\tif (v.xPercent != null) {\n\t\t\t\t\tm2.xPercent = _parseVal(v.xPercent, m1.xPercent);\n\t\t\t\t}\n\t\t\t\tif (v.yPercent != null) {\n\t\t\t\t\tm2.yPercent = _parseVal(v.yPercent, m1.yPercent);\n\t\t\t\t}\n\t\t\t} else if (typeof(v) === \"object\") { //for values like scaleX, scaleY, rotation, x, y, skewX, and skewY or transform:{...} (object)\n\t\t\t\tm2 = {scaleX:_parseVal((v.scaleX != null) ? v.scaleX : v.scale, m1.scaleX),\n\t\t\t\t\tscaleY:_parseVal((v.scaleY != null) ? v.scaleY : v.scale, m1.scaleY),\n\t\t\t\t\tscaleZ:_parseVal(v.scaleZ, m1.scaleZ),\n\t\t\t\t\tx:_parseVal(v.x, m1.x),\n\t\t\t\t\ty:_parseVal(v.y, m1.y),\n\t\t\t\t\tz:_parseVal(v.z, m1.z),\n\t\t\t\t\txPercent:_parseVal(v.xPercent, m1.xPercent),\n\t\t\t\t\tyPercent:_parseVal(v.yPercent, m1.yPercent),\n\t\t\t\t\tperspective:_parseVal(v.transformPerspective, m1.perspective)};\n\t\t\t\tdr = v.directionalRotation;\n\t\t\t\tif (dr != null) {\n\t\t\t\t\tif (typeof(dr) === \"object\") {\n\t\t\t\t\t\tfor (copy in dr) {\n\t\t\t\t\t\t\tv[copy] = dr[copy];\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tv.rotation = dr;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (typeof(v.x) === \"string\" && v.x.indexOf(\"%\") !== -1) {\n\t\t\t\t\tm2.x = 0;\n\t\t\t\t\tm2.xPercent = _parseVal(v.x, m1.xPercent);\n\t\t\t\t}\n\t\t\t\tif (typeof(v.y) === \"string\" && v.y.indexOf(\"%\") !== -1) {\n\t\t\t\t\tm2.y = 0;\n\t\t\t\t\tm2.yPercent = _parseVal(v.y, m1.yPercent);\n\t\t\t\t}\n\n\t\t\t\tm2.rotation = _parseAngle((\"rotation\" in v) ? v.rotation : (\"shortRotation\" in v) ? v.shortRotation + \"_short\" : m1.rotation, m1.rotation, \"rotation\", endRotations);\n\t\t\t\tif (_supports3D) {\n\t\t\t\t\tm2.rotationX = _parseAngle((\"rotationX\" in v) ? v.rotationX : (\"shortRotationX\" in v) ? v.shortRotationX + \"_short\" : m1.rotationX || 0, m1.rotationX, \"rotationX\", endRotations);\n\t\t\t\t\tm2.rotationY = _parseAngle((\"rotationY\" in v) ? v.rotationY : (\"shortRotationY\" in v) ? v.shortRotationY + \"_short\" : m1.rotationY || 0, m1.rotationY, \"rotationY\", endRotations);\n\t\t\t\t}\n\t\t\t\tm2.skewX = _parseAngle(v.skewX, m1.skewX);\n\t\t\t\tm2.skewY = _parseAngle(v.skewY, m1.skewY);\n\t\t\t}\n\t\t\tif (_supports3D && v.force3D != null) {\n\t\t\t\tm1.force3D = v.force3D;\n\t\t\t\thasChange = true;\n\t\t\t}\n\n\t\t\thas3D = (m1.force3D || m1.z || m1.rotationX || m1.rotationY || m2.z || m2.rotationX || m2.rotationY || m2.perspective);\n\t\t\tif (!has3D && v.scale != null) {\n\t\t\t\tm2.scaleZ = 1; //no need to tween scaleZ.\n\t\t\t}\n\n\t\t\twhile (--i > -1) {\n\t\t\t\tp = _transformProps[i];\n\t\t\t\torig = m2[p] - m1[p];\n\t\t\t\tif (orig > min || orig < -min || v[p] != null || _forcePT[p] != null) {\n\t\t\t\t\thasChange = true;\n\t\t\t\t\tpt = new CSSPropTween(m1, p, m1[p], orig, pt);\n\t\t\t\t\tif (p in endRotations) {\n\t\t\t\t\t\tpt.e = endRotations[p]; //directional rotations typically have compensated values during the tween, but we need to make sure they end at exactly what the user requested\n\t\t\t\t\t}\n\t\t\t\t\tpt.xs0 = 0; //ensures the value stays numeric in setRatio()\n\t\t\t\t\tpt.plugin = plugin;\n\t\t\t\t\tcssp._overwriteProps.push(pt.n);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\torig = (typeof(v.transformOrigin) === \"function\") ? v.transformOrigin(_index, _target) : v.transformOrigin;\n\t\t\tif (m1.svg && (orig || v.svgOrigin)) {\n\t\t\t\tx = m1.xOffset; //when we change the origin, in order to prevent things from jumping we adjust the x/y so we must record those here so that we can create PropTweens for them and flip them at the same time as the origin\n\t\t\t\ty = m1.yOffset;\n\t\t\t\t_parseSVGOrigin(t, _parsePosition(orig), m2, v.svgOrigin, v.smoothOrigin);\n\t\t\t\tpt = _addNonTweeningNumericPT(m1, \"xOrigin\", (originalGSTransform ? m1 : m2).xOrigin, m2.xOrigin, pt, transformOriginString); //note: if there wasn't a transformOrigin defined yet, just start with the destination one; it's wasteful otherwise, and it causes problems with fromTo() tweens. For example, TweenLite.to(\"#wheel\", 3, {rotation:180, transformOrigin:\"50% 50%\", delay:1}); TweenLite.fromTo(\"#wheel\", 3, {scale:0.5, transformOrigin:\"50% 50%\"}, {scale:1, delay:2}); would cause a jump when the from values revert at the beginning of the 2nd tween.\n\t\t\t\tpt = _addNonTweeningNumericPT(m1, \"yOrigin\", (originalGSTransform ? m1 : m2).yOrigin, m2.yOrigin, pt, transformOriginString);\n\t\t\t\tif (x !== m1.xOffset || y !== m1.yOffset) {\n\t\t\t\t\tpt = _addNonTweeningNumericPT(m1, \"xOffset\", (originalGSTransform ? x : m1.xOffset), m1.xOffset, pt, transformOriginString);\n\t\t\t\t\tpt = _addNonTweeningNumericPT(m1, \"yOffset\", (originalGSTransform ? y : m1.yOffset), m1.yOffset, pt, transformOriginString);\n\t\t\t\t}\n\t\t\t\torig = \"0px 0px\"; //certain browsers (like firefox) completely botch transform-origin, so we must remove it to prevent it from contaminating transforms. We manage it ourselves with xOrigin and yOrigin\n\t\t\t}\n\t\t\tif (orig || (_supports3D && has3D && m1.zOrigin)) { //if anything 3D is happening and there's a transformOrigin with a z component that's non-zero, we must ensure that the transformOrigin's z-component is set to 0 so that we can manually do those calculations to get around Safari bugs. Even if the user didn't specifically define a \"transformOrigin\" in this particular tween (maybe they did it via css directly).\n\t\t\t\tif (_transformProp) {\n\t\t\t\t\thasChange = true;\n\t\t\t\t\tp = _transformOriginProp;\n\t\t\t\t\tif (!orig) {\n\t\t\t\t\t\torig = (_getStyle(t, p, _cs, false, \"50% 50%\") + \"\").split(\" \");\n\t\t\t\t\t\torig = orig[0] + \" \" + orig[1] + \" \" + m1.zOrigin + \"px\";\n\t\t\t\t\t}\n\t\t\t\t\torig += \"\";\n\t\t\t\t\tpt = new CSSPropTween(style, p, 0, 0, pt, -1, transformOriginString);\n\t\t\t\t\tpt.b = style[p];\n\t\t\t\t\tpt.plugin = plugin;\n\t\t\t\t\tif (_supports3D) {\n\t\t\t\t\t\tcopy = m1.zOrigin;\n\t\t\t\t\t\torig = orig.split(\" \");\n\t\t\t\t\t\tm1.zOrigin = ((orig.length > 2) ? parseFloat(orig[2]) : copy) || 0; //Safari doesn't handle the z part of transformOrigin correctly, so we'll manually handle it in the _set3DTransformRatio() method.\n\t\t\t\t\t\tpt.xs0 = pt.e = orig[0] + \" \" + (orig[1] || \"50%\") + \" 0px\"; //we must define a z value of 0px specifically otherwise iOS 5 Safari will stick with the old one (if one was defined)!\n\t\t\t\t\t\tpt = new CSSPropTween(m1, \"zOrigin\", 0, 0, pt, -1, pt.n); //we must create a CSSPropTween for the _gsTransform.zOrigin so that it gets reset properly at the beginning if the tween runs backward (as opposed to just setting m1.zOrigin here)\n\t\t\t\t\t\tpt.b = copy;\n\t\t\t\t\t\tpt.xs0 = pt.e = m1.zOrigin;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpt.xs0 = pt.e = orig;\n\t\t\t\t\t}\n\n\t\t\t\t\t//for older versions of IE (6-8), we need to manually calculate things inside the setRatio() function. We record origin x and y (ox and oy) and whether or not the values are percentages (oxp and oyp).\n\t\t\t\t} else {\n\t\t\t\t\t_parsePosition(orig + \"\", m1);\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (hasChange) {\n\t\t\t\tcssp._transformType = (!(m1.svg && _useSVGTransformAttr) && (has3D || this._transformType === 3)) ? 3 : 2; //quicker than calling cssp._enableTransforms();\n\t\t\t}\n\t\t\tif (scaleFunc) {\n\t\t\t\tvars.scale = scaleFunc;\n\t\t\t}\n\t\t\treturn pt;\n\t\t}, allowFunc:true, prefix:true});\n\n\t\t_registerComplexSpecialProp(\"boxShadow\", {defaultValue:\"0px 0px 0px 0px #999\", prefix:true, color:true, multi:true, keyword:\"inset\"});\n\t\t_registerComplexSpecialProp(\"clipPath\", {defaultValue:\"inset(0%)\", prefix:true, multi:true, formatter:_getFormatter(\"inset(0% 0% 0% 0%)\", false, true)});\n\n\t\t_registerComplexSpecialProp(\"borderRadius\", {defaultValue:\"0px\", parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\te = this.format(e);\n\t\t\tvar props = [\"borderTopLeftRadius\",\"borderTopRightRadius\",\"borderBottomRightRadius\",\"borderBottomLeftRadius\"],\n\t\t\t\tstyle = t.style,\n\t\t\t\tea1, i, es2, bs2, bs, es, bn, en, w, h, esfx, bsfx, rel, hn, vn, em;\n\t\t\tw = parseFloat(t.offsetWidth);\n\t\t\th = parseFloat(t.offsetHeight);\n\t\t\tea1 = e.split(\" \");\n\t\t\tfor (i = 0; i < props.length; i++) { //if we're dealing with percentages, we must convert things separately for the horizontal and vertical axis!\n\t\t\t\tif (this.p.indexOf(\"border\")) { //older browsers used a prefix\n\t\t\t\t\tprops[i] = _checkPropPrefix(props[i]);\n\t\t\t\t}\n\t\t\t\tbs = bs2 = _getStyle(t, props[i], _cs, false, \"0px\");\n\t\t\t\tif (bs.indexOf(\" \") !== -1) {\n\t\t\t\t\tbs2 = bs.split(\" \");\n\t\t\t\t\tbs = bs2[0];\n\t\t\t\t\tbs2 = bs2[1];\n\t\t\t\t}\n\t\t\t\tes = es2 = ea1[i];\n\t\t\t\tbn = parseFloat(bs);\n\t\t\t\tbsfx = bs.substr((bn + \"\").length);\n\t\t\t\trel = (es.charAt(1) === \"=\");\n\t\t\t\tif (rel) {\n\t\t\t\t\ten = parseInt(es.charAt(0)+\"1\", 10);\n\t\t\t\t\tes = es.substr(2);\n\t\t\t\t\ten *= parseFloat(es);\n\t\t\t\t\tesfx = es.substr((en + \"\").length - (en < 0 ? 1 : 0)) || \"\";\n\t\t\t\t} else {\n\t\t\t\t\ten = parseFloat(es);\n\t\t\t\t\tesfx = es.substr((en + \"\").length);\n\t\t\t\t}\n\t\t\t\tif (esfx === \"\") {\n\t\t\t\t\tesfx = _suffixMap[p] || bsfx;\n\t\t\t\t}\n\t\t\t\tif (esfx !== bsfx) {\n\t\t\t\t\thn = _convertToPixels(t, \"borderLeft\", bn, bsfx); //horizontal number (we use a bogus \"borderLeft\" property just because the _convertToPixels() method searches for the keywords \"Left\", \"Right\", \"Top\", and \"Bottom\" to determine of it's a horizontal or vertical property, and we need \"border\" in the name so that it knows it should measure relative to the element itself, not its parent.\n\t\t\t\t\tvn = _convertToPixels(t, \"borderTop\", bn, bsfx); //vertical number\n\t\t\t\t\tif (esfx === \"%\") {\n\t\t\t\t\t\tbs = (hn / w * 100) + \"%\";\n\t\t\t\t\t\tbs2 = (vn / h * 100) + \"%\";\n\t\t\t\t\t} else if (esfx === \"em\") {\n\t\t\t\t\t\tem = _convertToPixels(t, \"borderLeft\", 1, \"em\");\n\t\t\t\t\t\tbs = (hn / em) + \"em\";\n\t\t\t\t\t\tbs2 = (vn / em) + \"em\";\n\t\t\t\t\t} else {\n\t\t\t\t\t\tbs = hn + \"px\";\n\t\t\t\t\t\tbs2 = vn + \"px\";\n\t\t\t\t\t}\n\t\t\t\t\tif (rel) {\n\t\t\t\t\t\tes = (parseFloat(bs) + en) + esfx;\n\t\t\t\t\t\tes2 = (parseFloat(bs2) + en) + esfx;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpt = _parseComplex(style, props[i], bs + \" \" + bs2, es + \" \" + es2, false, \"0px\", pt);\n\t\t\t}\n\t\t\treturn pt;\n\t\t}, prefix:true, formatter:_getFormatter(\"0px 0px 0px 0px\", false, true)});\n\t\t_registerComplexSpecialProp(\"borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius\", {defaultValue:\"0px\", parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\treturn _parseComplex(t.style, p, this.format(_getStyle(t, p, _cs, false, \"0px 0px\")), this.format(e), false, \"0px\", pt);\n\t\t}, prefix:true, formatter:_getFormatter(\"0px 0px\", false, true)});\n\t\t_registerComplexSpecialProp(\"backgroundPosition\", {defaultValue:\"0 0\", parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\tvar bp = \"background-position\",\n\t\t\t\tcs = (_cs || _getComputedStyle(t, null)),\n\t\t\t\tbs = this.format( ((cs) ? _ieVers ? cs.getPropertyValue(bp + \"-x\") + \" \" + cs.getPropertyValue(bp + \"-y\") : cs.getPropertyValue(bp) : t.currentStyle.backgroundPositionX + \" \" + t.currentStyle.backgroundPositionY) || \"0 0\"), //Internet Explorer doesn't report background-position correctly - we must query background-position-x and background-position-y and combine them (even in IE10). Before IE9, we must do the same with the currentStyle object and use camelCase\n\t\t\t\tes = this.format(e),\n\t\t\t\tba, ea, i, pct, overlap, src;\n\t\t\tif ((bs.indexOf(\"%\") !== -1) !== (es.indexOf(\"%\") !== -1) && es.split(\",\").length < 2) {\n\t\t\t\tsrc = _getStyle(t, \"backgroundImage\").replace(_urlExp, \"\");\n\t\t\t\tif (src && src !== \"none\") {\n\t\t\t\t\tba = bs.split(\" \");\n\t\t\t\t\tea = es.split(\" \");\n\t\t\t\t\t_tempImg.setAttribute(\"src\", src); //set the temp IMG's src to the background-image so that we can measure its width/height\n\t\t\t\t\ti = 2;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tbs = ba[i];\n\t\t\t\t\t\tpct = (bs.indexOf(\"%\") !== -1);\n\t\t\t\t\t\tif (pct !== (ea[i].indexOf(\"%\") !== -1)) {\n\t\t\t\t\t\t\toverlap = (i === 0) ? t.offsetWidth - _tempImg.width : t.offsetHeight - _tempImg.height;\n\t\t\t\t\t\t\tba[i] = pct ? (parseFloat(bs) / 100 * overlap) + \"px\" : (parseFloat(bs) / overlap * 100) + \"%\";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbs = ba.join(\" \");\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn this.parseComplex(t.style, bs, es, pt, plugin);\n\t\t}, formatter:_parsePosition});\n\t\t_registerComplexSpecialProp(\"backgroundSize\", {defaultValue:\"0 0\", formatter:function(v) {\n\t\t\tv += \"\"; //ensure it's a string\n\t\t\treturn (v.substr(0,2) === \"co\") ? v : _parsePosition(v.indexOf(\" \") === -1 ? v + \" \" + v : v); //if set to something like \"100% 100%\", Safari typically reports the computed style as just \"100%\" (no 2nd value), but we should ensure that there are two values, so copy the first one. Otherwise, it'd be interpreted as \"100% 0\" (wrong). Also remember that it could be \"cover\" or \"contain\" which we can't tween but should be able to set.\n\t\t}});\n\t\t_registerComplexSpecialProp(\"perspective\", {defaultValue:\"0px\", prefix:true});\n\t\t_registerComplexSpecialProp(\"perspectiveOrigin\", {defaultValue:\"50% 50%\", prefix:true});\n\t\t_registerComplexSpecialProp(\"transformStyle\", {prefix:true});\n\t\t_registerComplexSpecialProp(\"backfaceVisibility\", {prefix:true});\n\t\t_registerComplexSpecialProp(\"userSelect\", {prefix:true});\n\t\t_registerComplexSpecialProp(\"margin\", {parser:_getEdgeParser(\"marginTop,marginRight,marginBottom,marginLeft\")});\n\t\t_registerComplexSpecialProp(\"padding\", {parser:_getEdgeParser(\"paddingTop,paddingRight,paddingBottom,paddingLeft\")});\n\t\t_registerComplexSpecialProp(\"clip\", {defaultValue:\"rect(0px,0px,0px,0px)\", parser:function(t, e, p, cssp, pt, plugin){\n\t\t\tvar b, cs, delim;\n\t\t\tif (_ieVers < 9) { //IE8 and earlier don't report a \"clip\" value in the currentStyle - instead, the values are split apart into clipTop, clipRight, clipBottom, and clipLeft. Also, in IE7 and earlier, the values inside rect() are space-delimited, not comma-delimited.\n\t\t\t\tcs = t.currentStyle;\n\t\t\t\tdelim = _ieVers < 8 ? \" \" : \",\";\n\t\t\t\tb = \"rect(\" + cs.clipTop + delim + cs.clipRight + delim + cs.clipBottom + delim + cs.clipLeft + \")\";\n\t\t\t\te = this.format(e).split(\",\").join(delim);\n\t\t\t} else {\n\t\t\t\tb = this.format(_getStyle(t, this.p, _cs, false, this.dflt));\n\t\t\t\te = this.format(e);\n\t\t\t}\n\t\t\treturn this.parseComplex(t.style, b, e, pt, plugin);\n\t\t}});\n\t\t_registerComplexSpecialProp(\"textShadow\", {defaultValue:\"0px 0px 0px #999\", color:true, multi:true});\n\t\t_registerComplexSpecialProp(\"autoRound,strictUnits\", {parser:function(t, e, p, cssp, pt) {return pt;}}); //just so that we can ignore these properties (not tween them)\n\t\t_registerComplexSpecialProp(\"border\", {defaultValue:\"0px solid #000\", parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\tvar bw = _getStyle(t, \"borderTopWidth\", _cs, false, \"0px\"),\n\t\t\t\tend = this.format(e).split(\" \"),\n\t\t\t\tesfx = end[0].replace(_suffixExp, \"\");\n\t\t\tif (esfx !== \"px\") { //if we're animating to a non-px value, we need to convert the beginning width to that unit.\n\t\t\t\tbw = (parseFloat(bw) / _convertToPixels(t, \"borderTopWidth\", 1, esfx)) + esfx;\n\t\t\t}\n\t\t\treturn this.parseComplex(t.style, this.format(bw + \" \" + _getStyle(t, \"borderTopStyle\", _cs, false, \"solid\") + \" \" + _getStyle(t, \"borderTopColor\", _cs, false, \"#000\")), end.join(\" \"), pt, plugin);\n\t\t\t}, color:true, formatter:function(v) {\n\t\t\t\tvar a = v.split(\" \");\n\t\t\t\treturn a[0] + \" \" + (a[1] || \"solid\") + \" \" + (v.match(_colorExp) || [\"#000\"])[0];\n\t\t\t}});\n\t\t_registerComplexSpecialProp(\"borderWidth\", {parser:_getEdgeParser(\"borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth\")}); //Firefox doesn't pick up on borderWidth set in style sheets (only inline).\n\t\t_registerComplexSpecialProp(\"float,cssFloat,styleFloat\", {parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\tvar s = t.style,\n\t\t\t\tprop = (\"cssFloat\" in s) ? \"cssFloat\" : \"styleFloat\";\n\t\t\treturn new CSSPropTween(s, prop, 0, 0, pt, -1, p, false, 0, s[prop], e);\n\t\t}});\n\n\t\t//opacity-related\n\t\tvar _setIEOpacityRatio = function(v) {\n\t\t\t\tvar t = this.t, //refers to the element's style property\n\t\t\t\t\tfilters = t.filter || _getStyle(this.data, \"filter\") || \"\",\n\t\t\t\t\tval = (this.s + this.c * v) | 0,\n\t\t\t\t\tskip;\n\t\t\t\tif (val === 100) { //for older versions of IE that need to use a filter to apply opacity, we should remove the filter if opacity hits 1 in order to improve performance, but make sure there isn't a transform (matrix) or gradient in the filters.\n\t\t\t\t\tif (filters.indexOf(\"atrix(\") === -1 && filters.indexOf(\"radient(\") === -1 && filters.indexOf(\"oader(\") === -1) {\n\t\t\t\t\t\tt.removeAttribute(\"filter\");\n\t\t\t\t\t\tskip = (!_getStyle(this.data, \"filter\")); //if a class is applied that has an alpha filter, it will take effect (we don't want that), so re-apply our alpha filter in that case. We must first remove it and then check.\n\t\t\t\t\t} else {\n\t\t\t\t\t\tt.filter = filters.replace(_alphaFilterExp, \"\");\n\t\t\t\t\t\tskip = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (!skip) {\n\t\t\t\t\tif (this.xn1) {\n\t\t\t\t\t\tt.filter = filters = filters || (\"alpha(opacity=\" + val + \")\"); //works around bug in IE7/8 that prevents changes to \"visibility\" from being applied properly if the filter is changed to a different alpha on the same frame.\n\t\t\t\t\t}\n\t\t\t\t\tif (filters.indexOf(\"pacity\") === -1) { //only used if browser doesn't support the standard opacity style property (IE 7 and 8). We omit the \"O\" to avoid case-sensitivity issues\n\t\t\t\t\t\tif (val !== 0 || !this.xn1) { //bugs in IE7/8 won't render the filter properly if opacity is ADDED on the same frame/render as \"visibility\" changes (this.xn1 is 1 if this tween is an \"autoAlpha\" tween)\n\t\t\t\t\t\t\tt.filter = filters + \" alpha(opacity=\" + val + \")\"; //we round the value because otherwise, bugs in IE7/8 can prevent \"visibility\" changes from being applied properly.\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tt.filter = filters.replace(_opacityExp, \"opacity=\" + val);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t_registerComplexSpecialProp(\"opacity,alpha,autoAlpha\", {defaultValue:\"1\", parser:function(t, e, p, cssp, pt, plugin) {\n\t\t\tvar b = parseFloat(_getStyle(t, \"opacity\", _cs, false, \"1\")),\n\t\t\t\tstyle = t.style,\n\t\t\t\tisAutoAlpha = (p === \"autoAlpha\");\n\t\t\tif (typeof(e) === \"string\" && e.charAt(1) === \"=\") {\n\t\t\t\te = ((e.charAt(0) === \"-\") ? -1 : 1) * parseFloat(e.substr(2)) + b;\n\t\t\t}\n\t\t\tif (isAutoAlpha && b === 1 && _getStyle(t, \"visibility\", _cs) === \"hidden\" && e !== 0) { //if visibility is initially set to \"hidden\", we should interpret that as intent to make opacity 0 (a convenience)\n\t\t\t\tb = 0;\n\t\t\t}\n\t\t\tif (_supportsOpacity) {\n\t\t\t\tpt = new CSSPropTween(style, \"opacity\", b, e - b, pt);\n\t\t\t} else {\n\t\t\t\tpt = new CSSPropTween(style, \"opacity\", b * 100, (e - b) * 100, pt);\n\t\t\t\tpt.xn1 = isAutoAlpha ? 1 : 0; //we need to record whether or not this is an autoAlpha so that in the setRatio(), we know to duplicate the setting of the alpha in order to work around a bug in IE7 and IE8 that prevents changes to \"visibility\" from taking effect if the filter is changed to a different alpha(opacity) at the same time. Setting it to the SAME value first, then the new value works around the IE7/8 bug.\n\t\t\t\tstyle.zoom = 1; //helps correct an IE issue.\n\t\t\t\tpt.type = 2;\n\t\t\t\tpt.b = \"alpha(opacity=\" + pt.s + \")\";\n\t\t\t\tpt.e = \"alpha(opacity=\" + (pt.s + pt.c) + \")\";\n\t\t\t\tpt.data = t;\n\t\t\t\tpt.plugin = plugin;\n\t\t\t\tpt.setRatio = _setIEOpacityRatio;\n\t\t\t}\n\t\t\tif (isAutoAlpha) { //we have to create the \"visibility\" PropTween after the opacity one in the linked list so that they run in the order that works properly in IE8 and earlier\n\t\t\t\tpt = new CSSPropTween(style, \"visibility\", 0, 0, pt, -1, null, false, 0, ((b !== 0) ? \"inherit\" : \"hidden\"), ((e === 0) ? \"hidden\" : \"inherit\"));\n\t\t\t\tpt.xs0 = \"inherit\";\n\t\t\t\tcssp._overwriteProps.push(pt.n);\n\t\t\t\tcssp._overwriteProps.push(p);\n\t\t\t}\n\t\t\treturn pt;\n\t\t}});\n\n\n\t\tvar _removeProp = function(s, p) {\n\t\t\t\tif (p) {\n\t\t\t\t\tif (s.removeProperty) {\n\t\t\t\t\t\tif (p.substr(0,2) === \"ms\" || p.substr(0,6) === \"webkit\") { //Microsoft and some Webkit browsers don't conform to the standard of capitalizing the first prefix character, so we adjust so that when we prefix the caps with a dash, it's correct (otherwise it'd be \"ms-transform\" instead of \"-ms-transform\" for IE9, for example)\n\t\t\t\t\t\t\tp = \"-\" + p;\n\t\t\t\t\t\t}\n\t\t\t\t\t\ts.removeProperty(p.replace(_capsExp, \"-$1\").toLowerCase());\n\t\t\t\t\t} else { //note: old versions of IE use \"removeAttribute()\" instead of \"removeProperty()\"\n\t\t\t\t\t\ts.removeAttribute(p);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t_setClassNameRatio = function(v) {\n\t\t\t\tthis.t._gsClassPT = this;\n\t\t\t\tif (v === 1 || v === 0) {\n\t\t\t\t\tthis.t.setAttribute(\"class\", (v === 0) ? this.b : this.e);\n\t\t\t\t\tvar mpt = this.data, //first MiniPropTween\n\t\t\t\t\t\ts = this.t.style;\n\t\t\t\t\twhile (mpt) {\n\t\t\t\t\t\tif (!mpt.v) {\n\t\t\t\t\t\t\t_removeProp(s, mpt.p);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ts[mpt.p] = mpt.v;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmpt = mpt._next;\n\t\t\t\t\t}\n\t\t\t\t\tif (v === 1 && this.t._gsClassPT === this) {\n\t\t\t\t\t\tthis.t._gsClassPT = null;\n\t\t\t\t\t}\n\t\t\t\t} else if (this.t.getAttribute(\"class\") !== this.e) {\n\t\t\t\t\tthis.t.setAttribute(\"class\", this.e);\n\t\t\t\t}\n\t\t\t};\n\t\t_registerComplexSpecialProp(\"className\", {parser:function(t, e, p, cssp, pt, plugin, vars) {\n\t\t\tvar b = t.getAttribute(\"class\") || \"\", //don't use t.className because it doesn't work consistently on SVG elements; getAttribute(\"class\") and setAttribute(\"class\", value\") is more reliable.\n\t\t\t\tcssText = t.style.cssText,\n\t\t\t\tdifData, bs, cnpt, cnptLookup, mpt;\n\t\t\tpt = cssp._classNamePT = new CSSPropTween(t, p, 0, 0, pt, 2);\n\t\t\tpt.setRatio = _setClassNameRatio;\n\t\t\tpt.pr = -11;\n\t\t\t_hasPriority = true;\n\t\t\tpt.b = b;\n\t\t\tbs = _getAllStyles(t, _cs);\n\t\t\t//if there's a className tween already operating on the target, force it to its end so that the necessary inline styles are removed and the class name is applied before we determine the end state (we don't want inline styles interfering that were there just for class-specific values)\n\t\t\tcnpt = t._gsClassPT;\n\t\t\tif (cnpt) {\n\t\t\t\tcnptLookup = {};\n\t\t\t\tmpt = cnpt.data; //first MiniPropTween which stores the inline styles - we need to force these so that the inline styles don't contaminate things. Otherwise, there's a small chance that a tween could start and the inline values match the destination values and they never get cleaned.\n\t\t\t\twhile (mpt) {\n\t\t\t\t\tcnptLookup[mpt.p] = 1;\n\t\t\t\t\tmpt = mpt._next;\n\t\t\t\t}\n\t\t\t\tcnpt.setRatio(1);\n\t\t\t}\n\t\t\tt._gsClassPT = pt;\n\t\t\tpt.e = (e.charAt(1) !== \"=\") ? e : b.replace(new RegExp(\"(?:\\\\s|^)\" + e.substr(2) + \"(?![\\\\w-])\"), \"\") + ((e.charAt(0) === \"+\") ? \" \" + e.substr(2) : \"\");\n\t\t\tt.setAttribute(\"class\", pt.e);\n\t\t\tdifData = _cssDif(t, bs, _getAllStyles(t), vars, cnptLookup);\n\t\t\tt.setAttribute(\"class\", b);\n\t\t\tpt.data = difData.firstMPT;\n\t\t\tif (t.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\t\t\tt.style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).\n\t\t\t}\n\t\t\tpt = pt.xfirst = cssp.parse(t, difData.difs, pt, plugin); //we record the CSSPropTween as the xfirst so that we can handle overwriting propertly (if \"className\" gets overwritten, we must kill all the properties associated with the className part of the tween, so we can loop through from xfirst to the pt itself)\n\t\t\treturn pt;\n\t\t}});\n\n\n\t\tvar _setClearPropsRatio = function(v) {\n\t\t\tif (v === 1 || v === 0) if (this.data._totalTime === this.data._totalDuration && this.data.data !== \"isFromStart\") { //this.data refers to the tween. Only clear at the END of the tween (remember, from() tweens make the ratio go from 1 to 0, so we can't just check that and if the tween is the zero-duration one that's created internally to render the starting values in a from() tween, ignore that because otherwise, for example, from(...{height:100, clearProps:\"height\", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in).\n\t\t\t\tvar s = this.t.style,\n\t\t\t\t\ttransformParse = _specialProps.transform.parse,\n\t\t\t\t\ta, p, i, clearTransform, transform;\n\t\t\t\tif (this.e === \"all\") {\n\t\t\t\t\ts.cssText = \"\";\n\t\t\t\t\tclearTransform = true;\n\t\t\t\t} else {\n\t\t\t\t\ta = this.e.split(\" \").join(\"\").split(\",\");\n\t\t\t\t\ti = a.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\tp = a[i];\n\t\t\t\t\t\tif (_specialProps[p]) {\n\t\t\t\t\t\t\tif (_specialProps[p].parse === transformParse) {\n\t\t\t\t\t\t\t\tclearTransform = true;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tp = (p === \"transformOrigin\") ? _transformOriginProp : _specialProps[p].p; //ensures that special properties use the proper browser-specific property name, like \"scaleX\" might be \"-webkit-transform\" or \"boxShadow\" might be \"-moz-box-shadow\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t_removeProp(s, p);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (clearTransform) {\n\t\t\t\t\t_removeProp(s, _transformProp);\n\t\t\t\t\ttransform = this.t._gsTransform;\n\t\t\t\t\tif (transform) {\n\t\t\t\t\t\tif (transform.svg) {\n\t\t\t\t\t\t\tthis.t.removeAttribute(\"data-svg-origin\");\n\t\t\t\t\t\t\tthis.t.removeAttribute(\"transform\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdelete this.t._gsTransform;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\t\t};\n\t\t_registerComplexSpecialProp(\"clearProps\", {parser:function(t, e, p, cssp, pt) {\n\t\t\tpt = new CSSPropTween(t, p, 0, 0, pt, 2);\n\t\t\tpt.setRatio = _setClearPropsRatio;\n\t\t\tpt.e = e;\n\t\t\tpt.pr = -10;\n\t\t\tpt.data = cssp._tween;\n\t\t\t_hasPriority = true;\n\t\t\treturn pt;\n\t\t}});\n\n\t\tp = \"bezier,throwProps,physicsProps,physics2D\".split(\",\");\n\t\ti = p.length;\n\t\twhile (i--) {\n\t\t\t_registerPluginProp(p[i]);\n\t\t}\n\n\n\n\n\n\n\n\n\t\tp = CSSPlugin.prototype;\n\t\tp._firstPT = p._lastParsedTransform = p._transform = null;\n\n\t\t//gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.\n\t\tp._onInitTween = function(target, vars, tween, index) {\n\t\t\tif (!target.nodeType) { //css is only for dom elements\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tthis._target = _target = target;\n\t\t\tthis._tween = tween;\n\t\t\tthis._vars = vars;\n\t\t\t_index = index;\n\t\t\t_autoRound = vars.autoRound;\n\t\t\t_hasPriority = false;\n\t\t\t_suffixMap = vars.suffixMap || CSSPlugin.suffixMap;\n\t\t\t_cs = _getComputedStyle(target, \"\");\n\t\t\t_overwriteProps = this._overwriteProps;\n\t\t\tvar style = target.style,\n\t\t\t\tv, pt, pt2, first, last, next, zIndex, tpt, threeD;\n\t\t\tif (_reqSafariFix) if (style.zIndex === \"\") {\n\t\t\t\tv = _getStyle(target, \"zIndex\", _cs);\n\t\t\t\tif (v === \"auto\" || v === \"\") {\n\t\t\t\t\t//corrects a bug in [non-Android] Safari that prevents it from repainting elements in their new positions if they don't have a zIndex set. We also can't just apply this inside _parseTransform() because anything that's moved in any way (like using \"left\" or \"top\" instead of transforms like \"x\" and \"y\") can be affected, so it is best to ensure that anything that's tweening has a z-index. Setting \"WebkitPerspective\" to a non-zero value worked too except that on iOS Safari things would flicker randomly. Plus zIndex is less memory-intensive.\n\t\t\t\t\tthis._addLazySet(style, \"zIndex\", 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (typeof(vars) === \"string\") {\n\t\t\t\tfirst = style.cssText;\n\t\t\t\tv = _getAllStyles(target, _cs);\n\t\t\t\tstyle.cssText = first + \";\" + vars;\n\t\t\t\tv = _cssDif(target, v, _getAllStyles(target)).difs;\n\t\t\t\tif (!_supportsOpacity && _opacityValExp.test(vars)) {\n\t\t\t\t\tv.opacity = parseFloat( RegExp.$1 );\n\t\t\t\t}\n\t\t\t\tvars = v;\n\t\t\t\tstyle.cssText = first;\n\t\t\t}\n\n\t\t\tif (vars.className) { //className tweens will combine any differences they find in the css with the vars that are passed in, so {className:\"myClass\", scale:0.5, left:20} would work.\n\t\t\t\tthis._firstPT = pt = _specialProps.className.parse(target, vars.className, \"className\", this, null, null, vars);\n\t\t\t} else {\n\t\t\t\tthis._firstPT = pt = this.parse(target, vars, null);\n\t\t\t}\n\n\t\t\tif (this._transformType) {\n\t\t\t\tthreeD = (this._transformType === 3);\n\t\t\t\tif (!_transformProp) {\n\t\t\t\t\tstyle.zoom = 1; //helps correct an IE issue.\n\t\t\t\t} else if (_isSafari) {\n\t\t\t\t\t_reqSafariFix = true;\n\t\t\t\t\t//if zIndex isn't set, iOS Safari doesn't repaint things correctly sometimes (seemingly at random).\n\t\t\t\t\tif (style.zIndex === \"\") {\n\t\t\t\t\t\tzIndex = _getStyle(target, \"zIndex\", _cs);\n\t\t\t\t\t\tif (zIndex === \"auto\" || zIndex === \"\") {\n\t\t\t\t\t\t\tthis._addLazySet(style, \"zIndex\", 0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t//Setting WebkitBackfaceVisibility corrects 3 bugs:\n\t\t\t\t\t// 1) [non-Android] Safari skips rendering changes to \"top\" and \"left\" that are made on the same frame/render as a transform update.\n\t\t\t\t\t// 2) iOS Safari sometimes neglects to repaint elements in their new positions. Setting \"WebkitPerspective\" to a non-zero value worked too except that on iOS Safari things would flicker randomly.\n\t\t\t\t\t// 3) Safari sometimes displayed odd artifacts when tweening the transform (or WebkitTransform) property, like ghosts of the edges of the element remained. Definitely a browser bug.\n\t\t\t\t\t//Note: we allow the user to override the auto-setting by defining WebkitBackfaceVisibility in the vars of the tween.\n\t\t\t\t\tif (_isSafariLT6) {\n\t\t\t\t\t\tthis._addLazySet(style, \"WebkitBackfaceVisibility\", this._vars.WebkitBackfaceVisibility || (threeD ? \"visible\" : \"hidden\"));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tpt2 = pt;\n\t\t\t\twhile (pt2 && pt2._next) {\n\t\t\t\t\tpt2 = pt2._next;\n\t\t\t\t}\n\t\t\t\ttpt = new CSSPropTween(target, \"transform\", 0, 0, null, 2);\n\t\t\t\tthis._linkCSSP(tpt, null, pt2);\n\t\t\t\ttpt.setRatio = _transformProp ? _setTransformRatio : _setIETransformRatio;\n\t\t\t\ttpt.data = this._transform || _getTransform(target, _cs, true);\n\t\t\t\ttpt.tween = tween;\n\t\t\t\ttpt.pr = -1; //ensures that the transforms get applied after the components are updated.\n\t\t\t\t_overwriteProps.pop(); //we don't want to force the overwrite of all \"transform\" tweens of the target - we only care about individual transform properties like scaleX, rotation, etc. The CSSPropTween constructor automatically adds the property to _overwriteProps which is why we need to pop() here.\n\t\t\t}\n\n\t\t\tif (_hasPriority) {\n\t\t\t\t//reorders the linked list in order of pr (priority)\n\t\t\t\twhile (pt) {\n\t\t\t\t\tnext = pt._next;\n\t\t\t\t\tpt2 = first;\n\t\t\t\t\twhile (pt2 && pt2.pr > pt.pr) {\n\t\t\t\t\t\tpt2 = pt2._next;\n\t\t\t\t\t}\n\t\t\t\t\tif ((pt._prev = pt2 ? pt2._prev : last)) {\n\t\t\t\t\t\tpt._prev._next = pt;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfirst = pt;\n\t\t\t\t\t}\n\t\t\t\t\tif ((pt._next = pt2)) {\n\t\t\t\t\t\tpt2._prev = pt;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlast = pt;\n\t\t\t\t\t}\n\t\t\t\t\tpt = next;\n\t\t\t\t}\n\t\t\t\tthis._firstPT = first;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\n\t\tp.parse = function(target, vars, pt, plugin) {\n\t\t\tvar style = target.style,\n\t\t\t\tp, sp, bn, en, bs, es, bsfx, esfx, isStr, rel;\n\t\t\tfor (p in vars) {\n\t\t\t\tes = vars[p]; //ending value string\n\t\t\t\tsp = _specialProps[p]; //SpecialProp lookup.\n\t\t\t\tif (typeof(es) === \"function\" && !(sp && sp.allowFunc)) {\n\t\t\t\t\tes = es(_index, _target);\n\t\t\t\t}\n\t\t\t\tif (sp) {\n\t\t\t\t\tpt = sp.parse(target, es, p, this, pt, plugin, vars);\n\t\t\t\t} else if (p.substr(0,2) === \"--\") { //for tweening CSS variables (which always start with \"--\"). To maximize performance and simplicity, we bypass CSSPlugin altogether and just add a normal property tween to the tween instance itself.\n\t\t\t\t\tthis._tween._propLookup[p] = this._addTween.call(this._tween, target.style, \"setProperty\", _getComputedStyle(target).getPropertyValue(p) + \"\", es + \"\", p, false, p);\n\t\t\t\t\tcontinue;\n\t\t\t\t} else {\n\t\t\t\t\tbs = _getStyle(target, p, _cs) + \"\";\n\t\t\t\t\tisStr = (typeof(es) === \"string\");\n\t\t\t\t\tif (p === \"color\" || p === \"fill\" || p === \"stroke\" || p.indexOf(\"Color\") !== -1 || (isStr && _rgbhslExp.test(es))) { //Opera uses background: to define color sometimes in addition to backgroundColor:\n\t\t\t\t\t\tif (!isStr) {\n\t\t\t\t\t\t\tes = _parseColor(es);\n\t\t\t\t\t\t\tes = ((es.length > 3) ? \"rgba(\" : \"rgb(\") + es.join(\",\") + \")\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpt = _parseComplex(style, p, bs, es, true, \"transparent\", pt, 0, plugin);\n\n\t\t\t\t\t} else if (isStr && _complexExp.test(es)) {\n\t\t\t\t\t\tpt = _parseComplex(style, p, bs, es, true, null, pt, 0, plugin);\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\tbn = parseFloat(bs);\n\t\t\t\t\t\tbsfx = (bn || bn === 0) ? bs.substr((bn + \"\").length) : \"\"; //remember, bs could be non-numeric like \"normal\" for fontWeight, so we should default to a blank suffix in that case.\n\n\t\t\t\t\t\tif (bs === \"\" || bs === \"auto\") {\n\t\t\t\t\t\t\tif (p === \"width\" || p === \"height\") {\n\t\t\t\t\t\t\t\tbn = _getDimension(target, p, _cs);\n\t\t\t\t\t\t\t\tbsfx = \"px\";\n\t\t\t\t\t\t\t} else if (p === \"left\" || p === \"top\") {\n\t\t\t\t\t\t\t\tbn = _calculateOffset(target, p, _cs);\n\t\t\t\t\t\t\t\tbsfx = \"px\";\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tbn = (p !== \"opacity\") ? 0 : 1;\n\t\t\t\t\t\t\t\tbsfx = \"\";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\trel = (isStr && es.charAt(1) === \"=\");\n\t\t\t\t\t\tif (rel) {\n\t\t\t\t\t\t\ten = parseInt(es.charAt(0) + \"1\", 10);\n\t\t\t\t\t\t\tes = es.substr(2);\n\t\t\t\t\t\t\ten *= parseFloat(es);\n\t\t\t\t\t\t\tesfx = es.replace(_suffixExp, \"\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ten = parseFloat(es);\n\t\t\t\t\t\t\tesfx = isStr ? es.replace(_suffixExp, \"\") : \"\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (esfx === \"\") {\n\t\t\t\t\t\t\tesfx = (p in _suffixMap) ? _suffixMap[p] : bsfx; //populate the end suffix, prioritizing the map, then if none is found, use the beginning suffix.\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tes = (en || en === 0) ? (rel ? en + bn : en) + esfx : vars[p]; //ensures that any += or -= prefixes are taken care of. Record the end value before normalizing the suffix because we always want to end the tween on exactly what they intended even if it doesn't match the beginning value's suffix.\n\t\t\t\t\t\t//if the beginning/ending suffixes don't match, normalize them...\n\t\t\t\t\t\tif (bsfx !== esfx) if (esfx !== \"\" || p === \"lineHeight\") if (en || en === 0) if (bn) { //note: if the beginning value (bn) is 0, we don't need to convert units!\n\t\t\t\t\t\t\tbn = _convertToPixels(target, p, bn, bsfx);\n\t\t\t\t\t\t\tif (esfx === \"%\") {\n\t\t\t\t\t\t\t\tbn /= _convertToPixels(target, p, 100, \"%\") / 100;\n\t\t\t\t\t\t\t\tif (vars.strictUnits !== true) { //some browsers report only \"px\" values instead of allowing \"%\" with getComputedStyle(), so we assume that if we're tweening to a %, we should start there too unless strictUnits:true is defined. This approach is particularly useful for responsive designs that use from() tweens.\n\t\t\t\t\t\t\t\t\tbs = bn + \"%\";\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t} else if (esfx === \"em\" || esfx === \"rem\" || esfx === \"vw\" || esfx === \"vh\") {\n\t\t\t\t\t\t\t\tbn /= _convertToPixels(target, p, 1, esfx);\n\n\t\t\t\t\t\t\t//otherwise convert to pixels.\n\t\t\t\t\t\t\t} else if (esfx !== \"px\") {\n\t\t\t\t\t\t\t\ten = _convertToPixels(target, p, en, esfx);\n\t\t\t\t\t\t\t\tesfx = \"px\"; //we don't use bsfx after this, so we don't need to set it to px too.\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (rel) if (en || en === 0) {\n\t\t\t\t\t\t\t\tes = (en + bn) + esfx; //the changes we made affect relative calculations, so adjust the end value here.\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (rel) {\n\t\t\t\t\t\t\ten += bn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ((bn || bn === 0) && (en || en === 0)) { //faster than isNaN(). Also, previously we required en !== bn but that doesn't really gain much performance and it prevents _parseToProxy() from working properly if beginning and ending values match but need to get tweened by an external plugin anyway. For example, a bezier tween where the target starts at left:0 and has these points: [{left:50},{left:0}] wouldn't work properly because when parsing the last point, it'd match the first (current) one and a non-tweening CSSPropTween would be recorded when we actually need a normal tween (type:0) so that things get updated during the tween properly.\n\t\t\t\t\t\t\tpt = new CSSPropTween(style, p, bn, en - bn, pt, 0, p, (_autoRound !== false && (esfx === \"px\" || p === \"zIndex\")), 0, bs, es);\n\t\t\t\t\t\t\tpt.xs0 = esfx;\n\t\t\t\t\t\t\t//DEBUG: _log(\"tween \"+p+\" from \"+pt.b+\" (\"+bn+esfx+\") to \"+pt.e+\" with suffix: \"+pt.xs0);\n\t\t\t\t\t\t} else if (style[p] === undefined || !es && (es + \"\" === \"NaN\" || es == null)) {\n\t\t\t\t\t\t\t_log(\"invalid \" + p + \" tween value: \" + vars[p]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tpt = new CSSPropTween(style, p, en || bn || 0, 0, pt, -1, p, false, 0, bs, es);\n\t\t\t\t\t\t\tpt.xs0 = (es === \"none\" && (p === \"display\" || p.indexOf(\"Style\") !== -1)) ? bs : es; //intermediate value should typically be set immediately (end value) except for \"display\" or things like borderTopStyle, borderBottomStyle, etc. which should use the beginning value during the tween.\n\t\t\t\t\t\t\t//DEBUG: _log(\"non-tweening value \"+p+\": \"+pt.xs0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (plugin) if (pt && !pt.plugin) {\n\t\t\t\t\tpt.plugin = plugin;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn pt;\n\t\t};\n\n\n\t\t//gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.\n\t\tp.setRatio = function(v) {\n\t\t\tvar pt = this._firstPT,\n\t\t\t\tmin = 0.000001,\n\t\t\t\tval, str, i;\n\t\t\t//at the end of the tween, we set the values to exactly what we received in order to make sure non-tweening values (like \"position\" or \"float\" or whatever) are set and so that if the beginning/ending suffixes (units) didn't match and we normalized to px, the value that the user passed in is used here. We check to see if the tween is at its beginning in case it's a from() tween in which case the ratio will actually go from 1 to 0 over the course of the tween (backwards).\n\t\t\tif (v === 1 && (this._tween._time === this._tween._duration || this._tween._time === 0)) {\n\t\t\t\twhile (pt) {\n\t\t\t\t\tif (pt.type !== 2) {\n\t\t\t\t\t\tif (pt.r && pt.type !== -1) {\n\t\t\t\t\t\t\tval = pt.r(pt.s + pt.c);\n\t\t\t\t\t\t\tif (!pt.type) {\n\t\t\t\t\t\t\t\tpt.t[pt.p] = val + pt.xs0;\n\t\t\t\t\t\t\t} else if (pt.type === 1) { //complex value (one that typically has multiple numbers inside a string, like \"rect(5px,10px,20px,25px)\"\n\t\t\t\t\t\t\t\ti = pt.l;\n\t\t\t\t\t\t\t\tstr = pt.xs0 + val + pt.xs1;\n\t\t\t\t\t\t\t\tfor (i = 1; i < pt.l; i++) {\n\t\t\t\t\t\t\t\t\tstr += pt[\"xn\"+i] + pt[\"xs\"+(i+1)];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tpt.t[pt.p] = str;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tpt.t[pt.p] = pt.e;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpt.setRatio(v);\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\n\t\t\t} else if (v || !(this._tween._time === this._tween._duration || this._tween._time === 0) || this._tween._rawPrevTime === -0.000001) {\n\t\t\t\twhile (pt) {\n\t\t\t\t\tval = pt.c * v + pt.s;\n\t\t\t\t\tif (pt.r) {\n\t\t\t\t\t\tval = pt.r(val);\n\t\t\t\t\t} else if (val < min) if (val > -min) {\n\t\t\t\t\t\tval = 0;\n\t\t\t\t\t}\n\t\t\t\t\tif (!pt.type) {\n\t\t\t\t\t\tpt.t[pt.p] = val + pt.xs0;\n\t\t\t\t\t} else if (pt.type === 1) { //complex value (one that typically has multiple numbers inside a string, like \"rect(5px,10px,20px,25px)\"\n\t\t\t\t\t\ti = pt.l;\n\t\t\t\t\t\tif (i === 2) {\n\t\t\t\t\t\t\tpt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2;\n\t\t\t\t\t\t} else if (i === 3) {\n\t\t\t\t\t\t\tpt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3;\n\t\t\t\t\t\t} else if (i === 4) {\n\t\t\t\t\t\t\tpt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4;\n\t\t\t\t\t\t} else if (i === 5) {\n\t\t\t\t\t\t\tpt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4 + pt.xn4 + pt.xs5;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tstr = pt.xs0 + val + pt.xs1;\n\t\t\t\t\t\t\tfor (i = 1; i < pt.l; i++) {\n\t\t\t\t\t\t\t\tstr += pt[\"xn\"+i] + pt[\"xs\"+(i+1)];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpt.t[pt.p] = str;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else if (pt.type === -1) { //non-tweening value\n\t\t\t\t\t\tpt.t[pt.p] = pt.xs0;\n\n\t\t\t\t\t} else if (pt.setRatio) { //custom setRatio() for things like SpecialProps, external plugins, etc.\n\t\t\t\t\t\tpt.setRatio(v);\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\n\t\t\t//if the tween is reversed all the way back to the beginning, we need to restore the original values which may have different units (like % instead of px or em or whatever).\n\t\t\t} else {\n\t\t\t\twhile (pt) {\n\t\t\t\t\tif (pt.type !== 2) {\n\t\t\t\t\t\tpt.t[pt.p] = pt.b;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpt.setRatio(v);\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * @private\n\t\t * Forces rendering of the target's transforms (rotation, scale, etc.) whenever the CSSPlugin's setRatio() is called.\n\t\t * Basically, this tells the CSSPlugin to create a CSSPropTween (type 2) after instantiation that runs last in the linked\n\t\t * list and calls the appropriate (3D or 2D) rendering function. We separate this into its own method so that we can call\n\t\t * it from other plugins like BezierPlugin if, for example, it needs to apply an autoRotation and this CSSPlugin\n\t\t * doesn't have any transform-related properties of its own. You can call this method as many times as you\n\t\t * want and it won't create duplicate CSSPropTweens.\n\t\t *\n\t\t * @param {boolean} threeD if true, it should apply 3D tweens (otherwise, just 2D ones are fine and typically faster)\n\t\t */\n\t\tp._enableTransforms = function(threeD) {\n\t\t\tthis._transform = this._transform || _getTransform(this._target, _cs, true); //ensures that the element has a _gsTransform property with the appropriate values.\n\t\t\tthis._transformType = (!(this._transform.svg && _useSVGTransformAttr) && (threeD || this._transformType === 3)) ? 3 : 2;\n\t\t};\n\n\t\tvar lazySet = function(v) {\n\t\t\tthis.t[this.p] = this.e;\n\t\t\tthis.data._linkCSSP(this, this._next, null, true); //we purposefully keep this._next even though it'd make sense to null it, but this is a performance optimization, as this happens during the while (pt) {} loop in setRatio() at the bottom of which it sets pt = pt._next, so if we null it, the linked list will be broken in that loop.\n\t\t};\n\t\t/** @private Gives us a way to set a value on the first render (and only the first render). **/\n\t\tp._addLazySet = function(t, p, v) {\n\t\t\tvar pt = this._firstPT = new CSSPropTween(t, p, 0, 0, this._firstPT, 2);\n\t\t\tpt.e = v;\n\t\t\tpt.setRatio = lazySet;\n\t\t\tpt.data = this;\n\t\t};\n\n\t\t/** @private **/\n\t\tp._linkCSSP = function(pt, next, prev, remove) {\n\t\t\tif (pt) {\n\t\t\t\tif (next) {\n\t\t\t\t\tnext._prev = pt;\n\t\t\t\t}\n\t\t\t\tif (pt._next) {\n\t\t\t\t\tpt._next._prev = pt._prev;\n\t\t\t\t}\n\t\t\t\tif (pt._prev) {\n\t\t\t\t\tpt._prev._next = pt._next;\n\t\t\t\t} else if (this._firstPT === pt) {\n\t\t\t\t\tthis._firstPT = pt._next;\n\t\t\t\t\tremove = true; //just to prevent resetting this._firstPT 5 lines down in case pt._next is null. (optimized for speed)\n\t\t\t\t}\n\t\t\t\tif (prev) {\n\t\t\t\t\tprev._next = pt;\n\t\t\t\t} else if (!remove && this._firstPT === null) {\n\t\t\t\t\tthis._firstPT = pt;\n\t\t\t\t}\n\t\t\t\tpt._next = next;\n\t\t\t\tpt._prev = prev;\n\t\t\t}\n\t\t\treturn pt;\n\t\t};\n\n\t\tp._mod = function(lookup) {\n\t\t\tvar pt = this._firstPT;\n\t\t\twhile (pt) {\n\t\t\t\tif (typeof(lookup[pt.p]) === \"function\") { //only gets called by RoundPropsPlugin (ModifyPlugin manages all the rendering internally for CSSPlugin properties that need modification). Remember, we handle rounding a bit differently in this plugin for performance reasons, leveraging \"r\" as an indicator that the value should be rounded internally.\n\t\t\t\t\tpt.r = lookup[pt.p];\n\t\t\t\t}\n\t\t\t\tpt = pt._next;\n\t\t\t}\n\t\t};\n\n\t\t//we need to make sure that if alpha or autoAlpha is killed, opacity is too. And autoAlpha affects the \"visibility\" property.\n\t\tp._kill = function(lookup) {\n\t\t\tvar copy = lookup,\n\t\t\t\tpt, p, xfirst;\n\t\t\tif (lookup.autoAlpha || lookup.alpha) {\n\t\t\t\tcopy = {};\n\t\t\t\tfor (p in lookup) { //copy the lookup so that we're not changing the original which may be passed elsewhere.\n\t\t\t\t\tcopy[p] = lookup[p];\n\t\t\t\t}\n\t\t\t\tcopy.opacity = 1;\n\t\t\t\tif (copy.autoAlpha) {\n\t\t\t\t\tcopy.visibility = 1;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (lookup.className && (pt = this._classNamePT)) { //for className tweens, we need to kill any associated CSSPropTweens too; a linked list starts at the className's \"xfirst\".\n\t\t\t\txfirst = pt.xfirst;\n\t\t\t\tif (xfirst && xfirst._prev) {\n\t\t\t\t\tthis._linkCSSP(xfirst._prev, pt._next, xfirst._prev._prev); //break off the prev\n\t\t\t\t} else if (xfirst === this._firstPT) {\n\t\t\t\t\tthis._firstPT = pt._next;\n\t\t\t\t}\n\t\t\t\tif (pt._next) {\n\t\t\t\t\tthis._linkCSSP(pt._next, pt._next._next, xfirst._prev);\n\t\t\t\t}\n\t\t\t\tthis._classNamePT = null;\n\t\t\t}\n\t\t\tpt = this._firstPT;\n\t\t\twhile (pt) {\n\t\t\t\tif (pt.plugin && pt.plugin !== p && pt.plugin._kill) { //for plugins that are registered with CSSPlugin, we should notify them of the kill.\n\t\t\t\t\tpt.plugin._kill(lookup);\n\t\t\t\t\tp = pt.plugin;\n\t\t\t\t}\n\t\t\t\tpt = pt._next;\n\t\t\t}\n\t\t\treturn TweenPlugin.prototype._kill.call(this, copy);\n\t\t};\n\n\n\n\t\t//used by cascadeTo() for gathering all the style properties of each child element into an array for comparison.\n\t\tvar _getChildStyles = function(e, props, targets) {\n\t\t\t\tvar children, i, child, type;\n\t\t\t\tif (e.slice) {\n\t\t\t\t\ti = e.length;\n\t\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t\t_getChildStyles(e[i], props, targets);\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tchildren = e.childNodes;\n\t\t\t\ti = children.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tchild = children[i];\n\t\t\t\t\ttype = child.type;\n\t\t\t\t\tif (child.style) {\n\t\t\t\t\t\tprops.push(_getAllStyles(child));\n\t\t\t\t\t\tif (targets) {\n\t\t\t\t\t\t\ttargets.push(child);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif ((type === 1 || type === 9 || type === 11) && child.childNodes.length) {\n\t\t\t\t\t\t_getChildStyles(child, props, targets);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t/**\n\t\t * Typically only useful for className tweens that may affect child elements, this method creates a TweenLite\n\t\t * and then compares the style properties of all the target's child elements at the tween's start and end, and\n\t\t * if any are different, it also creates tweens for those and returns an array containing ALL of the resulting\n\t\t * tweens (so that you can easily add() them to a TimelineLite, for example). The reason this functionality is\n\t\t * wrapped into a separate static method of CSSPlugin instead of being integrated into all regular className tweens\n\t\t * is because it creates entirely new tweens that may have completely different targets than the original tween,\n\t\t * so if they were all lumped into the original tween instance, it would be inconsistent with the rest of the API\n\t\t * and it would create other problems. For example:\n\t\t * - If I create a tween of elementA, that tween instance may suddenly change its target to include 50 other elements (unintuitive if I specifically defined the target I wanted)\n\t\t * - We can't just create new independent tweens because otherwise, what happens if the original/parent tween is reversed or pause or dropped into a TimelineLite for tight control? You'd expect that tween's behavior to affect all the others.\n\t\t * - Analyzing every style property of every child before and after the tween is an expensive operation when there are many children, so this behavior shouldn't be imposed on all className tweens by default, especially since it's probably rare that this extra functionality is needed.\n\t\t *\n\t\t * @param {Object} target object to be tweened\n\t\t * @param {number} Duration in seconds (or frames for frames-based tweens)\n\t\t * @param {Object} Object containing the end values, like {className:\"newClass\", ease:Linear.easeNone}\n\t\t * @return {Array} An array of TweenLite instances\n\t\t */\n\t\tCSSPlugin.cascadeTo = function(target, duration, vars) {\n\t\t\tvar tween = TweenLite.to(target, duration, vars),\n\t\t\t\tresults = [tween],\n\t\t\t\tb = [],\n\t\t\t\te = [],\n\t\t\t\ttargets = [],\n\t\t\t\t_reservedProps = TweenLite._internals.reservedProps,\n\t\t\t\ti, difs, p, from;\n\t\t\ttarget = tween._targets || tween.target;\n\t\t\t_getChildStyles(target, b, targets);\n\t\t\ttween.render(duration, true, true);\n\t\t\t_getChildStyles(target, e);\n\t\t\ttween.render(0, true, true);\n\t\t\ttween._enabled(true);\n\t\t\ti = targets.length;\n\t\t\twhile (--i > -1) {\n\t\t\t\tdifs = _cssDif(targets[i], b[i], e[i]);\n\t\t\t\tif (difs.firstMPT) {\n\t\t\t\t\tdifs = difs.difs;\n\t\t\t\t\tfor (p in vars) {\n\t\t\t\t\t\tif (_reservedProps[p]) {\n\t\t\t\t\t\t\tdifs[p] = vars[p];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tfrom = {};\n\t\t\t\t\tfor (p in difs) {\n\t\t\t\t\t\tfrom[p] = b[i][p];\n\t\t\t\t\t}\n\t\t\t\t\tresults.push(TweenLite.fromTo(targets[i], duration, from, difs));\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn results;\n\t\t};\n\n\t\tTweenPlugin.activate([CSSPlugin]);\n\t\treturn CSSPlugin;\n\n\t}, true);\n\nexport var CSSPlugin = globals.CSSPlugin;\nexport { CSSPlugin as default };","/*!\n * VERSION: 0.6.8\n * DATE: 2019-02-22\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n */\n/* eslint-disable */\n\nimport TweenLite, { _gsScope, globals, TweenPlugin } from \"./TweenLite.js\";\nimport CSSPlugin from \"./CSSPlugin.js\";\n\n_gsScope._gsDefine(\"plugins.CSSRulePlugin\", [\"plugins.TweenPlugin\",\"TweenLite\",\"plugins.CSSPlugin\"], function() {\n\n\t\t/** @constructor **/\n\t\tvar CSSRulePlugin = function() {\n\t\t\t\tTweenPlugin.call(this, \"cssRule\");\n\t\t\t\tthis._overwriteProps.length = 0;\n\t\t\t},\n\t\t\t_doc = _gsScope.document,\n\t\t\t_superSetRatio = CSSPlugin.prototype.setRatio,\n\t\t\tp = CSSRulePlugin.prototype = new CSSPlugin();\n\n\t\tp._propName = \"cssRule\";\n\t\tp.constructor = CSSRulePlugin;\n\t\tCSSRulePlugin.version = \"0.6.8\";\n\t\tCSSRulePlugin.API = 2;\n\n\t\t/**\n\t\t * Searches the style sheets in the document for a particular selector like \".myClass\" or \"a\" or \"a:hover\" or \":after\" and\n\t\t * returns a reference to that style sheet (or an array of them in the case of a pseudo selector like \":after\"). Then you\n\t\t * can animate the individual properties of the style sheet.\n\t\t *\n\t\t * @param {!string} selector a string describing the selector, like \".myClass\" or \"a\" or \"a:hover\" or \":after\"\n\t\t * @return a reference to the style sheet (or an array of them in the case of a pseudo selector). If none was found, null is returned (or an empty array for a pseudo selector)\n\t\t */\n\t\tCSSRulePlugin.getRule = function(selector) {\n\t\t\tvar ruleProp = _doc.all ? \"rules\" : \"cssRules\",\n\t\t\t\tss = _doc.styleSheets,\n\t\t\t\ti = ss.length,\n\t\t\t\tpseudo = (selector.charAt(0) === \":\"),\n\t\t\t\tj, curSS, cs, a;\n\t\t\tselector = (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\t\t\tif (pseudo) {\n\t\t\t\ta = [];\n\t\t\t}\n\t\t\twhile (--i > -1) {\n\t\t\t\t//Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.\n\t\t\t\ttry {\n\t\t\t\t\tcurSS = ss[i][ruleProp];\n\t\t\t\t\tif (!curSS) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tj = curSS.length;\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.log(e);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\twhile (--j > -1) {\n\t\t\t\t\tcs = curSS[j];\n\t\t\t\t\tif (cs.selectorText && (\",\" + cs.selectorText.split(\"::\").join(\":\").toLowerCase() + \",\").indexOf(selector) !== -1) { //note: IE adds an extra \":\" to pseudo selectors, so .myClass:after becomes .myClass::after, so we need to strip the extra one out.\n\t\t\t\t\t\tif (pseudo) {\n\t\t\t\t\t\t\ta.push(cs.style);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn cs.style;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn a;\n\t\t};\n\t\t\t\t\t\t\t\n\t\t\n\t\t// @private gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.\n\t\tp._onInitTween = function(target, value, tween) {\n\t\t\tif (target.cssText === undefined) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tvar div = target._gsProxy = target._gsProxy || _doc.createElement(\"div\");\n\t\t\tthis._ss = target;\n\t\t\tthis._proxy = div.style;\n\t\t\tdiv.style.cssText = target.cssText;\n\t\t\tCSSPlugin.prototype._onInitTween.call(this, div, value, tween); //we just offload all the work to the regular CSSPlugin and then copy the cssText back over to the rule in the setRatio() method. This allows us to have all of the updates to CSSPlugin automatically flow through to CSSRulePlugin instead of having to maintain both\n\t\t\treturn true;\n\t\t};\n\n\t\t\n\t\t\n\t\t// @private gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.\n\t\tp.setRatio = function(v) {\n\t\t\t_superSetRatio.call(this, v);\n\t\t\tvar proxy = this._proxy,\n\t\t\t\tss = this._ss,\n\t\t\t\ti = proxy.length;\n\t\t\twhile (--i > -1) {\n\t\t\t\tss[proxy[i]] = proxy[proxy[i]];\n\t\t\t}\n\t\t};\n\t\t\n\t\t\n\t\tTweenPlugin.activate([CSSRulePlugin]);\n\t\treturn CSSRulePlugin;\n\t\t\n\t}, true);\n\nexport var CSSRulePlugin = globals.CSSRulePlugin;\nexport { CSSRulePlugin as default };","/*!\n * VERSION: 1.5.3\n * DATE: 2018-05-30\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n **/\n/* eslint-disable */\n\nimport { _gsScope } from \"./TweenLite.js\";\n\n\n\tvar _numExp = /(\\d|\\.)+/g,\n\t\t_relNumExp = /(?:\\d|\\-\\d|\\.\\d|\\-\\.\\d|\\+=\\d|\\-=\\d|\\+=.\\d|\\-=\\.\\d)+/g,\n\t\t_colorLookup = {aqua:[0,255,255],\n\t\t\tlime:[0,255,0],\n\t\t\tsilver:[192,192,192],\n\t\t\tblack:[0,0,0],\n\t\t\tmaroon:[128,0,0],\n\t\t\tteal:[0,128,128],\n\t\t\tblue:[0,0,255],\n\t\t\tnavy:[0,0,128],\n\t\t\twhite:[255,255,255],\n\t\t\tfuchsia:[255,0,255],\n\t\t\tolive:[128,128,0],\n\t\t\tyellow:[255,255,0],\n\t\t\torange:[255,165,0],\n\t\t\tgray:[128,128,128],\n\t\t\tpurple:[128,0,128],\n\t\t\tgreen:[0,128,0],\n\t\t\tred:[255,0,0],\n\t\t\tpink:[255,192,203],\n\t\t\tcyan:[0,255,255],\n\t\t\ttransparent:[255,255,255,0]},\n\t\t_hue = function(h, m1, m2) {\n\t\t\th = (h < 0) ? h + 1 : (h > 1) ? h - 1 : h;\n\t\t\treturn ((((h * 6 < 1) ? m1 + (m2 - m1) * h * 6 : (h < 0.5) ? m2 : (h * 3 < 2) ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255) + 0.5) | 0;\n\t\t},\n\t\t/**\n\t\t * @private Parses a color (like #9F0, #FF9900, rgb(255,51,153) or hsl(108, 50%, 10%)) into an array with 3 elements for red, green, and blue or if toHSL parameter is true, it will populate the array with hue, saturation, and lightness values. If a relative value is found in an hsl() or hsla() string, it will preserve those relative prefixes and all the values in the array will be strings instead of numbers (in all other cases it will be populated with numbers).\n\t\t * @param {(string|number)} v The value the should be parsed which could be a string like #9F0 or rgb(255,102,51) or rgba(255,0,0,0.5) or it could be a number like 0xFF00CC or even a named color like red, blue, purple, etc.\n\t\t * @param {(boolean)} toHSL If true, an hsl() or hsla() value will be returned instead of rgb() or rgba()\n\t\t * @return {Array.} An array containing red, green, and blue (and optionally alpha) in that order, or if the toHSL parameter was true, the array will contain hue, saturation and lightness (and optionally alpha) in that order. Always numbers unless there's a relative prefix found in an hsl() or hsla() string and toHSL is true.\n\t\t */\n\t\t_parseColor = function(v, toHSL) {\n\t\t\tvar a, r, g, b, h, s, l, max, min, d, wasHSL;\n\t\t\tif (!v) {\n\t\t\t\ta = _colorLookup.black;\n\t\t\t} else if (typeof(v) === \"number\") {\n\t\t\t\ta = [v >> 16, (v >> 8) & 255, v & 255];\n\t\t\t} else {\n\t\t\t\tif (v.charAt(v.length - 1) === \",\") { //sometimes a trailing comma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:\"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)\" - in this example \"blue,\" has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.\n\t\t\t\t\tv = v.substr(0, v.length - 1);\n\t\t\t\t}\n\t\t\t\tif (_colorLookup[v]) {\n\t\t\t\t\ta = _colorLookup[v];\n\t\t\t\t} else if (v.charAt(0) === \"#\") {\n\t\t\t\t\tif (v.length === 4) { //for shorthand like #9F0\n\t\t\t\t\t\tr = v.charAt(1);\n\t\t\t\t\t\tg = v.charAt(2);\n\t\t\t\t\t\tb = v.charAt(3);\n\t\t\t\t\t\tv = \"#\" + r + r + g + g + b + b;\n\t\t\t\t\t}\n\t\t\t\t\tv = parseInt(v.substr(1), 16);\n\t\t\t\t\ta = [v >> 16, (v >> 8) & 255, v & 255];\n\t\t\t\t} else if (v.substr(0, 3) === \"hsl\") {\n\t\t\t\t\ta = wasHSL = v.match(_numExp);\n\t\t\t\t\tif (!toHSL) {\n\t\t\t\t\t\th = (Number(a[0]) % 360) / 360;\n\t\t\t\t\t\ts = Number(a[1]) / 100;\n\t\t\t\t\t\tl = Number(a[2]) / 100;\n\t\t\t\t\t\tg = (l <= 0.5) ? l * (s + 1) : l + s - l * s;\n\t\t\t\t\t\tr = l * 2 - g;\n\t\t\t\t\t\tif (a.length > 3) {\n\t\t\t\t\t\t\ta[3] = Number(a[3]);\n\t\t\t\t\t\t}\n\t\t\t\t\t\ta[0] = _hue(h + 1 / 3, r, g);\n\t\t\t\t\t\ta[1] = _hue(h, r, g);\n\t\t\t\t\t\ta[2] = _hue(h - 1 / 3, r, g);\n\t\t\t\t\t} else if (v.indexOf(\"=\") !== -1) { //if relative values are found, just return the raw strings with the relative prefixes in place.\n\t\t\t\t\t\treturn v.match(_relNumExp);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\ta = v.match(_numExp) || _colorLookup.transparent;\n\t\t\t\t}\n\t\t\t\ta[0] = Number(a[0]);\n\t\t\t\ta[1] = Number(a[1]);\n\t\t\t\ta[2] = Number(a[2]);\n\t\t\t\tif (a.length > 3) {\n\t\t\t\t\ta[3] = Number(a[3]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (toHSL && !wasHSL) {\n\t\t\t\tr = a[0] / 255;\n\t\t\t\tg = a[1] / 255;\n\t\t\t\tb = a[2] / 255;\n\t\t\t\tmax = Math.max(r, g, b);\n\t\t\t\tmin = Math.min(r, g, b);\n\t\t\t\tl = (max + min) / 2;\n\t\t\t\tif (max === min) {\n\t\t\t\t\th = s = 0;\n\t\t\t\t} else {\n\t\t\t\t\td = max - min;\n\t\t\t\t\ts = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\t\t\t\t\th = (max === r) ? (g - b) / d + (g < b ? 6 : 0) : (max === g) ? (b - r) / d + 2 : (r - g) / d + 4;\n\t\t\t\t\th *= 60;\n\t\t\t\t}\n\t\t\t\ta[0] = (h + 0.5) | 0;\n\t\t\t\ta[1] = (s * 100 + 0.5) | 0;\n\t\t\t\ta[2] = (l * 100 + 0.5) | 0;\n\t\t\t}\n\t\t\treturn a;\n\t\t},\n\t\t_formatColors = function(s, toHSL) {\n\t\t\tvar colors = (s + \"\").match(_colorExp) || [],\n\t\t\t\tcharIndex = 0,\n\t\t\t\tparsed = \"\",\n\t\t\t\ti, color, temp;\n\t\t\tif (!colors.length) {\n\t\t\t\treturn s;\n\t\t\t}\n\t\t\tfor (i = 0; i < colors.length; i++) {\n\t\t\t\tcolor = colors[i];\n\t\t\t\ttemp = s.substr(charIndex, s.indexOf(color, charIndex)-charIndex);\n\t\t\t\tcharIndex += temp.length + color.length;\n\t\t\t\tcolor = _parseColor(color, toHSL);\n\t\t\t\tif (color.length === 3) {\n\t\t\t\t\tcolor.push(1);\n\t\t\t\t}\n\t\t\t\tparsed += temp + (toHSL ? \"hsla(\" + color[0] + \",\" + color[1] + \"%,\" + color[2] + \"%,\" + color[3] : \"rgba(\" + color.join(\",\")) + \")\";\n\t\t\t}\n\t\t\treturn parsed + s.substr(charIndex);\n\t\t}, p, _colorStringFilter,\n\t\tTweenLite = (_gsScope.GreenSockGlobals || _gsScope).TweenLite,\n\t\t_colorExp = \"(?:\\\\b(?:(?:rgb|rgba|hsl|hsla)\\\\(.+?\\\\))|\\\\B#(?:[0-9a-f]{3}){1,2}\\\\b\", //we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.\n\n\t\tColorPropsPlugin = _gsScope._gsDefine.plugin({\n\t\t\tpropName: \"colorProps\",\n\t\t\tversion: \"1.5.3\",\n\t\t\tpriority: -1,\n\t\t\tAPI: 2,\n\t\t\tglobal: true,\n\n\t\t\t//called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.\n\t\t\tinit: function(target, value, tween, index) {\n\t\t\t\tvar p, proxy, pt, val;\n\t\t\t\tthis._target = target;\n\t\t\t\tthis._proxy = proxy = ((value.format + \"\").toUpperCase() === \"NUMBER\") ? {} : 0;\n\t\t\t\tfor (p in value) {\n\t\t\t\t\tif (p !== \"format\") {\n\t\t\t\t\t\tif (proxy) {\n\t\t\t\t\t\t\tthis._firstNumPT = pt = {_next:this._firstNumPT, t:target, p:p, f:(typeof(target[p]) === \"function\")};\n\t\t\t\t\t\t\tproxy[p] = \"rgb(\" + _parseColor(!pt.f ? target[p] : target[ ((p.indexOf(\"set\") || typeof(target[\"get\" + p.substr(3)]) !== \"function\") ? p : \"get\" + p.substr(3)) ]()).join(\",\") + \")\";\n\t\t\t\t\t\t\tval = value[p];\n\t\t\t\t\t\t\tif (typeof(val) === \"function\") {\n\t\t\t\t\t\t\t\tval = val(index, target);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis._addTween(proxy, p, \"get\", ((typeof(val) === \"number\") ? \"rgb(\" + _parseColor(val, false).join(\",\") + \")\" : val), p, null, null, _colorStringFilter);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis._addTween(target, p, \"get\", value[p], p, null, null, _colorStringFilter, index);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t},\n\n\t\t\t//called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)\n\t\t\tset: function(v) {\n\t\t\t\tvar pt = this._firstNumPT,\n\t\t\t\t\tval;\n\t\t\t\tthis._super.setRatio.call(this, v);\n\t\t\t\twhile (pt) {\n\t\t\t\t\tval = _parseColor(this._proxy[pt.p], false);\n\t\t\t\t\tval = val[0] << 16 | val[1] << 8 | val[2];\n\t\t\t\t\tif (pt.f) {\n\t\t\t\t\t\tthis._target[pt.p](val);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis._target[pt.p] = val;\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\tfor (p in _colorLookup) {\n\t\t_colorExp += \"|\" + p + \"\\\\b\";\n\t}\n\t_colorExp = new RegExp(_colorExp+\")\", \"gi\");\n\tColorPropsPlugin.colorStringFilter = _colorStringFilter = function(a) {\n\t\tvar combined = a[0] + \" \" + a[1],\n\t\t\ttoHSL;\n\t\t_colorExp.lastIndex = 0;\n\t\tif (_colorExp.test(combined)) {\n\t\t\ttoHSL = (combined.indexOf(\"hsl(\") !== -1 || combined.indexOf(\"hsla(\") !== -1);\n\t\t\ta[0] = _formatColors(a[0], toHSL);\n\t\t\ta[1] = _formatColors(a[1], toHSL);\n\t\t}\n\t};\n\n\tif (!TweenLite.defaultStringFilter) {\n\t\tTweenLite.defaultStringFilter = ColorPropsPlugin.colorStringFilter;\n\t}\n\n\tColorPropsPlugin.parseColor = _parseColor;\n\tp = ColorPropsPlugin.prototype;\n\tp._firstNumPT = null;\n\tp._kill = function(lookup) {\n\t\tvar pt = this._firstNumPT,\n\t\t\tprev;\n\t\twhile (pt) {\n\t\t\tif (pt.p in lookup) {\n\t\t\t\tif (pt === p._firstNumPT) {\n\t\t\t\t\tthis._firstNumPT = pt._next;\n\t\t\t\t}\n\t\t\t\tif (prev) {\n\t\t\t\t\tprev._next = pt._next;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tprev = pt;\n\t\t\t}\n\t\t\tpt = pt._next;\n\t\t}\n\t\treturn this._super._kill(lookup);\n\t};\n\n\nexport { ColorPropsPlugin, ColorPropsPlugin as default };","/*!\n * VERSION: 0.3.1\n * DATE: 2018-08-27\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n * \n * @author: Jack Doyle, jack@greensock.com\n **/\n/* eslint-disable */\n\nimport { _gsScope } from \"./TweenLite.js\";\n\nexport var DirectionalRotationPlugin = _gsScope._gsDefine.plugin({\n\t\tpropName: \"directionalRotation\",\n\t\tversion: \"0.3.1\",\n\t\tAPI: 2,\n\n\t\t//called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.\n\t\tinit: function(target, value, tween, index) {\n\t\t\tif (typeof(value) !== \"object\") {\n\t\t\t\tvalue = {rotation:value};\n\t\t\t}\n\t\t\tthis.finals = {};\n\t\t\tvar cap = (value.useRadians === true) ? Math.PI * 2 : 360,\n\t\t\t\tmin = 0.000001,\n\t\t\t\tp, v, start, end, dif, split;\n\t\t\tfor (p in value) {\n\t\t\t\tif (p !== \"useRadians\") {\n\t\t\t\t\tend = value[p];\n\t\t\t\t\tif (typeof(end) === \"function\") {\n\t\t\t\t\t\tend = end(index, target);\n\t\t\t\t\t}\n\t\t\t\t\tsplit = (end + \"\").split(\"_\");\n\t\t\t\t\tv = split[0];\n\t\t\t\t\tstart = parseFloat( (typeof(target[p]) !== \"function\") ? target[p] : target[ ((p.indexOf(\"set\") || typeof(target[\"get\" + p.substr(3)]) !== \"function\") ? p : \"get\" + p.substr(3)) ]() );\n\t\t\t\t\tend = this.finals[p] = (typeof(v) === \"string\" && v.charAt(1) === \"=\") ? start + parseInt(v.charAt(0) + \"1\", 10) * Number(v.substr(2)) : Number(v) || 0;\n\t\t\t\t\tdif = end - start;\n\t\t\t\t\tif (split.length) {\n\t\t\t\t\t\tv = split.join(\"_\");\n\t\t\t\t\t\tif (v.indexOf(\"short\") !== -1) {\n\t\t\t\t\t\t\tdif = dif % cap;\n\t\t\t\t\t\t\tif (dif !== dif % (cap / 2)) {\n\t\t\t\t\t\t\t\tdif = (dif < 0) ? dif + cap : dif - cap;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (v.indexOf(\"_cw\") !== -1 && dif < 0) {\n\t\t\t\t\t\t\tdif = ((dif + cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;\n\t\t\t\t\t\t} else if (v.indexOf(\"ccw\") !== -1 && dif > 0) {\n\t\t\t\t\t\t\tdif = ((dif - cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (dif > min || dif < -min) {\n\t\t\t\t\t\tthis._addTween(target, p, start, start + dif, p);\n\t\t\t\t\t\tthis._overwriteProps.push(p);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\n\t\t//called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)\n\t\tset: function(ratio) {\n\t\t\tvar pt;\n\t\t\tif (ratio !== 1) {\n\t\t\t\tthis._super.setRatio.call(this, ratio);\n\t\t\t} else {\n\t\t\t\tpt = this._firstPT;\n\t\t\t\twhile (pt) {\n\t\t\t\t\tif (pt.f) {\n\t\t\t\t\t\tpt.t[pt.p](this.finals[pt.p]);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpt.t[pt.p] = this.finals[pt.p];\n\t\t\t\t\t}\n\t\t\t\t\tpt = pt._next;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t});\n\nDirectionalRotationPlugin._autoCSS = true;\n\nexport { DirectionalRotationPlugin as default };","/*!\n * VERSION: 0.17.1\n * DATE: 2019-02-28\n * UPDATES AND DOCS AT: http://greensock.com\n *\n * Requires TweenLite and CSSPlugin version 1.17.0 or later (TweenMax contains both TweenLite and CSSPlugin). ThrowPropsPlugin is required for momentum-based continuation of movement after the mouse/touch is released (ThrowPropsPlugin is a membership benefit of Club GreenSock - http://greensock.com/club/).\n *\n * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.\n * This work is subject to the terms at http://greensock.com/standard-license or for\n * Club GreenSock members, the software agreement that was issued with your membership.\n *\n * @author: Jack Doyle, jack@greensock.com\n */\n/* eslint-disable */\n\nimport TweenLite, { _gsScope, globals, EventDispatcher } from \"./TweenLite.js\";\nimport CSSPlugin from \"./CSSPlugin.js\";\n\n\t_gsScope._gsDefine(\"utils.Draggable\", [\"events.EventDispatcher\",\"TweenLite\",\"plugins.CSSPlugin\"], function() {\n\n\t\tvar _tempVarsXY = {css:{}, data:\"_draggable\"}, //speed optimization - we reuse the same vars object for x/y TweenLite.set() calls to minimize garbage collection tasks and improve performance.\n\t\t\t_tempVarsX = {css:{}, data:\"_draggable\"},\n\t\t\t_tempVarsY = {css:{}, data:\"_draggable\"},\n\t\t\t_tempVarsRotation = {css:{}},\n\t\t\t_globals = _gsScope._gsDefine.globals,\n\t\t\t_tempEvent = {}, //for populating with pageX/pageY in old versions of IE\n\t\t\t_emptyFunc = function() { return false; },\n\t\t\t_dummyElement = {style:{}, appendChild:_emptyFunc, removeChild:_emptyFunc},\n\t\t\t_doc = _gsScope.document || {createElement: function() {return _dummyElement;}},\n\t\t\t_docElement = _doc.documentElement || {},\n\t\t\t_createElement = function(type) {\n\t\t\t\treturn _doc.createElementNS ? _doc.createElementNS(\"http://www.w3.org/1999/xhtml\", type) : _doc.createElement(type);\n\t\t\t},\n\t\t\t_tempDiv = _createElement(\"div\"),\n\t\t\t_emptyArray = [],\n\t\t\t_RAD2DEG = 180 / Math.PI,\n\t\t\t_max = 999999999999999,\n\t\t\t_getTime = Date.now || function() {return new Date().getTime();},\n\t\t\t_isOldIE = !!(!_doc.addEventListener && _doc.all),\n\t\t\t_placeholderDiv = _doc.createElement(\"div\"),\n\t\t\t_renderQueue = [],\n\t\t\t_lookup = {}, //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\t\t\t_lookupCount = 0,\n\t\t\t_clickableTagExp = /^(?:a|input|textarea|button|select)$/i,\n\t\t\t_dragCount = 0, //total number of elements currently being dragged\n\t\t\t_prefix,\n\t\t\t_isMultiTouching,\n\t\t\t_isAndroid = (_gsScope.navigator && _gsScope.navigator.userAgent.toLowerCase().indexOf(\"android\") !== -1), //Android handles touch events in an odd way and it's virtually impossible to \"feature test\" so we resort to UA sniffing\n\t\t\t_lastDragTime = 0,\n\t\t\t_temp1 = {}, // a simple object we reuse and populate (usually x/y properties) to conserve memory and improve performance.\n\t\t\t_windowProxy = {}, //memory/performance optimization - we reuse this object during autoScroll to store window-related bounds/offsets.\n\t\t\t_supportsPassive,\n\t\t\t_slice = function(a) { //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()\n\t\t\t\tif (typeof(a) === \"string\") {\n\t\t\t\t\ta = TweenLite.selector(a);\n\t\t\t\t}\n\t\t\t\tif (!a || a.nodeType) { //if it's not an array, wrap it in one.\n\t\t\t\t\treturn [a];\n\t\t\t\t}\n\t\t\t\tvar b = [],\n\t\t\t\t\tl = a.length,\n\t\t\t\t\ti;\n\t\t\t\tfor (i = 0; i !== l; b.push(a[i++]));\n\t\t\t\treturn b;\n\t\t\t},\n\t\t\t_copy = function(obj, factor) {\n\t\t\t\tvar copy = {}, p;\n\t\t\t\tif (factor) {\n\t\t\t\t\tfor (p in obj) {\n\t\t\t\t\t\tcopy[p] = obj[p] * factor;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tfor (p in obj) {\n\t\t\t\t\t\tcopy[p] = obj[p];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn copy;\n\t\t\t},\n\t\t\tThrowPropsPlugin,\n\n\t\t\t_renderQueueTick = function() {\n\t\t\t\tvar i = _renderQueue.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t_renderQueue[i]();\n\t\t\t\t}\n\t\t\t},\n\t\t\t_addToRenderQueue = function(func) {\n\t\t\t\t_renderQueue.push(func);\n\t\t\t\tif (_renderQueue.length === 1) {\n\t\t\t\t\tTweenLite.ticker.addEventListener(\"tick\", _renderQueueTick, this, false, 1);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_removeFromRenderQueue = function(func) {\n\t\t\t\tvar i = _renderQueue.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\tif (_renderQueue[i] === func) {\n\t\t\t\t\t\t_renderQueue.splice(i, 1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tTweenLite.to(_renderQueueTimeout, 0, {overwrite:\"all\", delay:15, onComplete:_renderQueueTimeout, data:\"_draggable\"}); //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\t\t\t},\n\t\t\t_renderQueueTimeout = function() {\n\t\t\t\tif (!_renderQueue.length) {\n\t\t\t\t\tTweenLite.ticker.removeEventListener(\"tick\", _renderQueueTick);\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t_extend = function(obj, defaults) {\n\t\t\t\tvar p;\n\t\t\t\tfor (p in defaults) {\n\t\t\t\t\tif (obj[p] === undefined) {\n\t\t\t\t\t\tobj[p] = defaults[p];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn obj;\n\t\t\t},\n\t\t\t_getDocScrollTop = function() {\n\t\t\t\treturn (window.pageYOffset != null) ? window.pageYOffset : (_doc.scrollTop != null) ? _doc.scrollTop : _docElement.scrollTop || _doc.body.scrollTop || 0;\n\t\t\t},\n\t\t\t_getDocScrollLeft = function() {\n\t\t\t\treturn (window.pageXOffset != null) ? window.pageXOffset : (_doc.scrollLeft != null) ? _doc.scrollLeft : _docElement.scrollLeft || _doc.body.scrollLeft || 0;\n\t\t\t},\n\t\t\t_addScrollListener = function(e, callback) {\n\t\t\t\t_addListener(e, \"scroll\", callback);\n\t\t\t\tif (!_isRoot(e.parentNode)) {\n\t\t\t\t\t_addScrollListener(e.parentNode, callback);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_removeScrollListener = function(e, callback) {\n\t\t\t\t_removeListener(e, \"scroll\", callback);\n\t\t\t\tif (!_isRoot(e.parentNode)) {\n\t\t\t\t\t_removeScrollListener(e.parentNode, callback);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_isRoot = function (e) {\n\t\t\t\treturn !!(!e || e === _docElement || e === _doc || e === _doc.body || e === window || !e.nodeType || !e.parentNode);\n\t\t\t},\n\t\t\t_getMaxScroll = function(element, axis) {\n\t\t\t\tvar dim = (axis === \"x\") ? \"Width\" : \"Height\",\n\t\t\t\t\tscroll = \"scroll\" + dim,\n\t\t\t\t\tclient = \"client\" + dim,\n\t\t\t\t\tbody = _doc.body;\n\t\t\t\treturn Math.max(0, _isRoot(element) ? Math.max(_docElement[scroll], body[scroll]) - (window[\"inner\" + dim] || _docElement[client] || body[client]) : element[scroll] - element[client]);\n\t\t\t},\n\t\t\t_recordMaxScrolls = function(e) { //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\t\t\t\tvar isRoot = _isRoot(e),\n\t\t\t\t\tx = _getMaxScroll(e, \"x\"),\n\t\t\t\t\ty = _getMaxScroll(e, \"y\");\n\t\t\t\tif (isRoot) {\n\t\t\t\t\te = _windowProxy;\n\t\t\t\t} else {\n\t\t\t\t\t_recordMaxScrolls(e.parentNode);\n\t\t\t\t}\n\t\t\t\te._gsMaxScrollX = x;\n\t\t\t\te._gsMaxScrollY = y;\n\t\t\t\te._gsScrollX = e.scrollLeft || 0;\n\t\t\t\te._gsScrollY = e.scrollTop || 0;\n\t\t\t},\n\n\t\t\t//just used for IE8 and earlier to normalize events and populate pageX/pageY\n\t\t\t_populateIEEvent = function(e, preventDefault) {\n\t\t\t\te = e || window.event;\n\t\t\t\t_tempEvent.pageX = e.clientX + _doc.body.scrollLeft + _docElement.scrollLeft;\n\t\t\t\t_tempEvent.pageY = e.clientY + _doc.body.scrollTop + _docElement.scrollTop;\n\t\t\t\tif (preventDefault) {\n\t\t\t\t\te.returnValue = false;\n\t\t\t\t}\n\t\t\t\treturn _tempEvent;\n\t\t\t},\n\n\t\t\t//grabs the first element it finds (and we include the window as an element), so if it's selector text, it'll feed that value to TweenLite.selector, if it's a jQuery object or some other selector engine's result, it'll grab the first one, and same for an array. If the value doesn't contain a DOM element, it'll just return null.\n\t\t\t_unwrapElement = function(value) {\n\t\t\t\tif (!value) {\n\t\t\t\t\treturn value;\n\t\t\t\t}\n\t\t\t\tif (typeof(value) === \"string\") {\n\t\t\t\t\tvalue = TweenLite.selector(value);\n\t\t\t\t}\n\t\t\t\tif (value.length && value !== window && value[0] && value[0].style && !value.nodeType) {\n\t\t\t\t\tvalue = value[0];\n\t\t\t\t}\n\t\t\t\treturn (value === window || (value.nodeType && value.style)) ? value : null;\n\t\t\t},\n\n\t\t\t_checkPrefix = function(e, p) {\n\t\t\t\tvar s = e.style,\n\t\t\t\t\tcapped, i, a;\n\t\t\t\tif (s[p] === undefined) {\n\t\t\t\t\ta = [\"O\",\"Moz\",\"ms\",\"Ms\",\"Webkit\"];\n\t\t\t\t\ti = 5;\n\t\t\t\t\tcapped = p.charAt(0).toUpperCase() + p.substr(1);\n\t\t\t\t\twhile (--i > -1 && s[a[i]+capped] === undefined) { }\n\t\t\t\t\tif (i < 0) {\n\t\t\t\t\t\treturn \"\";\n\t\t\t\t\t}\n\t\t\t\t\t_prefix = (i === 3) ? \"ms\" : a[i];\n\t\t\t\t\tp = _prefix + capped;\n\t\t\t\t}\n\t\t\t\treturn p;\n\t\t\t},\n\n\t\t\t_setStyle = function(e, p, value) {\n\t\t\t\tvar s = e.style;\n\t\t\t\tif (!s) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (s[p] === undefined) {\n\t\t\t\t\tp = _checkPrefix(e, p);\n\t\t\t\t}\n\t\t\t\tif (value == null) {\n\t\t\t\t\tif (s.removeProperty) {\n\t\t\t\t\t\ts.removeProperty(p.replace(/([A-Z])/g, \"-$1\").toLowerCase());\n\t\t\t\t\t} else { //note: old versions of IE use \"removeAttribute()\" instead of \"removeProperty()\"\n\t\t\t\t\t\ts.removeAttribute(p);\n\t\t\t\t\t}\n\t\t\t\t} else if (s[p] !== undefined) {\n\t\t\t\t\ts[p] = value;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t_computedStyleScope = (typeof(window) !== \"undefined\" ? window : _doc.defaultView || {getComputedStyle:function() {}}),\n\t\t\t_getComputedStyle = function(e, s) {\n\t\t\t\treturn _computedStyleScope.getComputedStyle((e instanceof Element) ? e : e.host || (e.parentNode || {}).host || e, s); //the \"host\" stuff helps to accommodate ShadowDom objects.\n\t\t\t},\n\t\t\t_horizExp = /(?:Left|Right|Width)/i,\n\t\t\t_suffixExp = /(?:\\d|\\-|\\+|=|#|\\.)*/g,\n\t\t\t_convertToPixels = function(t, p, v, sfx, recurse) {\n\t\t\t\tif (sfx === \"px\" || !sfx) { return v; }\n\t\t\t\tif (sfx === \"auto\" || !v) { return 0; }\n\t\t\t\tvar horiz = _horizExp.test(p),\n\t\t\t\t\tnode = t,\n\t\t\t\t\tstyle = _tempDiv.style,\n\t\t\t\t\tneg = (v < 0),\n\t\t\t\t\tpix;\n\t\t\t\tif (neg) {\n\t\t\t\t\tv = -v;\n\t\t\t\t}\n\t\t\t\tif (sfx === \"%\" && p.indexOf(\"border\") !== -1) {\n\t\t\t\t\tpix = (v / 100) * (horiz ? t.clientWidth : t.clientHeight);\n\t\t\t\t} else {\n\t\t\t\t\tstyle.cssText = \"border:0 solid red;position:\" + _getStyle(t, \"position\", true) + \";line-height:0;\";\n\t\t\t\t\tif (sfx === \"%\" || !node.appendChild) {\n\t\t\t\t\t\tnode = t.parentNode || _doc.body;\n\t\t\t\t\t\tstyle[(horiz ? \"width\" : \"height\")] = v + sfx;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstyle[(horiz ? \"borderLeftWidth\" : \"borderTopWidth\")] = v + sfx;\n\t\t\t\t\t}\n\t\t\t\t\tnode.appendChild(_tempDiv);\n\t\t\t\t\tpix = parseFloat(_tempDiv[(horiz ? \"offsetWidth\" : \"offsetHeight\")]);\n\t\t\t\t\tnode.removeChild(_tempDiv);\n\t\t\t\t\tif (pix === 0 && !recurse) {\n\t\t\t\t\t\tpix = _convertToPixels(t, p, v, sfx, true);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn neg ? -pix : pix;\n\t\t\t},\n\t\t\t_calculateOffset = function(t, p) { //for figuring out \"top\" or \"left\" in px when it's \"auto\". We need to factor in margin with the offsetLeft/offsetTop\n\t\t\t\tif (_getStyle(t, \"position\", true) !== \"absolute\") { return 0; }\n\t\t\t\tvar dim = ((p === \"left\") ? \"Left\" : \"Top\"),\n\t\t\t\t\tv = _getStyle(t, \"margin\" + dim, true);\n\t\t\t\treturn t[\"offset\" + dim] - (_convertToPixels(t, p, parseFloat(v), (v + \"\").replace(_suffixExp, \"\")) || 0);\n\t\t\t},\n\n\t\t\t_getStyle = function(element, prop, keepUnits) {\n\t\t\t\tvar rv = (element._gsTransform || {})[prop],\n\t\t\t\t\tcs;\n\t\t\t\tif (rv || rv === 0) {\n\t\t\t\t\treturn rv;\n\t\t\t\t} else if (element.style && element.style[prop]) { //shadow dom elements don't have \"style\".\n\t\t\t\t\trv = element.style[prop];\n\t\t\t\t} else if ((cs = _getComputedStyle(element))) {\n\t\t\t\t\trv = cs.getPropertyValue(prop.replace(/([A-Z])/g, \"-$1\").toLowerCase());\n\t\t\t\t\trv = (rv || cs.length) ? rv : cs[prop]; //Opera behaves VERY strangely - length is usually 0 and cs[prop] is the only way to get accurate results EXCEPT when checking for -o-transform which only works with cs.getPropertyValue()!\n\t\t\t\t} else if (element.currentStyle) {\n\t\t\t\t\trv = element.currentStyle[prop];\n\t\t\t\t}\n\t\t\t\tif (rv === \"auto\" && (prop === \"top\" || prop === \"left\")) {\n\t\t\t\t\trv = _calculateOffset(element, prop);\n\t\t\t\t}\n\t\t\t\treturn keepUnits ? rv : parseFloat(rv) || 0;\n\t\t\t},\n\n\t\t\t_dispatchEvent = function(instance, type, callbackName) {\n\t\t\t\tvar vars = instance.vars,\n\t\t\t\t\tcallback = vars[callbackName],\n\t\t\t\t\tlisteners = instance._listeners[type];\n\t\t\t\tif (typeof(callback) === \"function\") {\n\t\t\t\t\tcallback.apply(vars[callbackName + \"Scope\"] || vars.callbackScope || instance, vars[callbackName + \"Params\"] || [instance.pointerEvent]);\n\t\t\t\t}\n\t\t\t\tif (listeners) {\n\t\t\t\t\tinstance.dispatchEvent(type);\n\t\t\t\t}\n\t\t\t},\n\t\t\t_getBounds = function(obj, context) { //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\t\t\t\tvar e = _unwrapElement(obj),\n\t\t\t\t\ttop, left, offset;\n\t\t\t\tif (!e) {\n\t\t\t\t\tif (obj.left !== undefined) {\n\t\t\t\t\t\toffset = _getOffsetTransformOrigin(context); //the bounds should be relative to the origin\n\t\t\t\t\t\treturn {left: obj.left - offset.x, top: obj.top - offset.y, width: obj.width, height: obj.height};\n\t\t\t\t\t}\n\t\t\t\t\tleft = obj.min || obj.minX || obj.minRotation || 0;\n\t\t\t\t\ttop = obj.min || obj.minY || 0;\n\t\t\t\t\treturn {left:left, top:top, width:(obj.max || obj.maxX || obj.maxRotation || 0) - left, height:(obj.max || obj.maxY || 0) - top};\n\t\t\t\t}\n\t\t\t\treturn _getElementBounds(e, context);\n\t\t\t},\n\n\t\t\t_svgBorderFactor,\n\t\t\t_svgBorderScales,\n\t\t\t_svgScrollOffset,\n\t\t\t_hasBorderBug,\n\t\t\t_hasReparentBug,//some browsers, like Chrome 49, alter the offsetTop/offsetLeft/offsetParent of elements when a non-identity transform is applied.\n\t\t\t_setEnvironmentVariables = function() { //some browsers factor the border into the SVG coordinate space, some don't (like Firefox). Some apply transforms to them, some don't. We feature-detect here so we know how to handle the border(s). We can't do this immediately - we must wait for the document.body to exist.\n\t\t\t\tif (!_doc.createElementNS) {\n\t\t\t\t\t_svgBorderFactor = 0;\n\t\t\t\t\t_svgBorderScales = false;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tvar div = _createElement(\"div\"),\n\t\t\t\t\tsvg = _doc.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\"),\n\t\t\t\t\twrapper = _createElement(\"div\"),\n\t\t\t\t\tstyle = div.style,\n\t\t\t\t\tparent = _doc.body || _docElement,\n\t\t\t\t\tisFlex = (_getStyle(parent, \"display\", true) === \"flex\"), //Firefox bug causes getScreenCTM() to return null when parent is display:flex and the element isn't rendered inside the window (like if it's below the scroll position)\n\t\t\t\t\tmatrix, e1, point, oldValue;\n\t\t\t\tif (_doc.body && _transformProp) {\n\t\t\t\t\tstyle.position = \"absolute\";\n\t\t\t\t\tparent.appendChild(wrapper);\n\t\t\t\t\twrapper.appendChild(div);\n\t\t\t\t\toldValue = div.offsetParent;\n\t\t\t\t\twrapper.style[_transformProp] = \"rotate(1deg)\";\n\t\t\t\t\t_hasReparentBug = (div.offsetParent === oldValue);\n\t\t\t\t\twrapper.style.position = \"absolute\";\n\t\t\t\t\tstyle.height = \"10px\";\n\t\t\t\t\toldValue = div.offsetTop;\n\t\t\t\t\twrapper.style.border = \"5px solid red\";\n\t\t\t\t\t_hasBorderBug = (oldValue !== div.offsetTop); //some browsers, like Firefox 38, cause the offsetTop/Left to be affected by a parent's border.\n\t\t\t\t\tparent.removeChild(wrapper);\n\t\t\t\t}\n\t\t\t\tstyle = svg.style;\n\t\t\t\tsvg.setAttributeNS(null, \"width\", \"400px\");\n\t\t\t\tsvg.setAttributeNS(null, \"height\", \"400px\");\n\t\t\t\tsvg.setAttributeNS(null, \"viewBox\", \"0 0 400 400\");\n\t\t\t\tstyle.display = \"block\";\n\t\t\t\tstyle.boxSizing = \"border-box\";\n\t\t\t\tstyle.border = \"0px solid red\";\n\t\t\t\tstyle.transform = \"none\";\n\t\t\t\t// in some browsers (like certain flavors of Android), the getScreenCTM() matrix is contaminated by the scroll position. We can run some logic here to detect that condition, but we ended up not needing this because we found another workaround using getBoundingClientRect().\n\t\t\t\tdiv.style.cssText = \"width:100px;height:100px;overflow:scroll;-ms-overflow-style:none;\";\n\t\t\t\tparent.appendChild(div);\n\t\t\t\tdiv.appendChild(svg);\n\t\t\t\tpoint = svg.createSVGPoint().matrixTransform(svg.getScreenCTM());\n\t\t\t\te1 = point.y;\n\t\t\t\tdiv.scrollTop = 100;\n\t\t\t\tpoint.x = point.y = 0;\n\t\t\t\tpoint = point.matrixTransform(svg.getScreenCTM());\n\t\t\t\t_svgScrollOffset = (e1 - point.y < 100.1) ? 0 : e1 - point.y - 150;\n\t\t\t\tdiv.removeChild(svg);\n\t\t\t\tparent.removeChild(div);\n\t\t\t\t// -- end _svgScrollOffset calculation.\n\t\t\t\tparent.appendChild(svg);\n\t\t\t\tif (isFlex) {\n\t\t\t\t\tparent.style.display = \"block\"; //Firefox bug causes getScreenCTM() to return null when parent is display:flex and the element isn't rendered inside the window (like if it's below the scroll position)\n\t\t\t\t}\n\t\t\t\tmatrix = svg.getScreenCTM();\n\t\t\t\te1 = matrix.e;\n\t\t\t\tstyle.border = \"50px solid red\";\n\t\t\t\tmatrix = svg.getScreenCTM();\n\t\t\t\tif (e1 === 0 && matrix.e === 0 && matrix.f === 0 && matrix.a === 1) { //Opera has a bunch of bugs - it doesn't adjust the x/y of the matrix, nor does it scale when box-sizing is border-box but it does so elsewhere; to get the correct behavior we set _svgBorderScales to true.\n\t\t\t\t\t_svgBorderFactor = 1;\n\t\t\t\t\t_svgBorderScales = true;\n\t\t\t\t} else {\n\t\t\t\t\t_svgBorderFactor = (e1 !== matrix.e) ? 1 : 0;\n\t\t\t\t\t_svgBorderScales = (matrix.a !== 1);\n\t\t\t\t}\n\t\t\t\tif (isFlex) {\n\t\t\t\t\tparent.style.display = \"flex\";\n\t\t\t\t}\n\t\t\t\tparent.removeChild(svg);\n\t\t\t},\n\n\t\t\t_supports3D = (_checkPrefix(_tempDiv, \"perspective\") !== \"\"),\n\n\t\t\t// start matrix and point conversion methods...\n\t\t\t_transformOriginProp = _checkPrefix(_tempDiv, \"transformOrigin\").replace(/^ms/g, \"Ms\").replace(/([A-Z])/g, \"-$1\").toLowerCase(),\n\t\t\t_transformProp = _checkPrefix(_tempDiv, \"transform\"),\n\t\t\t_transformPropCSS = _transformProp.replace(/^ms/g, \"Ms\").replace(/([A-Z])/g, \"-$1\").toLowerCase(),\n\t\t\t_point1 = {}, //we reuse _point1 and _point2 objects inside matrix and point conversion methods to conserve memory and minimize garbage collection tasks.\n\t\t\t_point2 = {},\n\t\t\t_SVGElement = _gsScope.SVGElement,\n\t\t\t_isSVG = function(e) {\n\t\t\t\treturn !!(_SVGElement && typeof(e.getBBox) === \"function\" && e.getCTM && (!e.parentNode || (e.parentNode.getBBox && e.parentNode.getCTM)));\n\t\t\t},\n\t\t\t_isIE10orBelow = (_gsScope.navigator && (((/MSIE ([0-9]{1,}[\\.0-9]{0,})/).exec(_gsScope.navigator.userAgent) || (/Trident\\/.*rv:([0-9]{1,}[\\.0-9]{0,})/).exec(_gsScope.navigator.userAgent)) && parseFloat( RegExp.$1 ) < 11)), //Ideally we'd avoid user agent sniffing, but there doesn't seem to be a way to feature-detect and sense a border-related bug that only affects IE10 and IE9.\n\t\t\t_tempTransforms = [],\n\t\t\t_tempElements = [],\n\t\t\t_getSVGOffsets = function(e) { //SVG elements don't always report offsetTop/offsetLeft/offsetParent at all (I'm looking at you, Firefox 29 and Android), so we have to do some work to manufacture those values. You can pass any SVG element and it'll spit back an object with offsetTop, offsetLeft, offsetParent, scaleX, and scaleY properties. We need the scaleX and scaleY to handle the way SVG can resize itself based on the container.\n\t\t\t\tif (!e.getBoundingClientRect || !e.parentNode || !_transformProp) {\n\t\t\t\t\treturn {offsetTop:0, offsetLeft:0, scaleX:1, scaleY:1, offsetParent:_docElement};\n\t\t\t\t}\n\t\t\t\tif (Draggable.cacheSVGData !== false && e._dCache && e._dCache.lastUpdate === TweenLite.ticker.frame) { //performance optimization. Assume that if the offsets are requested again on the same tick, we can just feed back the values we already calculated (no need to keep recalculating until another tick elapses).\n\t\t\t\t\treturn e._dCache;\n\t\t\t\t}\n\t\t\t\tvar curElement = e,\n\t\t\t\t\tcache = _cache(e),\n\t\t\t\t\teRect, parentRect, offsetParent, cs, m, i, point1, point2, borderWidth, borderHeight, width, height;\n\t\t\t\tcache.lastUpdate = TweenLite.ticker.frame;\n\t\t\t\tif (e.getBBox && !cache.isSVGRoot) { //if it's a nested/child SVG element, we must find the parent SVG canvas and measure the offset from there.\n\t\t\t\t\tcurElement = e.parentNode;\n\t\t\t\t\teRect = e.getBBox();\n\t\t\t\t\twhile (curElement && (curElement.nodeName + \"\").toLowerCase() !== \"svg\") {\n\t\t\t\t\t\tcurElement = curElement.parentNode;\n\t\t\t\t\t}\n\t\t\t\t\tcs = _getSVGOffsets(curElement);\n\t\t\t\t\tcache.offsetTop = eRect.y * cs.scaleY;\n\t\t\t\t\tcache.offsetLeft = eRect.x * cs.scaleX;\n\t\t\t\t\tcache.scaleX = cs.scaleX;\n\t\t\t\t\tcache.scaleY = cs.scaleY;\n\t\t\t\t\tcache.offsetParent = curElement || _docElement;\n\t\t\t\t\treturn cache;\n\t\t\t\t}\n\t\t\t\t//only root SVG elements continue here...\n\t\t\t\toffsetParent = cache.offsetParent;\n\t\t\t\tif (offsetParent === _doc.body) {\n\t\t\t\t\toffsetParent = _docElement; //avoids problems with margins/padding on the body\n\t\t\t\t}\n\t\t\t\t//walk up the ancestors and record any non-identity transforms (and reset them to \"none\") until we reach the offsetParent. We must do this so that the getBoundingClientRect() is accurate for measuring the offsetTop/offsetLeft. We'll revert the values later...\n\t\t\t\t_tempElements.length = _tempTransforms.length = 0;\n\t\t\t\twhile (curElement && curElement.parentNode) {\n\t\t\t\t\tm = _getStyle(curElement, _transformProp, true);\n\t\t\t\t\tif (m !== \"matrix(1, 0, 0, 1, 0, 0)\" && m !== \"none\" && m !== \"translate3d(0px, 0px, 0px)\") {\n\t\t\t\t\t\t_tempElements.push(curElement);\n\t\t\t\t\t\t_tempTransforms.push(curElement.style[_transformProp]);\n\t\t\t\t\t\tcurElement.style[_transformProp] = \"none\";\n\t\t\t\t\t}\n\t\t\t\t\tcurElement = curElement.parentNode;\n\t\t\t\t}\n\t\t\t\tparentRect = offsetParent.getBoundingClientRect();\n\t\t\t\tm = e.getScreenCTM();\n\n\t\t\t\tpoint2 = e.createSVGPoint();\n\t\t\t\tpoint1 = point2.matrixTransform(m);\n\t\t\t\tcache.scaleX = Math.sqrt(m.a * m.a + m.b * m.b);\n\t\t\t\tcache.scaleY = Math.sqrt(m.d * m.d + m.c * m.c);\n\t\t\t\tif (_svgBorderFactor === undefined) {\n\t\t\t\t\t_setEnvironmentVariables();\n\t\t\t\t}\n\t\t\t\tif (cache.borderBox && !_svgBorderScales && e.getAttribute(\"width\")) { //some browsers (like Safari) don't properly scale the matrix to accommodate the border when box-sizing is border-box, so we must calculate it here...\n\t\t\t\t\tcs = _getComputedStyle(e) || {};\n\t\t\t\t\tborderWidth = (parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth)) || 0;\n\t\t\t\t\tborderHeight = (parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth)) || 0;\n\t\t\t\t\twidth = parseFloat(cs.width) || 0;\n\t\t\t\t\theight = parseFloat(cs.height) || 0;\n\t\t\t\t\tcache.scaleX *= (width - borderWidth) / width;\n\t\t\t\t\tcache.scaleY *= (height - borderHeight) / height;\n\t\t\t\t}\n\t\t\t\tif (_svgScrollOffset) { //some browsers (like Chrome for Android) have bugs in the way getScreenCTM() is reported (it doesn't factor in scroll position), so we must revert to a more expensive technique for calculating offsetTop/Left.\n\t\t\t\t\teRect = e.getBoundingClientRect();\n\t\t\t\t\tcache.offsetLeft = eRect.left - parentRect.left;\n\t\t\t\t\tcache.offsetTop = eRect.top - parentRect.top;\n\t\t\t\t} else {\n\t\t\t\t\tcache.offsetLeft = point1.x - parentRect.left;\n\t\t\t\t\tcache.offsetTop = point1.y - parentRect.top;\n\t\t\t\t}\n\t\t\t\tcache.offsetParent = offsetParent;\n\t\t\t\ti = _tempElements.length;\n\t\t\t\twhile (--i > -1) {\n\t\t\t\t\t_tempElements[i].style[_transformProp] = _tempTransforms[i];\n\t\t\t\t}\n\t\t\t\treturn cache;\n\t\t\t},\n\t\t\t_getOffsetTransformOrigin = function(e, decoratee) { //returns the x/y position of the transformOrigin of the element, in its own local coordinate system (pixels), offset from the top left corner.\n\t\t\t\tdecoratee = decoratee || {};\n\t\t\t\tif (!e || e === _docElement || !e.parentNode || e === window) {\n\t\t\t\t\treturn {x:0, y:0};\n\t\t\t\t}\n\t\t\t\tvar cs = _getComputedStyle(e),\n\t\t\t\t\tv = (_transformOriginProp && cs) ? cs.getPropertyValue(_transformOriginProp) : \"50% 50%\",\n\t\t\t\t\ta = v.split(\" \"),\n\t\t\t\t\tx = (v.indexOf(\"left\") !== -1) ? \"0%\" : (v.indexOf(\"right\") !== -1) ? \"100%\" : a[0],\n\t\t\t\t\ty = (v.indexOf(\"top\") !== -1) ? \"0%\" : (v.indexOf(\"bottom\") !== -1) ? \"100%\" : a[1];\n\t\t\t\tif (y === \"center\" || y == null) {\n\t\t\t\t\ty = \"50%\";\n\t\t\t\t}\n\t\t\t\tif (x === \"center\" || isNaN(parseFloat(x))) { //remember, the user could flip-flop the values and say \"bottom center\" or \"center bottom\", etc. \"center\" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an \"=\" sign in the value, it's relative.\n\t\t\t\t\tx = \"50%\";\n\t\t\t\t}\n\t\t\t\tif (e.getBBox && _isSVG(e)) { //SVG elements must be handled in a special way because their origins are calculated from the top left.\n\t\t\t\t\tif (!e._gsTransform) {\n\t\t\t\t\t\tTweenLite.set(e, {x:\"+=0\", overwrite:false}); //forces creation of the _gsTransform where we store all the transform components including xOrigin and yOrigin for SVG elements, as of GSAP 1.15.0 which also takes care of calculating the origin from the upper left corner of the SVG canvas.\n\t\t\t\t\t\tif (e._gsTransform.xOrigin === undefined) {\n\t\t\t\t\t\t\tconsole.log(\"Draggable requires at least GSAP 1.17.0\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tv = e.getBBox();\n\t\t\t\t\tdecoratee.x = (e._gsTransform.xOrigin - v.x);\n\t\t\t\t\tdecoratee.y = (e._gsTransform.yOrigin - v.y);\n\t\t\t\t} else {\n\t\t\t\t\tif (e.getBBox && (x + y).indexOf(\"%\") !== -1) { //Firefox doesn't report offsetWidth/height on
![](\" + thisItem.dataset.img.replace(\"~\", \"\") + \")
\";\r\n document.querySelector(\"#modalNutrition\").innerHTML = \"![](\"/images/video_cookie.png\")
\r\n