https://www.iwc.cn/iwc/dist/assets/search-panel-DC68w6eZ.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`103.47.0`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`8ef2391f-bde9-4105-8934-e845ab1f90b5`,e._sentryDebugIdIdentifier=`sentry-dbid-8ef2391f-bde9-4105-8934-e845ab1f90b5`)}catch{}})();import{Ct as e,D as t,E as n,L as r,R as i,Rt as a,T as o,U as s,_ as c,f as l,k as u,kt as d,l as f,m as p,ot as m,rt as h,s as g,u as _,ut as v,w as y,z as b}from"./vue.esm-browser.prod-GwssfbfS.js";import{I as x,N as S,U as C}from"./phx-styleguides-iwc.esm-KF2JF0yV.js";import{t as w}from"./get-DgDg4SAx.js";import{a as T,i as E,o as D,p as O,t as k}from"./search-helper-F-BbI4wl.js";import{t as A}from"./debounce-CreFEaj3.js";import{o as j}from"./vuex.esm-bundler-rDxjPMyb.js";import{a as M,t as N}from"./panel-helper-D19vEYYX.js";import{n as P}from"./vue-i18n-BfXOvzuM.js";import{PhxGridLayout as F}from"./index-DAIYzIWQ.js";import{n as I}

1from"./common-helper-m5BABKGh.js";import{n as L,t as R}from"./Panel-BveWmXID.js";import{t as z}from"./createVueApp-CjFcHkMa.js";p();var B=()=>{let e=j();return{hasFilters:e=>e===`products`&&O.isEnabled(),onTabChange:async t=>{await e.dispatch(`search/changeCurrentTab`,t)}}},V={class:`search-panel__tabs-wrapper`},H=`search-panel-results`,U={__name:`SearchPanelResults`,setup(e){let t=j(),{t:o}=P(),{onTabChange:s}=B(),p=k,g=a(null),v=c(()=>t.state.search.currentTab),b=c(()=>w(v.value)),S=c(()=>t.state.search.isLoading),w=e=>`${H}-${e}`,E=e=>`${w(e)}-component`,D=e=>t.state.search.tabs[e]?.total,O=e=>`${o(`Search.tab.${e}`)} (${D(e)})`,A=e=>t.state.search.tabs[e].total===0;return i(()=>S.value,async e=>{if(e)return;let n=t.state.search.tabs,r=Object.keys(n).find(e=>n[e]?.data?.length>0),i=w(r);i!==b.value&&await t.dispatch(`search/changeCurrentTab`,i)}),(e,t)=>(f(),_(l,null,[u(`div`,V,[n(d(x),{id:`${H}-tabs`,class:`tabs-group--with-indicator`,theme:`light`,layout:`start`,value:b.value,"indicator-thickness":1,"teleport-target":g.value,onChange:d(s)},{default:r(()=>[(f(!0),_(l,null,h(d(p),e=>(f(),y(d(C),{id:w(e),key:e,label:O(e),disabled:A(e)},{default:r(()=>[(f(),y(m(d(T)(e)),{"unique-id":E(e)},null,8,[`unique-id`]))]),_:2},1032,[`id`,`label`,`disabled`]))),128))]),_:1},8,[`id`,`value`,`teleport-target`,`onChange`]),t[0]||=u(`div`,{id:`teleport-target-search-panel-filters`},null,-1)]),u(`div`,{ref_key:`tabsTeleportTargetRef`,ref:g,class:`search-panel__tabs-content`},null,512)],64))}};p();var W={class:`search-panel__tabs-wrapper`},G=`search-panel-empty-state`,K={__name:`SearchPanelEmptyState`,props:{items:{type:Object,required:!0}},setup(e){let t=e,{t:i}=P(),p=a(``),g=a(null),v=c(()=>k.map(e=>({tab:e,id:`${G}-tab-${e}`,label:i(`Search.tab.${e}`),items:w(t.items,e,[]),itemComponent:D(e)})).filter(e=>e.items.length>0)),b=e=>{p.value=e};return s(()=>{p.value=w(v.value,`0.id`,``)}),(e,t)=>(f(),_(`div`,null,[u(`div`,W,[n(d(x),{id:`${G}-tabs`,class:`tabs-group--with-indicator`,theme:`light`,layout:`start`,value:p.value,"indicator-thickness":1,"teleport-target":g.value,onChange:b},{default:r(()=>[(f(!0),_(l,null,h(v.value,e=>(f(),y(d(C),{id:e.id,key:e.id,label:e.label},{default:r(()=>[n(d(F),{class:`mixed-grid`,"grid-spacing":`4`,"center-spacing":null},{default:r(()=>[(f(!0),_(l,null,h(e.items,(t,n)=>(f(),y(m(e.itemComponent),o({key:e.id+n},{ref_for:!0},t),null,16))),128))]),_:2},1024)]),_:2},1032,[`id`,`label`]))),128))]),_:1},8,[`id`,`value`,`teleport-target`])]),u(`div`,{ref_key:`tabsTeleportTargetRef`,ref:g,class:`search-panel__tabs-content`},null,512)]))}};p();var q=()=>{let e=j(),t=a(null),n=a(!1),r=a(``),o=a(``),s=c(()=>e.state.search.query),l=c(()=>!e.state.search.isLoading&&r.value.length>=3&&r.value===s.value&&e.getters[`search/totalResults`]===0),u=c(()=>r.value.length<3||l.value),d=(e=``)=>{let t=new URL(window.location);!e||e.length<3?t.searchParams.delete(E):t.searchParams.set(E,e);let n=[];for(let[e]of t.searchParams.entries())e!==`search.keyword`&&e.startsWith(`search.`)&&n.push(e);n.forEach(e=>t.searchParams.delete(e)),window.history.replaceState(null,null,t)},f=async(t,n=!0)=>{r.value=t,n&&d(t),!(t.length<3)&&await e.dispatch(`search/setQuery`,t)},p=A(f,400),m=async e=>{!e&&e.value||e.value!==o.value&&await f(e.value)},h=async()=>{o.value=new URLSearchParams(window.location.search).get(E),o.value&&await f(o.value,!1)},g=e=>{t.value&&t.value.setValue(e)},_=i([n,t],async()=>{!n.value||!t.value||(o.value&&=(g(o.value),await f(o.value,!1),null),_())});return{applyQuery:f,autocompleteRef:t,currentQuery:s,hasEmptyState:u,isQueryResultEmpty:l,onChange:m,searchInitialized:n,setCustomQuery:g,setQueryDebounced:p,setQueryFromUrl:h,stagedQuery:r,urlQueryTerm:o}};p();var J={class:`search-panel__search`},Y={id:`search-panel-autocomplete-wrapper`},X={key:0,class:`search-panel__content`},Z={class:`heading-medium box box--spacing-4 box--border-block-end`,"data-cs-mask":``},ee=[`innerHTML`],te={class:`box box--spacing-4`,"data-cs-mask":``},Q={__name:`SearchPanel`,props:{id:{type:String,required:!0},emptyState:{type:Object,default:()=>({})}},setup(o){let s=o,{t:p}=P(),m=j(),{applyQuery:h,autocompleteRef:x,currentQuery:C,hasEmptyState:w,isQueryResultEmpty:T,searchInitialized:E,setCustomQuery:D,setQueryDebounced:O,setQueryFromUrl:k,stagedQuery:A,urlQueryTerm:F}=q(),z=a(0),B=a(!1),V=c(()=>w.value?p(`Search.emptyState.title`):p(`Search.results.title`,{count:z.value,query:A.value})),H=c(()=>B.value&&A.value===C.value?m.state.search.suggestions:[]),W={closeAll:!0,onShow:()=>{E.value=!0},onHide:()=>{N([s.id])},onHidden:()=>{D(``)}},G=e=>{e!==F.value&&(B.value=!0,O(e))},Q=async e=>{!e||e.length<3||(B.value=!1,await h(e))},$=async e=>{!e&&e.value||e.value!==F.value&&(I(()=>{let t=window.tracking?.getSearchQuerySuggestion?.(e.value);t&&window.tracking.pushEvent(t)}),await h(e.value))};return i(()=>m.getters[`search/totalResults`],e=>{e!==0&&(z.value=e)}),v(async()=>{await k(),F.value&&M(s.id)}),(i,a)=>(f(),y(R,{id:o.id,fullscreen:``,"open-from":`top`,classes:[`search-panel`],"boxed-content":!1,"should-display-header":!1,options:W},{content:r(()=>[u(`div`,J,[u(`div`,Y,[n(d(S),{id:`search-panel-autocomplete`,ref_key:`autocompleteRef`,ref:x,name:`search-panel-autocomplete`,label:i.$t(`Search.field.label`),placeholder:i.$t(`Search.field.placeholder`),"loading-text":``,"no-result-text":``,"open-button-label":``,"clear-button-label":``,"open-button-icon":`false`,"clear-button-icon":`false`,"hide-label":``,"auto-focus-first-option":!1,"dropdown-offset":1,"min-characters":d(3),"min-rows":-1,options:H.value,"close-on-input-blur"

1:``,"data-cs-mask":``,"onAutocomplete:query":G,"onAutocomplete:change":$,"onAutocomplete:pressEnter":Q},null,8,[`label`,`placeholder`,`min-characters`,`options`])]),n(L,{"panel-id":o.id,icon:`close`,class:`search-panel__close`},null,8,[`panel-id`])]),d(E)?(f(),_(`div`,X,[d(T)?(f(),_(l,{key:0},[u(`h2`,Z,g(i.$t(`Search.noResult.title`,{query:d(A)})),1),u(`div`,{class:`box box--spacing-4`,innerHTML:i.$t(`Search.noResult.text`)},null,8,ee)],64)):t(``,!0),u(`h2`,te,g(V.value),1),b(n(K,{items:o.emptyState},null,8,[`items`]),[[e,d(w)]]),d(w)?t(``,!0):(f(),y(U,{key:1}))])):t(``,!0)]),_:1},8,[`id`]))}},$=z({},!0);$.component(`SearchPanel`,Q),$.mount(`#phoenix-search-panel`);
2//# sourceMappingURL=search-panel-DC68w6eZ.js.map