BECCA Light Shifter™ Collection l BECCA Cosmetics

%2F%2A%20globals%20prodcat%20%2A%2F%0Avar%20JSBoot%20%3D%20JSBoot%20%7C%7C%20%7B%7D%3B%0A%0A%28function%28%24%2C%20Drupal%2C%20window%29%20%7B%0A%0A%20%20var%20isInViewport%20%3D%20function%28elem%29%20%7B%0A%20%20%20%20var%20bounding%20%3D%20elem.getBoundingClientRect%28%29%3B%0A%20%20%20%20return%20%28%0A%20%20%20%20%20%20bounding.top%20%3E%3D%200%20%26%26%0A%20%20%20%20%20%20bounding.left%20%3E%3D%200%20%26%26%0A%20%20%20%20%20%20bounding.bottom%20%3C%3D%20%28window.innerHeight%20%7C%7C%20document.documentElement.clientHeight%29%20%26%26%0A%20%20%20%20%20%20bounding.right%20%3C%3D%20%28window.innerWidth%20%7C%7C%20document.documentElement.clientWidth%29%0A%20%20%20%20%29%3B%0A%20%20%7D%3B%0A%0A%20%20if%20%28%21String.prototype.endsWith%29%20%7B%0A%20%20%20%20String.prototype.endsWith%20%3D%20function%28search%2C%20this_len%29%20%7B%0A%20%20%20%20%20%20if%20%28this_len%20%3D%3D%3D%20undefined%20%7C%7C%20this_len%20%3E%20this.length%29%20%7B%0A%20%20%20%20%20%20%20%20this_len%20%3D%20this.length%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20return%20this.substring%28this_len%20-%20search.length%2C%20this_len%29%20%3D%3D%3D%20search%3B%0A%20%20%20%20%7D%3B%0A%20%20%7D%0A%0A%20%20var%20SkuRotatorManager%20%3D%20function%28container%2C%20imageRoot%2C%20productId%2C%20skuList%29%20%7B%0A%20%20%20%20this.%24container%20%3D%20%24%28container%29%3B%0A%20%20%20%20this.imageRoot%20%3D%20imageRoot%3B%0A%20%20%20%20this.productId%20%3D%20productId%3B%0A%20%20%20%20this.skuList%20%3D%20skuList%20%7C%7C%20%5B%5D%3B%0A%20%20%20%20this.skuHash%20%3D%20%7B%7D%3B%0A%20%20%20%20this.interval%20%3D%20null%3B%0A%20%20%20%20this.currentSkuIndex%20%3D%200%3B%0A%0A%20%20%20%20this.productData%20%3D%20prodcat.data.getProduct%28productId%29%3B%0A%20%20%20%20this.initDom%28%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.initDom%20%3D%20function%28%29%20%7B%0A%20%20%20%20var%20self%20%3D%20this%3B%0A%0A%20%20%20%20var%20%24container%20%3D%20this.%24container%3B%0A%0A%20%20%20%20this.%24skuName%20%3D%20%24container.find%28%27.brand-story-multi__text__body%27%29%3B%0A%20%20%20%20this.%24modelImage%20%3D%20%24container.find%28%27.brand-story-multi__image--1%27%29%3B%0A%20%20%20%20this.%24swatchImage%20%3D%20%24container.find%28%27.brand-story-multi__image--2%27%29%3B%0A%20%20%20%20this.%24productImage%20%3D%20%24container.find%28%27.brand-story-multi__image--3%27%29%3B%0A%0A%20%20%20%20var%20productData%20%3D%20this.productData%3B%0A%20%20%20%20if%20%28this.skuList.length%20%3D%3D%3D%200%29%20%7B%0A%20%20%20%20%20%20%24.each%28productData.skus%2C%20function%28i%2C%20sku%29%20%7B%0A%20%20%20%20%20%20%20%20self.skuList.push%28sku.SKU_ID%29%3B%0A%20%20%20%20%20%20%20%20self.skuHash%5Bsku.SKU_ID%5D%20%3D%20sku%3B%0A%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20var%20skuNameClones%20%3D%20%5B%5D%3B%0A%20%20%20%20var%20modelImageClones%20%3D%20%5B%5D%3B%0A%20%20%20%20var%20swatchImageClones%20%3D%20%5B%5D%3B%0A%20%20%20%20var%20productImageClones%20%3D%20%5B%5D%3B%0A%20%20%20%20%24.each%28this.skuList%2C%20function%28i%2C%20skuId%29%20%7B%0A%20%20%20%20%20%20var%20sku%20%3D%20self.skuHash%5BskuId%5D%3B%0A%20%20%20%20%20%20var%20%24skuNameClone%20%3D%20self.%24skuName.clone%28%29%3B%0A%20%20%20%20%20%20%24skuNameClone.html%28sku.SHADENAME%29%3B%0A%20%20%20%20%20%20%24skuNameClone.attr%28%27data-sku-id%27%2C%20skuId%29%3B%0A%20%20%20%20%20%20%24skuNameClone.addClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20skuNameClones.push%28%24skuNameClone%29%3B%0A%0A%20%20%20%20%20%20var%20%24modelClone%20%3D%20self.cloneAndLazyLoadImage%28self.%24modelImage%2C%20%27model%27%2C%20skuId%29%3B%0A%20%20%20%20%20%20var%20%24swatchClone%20%3D%20self.cloneAndLazyLoadImage%28self.%24swatchImage%2C%20%27swatch%27%2C%20skuId%29%3B%0A%20%20%20%20%20%20var%20%24productClone%20%3D%20self.cloneAndLazyLoadImage%28self.%24productImage%2C%20%27product%27%2C%20skuId%29%3B%0A%20%20%20%20%20%20modelImageClones.push%28%24modelClone%29%3B%0A%20%20%20%20%20%20swatchImageClones.push%28%24swatchClone%29%3B%0A%20%20%20%20%20%20productImageClones.push%28%24productClone%29%3B%0A%20%20%20%20%7D%29%3B%0A%0A%20%20%20%20window.requestAnimationFrame%28function%28%29%20%7B%0A%20%20%20%20%20%20self.%24skuName.after%28skuNameClones%29%3B%0A%20%20%20%20%20%20self.%24modelImage.after%28modelImageClones%29%3B%0A%20%20%20%20%20%20self.%24swatchImage.after%28swatchImageClones%29%3B%0A%20%20%20%20%20%20self.%24productImage.after%28productImageClones%29%3B%0A%0A%20%20%20%20%20%20%2F%2F%20eh%20requery%0A%20%20%20%20%20%20self.%24skuName%20%3D%20%24container.find%28%27.brand-story-multi__text__body%27%29%3B%0A%20%20%20%20%20%20self.%24modelImage%20%3D%20%24container.find%28%27.brand-story-multi__image--1%27%29%3B%0A%20%20%20%20%20%20self.%24swatchImage%20%3D%20%24container.find%28%27.brand-story-multi__image--2%27%29%3B%0A%20%20%20%20%20%20self.%24productImage%20%3D%20%24container.find%28%27.brand-story-multi__image--3%27%29%3B%0A%0A%20%20%20%20%20%20self.afterSetup%28%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.afterSetup%20%3D%20function%28%29%20%7B%0A%20%20%20%20this.startReactor%28%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.startReactor%20%3D%20function%28%29%20%7B%0A%20%20%20%20if%20%28this.interval%29%20%7B%0A%20%20%20%20%20%20return%3B%0A%20%20%20%20%7D%0A%20%20%20%20var%20self%20%3D%20this%3B%0A%0A%20%20%20%20var%20nextSku%20%3D%20this.getSkuFromOffset%281%29%3B%0A%20%20%20%20this.loadImagesForSku%28nextSku%29%3B%0A%0A%20%20%20%20this.interval%20%3D%20window.setInterval%28function%28%29%20%7B%0A%20%20%20%20%20%20%2F%2F%20Only%20rotate%20if%20in%20view.%0A%20%20%20%20%20%20if%20%28%21isInViewport%28self.%24container.get%280%29%29%29%20%7B%0A%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20self.next%28%29%3B%0A%20%20%20%20%7D%2C%202000%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.loadImagesForSku%20%3D%20function%28skuId%29%20%7B%0A%20%20%20%20var%20skuSelector%20%3D%20%27%5Bdata-sku-id%3D%22%27%20%2B%20skuId%20%2B%20%27%22%5D%20.lazyload%27%3B%0A%20%20%20%20var%20%24skuImages%20%3D%20%24%28skuSelector%2C%20this.%24container%29%3B%0A%0A%20%20%20%20%24skuImages.each%28function%28i%2C%20obj%29%20%7B%0A%20%20%20%20%20%20%2F%2A%20eslint-disable-next-line%20no-undef%20%2A%2F%0A%20%20%20%20%20%20lazySizes.loader.unveil%28obj%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.getSkuFromOffset%20%3D%20function%28offset%29%20%7B%0A%20%20%20%20var%20currentPos%20%3D%20this.currentSkuIndex%3B%0A%20%20%20%20var%20targetPos%20%3D%20currentPos%20%2B%20offset%3B%0A%20%20%20%20if%20%28targetPos%20%3E%3D%20this.skuList.length%29%20%7B%0A%20%20%20%20%20%20targetPos%20%3D%20targetPos%20-%20this.skuList.length%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20var%20skuId%20%3D%20this.skuList%5BtargetPos%5D%3B%0A%20%20%20%20return%20skuId%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.next%20%3D%20function%28%29%20%7B%0A%20%20%20%20this.currentSkuIndex%2B%2B%3B%0A%20%20%20%20if%20%28this.currentSkuIndex%20%3E%3D%20this.skuList.length%29%20%7B%0A%20%20%20%20%20%20this.currentSkuIndex%20%3D%200%3B%0A%20%20%20%20%7D%0A%20%20%20%20var%20currentSkuId%20%3D%20this.skuList%5Bthis.currentSkuIndex%5D%3B%0A%20%20%20%20this.showSku%28currentSkuId%29%3B%0A%20%20%20%20%2F%2F%20start%20preloading%20next%20sku%0A%20%20%20%20var%20nextSku%20%3D%20this.getSkuFromOffset%281%29%3B%0A%20%20%20%20this.loadImagesForSku%28nextSku%29%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.cloneAndLazyLoadImage%20%3D%20function%28%24image%2C%20imagePrefix%2C%20skuId%29%20%7B%0A%20%20%20%20var%20%24imageClone%20%3D%20%24image.clone%28%29%3B%0A%20%20%20%20%24imageClone.addClass%28%27inactive%27%29%3B%0A%20%20%20%20%24imageClone.attr%28%27data-sku-id%27%2C%20skuId%29%3B%0A%0A%20%20%20%20var%20ext%20%3D%20%27.gif%27%3B%0A%20%20%20%20if%20%28imagePrefix%20%3D%3D%3D%20%27model%27%29%20%7B%0A%20%20%20%20%20%20ext%20%3D%20%27.jpg%27%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20var%20imageSrc%20%3D%20this.imageRoot%20%2B%20imagePrefix%20%2B%20%27--%27%20%2B%20skuId%20%2B%20ext%3B%0A%0A%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyload%27%29%3B%0A%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyloaded%27%29%3B%0A%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyloading%27%29%3B%0A%20%20%20%20%24imageClone.find%28%27img%27%29.removeAttr%28%27src%27%29%3B%0A%20%20%20%20%24imageClone.find%28%27img%27%29.attr%28%27data-src%27%2C%20imageSrc%29%3B%0A%20%20%20%20%24imageClone.find%28%27source%27%29.removeAttr%28%27srcset%27%29%3B%0A%20%20%20%20%24imageClone.find%28%27source%27%29.attr%28%27data-srcset%27%2C%20imageSrc%29%3B%0A%0A%20%20%20%20%24imageClone.find%28%27img%27%29.addClass%28%27lazyload%27%29%3B%0A%20%20%20%20return%20%24imageClone%3B%0A%20%20%7D%3B%0A%0A%20%20SkuRotatorManager.prototype.showSku%20%3D%20function%28skuId%29%20%7B%0A%20%20%20%20var%20self%20%3D%20this%3B%0A%20%20%20%20window.requestAnimationFrame%28function%28%29%20%7B%0A%20%20%20%20%20%20var%20skuSelector%20%3D%20%27%5Bdata-sku-id%3D%22%27%20%2B%20skuId%20%2B%20%27%22%5D%27%3B%0A%0A%20%20%20%20%20%20self.%24skuName.not%28skuSelector%29.addClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24modelImage.not%28skuSelector%29.addClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24swatchImage.not%28skuSelector%29.addClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24productImage.not%28skuSelector%29.addClass%28%27inactive%27%29%3B%0A%0A%20%20%20%20%20%20self.%24skuName.filter%28skuSelector%29.removeClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24modelImage.filter%28skuSelector%29.removeClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24swatchImage.filter%28skuSelector%29.removeClass%28%27inactive%27%29%3B%0A%20%20%20%20%20%20self.%24productImage.filter%28skuSelector%29.removeClass%28%27inactive%27%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%7D%3B%0A%0A%20%20Drupal.behaviors.rotatingLightShifter%20%3D%20%7B%0A%20%20%20%20attach%3A%20function%28context%2C%20options%29%20%7B%0A%20%20%20%20%20%20%2F%2F%20Hey%20who%20doesnt%20love%20a%20crap%20system%20where%20product%20data%20is%20inited%20via%0A%20%20%20%20%20%20%2F%2F%20drupal%20behaviors.%0A%20%20%20%20%20%20var%20%24skuRotatorContainers%20%3D%20%24%28%27.js-multi-sku-rotator%27%2C%20context%29%3B%0A%20%20%20%20%20%20%24%28function%28%29%20%7B%0A%20%20%20%20%20%20%20%20%24skuRotatorContainers.each%28function%28i%2C%20obj%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20var%20%24skuRotatorContainer%20%3D%20%24%28obj%29%3B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20Hard%20coded%20to%20lip%20balm%20for%20now.%0A%20%20%20%20%20%20%20%20%20%20var%20PRODUCT_ID%20%3D%20null%3B%0A%20%20%20%20%20%20%20%20%20%20if%20%28%24skuRotatorContainer.hasClass%28%27dewing-tint-sku-rotator%27%29%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20PRODUCT_ID%20%3D%20%27PROD82825%27%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20if%20%28%24skuRotatorContainer.hasClass%28%27finishing-veil-sku-rotator%27%29%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20PRODUCT_ID%20%3D%20%27PROD82826%27%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20if%20%28%21PRODUCT_ID%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20var%20imageRoot%20%3D%20%27%2Fmedia%2Fexport%2Fcms%2Flight-shifter%2Fsku-rotator%2F%27%3B%0A%20%20%20%20%20%20%20%20%20%20%24skuRotatorContainer.each%28function%28i%2C%20obj%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20manager%20%3D%20new%20SkuRotatorManager%28obj%2C%20imageRoot%2C%20PRODUCT_ID%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20window.skuRotatorManager%20%3D%20manager%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%7D%2C%0A%20%20%7D%3B%0A%0A%20%20Drupal.behaviors.lightShifterHoverImage%20%3D%20%7B%0A%20%20%20%20attach%3A%20function%28context%2C%20options%29%20%7B%0A%20%20%20%20%20%20var%20%24bsMulti%20%3D%20%24%28%27.brand-story-multi%27%2C%20context%29%3B%0A%20%20%20%20%20%20%24bsMulti.each%28function%28i%2C%20obj%29%20%7B%0A%20%20%20%20%20%20%20%20var%20%24section%20%3D%20%24%28obj%29%3B%0A%20%20%20%20%20%20%20%20var%20%24imageParts%20%3D%20%24%28%27.brand-story-multi__image%27%2C%20%24section%29%3B%0A%20%20%20%20%20%20%20%20%24imageParts.each%28function%28i%2C%20obj%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20var%20%24imagePart%20%3D%20%24%28obj%29%3B%0A%20%20%20%20%20%20%20%20%20%20var%20%24picture%20%3D%20%24%28%27picture%27%2C%20%24imagePart%29%3B%0A%20%20%20%20%20%20%20%20%20%20var%20%24image%20%3D%20%24%28%27img%27%2C%20%24imagePart%29%3B%0A%20%20%20%20%20%20%20%20%20%20var%20imageSrc%20%3D%20%24image.attr%28%27src%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20var%20imageDataSrc%20%3D%20%24image.attr%28%27data-src%27%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20%28%21imageSrc%20%26%26%20%21%21imageDataSrc%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20imageSrc%20%3D%20imageDataSrc%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20if%20%28%21imageSrc%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20console.log%28imageSrc%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20var%20filename%20%3D%20imageSrc.replace%28%2F%5E.%2A%5B%5C%5C%5C%2F%5D%2F%2C%20%27%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20var%20lastDot%20%3D%20filename.lastIndexOf%28%27.%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20if%20%28lastDot%20%3D%3D%3D%20-1%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20var%20name%20%3D%20filename.substring%280%2C%20lastDot%29%3B%0A%20%20%20%20%20%20%20%20%20%20if%20%28%21name.endsWith%28%27--hoverable%27%29%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20var%20hoverImage%20%3D%20imageSrc.replace%28%27--hoverable%27%2C%20%27--hoverable--hovered%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imagePart.addClass%28%27hoverable%27%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20var%20%24imageClone%20%3D%20%24picture.clone%28%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.addClass%28%27hover-image%27%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyload%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyloaded%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.removeClass%28%27lazyloading%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.removeAttr%28%27src%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.attr%28%27data-src%27%2C%20hoverImage%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27source%27%29.removeAttr%28%27srcset%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27source%27%29.attr%28%27data-srcset%27%2C%20hoverImage%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%24imageClone.find%28%27img%27%29.addClass%28%27lazyload%27%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%24imagePart.append%28%24imageClone%29%3B%0A%20%20%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%7D%2C%0A%20%20%7D%3B%0A%0A%7D%29%28jQuery%2C%20Drupal%2C%20window%29%3B%0A