https://propro-clean.tw/assets/DefaultNavigation.3a9d3c91.js

1var e=Object.defineProperty,a=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,s=(a,n,t)=>n in a?e(a,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[n]=t;"undefined"!=typeof require&&require;import{d as o,u as i,I as r,o as l,e as c,i as d,j as u,v as p,ac as g,V as h,n as m,ad as f,W as v,x,p as y,b as w,r as b,g as k,c as _,f as C,w as M,ap as L,F as I,h as j}from"./vendor.ddbd020e.js";import{g as O,c as S,e as T,h as N,u as H}from"./index.441c06ad.js";import{_ as q}from"./SideNavigationDisclosure.1fbba026.js";import B from"./TopNavigation.a59b125c.js";import"./headlessui.esm.12a303ec.js";import"./ChevronUpIcon.8bf05be2.js";const D={name:"SearchInput",props:{searching:{type:Boolean,default:!1}},emits:["update:searching"],setup(e,a){const n=o(""),t=i(),s=r(),l=O(),c=S();return"category"===s.name&&(n.value=s.query.query,a.emit("update:searching",!!n.value)),{keyword:n,search:async()=>{const e=n.value?`?query=${n.value}`:"";l.setLoading(`/category/all${e}`),await t.push({name:"category",params:{categoryId:"all"},query:{query:n.value}}).then((()=>{c.emit("update:search-result"),l.setLoaded()}))}}}},$={class:"relative text-gray-600"},P={class:"pl-5"},U=[d("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"},null,-1)];D.render=function(e,a,n,t,s,o){return l(),c("div",null,[d("div",$,[u(d("div",P,[u(d("input",{ref:"searchInput","onUpdate:modelValue":a[0]||(a[0]=e=>t.keyword=e),type:"text",name:"search",placeholder:"搜尋點什麼吧～",class:"bg-white h-10 px-5 pr-24 rounded-full text-sm focus:outline-none w-full transition-width ease-in-out",onKeypress:a[1]||(a[1]=g(f(((...e)=>t.search&&t.search(...e)),["stop","prevent"]),["enter"]))},null,544),[[h,t.keyword]])],512),[[p,n.searching]]),d("div",{class:m(["flex items-center",{"absolute right-0 top-0 bottom-0":n.searching}])},[u(d("button",{class:"px-2 border font-light rounded mr-2 border-gray-400 text-gray-400 text-sm",onClick:a[2]||(a[2]=a=>{t.keyword="",e.$emit("update:searching",!1)})}," 關閉 ",512),[[p,n.searching]]),d("button",{type:"button",class:m(["transition-height nav_search_button",{"mr-4":n.searching,"px-3 py-2":!n.searching}]),onClick:a[3]||(a[3]=a=>n.searching?t.search():e.$emit("update:searching",!0)&&e.$refs.searchInput.focus())},[(l(),c("svg",{class:m(["h-6 w-6 text-black",{"w-[16px] h-[16px]":n.searching,"w-[24px] h-[24px]":!n.searching}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},U,2))],2)],2)])])};const E={name:"LoginIcon",computed:((e,o)=>{for(var i in o||(o={}))n.call(o,i)&&s(e,i,o[i]);if(a)for(var i of a(o))t.call(o,i)&&s(e,i,o[i]);return e})({},v(T,["isLoggedIn"])),methods:{showLoginDialog(){if(this.isLoggedIn)return this.$router.push({name:"member"});this.emitter.emit("show:dialog.login",{redirectTo:!1})}}},z=[d("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"},null,-1),d("circle",{cx:"12",cy:"7",r:"4"},null,-1)];E.render=function(e,a,n,t,s,o){return l(),c("div",null,[d("div",{class:"cursor-pointer rounded h-6 w-6",onClick:a[0]||(a[0]=(...e)=>o.showLoginDialog&&o.showLoginDialog(...e))},[(l(),c("svg",{class:m({"text-gray-400":!e.isLoggedIn}),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},z,2))])])};const V={name:"DefaultNavigation",components:{LoginIcon:E,SearchInput:D,SideNavigationDisclosure:q,BaseImage:N,TopNavigation:B},setup(){const e=o(!1),a=o(!1),n=H(),t=T(),s=x((()=>t.isLoggedIn)),i=x((()=>{var e;return"true"===(null==(e=n.config)?void 0:e.navigation_auto_expand)}));return{isLoggedIn:s,isMenuOpen:e,isSearching:a,companyConfig:n.config,autoExpand:i,headerNavigations:n.headerNavigations}},watch:{$route(e,a){this.isMenuOpen=!1}},methods:{loginPage(){return this.emitter.emit("show:dialog.login")}}};y("data-v-4af42d02");const F={id:"header_nav",class:"bg-white bg-opacity-50 sticky top-0 mx-auto backdrop-filter backdrop-blur firefox:bg-opacity-90 xl:px-8"},K={class:"px-3 xl:px-0 max-w-8xl"},R={class:"hidden xl:block"},W={id:"top_tools",class:"flex items-center justify-end"},A={class:"flex items-center justify-between relative py-4"},G={class:"flex xl:hidden"},J=["aria-expanded"],Q=[d("span",{class:"sr-only"},"Open main menu",-1),d("svg",{class:"h-6 w-6 block",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true"},[d("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})],-1)],X={class:"hidden xl:flex items-center justify-between min-h-[3.5rem]"},Y={key:0,class:"hidden xl:block flex-grow global_notify mb-2"},Z={class:"bg-red-200 text-center bg-opacity-75 rounded max-w-md mx-auto py-[15px] px-2.5"},ee=["innerHTML"],ae=["innerHTML"],ne={key:0,class:"xl:hidden py-3.5 text-sm global_notify bg-red-200"},te=["innerHTML"],se=["innerHTML"],oe={class:"fixed inset-0 overflow-hidden z-50 min-h-screen","aria-labelledby":"slide-over-title",role:"dialog","aria-modal":"true"},ie={class:"absolute inset-0 overflow-hidden"},re={class:"absolute inset-y-0 left-0 pr-10 max-w-full flex"},le={class:"relative w-full max-w-md"},ce={class:"absolute top-0 right-0 -mr-8 pt-4 pl-2 flex sm:-mr-10 sm:pl-4"},de=[d("span",{class:"sr-only"},"Close panel",-1),d("svg",{class:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true"},[d("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)],ue={class:"h-full flex flex-col py-6 px-3 bg-white shadow-xl overflow-y-scroll"};w(),V.render=function(e,a,n,t,s,o){const i=b("SearchInput"),r=b("LoginIcon"),g=b("BaseImage"),h=b("RouterLink"),f=b("TopNavigation"),v=b("SideNavigationDisclosure");return l(),c("nav",F,[d("div",K,[d("div",R,[d("div",W,[k(i,{searching:t.isSearching,"onUpdate:searching":a[0]||(a[0]=e=>t.isSearching=e)},null,8,["searching"]),"true"===String(t.companyConfig.member_system)?(l(),_(r,{key:0,class:"px-2 mr-2 xl:mr-0 xl:pr-0"})):C("",!0)])]),d("div",A,[d("div",G,[d("button",{type:"button",class:"mobile_menu_button","aria-controls":"mobile-menu","aria-expanded":t.isMenuOpen,onClick:a[1]||(a[1]=e=>t.isMenuOpen=!t.isMenuOpen)},Q,8,J)]),k(h,{class:"xl:m-auto absolute left-1/2 -translate-x-1/2",to:"/"},{default:M((()=>[k(g,{id:"brand_image",class:m(["h-16 mx-auto xl:w-auto",{"w-0":t.isSearching}]),src:t.companyConfig.logo_image_url,alt:"Logo"},null,8,["class","src"])])),_:1}),d("div",{class:m(["flex xl:hidden",{"flex-grow justify-between":t.isSearching}])},[k(i,{searching:t.isSearching,"onUpdate:searching":a[2]||(a[2]=e=>t.isSearching=e),class:m(["flex-grow",{"mr-2":t.isSearching}])},null,8,["searching","class"]),"true"===String(t.companyConfig.member_system)?(l(),_(r,{key:0,class:"px-3 py-2"})):C("",!0)],2)]),d("div",X,[k(f)]),t.companyConfig.header_content||t.companyConfig.header_content2?(l(),c("div",Y,[d("div",Z,[t.companyConfig.header_content?(l(),c("div",{key:0,innerHTML:t.companyConfig.header_content},null,8,ee)):C("",!0),t.companyConfig.header_content2?(l(),c("div",{key:1,innerHTML:t.companyConfig.header_content2},null,8,ae)):C("",!0)])])):C("",!0)]),t.companyConfig.header_content||t.companyConfig.header_content2?(l(),c("div",ne,[t.companyConfig.header_content?(l(),c("div",{key:0,class:"w-full bg-opacity-75 text-center text-[15px]",innerHTML:t.companyConfig.header_content},null,8,te)):C("",!0),t.companyConfig.header_content2?(l(),c("div",{key:1,class:"w-full bg-opacity-75 text-center text-[15px]",innerHTML:t.companyConfig.header_content2},null,8,se)):C("",!0)])):C("",!0),k(L,{"enter-active-class":"duration-500","leave-active-class":"duration-500"},{default:M((()=>[u(d("section",oe,[d("div",ie,[k(L,{"enter-active-class":"ease-in-out duration-500","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"ease-in-out duration-500","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:M((()=>[u(d("div",{class:"absolute inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true",onClick:a[3]||(a[3]=e=>t.isMenuOpen=!1)},null,512),[[p,t.isMenuOpen]])])),_:1}),d("div",re,[k(L,{"enter-active-class":"transform transition ease-in-out duration-300","enter-from-class":"-translate-x-full","enter-to-class":"translate-x-0","leave-active-class":"transform transition ease-in-out duration-300","leave-from-class":"translate-x-0","leave-to-class":"-translate-x-full"},{default:M((()=>[u(d("div",le,[k(L,{"enter-active-class":"ease-in-out duration-500","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"ease-in-out duration-500","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:M((()=>[u(d("div",ce,[d("button",{class:"rounded-md hover:text-white focus:outline-none focus:ring-2 focus:ring-white",onClick:a[4]||(a[4]=e=>t.isMenuOpen=!1)},de)],512),[[p,t.isMenuOpen]])])),_:1}),d("div",ue,[(l(!0),c(I,null,j(t.headerNavigations,(e=>(l(),_(v,{title:e.nt_name,link:e.nt_url,content:e.contents,"is-external":e.is_external,"default-open":t.autoExpand,class:"px-4 text-lg"},null,8,["title","link","content","is-external","default-open"])))),256))])],512),[[p,t.isMenuOpen]])])),_:1})])])],512),[[p,t.isMenuOpen]])])),_:1})])},V.__scopeId="data-v-4af42d02";export{V as default};