' +\n '
'\n );\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.basket.numItems);\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open');\n if (data.checkMelcoSessionStatus) {\n $('.melcoSession-error').addClass('d-none');\n } else {\n $('.melcoSession-error').removeClass('d-none');\n }\n $('html').removeClass('veiled');\n } else {\n if (data.inventoryStatus) {\n $('.invetory-error').addClass('d-none');\n } else {\n $('.invetory-error').removeClass('d-none');\n }\n if (data.checkMelcoSessionStatus) {\n $('.melcoSession-error').addClass('d-none');\n } else {\n $('.melcoSession-error').removeClass('d-none');\n }\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n if (data.skoosherzToBeDeleted && data.skoosherzToBeDeleted.length > 0) {\n for (var k = 0; k < data.skoosherzToBeDeleted.length; k++) {\n $('.uuid-' + data.skoosherzToBeDeleted[k]).remove();\n }\n }\n if (data.furryFriendLineItemUUID) {\n updateTotalAddonsPrice(data.furryFriendLineItemUUID, data.basket.items);\n }\n $('.uuid-' + uuid).remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n if (data.basket.numItems == 1 && data.newShippingMethod) {\n $(\".updateCartShipping\").text(data.newShippingMethod);\n }\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\n validateBasket(data.basket);\n // if (data.qtyRemain) {\n // console.log('Test1');\n // $('.qtyRemain').val(data.qtyRemain);\n // if ($('.cart-top-product-slider').length) {\n // if ($('.qtyRemain').val() > 0) {\n // console.log('Test');\n // $(\".cart-top-product-slider .add-to-cart-tile\").attr('disabled', false);\n // }\n // }\n // }\n }\n if (data.stage == 'payment') {\n var checkoutUrl = $(\".checkout-btn\").attr('href') + \"?stage=payment\";\n $(\".checkout-btn\").attr('href', checkoutUrl);\n }\n\n if (!data.isBonusAvaliable) {\n $('.giftcard-bonus-available').addClass('d-none');\n } else {\n $('.giftcard-bonus-available').removeClass('d-none');\n }\n\n $('body').trigger('cart:update', data);\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('body').on('change', '.quantity-form > .quantity', function () {\n var preSelectQty = $(this).data('pre-select-qty');\n var quantity = $(this).val();\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\n };\n url = appendToUrl(url, urlParams);\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.ajax({\n url: url,\n type: 'get',\n context: this,\n dataType: 'json',\n success: function (data) {\n $('.quantity[data-uuid=\"' + uuid + '\"]').val(quantity);\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updatePriceTotal(productID, data.items, uuid);\n updateApproachingDiscounts(data.approachingDiscounts);\n updateAvailability(data, uuid);\n updateCartAttribute(uuid, data.items);\n validateBasket(data);\n $(this).data('pre-select-qty', quantity);\n\n $('body').trigger('cart:update', data);\n\n $.spinner().stop();\n if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n location.reload();\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(preSelectQty, 10));\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.shippingMethods').change(function () {\n var url = $(this).attr('data-actionUrl');\n var urlParams = {\n methodID: $(this).find(':selected').attr('data-shipping-id')\n };\n // url = appendToUrl(url, urlParams);\n\n $('.totals').spinner().start();\n $('body').trigger('cart:beforeShippingMethodSelected');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n }\n\n $('body').trigger('cart:shippingMethodSelected', data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.promo-code-form').on('click', '.promo-code-btn', function (ele) {\n ele.preventDefault();\n updatePromoCodeDetail('promo-code-btn');\n });\n $('.promo-code-form').on('keydown', '.coupon-code-field', function (ele) {\n if (ele.which === 13) {\n ele.preventDefault();\n updatePromoCodeDetail('promo-code-btn');\n }\n });\n\n $('body').on('click', '.remove-coupon', function (e) {\n e.preventDefault();\n\n var couponCode = $(this).data('code');\n var uuid = $(this).data('uuid');\n var $deleteConfirmBtn = $('.delete-coupon-confirmation-btn');\n var $productToRemoveSpan = $('.coupon-to-remove');\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('code', couponCode);\n\n $productToRemoveSpan.empty().append(couponCode);\n });\n\n $('.customer-information-block').on('input', '.email-guest', function () {\n $('.submit-customer').prop('disabled', false);\n });\n\n function customerCheckRegistrationAccount() {\n var url = $(\".emailRegistration\").val();\n var email = $('.customer-information-block .email-guest').val();\n let createAccountUrl = $('.guestNoti').data('createAccountUrl');\n var urlParams = {\n registeremail: email,\n createAccountUrl: createAccountUrl\n };\n\n url = appendToUrl(url, urlParams);\n const $emailguest = document.querySelector('#email-guest');\n if (!$emailguest.validity.valid) {\n return 0;\n }\n $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n beforeSend: function () {\n $('.submit-customer').prop('disabled', true);\n },\n success: function (data) {\n $('.guestNoti').addClass('d-none');\n if (data.success === true) {\n $('.guestNoti').removeClass('d-none');\n $('.submit-customer').prop('disabled', false);\n } else if (data.success === false) {\n $('.guestNoti').removeClass('d-none');\n $('.submit-customer').prop('disabled', false);\n }\n $(\".updateGuestNotification\").empty().html(data.message);\n $('body').trigger('Account:checkRegistrationAccount', { userStatus: data });\n }\n });\n }\n\n let typingDelay;\n let typingInterval = 500;\n\n // Changed class this is looking for because commenting out the call makes Lint mad about an unused function.\n $('.customer-information-block').on('keyup', '.email-guest-doesntexist', function () {\n clearTimeout(typingDelay);\n if ($('.customer-information-block .email-guest').val()) {\n typingDelay = setTimeout(customerCheckRegistrationAccount, typingInterval);\n }\n });\n\n $('body').on('click', '.delete-coupon-confirmation-btn', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var couponCode = $(this).data('code');\n var urlParams = {\n code: couponCode,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $.spinner().stop();\n $('body').trigger('promotion:success', data);\n location.reload();\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $('body').on('click', '.cart-page .bonus-product-button', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $.spinner().start();\n $(this).addClass('launched-modal');\n $.ajax({\n url: $(this).data('url'),\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n base.methods.editBonusProducts(data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.cart-page').length) {\n $('.launched-modal .btn-outline-primary').trigger('focus');\n $('.launched-modal').removeClass('launched-modal');\n } else {\n $('.product-detail .add-to-cart').focus();\n }\n });\n\n $('body').on('click', '.cart-page .product-edit .edit, .cart-page .bundle-edit .edit', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var editProductUrl = $(this).attr('href');\n getModalHtmlElement();\n fillModalElement(editProductUrl);\n });\n\n $('body').on('shown.bs.modal', '#editProductModal', function () {\n $('#editProductModal').siblings().attr('aria-hidden', 'true');\n $('#editProductModal .close').focus();\n });\n\n $('body').on('hidden.bs.modal', '#editProductModal', function () {\n $('#editProductModal').siblings().attr('aria-hidden', 'false');\n });\n\n $('body').on('keydown', '#editProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#editProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.update-cart-product-global',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n\n $('body').on('product:updateAddToCart', function (e, response) {\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n $('.update-cart-product-global', dialog).attr('disabled',\n !$('.global-availability', dialog).data('ready-to-order')\n || !$('.global-availability', dialog).data('available')\n );\n });\n\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability', dialog)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog).empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview .bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n }\n });\n\n $('body').on('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data('selected-quantity', selectedQuantity);\n });\n\n $('body').on('change', '.options-select', function () {\n var selectedOptionValueId = $(this).children('option:selected').data('value-id');\n $('.modal.show .update-cart-url').data('selected-option', selectedOptionValueId);\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n\n var updateProductUrl = $(this).closest('.cart-and-ipay').find('.update-cart-url').val();\n var selectedQuantity = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('selected-quantity');\n var selectedOptionValueId = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('selected-option');\n var uuid = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this)),\n quantity: selectedQuantity,\n selectedOptionValueId: selectedOptionValueId\n };\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n if (updateProductUrl) {\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function (data) {\n $('#editProductModal').modal('hide');\n\n $('.coupons-and-promos').empty().append(data.cartModel.totals.discountsHtml);\n updateCartTotals(data.cartModel);\n updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n updateAvailability(data.cartModel, uuid);\n updateProductDetails(data, uuid);\n\n if (data.uuidToBeDeleted) {\n $('.uuid-' + data.uuidToBeDeleted).remove();\n }\n\n validateBasket(data.cartModel);\n\n $('body').trigger('cart:update', data);\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n }\n });\n\n $('body').on('click', '.select-bonus', function (evt) {\n evt.preventDefault();\n if ($giftmodalPrompt.length) {\n $giftmodalPrompt.modal('hide');\n }\n const url = $(this).attr('href');\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n $('.bonus-prod-modal').html(data.renderedTemplate);\n $(\"#gift-bonus-modal\").modal('show');\n }\n });\n });\n\n $('body').on('click', '.bonus-add-to-cart', function (evt) {\n evt.preventDefault();\n const $addToCartBonus = $(this);\n let url = $addToCartBonus.data('url');\n const pidsObject = {\n bonusProducts: []\n };\n const selectedBonusProducts = $('[data-selectdbonusprods]').data('selectdbonusprods');\n selectedBonusProducts.forEach(function (item) {\n pidsObject.bonusProducts.push({\n pid: item.pid,\n qty: item.submittedQty,\n options: item.option\n });\n });\n const pid = $addToCartBonus.data('pid');\n const duuid = $addToCartBonus.data('duuid');\n const quantity = parseInt($addToCartBonus.siblings('.quantity-list').find('.quantity-select').val());\n const pliuuid = $addToCartBonus.data('pluuid');\n\n pidsObject.bonusProducts.push({\n pid: pid,\n qty: quantity,\n options: null\n });\n const params = {\n pids: JSON.stringify(pidsObject),\n uuid: duuid,\n pliuuid: pliuuid\n };\n url = appendToUrl(url, params);\n $.spinner().start();\n\n $.ajax({\n url: url,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.success) {\n $('.addtocart-qantity').append(data.msgSuccess);\n }\n $('.minicart-quantity').html(data.totalQty);\n setTimeout(() => {\n $(\"#gift-bonus-modal\").modal('hide');\n location.reload();\n }, 1500);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n const $giftmodalPrompt = $('#gift-modal-prompt');\n $(document).ready(function () {\n if ($giftmodalPrompt.length) {\n $giftmodalPrompt.modal('show');\n }\n\n $giftmodalPrompt.on('click', '.show-promo-details', function () {\n $('.promo-details').toggleClass('d-none');\n });\n\n if ($('.list-coupon-confirmation-body .drawer-tile').length) {\n $('.promo-title').removeClass('d-none');\n }\n stickyCheckoutButton();\n });\n\n $(document).on('submit', '.cart-page .hb-giftmsg-form', function (evt) {\n evt.preventDefault();\n let url = $('#modal-gift-message').data('url');\n const $this = $(this);\n const $itemCont = $this.parents('.cart-lineitem');\n const from = $itemCont.find('#gmForm').val();\n const gmsg = $itemCont.find('#gmMsg').val();\n const uuid = $this.parents('.product-info').data('uuid');\n const sku = $this.parents('.product-info').data('pid');\n $(this).change(function () {\n giftMessageFormClear($this);\n });\n if (!gmsg.length) {\n // error msg\n $itemCont.find('#gmMsg').addClass('is-invalid');\n $itemCont.find('#gmMsg').next('.invalid-feedback').text('Message field blank');\n return;\n } else if (gmsg.split('\\n').length > 4) {\n // exceed error\n $itemCont.find('#gmMsg').addClass('is-invalid');\n $itemCont.find('#gmMsg').next('.invalid-feedback').text('Message has too many lines. The limit is 4');\n return;\n }\n const giftMsgObj = {\n msg: from + '|' + gmsg,\n uuid: uuid,\n sku: sku\n };\n url = appendToUrl(url, giftMsgObj);\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n if (!data.error) {\n $itemCont.find('.gmFromDisplay').text(`From: ${from}`);\n $itemCont.find('.gmMsgDisplay').text(gmsg);\n $itemCont.find('.gmDisplay').removeClass('d-none');\n $itemCont.find('#modal-gift-message').text('EDIT MESSAGE');\n $itemCont.find('#modal-gift-message').data('url', data.editUrl);\n } else {\n // server error\n showNotification(data, 3000);\n }\n $(`#uuid-${uuid}`).modal('hide');\n },\n error: function () {\n // TO DO\n }\n });\n });\n\n $('body').on('click', '.stuffing-options .swap-stuffed-state', function () {\n const $this = $(this);\n const uuid = $this.parents('.card.cart-lineitem').data('uuid');\n let url = $this.data('url');\n const $dressedOption = $this.closest('.stuffing-options').siblings('.dressing-options');\n const $stuffedDetail = $this.siblings('.item-stuffed-detail');\n const $stuffedOptionMsg = $this.siblings('.stuffed-option');\n url = appendToUrl(url, { uuid: uuid });\n\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n let isStuffed = data.isStuffed;\n $stuffedDetail.addClass('d-none');\n if (isStuffed) {\n $dressedOption.removeClass('d-none').find('.dressed-detail').addClass('d-none');\n $dressedOption.find('.isDressed').text(data.dressedMsg);\n $stuffedOptionMsg.removeClass('isUnstuffed').addClass('isStuffed').text(data.stuffedMSg);\n } else {\n $stuffedOptionMsg.removeClass('isStuffed').addClass('isUnstuffed').text(data.stuffedMSg);\n $dressedOption.addClass('d-none').find('.dressed-detail').removeClass('d-none');\n }\n }\n });\n });\n\n $('body').on('click', '.dressing-options .swap-dressing-state', function () {\n const $this = $(this);\n const uuid = $this.parents('.card.cart-lineitem').data('uuid');\n let url = $this.data('url');\n let $dressedDetail = $this.siblings('.dressed-detail');\n let $dressedOptionMsg = $this.siblings('.isDressed');\n url = appendToUrl(url, { uuid: uuid });\n\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n let isdressed = data.isdressed;\n $dressedDetail.addClass('d-none');\n if (isdressed) {\n $dressedOptionMsg.text(data.dressedMsg);\n } else {\n $dressedOptionMsg.text(data.dressedMsg);\n }\n }\n });\n });\n\n // update packaging prefrence\n $('body').on('click', '.gift-option-wrapper input', function () {\n const $this = $(this);\n const $lineItemCont = $this.parents('.card.cart-lineitem');\n const uuid = $lineItemCont.data('uuid');\n // get checked value\n const giftBox = $this.val();\n let url = $('.cart.cart-page').data('giftboxurl');\n if (!giftBox || !uuid) {\n return;\n }\n const params = {\n uuid: uuid,\n giftBox: giftBox\n };\n url = appendToUrl(url, params);\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n validateBasket(data.basket);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('change', '.attr-select', function (evt) {\n evt.preventDefault();\n const uuid = $(this).parents('.card.cart-lineitem').data('uuid');\n let queryParams;\n if (evt.currentTarget.value.split('?').length > 1) {\n queryParams = evt.currentTarget.value.split('?')[1];\n }\n let actionEndpoint = $(evt.currentTarget).find(\":selected\").data('endpoint');\n actionEndpoint = actionEndpoint + '?' + queryParams;\n actionEndpoint = appendToUrl(actionEndpoint, { uuid: uuid });\n $.spinner().start();\n\n $.ajax({\n url: actionEndpoint,\n method: 'get',\n success: function (data) {\n updateCartTotals(data.basket);\n validateBasket(data.basket);\n let item = data.basket.items.find(function (item) {\n return item.UUID === uuid;\n });\n updatePriceTotal(item.id, data.basket.items, uuid);\n // $(`[data-uuid=${uuid}]`).find('.price').replaceWith(item.renderedPrice);\n $(`[data-uuid=${uuid}]`).find('.line-item-quantity select').data('pid', item.id);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $(\"#checkoutMoviePopup\").on('click', function () {\n $(\".modal\").hide();\n });\n\n // $(document).ready(function () {\n // console.log('Test');\n // if ($('.cart-top-product-slider').length) {\n // if ($('.qtyRemain').val() == 0) {\n // console.log('Test');\n // $(\".cart-top-product-slider .add-to-cart-tile\").attr('disabled', true);\n // }\n // }\n // });\n\n birthCertificate.init();\n base.selectAttribute();\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n base.focusChooseBonusProductModal();\n base.trapChooseBonusProductModalFocus();\n base.onClosingChooseBonusProductModal();\n};\n","'use strict';\n\nvar base = require('../product/base');\nvar dataLayer = window.dataLayer || [];\n\nconst addToCartTile = function ($addToCartBtn) {\n let form = {\n pid: $addToCartBtn.data('pid'),\n isBundle: $addToCartBtn.data('isbundle'),\n isFurryFriend: $addToCartBtn.data('isfriend'),\n setbundlepids: JSON.stringify($addToCartBtn.data('setbundlepids')),\n quantity: 1\n };\n $.ajax({\n url: $addToCartBtn.data('url'),\n method: 'POST',\n headers: {\n 'x-queueit-ajaxpageurl': encodeURI(window.location.href)\n },\n data: form,\n success: function (data) {\n $addToCartBtn.parents('.product-tile').find('.add-to-cart-error').addClass('d-none');\n if (!data.error) {\n base.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n base.miniCartReportingUrl(data.reportingURL);\n try {\n if (data.isEnabled) {\n dataLayer.push(JSON.parse(data.dataLayerObj));\n }\n } catch (error) {\n window.console.error('\\naddToCartGlobal.js: error in {0}', error);\n }\n if ($addToCartBtn.closest('.cart-top-product-slider').length) {\n window.location.reload();\n }\n } else {\n $addToCartBtn.parents('.product-tile').find('.add-to-cart-error').removeClass('d-none').html(data.result.message);\n }\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n }).done(function (res, text, XHR) {\n if (XHR.getResponseHeader('X-SF-CC-QUEUEIT')) {\n window.location.href = decodeURIComponent(XHR.getResponseHeader('X-SF-CC-QUEUEIT'));\n return;\n }\n });\n};\n\nconst initializeAddToCart = function () {\n // add to cart customization on PLP\n $(document).on('click', 'button.add-to-cart-tile', function () {\n addToCartTile($(this));\n });\n};\n\nmodule.exports = {\n initializeAddToCart: initializeAddToCart\n};\n","'use strict';\n\nvar updateMiniCart = true;\n\n/*\n * buzz 3d intro\n */\n$(document).ready(function () {\n initializeBuzzIntro();\n});\n\n// Define a reusable function for initializing the intro animation\nfunction initializeBuzzIntro() {\n var myAtmosphere = document.querySelector('.buzz3d .atmosphere');\n var myLeftClouds = document.querySelector('.buzz3d .clouds.left');\n var myRightClouds = document.querySelector('.buzz3d .clouds.right');\n var myLeftClouds2 = document.querySelector('.buzz3d .clouds.left.second');\n var myRightClouds2 = document.querySelector('.buzz3d .clouds.right.second');\n var myWhiteout = document.querySelector('.buzz3d .whiteout');\n\n // start if click\n $('.trigger-bb3d-takeover').on('click keydown', function () {\n loadB3dImg();\n myCloudsTween(myLeftClouds, 'left', 6000, 0);\n myCloudsTween(myRightClouds, 'right', 6000, -6000);\n myCloudsTween(myLeftClouds2, 'left', 4000, -5000);\n myCloudsTween(myRightClouds2, 'left', 4000, -6000);\n myWhiteoutTween(myWhiteout);\n myAtmosphereTween(myAtmosphere);\n });\n\n var queryString = window.location.search;\n var urlParams = new URLSearchParams(queryString);\n\n var buzzInFlag = urlParams.get('bb3dstart');\n if (buzzInFlag) {\n loadB3dImg();\n myCloudsTween(myLeftClouds, 'left', 6000, 0);\n myCloudsTween(myRightClouds, 'right', 6000, -6000);\n myCloudsTween(myLeftClouds2, 'left', 4000, -5000);\n myCloudsTween(myRightClouds2, 'left', 4000, -6000);\n myWhiteoutTween(myWhiteout);\n myAtmosphereTween(myAtmosphere);\n }\n\n var buzzOutFlag = urlParams.get('bb3dexit');\n\n if (buzzOutFlag) {\n loadB3dImg();\n var myBalloon = document.querySelector('.buzz3d .balloon');\n\n $(myBalloon, myLeftClouds, myRightClouds, myLeftClouds2, myRightClouds2).css('display', 'block');\n $(myLeftClouds).css('left', '0');\n $(myLeftClouds2).css('left', '0');\n $(myRightClouds).css('right', '0');\n $(myRightClouds2).css('right', '0');\n $(myWhiteout).css('display', 'block');\n\n var windowWidth = $(window).width();\n\n $(myLeftClouds).animate({ left: -windowWidth, opacity: 0 }, 5000);\n $(myRightClouds).delay(0).animate({ left: windowWidth, opacity: 0 }, 5000);\n $(myLeftClouds2).delay(0).animate({ left: -windowWidth, opacity: 0 }, 5000);\n $(myRightClouds2).delay(0).animate({ left: windowWidth, opacity: 0 }, 5000);\n $(myWhiteout).delay(0).animate({ opacity: 0 }, 5000);\n\n $(myBalloon).css('display', 'block').animate({ opacity: 1 }, 1000, function () {\n $(this).animate({\n top: '-=650px' // Move the balloon up by 400px from its initial position\n }, 8000);\n });\n setTimeout(function () {\n $(myWhiteout).css('display', 'none');\n $(myAtmosphere).css('display', 'none');\n if ($('.search:visible').length === 0) {\n return;\n }\n var url = $('.minicart').data('action-url');\n let $minicartItem = $('.minicart [data-num-of-items]');\n let cartfullCount = 0;\n if ($minicartItem && $minicartItem.length > 0) {\n cartfullCount = parseInt($minicartItem.data('num-of-items'));\n }\n var count = parseInt($('.minicart .minicart-quantity').text(), 10) || cartfullCount;\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart) {\n $('.minicart .popover').addClass('show');\n return;\n }\n\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n $('.minicart-quantity').text($(data).find('.num-of-items-badge').data('num-of-items'));\n $.spinner().stop();\n });\n }\n }, 5000);\n }\n}\n\n// Define the animation function\nfunction myAtmosphereTween(element) {\n if (!element) return;\n\n // Wrap element in jQuery object for animation\n $(element).css({ opacity: 0, display: 'none' }).animate(\n { opacity: 0.5 },\n {\n duration: 7000,\n easing: 'swing',\n start: function () {\n $(element).css({ display: 'block' });\n },\n complete: function () {\n window.location.href = $('#buzz3d-wrapper').data('url');\n }\n }\n );\n}\n\n// Define the animation function\nfunction myCloudsTween(element, direction, duration, delay) {\n if (!element) return;\n\n var targetPosition = direction === 'left' ? '100%' : '-100%';\n\n $(element).css({ left: direction === 'left' ? '-100%' : '100%' });\n\n setTimeout(function () {\n $(element).animate({\n left: targetPosition\n }, {\n duration: duration,\n easing: 'linear',\n queue: false\n });\n }, delay);\n}\n\n// Define the animation function\nfunction myWhiteoutTween(element) {\n if (!element) return;\n\n // Ensure the element is shown and start with opacity 0\n $(element).css({ display: 'block', opacity: 0 }).animate(\n { opacity: 1 }, // Fade in effect\n {\n duration: 5000, // 5 seconds\n easing: 'linear' // Linear easing for smooth fade-in\n }\n );\n}\n\nfunction loadB3dImg() {\n $('.b3dimg').each(function () {\n var mySrc = this.getAttribute('data-src');\n $(this).attr('src', mySrc);\n });\n}\n","'use strict';\n\nvar base = require('base/components/clientSideValidation');\nvar dataLayer = window.dataLayer || [];\n\nvar regex = {\n postal: {\n us: /^\\d{5}(-\\d{4})?$/,\n ca: /^[ABCEGHJKLMNPRSTVXY]{1}\\d{1}[A-Z]{1} *\\d{1}[A-Z]{1}\\d{1}$/,\n fr: /^(F-)?((2[A|B])|[0-9]{2})[0-9]{3}$/,\n it: /^([0-9]){5}$/,\n jp: /^([0-9]){3}[-]([0-9]){4}$/,\n cn: /^([0-9]){6}$/,\n gb: /^([A-PR-UWYZ0-9][A-HK-Y0-9][A-HJKS-U0-9]?[ABEHMNPRV-Y0-9]? {1,2}[0-9][ABD-HJLN-UW-Z]{2}|GIR 0AA)$/,\n xx: /^.{4,10}$/\n },\n phone: {\n us: /^[0-9]{10}$/,\n gb: /^[0-9]{11}$/\n }\n};\n\nfunction isValidEmailAddress(footLgEmail) {\n var pattern = /^([\\w+\\-]+\\.)*[\\w+\\-]+@([\\w+\\-]+\\.)*[\\w+\\-]+\\.[a-zA-Z]{2,4}$/;\n return pattern.test(footLgEmail);\n}\n\nfunction scrollAnimation() {\n if ($('.is-invalid').length) {\n let position = $('.is-invalid').offset().top - 200;\n $('html, body').animate({\n scrollTop: position\n }, 0);\n }\n}\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nfunction validateForm(event) {\n var valid = true;\n if (this.checkValidity && !this.checkValidity()) {\n // safari\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n $(this).find('input, select').each(function () {\n if (!this.validity.valid) {\n $(this).trigger('invalid', this.validity);\n }\n });\n }\n return valid;\n}\n\nfunction checkPhoneValidation($form) {\n let siteId = $('body').data('sitecode');\n if ($form !== undefined) {\n let countryCode = $form.find('select[name$=\"_addressFields_country\"]').val();\n if ((countryCode === undefined) && $('.address-form').length > 0) {\n countryCode = $form.find('select[name$=\"_address_country\"]').val();\n } else if ((countryCode === undefined) && $('.add-new-address-form').length > 0) {\n countryCode = $form.find('select[name$=\"_address_country\"]').val();\n }\n\n if (siteId === 'US' && countryCode === 'US') {\n $('.changePhoneNumber').attr('maxlength', 10);\n } else {\n $('.changePhoneNumber').attr('maxlength', 11);\n }\n }\n\n $('body').find(\"input[type='tel']\").on('paste input', function () {\n RemoveAlphaChars(this);\n });\n}\nfunction RemoveAlphaChars(txt) {\n setTimeout(function () {\n let initVal = $(txt).val();\n let outputVal = initVal.replace(/[^0-9]/g, \"\");\n if (initVal != outputVal) {\n $(txt).val(outputVal);\n }\n }, 1);\n}\n\n/**\n * Validate visible elements. Requires `this` to be set to form object\n * @returns {boolean} - Flag to indicate if form is valid\n */\nfunction customZipAndPhoneValidation() {\n var valid = true;\n var form = $(this);\n var countryCode = form.find('select[name$=\"_addressFields_country\"]').val();\n // Zip Code validation\n $(this).find('input:visible, select:visible, textarea:visible, input[type=\"tel\"], input[type=\"email\"]').each(function () {\n if (this.name.indexOf('_addressFields_postalCode') > -1 || this.name.indexOf('_address_postalCode') > -1) {\n if ($('.address-form').length) {\n countryCode = form.find('select[name$=\"_address_country\"]').val();\n }\n if ($('.add-new-address-form').length) {\n countryCode = form.find('select[name$=\"address_country\"]').val();\n }\n let value = this.value;\n let isValid = false;\n switch (countryCode) {\n case 'US':\n isValid = regex.postal.us.test(value);\n break;\n case 'CA':\n isValid = regex.postal.ca.test(value);\n break;\n case 'FR':\n isValid = regex.postal.fr.test(value);\n break;\n case 'IT':\n isValid = regex.postal.it.test(value);\n break;\n case 'JP':\n isValid = regex.postal.jp.test(value);\n break;\n case 'CN':\n isValid = regex.postal.it.test(value);\n break;\n case 'GB':\n isValid = regex.postal.gb.test(value);\n break;\n default:\n isValid = regex.postal.xx.test(value);\n }\n if (!isValid) {\n valid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text('Please enter a valid zip code.');\n }\n } else if (!this.validity.valid) {\n valid = false;\n $(this).trigger('invalid', this.validity);\n }\n // Phone number validation\n if (this.name.indexOf('_addressFields_phone') > -1 || this.name.indexOf('_address_phone') > -1 || this.name.indexOf('_contactInfoFields_phone') > -1 || this.name.indexOf('_contactus_phone') > -1 || this.name.indexOf('_corporateEvent_phoneno') > -1) {\n if ($('.address-form').length) {\n countryCode = form.find('select[name$=\"_address_country\"]').val();\n }\n if ($('.add-new-address-form').length) {\n countryCode = form.find('select[name$=\"address_country\"]').val();\n }\n let invalid;\n let siteId = $('body').data('sitecode');\n let value = this.value;\n let isValid = false;\n if (siteId === 'US' && countryCode === 'GB') {\n switch (countryCode) {\n case 'US':\n isValid = regex.phone.us.test(value);\n break;\n default:\n isValid = regex.phone.us.test(value) || regex.phone.gb.test(value);\n }\n invalid = $(this).parents('.form-group').find('.otherCountryErrorMsg').val();\n } else {\n switch (countryCode) {\n case 'US':\n isValid = regex.phone.us.test(value);\n break;\n case 'GB':\n isValid = regex.phone.gb.test(value);\n break;\n default:\n isValid = regex.phone.us.test(value) || regex.phone.gb.test(value);\n }\n invalid = $(this).parents('.form-group').find('.invalid-feedback').data('error-msg');\n }\n if (!isValid) {\n valid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalid);\n }\n } else if (!this.validity.valid) {\n valid = false;\n $(this).trigger('invalid', this.validity);\n }\n if (this.name.indexOf('_contactus_email') > -1 || this.name.indexOf('_orderStatus_trackOrderEmail') > -1 || this.name.indexOf('_corporateEvent_email') > -1 || this.name.indexOf('_coCustomer_email') > -1) {\n let value = this.value.trim();\n if (isValidEmailAddress(value)) {\n valid = true;\n } else {\n valid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text($(this).attr('data-error-msg'));\n }\n }\n let giftValid = true;\n if (this.name.indexOf('_shipping_shippingAddress_giftMessage') > -1) {\n let invalid = $(this).parents('.form-group').find('.invalid-feedback').data('error-msg');\n let value = this.value;\n if (value === '') {\n giftValid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalid);\n }\n }\n if (giftValid === false) {\n valid = false;\n }\n\n if (!valid) {\n scrollAnimation();\n }\n });\n return valid;\n}\n\nfunction EGCformValidation() {\n var valid = true;\n var $form = $(this);\n var $formEmail = $form.find('input[type=\"email\"]');\n let $selectField = $form.find('#price-dropdown');\n let $enterdField = $form.find('#customPrice');\n let invalid = $form.find('.EGC-error-msg').val();\n let invalidEmail = $form.find('.EGC-email-error-msg').val();\n\n $form.find('input[type=\"text\"], input[type=\"email\"]').each(function () {\n if ($(this).val() === '') {\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalid);\n valid = false;\n } else {\n $(this).removeClass('is-invalid');\n valid = true;\n }\n });\n\n let enteredAmmount = true;\n let validAmmount = $enterdField.val();\n\n if (($selectField.val() === '* Choose Amount') && ($enterdField.val() === '')) {\n $enterdField.addClass('is-invalid');\n $enterdField.parents('.form-group').find('.invalid-feedback').text(invalid);\n valid = false;\n } else if (($selectField.val() !== '* Choose Amount') && ($enterdField.val() === '')) {\n $enterdField.removeClass('is-invalid');\n valid = true;\n } else if (($selectField.val() !== '* Choose Amount') && ($enterdField.val() !== '') && (!$enterdField.hasClass('isBSR'))) {\n if (validAmmount < 10 || validAmmount > 75) {\n enteredAmmount = false;\n }\n } else {\n $enterdField.removeClass('is-invalid');\n valid = true;\n }\n\n $formEmail.each(function () {\n if (!isValidEmailAddress($(this).val())) {\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalidEmail);\n valid = false;\n } else {\n $(this).removeClass('is-invalid');\n valid = true;\n }\n });\n\n if (!enteredAmmount) {\n valid = false;\n }\n\n if (!valid) {\n scrollAnimation();\n }\n return valid;\n}\n\nbase.customZipAndPhoneValidation = function (form, event) {\n return customZipAndPhoneValidation.call($(form), event || null);\n};\n\nbase.EGCformValidation = function (form, event) {\n return EGCformValidation.call(form, event || null);\n};\n\nbase.checkPhoneValidation = function (form) {\n return checkPhoneValidation(form);\n};\n$(document).ready(function () {\n $('body').find(\".shippingCountry, .billingCountry\").on('change', function () {\n let form = $(this).closest('form');\n checkPhoneValidation(form);\n });\n $('form input, form textarea, #brickGiftMessage').on('change blur', function () {\n const $formFields = $(this);\n const inputValue = $formFields.val().trim();\n $formFields.val(inputValue);\n });\n $('form input, form select, form textarea, #brickGiftMessage').on('change blur', function (e) {\n return validateForm.call(this, e);\n });\n $('body').find(\"input[type='tel']\").on('input', function () {\n $(this).val($(this).val().replace(/[^0-9]/g, ''));\n });\n $('body').find(\"input[type='tel']\").on('change blur', function () {\n let valid = true; // eslint-disable-line\n let formSelector = $(this).closest('form');\n let form = $(formSelector);\n let siteId = $('body').data('sitecode');\n let invalid;\n let countryCode = form.find('select[name$=\"_addressFields_country\"]').val();\n if ($('.address-form').length) {\n countryCode = form.find('select[name$=\"_address_country\"]').val();\n }\n let value = this.value;\n let isValid = false;\n if (siteId === 'US' && countryCode === 'GB') {\n switch (countryCode) {\n case 'US':\n isValid = regex.phone.us.test(value);\n break;\n default:\n isValid = regex.phone.us.test(value) || regex.phone.gb.test(value);\n }\n invalid = $(this).parents('.form-group').find('.otherCountryErrorMsg').val();\n } else if (siteId === 'GB' && countryCode !== 'GB') {\n switch (countryCode) {\n case 'US':\n isValid = regex.phone.us.test(value);\n break;\n case 'GB':\n isValid = regex.phone.gb.test(value);\n break;\n default:\n isValid = regex.phone.us.test(value) || regex.phone.gb.test(value);\n }\n invalid = $(this).parents('.form-group').find('.otherCountryErrorMsg').val();\n } else {\n switch (countryCode) {\n case 'US':\n isValid = regex.phone.us.test(value);\n break;\n case 'GB':\n isValid = regex.phone.gb.test(value);\n break;\n default:\n isValid = regex.phone.us.test(value) || regex.phone.gb.test(value);\n }\n invalid = $(this).parents('.form-group').find('.invalid-feedback').data('error-msg');\n }\n if (!isValid) {\n isValid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalid);\n } else {\n $(this).removeClass('is-invalid');\n }\n });\n $('.shippingZipCode, .billingZipCode, #zipCode').on('change blur', function () {\n var valid = true; // eslint-disable-line\n var formSelector = $(this).closest('form');\n var form = $(formSelector);\n const invalid = $(this).parents('.form-group').find('.invalid-feedback').data('error-msg');\n var countryCode = form.find('select[name$=\"_addressFields_country\"]').val();\n if ($('.address-form').length) {\n countryCode = form.find('select[name$=\"_address_country\"]').val();\n }\n var value = this.value;\n var isValid = false;\n switch (countryCode) {\n case 'US':\n isValid = regex.postal.us.test(value);\n break;\n case 'CA':\n isValid = regex.postal.ca.test(value);\n break;\n case 'FR':\n isValid = regex.postal.fr.test(value);\n break;\n case 'IT':\n isValid = regex.postal.it.test(value);\n break;\n case 'JP':\n isValid = regex.postal.jp.test(value);\n break;\n case 'CN':\n isValid = regex.postal.it.test(value);\n break;\n case 'GB':\n isValid = regex.postal.gb.test(value);\n break;\n default:\n isValid = regex.postal.xx.test(value);\n }\n if (!isValid) {\n valid = false;\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalid);\n }\n });\n $('.emailValidation').on('change blur', function () {\n let $this = $(this);\n let formEMail = $this.val();\n let $subscriberEmail = $('#subscriberEmail');\n let $subscriberTerm = $('#subscriberTerms');\n let $productSubscribe = $('#productSubscribe');\n const $parentGroup = $this.parents('.form-group');\n const invalid = $parentGroup.find('.invalid-feedback').data('error-msg');\n const blankInvalid = $parentGroup.find('.invalid-feedback').data('blank-msg');\n\n if (!isValidEmailAddress(formEMail)) {\n $this.addClass('is-invalid');\n $parentGroup.find('.invalid-feedback').text(invalid);\n $productSubscribe.attr('disabled', true);\n } else {\n $this.removeClass('is-invalid');\n $productSubscribe.attr('disabled', false);\n if ($subscriberTerm.is(':checked')) {\n $productSubscribe.attr('disabled', false);\n $subscriberTerm.click(function () {\n $productSubscribe.prop(\"disabled\", !$subscriberTerm.prop(\"checked\"));\n });\n }\n }\n\n if ($subscriberEmail.length) {\n var subscriberEmailval = $subscriberEmail.val();\n if (subscriberEmailval == '') {\n $this.addClass('is-invalid');\n $parentGroup.find('.invalid-feedback').text(blankInvalid);\n $productSubscribe.attr('disabled', true);\n }\n }\n });\n $('body').find(\"input[type='tel'], input[type='text'], select\").on('change blur', function () {\n try {\n let formSelector = $(this).closest('form');\n let $form = $(formSelector);\n let $stepShipping = $('#stepshipping');\n\n let countryCode = $form.find('select[name$=\"_addressFields_country\"]').val();\n let phone = $form.find('input[name$=\"_addressFields_phone\"]').val();\n let postalCode = $form.find('input[name$=\"_addressFields_postalCode\"]').val();\n let stateCodeUS = $form.find('select[name$=\"_addressFields_states_stateUS\"]').val();\n let stateCodeUK = $form.find('select[name$=\"_addressFields_states_stateGB\"]').val();\n let address1 = $form.find('input[name$=\"_addressFields_address1\"]').val();\n let firstName = $form.find('input[name$=\"_addressFields_firstName\"]').val();\n let lastName = $form.find('input[name$=\"_addressFields_lastName\"]').val();\n let city = $form.find('input[name$=\"_addressFields_city\"]').val();\n\n if (firstName && lastName && address1 && countryCode && city && postalCode && phone && (stateCodeUS || stateCodeUK)) {\n var $dataLayerShippingObj = $stepShipping.val();\n if ($dataLayerShippingObj) {\n dataLayer.push(JSON.parse($dataLayerShippingObj));\n }\n $stepShipping.val('');\n }\n } catch (error) {\n window.console.error('\\clientSideValidation.js: error in {0}', error);\n }\n });\n});\n\nmodule.exports = base;\n","'use strict';\n\nconst getCookie = function (name) {\n var nameEQ = encodeURIComponent(name) + \"=\";\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) === ' ') // eslint-disable-line\n c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) // eslint-disable-line\n return decodeURIComponent(c.substring(nameEQ.length, c.length));\n }\n return null;\n};\n\nconst setCookie = function (name, value, days) {\n var expires;\n\n if (days) {\n var date = new Date();\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n expires = \"; expires=\" + date.toGMTString();\n } else {\n expires = \"\";\n }\n document.cookie = encodeURIComponent(name) + \"=\" + encodeURIComponent(value) + expires + \"; path=/\";\n};\n\nmodule.exports = {\n getCookie: getCookie,\n setCookie: setCookie\n};\n","'use strict';\n\n/**\n * Initialize Float Labels\n */\nfunction init() {\n let floatInputs = \"input[type='date'], input[type='email'], input[type='password'], input[type='search']\"\n + \", input[type='tel'], input[type='text'], input[type='url'], input[type='number'], select, textarea\";\n let $formControls = $(floatInputs);\n\n $('form').addClass('floating'); // add global utility class to forms for manipulating specific elements\n\n $formControls.each(function () {\n let $currEl = $(this);\n let $label = $(this).parents('.form-group').find('label');\n let required = $(this).parents('.required').length > 0;\n let labelText;\n\n if (required) {\n labelText = `* ${$label.text().trim()}`;\n } else {\n labelText = $label.text().trim();\n }\n\n $(this).parents('.form-group').addClass('floating-label');\n\n // move label to follow input\n $label.insertAfter($(this));\n\n // if no palceholder is set, use label text\n if (!$(this).attr('placeholder')) {\n $(this).attr('placeholder', labelText);\n }\n\n // detect whether select has a empty \"placeholder\" value as first option, or an actual value\n if ($currEl.is('select')) {\n var $firstOption = $currEl.find('option:first-child');\n\n $currEl.parents('.form-group').addClass('floating-select');\n\n if ($.trim($firstOption.html()).length) {\n $currEl.parents('.form-group').addClass('default-set');\n }\n }\n });\n\n // select float label functionality\n $('.form-control').on('focus blur change input', function (e) {\n var $currEl = $(this);\n let required = $(this).parents('.required').length > 0;\n\n if ($currEl.is('select')) {\n var $firstOption = $currEl.find('option:first-child');\n var labelText = $currEl.siblings('label').text().trim();\n\n if (required) {\n labelText = `* ${labelText}`;\n }\n\n // if first option is empty, then assign the labvel text as \"placeholder\" option\n if (!$.trim($firstOption.html()).length) {\n $firstOption.text(labelText).attr('label', labelText);\n }\n\n // if the first value is a \"placeholder\" apply float label style, if it has a default value apply \"selected\" style\n if ($firstOption.is(':selected')) { // first option is selected\n if (!$currEl.parents('.default-set').length) { // first option is a placeholder and not a \"default\"\n $currEl.parent().removeClass('value-set');\n } else { // first option is a \"default\"\n $currEl.parent().addClass('value-set');\n }\n } else { // first option is not selected\n $currEl.parents('.form-group').toggleClass('value-set', ((e.type === 'focus' || this.value.length > 0) && (!$firstOption.is(':selected'))));\n }\n } else { // not a select element\n $currEl.parents('.form-group').toggleClass('value-set', (e.type === 'focus' || this.value.length > 0));\n }\n }).trigger('blur');\n\n $('.form-control').on('change', function () {\n var $currEl = $(this);\n\n if ($currEl.is('.is-invalid')) {\n $currEl.removeClass('is-invalid').closest('.form-group').removeClass('invalid-field');\n }\n });\n}\n\nmodule.exports = function () {\n let features = JSON.parse(document.querySelector('body').dataset.features);\n if (features && features.enableFloatLabels) {\n init();\n }\n};\n","'use strict';\n\nvar ageGateEventTriggered = false;\n\nfunction createCookie(name, value, days) {\n var expires;\n\n if (days) {\n var date = new Date();\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n expires = \"; expires=\" + date.toGMTString();\n } else {\n expires = \"\";\n }\n document.cookie = encodeURIComponent(name) + \"=\" + encodeURIComponent(value) + expires + \"; path=/\";\n}\n\nfunction readCookie(name) {\n var nameEQ = encodeURIComponent(name) + \"=\";\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) === ' ') // eslint-disable-line\n c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) // eslint-disable-line\n return decodeURIComponent(c.substring(nameEQ.length, c.length));\n }\n return null;\n}\n\nfunction showAgeGateModal() {\n const $workshopAgeGateModal = $('#workshopAgeGateModal');\n const ageGatePassed = readCookie(\"ageGatePassed\");\n $workshopAgeGateModal.addClass('activeModal');\n if (ageGatePassed === \"true\" && $workshopAgeGateModal.length) {\n $workshopAgeGateModal.modal('hide');\n } else {\n $workshopAgeGateModal.modal({\n backdrop: 'static',\n keyboard: false\n });\n $('#workshopAgeGateModal .continue').prop('disabled', true);\n }\n}\n\n$('.footer-item h5').on('click', function (event) {\n event.preventDefault();\n const $footerItem = $('.footer-item');\n const $footerItemHeader = $(this);\n const $elementHeader = $footerItemHeader.next();\n const $accordionContent = $footerItem.find('ul,.guest-experience');\n const $accordionTitle = $footerItem.find('h5');\n\n if ($elementHeader.hasClass('show')) {\n $elementHeader.removeClass('show');\n $elementHeader.slideUp(350);\n $footerItemHeader.removeClass('active');\n } else {\n $accordionContent.removeClass('show');\n $accordionContent.slideUp(350);\n $accordionTitle.stop().removeClass('active');\n $elementHeader.toggleClass('show');\n $elementHeader.slideToggle(350);\n $footerItemHeader.addClass('active');\n }\n});\n\n$('body').on('click', '#ageGateModal .continue', function () {\n createCookie('ageGate', 'Confirmed', '90');\n});\n\n$('body').on('click', '#ageGateModal .go-back-btn', function () {\n const location = $(this).attr('data-href');\n window.location.href = location;\n});\n\nfunction startFtLgdeactiveq() {\n if (typeof $ === \"function\") {\n clearInterval(deactiveQcheckFtLg);\n document.cookie = 'dw_cookie_leadgen_seen=1; expires=Mon, 2 deactivean 2023 12:00:00 UTC; path=/';\n\n var $leadGen = $('.footer-lead-gen');\n\n $('body').find('#footLg-email').on('change blur', function () {\n let footLgEmail = $(this).val();\n let invalidMsg = $(this).parents('.form-group').find('.invalid-feedback').data('error-msg');\n\n if (!isValidEmailAddress(footLgEmail)) {\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.invalid-feedback').text(invalidMsg);\n }\n });\n\n $leadGen.find('#ft-email-signup').on('click', function (e) {\n e.preventDefault();\n\n var footLgEmail = $leadGen.find('#footLg-email').val();\n let $footLgOptIn = $leadGen.find('#footLg-opt-in');\n const emailErrorMsg = $('.footer-form-email').val();\n const checkboxErrorMsg = $('.footer-form-checkbox').val();\n let invalidMsg = $leadGen.find('#footLg-email').parents('.form-group').find('.invalid-feedback').data('error-msg');\n var validEmail = isValidEmailAddress(footLgEmail);\n\n if (validEmail && $footLgOptIn.is(\":checked\")) {\n var $button = $(this);\n var url = $('.footer-form-submit-url').val();\n var source = $('.footer-form-source').val();\n var brand = $('.footer-form-brand').val();\n\n var obj = {\n emailAddress: footLgEmail,\n source: source,\n brand: brand\n };\n\n $.ajax({\n url: url,\n type: 'GET',\n dataType: 'json',\n data: obj,\n success: function (data) {\n if (data.success) {\n $leadGen.find('#footLg-email').val(footLgEmail).attr('disabled', 'disabled');\n $button.attr('disabled', 'disabled');\n $leadGen.find('#footLg-opt-in').attr('checked', true).attr('disabled', 'disabled');\n $leadGen.find('.lg-success').fadeIn();\n $leadGen.find('#footLg-opt-in').removeClass('is-invalid');\n $leadGen.find('#footLg-opt-in').parents('.form-group').find('.invalid-feedback').empty();\n } else {\n $leadGen.find('.lg-error').fadeIn();\n }\n },\n error: function () {\n $leadGen.find('.lg-error').fadeIn();\n }\n });\n } else {\n e.preventDefault();\n if (!validEmail) {\n $leadGen.find('#footLg-email').addClass('is-invalid');\n }\n if (!$footLgOptIn.is(\":checked\")) {\n $leadGen.find('#footLg-opt-in').addClass('is-invalid');\n }\n if (footLgEmail !== \"\") {\n if (!validEmail) {\n $leadGen.find('#footLg-email').siblings('.invalid-feedback').text(invalidMsg);\n }\n if ($footLgOptIn.is(\":checked\")) {\n $leadGen.find('#footLg-opt-in').removeClass('is-invalid');\n } else {\n $leadGen.find('#footLg-opt-in').parents('.form-group').find('.invalid-feedback').text(checkboxErrorMsg);\n }\n } else {\n if (!validEmail) {\n $leadGen.find('#footLg-email').siblings('.invalid-feedback').text(emailErrorMsg);\n }\n if ($footLgOptIn.is(\":checked\")) {\n $leadGen.find('#footLg-opt-in').removeClass('is-invalid');\n } else {\n $leadGen.find('#footLg-opt-in').parents('.form-group').find('.invalid-feedback').text(checkboxErrorMsg);\n }\n }\n }\n });\n }\n}\n\nfunction isValidEmailAddress(footLgEmail) {\n var pattern = /^([\\w+\\-]+\\.)*[\\w+\\-]+@([\\w+\\-]+\\.)*[\\w+\\-]+\\.[a-zA-Z]{2,4}$/;\n return pattern.test(footLgEmail);\n}\n\nlet notOne = !1,\n bottomOnMobile = -265,\n bottomOnDesktop = -300,\n screenWidth = $(window).width(),\n resizeScreen = screenWidth <= 768 ? bottomOnMobile : bottomOnDesktop;\n\n$(window).on(\"resize\", function () {\n screenWidth = $(window).width();\n resizeScreen = screenWidth < 768 ? bottomOnMobile : bottomOnDesktop;\n notOne ? deactive(resizeScreen) : $(\".marketing-drawer\").css(\"bottom\", resizeScreen);\n});\n\nfunction deactive(e) {\n notOne = !1;\n let $marketingDrawer = $(\".marketing-drawer\");\n $(\".menu-overlay-back\").hide();\n $marketingDrawer.find(\"span.arrow\").toggleClass('active');\n $marketingDrawer.removeClass(\"expanded\");\n $marketingDrawer.find(\".control span.viewall\").text(\"View All\");\n $marketingDrawer.animate({\n bottom: e\n }, 500);\n}\n\nfunction activeOffers() {\n $(\".marketing-drawer\").on('click', '.control', function () {\n notOne ? (screenWidth = $(window).width(),\n deactive(resizeScreen = screenWidth < 768 ? bottomOnMobile : bottomOnDesktop)) : (!function () { // eslint-disable-line\n notOne = !0;\n let $marketingDrawer = $(\".marketing-drawer\");\n $(\".menu-overlay-back\").show();\n $(\".page\").addClass(\"expanded\");\n $marketingDrawer.find(\"span.arrow\").toggleClass('active');\n $marketingDrawer.addClass(\"expanded\");\n $marketingDrawer.find(\".control span.viewall\").text(\"Close\");\n $marketingDrawer.animate({\n bottom: 0\n }, 500);\n }(), $(\".menu-overlay-back\").on(\"click\", function () {\n screenWidth = $(window).width();\n deactive(resizeScreen = screenWidth < 768 ? bottomOnMobile : bottomOnDesktop);\n }));\n });\n\n $(\".marketing-drawer\").on(\"click\", \"a.disc-link\", function () {\n let $mainPromoLightbox = $(\"#mainPromoLightbox\");\n let $disclaimerContent = $(this).closest('.slide-content-wrap').find(\".disclaimer p\").html();\n $mainPromoLightbox.find(\".modal-body p\").html($disclaimerContent);\n $mainPromoLightbox.modal('show');\n });\n}\n\n$(window).on('load', function () { // if PD drawer is active, count Promo Cards in Mktg Drawer\n const getDrawer = document.getElementById('drawerCarousel');\n if (getDrawer) {\n const getCards = getDrawer.querySelectorAll(`.promo-slide`);\n if (getCards.length > 0) {\n const cardCount = getCards.length;\n const showCount = document.getElementById(\"theOffers\");\n showCount.innerHTML += \" (\" + cardCount.toString() + \")\";\n getDrawer.removeAttribute(\"style\");\n } else {\n getDrawer.style.display = \"none\";\n }\n }\n});\n\n$(window).on('load', function () { // even out height of Promo Cards in carousels\n const promoCards = document.querySelectorAll('.pcdinner:not(#drawerCarousel *)');\n var thisCard = 0;\n var tallCard = 0;\n\n if (promoCards) {\n promoCards.forEach(eachCard => {\n thisCard = eachCard.offsetHeight;\n if (thisCard > tallCard) {\n tallCard = thisCard;\n }\n });\n\n promoCards.forEach(indCard => {\n indCard.style.height = `${tallCard}px`;\n });\n }\n});\n\nvar deactiveQcheckFtLg = setInterval(startFtLgdeactiveq, 1000);\n\n$(document).ready(function () {\n const ageGateModal = $('#ageGateModal');\n if (ageGateModal.length && readCookie('ageGate') === null) {\n ageGateModal.modal();\n }\n activeOffers();\n});\n\n$(document).on('focus', '#footLg-email, #login-form-email, #email-guest, #subscriberEmail, #email , #registration-form-email', function () {\n showAgeGateModal();\n});\n\n$(document).on(\"click\", function (event) {\n const $workshopAgeGateModal = $('#workshopAgeGateModal');\n const ageGatePassed = readCookie(\"ageGatePassed\");\n if ($workshopAgeGateModal.length && $workshopAgeGateModal.hasClass('activeModal')) {\n if ($workshopAgeGateModal.attr('data-gtm-enable') && !ageGateEventTriggered && ageGatePassed !== 'true') {\n window.dataLayer.push(JSON.parse($workshopAgeGateModal.attr('data-gtm-data')));\n ageGateEventTriggered = true;\n }\n if (ageGatePassed === \"true\") {\n $workshopAgeGateModal.modal('hide');\n } else {\n event.preventDefault();\n $workshopAgeGateModal.modal({\n backdrop: 'static',\n keyboard: false\n });\n }\n }\n});\n\n$(document).on(\"change blur keyup\", \"#birthMonth\", function () {\n var monthArr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\n let birthMonth = $(\"#birthMonth\").val();\n let birthYear = $(\"#birthYear\").val();\n // eslint-disable-next-line no-undef\n if ((birthMonth !== '' && jQuery.inArray(birthMonth, monthArr) !== -1) && birthYear.length === 4 && birthYear.length === 4 && birthYear >= 1900 && birthYear <= 3000) {\n $('#workshopAgeGateModal .continue').prop('disabled', false);\n } else {\n $('#workshopAgeGateModal .continue').prop('disabled', true);\n $('#birthMonth').val(birthMonth.replace(/[^0-9\\.]/g, ''));\n if (birthMonth.length > 2) {\n $('#birthMonth').val(birthMonth.slice(0, 2));\n }\n }\n});\n\n$(document).on(\"change blur keyup\", \"#birthYear\", function () {\n var monthArr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];\n let birthMonth = $(\"#birthMonth\").val();\n let birthYear = $(\"#birthYear\").val();\n // eslint-disable-next-line no-undef\n if ((birthMonth !== '' && jQuery.inArray(birthMonth, monthArr) !== -1) && birthYear.length === 4 && parseInt(birthYear) >= 1900 && parseInt(birthYear) <= 3000) {\n $('#workshopAgeGateModal .continue').prop('disabled', false);\n } else {\n $('#workshopAgeGateModal .continue').prop('disabled', true);\n $('#birthYear').val(birthYear.replace(/[^0-9\\.]/g, ''));\n if (birthYear.length > 4) {\n $('#birthYear').val(birthYear.substring(0, 4));\n }\n }\n});\n\n$(document).on(\"click\", \"#workshopAgeGateModal .continue\", function () {\n let birthMonth = parseInt($(\"#birthMonth\").val(), 10);\n let birthYear = parseInt($(\"#birthYear\").val(), 10);\n const $workshopAgeGateModal = $('#workshopAgeGateModal');\n let url = $('#workshopAgeGateModal').data('continue-url');\n let isHomePage = $('#homepage').length > 0;\n let queryString = '?year=' + birthYear + '&month=' + birthMonth;\n $.ajax({\n url: url + queryString,\n method: 'GET',\n success: function (data) {\n const isAdult = data.isAdult;\n if (isAdult) {\n createCookie(\"ageGatePassed\", \"true\", 60);\n $workshopAgeGateModal.removeClass('activeModal');\n try {\n if (data && data.dataLayerObj && data.dataLayerObj.isGTMEnabled) {\n window.dataLayer.push(JSON.parse(data.dataLayerObj.data));\n }\n } catch (error) {\n window.console.error('\\nfooter.js: error in {0}', error);\n }\n } else if (!isHomePage) {\n window.location = data.redirectURL;\n } else {\n //\n }\n $workshopAgeGateModal.modal('hide');\n }\n });\n});\n","'use strict';\n\nlet $body = $('body');\nlet $header = $('.page header');\nlet $features = $body.data('features') ? $body.data('features') : {};\nconst isPLP = $('body').find('.search-results').length > 0;\nlet isSticky = $features && $features.enableStickyHeader;\n\nconst Cookie = require('./cookie');\nconst utilities = require('../utils/utilities');\n\n// Get geolocation cookie if it exists\nconst geolocationCookieString = Cookie.getCookie('geolocation');\n\n/**\n * Sets header position\n */\nfunction setHeader() {\n let $bearBuilder = $('#page-bear-builder');\n\n if ($bearBuilder.length) {\n return;\n }\n\n var $scrollPos = $(window).scrollTop();\n // var $bp = window.matchMedia('(max-width: 48em)').matches ? 'mobile' : 'desktop';\n var isMobile = window.innerWidth < 768;\n var stickPoint;\n if (isMobile) {\n stickPoint = $header.find('.header-ribbon').outerHeight();\n } else {\n stickPoint = $header.find('.header-top').outerHeight() + $header.find('.header-ribbon').outerHeight();\n }\n\n // Toggle utility class on scroll\n if ($scrollPos > 0) {\n $body.addClass('is-scrolled');\n } else {\n $body.removeClass('is-scrolled');\n }\n\n // Toggle stuck class\n if ($scrollPos >= stickPoint) {\n $body.addClass('is-stuck');\n $header.css('top', '-' + stickPoint + 'px');\n $body.css('padding-top', $header.outerHeight());\n } else {\n $body.removeClass('is-stuck');\n $header.css('top', '0');\n $body.css('padding-top', 0);\n }\n}\n\nvar allowGeoRecall = true;\nvar countLocationAttempts = 0;\nfunction getLocation() {\n if (geolocationCookieString) {\n const geoCookie = JSON.parse(geolocationCookieString);\n const position = {\n coords: {\n latitude: geoCookie.latitude,\n longitude: geoCookie.longitude\n }\n };\n getPreferredStore(position);\n } else if (window.navigator.geolocation) {\n window.navigator.geolocation.getCurrentPosition(getPreferredStore, positionError);\n }\n}\nfunction positionError() {\n if (allowGeoRecall && countLocationAttempts < 0) {\n countLocationAttempts += 1;\n getLocation();\n }\n}\nfunction getPreferredStore(position) {\n var latLng = { latitude: position.coords.latitude, longitude: position.coords.longitude };\n const preferredStoreURL = $('.preferred-store').val();\n\n // set cookie to prevent multiple location prompts\n Cookie.setCookie('geolocation', JSON.stringify(latLng), 1);\n\n if (!preferredStoreURL) {\n return false;\n }\n\n $.ajax({\n url: preferredStoreURL,\n method: 'POST',\n data: latLng,\n success: function (data) {\n if (!data.error) {\n const storeURL = $('.preferred-store-url').val() + '?StoreID=' + data.storeID;\n $('.store-detail').html(`${data.storeName}, ${data.storeCity}, ${data.storeStateCode}`);\n\n if (isPLP) {\n let $selectStoreLink = $('.select-store-link');\n\n $selectStoreLink.each(function () {\n let $selectStore = $(this).find('.select-store');\n let $storeName = $(this).find('.store-name');\n\n if ($selectStore.length) {\n $selectStore.hide();\n $storeName.text(data.storeName).attr('data-storeid', data.storeID).removeClass('d-none');\n } else {\n $storeName.text(data.storeName).attr('data-storeid', data.storeID);\n }\n });\n }\n }\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n allowGeoRecall = false;\n}\n\nmodule.exports = function () {\n // Set Sticky if Sticky Feature is Enabled\n if (isSticky) {\n setHeader();\n }\n\n $('.header-slot').on('click', '.close-button', function (e) {\n e.preventDefault();\n\n if (isSticky) {\n setHeader();\n }\n });\n\n $('body').on('click', '.filter-results, .refinement-bar .close', function () {\n if (isSticky) {\n setHeader();\n }\n $('body').toggleClass('filter-active');\n });\n\n $(document).ready(function () {\n $('.panel-toggle').on('click', function (e) {\n e.preventDefault();\n $('.panel-toggle.active').toggleClass('active btn-primary btn-outline-primary');\n $(this).toggleClass('active btn-primary btn-outline-primary');\n $('.panel.is-active').removeClass('is-active');\n $('.panel').eq($(this).parent().index()).addClass('is-active');\n });\n getLocation();\n openNewSessionPopup();\n recordABTasty();\n });\n\n $(window).smartresize(function () {\n if (isSticky) {\n setHeader();\n }\n });\n\n $(window).on('scroll', function () {\n if (isSticky) {\n setHeader();\n }\n });\n\n function openNewSessionPopup() {\n const $currentPromoBox = $('#newSessionLightbox .mpl-borderbox');\n const hasContent = ($currentPromoBox.children().length > 0 || $currentPromoBox.text().trim() !== '');\n const $newSessionLightbox = $('#newSessionLightbox');\n\n if (hasContent && Cookie.getCookie('newSessionLightbox') === null) {\n $newSessionLightbox.modal('show');\n Cookie.setCookie('newSessionLightbox', 'true', 1);\n }\n }\n\n function recordABTasty() {\n var abTests = '',\n abTestsNew = [],\n abTimeout;\n // Get tests recorded on prior pages\n var geturl = utilities.appendParamsToUrl($('#eventCookies').data('geturl'), {\n param: 'abTests'\n });\n $.ajax({\n type: 'GET',\n url: geturl\n }).done(function (response) {\n if (response != 'null' && response.val != 'null') abTests += response.val;\n });\n // Listen for tests on current page\n window.addEventListener('abtasty_executedCampaign', function (e) {\n // All test executions are close together in time. Timeout used to ensure a single, complete send.\n clearTimeout(abTimeout);\n abTestsNew.push(e.detail);\n abTimeout = setTimeout(abSend, 1000);\n });\n // Prepare and send updated test list\n function abSend() {\n var doSend = false;\n for (var i = 0; i < abTestsNew.length; i++) {\n // Only add tests to the list if they aren't already there from a prior page\n if (abTests.indexOf(abTestsNew[i].campaignId + ':' + abTestsNew[i].variationId) == -1) {\n doSend = true;\n abTests += abTestsNew[i].campaignId + ':' + abTestsNew[i].variationId + ',';\n }\n }\n // Only send update if something new was added\n if (doSend) {\n var posturl = utilities.appendParamsToUrl($('#eventCookies').data('seturl'), {\n param: 'abTests',\n val: abTests\n });\n $.ajax({\n type: 'POST',\n url: posturl\n });\n }\n }\n }\n};\n","const Swiper = require('swiper/swiper-bundle.min.js');\n\nfunction setTiles(container) {\n let url = container.dataset.source;\n let isCarousel = container.classList.contains('ig-gallery--carousel');\n fetch(url)\n .then(response => response.json())\n .then(data => {\n let post = data.data,\n icon = ``;\n // console.log(post);\n for (let p = 0; p < post.length; p++) {\n let user = post[p].username,\n id = post[p].id,\n type = post[p].media_type,\n link = post[p].permalink,\n media = post[p].media_url,\n caption = post[p].caption || '',\n thumb = type === \"VIDEO\" ? post[p].thumbnail_url : null;\n\n if (type === \"CAROUSEL_ALBUM\") {\n icon = ``;\n } else if (type === \"VIDEO\") {\n icon = ``;\n } else {\n icon = ``;\n }\n\n container.innerHTML += ` 0 ? 'hasCaption' : ''}\" data-id=\"${id}\" data-user=\"${user}\">${icon} ' +\n '
' +\n '' + data.basket.resources.emptyCartMsg + '
' +\n '${caption}
`;\n }\n // Initialize carousel component(s)\n if (isCarousel) {\n initCarousel(container);\n }\n });\n}\n\nfunction initCarousel(container) {\n let componentId = container.dataset.componentId;\n\n /* eslint no-unused-vars: [\"error\", { \"varsIgnorePattern\": \"instaCarousel\" }]*/\n const instaCarousel = new Swiper(container, {\n direction: 'horizontal',\n loop: false,\n slidesPerView: 1,\n centerInsufficientSlides: true,\n pagination: {\n el: '.swiper-pagination',\n type: 'bullets',\n enabled: false,\n clickable: true\n },\n navigation: {\n nextEl: `.swiper-nav-next-${componentId}`,\n prevEl: `.swiper-nav-prev-${componentId}`\n },\n scrollbar: {\n el: '.swiper-scrollbar',\n draggable: true,\n hide: false\n },\n breakpoints: {\n 480: {\n slidesPerView: 2\n },\n 768: {\n slidesPerView: 4\n }\n }\n });\n}\n\nmodule.exports = function () {\n $(document).ready(function () {\n let ig = $('.ig-gallery');\n\n for (let i = 0; i < ig.length; i++) {\n setTiles(ig[i]);\n }\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\n\nvar breakpoint = window.matchMedia('(max-width: 62em)').matches ? 'mobile' : 'desktop';\nvar newBreakpoint = breakpoint;\nvar $userMenu = $('.header-main-right .user');\n/**\n * Check current breakpoint\n */\nfunction checkBreakpoint() {\n newBreakpoint = window.matchMedia('(max-width: 62em)').matches ? 'mobile' : 'desktop';\n}\n\nvar clearSelection = function (element) {\n $(element).closest('.dropdown').children('.dropdown-menu').children('.top-category')\n .detach();\n $(element).closest('.dropdown.show').children('.nav-link').attr('aria-expanded', 'false');\n $(element).closest('.dropdown.show').children('.dropdown-menu').attr('aria-hidden', 'true');\n $(element).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n $(element).closest('li').detach();\n};\n\nvar isDesktop = function (element) {\n return $(element).parents('.menu-toggleable-left').css('position') !== 'fixed';\n};\n\n/**\n * Behavior when mouse enters nav menu item\n */\nfunction navMouseEnter() {\n if (isDesktop(this)) {\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).addClass('show');\n $(this).children('.dropdown-menu').addClass('show');\n $(this).children('.dropdown-toggle').attr('aria-expanded', 'true');\n }\n}\n\n/**\n * Behavior when mouse enters nav menu item\n */\nfunction navMouseLeave() {\n if (isDesktop(this)) {\n $(this).removeClass('show');\n $(this).children('.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n}\n\n/**\n * Reset nav statesbetwen desktop/mobile transition\n */\nfunction navReset() {\n $('.navbar-nav > li').each(function () {\n $(this).closest('.dropdown').children('.dropdown-menu').children('.top-category')\n .detach();\n $(this).closest('.dropdown').children('.dropdown-menu').children('.nav-menu')\n .detach();\n $(this).closest('.dropdown.show').children('.nav-link').attr('aria-expanded', 'false');\n $(this).closest('.dropdown.show').children('.dropdown-menu').attr('aria-hidden', 'true');\n $(this).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n });\n}\n\nmodule.exports = function () {\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n\n $('.header-banner .close').on('click', function () {\n $('.header-banner').addClass('d-none');\n window.sessionStorage.setItem('hide_header_banner', '1');\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $('.header-banner').removeClass('d-none');\n }\n\n keyboardAccessibility('.main-menu .nav-link, .main-menu .dropdown-link',\n {\n 40: function (menuItem) { // down\n if (menuItem.hasClass('nav-item')) { // top level\n $('.navbar-nav .show').removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n menuItem.find('ul > li > a')\n .first()\n .focus();\n } else {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n if (!(menuItem.next().length > 0)) { // if this is the last menuItem\n menuItem.parent().parent().find('li > a') // set focus to the first menuitem\n .first()\n .focus();\n } else {\n menuItem.next().children().first().focus();\n }\n }\n },\n 39: function (menuItem) { // right\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n } else if (menuItem.hasClass('dropdown')) {\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a')\n .first()\n .focus();\n }\n },\n 38: function (menuItem) { // up\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n } else if (menuItem.prev().length === 0) { // first menuItem\n menuItem.parent().parent().removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n menuItem.parent().children().last().children() // set the focus to the last menuItem\n .first()\n .focus();\n } else {\n menuItem.prev().children().first().focus();\n }\n },\n 37: function (menuItem) { // left\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.prev().children().first().focus();\n } else {\n menuItem.closest('.show').removeClass('show')\n .closest('li.show').removeClass('show')\n .children()\n .first()\n .focus()\n .attr('aria-expanded', 'false');\n }\n },\n 27: function (menuItem) { // escape\n var parentMenu = menuItem.hasClass('show')\n ? menuItem\n : menuItem.closest('li.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu.removeClass('show').children('.nav-link')\n .attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n }\n },\n function () {\n return $(this).parent();\n });\n\n $('.dropdown:not(.disabled) [data-toggle=\"dropdown\"]')\n .on('click', function (e) {\n if (!isDesktop(this)) {\n $('.modal-background').show();\n // copy parent element into current UL\n var li = $('');\n var link = $(this).clone().removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n li.append(link);\n var closeMenu = $('');\n closeMenu.append($('.close-menu').first().clone());\n $(this).parent().children('.dropdown-menu')\n .prepend(li)\n .prepend(closeMenu)\n .attr('aria-hidden', 'false');\n var navLnk = $(this).parent().find('>.nav-link');\n var secTitle = $(navLnk).text();\n $(this).parent().find('.section-title').text(secTitle);\n\n // copy navigation menu into view\n $(this).parent().addClass('show');\n $(this).attr('aria-expanded', 'true');\n $(link).focus();\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'true');\n e.preventDefault();\n }\n }).parent().hoverIntent({\n over: navMouseEnter,\n out: navMouseLeave,\n timeout: 200\n }).on('focusin', navMouseEnter).on('focusout', navMouseLeave);\n\n $('.navbar>.close-menu>.sub-menu-head-flex-container>.right-column>.close-button').on('click', function (e) {\n e.preventDefault();\n $('.menu-toggleable-left').removeClass('in');\n $('.modal-background').hide();\n\n $('.navbar-toggler').focus();\n\n $('.main-menu').attr('aria-hidden', 'true');\n $('.main-menu').siblings().attr('aria-hidden', 'false');\n $('header').siblings().attr('aria-hidden', 'false');\n $('body').removeClass('modal-open');\n });\n\n $('.navbar-nav').on('click', '.back', function (e) {\n e.preventDefault();\n clearSelection(this);\n });\n\n $('.navbar-nav').on('click', '.close-button', function (e) {\n e.preventDefault();\n $('.navbar-nav').find('.top-category').detach();\n $('.navbar-nav').find('.nav-menu').detach();\n $('.navbar-nav').find('.show').removeClass('show');\n $('.menu-toggleable-left').removeClass('in');\n\n $('.main-menu').siblings().attr('aria-hidden', 'false');\n $('header').siblings().attr('aria-hidden', 'false');\n\n $('.modal-background').hide();\n $('body').removeClass('modal-open');\n });\n\n $('.navbar-toggler').click(function (e) {\n e.preventDefault();\n $('.main-menu').toggleClass('in');\n $('.modal-background').show();\n\n $('.main-menu').removeClass('d-none');\n $('.main-menu').attr('aria-hidden', 'false');\n $('.main-menu').siblings().attr('aria-hidden', 'true');\n $('header').siblings().attr('aria-hidden', 'true');\n\n $('.main-menu .nav.navbar-nav .nav-link').first().focus();\n $('body').addClass('modal-open');\n });\n\n keyboardAccessibility('.header-main-right .user',\n {\n 40: function ($popover) { // down\n if ($popover.children('a').first().is(':focus')) {\n $popover.next().children().first().focus();\n } else {\n $popover.children('a').first().focus();\n }\n },\n 38: function ($popover) { // up\n if ($popover.children('a').first().is(':focus')) {\n $(this).focus();\n $popover.removeClass('show');\n } else {\n $popover.children('a').first().focus();\n }\n },\n 27: function () { // escape\n $userMenu.find('.popover').removeClass('show');\n $userMenu.attr('aria-expanded', 'false');\n },\n 9: function () { // tab\n $userMenu.find('.popover').removeClass('show');\n $userMenu.attr('aria-expanded', 'false');\n }\n },\n function () {\n var $popover = $userMenu.find('.popover li.nav-item');\n return $popover;\n });\n\n $userMenu.on('mouseenter focusin', function () {\n if ($userMenu.find('.popover').length > 0) {\n $userMenu.find('.popover').addClass('show');\n $userMenu.attr('aria-expanded', 'true');\n }\n });\n\n $userMenu.on('mouseleave', function () {\n $userMenu.find('.popover').removeClass('show');\n $userMenu.attr('aria-expanded', 'false');\n });\n\n checkBreakpoint();\n\n $(window).smartresize(function () {\n navReset();\n checkBreakpoint();\n\n if (newBreakpoint !== breakpoint) {\n breakpoint = newBreakpoint;\n\n if (newBreakpoint === 'desktop') {\n $('.modal-background').hide();\n }\n }\n });\n};\n","'use strict';\n\n/* global location */\n\nvar cart = require('../cart/cart');\nvar updateMiniCart = true;\n\n/**\n * copy of base/components/miniCart with accel miniCart updates\n */\nfunction base() {\n const isMobile = window.matchMedia('(max-width: 991.98px)');\n cart();\n\n $('body').on('click', '.js-close-minicart', function () {\n $('.minicart .popover').removeClass('show');\n });\n\n $('body').on('click', '.js-return-false', function () {\n if (isMobile.matches && $('.minicart .minicart-quantity').data('cartCount') > 0) {\n return false;\n }\n });\n\n $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal).data('cartCount', count.quantityTotal);\n }\n });\n\n $('.minicart').on('mouseenter focusin touchstart', function () {\n if ($('.search:visible').length === 0) {\n return;\n }\n var url = $('.minicart').data('action-url');\n // cartful zero count fix\n let $minicartItem = $('.minicart [data-num-of-items]');\n let cartfullCount = 0;\n if ($minicartItem && $minicartItem.length > 0) {\n cartfullCount = parseInt($minicartItem.data('num-of-items'));\n }\n var count = parseInt($('.minicart .minicart-quantity').text(), 10) || cartfullCount;\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart) {\n $('.minicart .popover').addClass('show');\n return;\n }\n\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n $('.minicart-quantity').text($(data).find('.num-of-items-badge').data('num-of-items'));\n $.spinner().stop();\n });\n }\n });\n $('body').on('touchstart click', function (e) {\n if ($('.minicart').has(e.target).length <= 0) {\n $('.minicart .popover').removeClass('show');\n }\n });\n $('body').on('keydown', function (e) {\n if (e.key === 'c' && e.altKey) {\n $('.utility-items-wrap .mini-cart-link').focus();\n }\n });\n $('.minicart').on('mouseleave focusout', function (event) {\n updateMiniCart = true;\n if ((event.type === 'focusout' && $('.minicart').has(event.relatedTarget).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n });\n $('body').on('change', '.minicart .quantity', function () {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n $('body').on('product:afterAddToCart', function () {\n updateMiniCart = true;\n $('.minicart').trigger('focusin');\n });\n $('body').on('cart:update', function () {\n updateMiniCart = true;\n });\n}\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessageAndRemoveFromCart(data) {\n $.spinner().stop();\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n $('.add-to-wishlist-messages')\n .append('' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 1500);\n var $targetElement = $('a[data-pid=\"' + data.pid + '\"]').closest('.product-info').find('.remove-product');\n var itemToMove = {\n actionUrl: $targetElement.data('action'),\n productID: $targetElement.data('pid'),\n productName: $targetElement.data('name'),\n uuid: $targetElement.data('uuid')\n };\n $('body').trigger('afterRemoveFromCart', itemToMove);\n setTimeout(function () {\n $('.cart.cart-page #removeProductModal').modal();\n }, 2000);\n}\n/**\n * move items from Cart to wishlist\n * returns json object with success or error message\n */\nfunction moveToWishlist() {\n $('body').on('click', '.product-move .move', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var pid = $(this).data('pid');\n var optionId = $(this).closest('.product-info').find('.lineItem-options-values').data('option-id');\n var optionVal = $(this).closest('.product-info').find('.lineItem-options-values').data('value-id');\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n try {\n if (data.isEnabled) {\n window.dataLayer.push((JSON.parse(data.dataLayerObj)));\n }\n } catch (error) {\n window.console.error('\\nminiCart.js: error in {0}', error);\n }\n // displayMessageAndRemoveFromCart(data);\n $('#moveToWishListModal').modal('hide');\n $.spinner().stop();\n },\n error: function (err) {\n displayMessageAndRemoveFromCart(err);\n $.spinner().stop();\n }\n });\n });\n}\n\nmodule.exports = {\n base: base,\n moveToWishlist: moveToWishlist\n};\n","'use strict';\n\nfunction subscriberFormReset() {\n $('.subscription-form').trigger('reset');\n $('#eventSubscribe').attr('disabled', 'disabled');\n}\n\nfunction showNotification(data, duration) {\n const $notification = $('.notification');\n const $notificationMessage = $('.showMessage');\n const $alert = $('.alert');\n $notificationMessage.text(data.msg);\n $notification.removeClass('d-none').addClass('show');\n setTimeout(function () {\n $notification.addClass('d-none').removeClass('show');\n $alert.removeClass('alert-danger alert-success');\n }, duration);\n}\n\nfunction eventSubscribe() {\n $('body').on('click', '#eventSubscribe', function (event) {\n event.preventDefault();\n const $subscribeSignUp = $('.subscription-signup');\n const $form = $('.subscription-form');\n const url = $(this).data('action');\n const $alert = $('.alert');\n const $confirmationMsg = $subscribeSignUp.find('.confirm-wrap');\n const $errorMsg = $subscribeSignUp.find('.error-wrap');\n $.ajax({\n type: 'POST',\n url: url,\n beforeSend: function () {\n $.spinner().start();\n },\n data: $form.serialize(),\n dataType: 'json',\n success: function (data) {\n if (data.success) {\n // form is validated, we need to submit it to subscribe now\n var url = $('.subscription-form-submit-url').val();\n var source = $('.subscription-form-source').val();\n var brand = $('.footer-form-brand').val();\n var productid = $('.subscription-form-productid').val();\n var campaignname = $('.subscription-form-pgid').val();\n var firstName = $('#eventSubscriberFirstName').val();\n var lastName = $('#eventSubscriberLastName').val();\n var Address1 = $('#eventSubscriberAddress1').val();\n var City = $('#eventSubscriberCity').val();\n var State = $('#eventSubscriberState').val();\n var Zip = $('#eventSubscriberZip').val();\n var Phone = $('#eventSubscriberPhone').val();\n\n var obj = {\n emailAddress: data.email,\n source: source,\n brand: brand,\n productID: productid,\n campaignName: campaignname\n };\n if (firstName) {\n obj.firstName = firstName;\n }\n if (lastName) {\n obj.lastName = lastName;\n }\n if (Address1) {\n obj.address1 = Address1;\n }\n if (City) {\n obj.city = City;\n }\n if (State) {\n obj.state = State;\n }\n if (Zip) {\n obj.zip = Zip;\n }\n if (Phone) {\n obj.phone = Phone;\n }\n\n $.ajax({\n url: url,\n type: 'GET',\n dataType: 'json',\n data: obj,\n success: function (data_b) {\n if (data_b.success) {\n subscriberFormReset();\n $alert.addClass('alert-success');\n showNotification(data_b, 3000);\n if ($confirmationMsg.length) {\n $subscribeSignUp.find('.start-wrap').fadeOut(function () {\n $confirmationMsg.fadeIn();\n });\n }\n } else {\n subscriberFormReset();\n $alert.addClass('alert-danger');\n showNotification(data_b, 3000);\n if ($errorMsg.length) {\n $subscribeSignUp.find('.start-wrap').fadeOut(function () {\n $errorMsg.fadeIn();\n });\n }\n }\n },\n error: function (err) {\n subscriberFormReset();\n $alert.addClass('alert-danger');\n showNotification(err, 3000);\n if ($errorMsg.length) {\n $subscribeSignUp.find('.start-wrap').fadeOut(function () {\n $errorMsg.fadeIn();\n });\n }\n }\n });\n } else {\n subscriberFormReset();\n $alert.addClass('alert-danger');\n showNotification(data, 3000);\n if ($errorMsg.length) {\n $subscribeSignUp.find('.start-wrap').fadeOut(function () {\n $errorMsg.fadeIn();\n });\n }\n }\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n}\n\nfunction eventSubscriberTerms() {\n $('#eventSubscriberEmail, #eventSubscriberTerms').on('input change', function () {\n let email = $('#eventSubscriberEmail').val();\n let isChecked = $('#eventSubscriberTerms').is(':checked');\n\n if (isValidEmail(email) && isChecked) {\n $('#eventSubscribe').prop('disabled', false);\n } else {\n $('#eventSubscribe').prop('disabled', true);\n }\n });\n}\n\nfunction isValidEmail(email) {\n var emailPattern = /^([\\w+\\-]+\\.)*[\\w+\\-]+@([\\w+\\-]+\\.)*[\\w+\\-]+\\.[a-zA-Z]{2,4}$/;\n return emailPattern.test(email);\n}\n\nmodule.exports = {\n eventSubscribe: eventSubscribe,\n eventSubscriberTerms: eventSubscriberTerms,\n isValidEmail: isValidEmail\n};\n","const passwordCustomValidity = function ($input, score) {\n const validityState = $input.validity;\n if (validityState.valueMissing) {\n $input.setCustomValidity($input.dataset.valueMissing);\n } else if (score && score < 3) {\n $input.setCustomValidity($input.dataset.errorMsg);\n } else {\n $input.setCustomValidity('');\n }\n\n $input.reportValidity();\n};\n\nconst validatePasswordField = function ($passwordInput, score) {\n const $passwordWrapper = $passwordInput.closest('.form-group');\n if (score >= 3) {\n $passwordInput.classList.remove('is-invalid');\n $passwordWrapper.classList.remove('invalid-field');\n } else {\n $passwordInput.classList.add('is-invalid');\n $passwordWrapper.classList.add('invalid-field');\n }\n\n passwordCustomValidity($passwordInput, score);\n};\n\nconst passwordValidationHandler = function () {\n const $passwordInput = this;\n const $passwordWrapper = $passwordInput.closest('.form-group');\n const $passDesc = $passwordWrapper.querySelector('.password-description');\n const passwordCriteria = JSON.parse($passwordInput ? $passwordInput.dataset.passwordCriteria : {});\n const passwordStrengthArr = JSON.parse($passwordInput ? $passwordInput.dataset.passwordStrengthArr : []);\n const inputValue = $passwordInput.value;\n let score = 0;\n let strengthColor = '';\n let strengthText = '';\n\n for (const [key, value] of Object.entries(passwordCriteria)) {\n const regex = new RegExp(value);\n const $patternElement = $passwordWrapper.querySelector(`.js-pattern-${key}`);\n\n if (regex.test(inputValue)) {\n $patternElement.classList.remove('invalid');\n $patternElement.classList.add('valid');\n score++;\n } else {\n $patternElement.classList.add('invalid');\n $patternElement.classList.remove('valid');\n }\n }\n\n switch (true) {\n case score <= 0:\n strengthColor = '';\n strengthText = passwordStrengthArr[0];\n break;\n\n case score > 0 && score <= 2:\n strengthColor = 'red';\n strengthText = passwordStrengthArr[1];\n break;\n\n case score <= 3:\n strengthColor = 'orange';\n strengthText = passwordStrengthArr[2];\n break;\n\n case score <= 4:\n strengthColor = 'green';\n strengthText = passwordStrengthArr[3];\n break;\n\n default:\n strengthColor = 'darkGreen';\n strengthText = passwordStrengthArr[4];\n break;\n }\n\n // Show indicator\n $passwordWrapper.querySelector('.password-strength').className = `password-strength strength${score} ${strengthColor}`;\n $passwordInput.setAttribute('score', score);\n\n validatePasswordField($passwordInput, score);\n\n // Show strength text\n $passDesc.textContent = strengthText;\n};\n\nconst passwordValidation = function () {\n const $passwordInput = document.querySelector('.js-password-criteria');\n const $passwordSubmit = $passwordInput.closest('form').querySelector('[type=\"submit\"]');\n // $passwordInput.addEventListener('focus', passwordValidationHandler);\n $passwordInput.addEventListener('keyup', passwordValidationHandler);\n $passwordInput.addEventListener('change', passwordValidationHandler);\n $passwordInput.addEventListener('blur', function () {\n passwordCustomValidity(this, this.getAttribute('score'));\n });\n\n if ($passwordSubmit) {\n $passwordSubmit.addEventListener('click', function () {\n const $formPasswordInput = this.closest('form').querySelector('.js-password-criteria');\n passwordCustomValidity($formPasswordInput, $formPasswordInput.getAttribute('score'));\n });\n }\n};\n\nconst showHidePassword = function () {\n document.querySelector('.show-hide-password').addEventListener('click', function () {\n const $showHideButton = this;\n const $passwordWrapper = $showHideButton.closest('.form-group');\n const $passwordInput = $passwordWrapper.querySelector('.js-password-criteria');\n\n $showHideButton.classList.toggle('show');\n\n if ($showHideButton.classList.contains('show')) {\n $passwordInput.setAttribute('type', 'text');\n } else {\n $passwordInput.setAttribute('type', 'password');\n }\n });\n};\n\nconst initializePasswordValidation = function () {\n if (document.querySelector('.custom-password-field')) {\n passwordValidation();\n showHidePassword();\n }\n};\n\nmodule.exports = {\n initializePasswordValidation: initializePasswordValidation\n};\n","'use strict';\n\nmodule.exports = $('body').on('click keydown', '.product-tile .play-button, .product-detail .play-sound', function (e) {\n if (e.type === 'click' || e.which === 13) {\n e.preventDefault();\n const $container = $(this).closest('.product-detail, .product-tile');\n const $audioId = `audio-${$container.data('pid')}`;\n const $audioElement = $(`.${$audioId}`);\n if ($audioElement.length) {\n const $sounds = document.getElementsByTagName('audio');\n for (let i = 0; i < $sounds.length; i++) {\n if ($sounds[i] !== $audioElement[0] && $sounds[i].paused === false) {\n $sounds[i].pause();\n $sounds[i].currentTime = 0;\n }\n }\n if ($audioElement[0].paused === false) {\n // Audio is already playing, so restart from the beginning\n $audioElement[0].currentTime = 0;\n } else {\n // Audio is not playing, so start playing from the beginning\n $audioElement[0].play();\n }\n }\n }\n}).on('keydown', function (e) {\n if (e.which === 19) {\n // 19 is Pause/Break\n const $sounds = document.getElementsByTagName('audio');\n for (let i = 0; i < $sounds.length; i++) {\n if ($sounds[i].paused === false) {\n $sounds[i].pause();\n $sounds[i].currentTime = 0;\n }\n }\n }\n});\n","'use strict';\n\nconst bootbox = require('bootbox/bootbox.js');\n\nfunction initGenericPopup() {\n if ($('.popup-trigger').length) {\n let $popUp = $('.popup-html');\n let popUpHtml = $popUp.html();\n $('.popup-trigger').on('click', function (event) {\n event.preventDefault();\n bootbox.dialog({\n message: popUpHtml\n });\n });\n }\n\n if ($('.disclaimer-pop-trigger').length) {\n let $popUpType1 = $('.disclaimer-html');\n let popUpType1Html = $popUpType1.html();\n $('.disclaimer-pop-trigger').on('click', function (event) {\n event.preventDefault();\n bootbox.dialog({\n message: popUpType1Html,\n className: \"skoosherz-popup\"\n });\n });\n }\n\n if ($('.disclaimer-pop-trigger-tippy').length) {\n let $popUpType1 = $('.disclaimer-html-tippy');\n let popUpType1Html = $popUpType1.html();\n $('.disclaimer-pop-trigger-tippy').on('click', function (event) {\n event.preventDefault();\n bootbox.dialog({\n message: popUpType1Html,\n className: \"skoosherz-popup\"\n });\n });\n }\n\n if ($('.disclaimer-trigger').length) {\n let $popUpType2 = $(this).parent().next('.disclaimer-text');\n let popUpType2Html = $popUpType2.html();\n $('.disclaimer-trigger').on('click', function (event) {\n event.preventDefault();\n bootbox.dialog({\n message: popUpType2Html\n });\n });\n }\n}\n\nfunction videoPopupEvents() {\n if ($('.popup-video-player-wrap').length) {\n $(document).click(function (event) {\n if ($('.modal-video-player').is(':visible')) {\n var clickedElement = $(event.target);\n if (!clickedElement.closest('.popup-video-player-wrap').length) {\n $('.modal-video-player video').each(function () {\n // Pause the video\n this.pause();\n });\n }\n }\n });\n\n $('.modal-video-player video').on('play pause', function () {\n if ($('.modal-video-player').is(':hidden')) {\n // Pause the video if the modal is hidden\n this.pause();\n }\n });\n\n // Select the modal-video-player element\n var modalVideoPlayer = document.querySelector('.modal-video-player');\n\n // Move the modal-video-player to the end of the body\n if (modalVideoPlayer) {\n document.body.appendChild(modalVideoPlayer);\n }\n }\n}\n\nvar genericpopup = {\n init: function () {\n initGenericPopup();\n videoPopupEvents();\n }\n};\n\nmodule.exports = genericpopup;\n","'use strict';\n\nvar debounce = require('lodash/debounce');\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar MIN_CHARS = 3;\nvar UP_KEY = 38;\nvar DOWN_KEY = 40;\n\n\nconst isMobile = window.matchMedia('(max-width: 991px)');\n\nfunction changeHandler() {\n if ($('.search-mobile.js-active').length) {\n closeSearchPanel();\n }\n}\n\nisMobile.addEventListener('change', changeHandler);\n\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .suggestions-wrapper element\n */\nfunction getSuggestionsWrapper(scope) {\n return $(scope).closest('.site-search').find('.suggestions-container');\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $('body').removeClass('modal-open');\n $('.modal-backdrop.search-bd').remove();\n $('header').siblings().attr('aria-hidden', 'false');\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $('.header-main-inner input.search-field').val('');\n $('.search-mobile .suggestions').unbind('scroll');\n $('.site-search').removeClass('active');\n}\n\n/*\n* error alert toaster\n*/\nfunction showGiftCardAlert($error, duration) {\n const $giftcardAlert = $('.giftcard-error-alert');\n $giftcardAlert.removeClass('d-none');\n $error.removeClass('d-none');\n setTimeout(function () {\n $giftcardAlert.addClass('d-none');\n $error.addClass('d-none');\n }, duration);\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n\n $.spinner().stop();\n\n if (typeof (response) !== 'object') {\n $suggestionsWrapper\n .addClass('content-filled')\n .append(response).show();\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n var suggestionsList = $('.suggestions .item');\n if ($(suggestionsList).length) {\n $('.header-main-inner input.search-field').attr('aria-describedby', 'search-result-count').parents('.site-search').addClass('active');\n } else {\n $('.header-main-inner input.search-field').removeAttr('aria-describedby');\n }\n } else {\n $suggestionsWrapper\n .removeClass('content-filled')\n .hide();\n $('.site-search').removeClass('active');\n }\n}\n\nconst closeSearchPanel = function () {\n $('body').removeClass('search-is-open');\n $('.site-search').removeClass('show-search-panel');\n $('.site-search input').blur();\n clearModals();\n $('.suggestions-container')\n .removeClass('content-filled')\n .empty();\n tearDownSuggestions();\n};\n\nconst openSearchPanel = function (evt) {\n $('body').addClass('search-is-open');\n $(evt.target)\n .closest('.js-search-wrapper')\n .find('.site-search')\n .addClass('show-search-panel');\n};\n\n/**\n * Toggle Search on Mobile\n */\nfunction toggleMobileSearch() {\n $('.open-search-panel').on('click focus', function (evt) {\n openSearchPanel(evt);\n });\n $('body').on('click', function (evt) {\n if (!$(evt.target).closest('.search, .open-search-panel, .suggestions-wrapper, .modal-dialog').length) {\n closeSearchPanel();\n }\n });\n $(document).on('keyup', function (e) {\n if (e.key === \"Escape\") {\n closeSearchPanel();\n }\n });\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n if ($(scope).val().length >= MIN_CHARS) {\n $.spinner().start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: 'GET',\n success: processResponse,\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n $('.site-search').removeClass('active');\n $('.suggestions-container')\n .removeClass('content-filled')\n .empty();\n }\n}\n\nconst init = function () {\n $('.header-main-inner input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n const debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on('keyup', function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n case UP_KEY:\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n toggleMobileSearch();\n\n $('input.open-search-panel').on('focus', function () {\n $(this).closest('.search-input-wrapper').addClass('focused-input');\n }).on('blur', function () {\n $(this).closest('.search-input-wrapper').removeClass('focused-input');\n });\n};\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n\n return newUrl;\n}\n\nconst onBalanceCheck = function () {\n $('form.gc-check-balance').submit(function (event) {\n // Prevent the form from submitting normally\n event.preventDefault();\n let form = $(this);\n let url = form.attr('action');// eslint-disable-next-line\n let response = grecaptcha.getResponse();\n if (response.length == 0) {\n const $recaptcha = $('.invalid-captcha-msg');\n showGiftCardAlert($recaptcha, 3000);\n } else {\n // Get the form data\n let formData = {\n gcNum: $(\"#gc-num\").val(),\n gcPin: $(\"#gc-pin\").val()\n };\n let $errorMsg = $('.card-error-message');\n url = appendToUrl(url, formData);\n\n // Send the Ajax request\n $.ajax({\n type: 'POST',\n url: url,\n data: JSON.stringify(formData),\n success: function (data) {\n if (data.resultCode !== 'Failed') {\n $('.gc-balance').removeClass('d-none');\n let balance = parseFloat(data.balance.value / 100).toFixed(2);\n $('.gc-current-balance').text(balance);\n } else {\n $('.gc-balance').addClass('d-none');\n showGiftCardAlert($errorMsg, 3000);\n }\n },\n error: function () {\n // Handle the error response\n $('.gc-balance').addClass('d-none');\n showGiftCardAlert($errorMsg, 3000);\n }\n });\n }\n });\n};\n\nconst searchEmptyForm = function () {\n $('body').on('submit', '.search-form', function (evt) {\n const $searchForm = $(this);\n if ($searchForm.find('.search-field').val() === undefined ? '' : $searchForm.find('.search-field').val().trim() === '') {\n evt.preventDefault();\n return false;\n }\n });\n};\n\nmodule.exports = {\n init: init,\n onBalanceCheck: onBalanceCheck,\n searchEmptyForm: searchEmptyForm\n};\n","'use strict';\n\nfunction enableTooltipHover() {\n if (window.matchMedia('(min-width: 62em)').matches) {\n $('.info-icon, [data-toggle=\"tooltip\"]').on('mouseenter', function () {\n if ($(this).hasClass('tooltip-shown')) {\n $(this).tooltip('hide');\n } else {\n $('.info-icon, [data-toggle=\"tooltip\"]').tooltip('hide'); // Hide other tooltips that might be open\n $(this).tooltip('show');\n }\n }).on('mouseleave', function () {\n $(this).tooltip('hide');\n });\n } else {\n $('.info-icon, [data-toggle=\"tooltip\"]').off('mouseenter mouseleave');\n }\n}\n\nmodule.exports = function () {\n // includes shim to utilize bootstrap tooltips with OOTB info icons\n $('.info-icon, [data-toggle=\"tooltip\"]').each(function () {\n const $toolTip = $(this);\n var tooltipContent = $toolTip.find('.tooltip, .tooltip-content').html();\n\n $toolTip.attr('title', tooltipContent);\n\n $toolTip.tooltip({\n container: 'body',\n html: true,\n trigger: 'manual'\n }).on('show.bs.tooltip', function () {\n $toolTip.addClass('tooltip-shown');\n }).on('hide.bs.tooltip', function () {\n $('.info-icon, [data-toggle=\"tooltip\"]').removeClass('tooltip-shown');\n }).on('shown.bs.tooltip', function () {\n setTimeout(() => {\n $toolTip.tooltip('update');\n }, 800);\n });\n });\n\n $('.info-icon, [data-toggle=\"tooltip\"]').on('click', function () {\n if ($(this).hasClass('tooltip-shown')) {\n $(this).tooltip('hide');\n } else {\n $('.info-icon, [data-toggle=\"tooltip\"]').tooltip('hide'); // Hide other tooltips that might be open\n $(this).tooltip('show');\n }\n });\n\n enableTooltipHover();\n\n $('body').on('click', function (e) {\n var target = $(e.target);\n // Dismiss tooltip on click outside\n if (!target.closest('.info-icon').length && !target.closest('[data-toggle=\"tooltip\"]').length) {\n $('.info-icon, [data-toggle=\"tooltip\"]').tooltip('hide');\n }\n });\n\n $(window).smartresize(function () {\n enableTooltipHover();\n });\n};\n","'use strict';\n\nwindow.jQuery = require('jquery');\nwindow.$ = require('jquery');\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./components/menu'));\n processInclude(require('./accelerator/slider'));\n processInclude(require('./components/header'));\n processInclude(require('./components/footer'));\n processInclude(require('./components/animations'));\n processInclude(require('./components/addToCartGlobal'));\n processInclude(require('./components/miniCart'));\n processInclude(require('./components/floatLabels'));\n processInclude(require('base/components/collapsibleItem'));\n processInclude(require('./components/search'));\n processInclude(require('./components/clientSideValidation'));\n processInclude(require('base/components/countrySelector'));\n processInclude(require('./components/toolTip'));\n processInclude(require('./components/popup'));\n processInclude(require('./product/quickView'));\n processInclude(require('./components/notifyme'));\n processInclude(require('./components/instagram'));\n processInclude(require('./components/passwordValidator'));\n processInclude(require('./components/playAudio'));\n window.recaptchaCallback = function (token) {\n $('body').trigger('recaptcha:callback', { data: token });\n };\n});\n\nrequire('./thirdParty/bootstrap');\nrequire('base/components/spinner');\nrequire('./thirdParty/lazysizes');\nrequire('./thirdParty/smartResize');\nrequire('./thirdParty/hoverIntent');\nrequire('./thirdParty/slick');\nrequire('./thirdParty/jquery-dateTimePicker');\nrequire('./animation');\n","'use strict';\n\n/* global location */\n\nvar focusHelper = require('base/components/focus');\nconst Swiper = require('swiper/swiper-bundle.min.js');\nconst builderConfig = require('../utils/builderConfig');\nvar clientSideValidation = require('../components/clientSideValidation');\nvar dataLayer = window.dataLayer || [];\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').text();\n } else {\n pid = $('.product-detail:not(\".bundle-item\")').data('pid');\n }\n\n return pid;\n}\n\nfunction showNotification(data, duration) {\n const $this = $('#brickGiftMessage');\n const $notification = $('.notification');\n const $notificationMessage = $('.showMessage');\n const $alert = $('.alert');\n $notificationMessage.text(data.msg);\n $notification.removeClass('d-none').addClass('show');\n $this.blur();\n setTimeout(function () {\n $notification.addClass('d-none').removeClass('show');\n $alert.removeClass('alert-danger alert-success');\n }, duration);\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $('.set-items').length) {\n quantitySelected = $($el).closest('.product-detail').find('.quantity-select');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-select');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-select');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $('.quantity-select');\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' +\n attrValue.value + '\"]');\n var $swatchButton = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass('selected');\n $attrValue.siblings('.selected-assistive-text').empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n });\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = '[data-attr=\"' + attr.id + '\"]';\n var $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\n $defaultOption.attr('value', attr.resetUrl);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\n $attrValue.attr('value', attrValue.url)\n .removeAttr('disabled');\n\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // Currently, the only attribute type that has image swatches is Color.\n var attrsWithSwatches = ['color'];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchValues(attr, $productContainer, msgs);\n } else {\n processNonSwatchValues(attr, $productContainer);\n }\n });\n}\n\n/**\n * Updates the availability status in the Product Detail Page\n *\n * @param {Object} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateAvailability(response, $productContainer) {\n var availabilityValue = '';\n var availabilityMessages = response.product.availability.messages;\n if (!response.product.readyToOrder) {\n availabilityValue = '' + response.resources.info_selectforstock + '
' + message + '
' + attribute.label + ': '\n + attribute.value + '
';\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n // Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var $swiperWrapperMain = $productContainer.find('.main-carousel-container .carousel .swiper-wrapper');\n var $swiperWrapperThumbs = $productContainer.find('.thumbnail-carousel-container .carousel .swiper-wrapper');\n $swiperWrapperMain.empty();\n $swiperWrapperThumbs.empty();\n var primaryImages = response.product.images;\n primaryImages.large.forEach(function (image, idx) {\n var zoomImage = primaryImages.zoom[idx];\n var dataZoom = zoomImage ? 'data-zoom=\"' + zoomImage.url + '\"' : '';\n $swiperWrapperMain.append('').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $.spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '![]()
').appendTo(zoomContainer);\n img.attr('src', imageURL);\n img.attr('alt', 'Zoom in of current product image.');\n } else {\n img = zoomContainer.find('img').attr('src', imageURL);\n }\n var container = img.closest('.main-carousel-container');\n container.addClass('loading-zoom').spinner().start();\n img.on('load', function () {\n container.removeClass('loading-zoom').spinner().stop();\n });\n } else {\n zoomContainer.empty();\n }\n}\n\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nfunction getCustomBrickDetail() {\n const customBrickObj = {};\n var $brickNameInput = $('#brickGiftMessage');\n if ($brickNameInput.length) {\n if ($brickNameInput.val() === '') {\n $brickNameInput.addClass('error');\n customBrickObj.error = true;\n customBrickObj.msg = $('#brickGiftMessage').data('message');\n } else {\n customBrickObj.error = false;\n customBrickObj.brickGiftMessage = $brickNameInput.val();\n }\n }\n return customBrickObj;\n}\n\n/**\n * Initialize all the image galleries\n */\nfunction initImageGalleries() {\n var productContainers = $('.product-set-detail');\n if (!productContainers.length) {\n productContainers = $('.product-bundle-detail .pdp-main, .bundle-item, .product-bundle.row, .product-bundle .row:first-child');\n }\n if (!productContainers.length) {\n productContainers = $('.bonus-product-item');\n }\n if (!productContainers.length) {\n productContainers = $('.product-detail');\n }\n\n productContainers.each(function () {\n initSliders($(this));\n updateZoomImage($(this));\n initZoom($(this));\n });\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n images: function () {\n initImageGalleries();\n },\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function (event) {\n event.preventDefault();\n const $addToCartBtn = $(this);\n const productType = $('.product-detail').data('prodtype');\n const addToCartUrl = getAddToCartUrl();\n const isFurryFriend = $addToCartBtn.data('isfriend');\n let pgcSelectedPrice = $('.giftCard-price#price-dropdown').val();\n let $eGiftCard = $('.egc-giftcard-form');\n const $eGiftCardRecaptcha = $eGiftCard.find('.g-recaptcha');\n let egcSelectedPrice = $eGiftCard.find('#price-dropdown.giftCard-price').val();\n let enteredPrice = $('#customPrice').val();\n let noError = true;\n let form = {};\n\n if (productType === 'PGC') {\n if (pgcSelectedPrice === '') {\n let invalid = $('.giftCard-price#price-dropdown').parents('.form-group').find('.invalid-feedback').data('error-msg');\n $('.giftCard-price#price-dropdown').addClass('is-invalid');\n $('.giftCard-price#price-dropdown').parents('.form-group').find('.invalid-feedback').text(invalid);\n noError = false;\n } else {\n form.quantity = $('.quantity-select') ? $('.quantity-select').val() : 1;\n form.gcPrice = pgcSelectedPrice;\n form.gcuuid = $(\".pgc-giftcard-form\").find('#gcuuid').val();\n }\n } else if (productType === 'EGC') { // eslint-disable-next-line\n let response = grecaptcha.getResponse();\n var defer = $.Deferred(); // eslint-disable-line\n if (!clientSideValidation.EGCformValidation($('form.egc-giftcard-form'), null)) {\n defer.reject();\n return defer;\n }\n if (response.length == 0) {\n $eGiftCardRecaptcha.addClass('is-invalid');\n } else {\n form.quantity = 1;\n form.gcPrice = (enteredPrice !== '' && enteredPrice !== undefined) ? enteredPrice : egcSelectedPrice;\n form.isDropDownPrice = (enteredPrice == '');\n form.gcMessage = ($eGiftCard.find('#giftcardMessage').val() !== '') ? $('#giftcardMessage').val() : '';\n form.gcSenderName = $eGiftCard.find('#giftcardName').val();\n form.gcSenderEmail = $eGiftCard.find('#giftcardEmail').val();\n form.gcRecipientName = $eGiftCard.find('#giftcardRecipientName').val();\n form.gcRecipientEmail = $eGiftCard.find('#giftcardRecipientEmail').val();\n form.gcuuid = $eGiftCard.find('#gcuuid').val();\n $eGiftCardRecaptcha.removeClass('is-invalid');\n }\n } else {\n form.quantity = $('.quantity-select') ? $('.quantity-select').val() : 1;\n form.isFurryFriend = isFurryFriend;\n }\n if (productType === 'bundle') {\n form.isBundle = true;\n }\n $('body').trigger('product:beforeAddToCart', this);\n const $alert = $('.alert');\n const $ryvID = $('input#ryvID');\n if ($ryvID.length === 1 && $ryvID.val() == 'none' && (productType === 'bundle' || $ryvID.siblings().find('.includeInYourGift').prop('checked'))) {\n noError = false;\n }\n if (isFurryFriend || $('.item-embroidery-details').length) {\n const bearBuilderConfig = builderConfig();\n form.builderConfig = JSON.stringify(bearBuilderConfig);\n const customBrick = getCustomBrickDetail();\n if (typeof customBrick === 'object' && customBrick !== null) {\n if (customBrick.error) {\n $alert.addClass('alert-danger');\n showNotification(customBrick, 3000);\n noError = false;\n } else {\n form.brickGiftMessage = customBrick.brickGiftMessage;\n }\n }\n } else {\n form.pid = $addToCartBtn.data('pid');\n }\n\n if (noError !== false) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('.add-to-cart-error').addClass('d-none');\n if (!data.error) {\n $('body').trigger('product:afterAddToCart', data);\n try {\n if (data.isEnabled) {\n dataLayer.push(JSON.parse(data.dataLayerObj));\n }\n } catch (error) {\n window.console.error('\\nbase.js: error in {0}', error);\n }\n }\n if (data.result.error && data.result.message && !(productType === 'EGC')) {\n $('.add-to-cart-error').removeClass('d-none').html(data.result.message);\n }\n if (data.result.error) {\n $('#customPrice').addClass('is-invalid');\n $('#customPrice').parents('.form-group').find('.invalid-feedback').text(data.result.message);\n }\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n }).done(function (response, text, XHR) {\n if (XHR.getResponseHeader('X-SF-CC-QUEUEIT')) {\n window.location.href = decodeURIComponent(XHR.getResponseHeader('X-SF-CC-QUEUEIT'));\n return;\n }\n window.grecaptcha.reset();\n });\n } else {\n $.spinner().stop();\n if ($ryvID.length === 1 && $ryvID.val() == 'none' && (productType === 'bundle' || $ryvID.siblings().find('.includeInYourGift').prop('checked'))) {\n $('html, body').animate({\n scrollTop: $('.ryv-selected').offset().top - 250\n }, 200);\n }\n }\n\n $('body').on('recaptcha:callback', function () {\n if (window.grecaptcha && window.grecaptcha.getResponse().length) {\n $eGiftCardRecaptcha.removeClass('is-invalid');\n if (!$eGiftCard.find('.invalid').length) {\n $('.add-to-cart-error').addClass('d-none');\n }\n } else {\n $eGiftCardRecaptcha.addClass('is-invalid');\n $eGiftCard.find('input, select').trigger('invalid');\n }\n });\n });\n },\n addToBuilder: function () {\n $(document).on('click', '.customize-set', function (event) {\n event.preventDefault();\n const bearBuilderConfig = builderConfig();\n let url = $(this).attr('href');\n let data = {};\n data.builderConfig = JSON.stringify(bearBuilderConfig);\n data.isHydrate = true;\n var options = {\n url: url,\n data: data,\n method: 'GET'\n };\n $.ajax(options).done(function (data) {\n if (data.success) {\n window.location = url;\n }\n });\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n + ''\n + '
';\n $('body').append(htmlString);\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $('#chooseBonusProductModal').on('shown.bs.modal', function () {\n initImageGalleries();\n });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n // var messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n // chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n // $('.add-to-cart-messages').append(\n // ''\n + ''\n + ''\n + '
'\n + ''\n // + response.message\n // + '
'\n // );\n\n setTimeout(function () {\n // $('.add-to-basket-alert').remove();\n $('.minicart').trigger('focusout');\n }, 5000);\n }\n}\n/**\n * product image slider initialization\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction initSliders($productContainer) {\n var $mainCarousel = $productContainer.get(0).querySelector('.main-carousel-container .carousel');\n var $thumbCarousel = $productContainer.get(0).querySelector('.thumbnail-carousel .carousel');\n\n /* eslint no-unused-vars: [\"error\", { \"varsIgnorePattern\": \"thumbCarousel\" }]*/\n const thumbCarousel = new Swiper($thumbCarousel, {\n direction: 'horizontal',\n loop: false,\n slidesPerView: 5,\n spaceBetween: 8,\n watchSlidesProgress: true,\n freeMode: true,\n pagination: {\n el: '.swiper-pagination.thumb',\n type: 'bullets',\n enabled: false,\n clickable: true\n },\n navigation: {\n nextEl: '.swiper-button-next.thumb',\n prevEl: '.swiper-button-prev.thumb'\n },\n scrollbar: {\n el: '.swiper-scrollbar.thumb',\n draggable: true,\n hide: false,\n enabled: false\n },\n breakpoints: {\n 991: {\n slidesPerView: 6,\n direction: 'vertical'\n }\n }\n });\n\n /* eslint no-unused-vars: [\"error\", { \"varsIgnorePattern\": \"mainCarousel\" }]*/\n const mainCarousel = new Swiper($mainCarousel, {\n direction: 'horizontal',\n loop: false,\n slidesPerView: 1,\n thumbs: {\n swiper: thumbCarousel\n },\n pagination: {\n el: '.swiper-pagination',\n type: 'bullets',\n enabled: false,\n clickable: true\n },\n navigation: {\n nextEl: '.swiper-nav-next-pdpImg',\n prevEl: '.swiper-nav-prev-pdpImg',\n enabled: false\n },\n scrollbar: {\n el: '.swiper-scrollbar',\n draggable: true,\n hide: false,\n enabled: true\n },\n breakpoints: {\n 991: {\n allowTouchMove: false,\n scrollbar: {\n enabled: false\n }\n }\n }\n }).on('slideChangeTransitionEnd', function () {\n updateZoomImage($productContainer);\n });\n}\n\n/**\n * refresh slider after update\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction refreshSliders($productContainer) {\n var $mainCarousel = $productContainer.get(0).querySelector('.main-carousel-container .carousel').swiper;\n var $thumbCarousel = $productContainer.get(0).querySelector('.thumbnail-carousel-container .carousel').swiper;\n\n $thumbCarousel.update();\n $mainCarousel.update();\n}\n/**\n * product image zoom initialization\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction initZoom($productContainer) {\n $productContainer.on('mouseenter', '.main-carousel-container .carousel', function () {\n $(this).closest('.main-carousel-container').addClass('zoom-active');\n }).on('mouseleave', '.main-carousel-container .carousel', function () {\n $(this).closest('.main-carousel-container').removeClass('zoom-active');\n });\n\n $productContainer.on('mousemove', '.main-carousel-container .carousel', function (e) {\n var zoomContainer = $(this).closest('.main-carousel-container').find('.zoom-container');\n if (!zoomContainer.is(':empty')) {\n var image = zoomContainer.find('img');\n var offset = $(this).offset();\n var width = $(this).width();\n var height = $(this).height();\n var left = e.pageX - offset.left;\n var top = e.pageY - offset.top;\n image.css('margin-left', -(image.width() - width) * (left / width));\n image.css('margin-top', -(image.height() - height) * (top / height));\n }\n });\n}\n/**\n * update product zoom image url\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateZoomImage($productContainer) {\n var imageURL = $productContainer.find('.main-carousel-container .swiper-slide-active img').data('zoom');\n var zoomContainer = $productContainer.find('.main-carousel-container .zoom-container');\n var fallbackImgName = \"_default.png\";\n\n if (imageURL && imageURL.indexOf(fallbackImgName) === -1) {\n var img;\n if (zoomContainer.is(':empty')) {\n img = $(''\n + '
'\n ;\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n }\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption =\n parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.add-to-cart-messages').append(\n ''\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + ''\n + '
'\n + data.errorMessage + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n ''\n + data.msgSuccess + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl,\n handlePostCartAdd: handlePostCartAdd\n};\n","const updateBirthCertificate = function ($birthCertForm, isReset) {\n let $birthCertModal = $('#createBirthCertificateModal');\n let $birthCertDetails;\n if ($birthCertForm.parents('.cart-birth-cert').length > 0) {\n $birthCertDetails = $birthCertForm.parents('.cart-birth-cert').find('.save-birth-certificate-details');\n $birthCertModal = $birthCertForm.parents('.createBirthCertificateModalCart');\n } else {\n $birthCertDetails = $('.save-birth-certificate-details');\n }\n\n const birthFormObj = {};\n $birthCertForm.serializeArray().forEach(item => (birthFormObj[`${item.name}`] = item.value));\n let furryfriendbirthmonth = $birthCertForm.find(\"#month option:selected\").data(\"month-value\");\n\n $birthCertDetails.find('.v-name').text(birthFormObj.furryfriendname);\n $birthCertDetails.find('.v-birthday').text(`${furryfriendbirthmonth} ${birthFormObj.furryfriendbirthday}, ${birthFormObj.furryfriendbirthyear}`);\n $birthCertDetails.find('.v-frieind-for').text(birthFormObj.furryfriendfor);\n\n // To read the data, use as follow:\n // $('.save-birth-certificate-details').data().birthFormObj;\n if (isReset) {\n $birthCertDetails.addClass('d-none').data('birthFormObj', null);\n $birthCertForm.find('.form-control.is-invalid').removeClass('is-invalid');\n } else {\n $birthCertDetails.removeClass('d-none').data('birthFormObj', birthFormObj);\n }\n\n $birthCertModal.modal('hide');\n};\n\nconst init = function () {\n $('body').on('submit', '.birth-cert-form', function (evt) {\n evt.preventDefault();\n const $this = $(this);\n updateBirthCertificate($this);\n // make ajax call from cart page to update builderconfig of lineitem\n if ($this.parents('.cart.cart-page').length > 0) {\n const form = {\n birthCertificateObj: JSON.stringify($(this).parents('.cart-birth-cert').find('.save-birth-certificate-details').data().birthFormObj),\n uuid: $(this).parents('.cart-lineitem').data('uuid')\n };\n $.ajax({\n url: $('.cart-birth-cert').data('submiturl'),\n method: 'post',\n data: form,\n success: function (data) {\n if (!data.error) {\n $this.parents('.cart-birth-cert').find('.birth-cert-button').html('Edit Birth Certificate');\n }\n },\n error: function (err) {\n console.log(err);\n }\n });\n // make ajax call from BB page to update builderconfig of session\n } else if ($this.parents('.builder-birth-certificate').length > 0) {\n var $parent = $this.parents('.builder-birth-certificate');\n const form = {\n birthCertificateObj: JSON.stringify($parent.find('.save-birth-certificate-details').data().birthFormObj)\n };\n $.ajax({\n url: $parent.data('url'),\n method: 'post',\n data: form,\n success: function (data) {\n if (!data.error) {\n $this.parents('.cart-birth-cert').find('.birth-cert-button').html('Edit Birth Certificate');\n }\n },\n error: function (err) {\n console.log(err);\n }\n });\n } else {\n $('.birth-cert-button').text('Edit Birth Certificate');\n }\n });\n\n $('body').on('click', '.reset-cert-modal', function () {\n let $birthCertForm = $(this).parents('.birth-cert-form');\n let $birthCertTitle = $('.builder-birthcert-title');\n let $birthCertBtn = $('.birth-cert-button');\n $birthCertForm[0].reset();\n updateBirthCertificate($birthCertForm, true);\n $birthCertTitle.addClass('d-none');\n $birthCertBtn.show();\n });\n\n if ($('.builder-birth-certificate').length > 0 && $('.builder-birth-certificate').data('cert') !== null) {\n let birthFormObj = $('.builder-birth-certificate').data('cert');\n let $birthCertTitle = $('.builder-birthcert-title');\n let $birthCertDetails = $('.save-birth-certificate-details');\n let $birthCertForm = $('.birth-cert-form');\n let $birthCertBtn = $('.birth-cert-button');\n $birthCertForm.find('input[type=text], select').each(function () {\n $(this).val(birthFormObj[$(this).attr('name')]);\n });\n let furryfriendbirthmonth = $birthCertForm.find(\"#month option:selected\").data(\"month-value\");\n $birthCertDetails.find('.v-name').text(birthFormObj.furryfriendname);\n $birthCertDetails.find('.v-birthday').text(`${furryfriendbirthmonth} ${birthFormObj.furryfriendbirthday}, ${birthFormObj.furryfriendbirthyear}`);\n $birthCertDetails.find('.v-frieind-for').text(birthFormObj.furryfriendfor);\n $birthCertTitle.removeClass('d-none');\n $birthCertBtn.hide();\n $birthCertDetails.removeClass('d-none').data('birthFormObj', birthFormObj);\n }\n};\n\nmodule.exports = {\n init: init\n};\n","'use strict';\n\nvar base = require('./base');\nvar focusHelper = require('base/components/focus');\nvar floatLabels = require('../components/floatLabels');\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n var htmlString = ''\n + ''\n + ''\n + '
';\n $('body').append(htmlString);\n}\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $(''\n + ''\n + ''\n + '
'\n + '').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\n $.spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('.modal-body').empty();\n $('.modal-body').html(parsedHtml.body);\n $('.modal-footer').html(parsedHtml.footer);\n $('.full-pdp-link').text(data.quickViewFullDetailMsg);\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\n $('#quickViewModal').modal('show');\n $('#quickViewModal').on('shown.bs.modal', function () {\n base.images();\n floatLabels();\n });\n $('body').trigger('quickview:ready');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\nmodule.exports = {\n showQuickview: function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n getModalHtmlElement();\n fillModalElement(selectedValueUrl);\n });\n },\n focusQuickview: function () {\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\n $('#quickViewModal .close').focus();\n });\n },\n trapQuickviewFocus: function () {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#quickViewModal',\n firstElementSelector: '.full-pdp-link',\n lastElementSelector: '.add-to-cart-global',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n availability: base.availability,\n addToCart: base.addToCart,\n showSpinner: function () {\n $('body').on('product:beforeAddToCart', function (e, data) {\n $(data).closest('.modal-content').spinner().start();\n });\n },\n hideDialog: function () {\n $('body').on('product:afterAddToCart', function () {\n $('#quickViewModal').modal('hide');\n });\n },\n beforeUpdateAttribute: function () {\n $('body').on('product:beforeAttributeSelect', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview>.bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container)\n .find('.product-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n $('.modal.show .full-pdp-link')\n .attr('href', response.data.product.selectedProductUrl);\n }\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n $('.add-to-cart-global', dialog).attr('disabled',\n !$('.global-availability', dialog).data('ready-to-order')\n || !$('.global-availability', dialog).data('available'));\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability', dialog)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog).empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n }\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\n// require('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\n// require('bootstrap/js/src/dropdown.js');\nrequire('bootstrap/js/src/modal.js');\nrequire('bootstrap/js/src/scrollspy.js');\nrequire('bootstrap/js/src/tab.js');\nrequire('bootstrap/js/src/tooltip.js');\n// require('bootstrap/js/src/popover.js');\n","/*!\n * hoverIntent v1.10.1 // 2019.10.05 // jQuery v1.7.0+\n * http://briancherne.github.io/jquery-hoverIntent/\n *\n * You may use hoverIntent under the terms of the MIT license. Basically that\n * means you are free to use hoverIntent as long as this header is left intact.\n * Copyright 2007-2019 Brian Cherne\n */\n\n/**\n * hoverIntent is similar to jQuery's built-in \"hover\" method except that\n * instead of firing the handlerIn function immediately, hoverIntent checks\n * to see if the user's mouse has slowed down (beneath the sensitivity\n * threshold) before firing the event. The handlerOut function is only\n * called after a matching handlerIn.\n *\n * // basic usage ... just like .hover()\n * .hoverIntent( handlerIn, handlerOut )\n * .hoverIntent( handlerInOut )\n *\n * // basic usage ... with event delegation!\n * .hoverIntent( handlerIn, handlerOut, selector )\n * .hoverIntent( handlerInOut, selector )\n *\n * // using a basic configuration object\n * .hoverIntent( config )\n *\n * @param handlerIn function OR configuration object\n * @param handlerOut function OR selector for delegation OR undefined\n * @param selector selector OR undefined\n * @author Brian Cherne \n */\n\n;(function(factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory(require('jquery'));\n } else if (jQuery && !jQuery.fn.hoverIntent) {\n factory(jQuery);\n }\n})(function($) {\n 'use strict';\n\n // default configuration values\n var _cfg = {\n interval: 100,\n sensitivity: 6,\n timeout: 0\n };\n\n // counter used to generate an ID for each instance\n var INSTANCE_COUNT = 0;\n\n // current X and Y position of mouse, updated during mousemove tracking (shared across instances)\n var cX, cY;\n\n // saves the current pointer position coordinates based on the given mousemove event\n var track = function(ev) {\n cX = ev.pageX;\n cY = ev.pageY;\n };\n\n // compares current and previous mouse positions\n var compare = function(ev,$el,s,cfg) {\n // compare mouse positions to see if pointer has slowed enough to trigger `over` function\n if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) {\n $el.off(s.event,track);\n delete s.timeoutId;\n // set hoverIntent state as active for this element (permits `out` handler to trigger)\n s.isActive = true;\n // overwrite old mouseenter event coordinates with most recent pointer position\n ev.pageX = cX; ev.pageY = cY;\n // clear coordinate data from state object\n delete s.pX; delete s.pY;\n return cfg.over.apply($el[0],[ev]);\n } else {\n // set previous coordinates for next comparison\n s.pX = cX; s.pY = cY;\n // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)\n s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval );\n }\n };\n\n // triggers given `out` function at configured `timeout` after a mouseleave and clears state\n var delay = function(ev,$el,s,out) {\n var data = $el.data('hoverIntent');\n if (data) {\n delete data[s.id];\n }\n return out.apply($el[0],[ev]);\n };\n\n // checks if `value` is a function\n var isFunction = function (value) {\n return typeof value === 'function';\n };\n\n $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {\n // instance ID, used as a key to store and retrieve state information on an element\n var instanceId = INSTANCE_COUNT++;\n\n // extend the default configuration and parse parameters\n var cfg = $.extend({}, _cfg);\n if ( $.isPlainObject(handlerIn) ) {\n cfg = $.extend(cfg, handlerIn);\n if ( !isFunction(cfg.out) ) {\n cfg.out = cfg.over;\n }\n } else if ( isFunction(handlerOut) ) {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );\n } else {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );\n }\n\n // A private function for handling mouse 'hovering'\n var handleHover = function(e) {\n // cloned event to pass to handlers (copy required for event object to be passed in IE)\n var ev = $.extend({},e);\n\n // the current target of the mouse event, wrapped in a jQuery object\n var $el = $(this);\n\n // read hoverIntent data from element (or initialize if not present)\n var hoverIntentData = $el.data('hoverIntent');\n if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); }\n\n // read per-instance state from element (or initialize if not present)\n var state = hoverIntentData[instanceId];\n if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; }\n\n // state properties:\n // id = instance ID, used to clean up data\n // timeoutId = timeout ID, reused for tracking mouse position and delaying \"out\" handler\n // isActive = plugin state, true after `over` is called just until `out` is called\n // pX, pY = previously-measured pointer coordinates, updated at each polling interval\n // event = string representing the namespaced event used for mouse tracking\n\n // clear any existing timeout\n if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); }\n\n // namespaced event used to register and unregister mousemove tracking\n var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId;\n\n // handle the event, based on its type\n if (e.type === 'mouseenter') {\n // do nothing if already active\n if (state.isActive) { return; }\n // set \"previous\" X and Y position based on initial entry point\n state.pX = ev.pageX; state.pY = ev.pageY;\n // update \"current\" X and Y position based on mousemove\n $el.off(mousemove,track).on(mousemove,track);\n // start polling interval (self-calling timeout) to compare mouse coordinates over time\n state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval );\n } else { // \"mouseleave\"\n // do nothing if not already active\n if (!state.isActive) { return; }\n // unbind expensive mousemove event\n $el.off(mousemove,track);\n // if hoverIntent state is true, then call the mouseOut function after the specified delay\n state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout );\n }\n };\n\n // listen for mouseenter and mouseleave\n return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);\n };\n});","require('jquery-datetimepicker/build/jquery.datetimepicker.full');\n","/*! lazysizes - v5.2.0 \nhttps://github.com/aFarkas/lazysizes/blob/gh-pages/README.md */\n\n!function(a,b){var c=b(a,a.document,Date);a.lazySizes=c,\"object\"==typeof module&&module.exports&&(module.exports=c)}(\"undefined\"!=typeof window?window:{},function(a,b,c){\"use strict\";var d,e;if(function(){var b,c={lazyClass:\"lazyload\",loadedClass:\"lazyloaded\",loadingClass:\"lazyloading\",preloadClass:\"lazypreload\",errorClass:\"lazyerror\",autosizesClass:\"lazyautosizes\",srcAttr:\"data-src\",srcsetAttr:\"data-srcset\",sizesAttr:\"data-sizes\",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};e=a.lazySizesConfig||a.lazysizesConfig||{};for(b in c)b in e||(e[b]=c[b])}(),!b||!b.getElementsByClassName)return{init:function(){},cfg:e,noSupport:!0};var f=b.documentElement,g=a.HTMLPictureElement,h=\"addEventListener\",i=\"getAttribute\",j=a[h].bind(a),k=a.setTimeout,l=a.requestAnimationFrame||k,m=a.requestIdleCallback,n=/^picture$/i,o=[\"load\",\"error\",\"lazyincluded\",\"_lazyloaded\"],p={},q=Array.prototype.forEach,r=function(a,b){return p[b]||(p[b]=new RegExp(\"(\\\\s|^)\"+b+\"(\\\\s|$)\")),p[b].test(a[i](\"class\")||\"\")&&p[b]},s=function(a,b){r(a,b)||a.setAttribute(\"class\",(a[i](\"class\")||\"\").trim()+\" \"+b)},t=function(a,b){var c;(c=r(a,b))&&a.setAttribute(\"class\",(a[i](\"class\")||\"\").replace(c,\" \"))},u=function(a,b,c){var d=c?h:\"removeEventListener\";c&&u(a,b),o.forEach(function(c){a[d](c,b)})},v=function(a,c,e,f,g){var h=b.createEvent(\"Event\");return e||(e={}),e.instance=d,h.initEvent(c,!f,!g),h.detail=e,a.dispatchEvent(h),h},w=function(b,c){var d;!g&&(d=a.picturefill||e.pf)?(c&&c.src&&!b[i](\"srcset\")&&b.setAttribute(\"srcset\",c.src),d({reevaluate:!0,elements:[b]})):c&&c.src&&(b.src=c.src)},x=function(a,b){return(getComputedStyle(a,null)||{})[b]},y=function(a,b,c){for(c=c||a.offsetWidth;c49?function(){m(h,{timeout:g}),g!==e.ricTimeout&&(g=e.ricTimeout)}:A(function(){k(h)},!0);return function(a){var e;(a=!0===a)&&(g=33),b||(b=!0,e=f-(c.now()-d),e<0&&(e=0),a||e<9?i():k(i,e))}},C=function(a){var b,d,e=99,f=function(){b=null,a()},g=function(){var a=c.now()-d;a0)&&\"visible\"!=x(e,\"overflow\")&&(d=e.getBoundingClientRect(),g=I>d.left&&Hd.top-1&&G500&&f.clientWidth>500?500:370:e.expand,d._defEx=r,s=r*e.expFactor,t=e.hFac,K=null,P2&&p>2&&!b.hidden?(P=s,R=0):P=p>1&&R>1&&Q<6?r:O),q!==l&&(D=innerWidth+l*t,F=innerHeight+l,n=-1*l,q=l),h=u[c].getBoundingClientRect(),(J=h.bottom)>=n&&(G=h.top)<=F&&(I=h.right)>=n*t&&(H=h.left)<=D&&(J||I||H||G)&&(e.loadHidden||T(u[c]))&&(m&&Q<3&&!o&&(p<3||R<4)||U(u[c],l))){if(ba(u[c]),k=!0,Q>9)break}else!k&&m&&!j&&Q<4&&R<4&&p>2&&(g[0]||e.preloadAfterLoad)&&(g[0]||!o&&(J||I||H||G||\"auto\"!=u[c][i](e.sizesAttr)))&&(j=g[0]||u[c]);j&&!k&&ba(j)}},W=B(V),X=function(a){var b=a.target;if(b._lazyCache)return void delete b._lazyCache;S(a),s(b,e.loadedClass),t(b,e.loadingClass),u(b,Z),v(b,\"lazyloaded\")},Y=A(X),Z=function(a){Y({target:a.target})},$=function(a,b){try{a.contentWindow.location.replace(b)}catch(c){a.src=b}},_=function(a){var b,c=a[i](e.srcsetAttr);(b=e.customMedia[a[i](\"data-media\")||a[i](\"media\")])&&a.setAttribute(\"media\",b),c&&a.setAttribute(\"srcset\",c)},aa=A(function(a,b,c,d,f){var g,h,j,l,m,p;(m=v(a,\"lazybeforeunveil\",b)).defaultPrevented||(d&&(c?s(a,e.autosizesClass):a.setAttribute(\"sizes\",d)),h=a[i](e.srcsetAttr),g=a[i](e.srcAttr),f&&(j=a.parentNode,l=j&&n.test(j.nodeName||\"\")),p=b.firesLoad||\"src\"in a&&(h||g||l),m={target:a},s(a,e.loadingClass),p&&(clearTimeout(o),o=k(S,2500),u(a,Z,!0)),l&&q.call(j.getElementsByTagName(\"source\"),_),h?a.setAttribute(\"srcset\",h):g&&!l&&(M.test(a.nodeName)?$(a,g):a.src=g),f&&(h||l)&&w(a,{src:g})),a._lazyRace&&delete a._lazyRace,t(a,e.lazyClass),z(function(){var b=a.complete&&a.naturalWidth>1;p&&!b||(b&&s(a,\"ls-is-cached\"),X(m),a._lazyCache=!0,k(function(){\"_lazyCache\"in a&&delete a._lazyCache},9)),\"lazy\"==a.loading&&Q--},!0)}),ba=function(a){if(!a._lazyRace){var b,c=L.test(a.nodeName),d=c&&(a[i](e.sizesAttr)||a[i](\"sizes\")),f=\"auto\"==d;(!f&&m||!c||!a[i](\"src\")&&!a.srcset||a.complete||r(a,e.errorClass)||!r(a,e.lazyClass))&&(b=v(a,\"lazyunveilread\").detail,f&&E.updateElem(a,!0,a.offsetWidth),a._lazyRace=!0,Q++,aa(a,b,f,d,c))}},ca=C(function(){e.loadMode=3,W()}),da=function(){3==e.loadMode&&(e.loadMode=2),ca()},ea=function(){if(!m){if(c.now()-y<999)return void k(ea,999);m=!0,e.loadMode=3,W(),j(\"scroll\",da,!0)}};return{_:function(){y=c.now(),d.elements=b.getElementsByClassName(e.lazyClass),g=b.getElementsByClassName(e.lazyClass+\" \"+e.preloadClass),j(\"scroll\",W,!0),j(\"resize\",W,!0),j(\"pageshow\",function(a){if(a.persisted){var c=b.querySelectorAll(\".\"+e.loadingClass);c.length&&c.forEach&&l(function(){c.forEach(function(a){a.complete&&ba(a)})})}}),a.MutationObserver?new MutationObserver(W).observe(f,{childList:!0,subtree:!0,attributes:!0}):(f[h](\"DOMNodeInserted\",W,!0),f[h](\"DOMAttrModified\",W,!0),setInterval(W,999)),j(\"hashchange\",W,!0),[\"focus\",\"mouseover\",\"click\",\"load\",\"transitionend\",\"animationend\"].forEach(function(a){b[h](a,W,!0)}),/d$|^c/.test(b.readyState)?ea():(j(\"load\",ea),b[h](\"DOMContentLoaded\",W),k(ea,2e4)),d.elements.length?(V(),z._lsFlush()):W()},checkElems:W,unveil:ba,_aLSL:da}}(),E=function(){var a,c=A(function(a,b,c,d){var e,f,g;if(a._lazysizesWidth=d,d+=\"px\",a.setAttribute(\"sizes\",d),n.test(b.nodeName||\"\"))for(e=b.getElementsByTagName(\"source\"),f=0,g=e.length;fPrevious',\n nextArrow: '',\n autoplay: false,\n autoplaySpeed: 3000,\n centerMode: false,\n centerPadding: '50px',\n cssEase: 'ease',\n customPaging: function(slider, i) {\n return $('').text(i + 1);\n },\n dots: false,\n dotsClass: 'slick-dots',\n draggable: true,\n easing: 'linear',\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n focusOnChange: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: 'ondemand',\n mobileFirst: false,\n pauseOnHover: true,\n pauseOnFocus: true,\n pauseOnDotsHover: false,\n respondTo: 'window',\n responsive: null,\n rows: 1,\n rtl: false,\n slide: '',\n slidesPerRow: 1,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 500,\n swipe: true,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n verticalSwiping: false,\n waitForAnimate: true,\n zIndex: 1000\n };\n\n _.initials = {\n animating: false,\n dragging: false,\n autoPlayTimer: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n $dots: null,\n listWidth: null,\n listHeight: null,\n loadIndex: 0,\n $nextArrow: null,\n $prevArrow: null,\n scrolling: false,\n slideCount: null,\n slideWidth: null,\n $slideTrack: null,\n $slides: null,\n sliding: false,\n slideOffset: 0,\n swipeLeft: null,\n swiping: false,\n $list: null,\n touchObject: {},\n transformsEnabled: false,\n unslicked: false\n };\n\n $.extend(_, _.initials);\n\n _.activeBreakpoint = null;\n _.animType = null;\n _.animProp = null;\n _.breakpoints = [];\n _.breakpointSettings = [];\n _.cssTransitions = false;\n _.focussed = false;\n _.interrupted = false;\n _.hidden = 'hidden';\n _.paused = true;\n _.positionProp = null;\n _.respondTo = null;\n _.rowCount = 1;\n _.shouldClick = true;\n _.$slider = $(element);\n _.$slidesCache = null;\n _.transformType = null;\n _.transitionType = null;\n _.visibilityChange = 'visibilitychange';\n _.windowWidth = 0;\n _.windowTimer = null;\n\n dataSettings = $(element).data('slick') || {};\n\n _.options = $.extend({}, _.defaults, settings, dataSettings);\n\n _.currentSlide = _.options.initialSlide;\n\n _.originalSettings = _.options;\n\n if (typeof document.mozHidden !== 'undefined') {\n _.hidden = 'mozHidden';\n _.visibilityChange = 'mozvisibilitychange';\n } else if (typeof document.webkitHidden !== 'undefined') {\n _.hidden = 'webkitHidden';\n _.visibilityChange = 'webkitvisibilitychange';\n }\n\n _.autoPlay = $.proxy(_.autoPlay, _);\n _.autoPlayClear = $.proxy(_.autoPlayClear, _);\n _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);\n _.changeSlide = $.proxy(_.changeSlide, _);\n _.clickHandler = $.proxy(_.clickHandler, _);\n _.selectHandler = $.proxy(_.selectHandler, _);\n _.setPosition = $.proxy(_.setPosition, _);\n _.swipeHandler = $.proxy(_.swipeHandler, _);\n _.dragHandler = $.proxy(_.dragHandler, _);\n _.keyHandler = $.proxy(_.keyHandler, _);\n\n _.instanceUid = instanceUid++;\n\n // A simple way to check for HTML strings\n // Strict HTML recognition (must start with <)\n // Extracted from jQuery v1.11 source\n _.htmlExpr = /^(?:\\s*(<[\\w\\W]+>)[^>]*)$/;\n\n\n _.registerBreakpoints();\n _.init(true);\n\n }\n\n return Slick;\n\n }());\n\n Slick.prototype.activateADA = function() {\n var _ = this;\n\n _.$slideTrack.find('.slick-active').attr({\n 'aria-hidden': 'false'\n }).find('a, input, button, select').attr({\n 'tabindex': '0'\n });\n\n };\n\n Slick.prototype.addSlide = Slick.prototype.slickAdd = function(markup, index, addBefore) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n addBefore = index;\n index = null;\n } else if (index < 0 || (index >= _.slideCount)) {\n return false;\n }\n\n _.unload();\n\n if (typeof(index) === 'number') {\n if (index === 0 && _.$slides.length === 0) {\n $(markup).appendTo(_.$slideTrack);\n } else if (addBefore) {\n $(markup).insertBefore(_.$slides.eq(index));\n } else {\n $(markup).insertAfter(_.$slides.eq(index));\n }\n } else {\n if (addBefore === true) {\n $(markup).prependTo(_.$slideTrack);\n } else {\n $(markup).appendTo(_.$slideTrack);\n }\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slides.each(function(index, element) {\n $(element).attr('data-slick-index', index);\n });\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.animateHeight = function() {\n var _ = this;\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.animate({\n height: targetHeight\n }, _.options.speed);\n }\n };\n\n Slick.prototype.animateSlide = function(targetLeft, callback) {\n\n var animProps = {},\n _ = this;\n\n _.animateHeight();\n\n if (_.options.rtl === true && _.options.vertical === false) {\n targetLeft = -targetLeft;\n }\n if (_.transformsEnabled === false) {\n if (_.options.vertical === false) {\n _.$slideTrack.animate({\n left: targetLeft\n }, _.options.speed, _.options.easing, callback);\n } else {\n _.$slideTrack.animate({\n top: targetLeft\n }, _.options.speed, _.options.easing, callback);\n }\n\n } else {\n\n if (_.cssTransitions === false) {\n if (_.options.rtl === true) {\n _.currentLeft = -(_.currentLeft);\n }\n $({\n animStart: _.currentLeft\n }).animate({\n animStart: targetLeft\n }, {\n duration: _.options.speed,\n easing: _.options.easing,\n step: function(now) {\n now = Math.ceil(now);\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate(' +\n now + 'px, 0px)';\n _.$slideTrack.css(animProps);\n } else {\n animProps[_.animType] = 'translate(0px,' +\n now + 'px)';\n _.$slideTrack.css(animProps);\n }\n },\n complete: function() {\n if (callback) {\n callback.call();\n }\n }\n });\n\n } else {\n\n _.applyTransition();\n targetLeft = Math.ceil(targetLeft);\n\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)';\n } else {\n animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)';\n }\n _.$slideTrack.css(animProps);\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition();\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n }\n\n };\n\n Slick.prototype.getNavTarget = function() {\n\n var _ = this,\n asNavFor = _.options.asNavFor;\n\n if ( asNavFor && asNavFor !== null ) {\n asNavFor = $(asNavFor).not(_.$slider);\n }\n\n return asNavFor;\n\n };\n\n Slick.prototype.asNavFor = function(index) {\n\n var _ = this,\n asNavFor = _.getNavTarget();\n\n if ( asNavFor !== null && typeof asNavFor === 'object' ) {\n asNavFor.each(function() {\n var target = $(this).slick('getSlick');\n if(!target.unslicked) {\n target.slideHandler(index, true);\n }\n });\n }\n\n };\n\n Slick.prototype.applyTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n if (_.options.fade === false) {\n transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase;\n } else {\n transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;\n }\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.autoPlay = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n\n if ( _.slideCount > _.options.slidesToShow ) {\n _.autoPlayTimer = setInterval( _.autoPlayIterator, _.options.autoplaySpeed );\n }\n\n };\n\n Slick.prototype.autoPlayClear = function() {\n\n var _ = this;\n\n if (_.autoPlayTimer) {\n clearInterval(_.autoPlayTimer);\n }\n\n };\n\n Slick.prototype.autoPlayIterator = function() {\n\n var _ = this,\n slideTo = _.currentSlide + _.options.slidesToScroll;\n\n if ( !_.paused && !_.interrupted && !_.focussed ) {\n\n if ( _.options.infinite === false ) {\n\n if ( _.direction === 1 && ( _.currentSlide + 1 ) === ( _.slideCount - 1 )) {\n _.direction = 0;\n }\n\n else if ( _.direction === 0 ) {\n\n slideTo = _.currentSlide - _.options.slidesToScroll;\n\n if ( _.currentSlide - 1 === 0 ) {\n _.direction = 1;\n }\n\n }\n\n }\n\n _.slideHandler( slideTo );\n\n }\n\n };\n\n Slick.prototype.buildArrows = function() {\n\n var _ = this;\n\n if (_.options.arrows === true ) {\n\n _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');\n _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');\n\n if( _.slideCount > _.options.slidesToShow ) {\n\n _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.prependTo(_.options.appendArrows);\n }\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.appendTo(_.options.appendArrows);\n }\n\n if (_.options.infinite !== true) {\n _.$prevArrow\n .addClass('slick-disabled')\n .attr('aria-disabled', 'true');\n }\n\n } else {\n\n _.$prevArrow.add( _.$nextArrow )\n\n .addClass('slick-hidden')\n .attr({\n 'aria-disabled': 'true',\n 'tabindex': '-1'\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.buildDots = function() {\n\n var _ = this,\n i, dot;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$slider.addClass('slick-dotted');\n\n dot = $('
').appendTo(_.$slider) :\n _.$slides.wrapAll('
').parent();\n\n _.$list = _.$slideTrack.wrap(\n '
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n // If any child element receives focus within the slider we need to pause the autoplay\n _.$slider\n .off('focus.slick blur.slick')\n .on(\n 'focus.slick',\n '*', \n function(event) {\n var $sf = $(this);\n\n setTimeout(function() {\n if( _.options.pauseOnFocus ) {\n if ($sf.is(':focus')) {\n _.focussed = true;\n _.autoPlay();\n }\n }\n }, 0);\n }\n ).on(\n 'blur.slick',\n '*', \n function(event) {\n var $sf = $(this);\n\n // When a blur occurs on any elements within the slider we become unfocused\n if( _.options.pauseOnFocus ) {\n _.focussed = false;\n _.autoPlay();\n }\n }\n );\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, swipeTarget, centerOffset;\n\n centerOffset = _.options.centerMode === true ? Math.floor(_.$list.width() / 2) : 0;\n swipeTarget = (_.swipeLeft * -1) + centerOffset;\n\n if (_.options.swipeToSlide === true) {\n\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n\n var slideOuterWidth, slideOffset, slideRightBoundary;\n slideOuterWidth = $(slide).outerWidth();\n slideOffset = slide.offsetLeft;\n if (_.options.centerMode !== true) {\n slideOffset += (slideOuterWidth / 2);\n }\n\n slideRightBoundary = slideOffset + (slideOuterWidth);\n\n if (swipeTarget < slideRightBoundary) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq( _.options.slidesToShow + _.slideCount + 1 )\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));","//Smart Resize\n////////////////////////////////////////////////////////////////////////////////////////////////////////////\n(function($,sr){\n // debouncing function from John Hann\n // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/\n var debounce = function (func, threshold, execAsap) {\n var timeout;\n return function debounced () {\n var obj = this, args = arguments;\n function delayed () {\n if (!execAsap)\n func.apply(obj, args);\n timeout = null;\n };\n\n if (timeout)\n clearTimeout(timeout);\n else if (execAsap)\n func.apply(obj, args);\n\n timeout = setTimeout(delayed, threshold || 500);\n };\n }\n // smartresize\n jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };\n}(jQuery,'smartresize'));\n/////////////////////////////////////////////////////////////////////////////////////////////////////////////","'use strict';\n\nconst builderConfig = function () {\n const configObject = {\n selections: getProductSelections(),\n packagingOption: getDressAndPackOpt('packaging'),\n dressingOption: getDressAndPackOpt('dressing'),\n birthCertificate: getBirtCertificate(),\n giftMessage: null,\n melco: getMelcoConfig(),\n giftbox: getGiftBox(),\n isHB: false,\n currentStep: \"viewSummary\"\n };\n if ($('body').hasClass('heartbox') && $('.product-detail') && $('.product-detail').data('prodtype') === 'set') {\n configObject.isHB = true;\n }\n // Sets go to Summary, but single embroidery also get this function yet should go to step 2 like other single friends\n if ($('.product-detail') && $('.product-detail').data('prodtype') === 'optionProduct') {\n configObject.currentStep = 'chooseClothesandShoes';\n }\n if (!configObject.dressingOption.length) {\n configObject.dressingOption = 'dressathome';\n }\n if (!configObject.packagingOption.length) {\n configObject.packagingOption = 'stuffed';\n }\n const $ryvID = $('input#ryvID');\n if ($ryvID.length == 1 && $ryvID.val() !== 'none' && ($('.ryvIDbundle').length || $ryvID.siblings().find('.includeInYourGift').prop('checked'))) {\n configObject.ryvID = $ryvID.val();\n configObject.ryvName = $('.ryv-selected').data('ryvName');\n }\n return configObject;\n};\n\nfunction getProductSelections() {\n const $productContainer = $('.product-detail');\n const productType = $productContainer.data('prodtype');\n let selections = $('[data-builderconfig]').data('builderconfig');\n\n if (productType === 'set') {\n selections = {};\n let $setItems = $('.set-items');\n $setItems.find('.set-item').each(function (i, ele) {\n // only add products which are selected\n if ($(ele).find('input[name=\"selected-item\"]').is(':checked')) {\n let stepID = $(ele).data('department');\n let pid = $(ele).data('pid');\n if (!selections[stepID]) {\n selections[stepID] = [];\n }\n selections[stepID].push(pid.toString());\n }\n });\n // heartbox PDP\n if ($('div').hasClass('hb-pdp-right')) {\n const $hbel = $('.hb-pdp-right');\n // sound products\n const $hSound = $('input[name=\"heartbox-option-sound\"]');\n if ($hbel.find($hSound).length) {\n if (!selections.chooseSoundsAndScents) {\n selections.chooseSoundsAndScents = [];\n }\n const hbSound = $hbel.find($hSound).filter(':checked').val();\n if (hbSound && hbSound != 'none') {\n selections.chooseSoundsAndScents.push(hbSound.toString());\n }\n }\n // scent products\n const $hscent = $('input[name=\"heartbox-option-scent\"]');\n if ($hbel.find($hscent).length) {\n if (!selections.chooseSoundsAndScents) {\n selections.chooseSoundsAndScents = [];\n }\n const hbScent = $hbel.find($hscent).filter(':checked').val();\n if (hbScent && hbScent != 'none') {\n selections.chooseSoundsAndScents.push(hbScent.toString());\n }\n }\n }\n }\n\n return selections;\n}\n\nfunction getBirtCertificate() {\n const $brirthCertData = $('.save-birth-certificate-details');\n let data;\n if ($brirthCertData.length && !$brirthCertData.hasClass('d-none')) {\n data = $brirthCertData.data().birthFormObj;\n }\n return data;\n}\n\nfunction getDressAndPackOpt(currentOption) {\n const $packaging = $('input[name=\"stuffFull-radio\"]');\n const $dressable = $('input[name=\"dressFull\"]');\n if (currentOption === 'packaging' && $packaging.length) {\n return $packaging.filter(':checked').attr('id');\n } else if (currentOption === 'dressing' && $dressable.length) {\n return $dressable.filter(':checked').attr('id');\n }\n return '';\n}\n\nfunction getMelcoConfig() {\n const $productContainer = $('.product-detail');\n const $addToCartBtn = $('button.add-to-cart');\n const productType = $productContainer.data('prodtype');\n\n const melcoObj = {};\n melcoObj.readyToken = {};\n melcoObj.sessionToken = {};\n if ($('.embroidery-option').length && $('.embroidery-option input[name=\"readyToken\"]').val()) {\n if (productType === 'set') {\n const $setItems = $('.product-set-accordion');\n $setItems.find('.set-item').each(function (ind, ele) {\n if ($(ele).data('furry')) {\n melcoObj.readyToken[$(ele).data('pid')] = $setItems.find('.embroidery-option input[name=\"readyToken\"]').val();\n melcoObj.sessionToken[$(ele).data('pid')] = $setItems.find('.embroidery-option input[name=\"sessionToken\"]').val();\n melcoObj.melcoPersonalizationData = $setItems.find('.embroidery-option input[name=\"melcoPersonalizationData\"]').val();\n }\n });\n } else {\n melcoObj.readyToken[$addToCartBtn.data('pid')] = $('.embroidery-option input[name=\"readyToken\"]').val();\n melcoObj.sessionToken[$addToCartBtn.data('pid')] = $('.embroidery-option input[name=\"sessionToken\"]').val();\n melcoObj.melcoPersonalizationData = $('.embroidery-option input[name=\"melcoPersonalizationData\"]').val();\n }\n }\n return melcoObj;\n}\n\nfunction getGiftBox() {\n if ($('.gift-option-radio input:radio[name=giftbox]:checked').length && $('.gift-option-radio input:radio[name=giftbox]:checked').val() != 'standard') {\n return $('.gift-option-radio input:radio[name=giftbox]:checked').val();\n }\n return '';\n}\n\nmodule.exports = builderConfig;\n","'use strict';\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nconst appendParamsToUrl = function (url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n\n return newUrl;\n};\n\nconst showAlertMsg = function ($toastBox, duration) {\n $toastBox.removeClass('d-none').removeAttr('style');\n setTimeout(function () {\n $toastBox.addClass('d-none');\n }, duration);\n};\n\n/**\n *\n * @param {string} url - Orignial URL\n * @param {string} paramName - Name of the Parameter\n * @param {null} paramValue - Parameters will be delete\n * @param {undefined} paramValue - Parameters will be created\n * @param {any} paramValue - paramName value will be updated\n * @return {string} - Updated URL\n *\n */\n\nconst updateURLParams = function (url, paramName, paramValue) {\n let urlObj = new URL(url); // eslint-disable-line no-undef\n let urlParamObj = new URLSearchParams(urlObj.search); // eslint-disable-line no-undef\n let updatedURL = url;\n\n if (paramValue === null) {\n urlParamObj.delete(paramName);\n } else if (paramValue === undefined) {\n urlParamObj.set(paramName, '');\n } else if (paramValue) {\n urlParamObj.set(paramName, paramValue);\n }\n updatedURL = `${urlObj.origin}${urlObj.pathname}${(urlParamObj.size ? `?${urlParamObj.toString()}` : '')}`;\n\n return updatedURL;\n};\n\nmodule.exports = {\n appendParamsToUrl: appendParamsToUrl,\n showAlertMsg: showAlertMsg,\n updateURLParams: updateURLParams\n};\n","'use strict';\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nfunction validateForm(event) {\n var valid = true;\n if (this.checkValidity && !this.checkValidity()) {\n // safari\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n $(this).find('input, select').each(function () {\n if (!this.validity.valid) {\n $(this).trigger('invalid', this.validity);\n }\n });\n }\n return valid;\n}\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearForm(form) {\n $(form).find('.form-control.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = {\n invalid: function () {\n $('form input, form select').on('invalid', function (e) {\n e.preventDefault();\n this.setCustomValidity('');\n if (!this.validity.valid) {\n var validationMessage = this.validationMessage;\n $(this).addClass('is-invalid');\n if (this.validity.patternMismatch && $(this).data('pattern-mismatch')) {\n validationMessage = $(this).data('pattern-mismatch');\n }\n if ((this.validity.rangeOverflow || this.validity.rangeUnderflow)\n && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if ((this.validity.tooLong || this.validity.tooShort)\n && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if (this.validity.valueMissing && $(this).data('missing-error')) {\n validationMessage = $(this).data('missing-error');\n }\n $(this).parents('.form-group').find('.invalid-feedback')\n .text(validationMessage);\n }\n });\n },\n\n submit: function () {\n $('form').on('submit', function (e) {\n return validateForm.call(this, e);\n });\n },\n\n buttonClick: function () {\n $('form button[type=\"submit\"], form input[type=\"submit\"]').on('click', function () {\n // clear all errors when trying to submit the form\n clearForm($(this).parents('form'));\n });\n },\n\n functions: {\n validateForm: function (form, event) {\n validateForm.call($(form), event || null);\n },\n clearForm: clearForm\n }\n};\n","'use strict';\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).parents('.collapsible-' + size).toggleClass('active');\n\n if ($(this).parents('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./keyboardAccessibility');\n\nmodule.exports = function () {\n $('.country-selector a').click(function (e) {\n e.preventDefault();\n var action = $('.page').data('action');\n var localeCode = $(this).data('locale');\n var localeCurrencyCode = $(this).data('currencycode');\n var queryString = $('.page').data('querystring');\n var url = $('.country-selector').data('url');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n code: localeCode,\n queryString: queryString,\n CurrencyCode: localeCurrencyCode,\n action: action\n },\n success: function (response) {\n $.spinner().stop();\n if (response && response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n keyboardAccessibility('.navbar-header .country-selector',\n {\n 40: function ($countryOptions) { // down\n if ($(this).is(':focus')) {\n $countryOptions.first().focus();\n } else {\n $(':focus').next().focus();\n }\n },\n 38: function ($countryOptions) { // up\n if ($countryOptions.first().is(':focus') || $(this).is(':focus')) {\n $(this).focus();\n $(this).removeClass('show');\n } else {\n $(':focus').prev().focus();\n }\n },\n 27: function () { // escape\n $(this).focus();\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n 9: function () { // tab\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n }\n },\n function () {\n if (!($(this).hasClass('show'))) {\n $(this).addClass('show');\n }\n return $(this).find('.dropdown-country-selector').children('a');\n }\n );\n\n $('.navbar-header .country-selector').on('focusin', function () {\n $(this).addClass('show').children('.dropdown-menu').addClass('show');\n });\n};\n","'use strict';\n\nmodule.exports = {\n setTabNextFocus: function (focusParams) {\n var KEYCODE_TAB = 9;\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\n\n if (!isTabPressed) {\n return;\n }\n\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\n\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\n if ($('.product-quickview.product-set').length > 0) {\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\n lastFocusableEl = linkElements[linkElements.length - 1];\n }\n }\n\n if (focusParams.event.shiftKey) /* shift + tab */ {\n if ($(':focus').is(firstFocusableEl)) {\n lastFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n } else /* tab */ {\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\n firstFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n }\n }\n};\n","'use strict';\n\nmodule.exports = function (selector, keyFunctions, preFunction) {\n $(selector).on('keydown', function (e) {\n var key = e.which;\n var supportedKeyCodes = [37, 38, 39, 40, 27];\n if (supportedKeyCodes.indexOf(key) >= 0) {\n e.preventDefault();\n }\n var returnedScope = preFunction.call(this);\n if (keyFunctions[key]) {\n keyFunctions[key].call(this, returnedScope);\n }\n });\n};\n","'use strict';\n\n/**\n * Show a spinner inside a given element\n * @param {element} $target - Element to block by the veil and spinner.\n * Pass body to block the whole page.\n */\nfunction addSpinner($target) {\n var $veil = $('\r\n * license: MIT\r\n * http://bootboxjs.com/\r\n */\r\n(function (root, factory) {\r\n 'use strict';\r\n if (typeof define === 'function' && define.amd) {\r\n // AMD\r\n define(['jquery'], factory);\r\n } else if (typeof exports === 'object') {\r\n // Node, CommonJS-like\r\n module.exports = factory(require('jquery'));\r\n } else {\r\n // Browser globals (root is window)\r\n root.bootbox = factory(root.jQuery);\r\n }\r\n}(this, function init($, undefined) {\r\n 'use strict';\r\n\r\n let exports = {};\r\n\r\n let VERSION = '6.0.0';\r\n exports.VERSION = VERSION;\r\n\r\n let locales = {\r\n 'en' : {\r\n OK : 'OK',\r\n CANCEL : 'Cancel',\r\n CONFIRM : 'OK'\r\n }\r\n };\r\n\r\n let templates = {\r\n dialog: '',\r\n header: '
');\n $veil.append('
');\n if ($target.get(0).tagName === 'IMG') {\n $target.after($veil);\n $veil.css({ width: $target.width(), height: $target.height() });\n if ($target.parent().css('position') === 'static') {\n $target.parent().css('position', 'relative');\n }\n } else {\n $target.append($veil);\n if ($target.css('position') === 'static') {\n $target.parent().css('position', 'relative');\n $target.parent().addClass('veiled');\n }\n if ($target.get(0).tagName === 'BODY') {\n $veil.find('.spinner').css('position', 'fixed');\n }\n }\n $veil.click(function (e) {\n e.stopPropagation();\n });\n}\n\n/**\n * Remove existing spinner\n * @param {element} $veil - jQuery pointer to the veil element\n */\nfunction removeSpinner($veil) {\n if ($veil.parent().hasClass('veiled')) {\n $veil.parent().css('position', '');\n $veil.parent().removeClass('veiled');\n }\n $veil.off('click');\n $veil.remove();\n}\n\n// element level spinner:\n$.fn.spinner = function () {\n var $element = $(this);\n var Fn = function () {\n this.start = function () {\n if ($element.length) {\n addSpinner($element);\n }\n };\n this.stop = function () {\n if ($element.length) {\n var $veil = $('.veil');\n removeSpinner($veil);\n }\n };\n };\n return new Fn();\n};\n\n// page-level spinner:\n$.spinner = function () {\n var Fn = function () {\n this.start = function () {\n addSpinner($('body'));\n };\n this.stop = function () {\n removeSpinner($('.veil'));\n };\n };\n return new Fn();\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","/*\n * anime.js v3.2.2\n * (c) 2023 Julian Garnier\n * Released under the MIT license\n * animejs.com\n */\n\n'use strict';\n\n// Defaults\n\nvar defaultInstanceSettings = {\n update: null,\n begin: null,\n loopBegin: null,\n changeBegin: null,\n change: null,\n changeComplete: null,\n loopComplete: null,\n complete: null,\n loop: 1,\n direction: 'normal',\n autoplay: true,\n timelineOffset: 0\n};\n\nvar defaultTweenSettings = {\n duration: 1000,\n delay: 0,\n endDelay: 0,\n easing: 'easeOutElastic(1, .5)',\n round: 0\n};\n\nvar validTransforms = ['translateX', 'translateY', 'translateZ', 'rotate', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'perspective', 'matrix', 'matrix3d'];\n\n// Caching\n\nvar cache = {\n CSS: {},\n springs: {}\n};\n\n// Utils\n\nfunction minMax(val, min, max) {\n return Math.min(Math.max(val, min), max);\n}\n\nfunction stringContains(str, text) {\n return str.indexOf(text) > -1;\n}\n\nfunction applyArguments(func, args) {\n return func.apply(null, args);\n}\n\nvar is = {\n arr: function (a) { return Array.isArray(a); },\n obj: function (a) { return stringContains(Object.prototype.toString.call(a), 'Object'); },\n pth: function (a) { return is.obj(a) && a.hasOwnProperty('totalLength'); },\n svg: function (a) { return a instanceof SVGElement; },\n inp: function (a) { return a instanceof HTMLInputElement; },\n dom: function (a) { return a.nodeType || is.svg(a); },\n str: function (a) { return typeof a === 'string'; },\n fnc: function (a) { return typeof a === 'function'; },\n und: function (a) { return typeof a === 'undefined'; },\n nil: function (a) { return is.und(a) || a === null; },\n hex: function (a) { return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a); },\n rgb: function (a) { return /^rgb/.test(a); },\n hsl: function (a) { return /^hsl/.test(a); },\n col: function (a) { return (is.hex(a) || is.rgb(a) || is.hsl(a)); },\n key: function (a) { return !defaultInstanceSettings.hasOwnProperty(a) && !defaultTweenSettings.hasOwnProperty(a) && a !== 'targets' && a !== 'keyframes'; },\n};\n\n// Easings\n\nfunction parseEasingParameters(string) {\n var match = /\\(([^)]+)\\)/.exec(string);\n return match ? match[1].split(',').map(function (p) { return parseFloat(p); }) : [];\n}\n\n// Spring solver inspired by Webkit Copyright © 2016 Apple Inc. All rights reserved. https://webkit.org/demos/spring/spring.js\n\nfunction spring(string, duration) {\n\n var params = parseEasingParameters(string);\n var mass = minMax(is.und(params[0]) ? 1 : params[0], .1, 100);\n var stiffness = minMax(is.und(params[1]) ? 100 : params[1], .1, 100);\n var damping = minMax(is.und(params[2]) ? 10 : params[2], .1, 100);\n var velocity = minMax(is.und(params[3]) ? 0 : params[3], .1, 100);\n var w0 = Math.sqrt(stiffness / mass);\n var zeta = damping / (2 * Math.sqrt(stiffness * mass));\n var wd = zeta < 1 ? w0 * Math.sqrt(1 - zeta * zeta) : 0;\n var a = 1;\n var b = zeta < 1 ? (zeta * w0 + -velocity) / wd : -velocity + w0;\n\n function solver(t) {\n var progress = duration ? (duration * t) / 1000 : t;\n if (zeta < 1) {\n progress = Math.exp(-progress * zeta * w0) * (a * Math.cos(wd * progress) + b * Math.sin(wd * progress));\n } else {\n progress = (a + b * progress) * Math.exp(-progress * w0);\n }\n if (t === 0 || t === 1) { return t; }\n return 1 - progress;\n }\n\n function getDuration() {\n var cached = cache.springs[string];\n if (cached) { return cached; }\n var frame = 1/6;\n var elapsed = 0;\n var rest = 0;\n while(true) {\n elapsed += frame;\n if (solver(elapsed) === 1) {\n rest++;\n if (rest >= 16) { break; }\n } else {\n rest = 0;\n }\n }\n var duration = elapsed * frame * 1000;\n cache.springs[string] = duration;\n return duration;\n }\n\n return duration ? solver : getDuration;\n\n}\n\n// Basic steps easing implementation https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function\n\nfunction steps(steps) {\n if ( steps === void 0 ) steps = 10;\n\n return function (t) { return Math.ceil((minMax(t, 0.000001, 1)) * steps) * (1 / steps); };\n}\n\n// BezierEasing https://github.com/gre/bezier-easing\n\nvar bezier = (function () {\n\n var kSplineTableSize = 11;\n var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1 }\n function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1 }\n function C(aA1) { return 3.0 * aA1 }\n\n function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT }\n function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1) }\n\n function binarySubdivide(aX, aA, aB, mX1, mX2) {\n var currentX, currentT, i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) { aB = currentT; } else { aA = currentT; }\n } while (Math.abs(currentX) > 0.0000001 && ++i < 10);\n return currentT;\n }\n\n function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < 4; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) { return aGuessT; }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n }\n\n function bezier(mX1, mY1, mX2, mY2) {\n\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { return; }\n var sampleValues = new Float32Array(kSplineTableSize);\n\n if (mX1 !== mY1 || mX2 !== mY2) {\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n }\n\n function getTForX(aX) {\n\n var intervalStart = 0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n\n --currentSample;\n\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n var initialSlope = getSlope(guessForT, mX1, mX2);\n\n if (initialSlope >= 0.001) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n\n }\n\n return function (x) {\n if (mX1 === mY1 && mX2 === mY2) { return x; }\n if (x === 0 || x === 1) { return x; }\n return calcBezier(getTForX(x), mY1, mY2);\n }\n\n }\n\n return bezier;\n\n})();\n\nvar penner = (function () {\n\n // Based on jQuery UI's implemenation of easing equations from Robert Penner (http://www.robertpenner.com/easing)\n\n var eases = { linear: function () { return function (t) { return t; }; } };\n\n var functionEasings = {\n Sine: function () { return function (t) { return 1 - Math.cos(t * Math.PI / 2); }; },\n Expo: function () { return function (t) { return t ? Math.pow(2, 10 * t - 10) : 0; }; },\n Circ: function () { return function (t) { return 1 - Math.sqrt(1 - t * t); }; },\n Back: function () { return function (t) { return t * t * (3 * t - 2); }; },\n Bounce: function () { return function (t) {\n var pow2, b = 4;\n while (t < (( pow2 = Math.pow(2, --b)) - 1) / 11) {}\n return 1 / Math.pow(4, 3 - b) - 7.5625 * Math.pow(( pow2 * 3 - 2 ) / 22 - t, 2)\n }; },\n Elastic: function (amplitude, period) {\n if ( amplitude === void 0 ) amplitude = 1;\n if ( period === void 0 ) period = .5;\n\n var a = minMax(amplitude, 1, 10);\n var p = minMax(period, .1, 2);\n return function (t) {\n return (t === 0 || t === 1) ? t : \n -a * Math.pow(2, 10 * (t - 1)) * Math.sin((((t - 1) - (p / (Math.PI * 2) * Math.asin(1 / a))) * (Math.PI * 2)) / p);\n }\n }\n };\n\n var baseEasings = ['Quad', 'Cubic', 'Quart', 'Quint'];\n\n baseEasings.forEach(function (name, i) {\n functionEasings[name] = function () { return function (t) { return Math.pow(t, i + 2); }; };\n });\n\n Object.keys(functionEasings).forEach(function (name) {\n var easeIn = functionEasings[name];\n eases['easeIn' + name] = easeIn;\n eases['easeOut' + name] = function (a, b) { return function (t) { return 1 - easeIn(a, b)(1 - t); }; };\n eases['easeInOut' + name] = function (a, b) { return function (t) { return t < 0.5 ? easeIn(a, b)(t * 2) / 2 : \n 1 - easeIn(a, b)(t * -2 + 2) / 2; }; };\n eases['easeOutIn' + name] = function (a, b) { return function (t) { return t < 0.5 ? (1 - easeIn(a, b)(1 - t * 2)) / 2 : \n (easeIn(a, b)(t * 2 - 1) + 1) / 2; }; };\n });\n\n return eases;\n\n})();\n\nfunction parseEasings(easing, duration) {\n if (is.fnc(easing)) { return easing; }\n var name = easing.split('(')[0];\n var ease = penner[name];\n var args = parseEasingParameters(easing);\n switch (name) {\n case 'spring' : return spring(easing, duration);\n case 'cubicBezier' : return applyArguments(bezier, args);\n case 'steps' : return applyArguments(steps, args);\n default : return applyArguments(ease, args);\n }\n}\n\n// Strings\n\nfunction selectString(str) {\n try {\n var nodes = document.querySelectorAll(str);\n return nodes;\n } catch(e) {\n return;\n }\n}\n\n// Arrays\n\nfunction filterArray(arr, callback) {\n var len = arr.length;\n var thisArg = arguments.length >= 2 ? arguments[1] : void 0;\n var result = [];\n for (var i = 0; i < len; i++) {\n if (i in arr) {\n var val = arr[i];\n if (callback.call(thisArg, val, i, arr)) {\n result.push(val);\n }\n }\n }\n return result;\n}\n\nfunction flattenArray(arr) {\n return arr.reduce(function (a, b) { return a.concat(is.arr(b) ? flattenArray(b) : b); }, []);\n}\n\nfunction toArray(o) {\n if (is.arr(o)) { return o; }\n if (is.str(o)) { o = selectString(o) || o; }\n if (o instanceof NodeList || o instanceof HTMLCollection) { return [].slice.call(o); }\n return [o];\n}\n\nfunction arrayContains(arr, val) {\n return arr.some(function (a) { return a === val; });\n}\n\n// Objects\n\nfunction cloneObject(o) {\n var clone = {};\n for (var p in o) { clone[p] = o[p]; }\n return clone;\n}\n\nfunction replaceObjectProps(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o1) { o[p] = o2.hasOwnProperty(p) ? o2[p] : o1[p]; }\n return o;\n}\n\nfunction mergeObjects(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o2) { o[p] = is.und(o1[p]) ? o2[p] : o1[p]; }\n return o;\n}\n\n// Colors\n\nfunction rgbToRgba(rgbValue) {\n var rgb = /rgb\\((\\d+,\\s*[\\d]+,\\s*[\\d]+)\\)/g.exec(rgbValue);\n return rgb ? (\"rgba(\" + (rgb[1]) + \",1)\") : rgbValue;\n}\n\nfunction hexToRgba(hexValue) {\n var rgx = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; } );\n var rgb = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n var r = parseInt(rgb[1], 16);\n var g = parseInt(rgb[2], 16);\n var b = parseInt(rgb[3], 16);\n return (\"rgba(\" + r + \",\" + g + \",\" + b + \",1)\");\n}\n\nfunction hslToRgba(hslValue) {\n var hsl = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g.exec(hslValue) || /hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*([\\d.]+)\\)/g.exec(hslValue);\n var h = parseInt(hsl[1], 10) / 360;\n var s = parseInt(hsl[2], 10) / 100;\n var l = parseInt(hsl[3], 10) / 100;\n var a = hsl[4] || 1;\n function hue2rgb(p, q, t) {\n if (t < 0) { t += 1; }\n if (t > 1) { t -= 1; }\n if (t < 1/6) { return p + (q - p) * 6 * t; }\n if (t < 1/2) { return q; }\n if (t < 2/3) { return p + (q - p) * (2/3 - t) * 6; }\n return p;\n }\n var r, g, b;\n if (s == 0) {\n r = g = b = l;\n } else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n return (\"rgba(\" + (r * 255) + \",\" + (g * 255) + \",\" + (b * 255) + \",\" + a + \")\");\n}\n\nfunction colorToRgb(val) {\n if (is.rgb(val)) { return rgbToRgba(val); }\n if (is.hex(val)) { return hexToRgba(val); }\n if (is.hsl(val)) { return hslToRgba(val); }\n}\n\n// Units\n\nfunction getUnit(val) {\n var split = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(val);\n if (split) { return split[1]; }\n}\n\nfunction getTransformUnit(propName) {\n if (stringContains(propName, 'translate') || propName === 'perspective') { return 'px'; }\n if (stringContains(propName, 'rotate') || stringContains(propName, 'skew')) { return 'deg'; }\n}\n\n// Values\n\nfunction getFunctionValue(val, animatable) {\n if (!is.fnc(val)) { return val; }\n return val(animatable.target, animatable.id, animatable.total);\n}\n\nfunction getAttribute(el, prop) {\n return el.getAttribute(prop);\n}\n\nfunction convertPxToUnit(el, value, unit) {\n var valueUnit = getUnit(value);\n if (arrayContains([unit, 'deg', 'rad', 'turn'], valueUnit)) { return value; }\n var cached = cache.CSS[value + unit];\n if (!is.und(cached)) { return cached; }\n var baseline = 100;\n var tempEl = document.createElement(el.tagName);\n var parentEl = (el.parentNode && (el.parentNode !== document)) ? el.parentNode : document.body;\n parentEl.appendChild(tempEl);\n tempEl.style.position = 'absolute';\n tempEl.style.width = baseline + unit;\n var factor = baseline / tempEl.offsetWidth;\n parentEl.removeChild(tempEl);\n var convertedUnit = factor * parseFloat(value);\n cache.CSS[value + unit] = convertedUnit;\n return convertedUnit;\n}\n\nfunction getCSSValue(el, prop, unit) {\n if (prop in el.style) {\n var uppercasePropName = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n var value = el.style[prop] || getComputedStyle(el).getPropertyValue(uppercasePropName) || '0';\n return unit ? convertPxToUnit(el, value, unit) : value;\n }\n}\n\nfunction getAnimationType(el, prop) {\n if (is.dom(el) && !is.inp(el) && (!is.nil(getAttribute(el, prop)) || (is.svg(el) && el[prop]))) { return 'attribute'; }\n if (is.dom(el) && arrayContains(validTransforms, prop)) { return 'transform'; }\n if (is.dom(el) && (prop !== 'transform' && getCSSValue(el, prop))) { return 'css'; }\n if (el[prop] != null) { return 'object'; }\n}\n\nfunction getElementTransforms(el) {\n if (!is.dom(el)) { return; }\n var str = el.style.transform || '';\n var reg = /(\\w+)\\(([^)]*)\\)/g;\n var transforms = new Map();\n var m; while (m = reg.exec(str)) { transforms.set(m[1], m[2]); }\n return transforms;\n}\n\nfunction getTransformValue(el, propName, animatable, unit) {\n var defaultVal = stringContains(propName, 'scale') ? 1 : 0 + getTransformUnit(propName);\n var value = getElementTransforms(el).get(propName) || defaultVal;\n if (animatable) {\n animatable.transforms.list.set(propName, value);\n animatable.transforms['last'] = propName;\n }\n return unit ? convertPxToUnit(el, value, unit) : value;\n}\n\nfunction getOriginalTargetValue(target, propName, unit, animatable) {\n switch (getAnimationType(target, propName)) {\n case 'transform': return getTransformValue(target, propName, animatable, unit);\n case 'css': return getCSSValue(target, propName, unit);\n case 'attribute': return getAttribute(target, propName);\n default: return target[propName] || 0;\n }\n}\n\nfunction getRelativeValue(to, from) {\n var operator = /^(\\*=|\\+=|-=)/.exec(to);\n if (!operator) { return to; }\n var u = getUnit(to) || 0;\n var x = parseFloat(from);\n var y = parseFloat(to.replace(operator[0], ''));\n switch (operator[0][0]) {\n case '+': return x + y + u;\n case '-': return x - y + u;\n case '*': return x * y + u;\n }\n}\n\nfunction validateValue(val, unit) {\n if (is.col(val)) { return colorToRgb(val); }\n if (/\\s/g.test(val)) { return val; }\n var originalUnit = getUnit(val);\n var unitLess = originalUnit ? val.substr(0, val.length - originalUnit.length) : val;\n if (unit) { return unitLess + unit; }\n return unitLess;\n}\n\n// getTotalLength() equivalent for circle, rect, polyline, polygon and line shapes\n// adapted from https://gist.github.com/SebLambla/3e0550c496c236709744\n\nfunction getDistance(p1, p2) {\n return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));\n}\n\nfunction getCircleLength(el) {\n return Math.PI * 2 * getAttribute(el, 'r');\n}\n\nfunction getRectLength(el) {\n return (getAttribute(el, 'width') * 2) + (getAttribute(el, 'height') * 2);\n}\n\nfunction getLineLength(el) {\n return getDistance(\n {x: getAttribute(el, 'x1'), y: getAttribute(el, 'y1')}, \n {x: getAttribute(el, 'x2'), y: getAttribute(el, 'y2')}\n );\n}\n\nfunction getPolylineLength(el) {\n var points = el.points;\n var totalLength = 0;\n var previousPos;\n for (var i = 0 ; i < points.numberOfItems; i++) {\n var currentPos = points.getItem(i);\n if (i > 0) { totalLength += getDistance(previousPos, currentPos); }\n previousPos = currentPos;\n }\n return totalLength;\n}\n\nfunction getPolygonLength(el) {\n var points = el.points;\n return getPolylineLength(el) + getDistance(points.getItem(points.numberOfItems - 1), points.getItem(0));\n}\n\n// Path animation\n\nfunction getTotalLength(el) {\n if (el.getTotalLength) { return el.getTotalLength(); }\n switch(el.tagName.toLowerCase()) {\n case 'circle': return getCircleLength(el);\n case 'rect': return getRectLength(el);\n case 'line': return getLineLength(el);\n case 'polyline': return getPolylineLength(el);\n case 'polygon': return getPolygonLength(el);\n }\n}\n\nfunction setDashoffset(el) {\n var pathLength = getTotalLength(el);\n el.setAttribute('stroke-dasharray', pathLength);\n return pathLength;\n}\n\n// Motion path\n\nfunction getParentSvgEl(el) {\n var parentEl = el.parentNode;\n while (is.svg(parentEl)) {\n if (!is.svg(parentEl.parentNode)) { break; }\n parentEl = parentEl.parentNode;\n }\n return parentEl;\n}\n\nfunction getParentSvg(pathEl, svgData) {\n var svg = svgData || {};\n var parentSvgEl = svg.el || getParentSvgEl(pathEl);\n var rect = parentSvgEl.getBoundingClientRect();\n var viewBoxAttr = getAttribute(parentSvgEl, 'viewBox');\n var width = rect.width;\n var height = rect.height;\n var viewBox = svg.viewBox || (viewBoxAttr ? viewBoxAttr.split(' ') : [0, 0, width, height]);\n return {\n el: parentSvgEl,\n viewBox: viewBox,\n x: viewBox[0] / 1,\n y: viewBox[1] / 1,\n w: width,\n h: height,\n vW: viewBox[2],\n vH: viewBox[3]\n }\n}\n\nfunction getPath(path, percent) {\n var pathEl = is.str(path) ? selectString(path)[0] : path;\n var p = percent || 100;\n return function(property) {\n return {\n property: property,\n el: pathEl,\n svg: getParentSvg(pathEl),\n totalLength: getTotalLength(pathEl) * (p / 100)\n }\n }\n}\n\nfunction getPathProgress(path, progress, isPathTargetInsideSVG) {\n function point(offset) {\n if ( offset === void 0 ) offset = 0;\n\n var l = progress + offset >= 1 ? progress + offset : 0;\n return path.el.getPointAtLength(l);\n }\n var svg = getParentSvg(path.el, path.svg);\n var p = point();\n var p0 = point(-1);\n var p1 = point(+1);\n var scaleX = isPathTargetInsideSVG ? 1 : svg.w / svg.vW;\n var scaleY = isPathTargetInsideSVG ? 1 : svg.h / svg.vH;\n switch (path.property) {\n case 'x': return (p.x - svg.x) * scaleX;\n case 'y': return (p.y - svg.y) * scaleY;\n case 'angle': return Math.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / Math.PI;\n }\n}\n\n// Decompose value\n\nfunction decomposeValue(val, unit) {\n // const rgx = /-?\\d*\\.?\\d+/g; // handles basic numbers\n // const rgx = /[+-]?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var rgx = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var value = validateValue((is.pth(val) ? val.totalLength : val), unit) + '';\n return {\n original: value,\n numbers: value.match(rgx) ? value.match(rgx).map(Number) : [0],\n strings: (is.str(val) || unit) ? value.split(rgx) : []\n }\n}\n\n// Animatables\n\nfunction parseTargets(targets) {\n var targetsArray = targets ? (flattenArray(is.arr(targets) ? targets.map(toArray) : toArray(targets))) : [];\n return filterArray(targetsArray, function (item, pos, self) { return self.indexOf(item) === pos; });\n}\n\nfunction getAnimatables(targets) {\n var parsed = parseTargets(targets);\n return parsed.map(function (t, i) {\n return {target: t, id: i, total: parsed.length, transforms: { list: getElementTransforms(t) } };\n });\n}\n\n// Properties\n\nfunction normalizePropertyTweens(prop, tweenSettings) {\n var settings = cloneObject(tweenSettings);\n // Override duration if easing is a spring\n if (/^spring/.test(settings.easing)) { settings.duration = spring(settings.easing); }\n if (is.arr(prop)) {\n var l = prop.length;\n var isFromTo = (l === 2 && !is.obj(prop[0]));\n if (!isFromTo) {\n // Duration divided by the number of tweens\n if (!is.fnc(tweenSettings.duration)) { settings.duration = tweenSettings.duration / l; }\n } else {\n // Transform [from, to] values shorthand to a valid tween value\n prop = {value: prop};\n }\n }\n var propArray = is.arr(prop) ? prop : [prop];\n return propArray.map(function (v, i) {\n var obj = (is.obj(v) && !is.pth(v)) ? v : {value: v};\n // Default delay value should only be applied to the first tween\n if (is.und(obj.delay)) { obj.delay = !i ? tweenSettings.delay : 0; }\n // Default endDelay value should only be applied to the last tween\n if (is.und(obj.endDelay)) { obj.endDelay = i === propArray.length - 1 ? tweenSettings.endDelay : 0; }\n return obj;\n }).map(function (k) { return mergeObjects(k, settings); });\n}\n\n\nfunction flattenKeyframes(keyframes) {\n var propertyNames = filterArray(flattenArray(keyframes.map(function (key) { return Object.keys(key); })), function (p) { return is.key(p); })\n .reduce(function (a,b) { if (a.indexOf(b) < 0) { a.push(b); } return a; }, []);\n var properties = {};\n var loop = function ( i ) {\n var propName = propertyNames[i];\n properties[propName] = keyframes.map(function (key) {\n var newKey = {};\n for (var p in key) {\n if (is.key(p)) {\n if (p == propName) { newKey.value = key[p]; }\n } else {\n newKey[p] = key[p];\n }\n }\n return newKey;\n });\n };\n\n for (var i = 0; i < propertyNames.length; i++) loop( i );\n return properties;\n}\n\nfunction getProperties(tweenSettings, params) {\n var properties = [];\n var keyframes = params.keyframes;\n if (keyframes) { params = mergeObjects(flattenKeyframes(keyframes), params); }\n for (var p in params) {\n if (is.key(p)) {\n properties.push({\n name: p,\n tweens: normalizePropertyTweens(params[p], tweenSettings)\n });\n }\n }\n return properties;\n}\n\n// Tweens\n\nfunction normalizeTweenValues(tween, animatable) {\n var t = {};\n for (var p in tween) {\n var value = getFunctionValue(tween[p], animatable);\n if (is.arr(value)) {\n value = value.map(function (v) { return getFunctionValue(v, animatable); });\n if (value.length === 1) { value = value[0]; }\n }\n t[p] = value;\n }\n t.duration = parseFloat(t.duration);\n t.delay = parseFloat(t.delay);\n return t;\n}\n\nfunction normalizeTweens(prop, animatable) {\n var previousTween;\n return prop.tweens.map(function (t) {\n var tween = normalizeTweenValues(t, animatable);\n var tweenValue = tween.value;\n var to = is.arr(tweenValue) ? tweenValue[1] : tweenValue;\n var toUnit = getUnit(to);\n var originalValue = getOriginalTargetValue(animatable.target, prop.name, toUnit, animatable);\n var previousValue = previousTween ? previousTween.to.original : originalValue;\n var from = is.arr(tweenValue) ? tweenValue[0] : previousValue;\n var fromUnit = getUnit(from) || getUnit(originalValue);\n var unit = toUnit || fromUnit;\n if (is.und(to)) { to = previousValue; }\n tween.from = decomposeValue(from, unit);\n tween.to = decomposeValue(getRelativeValue(to, from), unit);\n tween.start = previousTween ? previousTween.end : 0;\n tween.end = tween.start + tween.delay + tween.duration + tween.endDelay;\n tween.easing = parseEasings(tween.easing, tween.duration);\n tween.isPath = is.pth(tweenValue);\n tween.isPathTargetInsideSVG = tween.isPath && is.svg(animatable.target);\n tween.isColor = is.col(tween.from.original);\n if (tween.isColor) { tween.round = 1; }\n previousTween = tween;\n return tween;\n });\n}\n\n// Tween progress\n\nvar setProgressValue = {\n css: function (t, p, v) { return t.style[p] = v; },\n attribute: function (t, p, v) { return t.setAttribute(p, v); },\n object: function (t, p, v) { return t[p] = v; },\n transform: function (t, p, v, transforms, manual) {\n transforms.list.set(p, v);\n if (p === transforms.last || manual) {\n var str = '';\n transforms.list.forEach(function (value, prop) { str += prop + \"(\" + value + \") \"; });\n t.style.transform = str;\n }\n }\n};\n\n// Set Value helper\n\nfunction setTargetsValue(targets, properties) {\n var animatables = getAnimatables(targets);\n animatables.forEach(function (animatable) {\n for (var property in properties) {\n var value = getFunctionValue(properties[property], animatable);\n var target = animatable.target;\n var valueUnit = getUnit(value);\n var originalValue = getOriginalTargetValue(target, property, valueUnit, animatable);\n var unit = valueUnit || getUnit(originalValue);\n var to = getRelativeValue(validateValue(value, unit), originalValue);\n var animType = getAnimationType(target, property);\n setProgressValue[animType](target, property, to, animatable.transforms, true);\n }\n });\n}\n\n// Animations\n\nfunction createAnimation(animatable, prop) {\n var animType = getAnimationType(animatable.target, prop.name);\n if (animType) {\n var tweens = normalizeTweens(prop, animatable);\n var lastTween = tweens[tweens.length - 1];\n return {\n type: animType,\n property: prop.name,\n animatable: animatable,\n tweens: tweens,\n duration: lastTween.end,\n delay: tweens[0].delay,\n endDelay: lastTween.endDelay\n }\n }\n}\n\nfunction getAnimations(animatables, properties) {\n return filterArray(flattenArray(animatables.map(function (animatable) {\n return properties.map(function (prop) {\n return createAnimation(animatable, prop);\n });\n })), function (a) { return !is.und(a); });\n}\n\n// Create Instance\n\nfunction getInstanceTimings(animations, tweenSettings) {\n var animLength = animations.length;\n var getTlOffset = function (anim) { return anim.timelineOffset ? anim.timelineOffset : 0; };\n var timings = {};\n timings.duration = animLength ? Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration; })) : tweenSettings.duration;\n timings.delay = animLength ? Math.min.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.delay; })) : tweenSettings.delay;\n timings.endDelay = animLength ? timings.duration - Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration - anim.endDelay; })) : tweenSettings.endDelay;\n return timings;\n}\n\nvar instanceID = 0;\n\nfunction createNewInstance(params) {\n var instanceSettings = replaceObjectProps(defaultInstanceSettings, params);\n var tweenSettings = replaceObjectProps(defaultTweenSettings, params);\n var properties = getProperties(tweenSettings, params);\n var animatables = getAnimatables(params.targets);\n var animations = getAnimations(animatables, properties);\n var timings = getInstanceTimings(animations, tweenSettings);\n var id = instanceID;\n instanceID++;\n return mergeObjects(instanceSettings, {\n id: id,\n children: [],\n animatables: animatables,\n animations: animations,\n duration: timings.duration,\n delay: timings.delay,\n endDelay: timings.endDelay\n });\n}\n\n// Core\n\nvar activeInstances = [];\n\nvar engine = (function () {\n var raf;\n\n function play() {\n if (!raf && (!isDocumentHidden() || !anime.suspendWhenDocumentHidden) && activeInstances.length > 0) {\n raf = requestAnimationFrame(step);\n }\n }\n function step(t) {\n // memo on algorithm issue:\n // dangerous iteration over mutable `activeInstances`\n // (that collection may be updated from within callbacks of `tick`-ed animation instances)\n var activeInstancesLength = activeInstances.length;\n var i = 0;\n while (i < activeInstancesLength) {\n var activeInstance = activeInstances[i];\n if (!activeInstance.paused) {\n activeInstance.tick(t);\n i++;\n } else {\n activeInstances.splice(i, 1);\n activeInstancesLength--;\n }\n }\n raf = i > 0 ? requestAnimationFrame(step) : undefined;\n }\n\n function handleVisibilityChange() {\n if (!anime.suspendWhenDocumentHidden) { return; }\n\n if (isDocumentHidden()) {\n // suspend ticks\n raf = cancelAnimationFrame(raf);\n } else { // is back to active tab\n // first adjust animations to consider the time that ticks were suspended\n activeInstances.forEach(\n function (instance) { return instance ._onDocumentVisibility(); }\n );\n engine();\n }\n }\n if (typeof document !== 'undefined') {\n document.addEventListener('visibilitychange', handleVisibilityChange);\n }\n\n return play;\n})();\n\nfunction isDocumentHidden() {\n return !!document && document.hidden;\n}\n\n// Public Instance\n\nfunction anime(params) {\n if ( params === void 0 ) params = {};\n\n\n var startTime = 0, lastTime = 0, now = 0;\n var children, childrenLength = 0;\n var resolve = null;\n\n function makePromise(instance) {\n var promise = window.Promise && new Promise(function (_resolve) { return resolve = _resolve; });\n instance.finished = promise;\n return promise;\n }\n\n var instance = createNewInstance(params);\n var promise = makePromise(instance);\n\n function toggleInstanceDirection() {\n var direction = instance.direction;\n if (direction !== 'alternate') {\n instance.direction = direction !== 'normal' ? 'normal' : 'reverse';\n }\n instance.reversed = !instance.reversed;\n children.forEach(function (child) { return child.reversed = instance.reversed; });\n }\n\n function adjustTime(time) {\n return instance.reversed ? instance.duration - time : time;\n }\n\n function resetTime() {\n startTime = 0;\n lastTime = adjustTime(instance.currentTime) * (1 / anime.speed);\n }\n\n function seekChild(time, child) {\n if (child) { child.seek(time - child.timelineOffset); }\n }\n\n function syncInstanceChildren(time) {\n if (!instance.reversePlayback) {\n for (var i = 0; i < childrenLength; i++) { seekChild(time, children[i]); }\n } else {\n for (var i$1 = childrenLength; i$1--;) { seekChild(time, children[i$1]); }\n }\n }\n\n function setAnimationsProgress(insTime) {\n var i = 0;\n var animations = instance.animations;\n var animationsLength = animations.length;\n while (i < animationsLength) {\n var anim = animations[i];\n var animatable = anim.animatable;\n var tweens = anim.tweens;\n var tweenLength = tweens.length - 1;\n var tween = tweens[tweenLength];\n // Only check for keyframes if there is more than one tween\n if (tweenLength) { tween = filterArray(tweens, function (t) { return (insTime < t.end); })[0] || tween; }\n var elapsed = minMax(insTime - tween.start - tween.delay, 0, tween.duration) / tween.duration;\n var eased = isNaN(elapsed) ? 1 : tween.easing(elapsed);\n var strings = tween.to.strings;\n var round = tween.round;\n var numbers = [];\n var toNumbersLength = tween.to.numbers.length;\n var progress = (void 0);\n for (var n = 0; n < toNumbersLength; n++) {\n var value = (void 0);\n var toNumber = tween.to.numbers[n];\n var fromNumber = tween.from.numbers[n] || 0;\n if (!tween.isPath) {\n value = fromNumber + (eased * (toNumber - fromNumber));\n } else {\n value = getPathProgress(tween.value, eased * toNumber, tween.isPathTargetInsideSVG);\n }\n if (round) {\n if (!(tween.isColor && n > 2)) {\n value = Math.round(value * round) / round;\n }\n }\n numbers.push(value);\n }\n // Manual Array.reduce for better performances\n var stringsLength = strings.length;\n if (!stringsLength) {\n progress = numbers[0];\n } else {\n progress = strings[0];\n for (var s = 0; s < stringsLength; s++) {\n var a = strings[s];\n var b = strings[s + 1];\n var n$1 = numbers[s];\n if (!isNaN(n$1)) {\n if (!b) {\n progress += n$1 + ' ';\n } else {\n progress += n$1 + b;\n }\n }\n }\n }\n setProgressValue[anim.type](animatable.target, anim.property, progress, animatable.transforms);\n anim.currentValue = progress;\n i++;\n }\n }\n\n function setCallback(cb) {\n if (instance[cb] && !instance.passThrough) { instance[cb](instance); }\n }\n\n function countIteration() {\n if (instance.remaining && instance.remaining !== true) {\n instance.remaining--;\n }\n }\n\n function setInstanceProgress(engineTime) {\n var insDuration = instance.duration;\n var insDelay = instance.delay;\n var insEndDelay = insDuration - instance.endDelay;\n var insTime = adjustTime(engineTime);\n instance.progress = minMax((insTime / insDuration) * 100, 0, 100);\n instance.reversePlayback = insTime < instance.currentTime;\n if (children) { syncInstanceChildren(insTime); }\n if (!instance.began && instance.currentTime > 0) {\n instance.began = true;\n setCallback('begin');\n }\n if (!instance.loopBegan && instance.currentTime > 0) {\n instance.loopBegan = true;\n setCallback('loopBegin');\n }\n if (insTime <= insDelay && instance.currentTime !== 0) {\n setAnimationsProgress(0);\n }\n if ((insTime >= insEndDelay && instance.currentTime !== insDuration) || !insDuration) {\n setAnimationsProgress(insDuration);\n }\n if (insTime > insDelay && insTime < insEndDelay) {\n if (!instance.changeBegan) {\n instance.changeBegan = true;\n instance.changeCompleted = false;\n setCallback('changeBegin');\n }\n setCallback('change');\n setAnimationsProgress(insTime);\n } else {\n if (instance.changeBegan) {\n instance.changeCompleted = true;\n instance.changeBegan = false;\n setCallback('changeComplete');\n }\n }\n instance.currentTime = minMax(insTime, 0, insDuration);\n if (instance.began) { setCallback('update'); }\n if (engineTime >= insDuration) {\n lastTime = 0;\n countIteration();\n if (!instance.remaining) {\n instance.paused = true;\n if (!instance.completed) {\n instance.completed = true;\n setCallback('loopComplete');\n setCallback('complete');\n if (!instance.passThrough && 'Promise' in window) {\n resolve();\n promise = makePromise(instance);\n }\n }\n } else {\n startTime = now;\n setCallback('loopComplete');\n instance.loopBegan = false;\n if (instance.direction === 'alternate') {\n toggleInstanceDirection();\n }\n }\n }\n }\n\n instance.reset = function() {\n var direction = instance.direction;\n instance.passThrough = false;\n instance.currentTime = 0;\n instance.progress = 0;\n instance.paused = true;\n instance.began = false;\n instance.loopBegan = false;\n instance.changeBegan = false;\n instance.completed = false;\n instance.changeCompleted = false;\n instance.reversePlayback = false;\n instance.reversed = direction === 'reverse';\n instance.remaining = instance.loop;\n children = instance.children;\n childrenLength = children.length;\n for (var i = childrenLength; i--;) { instance.children[i].reset(); }\n if (instance.reversed && instance.loop !== true || (direction === 'alternate' && instance.loop === 1)) { instance.remaining++; }\n setAnimationsProgress(instance.reversed ? instance.duration : 0);\n };\n\n // internal method (for engine) to adjust animation timings before restoring engine ticks (rAF)\n instance._onDocumentVisibility = resetTime;\n\n // Set Value helper\n\n instance.set = function(targets, properties) {\n setTargetsValue(targets, properties);\n return instance;\n };\n\n instance.tick = function(t) {\n now = t;\n if (!startTime) { startTime = now; }\n setInstanceProgress((now + (lastTime - startTime)) * anime.speed);\n };\n\n instance.seek = function(time) {\n setInstanceProgress(adjustTime(time));\n };\n\n instance.pause = function() {\n instance.paused = true;\n resetTime();\n };\n\n instance.play = function() {\n if (!instance.paused) { return; }\n if (instance.completed) { instance.reset(); }\n instance.paused = false;\n activeInstances.push(instance);\n resetTime();\n engine();\n };\n\n instance.reverse = function() {\n toggleInstanceDirection();\n instance.completed = instance.reversed ? false : true;\n resetTime();\n };\n\n instance.restart = function() {\n instance.reset();\n instance.play();\n };\n\n instance.remove = function(targets) {\n var targetsArray = parseTargets(targets);\n removeTargetsFromInstance(targetsArray, instance);\n };\n\n instance.reset();\n\n if (instance.autoplay) { instance.play(); }\n\n return instance;\n\n}\n\n// Remove targets from animation\n\nfunction removeTargetsFromAnimations(targetsArray, animations) {\n for (var a = animations.length; a--;) {\n if (arrayContains(targetsArray, animations[a].animatable.target)) {\n animations.splice(a, 1);\n }\n }\n}\n\nfunction removeTargetsFromInstance(targetsArray, instance) {\n var animations = instance.animations;\n var children = instance.children;\n removeTargetsFromAnimations(targetsArray, animations);\n for (var c = children.length; c--;) {\n var child = children[c];\n var childAnimations = child.animations;\n removeTargetsFromAnimations(targetsArray, childAnimations);\n if (!childAnimations.length && !child.children.length) { children.splice(c, 1); }\n }\n if (!animations.length && !children.length) { instance.pause(); }\n}\n\nfunction removeTargetsFromActiveInstances(targets) {\n var targetsArray = parseTargets(targets);\n for (var i = activeInstances.length; i--;) {\n var instance = activeInstances[i];\n removeTargetsFromInstance(targetsArray, instance);\n }\n}\n\n// Stagger helpers\n\nfunction stagger(val, params) {\n if ( params === void 0 ) params = {};\n\n var direction = params.direction || 'normal';\n var easing = params.easing ? parseEasings(params.easing) : null;\n var grid = params.grid;\n var axis = params.axis;\n var fromIndex = params.from || 0;\n var fromFirst = fromIndex === 'first';\n var fromCenter = fromIndex === 'center';\n var fromLast = fromIndex === 'last';\n var isRange = is.arr(val);\n var val1 = isRange ? parseFloat(val[0]) : parseFloat(val);\n var val2 = isRange ? parseFloat(val[1]) : 0;\n var unit = getUnit(isRange ? val[1] : val) || 0;\n var start = params.start || 0 + (isRange ? val1 : 0);\n var values = [];\n var maxValue = 0;\n return function (el, i, t) {\n if (fromFirst) { fromIndex = 0; }\n if (fromCenter) { fromIndex = (t - 1) / 2; }\n if (fromLast) { fromIndex = t - 1; }\n if (!values.length) {\n for (var index = 0; index < t; index++) {\n if (!grid) {\n values.push(Math.abs(fromIndex - index));\n } else {\n var fromX = !fromCenter ? fromIndex%grid[0] : (grid[0]-1)/2;\n var fromY = !fromCenter ? Math.floor(fromIndex/grid[0]) : (grid[1]-1)/2;\n var toX = index%grid[0];\n var toY = Math.floor(index/grid[0]);\n var distanceX = fromX - toX;\n var distanceY = fromY - toY;\n var value = Math.sqrt(distanceX * distanceX + distanceY * distanceY);\n if (axis === 'x') { value = -distanceX; }\n if (axis === 'y') { value = -distanceY; }\n values.push(value);\n }\n maxValue = Math.max.apply(Math, values);\n }\n if (easing) { values = values.map(function (val) { return easing(val / maxValue) * maxValue; }); }\n if (direction === 'reverse') { values = values.map(function (val) { return axis ? (val < 0) ? val * -1 : -val : Math.abs(maxValue - val); }); }\n }\n var spacing = isRange ? (val2 - val1) / maxValue : val1;\n return start + (spacing * (Math.round(values[i] * 100) / 100)) + unit;\n }\n}\n\n// Timeline\n\nfunction timeline(params) {\n if ( params === void 0 ) params = {};\n\n var tl = anime(params);\n tl.duration = 0;\n tl.add = function(instanceParams, timelineOffset) {\n var tlIndex = activeInstances.indexOf(tl);\n var children = tl.children;\n if (tlIndex > -1) { activeInstances.splice(tlIndex, 1); }\n function passThrough(ins) { ins.passThrough = true; }\n for (var i = 0; i < children.length; i++) { passThrough(children[i]); }\n var insParams = mergeObjects(instanceParams, replaceObjectProps(defaultTweenSettings, params));\n insParams.targets = insParams.targets || params.targets;\n var tlDuration = tl.duration;\n insParams.autoplay = false;\n insParams.direction = tl.direction;\n insParams.timelineOffset = is.und(timelineOffset) ? tlDuration : getRelativeValue(timelineOffset, tlDuration);\n passThrough(tl);\n tl.seek(insParams.timelineOffset);\n var ins = anime(insParams);\n passThrough(ins);\n children.push(ins);\n var timings = getInstanceTimings(children, params);\n tl.delay = timings.delay;\n tl.endDelay = timings.endDelay;\n tl.duration = timings.duration;\n tl.seek(0);\n tl.reset();\n if (tl.autoplay) { tl.play(); }\n return tl;\n };\n return tl;\n}\n\nanime.version = '3.2.1';\nanime.speed = 1;\n// TODO:#review: naming, documentation\nanime.suspendWhenDocumentHidden = true;\nanime.running = activeInstances;\nanime.remove = removeTargetsFromActiveInstances;\nanime.get = getOriginalTargetValue;\nanime.set = setTargetsValue;\nanime.convertPx = convertPxToUnit;\nanime.path = getPath;\nanime.setDashoffset = setDashoffset;\nanime.stagger = stagger;\nanime.timeline = timeline;\nanime.easing = parseEasings;\nanime.penner = penner;\nanime.random = function (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; };\n\nmodule.exports = anime;\n","/*! @preserve\r\n * bootbox.js\r\n * version: 6.0.0\r\n * author: Nick Payne
',\r\n footer: '',\r\n closeButton: '',\r\n form: '',\r\n button: '',\r\n option: '',\r\n promptMessage: '',\r\n inputs: {\r\n text: '',\r\n textarea: '',\r\n email: '',\r\n select: '',\r\n checkbox: '',\r\n radio: '',\r\n date: '',\r\n time: '',\r\n number: '',\r\n password: '',\r\n range: ''\r\n }\r\n };\r\n\r\n\r\n let defaults = {\r\n // Default language used when generating buttons for alert, confirm, and prompt dialogs\r\n locale: 'en',\r\n // Show backdrop or not. Default to static so user has to interact with dialog\r\n backdrop: 'static',\r\n // Animate the modal in/out\r\n animate: true,\r\n // Additional class string applied to the top level dialog\r\n className: null,\r\n // Whether or not to include a close button\r\n closeButton: true,\r\n // Show the dialog immediately by default\r\n show: true,\r\n // Dialog container\r\n container: 'body',\r\n // Default value (used by the prompt helper)\r\n value: '',\r\n // Default input type (used by the prompt helper)\r\n inputType: 'text',\r\n // Custom error message to report if prompt fails validation\r\n errorMessage: null,\r\n // Switch button order from cancel/confirm (default) to confirm/cancel\r\n swapButtonOrder: false,\r\n // Center modal vertically in page\r\n centerVertical: false,\r\n // Append \"multiple\" property to the select when using the \"prompt\" helper\r\n multiple: false,\r\n // Automatically scroll modal content when height exceeds viewport height\r\n scrollable: false,\r\n // Whether or not to destroy the modal on hide\r\n reusable: false,\r\n // The element which triggered the dialog\r\n relatedTarget: null,\r\n // The size of the modal to generate\r\n size: null,\r\n // A unique indentifier for this modal\r\n id: null\r\n };\r\n\r\n\r\n // PUBLIC FUNCTIONS\r\n // *************************************************************************************************************\r\n\r\n /**\r\n * Return all currently registered locales, or a specific locale if \"name\" is defined\r\n * @param {string} [name]\r\n * @returns {(Object|Object[])} An array of the available locale objects, or a single locale object if {name} is not null\r\n */\r\n exports.locales = function (name) {\r\n return name ? locales[name] : locales;\r\n };\r\n\r\n\r\n /**\r\n * Register localized strings for the OK, CONFIRM, and CANCEL buttons\r\n * @param {string} name - The key used to identify the new locale in the locales array\r\n * @param {Object} values - An object containing the localized string for each of the OK, CANCEL, and CONFIRM properties of a locale\r\n * @returns The updated bootbox object\r\n */\r\n exports.addLocale = function (name, values) {\r\n $.each(['OK', 'CANCEL', 'CONFIRM'], function (_, v) {\r\n if (!values[v]) {\r\n throw new Error('Please supply a translation for \"' + v + '\"');\r\n }\r\n });\r\n\r\n locales[name] = {\r\n OK: values.OK,\r\n CANCEL: values.CANCEL,\r\n CONFIRM: values.CONFIRM\r\n };\r\n\r\n return exports;\r\n };\r\n\r\n \r\n /**\r\n * Remove a previously-registered locale\r\n * @param {string} name - The key identifying the locale to remove\r\n * @returns The updated bootbox object\r\n */\r\n exports.removeLocale = function (name) {\r\n if (name !== 'en') {\r\n delete locales[name];\r\n }\r\n else {\r\n throw new Error('\"en\" is used as the default and fallback locale and cannot be removed.');\r\n }\r\n\r\n return exports;\r\n };\r\n\r\n\r\n /**\r\n * Set the default locale\r\n * @param {string} name - The key identifying the locale to set as the default locale for all future bootbox calls \r\n * @returns The updated bootbox object\r\n */\r\n exports.setLocale = function (name) {\r\n return exports.setDefaults('locale', name);\r\n };\r\n\r\n\r\n /**\r\n * Override default value(s) of Bootbox.\r\n * @returns The updated bootbox object\r\n */\r\n exports.setDefaults = function () {\r\n let values = {};\r\n\r\n if (arguments.length === 2) {\r\n // Allow passing of single key/value...\r\n values[arguments[0]] = arguments[1];\r\n } else {\r\n // ... and as an object too\r\n values = arguments[0];\r\n }\r\n\r\n $.extend(defaults, values);\r\n\r\n return exports;\r\n };\r\n\r\n\r\n /**\r\n * Hides all currently active Bootbox modals\r\n * @returns The current bootbox object\r\n */\r\n exports.hideAll = function () {\r\n $('.bootbox').modal('hide');\r\n\r\n return exports;\r\n };\r\n\r\n \r\n /**\r\n * Allows the base init() function to be overridden\r\n * @param {function} _$ - A function to be called when the bootbox instance is created\r\n * @returns The current bootbox object\r\n */\r\n exports.init = function (_$) {\r\n return init(_$ || $);\r\n };\r\n\r\n\r\n // CORE HELPER FUNCTIONS\r\n // *************************************************************************************************************\r\n\r\n /**\r\n * The core dialog helper function, which can be used to create any custom Bootstrap modal. \r\n * @param {Object} options - An object used to configure the various properties which define a Bootbox dialog\r\n * @returns A jQuery object upon which Bootstrap's modal function has been called\r\n */\r\n exports.dialog = function (options) {\r\n if ($.fn.modal === undefined) {\r\n throw new Error(\r\n '\"$.fn.modal\" is not defined; please double check you have included the Bootstrap JavaScript library. See https://getbootstrap.com/docs/5.1/getting-started/introduction/ for more details.'\r\n );\r\n }\r\n\r\n options = sanitize(options);\r\n\r\n if ($.fn.modal.Constructor.VERSION) {\r\n options.fullBootstrapVersion = $.fn.modal.Constructor.VERSION;\r\n let i = options.fullBootstrapVersion.indexOf('.');\r\n options.bootstrap = options.fullBootstrapVersion.substring(0, i);\r\n }\r\n else {\r\n // Assuming version 2.3.2, as that was the last \"supported\" 2.x version\r\n options.bootstrap = '2';\r\n options.fullBootstrapVersion = '2.3.2';\r\n console.warn('Bootbox will *mostly* work with Bootstrap 2, but we do not officially support it. Please upgrade, if possible.');\r\n }\r\n\r\n let dialog = $(templates.dialog);\r\n let innerDialog = dialog.find('.modal-dialog');\r\n let body = dialog.find('.modal-body');\r\n let header = $(templates.header);\r\n let footer = $(templates.footer);\r\n let buttons = options.buttons;\r\n\r\n let callbacks = {\r\n onEscape: options.onEscape\r\n };\r\n\r\n body.find('.bootbox-body').html(options.message);\r\n\r\n // Only attempt to create buttons if at least one has been defined in the options object\r\n if (getKeyLength(options.buttons) > 0) {\r\n each(buttons, function (key, b) {\r\n let button = $(templates.button);\r\n button.data('bb-handler', key);\r\n button.addClass(b.className);\r\n\r\n switch (key) {\r\n case 'ok':\r\n case 'confirm':\r\n button.addClass('bootbox-accept');\r\n break;\r\n\r\n case 'cancel':\r\n button.addClass('bootbox-cancel');\r\n break;\r\n }\r\n\r\n button.html(b.label);\r\n\r\n if (b.id) {\r\n button.attr({ 'id': b.id });\r\n }\r\n\r\n if (b.disabled === true) {\r\n button.prop({ disabled: true });\r\n }\r\n\r\n footer.append(button);\r\n\r\n callbacks[key] = b.callback;\r\n });\r\n\r\n body.after(footer);\r\n }\r\n\r\n if (options.animate === true) {\r\n dialog.addClass('fade');\r\n }\r\n\r\n if (options.className) {\r\n dialog.addClass(options.className);\r\n }\r\n\r\n if (options.id) {\r\n dialog.attr({ 'id': options.id });\r\n }\r\n\r\n if (options.size) {\r\n // Requires Bootstrap 3.1.0 or higher\r\n if (options.fullBootstrapVersion.substring(0, 3) < '3.1') {\r\n console.warn('\"size\" requires Bootstrap 3.1.0 or higher. You appear to be using ' + options.fullBootstrapVersion + '. Please upgrade to use this option.');\r\n }\r\n\r\n switch (options.size) {\r\n case 'small':\r\n case 'sm':\r\n innerDialog.addClass('modal-sm');\r\n break;\r\n\r\n case 'large':\r\n case 'lg':\r\n innerDialog.addClass('modal-lg');\r\n break;\r\n\r\n case 'extra-large':\r\n case 'xl':\r\n innerDialog.addClass('modal-xl');\r\n\r\n // Requires Bootstrap 4.2.0 or higher\r\n if (options.fullBootstrapVersion.substring(0, 3) < '4.2') {\r\n console.warn('Using size \"xl\"/\"extra-large\" requires Bootstrap 4.2.0 or higher. You appear to be using ' + options.fullBootstrapVersion + '. Please upgrade to use this option.');\r\n }\r\n break;\r\n }\r\n }\r\n\r\n if (options.scrollable) {\r\n innerDialog.addClass('modal-dialog-scrollable');\r\n\r\n // Requires Bootstrap 4.3.0 or higher\r\n if (options.fullBootstrapVersion.substring(0, 3) < '4.3') {\r\n console.warn('Using \"scrollable\" requires Bootstrap 4.3.0 or higher. You appear to be using ' + options.fullBootstrapVersion + '. Please upgrade to use this option.');\r\n }\r\n }\r\n\r\n if(options.title || options.closeButton) {\r\n if (options.title) {\r\n header.find('.modal-title').html(options.title);\r\n }\r\n else {\r\n header.addClass('border-0');\r\n }\r\n\r\n if (options.closeButton) {\r\n let closeButton = $(templates.closeButton); \r\n if (options.bootstrap < 5) {\r\n closeButton.html('×');\r\n }\r\n\r\n /* Note: the close button for Bootstrap 5+ does not contain content */\r\n if(options.bootstrap < 4) {\r\n /* Bootstrap 3 and under */\r\n header.prepend(closeButton);\r\n }\r\n else {\r\n header.append(closeButton);\r\n }\r\n }\r\n\r\n body.before(header);\r\n }\r\n\r\n if (options.centerVertical) {\r\n innerDialog.addClass('modal-dialog-centered');\r\n\r\n // Requires Bootstrap 4.0.0-beta.3 or higher\r\n if (options.fullBootstrapVersion < '4.0.0') {\r\n console.warn('\"centerVertical\" requires Bootstrap 4.0.0-beta.3 or higher. You appear to be using ' + options.fullBootstrapVersion + '. Please upgrade to use this option.');\r\n }\r\n }\r\n\r\n // Bootstrap event listeners; these handle extra setup & teardown required after the underlying modal has performed certain actions.\r\n\r\n if(!options.reusable) {\r\n // make sure we unbind any listeners once the dialog has definitively been dismissed\r\n dialog.one('hide.bs.modal', { dialog: dialog }, unbindModal);\r\n dialog.one('hidden.bs.modal', { dialog: dialog }, destroyModal);\r\n }\r\n\r\n if (options.onHide) {\r\n if ($.isFunction(options.onHide)) {\r\n dialog.on('hide.bs.modal', options.onHide);\r\n }\r\n else {\r\n throw new Error('Argument supplied to \"onHide\" must be a function');\r\n }\r\n }\r\n\r\n if (options.onHidden) {\r\n if ($.isFunction(options.onHidden)) {\r\n dialog.on('hidden.bs.modal', options.onHidden);\r\n }\r\n else {\r\n throw new Error('Argument supplied to \"onHidden\" must be a function');\r\n }\r\n }\r\n\r\n if (options.onShow) {\r\n if ($.isFunction(options.onShow)) {\r\n dialog.on('show.bs.modal', options.onShow);\r\n }\r\n else {\r\n throw new Error('Argument supplied to \"onShow\" must be a function');\r\n }\r\n }\r\n\r\n dialog.one('shown.bs.modal', { dialog: dialog }, focusPrimaryButton);\r\n\r\n if (options.onShown) {\r\n if ($.isFunction(options.onShown)) {\r\n dialog.on('shown.bs.modal', options.onShown);\r\n }\r\n else {\r\n throw new Error('Argument supplied to \"onShown\" must be a function');\r\n }\r\n }\r\n\r\n // Bootbox event listeners; used to decouple some behaviours from their respective triggers\r\n\r\n if (options.backdrop === true) {\r\n let startedOnBody = false;\r\n\r\n // Prevents the event from propagating to the backdrop, when something inside the dialog is clicked\r\n dialog.on('mousedown', '.modal-content', function(e) {\r\n e.stopPropagation();\r\n\r\n startedOnBody = true;\r\n });\r\n\r\n // A boolean true/false according to the Bootstrap docs should show a dialog the user can dismiss by clicking on the background.\r\n // We always only ever pass static/false to the actual $.modal function because with \"true\" we can't trap this event (the .modal-backdrop swallows it).\r\n // However, we still want to sort-of respect true and invoke the escape mechanism instead\r\n dialog.on('click.dismiss.bs.modal', function (e) {\r\n if (startedOnBody || e.target !== e.currentTarget) {\r\n return;\r\n }\r\n\r\n dialog.trigger('escape.close.bb');\r\n });\r\n }\r\n\r\n dialog.on('escape.close.bb', function (e) {\r\n // The if() statement looks redundant but it isn't; without it, if we *didn't* have an onEscape handler then processCallback would automatically dismiss the dialog\r\n if (callbacks.onEscape) {\r\n processCallback(e, dialog, callbacks.onEscape);\r\n }\r\n });\r\n\r\n dialog.on('click', '.modal-footer button:not(.disabled)', function (e) {\r\n let callbackKey = $(this).data('bb-handler');\r\n\r\n if (callbackKey !== undefined) {\r\n // Only process callbacks for buttons we recognize:\r\n processCallback(e, dialog, callbacks[callbackKey]);\r\n }\r\n });\r\n\r\n dialog.on('click', '.bootbox-close-button', function (e) {\r\n // onEscape might be falsy, but that's fine; the fact is if the user has managed to click the close button we have to close the dialog, callback or not\r\n processCallback(e, dialog, callbacks.onEscape);\r\n });\r\n\r\n dialog.on('keyup', function (e) {\r\n if (e.which === 27) {\r\n dialog.trigger('escape.close.bb');\r\n }\r\n });\r\n\r\n /*\r\n The remainder of this method simply deals with adding our dialog element to the DOM, augmenting it with \r\n Bootstrap's modal functionality and then giving the resulting object back to our caller\r\n */\r\n\r\n $(options.container).append(dialog);\r\n\r\n dialog.modal({\r\n backdrop: options.backdrop,\r\n keyboard: false,\r\n show: false\r\n });\r\n\r\n if (options.show) {\r\n dialog.modal('show', options.relatedTarget);\r\n }\r\n\r\n return dialog;\r\n };\r\n\r\n\r\n /**\r\n * Helper function to simulate the native alert() behavior. **NOTE**: This is non-blocking, so any code that must happen after the alert is dismissed should be placed within the callback function for this alert.\r\n * @returns A jQuery object upon which Bootstrap's modal function has been called\r\n */\r\n exports.alert = function () {\r\n let options;\r\n\r\n options = mergeDialogOptions('alert', ['ok'], ['message', 'callback'], arguments);\r\n\r\n // @TODO: can this move inside exports.dialog when we're iterating over each button and checking its button.callback value instead?\r\n if (options.callback && !$.isFunction(options.callback)) {\r\n throw new Error('alert requires the \"callback\" property to be a function when provided');\r\n }\r\n\r\n // Override the ok and escape callback to make sure they just invoke the single user-supplied one (if provided)\r\n options.buttons.ok.callback = options.onEscape = function () {\r\n if ($.isFunction(options.callback)) {\r\n return options.callback.call(this);\r\n }\r\n\r\n return true;\r\n };\r\n\r\n return exports.dialog(options);\r\n };\r\n\r\n\r\n /**\r\n * Helper function to simulate the native confirm() behavior. **NOTE**: This is non-blocking, so any code that must happen after the confirm is dismissed should be placed within the callback function for this confirm.\r\n * @returns A jQuery object upon which Bootstrap's modal function has been called\r\n */\r\n exports.confirm = function () {\r\n let options;\r\n\r\n options = mergeDialogOptions('confirm', ['cancel', 'confirm'], ['message', 'callback'], arguments);\r\n\r\n // confirm specific validation; they don't make sense without a callback so make sure it's present\r\n if (!$.isFunction(options.callback)) {\r\n throw new Error('confirm requires a callback');\r\n }\r\n\r\n // Overrides; undo anything the user tried to set they shouldn't have\r\n options.buttons.cancel.callback = options.onEscape = function () {\r\n return options.callback.call(this, false);\r\n };\r\n\r\n options.buttons.confirm.callback = function () {\r\n return options.callback.call(this, true);\r\n };\r\n\r\n return exports.dialog(options);\r\n };\r\n\r\n\r\n /**\r\n * Helper function to simulate the native prompt() behavior. **NOTE**: This is non-blocking, so any code that must happen after the prompt is dismissed should be placed within the callback function for this prompt.\r\n * @returns A jQuery object upon which Bootstrap's modal function has been called\r\n */\r\n exports.prompt = function () {\r\n let options;\r\n let promptDialog;\r\n let form;\r\n let input;\r\n let shouldShow;\r\n let inputOptions;\r\n\r\n // We have to create our form first, otherwise its value is undefined when gearing up our options.\r\n // @TODO this could be solved by allowing message to be a function instead...\r\n form = $(templates.form);\r\n\r\n // prompt defaults are more complex than others in that users can override more defaults\r\n options = mergeDialogOptions('prompt', ['cancel', 'confirm'], ['title', 'callback'], arguments);\r\n\r\n if (!options.value) {\r\n options.value = defaults.value;\r\n }\r\n\r\n if (!options.inputType) {\r\n options.inputType = defaults.inputType;\r\n }\r\n\r\n // Capture the user's 'show' value; we always set this to false before spawning the dialog to give us a chance to attach some handlers to it, but we need to make sure we respect a preference not to show it\r\n shouldShow = (options.show === undefined) ? defaults.show : options.show;\r\n\r\n // This is required prior to calling the dialog builder below - we need to add an event handler just before the prompt is shown\r\n options.show = false;\r\n\r\n // Handles the 'cancel' action\r\n options.buttons.cancel.callback = options.onEscape = function () {\r\n return options.callback.call(this, null);\r\n };\r\n\r\n // Prompt submitted - extract the prompt value. This requires a bit of work, given the different input types available.\r\n options.buttons.confirm.callback = function () {\r\n let value;\r\n\r\n if (options.inputType === 'checkbox') {\r\n value = input.find('input:checked').map(function () {\r\n return $(this).val();\r\n }).get();\r\n } else if (options.inputType === 'radio') {\r\n value = input.find('input:checked').val();\r\n }\r\n else {\r\n let el = input[0];\r\n \r\n // Clear any previous custom error message\r\n if(options.errorMessage) {\r\n el.setCustomValidity('');\r\n }\r\n\r\n if (el.checkValidity && !el.checkValidity()) {\r\n // If a custom error message was provided, add it now\r\n if(options.errorMessage){\r\n el.setCustomValidity(options.errorMessage);\r\n }\r\n \r\n if(el.reportValidity) { \r\n el.reportValidity();\r\n }\r\n\r\n // prevents button callback from being called\r\n return false;\r\n } else {\r\n if (options.inputType === 'select' && options.multiple === true) {\r\n value = input.find('option:selected').map(function () {\r\n return $(this).val();\r\n }).get();\r\n }\r\n else {\r\n value = input.val();\r\n }\r\n }\r\n }\r\n\r\n return options.callback.call(this, value);\r\n };\r\n\r\n // prompt-specific validation\r\n if (!options.title) {\r\n throw new Error('prompt requires a title');\r\n }\r\n\r\n if (!$.isFunction(options.callback)) {\r\n throw new Error('prompt requires a callback');\r\n }\r\n\r\n if (!templates.inputs[options.inputType]) {\r\n throw new Error('Invalid prompt type');\r\n }\r\n\r\n // Create the input based on the supplied type\r\n input = $(templates.inputs[options.inputType]);\r\n\r\n switch (options.inputType) {\r\n case 'text':\r\n case 'textarea':\r\n case 'email':\r\n case 'password':\r\n input.val(options.value);\r\n\r\n if (options.placeholder) {\r\n input.attr('placeholder', options.placeholder);\r\n }\r\n\r\n if (options.pattern) {\r\n input.attr('pattern', options.pattern);\r\n }\r\n\r\n if (options.maxlength) {\r\n input.attr('maxlength', options.maxlength);\r\n }\r\n\r\n if (options.required) {\r\n input.prop({ 'required': true });\r\n }\r\n\r\n if (options.rows && !isNaN(parseInt(options.rows))) {\r\n if (options.inputType === 'textarea') {\r\n input.attr({ 'rows': options.rows });\r\n }\r\n }\r\n break;\r\n\r\n case 'date':\r\n case 'time':\r\n case 'number':\r\n case 'range':\r\n input.val(options.value);\r\n\r\n if (options.placeholder) {\r\n input.attr('placeholder', options.placeholder);\r\n }\r\n\r\n if (options.pattern) {\r\n input.attr('pattern', options.pattern);\r\n }\r\n else {\r\n if(options.inputType === 'date') {\r\n // Add the ISO-8601 short date format as a fallback for browsers without native type=\"date\" support\r\n input.attr('pattern', '\\d{4}-\\d{2}-\\d{2}');\r\n }\r\n else if(options.inputType === 'time') {\r\n // Add an HH:MM pattern as a fallback for browsers without native type=\"time\" support\r\n input.attr('pattern', '\\d{2}:\\d{2}');\r\n }\r\n }\r\n\r\n if (options.required) {\r\n input.prop({ 'required': true });\r\n }\r\n\r\n // These input types have extra attributes which affect their input validation.\r\n // Warning: For most browsers, date inputs are buggy in their implementation of 'step', so this attribute will have no effect. Therefore, we don't set the attribute for date inputs.\r\n // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#Setting_maximum_and_minimum_dates\r\n if (options.inputType !== 'date') {\r\n if (options.step) {\r\n if (options.step === 'any' || (!isNaN(options.step) && parseFloat(options.step) > 0)) {\r\n input.attr('step', options.step);\r\n }\r\n else {\r\n throw new Error('\"step\" must be a valid positive number or the value \"any\". See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-step for more information.');\r\n }\r\n }\r\n }\r\n\r\n if (minAndMaxAreValid(options.inputType, options.min, options.max)) {\r\n if (options.min !== undefined) {\r\n input.attr('min', options.min);\r\n }\r\n if (options.max !== undefined) {\r\n input.attr('max', options.max);\r\n }\r\n }\r\n break;\r\n\r\n case 'select':\r\n let groups = {};\r\n inputOptions = options.inputOptions || [];\r\n\r\n if (!$.isArray(inputOptions)) {\r\n throw new Error('Please pass an array of input options');\r\n }\r\n\r\n if (!inputOptions.length) {\r\n throw new Error('prompt with \"inputType\" set to \"select\" requires at least one option');\r\n }\r\n\r\n if (options.required) {\r\n input.prop({ 'required': true });\r\n }\r\n\r\n if (options.multiple) {\r\n input.prop({ 'multiple': true });\r\n }\r\n\r\n each(inputOptions, function (_, option) {\r\n // Assume the element to attach to is the input...\r\n let elem = input;\r\n\r\n if (option.value === undefined || option.text === undefined) {\r\n throw new Error('each option needs a \"value\" property and a \"text\" property');\r\n }\r\n\r\n // ... but override that element if this option sits in a group\r\n\r\n if (option.group) {\r\n // Initialise group if necessary\r\n if (!groups[option.group]) {\r\n groups[option.group] = $('').attr('label', option.group);\r\n }\r\n\r\n elem = groups[option.group];\r\n }\r\n\r\n let o = $(templates.option);\r\n o.attr('value', option.value).text(option.text);\r\n elem.append(o);\r\n });\r\n\r\n each(groups, function (_, group) {\r\n input.append(group);\r\n });\r\n\r\n // Safe to set a select's value as per a normal input\r\n input.val(options.value);\r\n if (options.bootstrap < 5) {\r\n input.removeClass('form-select').addClass('form-control');\r\n }\r\n break;\r\n\r\n case 'checkbox':\r\n let checkboxValues = $.isArray(options.value) ? options.value : [options.value];\r\n inputOptions = options.inputOptions || [];\r\n\r\n if (!inputOptions.length) {\r\n throw new Error('prompt with \"inputType\" set to \"checkbox\" requires at least one option');\r\n }\r\n\r\n // Checkboxes have to nest within a containing element, so they break the rules a bit and we end up re-assigning our 'input' element to this container instead\r\n input = $('');\r\n\r\n each(inputOptions, function (_, option) {\r\n if (option.value === undefined || option.text === undefined) {\r\n throw new Error('each option needs a \"value\" property and a \"text\" property');\r\n }\r\n\r\n let checkbox = $(templates.inputs[options.inputType]);\r\n\r\n checkbox.find('input').attr('value', option.value);\r\n checkbox.find('label').append('\\n' + option.text);\r\n\r\n // We've ensured values is an array, so we can always iterate over it\r\n each(checkboxValues, function (_, value) {\r\n if (value === option.value) {\r\n checkbox.find('input').prop('checked', true);\r\n }\r\n });\r\n\r\n input.append(checkbox);\r\n });\r\n break;\r\n\r\n case 'radio':\r\n // Make sure that value is not an array (only a single radio can ever be checked)\r\n if (options.value !== undefined && $.isArray(options.value)) {\r\n throw new Error('prompt with \"inputType\" set to \"radio\" requires a single, non-array value for \"value\"');\r\n }\r\n\r\n inputOptions = options.inputOptions || [];\r\n\r\n if (!inputOptions.length) {\r\n throw new Error('prompt with \"inputType\" set to \"radio\" requires at least one option');\r\n }\r\n\r\n // Radiobuttons have to nest within a containing element, so they break the rules a bit and we end up re-assigning our 'input' element to this container instead\r\n input = $('');\r\n\r\n // Radiobuttons should always have an initial checked input checked in a \"group\".\r\n // If value is undefined or doesn't match an input option, select the first radiobutton\r\n let checkFirstRadio = true;\r\n\r\n each(inputOptions, function (_, option) {\r\n if (option.value === undefined || option.text === undefined) {\r\n throw new Error('each option needs a \"value\" property and a \"text\" property');\r\n }\r\n\r\n let radio = $(templates.inputs[options.inputType]);\r\n\r\n radio.find('input').attr('value', option.value);\r\n radio.find('label').append('\\n' + option.text);\r\n\r\n if (options.value !== undefined) {\r\n if (option.value === options.value) {\r\n radio.find('input').prop('checked', true);\r\n checkFirstRadio = false;\r\n }\r\n }\r\n\r\n input.append(radio);\r\n });\r\n\r\n if (checkFirstRadio) {\r\n input.find('input[type=\"radio\"]').first().prop('checked', true);\r\n }\r\n break;\r\n }\r\n\r\n // Now place it in our form\r\n form.append(input);\r\n\r\n form.on('submit', function (e) {\r\n e.preventDefault();\r\n // Fix for SammyJS (or similar JS routing library) hijacking the form post.\r\n e.stopPropagation();\r\n\r\n // @TODO can we actually click *the* button object instead?\r\n // e.g. buttons.confirm.click() or similar\r\n promptDialog.find('.bootbox-accept').trigger('click');\r\n });\r\n\r\n if ($.trim(options.message) !== '') {\r\n // Add the form to whatever content the user may have added.\r\n let message = $(templates.promptMessage).html(options.message);\r\n form.prepend(message);\r\n options.message = form;\r\n }\r\n else {\r\n options.message = form;\r\n }\r\n\r\n // Generate the dialog\r\n promptDialog = exports.dialog(options);\r\n\r\n // Clear the existing handler focusing the submit button...\r\n promptDialog.off('shown.bs.modal', focusPrimaryButton);\r\n\r\n // ...and replace it with one focusing our input, if possible\r\n promptDialog.on('shown.bs.modal', function () {\r\n // Need the closure here since input isn'tcan object otherwise\r\n input.focus();\r\n });\r\n\r\n if (shouldShow === true) {\r\n promptDialog.modal('show');\r\n }\r\n\r\n return promptDialog;\r\n };\r\n\r\n\r\n // INTERNAL FUNCTIONS\r\n // *************************************************************************************************************\r\n\r\n // Map a flexible set of arguments into a single returned object.\r\n // If args.length is already one just return it, otherwise use the properties argument to map the unnamed args to object properties.\r\n // So in the latter case:\r\n //\r\n // mapArguments([\"foo\", $.noop], [\"message\", \"callback\"])\r\n // \r\n // results in\r\n //\r\n // { message: \"foo\", callback: $.noop }\r\n //\r\n function mapArguments(args, properties) {\r\n let argsLength = args.length;\r\n let options = {};\r\n\r\n if (argsLength < 1 || argsLength > 2) {\r\n throw new Error('Invalid argument length');\r\n }\r\n\r\n if (argsLength === 2 || typeof args[0] === 'string') {\r\n options[properties[0]] = args[0];\r\n options[properties[1]] = args[1];\r\n } else {\r\n options = args[0];\r\n }\r\n\r\n return options;\r\n }\r\n\r\n\r\n // Merge a set of default dialog options with user supplied arguments\r\n function mergeArguments(defaults, args, properties) {\r\n return $.extend(\r\n // Deep merge\r\n true,\r\n // Ensure the target is an empty, unreferenced object\r\n {},\r\n // The base options object for this type of dialog (often just buttons)\r\n defaults,\r\n // 'args' could be an object or array; if it's an array properties will map it to a proper options object\r\n mapArguments(args, properties)\r\n );\r\n }\r\n\r\n\r\n // This entry-level method makes heavy use of composition to take a simple range of inputs and return valid options suitable for passing to bootbox.dialog\r\n function mergeDialogOptions(className, labels, properties, args) {\r\n let locale;\r\n if (args && args[0]) {\r\n locale = args[0].locale || defaults.locale;\r\n let swapButtons = args[0].swapButtonOrder || defaults.swapButtonOrder;\r\n\r\n if (swapButtons) {\r\n labels = labels.reverse();\r\n }\r\n }\r\n\r\n // Build up a base set of dialog properties\r\n let baseOptions = {\r\n className: 'bootbox-' + className,\r\n buttons: createLabels(labels, locale)\r\n };\r\n\r\n // Ensure the buttons properties generated, *after* merging with user args are still valid against the supplied labels\r\n return validateButtons(\r\n // Merge the generated base properties with user supplied arguments\r\n mergeArguments(\r\n baseOptions,\r\n args,\r\n // If args.length > 1, properties specify how each arg maps to an object key\r\n properties\r\n ),\r\n labels\r\n );\r\n }\r\n\r\n\r\n // Checks each button object to see if key is valid. \r\n // This function will only be called by the alert, confirm, and prompt helpers. \r\n function validateButtons(options, buttons) {\r\n let allowedButtons = {};\r\n each(buttons, function (key, value) {\r\n allowedButtons[value] = true;\r\n });\r\n\r\n each(options.buttons, function (key) {\r\n if (allowedButtons[key] === undefined) {\r\n throw new Error('button key \"' + key + '\" is not allowed (options are ' + buttons.join(' ') + ')');\r\n }\r\n });\r\n\r\n return options;\r\n }\r\n\r\n\r\n // From a given list of arguments, return a suitable object of button labels.\r\n // All this does is normalise the given labels and translate them where possible.\r\n // e.g. \"ok\", \"confirm\" -> { ok: \"OK\", cancel: \"Annuleren\" }\r\n function createLabels(labels, locale) {\r\n let buttons = {};\r\n\r\n for (let i = 0, j = labels.length; i < j; i++) {\r\n let argument = labels[i];\r\n let key = argument.toLowerCase();\r\n let value = argument.toUpperCase();\r\n\r\n buttons[key] = {\r\n label: getText(value, locale)\r\n };\r\n }\r\n\r\n return buttons;\r\n }\r\n\r\n\r\n // Get localized text from a locale. Defaults to 'en' locale if no locale provided or a non-registered locale is requested\r\n function getText(key, locale) {\r\n let labels = locales[locale];\r\n\r\n return labels ? labels[key] : locales.en[key];\r\n }\r\n\r\n\r\n // Filter and tidy up any user supplied parameters to this dialog.\r\n // Also looks for any shorthands used and ensures that the options which are returned are all normalized properly\r\n function sanitize(options) {\r\n let buttons;\r\n let total;\r\n\r\n if (typeof options !== 'object') {\r\n throw new Error('Please supply an object of options');\r\n }\r\n\r\n if (!options.message) {\r\n throw new Error('\"message\" option must not be null or an empty string.');\r\n }\r\n\r\n // Make sure any supplied options take precedence over defaults\r\n options = $.extend({}, defaults, options);\r\n\r\n // Make sure backdrop is either true, false, or 'static'\r\n if (!options.backdrop) {\r\n options.backdrop = (options.backdrop === false || options.backdrop === 0) ? false : 'static';\r\n } else {\r\n options.backdrop = typeof options.backdrop === 'string' && options.backdrop.toLowerCase() === 'static' ? 'static' : true;\r\n } \r\n\r\n // No buttons is still a valid dialog but it's cleaner to always have a buttons object to iterate over, even if it's empty\r\n if (!options.buttons) {\r\n options.buttons = {};\r\n }\r\n \r\n buttons = options.buttons;\r\n\r\n total = getKeyLength(buttons);\r\n\r\n each(buttons, function (key, button, index) {\r\n if ($.isFunction(button)) {\r\n // Short form, assume value is our callback. Since button isn't an object it isn't a reference either so re-assign it\r\n button = buttons[key] = {\r\n callback: button\r\n };\r\n }\r\n\r\n // Before any further checks, make sure button is the correct type\r\n if ($.type(button) !== 'object') {\r\n throw new Error('button with key \"' + key + '\" must be an object');\r\n }\r\n\r\n if (!button.label) {\r\n // The lack of an explicit label means we'll assume the key is good enough\r\n button.label = key;\r\n }\r\n\r\n if (!button.className) {\r\n let isPrimary = false;\r\n if (options.swapButtonOrder) {\r\n isPrimary = index === 0;\r\n }\r\n else {\r\n isPrimary = index === total - 1;\r\n }\r\n\r\n if (total <= 2 && isPrimary) {\r\n // always add a primary to the main option in a one or two-button dialog\r\n button.className = 'btn-primary';\r\n } \r\n else {\r\n // adding both classes allows us to target both BS3 and BS4+ without needing to check the version\r\n button.className = 'btn-secondary btn-default';\r\n }\r\n }\r\n });\r\n\r\n return options;\r\n }\r\n\r\n\r\n // Returns a count of the properties defined on the object\r\n function getKeyLength(obj) {\r\n return Object.keys(obj).length;\r\n }\r\n\r\n\r\n // Tiny wrapper function around jQuery.each; just adds index as the third parameter\r\n function each(collection, iterator) {\r\n let index = 0;\r\n $.each(collection, function (key, value) {\r\n iterator(key, value, index++);\r\n });\r\n }\r\n\r\n\r\n function focusPrimaryButton(e) {\r\n e.data.dialog.find('.bootbox-accept').first().trigger('focus');\r\n }\r\n\r\n\r\n function destroyModal(e) {\r\n // Ensure we don't accidentally intercept hidden events triggered by children of the current dialog. \r\n // We shouldn't need to handle this anymore, now that Bootstrap namespaces its events, but still worth doing.\r\n if (e.target === e.data.dialog[0]) {\r\n e.data.dialog.remove();\r\n }\r\n }\r\n\r\n\r\n function unbindModal(e) {\r\n if (e.target === e.data.dialog[0]) {\r\n e.data.dialog.off('escape.close.bb');\r\n e.data.dialog.off('click');\r\n }\r\n }\r\n\r\n\r\n // Handle the invoked dialog callback\r\n function processCallback(e, dialog, callback) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n // By default we assume a callback will get rid of the dialog, although it is given the opportunity to override this\r\n\r\n // If the callback can be invoked and it *explicitly returns false*, then we'll set a flag to keep the dialog active...\r\n let preserveDialog = $.isFunction(callback) && callback.call(dialog, e) === false;\r\n\r\n // ... otherwise we'll bin it\r\n if (!preserveDialog) {\r\n dialog.modal('hide');\r\n }\r\n }\r\n\r\n // Validate `min` and `max` values based on the current `inputType` value\r\n function minAndMaxAreValid(type, min, max) {\r\n let result = false;\r\n let minValid = true;\r\n let maxValid = true;\r\n\r\n if (type === 'date') {\r\n if (min !== undefined && !(minValid = dateIsValid(min))) {\r\n console.warn('Browsers which natively support the \"date\" input type expect date values to be of the form \"YYYY-MM-DD\" (see ISO-8601 https://www.iso.org/iso-8601-date-and-time-format.html). Bootbox does not enforce this rule, but your min value may not be enforced by this browser.');\r\n }\r\n else if (max !== undefined && !(maxValid = dateIsValid(max))) {\r\n console.warn('Browsers which natively support the \"date\" input type expect date values to be of the form \"YYYY-MM-DD\" (see ISO-8601 https://www.iso.org/iso-8601-date-and-time-format.html). Bootbox does not enforce this rule, but your max value may not be enforced by this browser.');\r\n }\r\n }\r\n else if (type === 'time') {\r\n if (min !== undefined && !(minValid = timeIsValid(min))) {\r\n throw new Error('\"min\" is not a valid time. See https://www.w3.org/TR/2012/WD-html-markup-20120315/datatypes.html#form.data.time for more information.');\r\n }\r\n else if (max !== undefined && !(maxValid = timeIsValid(max))) {\r\n throw new Error('\"max\" is not a valid time. See https://www.w3.org/TR/2012/WD-html-markup-20120315/datatypes.html#form.data.time for more information.');\r\n }\r\n }\r\n else {\r\n if (min !== undefined && isNaN(min)) {\r\n minValid = false;\r\n throw new Error('\"min\" must be a valid number. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-min for more information.');\r\n }\r\n\r\n if (max !== undefined && isNaN(max)) {\r\n maxValid = false;\r\n throw new Error('\"max\" must be a valid number. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-max for more information.');\r\n }\r\n }\r\n\r\n if (minValid && maxValid) {\r\n if (max <= min) {\r\n throw new Error('\"max\" must be greater than \"min\". See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-max for more information.');\r\n }\r\n else {\r\n result = true;\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n function timeIsValid(value) {\r\n return /([01][0-9]|2[0-3]):[0-5][0-9]?:[0-5][0-9]/.test(value);\r\n }\r\n\r\n function dateIsValid(value) {\r\n return /(\\d{4})-(\\d{2})-(\\d{2})/.test(value);\r\n }\r\n\r\n // The Bootbox object\r\n return exports;\r\n}));\r\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'alert'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n}\n\nconst Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n let rootElement = this._element\n if (element) {\n rootElement = this._getRootElement(element)\n }\n\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n)\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Alert._jQueryInterface\n$.fn[NAME].Constructor = Alert\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n}\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'collapse'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n toggle : true,\n parent : ''\n}\n\nconst DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n}\n\nconst Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n}\n\nconst Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n}\n\nconst Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = [].slice.call(document.querySelectorAll(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n\n const toggleList = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE))\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i]\n const selector = Util.getSelectorFromElement(elem)\n const filterElement = [].slice.call(document.querySelectorAll(selector))\n .filter((foundElem) => foundElem === element)\n\n if (selector !== null && filterElement.length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(Selector.ACTIVES))\n .filter((elem) => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-parent') === this._config.parent\n }\n\n return elem.classList.contains(ClassName.COLLAPSE)\n })\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent\n\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n const children = [].slice.call(parent.querySelectorAll(selector))\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n const selectors = [].slice.call(document.querySelectorAll(selector))\n\n $(selectors).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Collapse._jQueryInterface\n$.fn[NAME].Constructor = Collapse\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n}\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'modal'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\nconst Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n}\n\nconst DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n}\n\nconst Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SCROLLABLE : 'modal-dialog-scrollable',\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n}\n\nconst Selector = {\n DIALOG : '.modal-dialog',\n MODAL_BODY : '.modal-body',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = element.querySelector(Selector.DIALOG)\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._isTransitioning = false\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isShown || this._isTransitioning) {\n return\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (!this._isShown || this._isTransitioning) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n [window, this._element, this._dialog]\n .forEach((htmlElement) => $(htmlElement).off(EVENT_KEY))\n\n /**\n * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `Event.CLICK_DATA_API` event that should remain\n */\n $(document).off(Event.FOCUSIN)\n\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._isTransitioning = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.setAttribute('aria-modal', true)\n\n if ($(this._dialog).hasClass(ClassName.SCROLLABLE)) {\n this._dialog.querySelector(Selector.MODAL_BODY).scrollTop = 0\n } else {\n this._element.scrollTop = 0\n }\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._element.removeAttribute('aria-modal')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(Selector.STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n\n $(document.body).addClass(ClassName.OPEN)\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${Selector.STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = document.querySelector(selector)\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Modal._jQueryInterface\n$.fn[NAME].Constructor = Modal\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n}\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'scrollspy'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n offset : 10,\n method : 'auto',\n target : ''\n}\n\nconst DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n}\n\nconst Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n}\n\nconst Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n}\n\nconst OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n const offsetLength = this._offsets.length\n for (let i = offsetLength; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n const queries = this._selector\n .split(',')\n .map((selector) => `${selector}[data-target=\"${target}\"],${selector}[href=\"${target}\"]`)\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both
- and