https://savilerowco.com/cdn/shop/t/377/assets/component-SiteHeader.min.js?v=174285518847444786991790073442

1// !!!! - DO NOT MODIFY - !!!!
2// THIS FILE IS DEPLOYED AUTOMATICALLY BY MATTv2.
3//
4//  Deployment info:
5//    Updated at:     2024-10-24T12:26:33+00:00
6//    Cause:          Manual deployment.
7//    Deployment ID:  184610
8//    Project:        557
9//    Environment:    5377 - master
10//    MD5:            589a885736ceb9f2e6cba4a77fea8716
11//    Signature:      eyJpdiI6Ik85UDYxUWZubGFGMTdKYll4amRnSkE9PSIsInZhbHVlIjoiYnl6VVV3VUM2ZzUyXC8yVkVEWU01MlZRQVB4b1wvNXJZczVuOUVxNmE2ZDNJajlyd1BheDJRTTZRbFhRcEs4SFVkaGRMZGFyMTlZZk9XQ090dERmOUlcL0sySXo2ZUp1WjNaXC83VUU3M2RMK2ExT1pcL3BNZmZxQzJtcElUT0hReFM2U2JWdFpEWFpaUzNaZTlIR0tOS2sycnhTXC9nMFJmK2dtVnpkTWlMU1g3MGRDelNrQjFPM1J5ZmdRQ1Vvdk9aQkhkYitXRUpSK0lhOERuWFVSclVVbTdGTGc1T0UwQkxFYjk5ak5za1VWRUxWeW1PYW5BRFZVczhvaHFpeEdFaDIreTJhS3FZWGVhOGJBTmR5Sk84UWF6VU5Ya1F0UXhzT3QrQ2RXTk9uMUo0c0t0YVVCdG9jTEh1eVNVV2UyWGtac3h6bFB2SmxCOWg4c3lkbHBXWTMrNkFFdlBYRUw4OU1Rd0MzdTA2ak5qV3lNdzQ4cFRVY05OVm5CM0pJcUZGTVFxcFZtbkkwY1VTU0xtTWdBcWJqOTI2NFFKeWtURTBxVFdxa3hcL1R6ZVZwR1U9IiwibWFjIjoiNjg5ZDE3MjE0NzY5YmVlNzZmY2M3ZDQ3MDhmYjczYzdjNDhkODJjYzNiODA3ZjQ0NDU0NTRhNzgxYWMzMGJlZCJ9
12var n=Object.defineProperty;var o=(i,e)=>n(i,"name",{value:e,configurable:!0});import"./component-DrawerContainer.min.js";import"./component-DrawerHeader.min.js";import"./component-IconCount.min.js";import"./component-PredictiveSearch.min.js";import{ThemeComponent as h,cart as c}from"./theme.min.js";import"./component-SiteHeader.min.js";import"./component-BodyOverlay.min.js";import"./vendor.min.js";import"./component-SearchField.min.js";import"./component-IconCircle.min.js";class s extends h{constructor(){super(...arguments),this.menuDrawer=null,this.menuDrawerIsActive=!1,this.searchDrawer=null,this.searchDrawerHeader=null,this.searchDrawerIsActive=!1,this.sideCartDrawer=null,this.cartCount=null}init(){this.menuDrawer=document.querySelector(".drawer-container--mobile-menu"),this.searchDrawer=document.querySelector(".drawer-container--mobile-search"),this.searchDrawer&&(this.searchDrawerHeader=this.searchDrawer.querySelector("drawer-header")),this.sideCartDrawer=document.querySelector(".drawer-container--side-cart"),this.cartCount=[...this.querySelectorAll(".site-header__count")],this.listenForMenuDrawerTriggerClicks(),this.listenForSearchDrawerTriggerClicks(),this.listenForSideCartTriggerClick(),this.listenForSearchDrawerClose(),this.$subscribe(c.onChange,()=>this.updateItemCount()),this.updateItemCount()}listenForMenuDrawerTriggerClicks(){for(const e of this.menuDrawerTrigger)this.$listen(e,"click",()=>{this.handleMenuDrawer()})}handleMenuDrawer(){this.menuDrawerIsActive?this.closeMenu():this.openMenu()}closeMenu(){var e;(e=this.menuDrawer)==null||e.close(),this.menuDrawerIsActive=!1;for(const r of this.menuDrawerTrigger)r.classList.remove("is-active")}openMenu(){var e;(e=this.menuDrawer)==null||e.open(),this.menuDrawerIsActive=!0;for(const r of this.menuDrawerTrigger)r.classList.add("is-active")}listenForSearchDrawerTriggerClicks(){this.$listen(this.searchDrawerTrigger,"click",()=>{var r,t,a;const e=(r=this.searchDrawer)==null?void 0:r.querySelector("predictive-search");this.searchDrawerIsActive?((t=this.searchDrawer)==null||t.close(),this.searchDrawerIsActive=!1,this.searchDrawerTrigger.classList.remove("is-active"),e&&e.close()):((a=this.searchDrawer)==null||a.open(),this.searchDrawerIsActive=!0,this.searchDrawerTrigger.classList.add("is-active"),e&&e.open())})}listenForSideCartTriggerClick(){for(const e of this.sideCartTrigger)this.$listen(e,"click",r=>{var t;(t=this.sideCartDrawer)==null||t.open()})}listenForSearchDrawerClose(){this.searchDrawerHeader&&this.$subscribe(this.searchDrawerHeader.onCloseChange,()=>{var e;(e=this.searchDrawer)==null||e.close(),this.searchDrawerIsActive=!1,this.searchDrawerTrigger.classList.remove("is-active")})}updateItemCount(){const e=c.getCartItemCount();if(this.cartCount)for(const r of this.cartCount){const t=r;t==null||t.updateCount(String(e))}}}o(s,"SiteHeader");const p={};s.prototype.$name="SiteHeader";s.prototype.$info=JSON.parse('{"name":"SiteHeader","meta":{"isLegacy":false,"selector":"site-header"},"props":[],"refs":[{"selector":"[data-ref=\\"menuDrawerTrigger\\"]","required":true,"propertyKey":"menuDrawerTrigger","propertyType":"Array","propertyTypeName":"Array","propertyTsTypeName":"HTMLElement[]"},{"selector":"[data-ref=\\"sideCartTrigger\\"]","required":true,"propertyKey":"sideCartTrigger","propertyType":"Array","propertyTypeName":"Array","propertyTsTypeName":"HTMLButtonElement[]"},{"selector":"[data-ref=\\"searchDrawerTrigger\\"]","required":true,"propertyKey":"searchDrawerTrigger","propertyType":"Object","propertyTypeName":"Object","propertyTsTypeName":"HTMLButtonElement"}]}');s.prototype.$info.component=s;for(const i of s.prototype.$info.props)i.propertyType=p[i.propertyType];window.componentService.registerComponent("SiteHeader/SiteHeader.ts",{SiteHeader:s},void 0);
13
14;(() => {
15    const style = document.createElement('style');
16    style.innerHTML = "/* component-SiteHeader.css */\n.site-header{display:block;position:relative;z-index:var(--z-infront);background-color:var(--color-background)}.site-header__container{position:relative;min-height:50px}.site-header__col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-16)}.site-header__col--mobile{width:4.625rem}.site-header__col--desktop{display:none}.site-header__menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-32)}.site-header__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15.5rem;padding:var(--spacing-12) 0}.site-header__logo__link{height:1.375rem}.site-header__logo .site-logo{height:100%;max-width:220px}.site-header__button{position:relative}.site-header__button--disabled{pointer-events:none}.site-header__button--menu .icon--close,.site-header__button--menu.is-active .icon--burger{display:none}.site-header__button--menu.is-active .icon--close{display:block}@media (min-width: 1024px){.site-header--left .site-header__container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-header--left .site-header__logo{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.site-header--left .site-header__col--desktop:last-child{margin-left:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.site-header--center .site-header__col--desktop:last-child{margin-left:0}.site-header__col{gap:var(--spacing-20);gap:var(--spacing-32)}.site-header__col--mobile{display:none}.site-header__col--desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.site-header__logo{padding:var(--spacing-24) 0}}@media (min-width: 1200px){.site-header__col{gap:var(--spacing-28)}.site-header__logo__link{height:2rem}}@media (max-width: 1023px){.site-header__logo{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}\n";
17    document.body.appendChild(style);
18})();