https://www.harpersbazaar.com.hk/_nuxt/BfPm3orP.js

1import{At as e,Bt as t,Ft as n,Ht as r,In as i,It as a,Jt as o,Kt as s,Pt as c,Q as l,Qt as u,Rn as d,Sn as f,Vn as p,Wt as m,_t as h,dt as g,et as _,ft as v,gt as y,ht as b,it as x,m as S,mn as C,mt as w,on as T,ot as E,p as D,pt as O,qt as k,wt as A,yt as j,zt as M}from"./B-NMJfkC.js";import{E as N,c as ee,t as P,v as F,w as I}from"./DVEI-Hct.js";import{t as L}from"./DFIhTWua.js";import{n as R,t as z}from"./Gag0gX5_.js";import{t as B}from"./CxK_loi2.js";import{t as V}from"./BDNMzG2s.js";import{t as H}from"./BhNoLBfy.js";import{n as te,t as ne}from"./XvP3yVsX.js";import{t as U}from"./DY2qeLY3.js";import{t as re}from"./Ck38_pzY.js";import{t as ie}from"./4lxuseDQ.js";import{t as W}from"./D1iV8qBP.js";A(),f();var ae={class:`social-bar bg-caaa text-cfff py-6px px-4px flex flex-row flex-nowrap transition cursor-pointer overflow-hidden border-r-0 border-t-0 border-b-0 border-l-0 border-solid border-[white] hover:bg-c2a2a2a group`},oe={class:`social-list list-none m-0 p-0 w-0 transition-all duration-200 flex justify-between group-hover:w-200px`},G=[`href`,`onClick`],K=Object.assign(j({__name:`SocialBar`,setup(e){let t=[{name:`facebook`,url:`https://www.facebook.com/harpersbazaarhk/`,class:`logo logo-fb`},{name:`instagram`,url:`https://www.instagram.com/harpersbazaarhk/`,class:`logo logo-ig`},{name:`youtube`,url:`https://www.youtube.com/user/harpersbazaarhk`,class:`logo logo-yt`},{name:`whatsapp`,url:`https://whatsapp.com/channel/0029Va9ssWI1noz7sbrL431x`,class:`logo logo-whatsapp`}],n=(e,t)=>{R().event(e,`Follow-us`,t.name)},s=e=>{n(`click`,e)},c=e=>{n(`impression`,e)};return(e,n)=>{let l=r(`inview`);return a(),b(`div`,ae,[n[0]||=v(`div`,{class:`title box-border min-w-121px font-500 font-serif text-center uppercase tracking-widest`},` Follow Us `,-1),v(`ul`,oe,[(a(),b(E,null,M(t,e=>v(`li`,{key:e.name},[o(v(`a`,{class:i([`w-20px h-20px cursor-pointer block mx-3`,e.class]),href:e.url,target:`_blank`,onClick:t=>s(e)},null,10,G),[[l,c.bind(null,e)]])])),64))])])}}}),{__name:`LayoutPartsSocialBar`});A(),u(),f();var q={class:`text-cfff font-serif ml-1px`},se={class:`bg-caaa`},ce={key:1,class:`relative`},le={class:`btn-show-hover-menu flex py-6px px-20px text-center`},ue={class:`hover-menu hidden absolute top-[100%] left-0 bg-[#242424] flex-col w-[100%] z-11 text-left border-r-0 border-t-1 border-b-0 border-l-0 border-solid border-[white]`},de={class:`block whitespace-nowrap py-10px px-[20px] text-cfff`},fe={key:0,class:`inline-block truncate max-w-[70%] align-bottom`},pe=[`href`],me=[`href`],he=Object.assign(V(j({__name:`CosmartLogin`,setup(e){D();let t=P(),n=z(),r=()=>{t.isNavMenuOpen=!1,R().event(`click`,`login`,`header`),n.cosmartLogin(void 0,{event_position:`header`,event_label:`login`},[`navigation`,`header-login`])};return(e,i)=>(a(),b(`div`,q,[v(`div`,se,[C(n).profile?(a(),b(`div`,ce,[v(`div`,le,[i[3]||=v(`div`,{class:`tracking-widest font-500 font-serif uppercase`},` Cosmart `,-1),i[4]||=v(`span`,{class:`IconSingleDownArrowWhite w-15px h-15px bg-contain ml-10px`},null,-1),v(`div`,ue,[v(`div`,de,[i[1]||=y(` Hi`,-1),C(n).profile?.firstName?(a(),b(`span`,fe,`, `+p(C(n).profile?.firstName),1)):w(``,!0),i[2]||=y(`! `,-1)]),v(`a`,{href:`${C(t).env.cosmartUrl}/rewards?utm_source=website-hb&utm_medium=top-navi-icon&utm_campaign=navigation&utm_content=20210901`,target:`_blank`,class:`py-10px pl-[20px] text-cfff hover:underline`},` REWARDS `,8,pe),v(`a`,{href:`${C(t).env.cosmartUrl}/account?utm_source=website-hb&utm_medium=top-navi-icon&utm_campaign=navigation&utm_content=20210901`,target:`_blank`,class:`py-10px pl-[20px] text-cfff hover:underline`},` ACCOUNT `,8,me),v(`a`,{class:`py-10px pl-[20px] text-cfff hover:underline`,onClick:i[0]||=e=>{C(R)().gtmInteractEvent(`logout`,`click`,{event_position:`header`}),C(n).logout()}},` LOGOUT `)])])])):(a(),b(`div`,{key:0,class:`tracking-widest font-500 min-w-[141.66px] text-center py-6px uppercase cursor-pointer`,onClick:r},` Login `))])]))}}),[[`__scopeId`,`data-v-491d29e4`]]),{__name:`LayoutPartsCosmartLogin`});A(),u(),f();var J=Object.assign(V(j({__name:`NavBtn`,setup(e){let t=P(),n=()=>{t.isNavMenuOpen=!t.isNavMenuOpen};return(e,r)=>(a(),b(`div`,{class:i([`nav-btn pointer`,[C(t).isNavMenuOpen?`clicked`:``]]),onClick:r[0]||=e=>n()},[v(`div`,{class:i([`closed flex flex-col flex-shrink-0 w-24px justify-end hover:opacity-50`,{hidden:C(t).isNavMenuOpen}])},[...r[1]||=[v(`span`,{class:`h-4px mb-4px w-full display bg-c000`},null,-1),v(`span`,{class:`h-4px mb-4px w-full display bg-c000`},null,-1),v(`span`,{class:`h-4px mb-4px w-full display bg-c000`},null,-1)]],2),v(`div`,{class:i([`opened bg-c242424 relative w-34px h-34px`,{hidden:!C(t).isNavMenuOpen}])},[...r[2]||=[v(`div`,{class:`btn-close absolute right-0 top-0 w-34px h-34px`},null,-1)]],2)],2))}}),[[`__scopeId`,`data-v-e833f145`]]),{__name:`LayoutPartsNavBtn`});A(),u(),f();var ge={key:0,class:`flex leading-25px`},_e={class:`navbar truncate list-none m-0 p-0`},ve=[`href`,`target`,`title`,`alt`,`onClick`],ye=Object.assign(j({__name:`Nav`,setup(e){let t=P(),n=e=>{e?.includes(`/museum`)&&R().event(`click`,`hb-museum-leadin`,`menu-bar`)};return(e,r)=>{let i=L;return C(t).siteInfo?.navigations?.length?(a(),b(`nav`,ge,[v(`ul`,_e,[(a(!0),b(E,null,M(C(t).siteInfo.navigations,(e,t)=>(a(),b(`li`,{key:`nav-${t}`,class:`uppercase mx-3`},[e.type===`folder`&&e.target===`_self`?(a(),O(i,{key:0,class:`tracking-0.2em text-secondary select-none`,to:e.url,title:e.title,alt:e.title,onClick:t=>n(e.url)},{default:k(()=>

1[y(p(e.title),1)]),_:2},1032,[`to`,`title`,`alt`,`onClick`])):(a(),b(`a`,{key:1,href:e.url,target:e.target,class:`tracking-0.2em text-secondary select-none`,title:e.title,alt:e.title,onClick:t=>n(e.url)},p(e.title),9,ve))]))),128))]),v(`a`,{class:`NavButton uppercase mx-3 tracking-0.2em text-secondary hover:text-light-grey select-none`,onClick:r[0]||=e=>C(t).isNavMenuOpen=!0},`More`)])):w(``,!0)}}}),{__name:`LayoutPartsNav`});A();var be={},xe={class:`search`};function Se(e,t){return a(),b(`div`,xe,[...t[0]||=[v(`svg`,{class:`w-full`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`},[v(`g`,null,[v(`path`,{d:`M0 21.646l6.205-6.205c-1.167-1.604-1.857-3.578-1.857-5.71 0-5.365 4.365-9.73 9.73-9.73 5.366 0 9.73 4.365 9.73 9.73 0 5.366-4.364 9.73-9.73 9.73-2.033 0-3.922-.627-5.486-1.698L2.354 24 0 21.646zM20.955 9.73c0-3.792-3.085-6.877-6.877-6.877S7.2 5.938 7.2 9.73s3.086 6.877 6.878 6.877c3.793 0 6.877-3.085 6.877-6.877z`})])],-1)]])}var Y=Object.assign(V(be,[[`render`,Se],[`__scopeId`,`data-v-320385fa`]]),{__name:`SvgSearch`});

1A();var Ce={},we={class:`arrow-down`};function Te(e,t){return a(),b(`div`,we,[...t[0]||=[v(`svg`,{class:`w-full`,xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 24 24`},[v(`path`,{d:`M0 12l12 12 12-12`,fill:`none`,stroke:`#fff`})],-1)]])}var Ee=Object.assign(V(Ce,[[`render`,Te],[`__scopeId`,`data-v-b406f91e`]]),{__name:`SvgArrowDown`});u(),A(),f();var De={class:`ChannelList--ChannelsContainer inline-block max-w-775px w-58/100 my-20px align-top`},Oe={key:0,class:`ChannelList--Channels`},ke={key:0,class:`absolute right-5px w-17px top-[50%] transform -translate-y-1/2 leading-43px desktop:hidden`},Ae=[`onClick`],je={class:`flex flex-col py-20px desktop:w-[30%] desktop:my-20px desktop:p-0 desktop:border-t-0 desktop:border-l-0 desktop:border-r-1px desktop:border-b-0 desktop:border-solid desktop:border-[silver]`},Me=[`onClick`],Ne={class:`p-0 m-0 overflow-hidden uppercase`},Pe=[`href`,`target`],Fe={class:`ChannelList--FeaturesContainer inline-block max-w-152px w-20/100 align-top desktop:flex desktop:pl-30px desktop:my-20px`},Ie={class:`ChannelList--Features desktop:flex desktop:flex-col desktop:justify-between desktop:min-h-260px`},Le={key:0,class:`flex flex-col py-20px m-0 overflow-hidden uppercase border-t-1px border-l-0 border-r-0 border-b-0 border-solid border-[silver] desktop:border-none desktop:p-0`},Re={class:`text-14px font-didot uppercase min-h-33px leading-33px p-0 m-0 transition-colors text-center text-ca2a2a2 whitespace-nowrap desktop:text-left`},ze={key:0,class:`inline-block truncate max-wvw-110 align-bottom tablet:max-w-110px`},Be=[`href`],Ve=[`href`],He={key:0,class:`ChannelList--Feature group-ul inline-block w-full m-0 p-0 align-top`},Ue=[`href`,`target`],We={key:0,class:`ChannelList--Feature group-ul inline-block w-full m-0 p-0 align-top`},Ge=[`href`,`target`],X=Object.assign(j({__name:`ChannelList`,props:{sourceFrom:{default:``}},setup(e){let t=e,n=D(),s=P(),c=z(),l=()=>{s.isNavMenuOpen=!1,R().event(`click`,`login`,`hamburger-menu`),c.cosmartLogin(void 0,{event_position:`footer`,event_label:`login`},[`navigation`,`footer-login`])},u=[{name:`contactUs`,url:`/other/contact`,target:`_self`,class:`contactUs`,title:`Contact Us`},{name:`termsOfService`,url:`/other/terms-of-service`,target:`_self`,class:`termsOfService`,title:`Terms of Service`},{name:`privacyPolicy`,url:`https://www.scmp.com/privacy-policy`,target:`_blank`,class:`privacyPolicy`,title:`Privacy Policy`},{name:`advertisement`,url:`//www.scmpmagazines.com/RateCard/BAZAAR_Rate_Card.pdf`,target:`_blank`,class:`advertisement`,title:`Advertisement`},{name:`advertisingSpecs`,url:`//www.scmpmagazines.com/advertising-spec/Ad-Specs.pdf`,target:`_blank`,class:`advertisingSpecs`,title:`Advertising Specs`}],d=T(n.path),f=e=>{d.value=e,s.isNavMenuOpen=!1,e?.includes(`/museum`)&&R().event(`click`,`hb-museum-leadin`,t?.sourceFrom===`header`?`hamburger-menu`:`footer-menu`)},m=e=>{d.value===e?d.value=``:d.value=e},g=(e,n)=>{t?.sourceFrom!==`footer`&&R().event(e,n,`Hamburger menu-menu`)},_=e=>{if(console.log(`clicked`,e),![`letzshop.hk`,`shop.cosmart.hk`,`subscription`].includes(e?.title?.toLowerCase()))return;let t=e.title===`LETZSHOP.HK`||e.title?.toLowerCase()===`cosmart shop`?`Letzshop-related`:`eDM-subcription`;g(`click`,t)},x=e=>{if(![`letzshop.hk`,`shop.cosmart.hk`,`subscription`].includes(e?.title?.toLowerCase()))return;let t=e.title===`LETZSHOP.HK`||e.title?.toLowerCase()===`cosmart shop`?`Letzshop-related`:`eDM-subcription`;g(`impression`,t)};return(t,g)=>{let S=L,T=Ee,D=te,A=r(`inview`);return a(),b(`div`,{class:i([`ChannelList desktop:flex`,e.sourceFrom])},[e.sourceFrom===`header`||e.sourceFrom===`footer`?(a(),b(E,{key:0},[v(`div`,De,[C(s).siteInfo&&C(s).siteInfo.menus&&C(s).siteInfo.menus.length>0?(a(),b(`div`,Oe,[(a(!0),b(E,null,M(C(s).siteInfo.menus,(t,r)=>(a(),b(`div`,{key:`channel-nav-${r}`,class:`ChannelList--Channel relative inline-block w-25/100 mb-13px align-top antialiased`},[v(`h3`,{class:i([`relative clear-both p-0 m-0 overflow-hidden uppercase font-didot`,[e.sourceFrom===`header`?`text-center desktop:text-left`:``]])},[h(S,{class:i([`inline-blcok font-didot text-14px min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-primary desktop:text-cfff hover:text-ca2a2a2`,[e.

1sourceFrom===`header`?`text-center text-20px leading-43px desktop:text-14px desktop:leading-33px`:``]]),to:t.url,onClick:e=>f(t.url)},{default:k(()=>[y(p(t.title),1)]),_:2},1032,[`class`,`to`,`onClick`]),e.sourceFrom===`header`?(a(),b(`span`,ke,[v(`div`,{class:`toggle-button`,onClick:e=>m(t.url)},[C(d)==t.url?(a(),O(T,{key:0})):(a(),O(D,{key:1}))],8,Ae)])):w(``,!0)],2),t.subMenus.length>0?(a(),b(`ul`,{key:0,class:i([`ChannelList--SubChannels list-none p-0 m-0 overflow-hidden`,[C(n).path.toLowerCase()===t.url.toLowerCase()?`first-selected-channel`:``,C(d)===t.url?`current-selected-channel`:``]])},[(a(!0),b(E,null,M(t.subMenus.filter(e=>t.title.toLowerCase()===`bride`||![`bride`,`bazaar news`,`bazaar select`].includes(e.title.toLowerCase())),(t,n)=>(a(),b(`li`,{key:`subchannel-nav-${n}`,class:i([`ChannelList--SubChannel list-none antialiased p-0 m-0`,[e.sourceFrom===`header`?`text-center desktop:text-left`:``]])},[h(S,{class:`no-underline font-arial-sans text-11px leading-22px tracking-0.1em p-0 m-0 transition-colors duration-300 text-cfff desktop:text-cfff hover:text-ca2a2a2`,to:t.url,onClick:e=>f(t.url)},{default:k(()=>[y(p(t.title),1)]),_:2},1032,[`to`,`onClick`])],2))),128))],2)):w(``,!0)]))),128))])):w(``,!0)]),v(`div`,je,[C(s).siteInfo?(a(!0),b(E,{key:0},M(C(s).siteInfo.features,(t,n)=>o((a(),b(`div`,{key:`feature-nav-${n}`,class:i([`ChannelList--Feature group-h3 inline-block antialiased w-full m-0 align-top`,[e.sourceFrom===`header`?`text-center desktop:text-left`:``]]),onClick:e=>_(t)},[v(`h3`,Ne,[t.target===`_self`&&!t.url.includes(`://`)?(a(),O(S,{key:0,class:i([`text-14px font-didot min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.sourceFrom===`header`?`text-center text-20px leading-43px desktop:text-14px desktop:leading-33px`:``]]),to:t.url,onClick:e=>f(t.url)},{default:k(()=>[y(p(t.title),1)]),_:2},1032,[`class`,`to`,`onClick`])):(a(),b(`a`,{key:1,class:i([`text-14px font-didot min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.sourceFrom===`header`?`text-center text-20px leading-43px desktop:text-14px desktop:leading-33px`:``]]),href:t.url,target:t.target},p(t.title),11,Pe))])],10,Me)),[[A,x.bind(null,t)]])),128)):w(``,!0)]),v(`div`,Fe,[v(`div`,Ie,[v(`div`,{class:i([`group-h3 inline-block w-full m-0 align-top`,[e.sourceFrom===`header`?`text-center desktop:text-left`:``]])},[C(c).profile?(a(),b(`h3`,Le,[v(`h3`,Re,[g[1]||=y(` Hi`,-1),C(c).profile.firstName?(a(),b(`span`,ze,`, `+p(C(c).profile.firstName),1)):w(``,!0),g[2]||=y(`! `,-1)]),v(`a`,{class:i([`text-14px font-didot min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.sourceFrom===`header`?`text-center text-20px leading-43px antialiased desktop:text-left desktop:text-14px desktop:leading-33px`:``]]),href:`${C(s).env.cosmartUrl}/rewards?utm_source=website-hb&utm_medium=navigation&utm_campaign=navigation&utm_content=20210901`,target:`_blank`},` REWARDS `,10,Be),v(`a`,{class:i([`text-14px font-didot min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.sourceFrom===`header`?`text-center text-20px leading-43px antialiased desktop:text-left desktop:text-14px desktop:leading-33px`:``]]),href:`${C(s).env.cosmartUrl}/account?utm_source=website-hb&utm_medium=navigation&utm_campaign=navigation&utm_content=20210901`,target:`_blank`},` ACCOUNT `,10,Ve),v(`a`,{class:i([`text-14px font-didot min-h-33px leading-33px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2 cursor-pointer`,[e.sourceFrom===`header`?`text-center text-20px leading-43px antialiased desktop:text-left desktop:text-14px desktop:leading-33px`:``]]),onClick:g[0]||=e=>{C(R)().gtmInteractEvent(`logout`,`click`,{event_position:`footer`}),C(c).logout()}},` LOGOUT `,2)])):(a(),b(`h3`,{key:1,class:i([`text-14px font-didot min-h-33px leading-33px py-20px m-0 antialiased cursor-pointer overflow-hidden uppercase transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2 border-t-0px border-l-0 border-r-0 border-b-0 border-solid border-[silver] desktop:border-none desktop:py-0`,[e.sourceFrom===`header`?`text-center text-20px leading-43px desktop:text-left desktop:text-14px desktop:leading-33px`:``]]),onClick:l},` LOGIN `,2))],2),u.length>0?(a(),b(`ul`,He,[(a(),b(E,null,M(u,(t,n)=>v(`li`,{key:`subfeature-nav-${n}`,class:`p-0 m-0 overflow-hidden antialiased`},[t.target===`_self`&&!t.url.includes(`://`)?(a(),O(S,{key:0,class:i([`text-12px min-h-33px leading-22px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.

1sourceFrom===`header`?`text-center desktop:text-left`:``]]),to:t.url,onClick:e=>f(t.url)},{default:k(()=>[y(p(t.title),1)]),_:2},1032,[`class`,`to`,`onClick`])):(a(),b(`a`,{key:1,class:i([`text-12px min-h-33px leading-22px p-0 m-0 transition-colors duration-300 text-cbbb desktop:text-cfff hover:text-ca2a2a2`,[e.sourceFrom===`header`?`text-center desktop:text-left`:``]]),href:t.url,target:t.target},p(t.title),11,Ue))])),64))])):w(``,!0)])])],64)):w(``,!0),e.sourceFrom===`header-mobile-bottom`?(a(),b(E,{key:1},[u.length>0?(a(),b(`ul`,We,[(a(),b(E,null,M(u,(e,t)=>v(`li`,{key:`subfeature-nav-${t}`,class:`m-0 overflow-hidden antialiased p-[0.5em] desktop:p-0`},[e.target===`_self`&&!e.url.includes(`://`)?(a(),O(S,{key:0,class:`text-14px min-h-33px leading-18px tracking-[0.1em] m-0 p-0 transition-colors duration-300 text-cbbb desktop:text-12px desktop:leading-22px desktop:text-cfff hover:text-ca2a2a2`,to:e.url,onClick:t=>f(e.url)},{default:k(()=>[y(p(e.title),1)]),_:2},1032,[`to`,`onClick`])):(a(),b(`a`,{key:1,class:`text-14px min-h-33px leading-18px tracking-[0.1em] m-0 p-0 transition-colors duration-300 text-cbbb desktop:text-12px desktop:leading-22px desktop:text-cfff hover:text-ca2a2a2`,href:e.url,target:e.target},p(e.title),9,Ge))])),64))])):w(``,!0)],64)):w(``,!0)],2)}}}),{__name:`LayoutPartsChannelList`});A(),u(),f();var Ke={class:`contributor-list relative text-cfff`},qe={class:`flex flex-row`},Je={class:`text-cfff text-11px mt-10px text-center hover:text-ca2a2a2`},Ye=Object.assign(V(j({__name:`ContributorList`,props:{items:{}},setup(e){let t=(e,t)=>{R().event(e,`Editors-logo`,`Hamburger menu-${t?.name}`)},n=e=>{t(`click`,e)},i=e=>{t(`impression`,e)};return(t,s)=>{let c=U,l=L,u=re,d=r(`inview`);return a(),b(`div`,Ke,[e.items.length?(a(),O(u,{key:0,options:{breakpoints:{[`(min-width: ${C(N)(`desktop`)}px`]:{slidesToScroll:7}}}},{default:k(()=>[v(`div`,qe,[(a(!0),b(E,null,M(e.items,e=>(a(),b(`div`,{key:`LayoutPartsContributorList-contributor-${e.url}`,class:`overflow-hidden flex-[0_0_50%] desktop:flex-[0_0_14.28571%]`},[o((a(),O(l,{class:`text-cfff text-11px transition-colors duration-300 hover:text-ca2a2a2`,to:e.url??void 0,onClick:t=>{C(R)().gtmInteractEvent(`article_editor`,`click`,{event_format:`icon_and_text`,event_position:`hamburger_menu`,event_label:e.name}),n(e)}},{default:k(()=>[h(c,{image:e.image},null,8,[`image`]),v(`div`,Je,p(e.name),1)]),_:2},1032,[`to`,`onClick`])),[[d,i.bind(null,e)]])]))),128))])]),backBtn:k(()=>[...s[0]||=[v(`div`,{class:`contributor-swiper-prev-btn icon icon-contributor-prev absolute w-15px h-20px top-[50%] right-[100%] cursor-pointer z-1`},null,-1)]]),nextBtn:k(()=>[...s[1]||=[v(`div`,{class:`contributor-swiper-next-btn icon icon-contributor-next absolute w-15px h-20px top-[50%] left-[100%] cursor-pointer z-1`},null,-1)]]),_:1},8,[`options`])):w(``,!0)])}}}),[[`__scopeId`,`data-v-bceb7a60`]]),{__name:`LayoutPartsContributorList`});A(),u();var Xe={class:`subscription-menu desktop:flex desktop:items-center`},Ze=[`onClick`],Qe=Object.assign(V(j({__name:`EdmSubscribe`,setup(e){let t=e=>{R().event(e,`eDM-subscription`,`Hamburger menu-bottom`)},n=()=>{t(`click`)},i=()=>{t(`impression`)};return(e,t)=>{let s=ie,c=r(`inview`);return o((a(),b(`div`,Xe,[t[1]||=v(`h3`,{class:`block text-18px text-center align-middle font-didot font-500 leading-18px tracking-[0.1em] select-none uppercase px-4 pt-30px pb-20px m-0 transition-colors duration-300 text-cbbb desktop:text-14px desktop:p-0`},` Bazaar Newsletter `,-1),v(`div`,{class:`tablet-menu-subscribe-form align-middle block`,onClick:n},[h(s,{onOnSubmit:t[0]||=e=>C(R)().gtmInteractEvent(`edm_subscription`,`click`,{event_position:`hamburger_menu`})},{default:k(({form:e})=>[v(`div`,{class:`btn-submit`,onClick:e.handleSubmitForm},` Subscribe `,8,Ze)]),_:1})])])),[[c,i],[c,()=>{C(R)().gtmInteractEvent(`edm_subscription`,`impression`,{event_position:`hamburger_menu`})},`once`]])}}}),[[`__scopeId`,`data-v-9e989db9`]]),{__name:`LayoutPartsEdmSubscribe`});A(),f();var $e=[`onClick`],et=[`href`],Z=Object.assign(j({__name:`SocialMediaList`,props:{sourceFrom:{default:``}},setup(e){let t=e,n=[{name:`facebook`,url:`https://www.facebook.com/harpersbazaarhk/`,class:`logo logo-fb`},{name:`instagram`,url:`https://www.instagram.com/harpersbazaarhk/`,class:`logo logo-ig`},{name:`youtube`,url:`https://www.youtube.com/user/harpersbazaarhk`,class:`logo logo-yt`},{name:`whatsapp`,url:`https://whatsapp.com/channel/0029Va9ssWI1noz7sbrL431x`,class:`logo logo-whatsapp`}],s=(e,n)=>{t?.sourceFrom!==`footer`&&R().event(e,`Follow-us`,`Hamburger menu-${n?.name}`)},c=e=>{s(`click`,e)},l=e=>{s(`impression`,e)};return(t,s)=>{let u=r(`inview`);return a(),b(`ul`,{class:i([`social-list block list-none p-0 text-center leading-none`,[e.sourceFrom===`header`?`inline-block`:``,e.sourceFrom===`footer`?`desktop:float-right desktop:mt-10px desktop:mr-40px`:``]])},[(a(),b(E,null,M(n,e=>o((a(),b(`li`,{key:e.name,class:`item inline-block p-0 mx-4px`,onClick:t=>c(e)},[v(`a`,{class:i([`rounded-full w-28px h-28px cursor-pointer block border-solid border-2 border-cbbb hover:border-cfff`,e.class]),href:e.url,target:`_blank`},null,10,et)],8,$e)),[[u,l.bind(null,e)]])),64))],2)}}}),{__name:`LayoutPartsSocialMediaList`});u(),A(),f();var tt={class:`relative max-container py-13px desktop:pt-0 desktop:pb-10px`},nt={id:`header-bar-02`,class:`mt-5px relative flex justify-center items-center desktop:items-end desktop:justify-start desktop:mt-40px`},rt={id:`header-menu-btn`,class:`showMobileMenu absolute left-0 top-[50%] transform translate-y-[-50%] ml-1.15rem cursor-pointer desktop:ml-8px`},it={class:`hidden flex-1 desktop:flex desktop:absolute desktop:right-18px desktop:h-[33px]`},at={id:`header-menu-container`,class:`w-full mt-10px border-cbbb max-container`},ot={class:`inner-container max-w-926px mx-auto desktop:mt-16px`},st={class:`menu-opened-search-box`},ct={class:`inner-container max-w-926px mx-auto desktop:mt-24px`},lt={id:`header-mobile-bottom-container`},ut=Object.assign(V(j({__name:`NavMenu`,setup(e){let t=P(),n=T(),r=()=>

1{n.value&&n.value.submitForm()};m(()=>t.isNavMenuOpen,e=>{let t=document.getElementsByTagName(`html`)[0];t&&(e?t.classList.add(`bg-scroll-disable`):t.classList.contains(`bg-scroll-disable`)&&t.classList.remove(`bg-scroll-disable`))});let o=D();return m(()=>o.fullPath,()=>{t.isNavMenuOpen&&=!1}),(e,o)=>{let s=J,c=L,l=Y,u=X,d=Ye,f=Qe,p=Z;return a(),b(`div`,{class:i({hidden:!C(t).isNavMenuOpen})},[v(`div`,tt,[v(`div`,nt,[v(`div`,rt,[h(s)]),h(c,{id:`header-logo-hbhk`,class:`desktop:ml-50px`,to:`/`},{default:k(()=>[v(`span`,{class:i([`hb-logo`,[C(t).isNavMenuOpen?`hb-logo-grey`:`hb-logo-black`]])},null,2)]),_:1}),v(`div`,it,[v(`div`,{class:i([`menu-close-search-box hidden tablet:block tablet:absolute tablet:w-[150px] tablet:right-[100%] desktop:w-[600px]`,[C(t).isNavMenuOpen?`tablet:hidden desktop:block`:``]])},[h(C(W),{ref_key:`searchBoxWhenMenuClosed`,ref:n,"source-from":`searchBoxWhenMenuClosed`,"tracker-position":`header`},null,512)],2),v(`div`,{class:`desktop-header-search invisible max-w-25px items-end flex-row flex-shrink-0 cursor-pointer hover:opacity-50 tablet:visible tablet:block desktop:mr-0`,onClick:o[0]||=e=>r()},[h(l)])])])]),v(`div`,at,[v(`div`,ot,[v(`div`,{class:i([`menu-opened-search-area my-30px relative`,[C(t).isNavMenuOpen?`desktop:hidden`:``]])},[v(`div`,st,[h(C(W),{ref:`searchBoxWhenMenuOpened`,"source-from":`searchBoxWhenMenuOpened`,"tracker-position":`header`},null,512)]),v(`div`,{class:i([`tablet-header-search absolute top-0 right-15px max-w-25px cursor-pointer hover:opacity-50`,[C(t).isNavMenuOpen?`desktop:hidden`:``]]),onClick:o[1]||=e=>r()},[h(l)],2)],2),h(u,{"source-from":`header`})]),v(`div`,{id:`header-editors-and-contributors-container`,class:i([`mb-0 desktop:mb-30px`,{hidden:!C(t).isNavMenuOpen}])},[v(`div`,ct,[o[2]||=v(`h3`,{class:`font-didot transition-colors text-ca2a2a2 text-center uppercase text-14px leading-33px p-0 mb-25px min-h-33px`},` Editors & Contributors `,-1),C(t).siteInfo&&C(t).siteInfo.contributorList?(a(),O(d,{key:0,items:C(t).siteInfo.contributorList},null,8,[`items`])):w(``,!0)])],2),v(`div`,{class:i([`menu-bottom-newsletter-box w-full block pb-30px desktop:hidden`,{hidden:!C(t).isNavMenuOpen}])},[h(f)],2),v(`div`,{id:`menu-bottom-social-bar`,class:i([`w-full block desktop:w-50/100 desktop:inline-block`,{hidden:!C(t).isNavMenuOpen}])},[o[3]||=v(`h3`,{class:`select-none font-serif font-500 transition-colors duration-300 text-cbbb text-center uppercase block text-18px tracking-[0.1em] leading-18px pt-30px pb-20px px-4 m-0 align-middle desktop:inline-block desktop:text-14px desktop:leading-14px desktop:pt-30px desktop:pb-20px`},` Follow Us `,-1),h(p,{"source-from":`header`})],2),v(`div`,{class:i([`menu-bottom-newsletter-box hidden desktop:w-50/100 desktop:inline-block desktop:h-33px`,{hidden:!C(t).isNavMenuOpen}])},[h(f)],2),v(`div`,lt,[h(u,{"source-from":`header-mobile-bottom`})])])],2)}}}),[[`__scopeId`,`data-v-4a3a9bc0`]]),{__name:`LayoutNavMenu`});u(),A(),f(),l();var dt={class:`relative`},ft={class:`relative max-container py-13px desktop:pt-0 desktop:pb-10px`},pt={id:`header-bar-01`,class:`hidden desktop:block desktop:w-1024px desktop:m-auto desktop:h-35px desktop:relative`},mt={id:`header-bar-02`,class:`mt-5px relative flex justify-center items-center desktop:items-end desktop:justify-start`},ht={class:`hidden flex-1 ml-35px max-w-[calc(100%-290px)] desktop:flex`},gt={class:`flex-1 text-18px leading-25px text-center truncate mr-20px`},_t=Object.assign(V(j({__name:`Header`,setup(e){let t=ne(),n=P(),s=T(),c=T(!1),l=()=>{if(c.value){if(!s.value)return;s.value.submitForm(),c.value=!1}else c.value=!0},u=(e,t)=>{let n=t?`content-recommendation`:`Letzshop-related`,r=t?`next`:`Hamburger menu-bottom`;R().event(e,n,r)},d=e=>{u(`click`,e)},f=e=>{u(`impression`,e)};return(e,u)=>{let m=K,g=he,_=J,S=L,T=ye,D=Y,A=ut,j=r(`inview`);return a(),b(`header`,{class:i([`z-11 w-full sticky top-0`,[C(n).isNavMenuOpen?``:`bg-cfff border-c000`]])},[v(`div`,{class:i([C(n).isNavMenuOpen?`bg-c242424`:`bg-cfff`])},[v(`div`,dt,[v(`div`,ft,[v(`div`,pt,[v(`div`,{id:`header-social-bar`,class:i([`flex absolute right-0`,{invisible:C(n).isNavMenuOpen}])},[h(m),h(g)],2)]),v(`div`,mt,[v(`div`,{id:`header-menu-btn`,class:i([`absolute left-0 top-[50%] transform translate-y-[-50%] ml-1.15rem cursor-pointer desktop:ml-8px`,{showMobileMenu:C(n).isNavMenuOpen}])},[h(_)],2),h(S,{id:`header-logo-hbhk`,class:`desktop:ml-50px`,to:`/`},{default:k(()=>[v(`span`,{class:i([`hb-logo`,[C(n).isNavMenuOpen?`hb-logo-grey`:`hb-logo-black`]])},null,2)]),_:1}),o(v(`div`,ht,[C(t).currentArticle?(a(),b(E,{key:0}

1,[v(`div`,gt,p(C(t).currentArticle.title),1),C(t).nextArticle?o((a(),O(S,{key:0,to:C(t).nextArticle.url,class:`flex items-center text-16px tracking-[0.25em] leading-[1.5] ml-auto mr-20px`,onClick:u[0]||=e=>{C(R)().gtmInteractEvent(`article`,`click`,{article_block_type:`next_article`,article_recommend_type:`topic_tag`,article_id_target:C(t).nextArticle?.locationId,link_url:C(t).nextArticle?.url,link_text:`NEXT`,event_position:C(t).nextArticle?.articleIdx}),d(!0)}},{default:k(()=>[...u[2]||=[v(`span`,{class:`inline-block icon icon-next w-20px h-20px mr-5px`},null,-1),y(` NEXT `,-1)]]),_:1},8,[`to`])),[[j,f.bind(null,!0)],[j,()=>C(R)().gtmInteractEvent(`article`,`impression`,{article_block_type:`next_article`,article_recommend_type:`topic_tag`,article_id_target:C(t).nextArticle?.locationId,link_url:C(t).nextArticle?.url,link_text:`NEXT`,event_position:C(t).nextArticle?.articleIdx}),`once`]]):w(``,!0)],64)):w(``,!0)],512),[[x,!C(n).isNavMenuOpen&&C(t).currentArticle&&(C(t).currentArticle.articleIdx>0||C(t).currentArticle.scrollProgress>0)]]),o(v(`div`,{class:i([`hidden flex-1 desktop:flex desktop:absolute desktop:right-18px desktop:h-[33px]`,{"desktop:w-766px":!C(n).isNavMenuOpen&&!C(c)}])},[!C(n).isNavMenuOpen&&!C(c)?(a(),b(`div`,{key:0,id:`header-nav`,class:i([`hidden items-center desktop:block desktop:mb-3px desktop:w-[calc(100%-25px)]`,{invisible:C(n).isNavMenuOpen}])},[h(T)],2)):(a(),b(`div`,{key:1,class:i([`menu-close-search-box hidden tablet:block tablet:absolute tablet:w-[150px] tablet:right-[100%] desktop:w-[600px]`,[C(n).isNavMenuOpen?`tablet:hidden desktop:block`:``]])},[h(C(W),{ref_key:`searchBoxWhenMenuClosed`,ref:s,"source-from":`searchBoxWhenMenuClosed`,"tracker-position":`header`},null,512)],2)),v(`div`,{class:`desktop-header-search invisible max-w-25px items-end flex-row flex-shrink-0 cursor-pointer hover:opacity-50 tablet:visible tablet:block desktop:mr-0`,onClick:u[1]||=e=>l()},[h(D)])],2),[[x,!(!C(n).isNavMenuOpen&&C(t).currentArticle&&(C(t).currentArticle.articleIdx>0||C(t).currentArticle.scrollProgress>0))]])])]),h(A,{class:`max-h-screen overflow-scroll absolute top-0 w-full bg-c242424`})])],2)],2)}}}),[[`__scopeId`,`data-v-ebfbdb08`]]),{__name:`LayoutHeader`});A(),f();var vt={class:`section copyright`},yt={class:`text text-cededed text-12px tracking-0.12em text-center desktop:text-left`},bt={class:`text text-cededed text-12px tracking-0.12em text-center desktop:text-left`},xt=[`href`],St=[`href`],Ct=[`href`],wt=[`href`],Tt=[`href`],Et=Object.assign(V(j({__name:`LegalText`,setup(e){let t={name:`SCMP Hearst Publications Ltd`},n={parent:{name:`South China Morning Post Publishers Limited`},ellehk:{name:`ELLE`,url:`//www.elle.com.hk`},esquirehk:{name:`Esquire`,url:`//www.esquirehk.com`},hbhk:{name:`Harper's BAZAAR`,url:`//www.harpersbazaar.com.hk`},cosmohk:{name:`Cosmopolitan`,url:`//www.cosmopolitan.com.hk`},ellemenhk:{name:`ELLE MEN`,url:`//www.ellemen.com.hk`}};return(e,r)=>(a(),b(`div`,vt,[v(`p`,yt,[v(`span`,null,`Copyright ©`+p(new Date().getFullYear())+` `+p(t.name)+`. All Rights Reserved.`,1)]),v(`p`,bt,[v(`a`,{class:`text-cfff text-12px font-700`,href:n.cosmohk.url,target:`_blank`},p(n.cosmohk.name),9,xt),r[0]||=v(`span`,null,`, `,-1),v(`a`,{class:`text-cfff text-12px font-700`,href:n.ellehk.url,target:`_blank`},p(n.ellehk.name),9,St),r[1]||=v(`span`,null,`, `,-1),v(`a`,{class:`text-cfff text-12px font-700`,href:n.ellemenhk.url,target:`_blank`},p(n.ellemenhk.name),9,Ct),r[2]||=v(`span`,null,`, `,-1),v(`a`,{class:`text-cfff text-12px font-700`,href:n.hbhk.url,target:`_blank`},p(n.hbhk.name),9,wt),r[3]||=v(`span`,null,` and `,-1),v(`a`,{class:`text-cfff text-12px font-700`,href:n.esquirehk.url,target:`_blank`},p(n.esquirehk.name),9,Tt),v(`span`,null,` are publications under `+p(n.parent.name)+`.`,1)])]))}}),[[`__scopeId`,`data-v-959839b5`]]),{__name:`LayoutPartsLegalText`});A(),l();var Dt={class:`relative z-1 mx-auto pb-20px bg-c242424 pt-37px w-full desktop:pt-55px`},Ot={class:`max-footer-container mx-auto max-w-1108px`},kt={class:`section top max-w-948px mx-auto border-c000 relative mb-20px`},At={class:`item mobile:block tablet:block desktop:inline-block`},jt={class:`section menu max-w-948px hidden p-0 my-0 mx-auto desktop:block desktop:min-h-20px`},Mt={id:`footer-legal-text`,class:`pt-5px pb-15px desktop:px-60px`},Nt=Object.assign(V(j({__name:`Footer`,setup(e){P();let t=D().name===`channel-content`;return(e,n)=>{let r=L,i=Z,s=X,c=Et;return o((a(),b(`footer`,Dt,[v(`div`,Ot,[v(`div`,kt,[v(`div`,At,[h(r,{id:`footer-logo-hbhk`,to:`/`,class:`block w-201px mx-auto`},{default:k(()=>[...n[0]||=[v(`span`,{class:`hb-logo hb-logo-grey`},null,-1)]]),_:1})]),h(i,{"source-from":`footer`})]),n[1]||=v(`div`,{class:`seperator hidden desktop:block desktop:w-full desktop:h-1px desktop:bg-cbbb`},null,-1),v(`div`,jt,[h(s,{"source-from":`footer`})]),n[2]||=v(`div`,{class:`seperator w-full h-1px bg-cbbb`},null,-1),v(`div`,Mt,[h(c)])])],512)),[[x,!t]])}}}),[[`__scopeId`,`data-v-96273f72`]]),{__name:`LayoutFooter`});u(),A(),l();var Pt={class:`IE-popup fixed top-0 left-0 w-full h-full z-100`},Ft=Object.assign(V(j({__name:`IEPopupMessage`,setup(e){let t=T(!1);return c(()=>{window.document.documentMode&&(t.value=!0)}),(e,n)=>o((a(),b(`div`,Pt,[...n[0]||=[v(`p`,{class:`absolute top-[50%] left-0 w-full text-30px text-center leading-[1.5]`},[y(` 為了最佳瀏覽效果，請使用Chrome、Safari或其他瀏覽器。`),v(`br`),y(` Please use Chrome, Safrai or other browsers for better experience. `)],-1)]],512)),[[x,C(t)]])}}),[[`__scopeId`,`data-v-a5088b32`]]),{__name:`CoreElementIEPopupMessage`});A(),f();var It={class:`group`},Lt={class:`articleGroup max-w-1000px mx-auto flex flex-row gap-20px desktop:flex-col`},Rt={class:`recommend-card flex flex-col flex-1 bg-[white] text-[#000] relative desktop:flex-row`},zt={class:`description borderStyle desktop:order-1`},Bt={class:`title-wrapper`},Vt={key:0,class:`relative font-bold uppercase mb-8px tracking-0.

112em leading-none`},Q={class:`title`},Ht=Object.assign(V(j({__name:`RecommendArticleItem`,props:{contentList:{},trafficSource:{},type:{}},emits:[`on-click`],setup(e,{emit:n}){let s=e,c=n,l=R(),u=g(()=>s?.trafficSource),d=g(()=>s?.type),f=e=>typeof e==`string`?e:e?.href??e?.url??``,m=e=>{if(typeof e!=`string`)return e?.target},_=e=>f(e?.url),x=e=>m(e?.url)??e?.target,S=e=>e?.locationId??e?.nodeId??e?.contentId,C=(e,t)=>{l.gtmInteractEvent(`article`,e,{article_block_type:d.value,article_recommend_type:u.value,article_id_target:t}),e!==`impression`&&c(`on-click`,!1)};return(n,s)=>{let c=U,l=L,u=r(`inview`);return a(),b(`div`,It,[t(n.$slots,`beforeArticle`,{offset:0},void 0,!0),v(`div`,Lt,[(a(!0),b(E,null,M(e.contentList,(e,r)=>(a(),b(E,{key:`group-item--${r}`},[r>0?t(n.$slots,`beforeArticle`,{offset:r},void 0,!0,0):w(``,!0),o((a(),b(`div`,Rt,[h(l,{to:_(e),target:x(e),class:i([`block figure desktop:order-2`,{"icon-video":e&&e.hasVideo}]),onClick:()=>C(`click`,S(e))},{default:k(()=>[e.image?(a(),O(c,{key:0,image:e.image,"is-full-width":!0},null,8,[`image`])):w(``,!0)]),_:2},1032,[`to`,`target`,`class`,`onClick`]),v(`div`,zt,[v(`div`,Bt,[e.topicTag?(a(),b(`div`,Vt,[h(l,{to:e.topicTag[0]?.url,class:`hover:text-c6b6b6b relative z-1 text-c000`},{default:k(()=>[y(p(e.topicTag[0]?.name),1)]),_:2},1032,[`to`])])):w(``,!0),h(l,{to:_(e),target:x(e),onClick:()=>C(`click`,S(e))},{default:k(()=>[v(`div`,Q,p(e.title),1)]),_:2},1032,[`to`,`target`,`onClick`])]),h(l,{to:e.url,onClick:()=>C(`click`,e.locationId)},{default:k(()=>[...s[0]||=[v(`div`,{class:`arrow-circle`,"aria-hidden":`true`},[v(`svg`,{width:`30`,height:`30`,viewBox:`0 0 30 30`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[v(`circle`,{cx:`15`,cy:`15`,r:`15`,fill:`black`}),v(`path`,{d:`M11 21.8919L19 15L11 8.10815`,stroke:`white`,"stroke-width":`2`})])],-1)]]),_:1},8,[`to`,`onClick`])])])),[[u,()=>C(`impression`,S(e)),`once`]]),r?t(n.$slots,`afterArticle`,{offset:r},void 0,!0,1):w(``,!0)],64))),128))]),t(n.$slots,`afterArticle`,{offset:e.contentList?.length-1},void 0,!0)])}}}),[[`__scopeId`,`data-v-30b46e70`]]),{__name:`PageIndexRecommendArticleItem`});u(),A();var Ut={key:0,id:`popup-recommendation-modal`,class:`z-1043 fixed w-full h-full left-0 top-0 overflow-hidden bg-[rgb(0,0,0,0.4)]`},Wt={class:`text-center absolute w-full h-full left-0 top-0 flex justify-center items-center`},Gt={key:0,class:`w-full flex justify-center items-center`},Kt={key:1,class:`cursor-auto relative inline-block align-middle text-left z-1045 my-0 w-full p-30px bg-[black] tablet:mx-auto tablet:max-w-505px tablet:max-h-800px tablet:w-[95%]`},qt=[`data-from`],Jt={class:`flex justify-between items-center mb-20.5px`},Yt={class:`text-[#fff]`},$=`POPUPRECSHOWN`,Xt=45e3,Zt=Object.assign(V(j({__name:`PopupRecommendation`,setup(t){let r=P(),i=R(),o=S(),s=T(!1),l=T(!0),u=T({ai:`AI_latest_articles`,search:`search_keyword`,social:`social_most_popular`,contentPartner:`content_partner_most_popular`,direct:`Direct_latest_published`}),d=T(u?.value?.direct||``),f=T(`Exit-intent-popups`),p=T([]),h=T(`direct`),g={ai:[`gemini`,`chatgpt`,`perplexity`,`copilot`,`deepseek`],search:[`google`,`yahoo`,`bing`,`ecosia`,`duckduckgo`],social:[`facebook`,`instagram`,`threads`],contentPartner:[`line`,`ystyle`,`msn`],exclude:[`email`,`cosmart`]},_=T(!0),y=()=>/safari/i.test(navigator.userAgent)&&!/chrome|edge/i.test(navigator.userAgent),x=0,E=()=>{try{let e=F($),t=e?JSON.parse(e):[];return new Set(t?.map(String))}catch{return new Set}},D=e=>{try{let t=JSON.stringify(Array.from(e)),n=new Date;n.setHours(23,59,59,999),ee($,t,n)}catch{}},k=e=>{let t=E();e.forEach(e=>t.add(String(e))),D(t)},A=()=>{let e=new URL(window.location.href).searchParams,t=document.referrer?new URL(document.referrer).host:null,n=e.get(`utm_source`)||t;if(!n?.length)return;let r=Object.keys(g).find(e=>g[e]?.find(e=>n?.toLowerCase()?.includes(e)));h.value=r||`direct`,h.value===`exclude`&&(_.value=!1)},j=(e=!1)=>{if(s.value=!1,i.gtmInteractEvent(`Pop-up`,`close`,{article_block_type:f.value,article_recommend_type:d.value}),f.value?.toLowerCase()===`exit-intent-popups`&&e){let e=window.history.state,t=e?.position||0,n=e?.firstPosition??0,r=n-1-t;

1console.log(`[Popup] Navigating back. Current: ${t}, First: ${n}, Jump: ${r}`),r<0?window.history.go(r):window.history.go(y()?-1:-2)}},M=async()=>{let e=r.firstArticleMeta,t=(e?[...e?.excludeIds?e.excludeIds:[],...Array.from(E())]:Array.from(E()))?.map(e=>Number(e));if(h.value===`search`||h.value===`ai`){let n=h.value===`ai`||e?.contentType===`theme`,i=n?`eztags_topic`:`eztags`;if(((n?e?.topicTags:e?.keywordTags)||[]).length){let n={contentId:e?.contentId||0,tagIdentifier:i,dayBefore:r.env.NODE_ENV===`production`?90:1e3,offset:0,limit:30},a=await r?.searchArticlesByContentId(n);if(p.value=a?.filter(e=>!t.includes(e.contentId))?.slice(0,2)||[],h.value===`search`&&!p.value?.length&&e?.contentType!==`theme`){let n={contentId:e?.contentId||0,tagIdentifier:`eztags_topic`,dayBefore:r.env.NODE_ENV===`production`?90:1e3,offset:0,limit:30},i=await r?.searchArticlesByContentId(n);p.value=i?.filter(e=>!t.includes(e.contentId))||[]}}else{let e=await r?.getMostPopular();p.value=(e||[])?.filter(e=>!t.includes(e.contentId))||[],u.value=Object.assign(u.value,{[h.value]:h.value===`search`?`Search_hp_most_popular`:`Social_hp_most_popular`})}}else if(h.value===`social`||h.value===`contentPartner`){let e=await r?.getMostPopular();p.value=(e||[])?.filter(e=>!t.includes(e.contentId))||[]}else{let e={dayBefore:r.env.NODE_ENV===`production`?14:1e3,offset:0,limit:30},n=await r?.searchLatestArticle(e);p.value=n?.filter(e=>!t.includes(e.contentId))||[]}p.value?.length&&(p.value=p.value.slice(0,2),k(p.value.map(e=>e.contentId)))},N=async e=>{let t=e.state?.firstPosition??0;if((y()?e.state?.position===t+1:e.state?.position===t)&&_.value){if(f.value=`Exit-intent-popups`,window.history.pushState({...e.state,fromPopupHandler:!0,firstPosition:t,position:(e.state?.position||t)+1,location:o.currentRoute.value.fullPath},``,o.currentRoute.value.fullPath),r.loadingNextRoute=!0,s.value=!0,l.value=!0,await M(),!p.value?.length)return j(!0);l.value=!1,_.value=!1,r.loadingNextRoute=!1}},I,L=[`mousemove`,`scroll`,`wheel`,`touchmove`,`click`,`touchstart`],z=()=>{clearTimeout(I)},B=()=>{z(),I=window.setTimeout(async()=>{s.value||!_.value||(f.value=`Inactive-popups`,s.value=!0,l.value=!0,await M(),l.value=!1,_.value=!1,p.value?.length||j(),H())},Xt)},V=()=>{document.addEventListener(`visibilitychange`,()=>{_.value&&(document.hidden?B():z())}),L.forEach(e=>{window.addEventListener(e,B,{passive:!0})})},H=()=>{window.removeEventListener(`popstate`,N),L.forEach(e=>{window.removeEventListener(e,B)})};return m(()=>_.value,e=>{e||z()}),e(()=>{x=window.history.state?.firstPosition??window.history.state?.position??0}),c(()=>{window.history.pushState({...window.history.state,initial:!0,firstPosition:x,position:(window.history.state?.position||0)+1,location:o.currentRoute.value.fullPath},``,o.currentRoute.value.fullPath),A(),h.value!==`exclude`&&(d.value=u?.value?.[h.value]||u?.value?.direct||``,V(),window.addEventListener(`popstate`,N))}),n(()=>{h.value!==`exclude`&&H()}),(e,t)=>{let n=Ht;return C(s)?(a(),b(`div`,Ut,[v(`div`,Wt,[C(l)?(a(),b(`div`,Gt,[...t[1]||=[v(`div`,{class:`loader`},null,-1)]])):(a(),b(`div`,Kt,[v(`div`,{class:`modal-content opacity-100 w-full relative my-0`,"data-from":C(u)?.[C(h)]},[v(`div`,Jt,[t[2]||=v(`div`,{class:`dont-miss`},` Don't Miss! `,-1),v(`div`,{class:`block icon icon-close-bold-white w-18px h-18px cursor-pointer`,onClick:t[0]||=e=>j(!0)})]),v(`div`,Yt,[C(l)?w(``,!0):(a(),O(n,{key:0,"content-list":C(p)?.slice(0,2),"traffic-source":C(d),type:C(f),onOnClick:j},null,8,[`content-list`,`traffic-source`,`type`]))])],8,qt)]))])])):w(``,!0)}}}),[[`__scopeId`,`data-v-5239a6d7`]]),{__name:`LayoutPopupRecommendation`});u(),A(),l(),f();var Qt={key:0},$t={class:`relative main-container z-2 bg-[#fff] w-full`},en={class:`relative min-h-[100vh]`},tn={id:`popupContainer`},nn=V(j({__name:`default`,async setup(e){let r,o;_(e=>({v23e66330:C(A)}));let l=P(),u=z(),f=B(),p=D(),y=T(),x=T(!0);g(()=>u.isLoggedIn);let S=e=>{if(e.origin!==l.env.cosmartUrl||e.data.on!==`loginStatusChanged`)return;let t=x.value?0:Math.floor(Math.random()*1e3)+1e3;setTimeout(()=>{y.value=e.data.payload?.status},t)},E=()=>{x.value=!document.hidden};[r,o]=s(()=>l.siteInfoInit()),await r,o();let k=g(()=>f.firstFrequency);f.setDfpHead();let A=String(f?.settings?.wallpaperSiteWidth??`1148px`);return m(()=>p.fullPath,e=>{F(`access_token`)!==u.accessToken&&u.checkMemberLogin(),l.loadingNextRoute=!1}),m(y,e=>{u.checkMemberLogin(void 0,e)}),c(async()=>{await I(),f.init(),await I(),window.addEventListener(`visibilitychange`,E),window.addEventListener(`message`,S),l.loadingNextRoute=!1}),n(()=>{window.removeEventListener(`message`,S),window.removeEventListener(`visibilitychange`,E)}),(e,n)=>{let r=H,o=_t,s=Nt,c=Ft,u=Zt;return a(),b(`div`,{class:i([`site-wrapper font-basic subpixel-antialiased text-c000`,[{"debug-mode":C(f).env&&(C(f).env.debug===!0||C(f).env.debug===`true`),"has-ad-block":C(f).hasAdBlock},C(l).isNavMenuOpen?`showMobileMenu`:`bg-cfff border-c000`]]),style:d({"--interstitial-loading-bg":C(f)?.settings?.interstitialLoadingBg||`rgba(0, 0, 0, 0.8)`})},[C(f)?.hasAdBlock?w(``,!0):(a(),b(`div`,Qt,[C(k)?(a(),O(r,{key:`${C(p)?.path||`default`}_global`,frequency:C(k),subpost:C(k)?.subpost,"location-id":C(k)?.locationId,position:`global`,style:{"--header-desktop-height":`0px`,"--header-mobile-height":`0px`},"ad-space":!0},null,8,[`frequency`,`subpost`,`location-id`])):w(``,!0)])),v(`div`,$t,[v(`div`,{class:i([C(l).isNavMenuOpen?`menu-bg-layer fixed z-11 w-100/100 h-100/100 left-0 top-0`:``])},null,2),h(o),C(k)?(a(),O(r,{key:`${C(p)?.path||`default`}_header`,frequency:C(k),subpost:C(k)?.subpost,"location-id":C(k)?.locationId,position:`header-after`,"ad-space":!0},null,8,[`frequency`,`subpost`,`location-id`])):w(``,!0),v(`main`,en,[t(e.$slots,`default`,{},void 0,!0)])]),h(s,{class:`visibility-content`}),v(`div`,tn,[h(c),h(u)])],6)}}}),[[`__scopeId`,`data-v-15d51d3e`]]);export{nn as default};