https://www.accessorize.com/on/demandware.static/Sites-accessorize…/v1791007581080/js/global/StickyHeader.js

1"use strict";(self.webpackChunkmnsn=self.webpackChunkmnsn||[]).push([[4395],{59124:function(e,t,i){i.r(t),i.d(t,{default:function(){return p}});var r=i(8207),s=i(91076),o=i(75451),n=i(44396),c=i(6554),a=i(43047);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function h(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e){if("object"!=l(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=l(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==l(t)?t:t+""}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(u,e);var t,i,s=function(e){var t=y();return function(){var i,r=f(e);if(t){var s=f(this).constructor;i=Reflect.construct(r,arguments,s)}else i=r.apply(this,arguments);return function(e,t){if(t&&("object"==l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,i)}}(u);function u(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),s.apply(this,arguments)}return t=u,i=[{key:"initCache",value:function(){this.selectors.maincontent=document.querySelector(a.MAINCONTENT_SELECTOR),this.selectors.header=document.querySelector(a.HEADER_SELECTOR),this.selectors.stickyHeaderWrapper=this.element.querySelector(a.HEADER_CONTENT_SELECTOR),this.selectors.stickyHeader=this.element.querySelector(a.HEADER_MAIN_SELECTOR),this.selectors.headerLine=this.element.querySelector(a.HEADER_TOP_SELECTOR),this.selectors.headerCookieErrorContainer=this.element.querySelector(a.HEADER_COOKIE_ERROR_SELECTOR),this.selectors.burger=this.element.querySelector(a.HEADER_BURGER_SELECTOR)}},{key:"initState",value:function(){this.prevY=0,this.delay=50,this.startSticky=this.selectors.headerLine.offsetHeight,this.stickyHeaderSize=this.selectors.stickyHeader.offsetHeight,this.checkState=(0,n.s)(this.setSticky.bind(this),this.delay),this.updateCssVar(),this.setSticky(),navigator.cookieEnabled?this.hideElement(this.selectors.headerCookieErrorContainer):this.showElement(this.selectors.headerCookieErrorContainer)}},{key:"bindEvents",value:function(){(0,o.on)("scroll",window,this.checkState),(0,o.on)("load",window,this.updateCssVar.bind(this,200)),r.J.on("stickyBarState.changed",this.update,this),r.J.on("slidingPanelState.changed",this.reveal,this)}},{key:"setSticky",value:function(){var e=document.body.classList.contains(a.LOCKED),t=this.prevY,i=this.isScrollingUp();this.prevY=window.pageYOffset,t!==this.prevY&&(this.isSticky=c.B.is("medium down")?this.getMobileState(t):this.getDesktopState(),this.isStickyBazaar=c.B.is("small down")?this.getMobileState(t):this.getDesktopState(),this.element.classList.toggle(a.STICKY,this.isSticky),this.element.classList.toggle(a.STICKY_BAZAAR,this.isStickyBazaar),e||r.J.emit("page.scrollTop",{isScrolledTop:i,isPageLocked:e}),this.selectors.header.classList.toggle(a.INVISIBLE_HEADER,this.hideMobileHeader(t)),this.selectors.header.classList.toggle(a.SCROLL_UP,i),this.selectors.header.classList.toggle(a.SCROLL_DOWN,!i),this.selectors.maincontent.classList.toggle(a.SCROLL_UP,i),r.J.emit("header.sticky",{isSticky:this.isSticky,isStickyBazaar:this.isSticky}))}},{key:"reveal",value:function(e){if(!e)return this.element.removeAttribute("top"),!1;this.selectors.header.classList.remove(a.INVISIBLE_HEADER),this.element.style.top=0}},{key:"hideMobileHeader",value:function(e){return window.pageYOffset>e&&window.pageYOffset>this.headerHeight}},{key:"getDesktopState",value:function(){return window.pageYOffset>this.startSticky}},{key:"getMobileState",value:function(e){return window.pageYOffset<e&&window.pageYOffset>this.startSticky}},{key:"isScrollingUp",value:function(){var e=this.prevY;return this.prevY=window.pageYOffset,this.prevY<1||this.prevY<e}},{key:"update",value:function(e){c.B.is("large")&&(this.element.style.top=e?0:-1*this.stickyHeaderSize+"px",this.element.classList.toggle(a.STICKY_HIDDEN,!e))}},{key:"updateCssVar",value:function(){var e=this;setTimeout(function(){e.headerHeight=e.selectors.stickyHeaderWrapper?Math.round(e.selectors.stickyHeaderWrapper.getBoundingClientRect().bottom):0,document.documentElement.style.setProperty("--header-height","".concat(e.headerHeight,"px")),document.documentElement.style.setProperty("--sticky-header-height","".concat(e.stickyHeaderSize,"px")),document.documentElement.style.setProperty("--initial-header-height","".concat(e.selectors.stickyHeaderWrapper.offsetHeight,"px")),document.documentElement.style.setProperty("--top-header-height","".concat(e.selectors.headerLine.offsetHeight,"px")),document.documentElement.style.setProperty("--main-header-height","".concat(e.stickyHeaderSize+e.startSticky,"px")),(e.selectors.header.classList.contains(a.INVISIBLE_HEADER)||e.selectors.header.classList.contains(a.STICKY))&&(e.selectors.header.classList.remove(a.INVISIBLE_HEADER),e.selectors.header.classList.remove(a.STICKY),r.J.emit("header.sticky",{isSticky:!1,isStickyBazaar:!1}),document.documentElement.style.setProperty("--initial-header-height","".concat(e.selectors.stickyHeaderWrapper.offsetHeight,"px")),document.documentElement.style.setProperty("--top-header-height","".concat(e.selectors.headerLine.offsetHeight,"px")),e.selectors.header.classList.add(a.INVISIBLE_HEADER),e.selectors.header.classList.add(a.STICKY),r.J.emit("header.sticky",{isSticky:e.isSticky,isStickyBazaar:e.isSticky}))},arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)}},{key:"destroy",value:function(){(0,o.AU)("scroll",window,this.checkState),r.J.off("stickyBarState.changed",this.update)}}

1],i&&h(t.prototype,i),Object.defineProperty(t,"prototype",{writable:!1}),u}(s.A)}}]);