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

1import{Ht as e,In as t,It as n,Jt as r,L as i,Lt as a,Pt as o,Qt as s,Rn as ee,Sn as c,Vn as l,_t as u,ft as d,gt as f,ht as p,mn as m,mt as h,on as g,ot as _,p as v,pt as y,qt as b,un as x,wt as S,yt as C,zt as w}from"./B-NMJfkC.js";import{i as T,n as E,t as D,w as O}from"./DVEI-Hct.js";import{t as k}from"./DFIhTWua.js";import{n as A,t as j}from"./Gag0gX5_.js";import{t as M}from"./CxK_loi2.js";import{t as N}from"./BDNMzG2s.js";import{l as te,n as ne,o as re,p as ie,u as ae}from"./C9gx7FDj.js";import{t as oe}from"./BhNoLBfy.js";import{t as se}from"./l41r3Jm5.js";import{t as ce}from"./Cu8RxSnJ.js";import{t as P}from"./ae2ecc0G.js";import{t as F}from"./BfMLdJ6x.js";S(),s(),c();var I={class:`max-container pb-48px tablet:mt-24px`},L={class:`absolute uppercase table-cell leading-normal font-didot text-30px tracking-0.3em m-0 top-1/2 left-1/2 tablet:text-50px`,style:{transform:`translate(-50%, -50%)`}},R={class:`grid-with-aside flex justify-between`},z={class:`flex-1 min-w-0`},B={class:`hidden desktop:block desktop:w-300px`},V=5,H=Object.assign(N(C({__name:`Channel`,props:{content:{},contentList:{},fetchMoreData:{type:Function},nextUrl:{},loadingMore:{type:Boolean}},setup(s){a(`page_type`,`channel`);let c=s,{$useMq:S,$resolvePath:C}=i(),N=S(),H=v(),U=j(),W=D(),le=M(),G=x(le.firstFrequency??null),K=G?.settings?.perGroup||6,q=g(!1),J=[],ue=async()=>{let e=J?.length?J.join(`,`):0,{fetchData:t}=T(`/cosmart/benefit/random/8/${e}`,{},!1),{data:n}=await t(),r=E(n.value??[]).slice(0,3);return J=J.concat(r.map(e=>e.id)),{title:`HOT OFFER`,items:r.map(e=>(e.imageType=`image/webp`,e.suffix=`/format,webp/resize,w_310`,e.target=`_blank`,e))}},de=E(c?.content?.stories||[]),Y=[],fe=()=>(Y?.length<=0&&(Y=Y.concat(de)),Y?.shift()),X=(e=!1)=>{N.current!==`desktop`&&(q.value=!q.value,e&&Z(`click`))},Z=(e,t)=>{let n=`${H.params?.channel}-channel`,r=t?.title?`Topic-tag-list`:`View-all`,i=t?.title?`${n}-${t.title}`:n;A().event(e,r,i)},pe=e=>{Z(`click`,e)},Q=e=>{Z(`impression`,e)},me=W.siteInfo?.menus,he=[re(),ie(),te(me),ne([{name:c?.content?.meta.title,url:{href:H.path}}])],ge=c.content.url.split(`/`)[1],$=ae(c?.content?.meta,he);return o(async()=>{U.onMemberStatusReady(()=>{A().gtmDataLayer({event:`Mirror_Pageview`,mirror_params:{title:$.title??`Harper's BAZAAR HK | Harper's Bazaar 香港女性時尚生活雜誌`,sections:`${ge}`.replaceAll(/-|_/g,` `).toLowerCase(),path:H.path,authors:`No Author`,enabledVideo:!1,autoDetectYouTubeIframes:!1}})}),await O(),A().gtmDataLayer({event:`pageview`,page_type:`CHANNEL`,page_title:$.title??`Harper's BAZAAR HK | Harper's Bazaar 香港女性時尚生活雜誌`,page_location:`${window.location.origin}${H.path}`}),await O(),A().pageview(H.path,{articleId:c.content?.locationId,articleTitle:c.content?.meta?.title})}),(i,a)=>{let o=k,c=oe,g=P,v=se,x=F,S=ce,T=e(`inview`);return n(),p(`div`,I,[s.content.headerImage?(n(),p(`div`,{key:0,class:`relative text-center w-full h-175px text-cfff my-0 mx-auto overflow-hidden bg-center bg-no-repeat bg-cover`,style:ee(`background-image: url(${m(C)(s.content.headerImage.desktop.src)})`)},[d(`h1`,L,[u(o,{to:s.content.url,class:`text-cfff`},{default:b(()=>[f(l(s.content.meta.title),1)]),_:1},8,[`to`])])],4)):h(``,!0),m(G)?(n(),y(c,{key:1,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`tag`,class:`w-full my-30px`,"location-id":s.content?.locationId},null,8,[`frequency`,`per-group`,`subpost`,`location-id`])):h(``,!0),d(`ul`,{class:t([`TopicTags`,m(q)?`max-h-600px overflow-visible table`:`max-h-60px overflow-hidden block`])},[r((n(),p(`li`,{class:`ViewAll`,onClick:a[0]||=e=>X(!0)},[u(o,{to:s.content.url},{default:b(()=>[...a[3]||=[f(` VIEW ALL `,-1)]]),_:1},8,[`to`]),d(`span`,{class:t(m(q)?`IconSingleUpArrow`:`IconSingleDownArrow`)},null,2)])),[[T,Q.bind(null)]]),(n(!0),p(_,null,w(s.content.topicTags,(e,t)=>r((n(),p(`li`,{key:`topicTag-${t}`,class:`bg-channel-topictag-bg-color`,onClick:a[1]||=e=>X()},[u(o,{to:e.url,target:e.target,onClick:t=>pe(e)},{default:b(()=>[f(l(e.title),1)]),_:2},1032,[`to`,`target`,`onClick`]),a[4]||=d(`span`,{class:`IconSingleUpArrow`},null,-1)])),[[T,Q.bind(null,e)]])),128))],2),(n(!0),p(_,null,w(s.contentList,(e,t)=>(n(),p(`div`,{key:`channel-${t}

1`,class:`mb-20px`},[m(G)?(n(),y(c,{key:0,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`group`,class:`w-full my-30px`,idx:t,"location-id":s.content?.locationId,suffix:`bloc`},null,8,[`frequency`,`per-group`,`subpost`,`idx`,`location-id`])):h(``,!0),u(g,{"get-content":t%V===0?ue:fe,class:`visibility-content`,"is-cosmart":t%V===0},null,8,[`get-content`,`is-cosmart`]),m(G)?(n(),y(c,{key:1,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`group`,class:`w-full my-30px`,"location-id":s.content?.locationId,idx:t},null,8,[`frequency`,`per-group`,`subpost`,`location-id`,`idx`])):h(``,!0),t===1?(n(),y(v,{key:2,class:`my-40px`})):h(``,!0),d(`div`,R,[d(`div`,z,[(n(!0),p(_,null,w(e,(e,r)=>(n(),p(_,{key:`article-${r}`},[m(G)?(n(),y(c,{key:0,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`page`,class:`w-full my-30px desktop:max-w-748px`,idx:r+t*m(K),"location-id":s.content?.locationId},null,8,[`frequency`,`per-group`,`subpost`,`idx`,`location-id`])):h(``,!0),d(`div`,null,[u(x,{content:e,"is-home":!0,class:`visibility-content`,onEventClick:a[2]||=e=>m(A)().gtmDataLayer({page_source:`channel_page`})},null,8,[`content`])]),m(G)?(n(),y(c,{key:1,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`page`,class:`w-full my-30px desktop:max-w-748px`,idx:r+t*m(K),suffix:`after`,"location-id":s.content?.locationId},null,8,[`frequency`,`per-group`,`subpost`,`idx`,`location-id`])):h(``,!0)],64))),128))]),d(`aside`,B,[m(G)?(n(),y(c,{key:0,frequency:m(G),"per-group":m(K),position:`aside`,subpost:s.content?.subpost,idx:t,"location-id":s.content?.locationId},null,8,[`frequency`,`per-group`,`subpost`,`idx`,`location-id`])):h(``,!0)])])]))),128)),s.nextUrl?r((n(),y(S,{key:2},null,512)),[[T,s.fetchMoreData]]):h(``,!0),m(G)?(n(),y(c,{key:3,frequency:m(G),"per-group":m(K),subpost:s.content?.subpost,position:`bottom`,"location-id":s.content?.locationId},null,8,[`frequency`,`per-group`,`subpost`,`location-id`])):h(``,!0)])}}}),[[`__scopeId`,`data-v-b1ce3dc7`]]),{__name:`PageChannel`});export{H as t};