https://kuradashi.jp/cdn/shop/t/78/assets/lit-header.js?v=131510046610767325111788399170

1import{i as e,A as t,t as s,e as r,E as n,S as i}from"./lit-vendor-BPR_4Vuj.js";var o=Object.getOwnPropertyDescriptor;let l=class extends e{constructor(){super(...arguments),this.lastScrollY=0,this.handleScroll=null,this.spacer=null,this.nav=null,this.resizeObserver=null,this.headerBlockHeight=0,this.updateLayout=()=>{if(!this.spacer)return;const e=this.nav?.closest(".shopify-section"),t=e?e.offsetHeight:0,s=this.offsetHeight+t;this.headerBlockHeight=s,e&&(e.style.top=`${this.offsetHeight}px`),this.spacer.style.height=`${s}px`,document.documentElement.style.setProperty("--v2-header-height",`${s}px`)}}createRenderRoot(){return this}render(){return t}connectedCallback(){super.connectedCallback();const e="true"===this.dataset.stickyEnabled;if(this.style.display="block",!e)return;this.style.position="fixed",this.style.top="0",this.style.left="0",this.style.width="100%",this.style.zIndex="11",this.style.transition="transform 200ms ease",this.nav=document.querySelector("[data-header-nav]");const t=this.nav?.closest(".shopify-section");t&&(t.style.position="fixed",t.style.left="0",t.style.width="100%",t.style.zIndex="10",t.style.transition="transform 200ms ease"),this.spacer=document.createElement("div"),this.spacer.style.display="block",t?t.after(this.spacer):this.after(this.spacer),this.resizeObserver=new ResizeObserver(this.updateLayout),this.resizeObserver.observe(this),t&&this.resizeObserver.observe(t),this.lastScrollY=window.scrollY;const s=()=>{this.style.transform="translateY(0)",t&&(t.style.transform="translateY(0)")},r=()=>{this.style.transform="translateY(-100%)",t&&(t.style.transform=`translateY(-${this.headerBlockHeight}px)`)};this.handleScroll=()=>{const e=window.scrollY,t=e-this.lastScrollY;e<=this.headerBlockHeight?s():t>l.SCROLL_THRESHOLD?r():t<-l.SCROLL_THRESHOLD&&s(),this.lastScrollY=e},window.addEventListener("scroll",this.handleScroll,{passive:!0}),this.updateLayout()}disconnectedCallback(){super.disconnectedCallback(),this.handleScroll&&(window.removeEventListener("scroll",this.handleScroll),this.handleScroll=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.spacer&&(this.spacer.remove(),this.spacer=null),document.documentElement.style.removeProperty("--v2-header-height")}};l.SCROLL_THRESHOLD=10,l=((e,t,s,r)=>{for(var n,i=r>1?void 0:r?o(t,s):t,l=e.length-1;l>=0;l--)(n=e[l])&&(i=n(i)||i);return i})([s("kd-header-sticky")],l);var c=Object.getOwnPropertyDescriptor;let a=class extends e{constructor(){super(...arguments),this.handleClick=null}createRenderRoot(){return this}render(){return t}connectedCallback(){super.connectedCallback(),this.handleClick=e=>{e.preventDefault(),r(this,n.HEADER.MENU_TOGGLE,{})};const e=document.querySelector(i.HEADER.MENU_TRIGGER);e?.addEventListener("click",this.handleClick)}disconnectedCallback(){if(super.disconnectedCallback(),this.handleClick){const e=document.querySelector(i.HEADER.MENU_TRIGGER);e?.removeEventListener("click",this.handleClick),this.handleClick=null}}};a=((e,t,s,r)=>{for(var n,i=r>1?void 0:r?c(t,s):t,o=e.length-1;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i})([s("kd-header-drawer")],a);var d=Object.getOwnPropertyDescriptor;let h=class extends e{constructor(){super(...arguments),this.handleClick=null}createRenderRoot(){return this}render(){return t}connectedCallback(){super.connectedCallback(),this.handleClick=e=>{e.preventDefault(),r(this,n.HEADER.SEARCH_TOGGLE,{})};const e=document.querySelector(i.HEADER.SEARCH_TRIGGER);e?.addEventListener("click",this.handleClick)}disconnectedCallback(){if(super.disconnectedCallback(),this.handleClick){const e=document.querySelector(i.HEADER.SEARCH_TRIGGER);e?.removeEventListener("click",this.handleClick),this.handleClick=null}}};h=((e,t,s,r)=>{for(var n,i=r>1?void 0:r?d(t,s):t,o=e.length-1;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i})([s("kd-header-search")],h);var u=Object.getOwnPropertyDescriptor;let p=class extends e{constructor(){super(...arguments),this.items=[],this.closeTimers=/* @__PURE__ */new WeakMap,this.handleDocumentKeydown=e=>{if("Escape"===e.key)for(const t of this.items)"true"===t.querySelector(i.HEADER.NAV_TRIGGER)?.getAttribute("aria-expanded")&&this.close(t)}}createRenderRoot(){return this}render(){return t}connectedCallback(){super.connectedCallback(),this.items=Array.from(this.querySelectorAll(i.HEADER.NAV_ITEM

1));for(const e of this.items){const t=e.querySelector(i.HEADER.NAV_TRIGGER);t&&(e.addEventListener("mouseenter",()=>this.handleMouseEnter(e)),e.addEventListener("mouseleave",()=>this.handleMouseLeave(e)),t.addEventListener("keydown",t=>{this.handleTriggerKeydown(t,e)}))}document.addEventListener("keydown",this.handleDocumentKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown)}handleMouseEnter(e){const t=this.closeTimers.get(e);t&&(clearTimeout(t),this.closeTimers.delete(e));for(const s of this.items)s!==e&&this.close(s);this.open(e)}handleMouseLeave(e){const t=setTimeout(()=>{this.close(e),this.closeTimers.delete(e)},p.CLOSE_DELAY);this.closeTimers.set(e,t)}handleTriggerKeydown(e,t){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle(t);break;case"Escape":this.close(t),t.querySelector(i.HEADER.NAV_TRIGGER)?.focus();break;case"ArrowDown":{e.preventDefault();const s=t.querySelector(i.HEADER.NAV_DROPDOWN),r=s?.querySelector("a");r&&(this.open(t),r.focus());break}}}open(e){e.querySelector(i.HEADER.NAV_TRIGGER)?.setAttribute("aria-expanded","true")}close(e){e.querySelector(i.HEADER.NAV_TRIGGER)?.setAttribute("aria-expanded","false")}toggle(e){const t=e.querySelector(i.HEADER.NAV_TRIGGER);if("true"===t?.getAttribute("aria-expanded"))this.close(e);else{for(const t of this.items)t!==e&&this.close(t);this.open(e)}}};p.CLOSE_DELAY=80,p=((e,t,s,r)=>{for(var n,i=r>1?void 0:r?u(t,s):t,o=e.length-1;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i})([s("kd-header-nav")],p);const m="keyword_search_history_v2";function w(e){try{const t=localStorage.getItem(e);if(!t)return[];const s=JSON.parse(t);return Array.isArray(s)?s.filter(e=>"string"==typeof e&&e.length>0):[]}catch{return[]}}function y(e,t){try{localStorage.setItem(e,JSON.stringify(t))}catch{}}function f(e){return w(m)}function v(e,t=10){const s=e.trim();if(!s)return;const r=w(m).filter(e=>e!==s);r.unshift(s);const n=r.slice(0,t);y(m,n)}var E=Object.getOwnPropertyDescriptor;let b=class extends e{constructor(){super(...arguments),this.input=null,this.form=null,this.dropdown=null,this.list=null,this.empty=null,this.submitIcon=null,this.submitSpinner=null,this.handleSubmit=()=>{v(this.input?.value??"",10)},this.handleFocus=()=>{this.resetLoading(),this.renderItems(),this.open()},this.handleBlur=()=>{this.close()},this.handleDropdownMouseDown=e=>{e.preventDefault()},this.handleDropdownClick=e=>{const t=e.target;if(!t)return;const s=t.closest("[data-keyword-suggest-remove]");if(s){e.preventDefault(),e.stopPropagation();const t=s.dataset.keyword??"";return void(t&&(!function(e){const t=w(m).filter(t=>t!==e);y(m,t)}(t),this.renderItems(),0===f().length&&this.close()))}const r=t.closest("[data-keyword-suggest-item]");if(r&&this.input&&this.form){const e=r.dataset.keyword??"";this.input.value=e,this.close(),this.setLoading(),"function"==typeof this.form.requestSubmit?this.form.requestSubmit():(v(e,10),this.form.submit())}},this.handleDocumentClick=e=>{if(!this.dropdown||!this.input)return;const t=e.target;t&&(this.contains(t)||this.close())}}createRenderRoot(){return this}render(){return t}connectedCallback(){super.connectedCallback(),this.input=this.querySelector("[data-keyword-suggest-input]"),this.form=this.querySelector("form")??this.input?.closest("form")??null,this.dropdown=this.querySelector("[data-keyword-suggest-dropdown]"),this.list=this.querySelector("[data-keyword-suggest-list]"),this.empty=this.querySelector("[data-keyword-suggest-empty]"),this.submitIcon=this.querySelector("[data-keyword-suggest-icon]"),this.submitSpinner=this.querySelector("[data-keyword-suggest-spinner]"),this.input&&this.dropdown&&this.list&&(this.input.addEventListener("focus",this.handleFocus),this.input.addEventListener("blur",this.handleBlur),this.form?.addEventListener("submit",this.handleSubmit),this.dropdown.addEventListener("mousedown",this.handleDropdownMouseDown),this.dropdown.addEventListener("click",this.handleDropdownClick),document.addEventListener("click",this.handleDocumentClick))}disconnectedCallback(){super.disconnectedCallback(),this.input?.removeEventListener("focus",this.handleFocus),this.input?.removeEventListener("blur",this.handleBlur),this.form?.removeEventListener("submit",this.handleSubmit),this.dropdown?.removeEventListener("mousedown",this.handleDropdownMouseDown),this.dropdown?.removeEventListener("click",this.handleDropdownClick),document.removeEventListener("click",this.handleDocumentClick)}open(){this.dropdown&&0!==f().length&&(this.dropdown.hidden=!1)}setLoading(){this.submitIcon&&(this.submitIcon.hidden=!0),this.submitSpinner&&(this.submitSpinner.hidden=!1)}

1resetLoading(){this.submitSpinner&&(this.submitSpinner.hidden=!0),this.submitIcon&&(this.submitIcon.hidden=!1)}close(){this.dropdown&&(this.dropdown.hidden=!0)}renderItems(){if(!this.list)return;const e=f();this.empty&&(this.empty.hidden=e.length>0),this.list.replaceChildren(...e.map((t,s)=>this.buildItem(t,s,e.length)))}buildItem(e,t,s){const r=document.createElement("li"),n=t===s-1;r.dataset.keywordSuggestItem="",r.dataset.keyword=e,r.className=["tw:flex tw:items-center tw:gap-3 tw:px-5 tw:py-2.5 tw:min-h-[44px]","tw:bg-surface-main tw:border tw:border-border-default",t>0?"tw:border-t-0":"",n?"tw:rounded-b":""].filter(Boolean).join(" ");const i=document.createElement("button");i.type="button",i.className="tw:flex-1 tw:min-w-0 tw:text-left tw:text-s tw:tracking-[1.4px] tw:text-text-main tw:bg-transparent tw:border-0 tw:p-0 tw:cursor-pointer tw:break-words",i.textContent=e;const o=document.createElement("button");return o.type="button",o.dataset.keywordSuggestRemove="",o.dataset.keyword=e,o.setAttribute("aria-label",`「${e}」を履歴から削除`),o.className="tw:shrink-0 tw:inline-flex tw:items-center tw:justify-center tw:w-3 tw:h-3 tw:text-status-sale tw:bg-transparent tw:border-0 tw:p-0 tw:cursor-pointer",o.innerHTML='<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="tw:w-3 tw:h-3"><rect width="24.1203" height="1.20601" transform="matrix(0.710629 0.703567 -0.710629 0.703567 0.859375 0.180664)" fill="currentColor"/><rect width="24.1203" height="1.20601" transform="matrix(-0.710629 0.703567 0.710629 0.703567 17.1406 0)" fill="currentColor"/></svg>',r.appendChild(i),r.appendChild(o),r}};b=((e,t,s,r)=>{for(var n,i=r>1?void 0:r?E(t,s):t,o=e.length-1;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i})([s("kd-keyword-suggest")],b);export{a as KdHeaderDrawer,p as KdHeaderNav,h as KdHeaderSearch,l as KdHeaderSticky,b as KdKeywordSuggest};
2//# sourceMappingURL=lit-header.js.map