pb-sxp-ui 1.0.80 → 1.0.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +321 -85
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +93 -0
- package/dist/index.js +322 -86
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +321 -85
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/Pagebuilder/type.d.ts +7 -0
- package/es/core/components/Consent/index.d.ts +13 -0
- package/es/core/components/Consent/index.js +60 -0
- package/es/core/components/SxpPageCore/index.js +2 -2
- package/es/core/components/SxpPageRender/Tagbar.js +15 -1
- package/es/core/components/SxpPageRender/WaterFall/List.d.ts +1 -1
- package/es/core/components/SxpPageRender/WaterFall/List.js +15 -9
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +1 -1
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +18 -12
- package/es/core/components/SxpPageRender/WaterFall/index.js +7 -2
- package/es/core/components/SxpPageRender/index.d.ts +2 -1
- package/es/core/components/SxpPageRender/index.js +30 -10
- package/es/core/components/SxpPageRender/typing.d.ts +1 -0
- package/es/core/context/EditorDataProvider.d.ts +9 -0
- package/es/core/context/EditorDataProvider.js +13 -3
- package/es/core/context/SxpDataSourceProvider.d.ts +10 -0
- package/es/core/context/SxpDataSourceProvider.js +37 -21
- package/es/core/hooks/useEventReport.d.ts +1 -0
- package/es/core/hooks/useEventReport.js +13 -1
- package/es/core/utils/localStore.d.ts +1 -0
- package/es/core/utils/localStore.js +1 -0
- package/es/materials/sxp/Consent/index.d.ts +12 -0
- package/es/materials/sxp/Consent/index.js +5 -0
- package/es/materials/sxp/Consent/material.d.ts +2 -0
- package/es/materials/sxp/Consent/material.js +20 -0
- package/es/materials/sxp/Consent/settingRender.d.ts +31 -0
- package/es/materials/sxp/Consent/settingRender.js +39 -0
- package/es/materials/sxp/HashTag/index.d.ts +1 -1
- package/es/materials/sxp/HashTag/settingRender.js +1 -1
- package/es/materials/sxp/index.d.ts +1 -0
- package/es/materials/sxp/index.js +1 -0
- package/lib/core/Pagebuilder/type.d.ts +7 -0
- package/lib/core/components/Consent/index.d.ts +13 -0
- package/lib/core/components/Consent/index.js +63 -0
- package/lib/core/components/SxpPageCore/index.js +2 -2
- package/lib/core/components/SxpPageRender/Tagbar.js +15 -1
- package/lib/core/components/SxpPageRender/WaterFall/List.d.ts +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/List.js +15 -9
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +18 -12
- package/lib/core/components/SxpPageRender/WaterFall/index.js +7 -2
- package/lib/core/components/SxpPageRender/index.d.ts +2 -1
- package/lib/core/components/SxpPageRender/index.js +30 -10
- package/lib/core/components/SxpPageRender/typing.d.ts +1 -0
- package/lib/core/context/EditorDataProvider.d.ts +9 -0
- package/lib/core/context/EditorDataProvider.js +13 -3
- package/lib/core/context/SxpDataSourceProvider.d.ts +10 -0
- package/lib/core/context/SxpDataSourceProvider.js +36 -20
- package/lib/core/hooks/useEventReport.d.ts +1 -0
- package/lib/core/hooks/useEventReport.js +13 -1
- package/lib/core/utils/localStore.d.ts +1 -0
- package/lib/core/utils/localStore.js +2 -1
- package/lib/materials/sxp/Consent/index.d.ts +12 -0
- package/lib/materials/sxp/Consent/index.js +8 -0
- package/lib/materials/sxp/Consent/material.d.ts +2 -0
- package/lib/materials/sxp/Consent/material.js +24 -0
- package/lib/materials/sxp/Consent/settingRender.d.ts +31 -0
- package/lib/materials/sxp/Consent/settingRender.js +41 -0
- package/lib/materials/sxp/HashTag/index.d.ts +1 -1
- package/lib/materials/sxp/HashTag/settingRender.js +1 -1
- package/lib/materials/sxp/index.d.ts +1 -0
- package/lib/materials/sxp/index.js +1 -0
- package/package.json +1 -1
package/dist/index.min.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
import{isEmpty as It,isEqual as _i,cloneDeep as bt,debounce as Ut,throttle as Ct,get as ki}from"lodash";import{v4 as An}from"uuid";import Pn from"pako";import v,{useContext as yt,useMemo as te,createContext as wt,memo as ge,useState as $,useRef as Q,useEffect as Z,useCallback as ae,forwardRef as _t,useImperativeHandle as Di,useLayoutEffect as On}from"react";import Ai from"qs";import Mn from"eventemitter3";import{css as le}from"@emotion/css";import{BetaSchemaForm as Ln}from"@ant-design/pro-components";import*as Pi from"react-dom";function ke(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i}function Oe(t,e,i,n){function o(l){return l instanceof i?l:new i(function(a){a(l)})}return new(i||(i=Promise))(function(l,a){function s(d){try{c(n.next(d))}catch(p){a(p)}}function r(d){try{c(n.throw(d))}catch(p){a(p)}}function c(d){d.done?l(d.value):o(d.value).then(s,r)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const jn=/:\w+/g;var Oi=(t,e)=>Oe(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:a,url:s,urlParams:r,name:c,queryString:d,headers:p,body:g}=e[o];let y=s;r&&Object.entries(r).forEach(([h,b])=>{y=y.replace(jn,I=>I===h?b:I)}),d&&(y+=d),n[l]=c;try{const h=yield fetch(y,{method:a,headers:Object.assign({"Content-Type":"application/json"},p),body:JSON.stringify(g)}).then(b=>b.json());i[l]=h}catch(h){console.error("DataSource request error: ",h),i[l]={}}}return{$store:i,idMapName:n}});const Mi="SXP_TOKEN_INFO",Nn=(t,e)=>Oe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),a=window.localStorage.getItem(Mi);let s=JSON.parse(a||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(d=>d.json());if(c.success){const d=c.data;s=Object.assign(Object.assign({},d),{expireTime:Date.now()+d.expire*1e3}),window.localStorage.setItem(Mi,JSON.stringify(s))}}return s});function kt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let o;if(e=e||i.length,t)for(o=0;o<t;o++)n[o]=i[0|Math.random()*e];else{let l;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",o=0;o<36;o++)n[o]||(l=0|Math.random()*16,n[o]=i[o===19?l&3|8:l])}return n.join("")}const Bn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},zn=()=>{const t=An();return t?.replaceAll?t.replaceAll("-",""):Bn(32)};function Li(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Pn.inflate(n,{to:"string"});return JSON.parse(o)}let Gt=null;const Vn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Fn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Gt)return Gt;Gt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Vn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let De=null;const Rn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{De||(De=new Fn),n&&De.setApiUrl(n),De.setAppId(t),De.setTenantId(e),De.setEnv(i)},getDetail:t=>{if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Oe(void 0,void 0,void 0,function*(){var l,a;const s=yield o.json(),r=Li((l=s?.data)===null||l===void 0?void 0:l.data);if(r){const{$store:c}=yield Oi(n,(a=r?.dataSource)!==null&&a!==void 0?a:[]);s.data.data=r,Object.assign(s.data.data,{__STORE__:c})}return s}))},getSxpDetailByPageId:t=>Oe(void 0,void 0,void 0,function*(){if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Oe(void 0,void 0,void 0,function*(){var l;const a=yield o.json();if(!a.success)return;const s=Li((l=a?.data)===null||l===void 0?void 0:l.data);return a.data.data=s,a.data}))}),getSxpRecommendVideoData:t=>Oe(void 0,void 0,void 0,function*(){if(!De)return;const e=yield Nn(De,t),i=kt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");It(n)&&(n=kt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const o=yield fetch("https://dev-sxp-be.chatlabs.net/platform/open/rec/v1.2",{method:"POST",headers:{"Content-Type":"application/json",token:e.token,channel:e.channel,userId:e.userId},body:JSON.stringify({productUserId:n,channel:e.channel,maxRecs:10,requestId:i})}).then(l=>l.json());return o?.data||null})};function Je(){return yt(Gi)}function Hn(){return yt(Ui)}const $t="feRealSessionIdKey",ji=()=>{const t=zn();return`${Date.now()}${t}`},Un=()=>{let t=$n();return t||(t=ji(),window.sessionStorage.setItem($t,t)),t},Gn=()=>{const t=ji();window.sessionStorage.setItem($t,t)},$n=()=>window.sessionStorage.getItem($t),Ni="SXP_FAKE_USER_ID",Bi="FAKE_USER_STATE",zi=()=>{let t=window.localStorage.getItem(Ni);return It(t)&&(t=kt(36,62),window.localStorage.setItem(Ni,t)),t},Wn=()=>{const t=window.localStorage.getItem(Bi);return It(t)&&window.localStorage.setItem(Bi,"true"),It(t)};function Ve(t,e){const{appDomain:i}=be();return te(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Ke=new Mn;var Ue;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Ue||(Ue={}));const Vi=wt({rtcList:[],tagList:[]});var Wt;(function(t){t[t.BFF=5]="BFF"})(Wt||(Wt={}));const Fi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Yn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:a=!1,sxpParameter:s,appDomain:r,hashTagSize:c,loadingImage:d,isOpenHashTag:p=!1,enabledMetaConversionApi:g=!1,isShowTag:y=!0})=>{const[h,b]=$([]),[I,u]=$([]),[w,f]=$(!1),[x,k]=$({rtc:"",requestId:""}),m=Q(null),L=Q(!1),[_,T]=$(),[E,A]=$(),[S,C]=$(p),[P,N]=$([]),[U,G]=$(0),[z,j]=$(!1),[V,O]=$(null),D=Q();Z(()=>{const B=R=>{D.current=R};return Ke.on(Ue.CHANGE_THEME_TAG,B),()=>{Ke.off(Ue.CHANGE_THEME_TAG,B)}},[]),Z(()=>{C(p)},[p]);const W=te(()=>e?.find(B=>B.type===Wt.BFF),[e]),F=ae((B,R)=>{if(!W)return;const q=W.url,X=zi();if(R?.query){const ve=Ai.stringify(R.query);B=`${B}?${ve}`}return R.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${q}/api/v1${B}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},W.headers),{"x-user-id":X}),R.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${q}/api/v1${B}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":X},W.headers),method:R.method,body:JSON.stringify(R.body)}).then(ve=>ve.json()).catch(ve=>Promise.reject(ve))},[W]),H=ae(B=>Oe(void 0,void 0,void 0,function*(){var R,q,X,ve,we;if(B={maxSize:(R=B?.maxSize)!==null&&R!==void 0?R:o,defaultSize:(q=B?.defaultSize)!==null&&q!==void 0?q:l,"itemFilter.itemId":B?.["itemFilter.itemId"],"itemFilter.itemType":B?.["itemFilter.itemType"],hashTag:B?.hashTag,traceInfo:B?.traceInfo,themeTag:B?.themeTag},i){const Ee=(we=(ve=(X=i?.split("&"))===null||X===void 0?void 0:X.filter(Ie=>{const Xe=Ie.split("=")[0];return Fi.includes(Xe)}))===null||ve===void 0?void 0:ve.join("&"))!==null&&we!==void 0?we:"";B=Object.assign(Object.assign({},B),{channel:decodeURIComponent(Ee)})}const he=yield F?.("/recommend/list",{method:"GET",query:B});if(he?.success)return B?.hashTag||k({rtc:he.data.rtc,requestId:he.data.requestId}),he?.data}),[F,i,o,l]),ne=ae(()=>Oe(void 0,void 0,void 0,function*(){var B,R;if(h.length<=0)return;const q=yield H({hashTag:E?.hashTag,"itemFilter.itemId":E?.itemId,"itemFilter.itemType":E?.itemType,themeTag:D.current});b(h.concat((B=q?.recList)!==null&&B!==void 0?B:[])),N(P.concat((R=q?.recList)!==null&&R!==void 0?R:[]))}),[H,h,E,P]),ee=ae(({userInfo:B,eventInfo:R})=>{if(!n)return;B||(B={});const q=Un(),X=Object.assign({sessionID:q,rtc:x.rtc,requestId:x.requestId},R),ve=Object.entries(B).map(([he,Ee])=>({name:he,value:Ee})),we=Object.entries(X).map(([he,Ee])=>Ee&&{name:he,value:Ee}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",B),console.log("eventInfo:",X),console.log("========= \u7ED3\u675F ========="),F?.("/event/report",{method:"POST",body:{userInfo:ve,eventInfo:we},type:"beacon"})},[F,x,n]),se=ae(B=>{var R,{eventName:q,actionSource:X="website",eventSourceUrl:ve=(R=window?.location)===null||R===void 0?void 0:R.href,externalId:we}=B;if(!n||!g)return;const he=zi();return F?.("/fb/events",{method:"POST",body:{eventName:q,actionSource:X,eventSourceUrl:ve,userData:{externalId:he}},type:"beacon"})},[F,n,g]),re=ae(B=>Oe(void 0,void 0,void 0,function*(){const R=yield F?.("/recommend/like",{method:"POST",body:B});return R?.success}),[F]),Y=ae(B=>Oe(void 0,void 0,void 0,function*(){const R=yield F?.("/recommend/unlike",{method:"POST",body:B});return R?.success}),[F]),pe=ae(B=>Oe(void 0,void 0,void 0,function*(){const R=yield F?.("/customform",{method:"POST",body:B});return R?.success}),[F]),K=ae(()=>Oe(void 0,void 0,void 0,function*(){var B,R,q,X,ve;if(!(!i||!y))try{const we=(q=(R=(B=i?.split("&"))===null||B===void 0?void 0:B.filter(Ee=>{const Ie=Ee.split("=")[0];return Fi.includes(Ie)}))===null||R===void 0?void 0:R.join("&"))!==null&&q!==void 0?q:"",he=yield F?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(we)}});u((ve=(X=he?.data)===null||X===void 0?void 0:X.tags)!==null&&ve!==void 0?ve:[])}catch(we){console.log("e",we)}}),[F,i,y]),ie=ae((B,R,q,X)=>{var ve,we,he,Ee,Ie,Xe,He,mt,at,rt,ht,dt;const Le=q?.bindCta,ct=((ve=R?.video)===null||ve===void 0?void 0:ve.bindProduct)||((we=R?.video)===null||we===void 0?void 0:we.bindProducts)&&((Ee=(he=R?.video)===null||he===void 0?void 0:he.bindProducts)===null||Ee===void 0?void 0:Ee.length)>0;let ut="";z?ut="hashTagPage":!((Ie=R?.video)===null||Ie===void 0)&&Ie.url?ut="videoPage":!((He=(Xe=R?.video)===null||Xe===void 0?void 0:Xe.imgUrls)===null||He===void 0)&&He.length&&(ut="imagePage"),ee?.({eventInfo:Object.assign(Object.assign({},B),{ctaId:(mt=Le?.itemId)!==null&&mt!==void 0?mt:"",ctaName:(at=Le?.title)!==null&&at!==void 0?at:"",contentTags:JSON.stringify(Le?.tags),position:X+"",contentId:(ht=(rt=R?.video)===null||rt===void 0?void 0:rt.itemId)!==null&&ht!==void 0?ht:"",productId:ct?q?.itemId:"",traceInfo:(dt=Le?.traceInfo)!==null&&dt!==void 0?dt:"",fromKName:ut})})},[ee,z]);Z(()=>{var B,R;const q=location.search.slice(1),X=Ai.parse(q.replace(/\+/g,"%2B"));for(const we in X)X[we]=X[we].replace(/%2B/g,"+");const ve=we=>{var he;return(he=X[we])!==null&&he!==void 0?he:""};ee?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:ve("utm_source"),utmMedium:ve("utm_medium"),utmCampaign:ve("utm_campaign"),utmId:ve("utm_id"),utmContent:ve("utm_content"),enterTime:`${Date.now()}`,requestId:null,enterUrl:(R=(B=window?.location)===null||B===void 0?void 0:B.href)!==null&&R!==void 0?R:"",clSource:ve("cl_sourc")}})},[]),Z(()=>{f(!0),K(),H().then(B=>{var R,q;b((R=B?.recList)!==null&&R!==void 0?R:[]),N((q=B?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{ee({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),f(!1),L.current=!0})},[]),Z(()=>{L.current&&(f(!0),K(),H().then(B=>{var R,q;b((R=B?.recList)!==null&&R!==void 0?R:[]),N((q=B?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{f(!1)}))},[H,K]);const Te=Ve("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return v.createElement(Vi.Provider,{value:{rtcList:h,setRtcList:b,mutateLike:re,mutateUnlike:Y,submitForm:pe,popupDetailData:_,loadVideos:ne,setPopupDetailData:T,getRecommendVideos:H,bffEventReport:ee,utmVal:i,isPreview:a,loading:w,sxpParameter:s,waterFallData:E,setWaterFallData:A,ctaEvent:ie,swiperRef:m,openHashtag:S,setOpenHashtag:C,cacheRtcList:P,setCacheRtcList:N,cacheActiveIndex:U,setCacheActiveIndex:G,isFromHashtag:z,setIsFromHashtag:j,appDomain:r,hashTagSize:c,loadingImage:d??Te,isOpenHashTag:p,tagList:I,setLoading:f,videoRef:V,setVideoRef:O,bffFbReport:se}},t({rtcList:h,mutateLike:re,mutateUnlike:Y,submitForm:pe,tagList:I}))};var Ri=ge(Yn);function be(){return yt(Vi)}var Hi;(function(t){t.STRING="string",t.NUMBER="number",t.ARRAY="array",t.OBJECT="object",t.BOOLEAN="boolean",t.ARRAY_OBJECT="array-object",t.ARRAY_STRING="array-string",t.ARRAY_NUMBER="array-number"})(Hi||(Hi={}));const Ui=wt({$store:{},options:[],configs:[]}),qn=({children:t,isSsr:e,enable:i})=>{const[n,o]=$([]),{schema:l}=Je(),[a,s]=$(l.__STORE__||{}),[r,c]=$([]);Z(()=>{var g;e||_i(r,l?.dataSource)||c((g=l?.dataSource)!==null&&g!==void 0?g:[])},[l?.dataSource,e]);const d=ae(()=>Oe(void 0,void 0,void 0,function*(){const{$store:g,idMapName:y}=yield Oi("",r);s(g),p(g,y)}),[r]),p=(g,y)=>{const h=[];Object.entries(g).forEach(([b,I])=>{Object.keys(I).forEach(u=>{const w={label:`${y[b]} - ${u}`,value:`{{ ${b}.${u} }}`};h.push(w)})}),o(h)};return Z(()=>{e||d()},[d,e,l]),i?v.createElement(Ui.Provider,{value:{$store:l.__STORE__||a,options:n,configs:r}},t):t};var Xn=ge(qn);const Dt={id:kt(6,10),item:{type:"common",h:300,category:"block",displayName:"block",isFirstLayout:!0,w:1e3},point:{i:"x-0",x:-38.34375,y:0,w:1e3,h:300,isBounded:!0,actualX:0,actualY:0},pathArr:[0],positionY:0},Yt={id:"",duration:0,name:"none"},Gi=v.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Dt],redoStack:[],popup:Yt,setPopup:()=>{}}),$i=_t(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},a)=>{const[s,r]=$(null),[c,d]=$(n||{pointData:[Dt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[p,g]=$([Dt]),[y,h]=$([[Dt]]),[b,I]=$([]),[u,w]=$(Yt);typeof window<"u"&&(window.sxpPopup=(L,_)=>{w(Object.assign(Object.assign(Object.assign({},Yt),{id:L}),_))}),typeof window<"u"&&(window.getJointUtmLink=L=>L?.indexOf("?")!==-1?L+(l?"&"+l:""):L+(l?"?"+l:"")),Z(()=>{h([c.pointData]),I([])},[c.type]);const f=ae(L=>{const _=bt(c);_&&(_.dataSource=L,d?.(_))},[c]),[x,k]=$();Di(a,()=>({loadSchema(L){L&&(h([L.pointData]),d(L))},exportSchema(){return bt(c)},getPageInfoData(){return x},initPageInfoData(L){L&&k(L)}}));const m=te(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return v.createElement(Gi.Provider,{value:{resolver:e,currentNode:s,schema:c,setCurrentNode:r,setSchema:d,saveDataSource:f,prePiontData:p,setPrePiontData:g,pageInfoData:x,setPageInfoData:L=>k(Object.assign(Object.assign({},x),L)),undoStack:y,redoStack:b,setRedoStack:I,setUndoStack:h,getCurPageConf:m,popup:u,setPopup:w}},v.createElement(Xn,{isSsr:i,enable:o},t))});var Jn=Object.freeze({__proto__:null,EditorCore:$i}),Kn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const fe=[{label:"defalut",value:"appFont"}],qt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Qn=qt&&qt!==""?JSON.parse(qt):[];var je={fontOptions:[...fe,...Qn]},Xt,Jt,Kt,Zn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:fe,initialValue:(Xt=fe?.[0])===null||Xt===void 0?void 0:Xt.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:je?.fontOptions,initialValue:(Kt=(Jt=je?.fontOptions)===null||Jt===void 0?void 0:Jt[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Ge(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=be(),o=ae((a,s,r,c)=>{var d,p,g,y,h,b,I,u,w,f,x,k,m,L;let _="";e&&(!((p=(d=a?.video)===null||d===void 0?void 0:d.bindProducts)===null||p===void 0)&&p.length||!((g=a?.video)===null||g===void 0)&&g.bindProduct)?_="pdpPage":n?_="hashTagPage":!((y=a?.video)===null||y===void 0)&&y.url?_="videoPage":!((h=a?.video)===null||h===void 0)&&h.imgUrls&&(!((I=(b=a?.video)===null||b===void 0?void 0:b.imgUrls)===null||I===void 0)&&I.length)?_="imagePage":a?.product&&(_="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(u=s?.itemId)!==null&&u!==void 0?u:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(f=s?.collection)!==null&&f!==void 0?f:"",fromKName:_,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:c+"",contentId:(k=(x=a?.video)===null||x===void 0?void 0:x.itemId)!==null&&k!==void 0?k:"",ctatId:(m=r?.itemId)!==null&&m!==void 0?m:"",traceInfo:(L=s?.traceInfo)!==null&&L!==void 0?L:""}})},[t,e,n]),l=ae((a,s,r,c,d)=>{var p,g,y,h;let b="";e&&(!((g=(p=a?.video)===null||p===void 0?void 0:p.bindProducts)===null||g===void 0)&&g.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?b="pdpPage":a?.product&&(b="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:d+"",contentId:(h=a?.video)===null||h===void 0?void 0:h.itemId,ctatId:r?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const eo=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:a,submitText:s,layoutType:r,isExternalLink:c,isPopup:d,onClick:p,onClose:g,submitButtonStyle:y}=t,h=ke(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:b,popupDetailData:I}=be(),{jumpToWeb:u}=Ge(),w=Q(),[f,x]=$(!1),k=te(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),m=te(()=>{if(r===void 0){const _=bt(e)||k;return _?.map(T=>Object.assign(Object.assign({},T),{title:void 0,fieldProps:{placeholder:T?.title}}))}else return bt(e)||k},[r,e,k]),L=Ut(()=>Oe(void 0,void 0,void 0,function*(){var _,T,E,A,S,C;const P=yield(_=w?.current)===null||_===void 0?void 0:_.getFieldsValue();if(!P)return;const N=(E=(T=Object.keys(P))===null||T===void 0?void 0:T.map(G=>{var z;return{name:G,value:(z=P[G])!==null&&z!==void 0?z:""}}))===null||E===void 0?void 0:E.filter(G=>G?.value);if(!N||!N?.length)return;x(!0);const U=yield b?.({attributes:N});if(x(!1),U){if(c){const G=I,z=(A=G?.video)===null||A===void 0?void 0:A.bindProduct,j=(C=(S=G?.video)===null||S===void 0?void 0:S.bindProduct)===null||C===void 0?void 0:C.bindCta,V=I?.index;u(G,z,j,V)}d||g?.(),p?.()}}),1e3);return v.createElement("div",{className:"pb-appoint-form"},v.createElement("div",{className:`pb-appoint-form-title ${le(Object.assign({},o))}`},n),v.createElement("div",Object.assign({className:le(Object.assign({},i))},h),v.createElement("div",{className:"pb-appoint-form-container"},v.createElement(Ln,{columns:m,submitter:!1,layout:r,autoFocusFirstInput:!1,size:"large",formRef:w,className:"panel-reset"}))),v.createElement("div",{className:"pb-appoint-form-btn-wrapper"},v.createElement("button",{onClick:L,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:l},y)},f?v.createElement(v.Fragment,null,"loading..."):s)))};var to=ge(eo);function Ne(t,e){return t.extend=e,t}const io=Ne(to,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Zn,bindableProps:[],interactionRender:Kn},defaulSetting:{name:"\u8868\u5355",props:{title:"Appointment Booking",submitColor:"#fff",submitBgColor:"#000",submitText:"Submit",layoutType:void 0},style:{},textStyle:{fontSize:14,color:"#000",textAlign:"center"}},w:100,h:40,sort:2});var Qt,Zt,no=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:fe,name:["fontFamily"],initialValue:(Qt=fe?.[0])===null||Qt===void 0?void 0:Qt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:fe,initialValue:(Zt=fe?.[0])===null||Zt===void 0?void 0:Zt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Wi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function ei(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Wi(e[i])&&Wi(t[i])&&Object.keys(e[i]).length>0&&ei(t[i],e[i])})}const Yi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function $e(){const t=typeof document<"u"?document:{};return ei(t,Yi),t}const oo={document:Yi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Me(){const t=typeof window<"u"?window:{};return ei(t,oo),t}function et(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function lo(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function pt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Fe(){return Date.now()}function so(t){const e=Me();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function ao(t,e){e===void 0&&(e="x");const i=Me();let n,o,l;const a=so(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function At(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function ro(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Be(){const t=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let i=1;i<arguments.length;i+=1){const n=i<0||arguments.length<=i?void 0:arguments[i];if(n!=null&&!ro(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,a=o.length;l<a;l+=1){const s=o[l],r=Object.getOwnPropertyDescriptor(n,s);r!==void 0&&r.enumerable&&(At(t[s])&&At(n[s])?n[s].__swiper__?t[s]=n[s]:Be(t[s],n[s]):!At(t[s])&&At(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Be(t[s],n[s])):t[s]=n[s])}}}return t}function Pt(t,e,i){t.style.setProperty(e,i)}function qi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=Me(),l=-e.translate;let a=null,s;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",d=(g,y)=>c==="next"&&g>=y||c==="prev"&&g<=y,p=()=>{s=new Date().getTime(),a===null&&(a=s);const g=Math.max(Math.min((s-a)/r,1),0),y=.5-Math.cos(g*Math.PI)/2;let h=l+y*(i-l);if(d(h,i)&&(h=i),e.wrapperEl.scrollTo({[n]:h}),d(h,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:h})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(p)};p()}function We(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Ot(t){try{console.warn(t);return}catch{}}function St(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:et(e)),i}function co(t){const e=Me(),i=$e(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+r-a}}function uo(t,e){const i=[];for(;t.previousElementSibling;){const n=t.previousElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function po(t,e){const i=[];for(;t.nextElementSibling;){const n=t.nextElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function tt(t,e){return Me().getComputedStyle(t,null).getPropertyValue(e)}function Mt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Xi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function ti(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function ii(t,e,i){const n=Me();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Ye(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function vo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Me();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,s=Fe(),r;const c=[];function d(f){let L=0,_=0,T=0,E=0;return"detail"in f&&(_=f.detail),"wheelDelta"in f&&(_=-f.wheelDelta/120),"wheelDeltaY"in f&&(_=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(L=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(L=_,_=0),T=L*10,E=_*10,"deltaY"in f&&(E=f.deltaY),"deltaX"in f&&(T=f.deltaX),f.shiftKey&&!T&&(T=E,E=0),(T||E)&&f.deltaMode&&(f.deltaMode===1?(T*=40,E*=40):(T*=800,E*=800)),T&&!L&&(L=T<1?-1:1),E&&!_&&(_=E<1?-1:1),{spinX:L,spinY:_,pixelX:T,pixelY:E}}function p(){e.enabled&&(e.mouseEntered=!0)}function g(){e.enabled&&(e.mouseEntered=!1)}function y(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Fe()-s<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&Fe()-s<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",f.raw)),s=new l.Date().getTime(),!1)}function h(f){const x=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&x.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&x.releaseOnEdges)return!0;return!1}function b(f){let x=f,k=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const m=e.params.mousewheel;e.params.cssMode&&x.preventDefault();let L=e.el;e.params.mousewheel.eventsTarget!=="container"&&(L=document.querySelector(e.params.mousewheel.eventsTarget));const _=L&&L.contains(x.target);if(!e.mouseEntered&&!_&&!m.releaseOnEdges)return!0;x.originalEvent&&(x=x.originalEvent);let T=0;const E=e.rtlTranslate?-1:1,A=d(x);if(m.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))T=-A.pixelX*E;else return!0;else if(Math.abs(A.pixelY)>Math.abs(A.pixelX))T=-A.pixelY;else return!0;else T=Math.abs(A.pixelX)>Math.abs(A.pixelY)?-A.pixelX*E:-A.pixelY;if(T===0)return!0;m.invert&&(T=-T);let S=e.getTranslate()+T*m.sensitivity;if(S>=e.minTranslate()&&(S=e.minTranslate()),S<=e.maxTranslate()&&(S=e.maxTranslate()),k=e.params.loop?!0:!(S===e.minTranslate()||S===e.maxTranslate()),k&&e.params.nested&&x.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const C={time:Fe(),delta:Math.abs(T),direction:Math.sign(T),raw:f};c.length>=2&&c.shift();const P=c.length?c[c.length-1]:void 0;if(c.push(C),P?(C.direction!==P.direction||C.delta>P.delta||C.time>P.time+150)&&y(C):y(C),h(C))return!0}else{const C={time:Fe(),delta:Math.abs(T),direction:Math.sign(T)},P=r&&C.time<r.time+500&&C.delta<=r.delta&&C.direction===r.direction;if(!P){r=void 0;let N=e.getTranslate()+T*m.sensitivity;const U=e.isBeginning,G=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!U&&e.isBeginning||!G&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:C.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const z=c.length?c[c.length-1]:void 0,j=c[0];if(c.push(C),z&&(C.delta>z.delta||C.direction!==z.direction))c.splice(0);else if(c.length>=15&&C.time-j.time<500&&j.delta-C.delta>=1&&C.delta<=6){const V=T>0?.8:.2;r=C,c.splice(0),a=pt(()=>{e.slideToClosest(e.params.speed,!0,void 0,V)},0)}a||(a=pt(()=>{r=C,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||o("scroll",x),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),m.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return x.preventDefault?x.preventDefault():x.returnValue=!1,!1}function I(f){let x=e.el;e.params.mousewheel.eventsTarget!=="container"&&(x=document.querySelector(e.params.mousewheel.eventsTarget)),x[f]("mouseenter",p),x[f]("mouseleave",g),x[f]("wheel",b)}function u(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&u()}),n("destroy",()=>{e.params.cssMode&&u(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:u,disable:w})}function Ji(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=We(t.el,`.${n[o]}`)[0];l||(l=St("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function vt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Lt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:u=>u,formatFractionTotal:u=>u,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let a,s=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(u,w){const{bulletActiveClass:f}=e.params.pagination;u&&(u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&(u.classList.add(`${f}-${w}`),u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&u.classList.add(`${f}-${w}-${w}`)))}function d(u){const w=u.target.closest(vt(e.params.pagination.bulletClass));if(!w)return;u.preventDefault();const f=Mt(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function p(){const u=e.rtl,w=e.params.pagination;if(r())return;let f=e.pagination.el;f=Ye(f);let x,k;const m=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,L=e.params.loop?Math.ceil(m/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,x=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(x=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,x=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let T,E,A;if(w.dynamicBullets&&(a=ii(_[0],e.isHorizontal()?"width":"height",!0),f.forEach(S=>{S.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&k!==void 0&&(s+=x-(k||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),T=Math.max(x-s,0),E=T+(Math.min(_.length,w.dynamicMainBullets)-1),A=(E+T)/2),_.forEach(S=>{const C=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${w.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();S.classList.remove(...C)}),f.length>1)_.forEach(S=>{const C=Mt(S);C===x?S.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&S.setAttribute("part","bullet"),w.dynamicBullets&&(C>=T&&C<=E&&S.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),C===T&&c(S,"prev"),C===E&&c(S,"next"))});else{const S=_[x];if(S&&S.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&_.forEach((C,P)=>{C.setAttribute("part",P===x?"bullet-active":"bullet")}),w.dynamicBullets){const C=_[T],P=_[E];for(let N=T;N<=E;N+=1)_[N]&&_[N].classList.add(...`${w.bulletActiveClass}-main`.split(" "));c(C,"prev"),c(P,"next")}}if(w.dynamicBullets){const S=Math.min(_.length,w.dynamicMainBullets+4),C=(a*S-a)/2-A*a,P=u?"right":"left";_.forEach(N=>{N.style[e.isHorizontal()?P:"top"]=`${C}px`})}}f.forEach((_,T)=>{if(w.type==="fraction"&&(_.querySelectorAll(vt(w.currentClass)).forEach(E=>{E.textContent=w.formatFractionCurrent(x+1)}),_.querySelectorAll(vt(w.totalClass)).forEach(E=>{E.textContent=w.formatFractionTotal(L)})),w.type==="progressbar"){let E;w.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const A=(x+1)/L;let S=1,C=1;E==="horizontal"?S=A:C=A,_.querySelectorAll(vt(w.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${S}) scaleY(${C})`,P.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(_.innerHTML=w.renderCustom(e,x+1,L),T===0&&o("paginationRender",_)):(T===0&&o("paginationRender",_),o("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](w.lockClass)})}function g(){const u=e.params.pagination;if(r())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let f=e.pagination.el;f=Ye(f);let x="";if(u.type==="bullets"){let k=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>w&&(k=w);for(let m=0;m<k;m+=1)u.renderBullet?x+=u.renderBullet.call(e,m,u.bulletClass):x+=`<${u.bulletElement} ${e.isElement?'part="bullet"':""} class="${u.bulletClass}"></${u.bulletElement}>`}u.type==="fraction"&&(u.renderFraction?x=u.renderFraction.call(e,u.currentClass,u.totalClass):x=`<span class="${u.currentClass}"></span> / <span class="${u.totalClass}"></span>`),u.type==="progressbar"&&(u.renderProgressbar?x=u.renderProgressbar.call(e,u.progressbarFillClass):x=`<span class="${u.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(k=>{u.type!=="custom"&&(k.innerHTML=x||""),u.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(vt(u.bulletClass)))}),u.type!=="custom"&&o("paginationRender",f[0])}function y(){e.params.pagination=Ji(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const u=e.params.pagination;if(!u.el)return;let w;typeof u.el=="string"&&e.isElement&&(w=e.el.querySelector(u.el)),!w&&typeof u.el=="string"&&(w=[...document.querySelectorAll(u.el)]),w||(w=u.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof u.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(u.el)],w.length>1&&(w=w.filter(f=>Xi(f,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Ye(w),w.forEach(f=>{u.type==="bullets"&&u.clickable&&f.classList.add(...(u.clickableClass||"").split(" ")),f.classList.add(u.modifierClass+u.type),f.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.type==="bullets"&&u.dynamicBullets&&(f.classList.add(`${u.modifierClass}${u.type}-dynamic`),s=0,u.dynamicMainBullets<1&&(u.dynamicMainBullets=1)),u.type==="progressbar"&&u.progressbarOpposite&&f.classList.add(u.progressbarOppositeClass),u.clickable&&f.addEventListener("click",d),e.enabled||f.classList.add(u.lockClass)}))}function h(){const u=e.params.pagination;if(r())return;let w=e.pagination.el;w&&(w=Ye(w),w.forEach(f=>{f.classList.remove(u.hiddenClass),f.classList.remove(u.modifierClass+u.type),f.classList.remove(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.clickable&&(f.classList.remove(...(u.clickableClass||"").split(" ")),f.removeEventListener("click",d))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.classList.remove(...u.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const u=e.params.pagination;let{el:w}=e.pagination;w=Ye(w),w.forEach(f=>{f.classList.remove(u.horizontalClass,u.verticalClass),f.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(y(),g(),p())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&p()}),n("snapIndexChange",()=>{p()}),n("snapGridLengthChange",()=>{g(),p()}),n("destroy",()=>{h()}),n("enable disable",()=>{let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{p()}),n("click",(u,w)=>{const f=w.target,x=Ye(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&x&&x.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const k=x[0].classList.contains(e.params.pagination.hiddenClass);o(k===!0?"paginationShow":"paginationHide"),x.forEach(m=>m.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),y(),g(),p()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),h()};Object.assign(e.pagination,{enable:b,disable:I,render:g,update:p,init:y,destroy:h})}function fo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=$e();let a=!1,s=null,r=null,c,d,p,g;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S,rtlTranslate:C}=e,{dragEl:P,el:N}=S,U=e.params.scrollbar,G=e.params.loop?e.progressLoop:e.progress;let z=d,j=(p-d)*G;C?(j=-j,j>0?(z=d-j,j=0):-j+d>p&&(z=p+j)):j<0?(z=d+j,j=0):j+d>p&&(z=p-j),e.isHorizontal()?(P.style.transform=`translate3d(${j}px, 0, 0)`,P.style.width=`${z}px`):(P.style.transform=`translate3d(0px, ${j}px, 0)`,P.style.height=`${z}px`),U.hide&&(clearTimeout(s),N.style.opacity=1,s=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function h(S){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${S}ms`)}function b(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S}=e,{dragEl:C,el:P}=S;C.style.width="",C.style.height="",p=e.isHorizontal()?P.offsetWidth:P.offsetHeight,g=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?d=p*g:d=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?C.style.width=`${d}px`:C.style.height=`${d}px`,g>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&S.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function I(S){return e.isHorizontal()?S.clientX:S.clientY}function u(S){const{scrollbar:C,rtlTranslate:P}=e,{el:N}=C;let U;U=(I(S)-co(N)[e.isHorizontal()?"left":"top"]-(c!==null?c:d/2))/(p-d),U=Math.max(Math.min(U,1),0),P&&(U=1-U);const G=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*U;e.updateProgress(G),e.setTranslate(G),e.updateActiveIndex(),e.updateSlidesClasses()}function w(S){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:U,dragEl:G}=P;a=!0,c=S.target===G?I(S)-S.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,S.preventDefault(),S.stopPropagation(),N.style.transitionDuration="100ms",G.style.transitionDuration="100ms",u(S),clearTimeout(r),U.style.transitionDuration="0ms",C.hide&&(U.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",S)}function f(S){const{scrollbar:C,wrapperEl:P}=e,{el:N,dragEl:U}=C;a&&(S.preventDefault?S.preventDefault():S.returnValue=!1,u(S),P.style.transitionDuration="0ms",N.style.transitionDuration="0ms",U.style.transitionDuration="0ms",o("scrollbarDragMove",S))}function x(S){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:U}=P;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),C.hide&&(clearTimeout(r),r=pt(()=>{U.style.opacity=0,U.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",S),C.snapOnRelease&&e.slideToClosest())}function k(S){const{scrollbar:C,params:P}=e,N=C.el;if(!N)return;const U=N,G=P.passiveListeners?{passive:!1,capture:!1}:!1,z=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!U)return;const j=S==="on"?"addEventListener":"removeEventListener";U[j]("pointerdown",w,G),l[j]("pointermove",f,G),l[j]("pointerup",x,z)}function m(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function L(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function _(){const{scrollbar:S,el:C}=e;e.params.scrollbar=Ji(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let N;if(typeof P.el=="string"&&e.isElement&&(N=e.el.querySelector(P.el)),!N&&typeof P.el=="string"){if(N=l.querySelectorAll(P.el),!N.length)return}else N||(N=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&N.length>1&&C.querySelectorAll(P.el).length===1&&(N=C.querySelector(P.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let U;N&&(U=N.querySelector(vt(e.params.scrollbar.dragClass)),U||(U=St("div",e.params.scrollbar.dragClass),N.append(U))),Object.assign(S,{el:N,dragEl:U}),P.draggable&&m(),N&&N.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}function T(){const S=e.params.scrollbar,C=e.scrollbar.el;C&&C.classList.remove(...et(e.isHorizontal()?S.horizontalClass:S.verticalClass)),L()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const S=e.params.scrollbar;let{el:C}=e.scrollbar;C=Ye(C),C.forEach(P=>{P.classList.remove(S.horizontalClass,S.verticalClass),P.classList.add(e.isHorizontal()?S.horizontalClass:S.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(_(),b(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{y()}),n("setTransition",(S,C)=>{h(C)}),n("enable disable",()=>{const{el:S}=e.scrollbar;S&&S.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const E=()=>{e.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),_(),b(),y()},A=()=>{e.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),T()};Object.assign(e.scrollbar,{enable:E,disable:A,updateSize:b,setTranslate:y,init:_,destroy:T})}function jt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,s,r=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,d,p=new Date().getTime(),g,y,h,b,I,u,w;function f(z){!e||e.destroyed||!e.wrapperEl||z.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!w&&E())}const x=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?g=!0:g&&(c=d,g=!1);const z=e.autoplay.paused?d:p+c-new Date().getTime();e.autoplay.timeLeft=z,o("autoplayTimeLeft",z,z/r),s=requestAnimationFrame(()=>{x()})},k=()=>{let z;return e.virtual&&e.params.virtual.enabled?z=e.slides.filter(V=>V.classList.contains("swiper-slide-active"))[0]:z=e.slides[e.activeIndex],z?parseInt(z.getAttribute("data-swiper-autoplay"),10):void 0},m=z=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),x();let j=typeof z>"u"?e.params.autoplay.delay:z;r=e.params.autoplay.delay,c=e.params.autoplay.delay;const V=k();!Number.isNaN(V)&&V>0&&typeof z>"u"&&(j=V,r=V,c=V),d=j;const O=e.params.speed,D=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(O,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,O,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(O,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,O,!0,!0),o("autoplay")),e.params.cssMode&&(p=new Date().getTime(),requestAnimationFrame(()=>{m()})))};return j>0?(clearTimeout(a),a=setTimeout(()=>{D()},j)):requestAnimationFrame(()=>{D()}),j},L=()=>{p=new Date().getTime(),e.autoplay.running=!0,m(),o("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(s),o("autoplayStop")},T=(z,j)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),z||(u=!0);const V=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):E()};if(e.autoplay.paused=!0,j){I&&(d=e.params.autoplay.delay),I=!1,V();return}d=(d||e.params.autoplay.delay)-(new Date().getTime()-p),!(e.isEnd&&d<0&&!e.params.loop)&&(d<0&&(d=0),V())},E=()=>{e.isEnd&&d<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(p=new Date().getTime(),u?(u=!1,m(d)):m(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const z=$e();z.visibilityState==="hidden"&&(u=!0,T(!0)),z.visibilityState==="visible"&&E()},S=z=>{z.pointerType==="mouse"&&(u=!0,w=!0,!(e.animating||e.autoplay.paused)&&T(!0))},C=z=>{z.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&E())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",S),e.el.addEventListener("pointerleave",C))},N=()=>{e.el.removeEventListener("pointerenter",S),e.el.removeEventListener("pointerleave",C)},U=()=>{$e().addEventListener("visibilitychange",A)},G=()=>{$e().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),U(),L())}),n("destroy",()=>{N(),G(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(h||u)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():T(!0,!0)}),n("beforeTransitionStart",(z,j,V)=>{e.destroyed||!e.autoplay.running||(V||!e.params.autoplay.disableOnInteraction?T(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,h=!1,u=!1,b=setTimeout(()=>{u=!0,h=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(b),clearTimeout(a),e.params.autoplay.disableOnInteraction){h=!1,y=!1;return}h&&e.params.cssMode&&E(),h=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(I=!0)}),Object.assign(e.autoplay,{start:L,stop:_,pause:T,resume:E})}function mo(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const r=e.getTranslate();e.setTranslate(r),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:r,touches:c}=e;r.velocities.length===0&&r.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Fe()})}function s(r){let{currentPos:c}=r;if(e.params.cssMode)return;const{params:d,wrapperEl:p,rtlTranslate:g,snapGrid:y,touchEventsData:h}=e,I=Fe()-h.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(d.freeMode.momentum){if(h.velocities.length>1){const _=h.velocities.pop(),T=h.velocities.pop(),E=_.position-T.position,A=_.time-T.time;e.velocity=E/A,e.velocity/=2,Math.abs(e.velocity)<d.freeMode.minimumVelocity&&(e.velocity=0),(A>150||Fe()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=d.freeMode.momentumVelocityRatio,h.velocities.length=0;let u=1e3*d.freeMode.momentumRatio;const w=e.velocity*u;let f=e.translate+w;g&&(f=-f);let x=!1,k;const m=Math.abs(e.velocity)*20*d.freeMode.momentumBounceRatio;let L;if(f<e.maxTranslate())d.freeMode.momentumBounce?(f+e.maxTranslate()<-m&&(f=e.maxTranslate()-m),k=e.maxTranslate(),x=!0,h.allowMomentumBounce=!0):f=e.maxTranslate(),d.loop&&d.centeredSlides&&(L=!0);else if(f>e.minTranslate())d.freeMode.momentumBounce?(f-e.minTranslate()>m&&(f=e.minTranslate()+m),k=e.minTranslate(),x=!0,h.allowMomentumBounce=!0):f=e.minTranslate(),d.loop&&d.centeredSlides&&(L=!0);else if(d.freeMode.sticky){let _;for(let T=0;T<y.length;T+=1)if(y[T]>-f){_=T;break}Math.abs(y[_]-f)<Math.abs(y[_-1]-f)||e.swipeDirection==="next"?f=y[_]:f=y[_-1],f=-f}if(L&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(g?u=Math.abs((-f-e.translate)/e.velocity):u=Math.abs((f-e.translate)/e.velocity),d.freeMode.sticky){const _=Math.abs((g?-f:f)-e.translate),T=e.slidesSizesGrid[e.activeIndex];_<T?u=d.speed:_<2*T?u=d.speed*1.5:u=d.speed*2.5}}else if(d.freeMode.sticky){e.slideToClosest();return}d.freeMode.momentumBounce&&x?(e.updateProgress(k),e.setTransition(u),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,ti(p,()=>{!e||e.destroyed||!h.allowMomentumBounce||(n("momentumBounce"),e.setTransition(d.speed),setTimeout(()=>{e.setTranslate(k),ti(p,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(u),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,ti(p,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(d.freeMode.sticky){e.slideToClosest();return}else d.freeMode&&n("_freeModeNoMomentumRelease");(!d.freeMode.momentum||I>=d.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:a,onTouchEnd:s}})}let ni;function ho(){const t=Me(),e=$e();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ki(){return ni||(ni=ho()),ni}let oi;function go(t){let{userAgent:e}=t===void 0?{}:t;const i=Ki(),n=Me(),o=n.navigator.platform,l=e||n.navigator.userAgent,a={ios:!1,android:!1},s=n.screen.width,r=n.screen.height,c=l.match(/(Android);?[\s\/]+([\d.]+)?/);let d=l.match(/(iPad).*OS\s([\d_]+)/);const p=l.match(/(iPod)(.*OS\s([\d_]+))?/),g=!d&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=o==="Win32";let h=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!d&&h&&i.touch&&b.indexOf(`${s}x${r}`)>=0&&(d=l.match(/(Version)\/([\d.]+)/),d||(d=[0,1,"13_0_0"]),h=!1),c&&!y&&(a.os="android",a.android=!0),(d||g||p)&&(a.os="ios",a.ios=!0),a}function Qi(t){return t===void 0&&(t={}),oi||(oi=go(t)),oi}let li;function bo(){const t=Me(),e=Qi();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[r,c]=s.split("Version/")[1].split(" ")[0].split(".").map(d=>Number(d));i=r<16||r===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),a=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function yo(){return li||(li=bo()),li}function wo(t){let{swiper:e,on:i,emit:n}=t;const o=Me();let l=null,a=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(p=>{a=o.requestAnimationFrame(()=>{const{width:g,height:y}=e;let h=g,b=y;p.forEach(I=>{let{contentBoxSize:u,contentRect:w,target:f}=I;f&&f!==e.el||(h=w?w.width:(u[0]||u).inlineSize,b=w?w.height:(u[0]||u).blockSize)}),(h!==g||b!==y)&&s()})}),l.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},d=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){r();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",d)}),i("destroy",()=>{c(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",d)})}function So(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],a=Me(),s=function(d,p){p===void 0&&(p={});const g=a.MutationObserver||a.WebkitMutationObserver,y=new g(h=>{if(e.__preventObserver__)return;if(h.length===1){o("observerUpdate",h[0]);return}const b=function(){o("observerUpdate",h[0])};a.requestAnimationFrame?a.requestAnimationFrame(b):a.setTimeout(b,0)});y.observe(d,{attributes:typeof p.attributes>"u"?!0:p.attributes,childList:typeof p.childList>"u"?!0:p.childList,characterData:typeof p.characterData>"u"?!0:p.characterData}),l.push(y)},r=()=>{if(e.params.observer){if(e.params.observeParents){const d=Xi(e.hostEl);for(let p=0;p<d.length;p+=1)s(d[p])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},c=()=>{l.forEach(d=>{d.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",r),n("destroy",c)}var To={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,a=new Array(l),s=0;s<l;s++)a[s]=arguments[s];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),a=0;a<o;a++)l[a]=arguments[a];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(c=>{c.apply(n,i)})}),t}};function xo(){const t=this;let e,i;const n=t.el;typeof t.params.width<"u"&&t.params.width!==null?e=t.params.width:e=n.clientWidth,typeof t.params.height<"u"&&t.params.height!==null?i=t.params.height:i=n.clientHeight,!(e===0&&t.isHorizontal()||i===0&&t.isVertical())&&(e=e-parseInt(tt(n,"padding-left")||0,10)-parseInt(tt(n,"padding-right")||0,10),i=i-parseInt(tt(n,"padding-top")||0,10)-parseInt(tt(n,"padding-bottom")||0,10),Number.isNaN(e)&&(e=0),Number.isNaN(i)&&(i=0),Object.assign(t,{width:e,height:i,size:t.isHorizontal()?e:i}))}function Eo(){const t=this;function e(E,A){return parseFloat(E.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:a,wrongRTL:s}=t,r=t.virtual&&i.virtual.enabled,c=r?t.virtual.slides.length:t.slides.length,d=We(o,`.${t.params.slideClass}, swiper-slide`),p=r?t.virtual.slides.length:d.length;let g=[];const y=[],h=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const u=t.snapGrid.length,w=t.slidesGrid.length;let f=i.spaceBetween,x=-b,k=0,m=0;if(typeof l>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*l:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,d.forEach(E=>{a?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(Pt(n,"--swiper-centered-offset-before",""),Pt(n,"--swiper-centered-offset-after",""));const L=i.grid&&i.grid.rows>1&&t.grid;L?t.grid.initSlides(d):t.grid&&t.grid.unsetSlides();let _;const T=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(E=>typeof i.breakpoints[E].slidesPerView<"u").length>0;for(let E=0;E<p;E+=1){_=0;let A;if(d[E]&&(A=d[E]),L&&t.grid.updateSlide(E,A,d),!(d[E]&&tt(A,"display")==="none")){if(i.slidesPerView==="auto"){T&&(d[E].style[t.getDirectionLabel("width")]="");const S=getComputedStyle(A),C=A.style.transform,P=A.style.webkitTransform;if(C&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?ii(A,"width",!0):ii(A,"height",!0);else{const N=e(S,"width"),U=e(S,"padding-left"),G=e(S,"padding-right"),z=e(S,"margin-left"),j=e(S,"margin-right"),V=S.getPropertyValue("box-sizing");if(V&&V==="border-box")_=N+z+j;else{const{clientWidth:O,offsetWidth:D}=A;_=N+U+G+z+j+(D-O)}}C&&(A.style.transform=C),P&&(A.style.webkitTransform=P),i.roundLengths&&(_=Math.floor(_))}else _=(l-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),d[E]&&(d[E].style[t.getDirectionLabel("width")]=`${_}px`);d[E]&&(d[E].swiperSlideSize=_),h.push(_),i.centeredSlides?(x=x+_/2+k/2+f,k===0&&E!==0&&(x=x-l/2-f),E===0&&(x=x-l/2-f),Math.abs(x)<1/1e3&&(x=0),i.roundLengths&&(x=Math.floor(x)),m%i.slidesPerGroup===0&&g.push(x),y.push(x)):(i.roundLengths&&(x=Math.floor(x)),(m-Math.min(t.params.slidesPerGroupSkip,m))%t.params.slidesPerGroup===0&&g.push(x),y.push(x),x=x+_+f),t.virtualSize+=_+f,k=_,m+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+I,a&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),L&&t.grid.updateWrapperSize(_,g),!i.centeredSlides){const E=[];for(let A=0;A<g.length;A+=1){let S=g[A];i.roundLengths&&(S=Math.floor(S)),g[A]<=t.virtualSize-l&&E.push(S)}g=E,Math.floor(t.virtualSize-l)-Math.floor(g[g.length-1])>1&&g.push(t.virtualSize-l)}if(r&&i.loop){const E=h[0]+f;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),S=E*i.slidesPerGroup;for(let C=0;C<A;C+=1)g.push(g[g.length-1]+S)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&g.push(g[g.length-1]+E),y.push(y[y.length-1]+E),t.virtualSize+=E}if(g.length===0&&(g=[0]),f!==0){const E=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");d.filter((A,S)=>!i.cssMode||i.loop?!0:S!==d.length-1).forEach(A=>{A.style[E]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;h.forEach(S=>{E+=S+(f||0)}),E-=f;const A=E-l;g=g.map(S=>S<=0?-b:S>A?A+I:S)}if(i.centerInsufficientSlides){let E=0;if(h.forEach(A=>{E+=A+(f||0)}),E-=f,E<l){const A=(l-E)/2;g.forEach((S,C)=>{g[C]=S-A}),y.forEach((S,C)=>{y[C]=S+A})}}if(Object.assign(t,{slides:d,snapGrid:g,slidesGrid:y,slidesSizesGrid:h}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){Pt(n,"--swiper-centered-offset-before",`${-g[0]}px`),Pt(n,"--swiper-centered-offset-after",`${t.size/2-h[h.length-1]/2}px`);const E=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(S=>S+E),t.slidesGrid=t.slidesGrid.map(S=>S+A)}if(p!==c&&t.emit("slidesLengthChange"),g.length!==u&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(E);p<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(E):A&&t.el.classList.remove(E)}}function Io(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(a(s))}else i.push(a(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Co(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function _o(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(r=>{r.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let r=0;r<n.length;r+=1){const c=n[r];let d=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(d-=n[0].swiperSlideOffset);const p=(a+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),g=(a-l[0]+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),y=-(a-d),h=y+e.slidesSizesGrid[r],b=y>=0&&y<=e.size-e.slidesSizesGrid[r];(y>=0&&y<e.size-1||h>1&&h<=e.size||y<=0&&h>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(r),n[r].classList.add(i.slideVisibleClass)),b&&n[r].classList.add(i.slideFullyVisibleClass),c.progress=o?-p:p,c.originalProgress=o?-g:g}}function ko(t){const e=this;if(typeof t>"u"){const d=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*d||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:a,progressLoop:s}=e;const r=l,c=a;if(n===0)o=0,l=!0,a=!0;else{o=(t-e.minTranslate())/n;const d=Math.abs(t-e.minTranslate())<1,p=Math.abs(t-e.maxTranslate())<1;l=d||o<=0,a=p||o>=1,d&&(o=0),p&&(o=1)}if(i.loop){const d=e.getSlideIndexByData(0),p=e.getSlideIndexByData(e.slides.length-1),g=e.slidesGrid[d],y=e.slidesGrid[p],h=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=g?s=(b-g)/h:s=(b+h-y)/h,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!r&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(r&&!l||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function Do(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,s=p=>We(n,`.${i.slideClass}${p}, swiper-slide${p}`)[0];e.forEach(p=>{p.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let r,c,d;if(l)if(i.loop){let p=o-t.virtual.slidesBefore;p<0&&(p=t.virtual.slides.length+p),p>=t.virtual.slides.length&&(p-=t.virtual.slides.length),r=s(`[data-swiper-slide-index="${p}"]`)}else r=s(`[data-swiper-slide-index="${o}"]`);else a?(r=e.filter(p=>p.column===o)[0],d=e.filter(p=>p.column===o+1)[0],c=e.filter(p=>p.column===o-1)[0]):r=e[o];r&&(r.classList.add(i.slideActiveClass),a?(d&&d.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(d=po(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!d&&(d=e[0]),d&&d.classList.add(i.slideNextClass),c=uo(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Nt=(t,e)=>{if(!t||t.destroyed||!t.params)return;const i=()=>t.isElement?"swiper-slide":`.${t.params.slideClass}`,n=e.closest(i());if(n){let o=n.querySelector(`.${t.params.lazyPreloaderClass}`);!o&&t.isElement&&(n.shadowRoot?o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),o&&o.remove())})),o&&o.remove()}},si=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},ai=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,s=[a-e];s.push(...Array.from({length:e}).map((r,c)=>a+n+c)),t.slides.forEach((r,c)=>{s.includes(r.column)&&si(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=l+e;a+=1){const s=(a%i+i)%i;(s<o||s>l)&&si(t,s)}else for(let a=Math.max(o-e,0);a<=Math.min(l+e,i-1);a+=1)a!==o&&(a>l||a<o)&&si(t,a)};function Ao(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let o;for(let l=0;l<e.length;l+=1)typeof e[l+1]<"u"?n>=e[l]&&n<e[l+1]-(e[l+1]-e[l])/2?o=l:n>=e[l]&&n<e[l+1]&&(o=l+1):n>=e[l]&&(o=l);return i.normalizeSlideIndex&&(o<0||typeof o>"u")&&(o=0),o}function Po(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:a,snapIndex:s}=e;let r=t,c;const d=y=>{let h=y-e.virtual.slidesBefore;return h<0&&(h=e.virtual.slides.length+h),h>=e.virtual.slides.length&&(h-=e.virtual.slides.length),h};if(typeof r>"u"&&(r=Ao(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(o.slidesPerGroupSkip,r);c=y+Math.floor((r-y)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),r===l&&!e.params.loop){c!==s&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(r===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=d(r);return}const p=e.grid&&o.grid&&o.grid.rows>1;let g;if(e.virtual&&o.virtual.enabled&&o.loop)g=d(r);else if(p){const y=e.slides.filter(b=>b.column===r)[0];let h=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(h)&&(h=Math.max(e.slides.indexOf(y),0)),g=Math.floor(h/o.grid.rows)}else if(e.slides[r]){const y=e.slides[r].getAttribute("data-swiper-slide-index");y?g=parseInt(y,10):g=r}else g=r;Object.assign(e,{previousSnapIndex:s,snapIndex:c,previousRealIndex:a,realIndex:g,previousIndex:l,activeIndex:r}),e.initialized&&ai(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==g&&e.emit("realIndexChange"),e.emit("slideChange"))}function Oo(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,a;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,a=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Mo={updateSize:xo,updateSlides:Eo,updateAutoHeight:Io,updateSlidesOffset:Co,updateSlidesProgress:_o,updateProgress:ko,updateSlidesClasses:Do,updateActiveIndex:Po,updateClickedSlide:Oo};function Lo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=ao(l,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function jo(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:a}=i;let s=0,r=0;const c=0;i.isHorizontal()?s=n?-t:t:r=t,o.roundLengths&&(s=Math.floor(s),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:r,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-r:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${r}px, ${c}px)`);let d;const p=i.maxTranslate()-i.minTranslate();p===0?d=0:d=(t-i.minTranslate())/p,d!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function No(){return-this.snapGrid[0]}function Bo(){return-this.snapGrid[this.snapGrid.length-1]}function zo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:a,wrapperEl:s}=l;if(l.animating&&a.preventInteractionOnTransition)return!1;const r=l.minTranslate(),c=l.maxTranslate();let d;if(n&&t>r?d=r:n&&t<c?d=c:d=t,l.updateProgress(d),a.cssMode){const p=l.isHorizontal();if(e===0)s[p?"scrollLeft":"scrollTop"]=-d;else{if(!l.support.smoothScroll)return qi({swiper:l,targetPosition:-d,side:p?"left":"top"}),!0;s.scrollTo({[p?"left":"top"]:-d,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(g){!l||l.destroyed||g.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var Vo={getTranslate:Lo,setTranslate:jo,minTranslate:No,maxTranslate:Bo,translateTo:zo};function Fo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function Zi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:a}=e;let s=n;if(s||(l>a?s="next":l<a?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==a){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function Ro(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Zi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Ho(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Zi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Uo={setTransition:Fo,transitionStart:Ro,transitionEnd:Ho};function Go(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let a=t;a<0&&(a=0);const{params:s,snapGrid:r,slidesGrid:c,previousIndex:d,activeIndex:p,rtlTranslate:g,wrapperEl:y,enabled:h}=l;if(l.animating&&s.preventInteractionOnTransition||!h&&!n&&!o||l.destroyed)return!1;const b=Math.min(l.params.slidesPerGroupSkip,a);let I=b+Math.floor((a-b)/l.params.slidesPerGroup);I>=r.length&&(I=r.length-1);const u=-r[I];if(s.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const x=-Math.floor(u*100),k=Math.floor(c[f]*100),m=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?x>=k&&x<m-(m-k)/2?a=f:x>=k&&x<m&&(a=f+1):x>=k&&(a=f)}if(l.initialized&&a!==p&&(!l.allowSlideNext&&(g?u>l.translate&&u>l.minTranslate():u<l.translate&&u<l.minTranslate())||!l.allowSlidePrev&&u>l.translate&&u>l.maxTranslate()&&(p||0)!==a))return!1;a!==(d||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(u);let w;if(a>p?w="next":a<p?w="prev":w="reset",g&&-u===l.translate||!g&&u===l.translate)return l.updateActiveIndex(a),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(u),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(s.cssMode){const f=l.isHorizontal(),x=g?u:-u;if(e===0){const k=l.virtual&&l.params.virtual.enabled;k&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),k&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[f?"scrollLeft":"scrollTop"]=x})):y[f?"scrollLeft":"scrollTop"]=x,k&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return qi({swiper:l,targetPosition:x,side:f?"left":"top"}),!0;y.scrollTo({[f?"left":"top"]:x,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(u),l.updateActiveIndex(a),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,w),e===0?l.transitionEnd(i,w):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(x){!l||l.destroyed||x.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,w))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function $o(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let s;if(l){const g=a*o.params.grid.rows;s=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else s=o.getSlideIndexByData(a);const r=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let d=o.params.slidesPerView;d==="auto"?d=o.slidesPerViewDynamic():(d=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&d%2===0&&(d=d+1));let p=r-s<d;if(c&&(p=p||s<Math.ceil(d/2)),p){const g=c?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:g,slideTo:!0,activeSlideIndex:g==="next"?s+1:s-r+1,slideRealIndex:g==="next"?o.realIndex:void 0})}if(l){const g=a*o.params.grid.rows;a=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function Wo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:a}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<l.slidesPerGroupSkip?1:s,c=n.virtual&&l.virtual.enabled;if(l.loop){if(a&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function Yo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:a,rtlTranslate:s,enabled:r,animating:c}=n;if(!r||n.destroyed)return n;const d=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!d&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const p=s?n.translate:-n.translate;function g(u){return u<0?-Math.floor(Math.abs(u)):Math.floor(u)}const y=g(p),h=l.map(u=>g(u));let b=l[h.indexOf(y)-1];if(typeof b>"u"&&o.cssMode){let u;l.forEach((w,f)=>{y>=w&&(u=f)}),typeof u<"u"&&(b=l[u>0?u-1:u])}let I=0;if(typeof b<"u"&&(I=a.indexOf(b),I<0&&(I=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(I=I-n.slidesPerViewDynamic("previous",!0)+1,I=Math.max(I,0))),o.rewind&&n.isBeginning){const u=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(u,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(I,t,e,i)}),!0;return n.slideTo(I,t,e,i)}function qo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this;if(!n.destroyed)return n.slideTo(n.activeIndex,t,e,i)}function Xo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,l),s=a+Math.floor((l-a)/o.params.slidesPerGroup),r=o.rtlTranslate?o.translate:-o.translate;if(r>=o.snapGrid[s]){const c=o.snapGrid[s],d=o.snapGrid[s+1];r-c>(d-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[s-1],d=o.snapGrid[s];r-c<=(d-c)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function Jo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),pt(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),pt(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var Ko={slideTo:Go,slideToLoop:$o,slideNext:Wo,slidePrev:Yo,slideReset:qo,slideToClosest:Xo,slideToClickedSlide:Jo};function Qo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{We(n,`.${i.slideClass}, swiper-slide`).forEach((p,g)=>{p.setAttribute("data-swiper-slide-index",g)})},l=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%a!==0,r=l&&e.slides.length%i.grid.rows!==0,c=d=>{for(let p=0;p<d;p+=1){const g=e.isElement?St("swiper-slide",[i.slideBlankClass]):St("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(g)}};if(s){if(i.loopAddBlankSlides){const d=a-e.slides.length%a;c(d),e.recalcSlides(),e.updateSlides()}else Ot("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(r){if(i.loopAddBlankSlides){const d=i.grid.rows-e.slides.length%i.grid.rows;c(d),e.recalcSlides(),e.updateSlides()}else Ot("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function Zo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:a,byMousewheel:s}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:c,allowSlidePrev:d,allowSlideNext:p,slidesEl:g,params:y}=r,{centeredSlides:h}=y;if(r.allowSlidePrev=!0,r.allowSlideNext=!0,r.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&r.snapIndex===0?r.slideTo(r.virtual.slides.length,0,!1,!0):y.centeredSlides&&r.snapIndex<y.slidesPerView?r.slideTo(r.virtual.slides.length+r.snapIndex,0,!1,!0):r.snapIndex===r.snapGrid.length-1&&r.slideTo(r.virtual.slidesBefore,0,!1,!0)),r.allowSlidePrev=d,r.allowSlideNext=p,r.emit("loopFix");return}let b=y.slidesPerView;b==="auto"?b=r.slidesPerViewDynamic():(b=Math.ceil(parseFloat(y.slidesPerView,10)),h&&b%2===0&&(b=b+1));const I=y.slidesPerGroupAuto?b:y.slidesPerGroup;let u=I;u%I!==0&&(u+=I-u%I),u+=y.loopAdditionalSlides,r.loopedSlides=u;const w=r.grid&&y.grid&&y.grid.rows>1;c.length<b+u?Ot("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&y.grid.fill==="row"&&Ot("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],x=[];let k=r.activeIndex;typeof l>"u"?l=r.getSlideIndex(c.filter(C=>C.classList.contains(y.slideActiveClass))[0]):k=l;const m=n==="next"||!n,L=n==="prev"||!n;let _=0,T=0;const E=w?Math.ceil(c.length/y.grid.rows):c.length,S=(w?c[l].column:l)+(h&&typeof o>"u"?-b/2+.5:0);if(S<u){_=Math.max(u-S,I);for(let C=0;C<u-S;C+=1){const P=C-Math.floor(C/E)*E;if(w){const N=E-P-1;for(let U=c.length-1;U>=0;U-=1)c[U].column===N&&f.push(U)}else f.push(E-P-1)}}else if(S+b>E-u){T=Math.max(S-(E-u*2),I);for(let C=0;C<T;C+=1){const P=C-Math.floor(C/E)*E;w?c.forEach((N,U)=>{N.column===P&&x.push(U)}):x.push(P)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),L&&f.forEach(C=>{c[C].swiperLoopMoveDOM=!0,g.prepend(c[C]),c[C].swiperLoopMoveDOM=!1}),m&&x.forEach(C=>{c[C].swiperLoopMoveDOM=!0,g.append(c[C]),c[C].swiperLoopMoveDOM=!1}),r.recalcSlides(),y.slidesPerView==="auto"?r.updateSlides():w&&(f.length>0&&L||x.length>0&&m)&&r.slides.forEach((C,P)=>{r.grid.updateSlide(P,C,r.slides)}),y.watchSlidesProgress&&r.updateSlidesOffset(),i){if(f.length>0&&L){if(typeof e>"u"){const C=r.slidesGrid[k],N=r.slidesGrid[k+_]-C;s?r.setTranslate(r.translate-N):(r.slideTo(k+Math.ceil(_),0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else if(o){const C=w?f.length/y.grid.rows:f.length;r.slideTo(r.activeIndex+C,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(x.length>0&&m)if(typeof e>"u"){const C=r.slidesGrid[k],N=r.slidesGrid[k-T]-C;s?r.setTranslate(r.translate-N):(r.slideTo(k-T,0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else{const C=w?x.length/y.grid.rows:x.length;r.slideTo(r.activeIndex-C,0,!1,!0)}}if(r.allowSlidePrev=d,r.allowSlideNext=p,r.controller&&r.controller.control&&!a){const C={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...C,slideTo:P.params.slidesPerView===y.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...C,slideTo:r.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}r.emit("loopFix")}function el(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(o=>{const l=typeof o.swiperSlideIndex>"u"?o.getAttribute("data-swiper-slide-index")*1:o.swiperSlideIndex;n[l]=o}),t.slides.forEach(o=>{o.removeAttribute("data-swiper-slide-index")}),n.forEach(o=>{i.append(o)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var tl={loopCreate:Qo,loopFix:Zo,loopDestroy:el};function il(t){const e=this;if(!e.params.simulateTouch||e.params.watchOverflow&&e.isLocked||e.params.cssMode)return;const i=e.params.touchEventsTarget==="container"?e.el:e.wrapperEl;e.isElement&&(e.__preventObserver__=!0),i.style.cursor="move",i.style.cursor=t?"grabbing":"grab",e.isElement&&requestAnimationFrame(()=>{e.__preventObserver__=!1})}function nl(){const t=this;t.params.watchOverflow&&t.isLocked||t.params.cssMode||(t.isElement&&(t.__preventObserver__=!0),t[t.params.touchEventsTarget==="container"?"el":"wrapperEl"].style.cursor="",t.isElement&&requestAnimationFrame(()=>{t.__preventObserver__=!1}))}var ol={setGrabCursor:il,unsetGrabCursor:nl};function ll(t,e){e===void 0&&(e=this);function i(n){if(!n||n===$e()||n===Me())return null;n.assignedSlot&&(n=n.assignedSlot);const o=n.closest(t);return!o&&!n.getRootNode?null:o||i(n.getRootNode().host)}return i(e)}function en(t,e,i){const n=Me(),{params:o}=t,l=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return l&&(i<=a||i>=n.innerWidth-a)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function sl(t){const e=this,i=$e();let n=t;n.originalEvent&&(n=n.originalEvent);const o=e.touchEventsData;if(n.type==="pointerdown"){if(o.pointerId!==null&&o.pointerId!==n.pointerId)return;o.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(o.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){en(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:a,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let r=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",d=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&d&&(r=d[0]);const p=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,g=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(g?ll(p,r):r.closest(p))){e.allowClick=!0;return}if(l.swipeHandler&&!r.closest(l.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const y=a.currentX,h=a.currentY;if(!en(e,n,y))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=y,a.startY=h,o.touchStartTime=Fe(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let b=!0;r.matches(o.focusableElements)&&(b=!1,r.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const I=b&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||I)&&!r.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function al(t){const e=$e(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:a,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let r=t;if(r.originalEvent&&(r=r.originalEvent),r.type==="pointermove"&&(n.touchId!==null||r.pointerId!==n.pointerId))return;let c;if(r.type==="touchmove"){if(c=[...r.changedTouches].filter(m=>m.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const d=c.pageX,p=c.pageY;if(r.preventedByNestedSwiper){l.startX=d,l.startY=p;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p}),n.touchStartTime=Fe());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(p<l.startY&&i.translate<=i.maxTranslate()||p>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(d<l.startX&&i.translate<=i.maxTranslate()||d>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&r.target===e.activeElement&&r.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",r),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=d,l.currentY=p;const g=l.currentX-l.startX,y=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(g**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let m;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:g*g+y*y>=25&&(m=Math.atan2(Math.abs(y),Math.abs(g))*180/Math.PI,n.isScrolling=i.isHorizontal()?m>o.touchAngle:90-m>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&r.cancelable&&r.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&r.stopPropagation();let h=i.isHorizontal()?g:y,b=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(h=Math.abs(h)*(a?1:-1),b=Math.abs(b)*(a?1:-1)),l.diff=h,h*=o.touchRatio,a&&(h=-h,b=-b);const I=i.touchesDirection;i.swipeDirection=h>0?"prev":"next",i.touchesDirection=b>0?"prev":"next";const u=i.params.loop&&!o.cssMode,w=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(u&&w&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const m=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(m)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&u&&w&&Math.abs(h)>=1){Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",r),n.isMoved=!0,n.currentTranslate=h+n.startTranslate;let x=!0,k=o.resistanceRatio;if(o.touchReleaseOnEdges&&(k=0),h>0?(u&&w&&!f&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(x=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+h)**k))):h<0&&(u&&w&&!f&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(x=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-h)**k))),x&&(r.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(h)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function rl(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let o;if(n.type==="touchend"||n.type==="touchcancel"){if(o=[...n.changedTouches].filter(k=>k.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:a,touches:s,rtlTranslate:r,slidesGrid:c,enabled:d}=e;if(!d||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const p=Fe(),g=p-i.touchStartTime;if(e.allowClick){const k=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(k&&k[0]||n.target,k),e.emit("tap click",n),g<300&&p-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Fe(),pt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let y;if(a.followFinger?y=r?e.translate:-e.translate:y=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const h=y>=-e.maxTranslate()&&!e.params.loop;let b=0,I=e.slidesSizesGrid[0];for(let k=0;k<c.length;k+=k<a.slidesPerGroupSkip?1:a.slidesPerGroup){const m=k<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[k+m]<"u"?(h||y>=c[k]&&y<c[k+m])&&(b=k,I=c[k+m]-c[k]):(h||y>=c[k])&&(b=k,I=c[c.length-1]-c[c.length-2])}let u=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(u=0));const f=(y-c[b])/I,x=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(g>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?u:b+x):e.slideTo(b)),e.swipeDirection==="prev"&&(f>1-a.longSwipesRatio?e.slideTo(b+x):w!==null&&f<0&&Math.abs(f)>a.longSwipesRatio?e.slideTo(w):e.slideTo(b))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+x):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(u!==null?u:b+x),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:b))}}function tn(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function dl(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function cl(){const t=this,{wrapperEl:e,rtlTranslate:i,enabled:n}=t;if(!n)return;t.previousTranslate=t.translate,t.isHorizontal()?t.translate=-e.scrollLeft:t.translate=-e.scrollTop,t.translate===0&&(t.translate=0),t.updateActiveIndex(),t.updateSlidesClasses();let o;const l=t.maxTranslate()-t.minTranslate();l===0?o=0:o=(t.translate-t.minTranslate())/l,o!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function ul(t){const e=this;Nt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function pl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const nn=(t,e)=>{const i=$e(),{params:n,el:o,wrapperEl:l,device:a}=t,s=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",c=e;i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[r]("touchstart",t.onTouchStart,{passive:!1}),o[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[r]("touchend",t.onTouchEnd,{passive:!0}),i[r]("pointerup",t.onTouchEnd,{passive:!0}),i[r]("pointercancel",t.onTouchEnd,{passive:!0}),i[r]("touchcancel",t.onTouchEnd,{passive:!0}),i[r]("pointerout",t.onTouchEnd,{passive:!0}),i[r]("pointerleave",t.onTouchEnd,{passive:!0}),i[r]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[r]("click",t.onClick,!0),n.cssMode&&l[r]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",tn,!0):t[c]("observerUpdate",tn,!0),o[r]("load",t.onLoad,{capture:!0})};function vl(){const t=this,{params:e}=t;t.onTouchStart=sl.bind(t),t.onTouchMove=al.bind(t),t.onTouchEnd=rl.bind(t),t.onDocumentTouchStart=pl.bind(t),e.cssMode&&(t.onScroll=cl.bind(t)),t.onClick=dl.bind(t),t.onLoad=ul.bind(t),nn(t,"on")}function fl(){nn(this,"off")}var ml={attachEvents:vl,detachEvents:fl};const on=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function hl(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const a=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const r=(a in l?l[a]:void 0)||t.originalParams,c=on(t,n),d=on(t,r),p=n.enabled;c&&!d?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&d&&(o.classList.add(`${n.containerModifierClass}grid`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(u=>{if(typeof r[u]>"u")return;const w=n[u]&&n[u].enabled,f=r[u]&&r[u].enabled;w&&!f&&t[u].disable(),!w&&f&&t[u].enable()});const g=r.direction&&r.direction!==n.direction,y=n.loop&&(r.slidesPerView!==n.slidesPerView||g),h=n.loop;g&&i&&t.changeDirection(),Be(t.params,r);const b=t.params.enabled,I=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),p&&!b?t.disable():!p&&b&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",r),i&&(y?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!h&&I?(t.loopCreate(e),t.updateSlides()):h&&!I&&t.loopDestroy()),t.emit("breakpoint",r)}function gl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=Me(),l=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const r=parseFloat(s.substr(1));return{value:l*r,point:s}}return{value:s,point:s}});a.sort((s,r)=>parseInt(s.value,10)-parseInt(r.value,10));for(let s=0;s<a.length;s+=1){const{point:r,value:c}=a[s];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=r):c<=i.clientWidth&&(n=r)}return n||"max"}var bl={setBreakpoint:hl,getBreakpoint:gl};function yl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(o=>{n[o]&&i.push(e+o)}):typeof n=="string"&&i.push(e+n)}),i}function wl(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,a=yl(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function Sl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Tl={addClasses:wl,removeClasses:Sl};function xl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,l=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>l}else t.isLocked=t.snapGrid.length===1;i.allowSlideNext===!0&&(t.allowSlideNext=!t.isLocked),i.allowSlidePrev===!0&&(t.allowSlidePrev=!t.isLocked),e&&e!==t.isLocked&&(t.isEnd=!1),e!==t.isLocked&&t.emit(t.isLocked?"lock":"unlock")}var El={checkOverflow:xl},ri={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function Il(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){Be(e,n);return}if(t[o]===!0&&(t[o]={enabled:!0}),o==="navigation"&&t[o]&&t[o].enabled&&!t[o].prevEl&&!t[o].nextEl&&(t[o].auto=!0),["pagination","scrollbar"].indexOf(o)>=0&&t[o]&&t[o].enabled&&!t[o].el&&(t[o].auto=!0),!(o in t&&"enabled"in l)){Be(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Be(e,n)}}const di={eventsEmitter:To,update:Mo,translate:Vo,transition:Uo,slide:Ko,loop:tl,grabCursor:ol,events:ml,breakpoints:bl,checkOverflow:El,classes:Tl},ci={};let ui=class Qe{constructor(){let e,i;for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];o.length===1&&o[0].constructor&&Object.prototype.toString.call(o[0]).slice(8,-1)==="Object"?i=o[0]:[e,i]=o,i||(i={}),i=Be({},i),e&&!i.el&&(i.el=e);const a=$e();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const d=[];return a.querySelectorAll(i.el).forEach(p=>{const g=Be({},i,{el:p});d.push(new Qe(g))}),d}const s=this;s.__swiper__=!0,s.support=Ki(),s.device=Qi({userAgent:i.userAgent}),s.browser=yo(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const r={};s.modules.forEach(d=>{d({params:i,swiper:s,extendParams:Il(i,r),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const c=Be({},ri,r);return s.params=Be({},c,ci,i),s.originalParams=Be({},s.params),s.passedParams=Be({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(d=>{s.on(d,s.params.on[d])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=We(i,`.${n.slideClass}, swiper-slide`),l=Mt(o[0]);return Mt(e)-l}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter(i=>i.getAttribute("data-swiper-slide-index")*1===e)[0])}recalcSlides(){const e=this,{slidesEl:i,params:n}=e;e.slides=We(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:a,slidesSizesGrid:s,size:r,activeIndex:c}=n;let d=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let p=l[c]?Math.ceil(l[c].swiperSlideSize):0,g;for(let y=c+1;y<l.length;y+=1)l[y]&&!g&&(p+=Math.ceil(l[y].swiperSlideSize),d+=1,p>r&&(g=!0));for(let y=c-1;y>=0;y-=1)l[y]&&!g&&(p+=l[y].swiperSlideSize,d+=1,p>r&&(g=!0))}else if(e==="current")for(let p=c+1;p<l.length;p+=1)(i?a[p]+s[p]-a[c]<r:a[p]-a[c]<r)&&(d+=1);else for(let p=c-1;p>=0;p-=1)a[c]-a[p]<r&&(d+=1);return d}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&Nt(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(a.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):We(n,o())[0];return!a&&i.params.createElements&&(a=St("div",i.params.wrapperClass),n.append(a),We(n,`.${i.params.slideClass}`).forEach(s=>{a.append(s)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl"),wrongRTL:tt(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?Nt(i,l):l.addEventListener("load",a=>{Nt(i,a.target)})}),ai(i),i.initialized=!0,ai(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:a,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),a.removeAttribute("style"),s&&s.length&&s.forEach(r=>{r.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),r.removeAttribute("style"),r.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(r=>{n.off(r)}),e!==!1&&(n.el.swiper=null,lo(n)),n.destroyed=!0),null}static extendDefaults(e){Be(ci,e)}static get extendedDefaults(){return ci}static get defaults(){return ri}static installModule(e){Qe.prototype.__modules__||(Qe.prototype.__modules__=[]);const i=Qe.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Qe.installModule(i)),Qe):(Qe.installModule(e),Qe)}};Object.keys(di).forEach(t=>{Object.keys(di[t]).forEach(e=>{ui.prototype[e]=di[t][e]})}),ui.use([wo,So]);const ln=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function lt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function ft(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:lt(e[n])&<(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:ft(t[n],e[n]):t[n]=e[n]})}function sn(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function an(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function rn(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function dn(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function Cl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function _l(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:a,scrollbarEl:s,paginationEl:r}=t;const c=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:d,pagination:p,navigation:g,scrollbar:y,virtual:h,thumbs:b}=e;let I,u,w,f,x,k,m,L;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&d.thumbs&&!d.thumbs.swiper&&(I=!0),o.includes("controller")&&n.controller&&n.controller.control&&d.controller&&!d.controller.control&&(u=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(d.pagination||d.pagination===!1)&&p&&!p.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(d.scrollbar||d.scrollbar===!1)&&y&&!y.el&&(f=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||l)&&(d.navigation||d.navigation===!1)&&g&&!g.prevEl&&!g.nextEl&&(x=!0);const _=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),d[T].prevEl=void 0,d[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),d[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(d.loop&&!n.loop?k=!0:!d.loop&&n.loop?m=!0:L=!0),c.forEach(T=>{if(lt(d[T])&<(n[T]))Object.assign(d[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&_(T);else{const E=n[T];(E===!0||E===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?E===!1&&_(T):d[T]=n[T]}}),c.includes("controller")&&!u&&e.controller&&e.controller.control&&d.controller&&d.controller.control&&(e.controller.control=d.controller.control),o.includes("children")&&i&&h&&d.virtual.enabled?(h.slides=i,h.update(!0)):o.includes("virtual")&&h&&d.virtual.enabled&&(i&&(h.slides=i),h.update(!0)),o.includes("children")&&i&&d.loop&&(L=!0),I&&b.init()&&b.update(!0),u&&(e.controller.control=d.controller.control),w&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(d.pagination.el=r),p.init(),p.render(),p.update()),f&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(d.scrollbar.el=s),y.init(),y.updateSize(),y.setTranslate()),x&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),l&&(d.navigation.nextEl=l),a&&(d.navigation.prevEl=a),g.init(),g.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(k||L)&&e.loopDestroy(),(m||L)&&e.loopCreate(),e.update()}function kl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};ft(i,ri),i._emitClasses=!0,i.init=!1;const l={},a=ln.map(r=>r.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(r=>{typeof t[r]>"u"||(a.indexOf(r)>=0?lt(t[r])?(i[r]={},o[r]={},ft(i[r],t[r]),ft(o[r],t[r])):(i[r]=t[r],o[r]=t[r]):r.search(/on[A-Z]/)===0&&typeof t[r]=="function"?e?n[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:i.on[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:l[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:o,rest:l,events:n}}function Dl(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:a,swiper:s}=t;sn(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),an(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),rn(e)&&a&&(s.params.scrollbar.el=a,s.originalParams.scrollbar.el=a),s.init(i)}function Al(t,e,i,n,o){const l=[];if(!e)return l;const a=r=>{l.indexOf(r)<0&&l.push(r)};if(i&&n){const r=n.map(o),c=i.map(o);r.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return ln.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if(lt(t[r])&<(e[r])){const c=Object.keys(t[r]),d=Object.keys(e[r]);c.length!==d.length?a(r):(c.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}),d.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}))}else t[r]!==e[r]&&a(r)}),l}const Pl=t=>{!t||t.destroyed||!t.params.virtual||t.params.virtual&&!t.params.virtual.enabled||(t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.parallax&&t.params.parallax&&t.params.parallax.enabled&&t.parallax.setTranslate())};function Bt(){return Bt=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},Bt.apply(this,arguments)}function cn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function un(t){const e=[];return v.Children.toArray(t).forEach(i=>{cn(i)?e.push(i):i.props&&i.props.children&&un(i.props.children).forEach(n=>e.push(n))}),e}function Ol(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return v.Children.toArray(t).forEach(n=>{if(cn(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const o=un(n.props.children);o.length>0?o.forEach(l=>e.push(l)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function Ml(t,e,i){if(!i)return null;const n=d=>{let p=d;return d<0?p=e.length+d:p>=e.length&&(p=p-e.length),p},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:a}=i,s=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,c=[];for(let d=s;d<r;d+=1)d>=l&&d<=a&&c.push(e[n(d)]);return c.map((d,p)=>v.cloneElement(d,{swiper:t,style:o,key:d.props.virtualIndex||d.key||`slide-${p}`}))}function Tt(t,e){return typeof window>"u"?Z(t,e):On(t,e)}const pi=wt(null),pn=()=>yt(pi),Ll=wt(null),st=_t(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:a,...s}=t===void 0?{}:t,r=!1;const[c,d]=$("swiper"),[p,g]=$(null),[y,h]=$(!1),b=Q(!1),I=Q(null),u=Q(null),w=Q(null),f=Q(null),x=Q(null),k=Q(null),m=Q(null),L=Q(null),{params:_,passedParams:T,rest:E,events:A}=kl(s),{slides:S,slots:C}=Ol(l),P=()=>{h(!y)};Object.assign(_.on,{_containerClasses(j,V){d(V)}});const N=()=>{Object.assign(_.on,A),r=!0;const j={..._};if(delete j.wrapperClass,u.current=new ui(j),u.current.virtual&&u.current.params.virtual.enabled){u.current.virtual.slides=S;const V={cache:!1,slides:S,renderExternal:g,renderExternalUpdate:!1};ft(u.current.params.virtual,V),ft(u.current.originalParams.virtual,V)}};I.current||N(),u.current&&u.current.on("_beforeBreakpoint",P);const U=()=>{r||!A||!u.current||Object.keys(A).forEach(j=>{u.current.on(j,A[j])})},G=()=>{!A||!u.current||Object.keys(A).forEach(j=>{u.current.off(j,A[j])})};Z(()=>()=>{u.current&&u.current.off("_beforeBreakpoint",P)}),Z(()=>{!b.current&&u.current&&(u.current.emitSlidesClasses(),b.current=!0)}),Tt(()=>{if(e&&(e.current=I.current),!!I.current)return u.current.destroyed&&N(),Dl({el:I.current,nextEl:x.current,prevEl:k.current,paginationEl:m.current,scrollbarEl:L.current,swiper:u.current},_),a&&!u.current.destroyed&&a(u.current),()=>{u.current&&!u.current.destroyed&&u.current.destroy(!0,!1)}},[]),Tt(()=>{U();const j=Al(T,w.current,S,f.current,V=>V.key);return w.current=T,f.current=S,j.length&&u.current&&!u.current.destroyed&&_l({swiper:u.current,slides:S,passedParams:T,changedParams:j,nextEl:x.current,prevEl:k.current,scrollbarEl:L.current,paginationEl:m.current}),()=>{G()}}),Tt(()=>{Pl(u.current)},[p]);function z(){return _.virtual?Ml(u.current,S,p):S.map((j,V)=>v.cloneElement(j,{swiper:u.current,swiperSlideIndex:V}))}return v.createElement(n,Bt({ref:I,className:dn(`${c}${i?` ${i}`:""}`)},E),v.createElement(Ll.Provider,{value:u.current},C["container-start"],v.createElement(o,{className:Cl(_.wrapperClass)},C["wrapper-start"],z(),C["wrapper-end"]),sn(_)&&v.createElement(v.Fragment,null,v.createElement("div",{ref:k,className:"swiper-button-prev"}),v.createElement("div",{ref:x,className:"swiper-button-next"})),rn(_)&&v.createElement("div",{ref:L,className:"swiper-scrollbar"}),an(_)&&v.createElement("div",{ref:m,className:"swiper-pagination"}),C["container-end"]))});st.displayName="Swiper";const qe=_t(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:a,lazy:s,virtualIndex:r,swiperSlideIndex:c,...d}=t===void 0?{}:t;const p=Q(null),[g,y]=$("swiper-slide"),[h,b]=$(!1);function I(x,k,m){k===p.current&&y(m)}Tt(()=>{if(typeof c<"u"&&(p.current.swiperSlideIndex=c),e&&(e.current=p.current),!(!p.current||!l)){if(l.destroyed){g!=="swiper-slide"&&y("swiper-slide");return}return l.on("_slideClass",I),()=>{l&&l.off("_slideClass",I)}}}),Tt(()=>{l&&p.current&&!l.destroyed&&y(l.getSlideClasses(p.current))},[l]);const u={isActive:g.indexOf("swiper-slide-active")>=0,isVisible:g.indexOf("swiper-slide-visible")>=0,isPrev:g.indexOf("swiper-slide-prev")>=0,isNext:g.indexOf("swiper-slide-next")>=0},w=()=>typeof n=="function"?n(u):n,f=()=>{b(!0)};return v.createElement(i,Bt({ref:p,className:dn(`${g}${o?` ${o}`:""}`),"data-swiper-slide-index":r,onLoad:f},d),a&&v.createElement(pi.Provider,{value:u},v.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),s&&!h&&v.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&v.createElement(pi.Provider,{value:u},w(),s&&!h&&v.createElement("div",{className:"swiper-lazy-preloader"})))});qe.displayName="SwiperSlide";const jl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Nl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var a;const[s,r]=$(!1),c=Q(null);Z(()=>{const g=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),g?.appendChild(c.current))},[]);const d=te(()=>l?.id&&l?.id!==""||t,[t,l]);if(Z(()=>{d?r(!0):setTimeout(()=>{r(!1)},l?.duration)},[d,l]),!c.current)return null;const p=Ut(()=>{e?.()},300);return Pi.createPortal(v.createElement(v.Fragment,null,s&&v.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:d?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:p},v.createElement("div",{className:`modal-container ${d?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((a=l?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:g=>{g.stopPropagation(),g.preventDefault()}},v.createElement("div",{onClick:e,className:"modal-icon-wrapper"},v.createElement("img",{src:jl,alt:"close",className:"modal-icon"})),i))),c.current)};var zt=ge(Nl);const Bl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},zl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:a,isPost:s,onChange:r})=>{const[c,d]=$(!1),[p,g]=$(!1),y=Number(i?.lineClamp||2),h=Q(null),b=Q(null),I=ae(()=>{d(!c)},[c,r]);return te(()=>!c&&t.length>e?Bl(t,e)+"...":t,[t,e,c]),Z(()=>{var u,w;((u=b?.current)===null||u===void 0?void 0:u.offsetHeight)>((w=h?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?g(!0):g(!1),b.current.style.display="none"},[s]),v.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},v.createElement("div",{ref:h,style:{overflow:"hidden",WebkitLineClamp:!s||c?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),v.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&p&&v.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??I},c?a||"show less":l||"show more"))};var Vt=ge(zl);const Vl=_t((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:a}=t,[s,r]=$(),{swiperRef:c}=be();return Di(e,()=>({setSrc:d=>{r(d)}})),Z(()=>{var d,p;const g=(p=(d=c?.current)===null||d===void 0?void 0:d.swiper)===null||p===void 0?void 0:p.activeIndex;(g===0||g>0)&&r(i)},[i,c]),Q(null),v.createElement(v.Fragment,null,s?.includes(".avif")?v.createElement("picture",null,v.createElement("source",{type:"image/avif",srcSet:s}),v.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),v.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),v.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}})):v.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}}))});var ze=ge(Vl);const Fl=t=>{var e,i,n,o,l,a,s,r,c,{content:d,style:p,bgImg:g,onClick:y,schema:h,isDefault:b,bottom_image:I,tipText:u,isPost:w,viewTime:f,rec:x,swiper:k,commodityStyles:m,buttonStyle:L,index:_}=t,T=ke(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=be(),{popupDetailData:A,bffEventReport:S,isPreview:C,bffFbReport:P}=be(),{jumpToWeb:N,productView:U}=Ge(),G=Q(null),[z,j]=$(!1),V=w?x:A,O=w?V?.product:(e=V?.video)===null||e===void 0?void 0:e.bindProduct,D=w?(i=V?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=V?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,W=w?_:A?.index,F=()=>{O?.link&&(N(V,O,D,W),w||U(V,O,D,f||G.current,W),window.location.href=window.getJointUtmLink(O.link))};Z(()=>{w||P?.({eventName:"ProductView"})},[w,P]),Z(()=>{const Y=()=>{G.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const H=te(()=>{var Y,pe,K,ie,Te;return O?.currency&&O?.price?`${(K=(pe=(Y=O?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||pe===void 0?void 0:pe.toUpperCase())!==null&&K!==void 0?K:""}${(Te=(ie=O?.price)===null||ie===void 0?void 0:ie.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"$7,000"},[O?.price,O?.currency]),ne=C?375:(l=p?.width)!==null&&l!==void 0?l:window.innerWidth,ee=({isPost:Y})=>{var pe,K,ie;return v.createElement("div",null,v.createElement("div",{className:"pb-commondity-content-collection",style:re(m?.collection),hidden:!!O&&(!O?.collection||O?.collection==="")},(pe=O?.collection)!==null&&pe!==void 0?pe:"Tiffany Lock"),v.createElement("div",{className:"pb-commondity-content-title",style:re(m?.title),hidden:!!O&&!O?.title},(K=O?.title)!==null&&K!==void 0?K:"Pendant in Yellow Gold with Diamonds, Medium"),v.createElement("div",{className:"pb-commondity-content-price",style:re(m?.price),hidden:!!O&&!O?.price},H),v.createElement("div",{hidden:!!O&&(!O?.info||O?.info==="")},v.createElement(Vt,{foldText:u?.foldText,unfoldText:u?.unfoldText,onClick:()=>j(!0),isPost:Y,text:(ie=O?.info)!==null&&ie!==void 0?ie:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
1
|
+
import{isEmpty as At,isEqual as Oi,cloneDeep as xt,debounce as qt,throttle as Pt,get as Mi}from"lodash";import{v4 as Mn}from"uuid";import Ln from"pako";import v,{useContext as Et,useMemo as te,memo as he,useEffect as Z,createContext as It,useState as H,useRef as ee,useCallback as ae,forwardRef as Ot,useImperativeHandle as Li,useLayoutEffect as jn}from"react";import Xt from"qs";import Nn from"eventemitter3";import{css as se}from"@emotion/css";import{BetaSchemaForm as Bn}from"@ant-design/pro-components";import*as ji from"react-dom";function Me(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i}function Fe(t,e,i,n){function o(l){return l instanceof i?l:new i(function(r){r(l)})}return new(i||(i=Promise))(function(l,r){function s(d){try{c(n.next(d))}catch(p){r(p)}}function a(d){try{c(n.throw(d))}catch(p){r(p)}}function c(d){d.done?l(d.value):o(d.value).then(s,a)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const zn=/:\w+/g;var Ni=(t,e)=>Fe(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:r,url:s,urlParams:a,name:c,queryString:d,headers:p,body:m}=e[o];let w=s;a&&Object.entries(a).forEach(([y,S])=>{w=w.replace(zn,C=>C===y?S:C)}),d&&(w+=d),n[l]=c;try{const y=yield fetch(w,{method:r,headers:Object.assign({"Content-Type":"application/json"},p),body:JSON.stringify(m)}).then(S=>S.json());i[l]=y}catch(y){console.error("DataSource request error: ",y),i[l]={}}}return{$store:i,idMapName:n}});const Bi="SXP_TOKEN_INFO",Fn=(t,e)=>Fe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),r=window.localStorage.getItem(Bi);let s=JSON.parse(r||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(d=>d.json());if(c.success){const d=c.data;s=Object.assign(Object.assign({},d),{expireTime:Date.now()+d.expire*1e3}),window.localStorage.setItem(Bi,JSON.stringify(s))}}return s});function Mt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let o;if(e=e||i.length,t)for(o=0;o<t;o++)n[o]=i[0|Math.random()*e];else{let l;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",o=0;o<36;o++)n[o]||(l=0|Math.random()*16,n[o]=i[o===19?l&3|8:l])}return n.join("")}const Vn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},Rn=()=>{const t=Mn();return t?.replaceAll?t.replaceAll("-",""):Vn(32)};function zi(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Ln.inflate(n,{to:"string"});return JSON.parse(o)}let Jt=null;const Hn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Un{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Jt)return Jt;Jt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Hn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let je=null;const Gn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{je||(je=new Un),n&&je.setApiUrl(n),je.setAppId(t),je.setTenantId(e),je.setEnv(i)},getDetail:t=>{if(!je)return;const e=je.getTenantId(),i=je.getAppId(),n=je.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Fe(void 0,void 0,void 0,function*(){var l,r;const s=yield o.json(),a=zi((l=s?.data)===null||l===void 0?void 0:l.data);if(a){const{$store:c}=yield Ni(n,(r=a?.dataSource)!==null&&r!==void 0?r:[]);s.data.data=a,Object.assign(s.data.data,{__STORE__:c})}return s}))},getSxpDetailByPageId:t=>Fe(void 0,void 0,void 0,function*(){if(!je)return;const e=je.getTenantId(),i=je.getAppId(),n=je.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Fe(void 0,void 0,void 0,function*(){var l;const r=yield o.json();if(!r.success)return;const s=zi((l=r?.data)===null||l===void 0?void 0:l.data);return r.data.data=s,r.data}))}),getSxpRecommendVideoData:t=>Fe(void 0,void 0,void 0,function*(){if(!je)return;const e=yield Fn(je,t),i=Mt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");At(n)&&(n=Mt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const o=yield fetch("https://dev-sxp-be.chatlabs.net/platform/open/rec/v1.2",{method:"POST",headers:{"Content-Type":"application/json",token:e.token,channel:e.channel,userId:e.userId},body:JSON.stringify({productUserId:n,channel:e.channel,maxRecs:10,requestId:i})}).then(l=>l.json());return o?.data||null})};function lt(){return Et(Xi)}function $n(){return Et(qi)}const Kt="feRealSessionIdKey",Fi=()=>{const t=Rn();return`${Date.now()}${t}`},Wn=()=>{let t=qn();return t||(t=Fi(),window.sessionStorage.setItem(Kt,t)),t},Yn=()=>{const t=Fi();window.sessionStorage.setItem(Kt,t)},qn=()=>window.sessionStorage.getItem(Kt),Vi="SXP_FAKE_USER_ID",Ri="FAKE_USER_STATE",Hi="AGREE_POLICY",Ui=()=>{let t=window.localStorage.getItem(Vi);return At(t)&&(t=Mt(36,62),window.localStorage.setItem(Vi,t)),t},Xn=()=>{const t=window.localStorage.getItem(Ri);return At(t)&&window.localStorage.setItem(Ri,"true"),At(t)};function Ye(t,e){const{appDomain:i}=ye();return te(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const st=new Nn;var Je;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Je||(Je={}));const Jn=({width:t=window.innerWidth,height:e=window.innerHeight,privacy_title:i,privacy_context:n,privacy_policy_url:o,privacy_policy_title:l})=>{const{setIsAgreePolicy:r,bffEventReport:s}=ye(),a=te(()=>{const p=location.search.slice(1),m=Xt.parse(p.replace(/\+/g,"%2B"));for(const w in m)m[w]=m[w].replace(/%2B/g,"+");return m},[]),c=p=>{var m;return(m=a[p])!==null&&m!==void 0?m:null};Z(()=>{s?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:c("utm_source"),utmMedium:c("utm_medium"),utmCampaign:c("utm_campaign"),utmId:c("utm_id"),utmContent:c("utm_content"),clSource:c("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const d=()=>{s?.({eventInfo:{eventSubject:"userConsent",eventDescription:"\u7528\u6237\u6388\u6743\u3010\u64CD\u4F5C\u7ED3\u679C\u3011",consentResult:"0",consentTags:"[]",rtc:null,requestId:null,sessionID:null}}),r?.(!0),window.localStorage.setItem(Hi,"yes")};return v.createElement("div",{className:"consent-bg"},v.createElement("div",{className:"consent"},v.createElement("div",{className:"consent-col"},v.createElement("div",{className:"consent-title"},i??"Privacy Policy"),v.createElement("div",{className:"consent-content"},n??"This site uses cookies to improve your online experience. By continuing to use the site please agree the policy first.")),v.createElement("div",{className:"consent-col"},v.createElement("button",{className:"consent-btn",onClick:d},"Agree"),v.createElement("a",{className:"consent-policy",target:"_blank",href:o},l??"More information"))))};var Kn=he(Jn);const Gi=It({rtcList:[],tagList:[]});var Qt;(function(t){t[t.BFF=5]="BFF"})(Qt||(Qt={}));const $i=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Qn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:r=!1,sxpParameter:s,appDomain:a,hashTagSize:c,loadingImage:d,isOpenHashTag:p=!1,enabledMetaConversionApi:m=!1,consentHeight:w,consentWidth:y,isShowTag:S=!0,isOpenConsent:C=!1,globalConfig:u})=>{var b,f,x,k,h,P,I;const[g,E]=H([]),[A,T]=H([]),[D,O]=H(!1),[L,F]=H({rtc:"",requestId:""}),V=ee(null),B=ee(!1),[N,z]=H(()=>!!window.localStorage.getItem(Hi)),[j,_]=H(),[$,R]=H(),[W,K]=H(p),[oe,q]=H([]),[be,Y]=H(0),[de,Q]=H(!1),[ie,Se]=H(null),Ae=ee(),Ne=ee();Z(()=>{const U=G=>{Ae.current=G};return st.on(Je.CHANGE_THEME_TAG,U),()=>{st.off(Je.CHANGE_THEME_TAG,U)}},[]),Z(()=>{K(p)},[p]);const We=te(()=>e?.find(U=>U.type===Qt.BFF),[e]),X=ae((U,G)=>{if(!We)return;const ve=We.url,Ee=Ui();if(G?.query){const Te=Xt.stringify(G.query);U=`${U}?${Te}`}return G.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ve}/api/v1${U}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},We.headers),{"x-user-id":Ee}),G.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ve}/api/v1${U}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":Ee},We.headers),method:G.method,body:JSON.stringify(G.body)}).then(Te=>Te.json()).catch(Te=>Promise.reject(Te))},[We]),me=ae(U=>Fe(void 0,void 0,void 0,function*(){var G,ve,Ee,Te,_e;if(U={maxSize:(G=U?.maxSize)!==null&&G!==void 0?G:o,defaultSize:(ve=U?.defaultSize)!==null&&ve!==void 0?ve:l,"itemFilter.itemId":U?.["itemFilter.itemId"],"itemFilter.itemType":U?.["itemFilter.itemType"],hashTag:U?.hashTag,traceInfo:U?.traceInfo,themeTag:U?.themeTag},i){const ke=(_e=(Te=(Ee=i?.split("&"))===null||Ee===void 0?void 0:Ee.filter(ot=>{const ut=ot.split("=")[0];return $i.includes(ut)}))===null||Te===void 0?void 0:Te.join("&"))!==null&&_e!==void 0?_e:"";U=Object.assign(Object.assign({},U),{channel:decodeURIComponent(ke)})}const xe=yield X?.("/recommend/list",{method:"GET",query:U});if(xe?.success)return U?.hashTag||F({rtc:xe.data.rtc,requestId:xe.data.requestId}),xe?.data}),[X,i,o,l]),we=ae(()=>Fe(void 0,void 0,void 0,function*(){var U,G;if(g.length<=0)return;const ve=yield me({hashTag:$?.hashTag,"itemFilter.itemId":$?.itemId,"itemFilter.itemType":$?.itemType,themeTag:Ae.current});E(g.concat((U=ve?.recList)!==null&&U!==void 0?U:[])),q(oe.concat((G=ve?.recList)!==null&&G!==void 0?G:[]))}),[me,g,$,oe]),le=ae(({userInfo:U,eventInfo:G})=>{if(!n)return;U||(U={});const ve=Wn(),Ee=Object.assign({sessionID:ve,rtc:L.rtc,requestId:L.requestId},G),Te=Object.entries(U).map(([xe,ke])=>({name:xe,value:ke})),_e=Object.entries(Ee).map(([xe,ke])=>ke&&{name:xe,value:ke}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",U),console.log("eventInfo:",Ee),console.log("========= \u7ED3\u675F ========="),X?.("/event/report",{method:"POST",body:{userInfo:Te,eventInfo:_e},type:"beacon"})},[X,L,n]),Qe=ae(U=>{var G,{eventName:ve,actionSource:Ee="website",eventSourceUrl:Te=(G=window?.location)===null||G===void 0?void 0:G.href,externalId:_e}=U;if(!n||!m)return;const xe=Ui();return X?.("/fb/events",{method:"POST",body:{eventName:ve,actionSource:Ee,eventSourceUrl:Te,userData:{externalId:xe}},type:"beacon"})},[X,n,m]),Le=ae(U=>Fe(void 0,void 0,void 0,function*(){const G=yield X?.("/recommend/like",{method:"POST",body:U});return G?.success}),[X]),nt=ae(U=>Fe(void 0,void 0,void 0,function*(){const G=yield X?.("/recommend/unlike",{method:"POST",body:U});return G?.success}),[X]),Ze=ae(U=>Fe(void 0,void 0,void 0,function*(){const G=yield X?.("/customform",{method:"POST",body:U});return G?.success}),[X]),De=ae(()=>Fe(void 0,void 0,void 0,function*(){var U,G,ve,Ee,Te;if(!(!i||!S))try{const _e=(ve=(G=(U=i?.split("&"))===null||U===void 0?void 0:U.filter(ke=>{const ot=ke.split("=")[0];return $i.includes(ot)}))===null||G===void 0?void 0:G.join("&"))!==null&&ve!==void 0?ve:"",xe=yield X?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(_e)}});T((Te=(Ee=xe?.data)===null||Ee===void 0?void 0:Ee.tags)!==null&&Te!==void 0?Te:[])}catch(_e){console.log("e",_e)}}),[X,i,S]),Yt=ae((U,G,ve,Ee)=>{var Te,_e,xe,ke,ot,ut,St,M,re,J,pe,fe;const ce=ve?.bindCta,ne=((Te=G?.video)===null||Te===void 0?void 0:Te.bindProduct)||((_e=G?.video)===null||_e===void 0?void 0:_e.bindProducts)&&((ke=(xe=G?.video)===null||xe===void 0?void 0:xe.bindProducts)===null||ke===void 0?void 0:ke.length)>0;let ue="";de?ue="hashTagPage":!((ot=G?.video)===null||ot===void 0)&&ot.url?ue="videoPage":!((St=(ut=G?.video)===null||ut===void 0?void 0:ut.imgUrls)===null||St===void 0)&&St.length&&(ue="imagePage"),le?.({eventInfo:Object.assign(Object.assign({},U),{ctaId:(M=ce?.itemId)!==null&&M!==void 0?M:"",ctaName:(re=ce?.title)!==null&&re!==void 0?re:"",contentTags:JSON.stringify(ce?.tags),position:Ee+"",contentId:(pe=(J=G?.video)===null||J===void 0?void 0:J.itemId)!==null&&pe!==void 0?pe:"",productId:ne?ve?.itemId:"",traceInfo:(fe=ce?.traceInfo)!==null&&fe!==void 0?fe:"",fromKName:ue})})},[le,de]),wt=ae(()=>{var U,G;const ve=location.search.slice(1),Ee=Xt.parse(ve.replace(/\+/g,"%2B"));for(const xe in Ee)Ee[xe]=Ee[xe].replace(/%2B/g,"+");const Te=xe=>{var ke;return(ke=Ee[xe])!==null&&ke!==void 0?ke:""},_e=new Date;Ne.current=_e,le?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:Te("utm_source"),utmMedium:Te("utm_medium"),utmCampaign:Te("utm_campaign"),utmId:Te("utm_id"),utmContent:Te("utm_content"),enterTime:Math.floor(_e/1e3)+"",requestId:null,enterUrl:(G=(U=window?.location)===null||U===void 0?void 0:U.href)!==null&&G!==void 0?G:"",clSource:Te("cl_source")}})},[le]);Z(()=>{wt()},[]),Z(()=>{N&&(O(!0),De(),me().then(U=>{var G,ve;E((G=U?.recList)!==null&&G!==void 0?G:[]),q((ve=U?.recList)!==null&&ve!==void 0?ve:[])}).finally(()=>{le({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),O(!1),B.current=!0}))},[N]),Z(()=>{B.current&&(O(!0),De(),me().then(U=>{var G,ve;E((G=U?.recList)!==null&&G!==void 0?G:[]),q((ve=U?.recList)!==null&&ve!==void 0?ve:[])}).finally(()=>{O(!1)}))},[me,De]);const Dt=Ye("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",a);return v.createElement(Gi.Provider,{value:{rtcList:g,setRtcList:E,mutateLike:Le,mutateUnlike:nt,submitForm:Ze,popupDetailData:j,loadVideos:we,setPopupDetailData:_,getRecommendVideos:me,bffEventReport:le,utmVal:i,isPreview:r,loading:D,sxpParameter:s,waterFallData:$,setWaterFallData:R,ctaEvent:Yt,swiperRef:V,openHashtag:W,setOpenHashtag:K,cacheRtcList:oe,setCacheRtcList:q,cacheActiveIndex:be,setCacheActiveIndex:Y,isFromHashtag:de,setIsFromHashtag:Q,appDomain:a,hashTagSize:c,loadingImage:d??Dt,isOpenHashTag:p,tagList:A,setLoading:O,videoRef:ie,setVideoRef:Se,bffFbReport:Qe,isAgreePolicy:N,setIsAgreePolicy:z,curTime:Ne,h5EnterLink:wt,themeTag:Ae}},!((k=(x=(f=(b=u?.consent)===null||b===void 0?void 0:b[0])===null||f===void 0?void 0:f.item)===null||x===void 0?void 0:x.props)===null||k===void 0)&&k.privacy_necessity&&!N||C?v.createElement(Kn,Object.assign({},(I=(P=(h=u?.consent)===null||h===void 0?void 0:h[0])===null||P===void 0?void 0:P.item)===null||I===void 0?void 0:I.props)):t({rtcList:g,mutateLike:Le,mutateUnlike:nt,submitForm:Ze,tagList:A}))};var Wi=he(Qn);function ye(){return Et(Gi)}var Yi;(function(t){t.STRING="string",t.NUMBER="number",t.ARRAY="array",t.OBJECT="object",t.BOOLEAN="boolean",t.ARRAY_OBJECT="array-object",t.ARRAY_STRING="array-string",t.ARRAY_NUMBER="array-number"})(Yi||(Yi={}));const qi=It({$store:{},options:[],configs:[]}),Zn=({children:t,isSsr:e,enable:i})=>{const[n,o]=H([]),{schema:l}=lt(),[r,s]=H(l.__STORE__||{}),[a,c]=H([]);Z(()=>{var m;e||Oi(a,l?.dataSource)||c((m=l?.dataSource)!==null&&m!==void 0?m:[])},[l?.dataSource,e]);const d=ae(()=>Fe(void 0,void 0,void 0,function*(){const{$store:m,idMapName:w}=yield Ni("",a);s(m),p(m,w)}),[a]),p=(m,w)=>{const y=[];Object.entries(m).forEach(([S,C])=>{Object.keys(C).forEach(u=>{const b={label:`${w[S]} - ${u}`,value:`{{ ${S}.${u} }}`};y.push(b)})}),o(y)};return Z(()=>{e||d()},[d,e,l]),i?v.createElement(qi.Provider,{value:{$store:l.__STORE__||r,options:n,configs:a}},t):t};var eo=he(Zn);const Lt={id:Mt(6,10),item:{type:"common",h:300,category:"block",displayName:"block",isFirstLayout:!0,w:1e3},point:{i:"x-0",x:-38.34375,y:0,w:1e3,h:300,isBounded:!0,actualX:0,actualY:0},pathArr:[0],positionY:0},Zt={id:"",duration:0,name:"none"},Xi=v.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Lt],redoStack:[],popup:Zt,setPopup:()=>{}}),Ji=Ot(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},r)=>{const[s,a]=H(null),[c,d]=H(n||{pointData:[Lt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[p,m]=H([Lt]),[w,y]=H([[Lt]]),[S,C]=H([]),[u,b]=H(Zt);typeof window<"u"&&(window.sxpPopup=(P,I)=>{b(Object.assign(Object.assign(Object.assign({},Zt),{id:P}),I))}),typeof window<"u"&&(window.getJointUtmLink=P=>P?.indexOf("?")!==-1?P+(l?"&"+l:""):P+(l?"?"+l:"")),Z(()=>{y([c.pointData]),C([])},[c.type]);const f=ae(P=>{const I=xt(c);I&&(I.dataSource=P,d?.(I))},[c]),[x,k]=H();Li(r,()=>({loadSchema(P){P&&(y([P.pointData]),d(P))},exportSchema(){return xt(c)},getPageInfoData(){return x},initPageInfoData(P){P&&k(P)}}));const h=te(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return v.createElement(Xi.Provider,{value:{resolver:e,currentNode:s,schema:c,setCurrentNode:a,setSchema:d,saveDataSource:f,prePiontData:p,setPrePiontData:m,pageInfoData:x,setPageInfoData:P=>k(Object.assign(Object.assign({},x),P)),undoStack:w,redoStack:S,setRedoStack:C,setUndoStack:y,getCurPageConf:h,popup:u,setPopup:b}},v.createElement(eo,{isSsr:i,enable:o},t))});var to=Object.freeze({__proto__:null,EditorCore:Ji}),io=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ge=[{label:"defalut",value:"appFont"}],ei=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),no=ei&&ei!==""?JSON.parse(ei):[];var Ge={fontOptions:[...ge,...no]},ti,ii,ni,oo=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ge,initialValue:(ti=ge?.[0])===null||ti===void 0?void 0:ti.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Ge?.fontOptions,initialValue:(ni=(ii=Ge?.fontOptions)===null||ii===void 0?void 0:ii[0])===null||ni===void 0?void 0:ni.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function He(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=ye(),o=ae((s,a,c,d)=>{var p,m,w,y,S,C,u,b,f,x,k,h,P,I;let g="";e&&(!((m=(p=s?.video)===null||p===void 0?void 0:p.bindProducts)===null||m===void 0)&&m.length||!((w=s?.video)===null||w===void 0)&&w.bindProduct)?g="pdpPage":n?g="hashTagPage":!((y=s?.video)===null||y===void 0)&&y.url?g="videoPage":!((S=s?.video)===null||S===void 0)&&S.imgUrls&&(!((u=(C=s?.video)===null||C===void 0?void 0:C.imgUrls)===null||u===void 0)&&u.length)?g="imagePage":s?.product&&(g="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(b=a?.itemId)!==null&&b!==void 0?b:"",productName:(f=a?.title)!==null&&f!==void 0?f:"",price:a?.price?a?.price+"":"0",productCollection:(x=a?.collection)!==null&&x!==void 0?x:"",fromKName:g,fromKPage:location?.href,contentTags:a?.tags?JSON.stringify(a?.tags):"",position:d+"",contentId:(h=(k=s?.video)===null||k===void 0?void 0:k.itemId)!==null&&h!==void 0?h:"",ctatId:(P=c?.itemId)!==null&&P!==void 0?P:"",traceInfo:(I=a?.traceInfo)!==null&&I!==void 0?I:""}})},[t,e,n]),l=ae((s,a,c,d,p)=>{var m,w,y,S;let C="";e&&(!((w=(m=s?.video)===null||m===void 0?void 0:m.bindProducts)===null||w===void 0)&&w.length||!((y=s?.video)===null||y===void 0)&&y.bindProduct)?C="pdpPage":s?.product&&(C="productPage"),t?.({eventInfo:{productId:a?.itemId,productName:a?.title,price:a?.price?a?.price+"":"0",productCollection:a?.collection,fromKName:C,fromKPage:location?.href,contentTags:JSON.stringify(a?.tags),position:p+"",contentId:(S=s?.video)===null||S===void 0?void 0:S.itemId,ctatId:c?.itemId,traceInfo:a?.traceInfo,timeOnSite:Math.floor((new Date-d)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),r=ae((s,a,c)=>{t?.({eventInfo:{lastFeed:s,themeTags:a?`[${a}]`:"",hashTags:c?`[${c}]`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:o,productView:l,backMainFeed:r}}const lo=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:r,submitText:s,layoutType:a,isExternalLink:c,isPopup:d,onClick:p,onClose:m,submitButtonStyle:w}=t,y=Me(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:S,popupDetailData:C}=ye(),{jumpToWeb:u}=He(),b=ee(),[f,x]=H(!1),k=te(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),h=te(()=>{if(a===void 0){const I=xt(e)||k;return I?.map(g=>Object.assign(Object.assign({},g),{title:void 0,fieldProps:{placeholder:g?.title}}))}else return xt(e)||k},[a,e,k]),P=qt(()=>Fe(void 0,void 0,void 0,function*(){var I,g,E,A,T,D;const O=yield(I=b?.current)===null||I===void 0?void 0:I.getFieldsValue();if(!O)return;const L=(E=(g=Object.keys(O))===null||g===void 0?void 0:g.map(V=>{var B;return{name:V,value:(B=O[V])!==null&&B!==void 0?B:""}}))===null||E===void 0?void 0:E.filter(V=>V?.value);if(!L||!L?.length)return;x(!0);const F=yield S?.({attributes:L});if(x(!1),F){if(c){const V=C,B=(A=V?.video)===null||A===void 0?void 0:A.bindProduct,N=(D=(T=V?.video)===null||T===void 0?void 0:T.bindProduct)===null||D===void 0?void 0:D.bindCta,z=C?.index;u(V,B,N,z)}d||m?.(),p?.()}}),1e3);return v.createElement("div",{className:"pb-appoint-form"},v.createElement("div",{className:`pb-appoint-form-title ${se(Object.assign({},o))}`},n),v.createElement("div",Object.assign({className:se(Object.assign({},i))},y),v.createElement("div",{className:"pb-appoint-form-container"},v.createElement(Bn,{columns:h,submitter:!1,layout:a,autoFocusFirstInput:!1,size:"large",formRef:b,className:"panel-reset"}))),v.createElement("div",{className:"pb-appoint-form-btn-wrapper"},v.createElement("button",{onClick:P,className:"pb-appoint-form-btn",style:Object.assign({color:r,background:l},w)},f?v.createElement(v.Fragment,null,"loading..."):s)))};var so=he(lo);function Ue(t,e){return t.extend=e,t}const ao=Ue(so,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:oo,bindableProps:[],interactionRender:io},defaulSetting:{name:"\u8868\u5355",props:{title:"Appointment Booking",submitColor:"#fff",submitBgColor:"#000",submitText:"Submit",layoutType:void 0},style:{},textStyle:{fontSize:14,color:"#000",textAlign:"center"}},w:100,h:40,sort:2});var oi,li,ro=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ge,name:["fontFamily"],initialValue:(oi=ge?.[0])===null||oi===void 0?void 0:oi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ge,initialValue:(li=ge?.[0])===null||li===void 0?void 0:li.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Ki(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function si(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Ki(e[i])&&Ki(t[i])&&Object.keys(e[i]).length>0&&si(t[i],e[i])})}const Qi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function Ke(){const t=typeof document<"u"?document:{};return si(t,Qi),t}const co={document:Qi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Ve(){const t=typeof window<"u"?window:{};return si(t,co),t}function dt(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function uo(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function gt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function qe(){return Date.now()}function po(t){const e=Ve();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function vo(t,e){e===void 0&&(e="x");const i=Ve();let n,o,l;const r=po(t);return i.WebKitCSSMatrix?(o=r.transform||r.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function jt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function fo(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function $e(){const t=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let i=1;i<arguments.length;i+=1){const n=i<0||arguments.length<=i?void 0:arguments[i];if(n!=null&&!fo(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,r=o.length;l<r;l+=1){const s=o[l],a=Object.getOwnPropertyDescriptor(n,s);a!==void 0&&a.enumerable&&(jt(t[s])&&jt(n[s])?n[s].__swiper__?t[s]=n[s]:$e(t[s],n[s]):!jt(t[s])&&jt(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:$e(t[s],n[s])):t[s]=n[s])}}}return t}function Nt(t,e,i){t.style.setProperty(e,i)}function Zi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=Ve(),l=-e.translate;let r=null,s;const a=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",d=(m,w)=>c==="next"&&m>=w||c==="prev"&&m<=w,p=()=>{s=new Date().getTime(),r===null&&(r=s);const m=Math.max(Math.min((s-r)/a,1),0),w=.5-Math.cos(m*Math.PI)/2;let y=l+w*(i-l);if(d(y,i)&&(y=i),e.wrapperEl.scrollTo({[n]:y}),d(y,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:y})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(p)};p()}function et(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Bt(t){try{console.warn(t);return}catch{}}function Ct(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:dt(e)),i}function mo(t){const e=Ve(),i=Ke(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,r=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,a=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+a-r}}function ho(t,e){const i=[];for(;t.previousElementSibling;){const n=t.previousElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function go(t,e){const i=[];for(;t.nextElementSibling;){const n=t.nextElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function ct(t,e){return Ve().getComputedStyle(t,null).getPropertyValue(e)}function zt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function en(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function ai(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function ri(t,e,i){const n=Ve();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function tt(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function bo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ve();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let r,s=qe(),a;const c=[];function d(f){let P=0,I=0,g=0,E=0;return"detail"in f&&(I=f.detail),"wheelDelta"in f&&(I=-f.wheelDelta/120),"wheelDeltaY"in f&&(I=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(P=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(P=I,I=0),g=P*10,E=I*10,"deltaY"in f&&(E=f.deltaY),"deltaX"in f&&(g=f.deltaX),f.shiftKey&&!g&&(g=E,E=0),(g||E)&&f.deltaMode&&(f.deltaMode===1?(g*=40,E*=40):(g*=800,E*=800)),g&&!P&&(P=g<1?-1:1),E&&!I&&(I=E<1?-1:1),{spinX:P,spinY:I,pixelX:g,pixelY:E}}function p(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function w(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&qe()-s<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&qe()-s<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",f.raw)),s=new l.Date().getTime(),!1)}function y(f){const x=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&x.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&x.releaseOnEdges)return!0;return!1}function S(f){let x=f,k=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const h=e.params.mousewheel;e.params.cssMode&&x.preventDefault();let P=e.el;e.params.mousewheel.eventsTarget!=="container"&&(P=document.querySelector(e.params.mousewheel.eventsTarget));const I=P&&P.contains(x.target);if(!e.mouseEntered&&!I&&!h.releaseOnEdges)return!0;x.originalEvent&&(x=x.originalEvent);let g=0;const E=e.rtlTranslate?-1:1,A=d(x);if(h.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))g=-A.pixelX*E;else return!0;else if(Math.abs(A.pixelY)>Math.abs(A.pixelX))g=-A.pixelY;else return!0;else g=Math.abs(A.pixelX)>Math.abs(A.pixelY)?-A.pixelX*E:-A.pixelY;if(g===0)return!0;h.invert&&(g=-g);let T=e.getTranslate()+g*h.sensitivity;if(T>=e.minTranslate()&&(T=e.minTranslate()),T<=e.maxTranslate()&&(T=e.maxTranslate()),k=e.params.loop?!0:!(T===e.minTranslate()||T===e.maxTranslate()),k&&e.params.nested&&x.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const D={time:qe(),delta:Math.abs(g),direction:Math.sign(g),raw:f};c.length>=2&&c.shift();const O=c.length?c[c.length-1]:void 0;if(c.push(D),O?(D.direction!==O.direction||D.delta>O.delta||D.time>O.time+150)&&w(D):w(D),y(D))return!0}else{const D={time:qe(),delta:Math.abs(g),direction:Math.sign(g)},O=a&&D.time<a.time+500&&D.delta<=a.delta&&D.direction===a.direction;if(!O){a=void 0;let L=e.getTranslate()+g*h.sensitivity;const F=e.isBeginning,V=e.isEnd;if(L>=e.minTranslate()&&(L=e.minTranslate()),L<=e.maxTranslate()&&(L=e.maxTranslate()),e.setTransition(0),e.setTranslate(L),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!F&&e.isBeginning||!V&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:D.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(r),r=void 0,c.length>=15&&c.shift();const B=c.length?c[c.length-1]:void 0,N=c[0];if(c.push(D),B&&(D.delta>B.delta||D.direction!==B.direction))c.splice(0);else if(c.length>=15&&D.time-N.time<500&&N.delta-D.delta>=1&&D.delta<=6){const z=g>0?.8:.2;a=D,c.splice(0),r=gt(()=>{e.slideToClosest(e.params.speed,!0,void 0,z)},0)}r||(r=gt(()=>{a=D,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(O||o("scroll",x),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),h.releaseOnEdges&&(L===e.minTranslate()||L===e.maxTranslate()))return!0}}return x.preventDefault?x.preventDefault():x.returnValue=!1,!1}function C(f){let x=e.el;e.params.mousewheel.eventsTarget!=="container"&&(x=document.querySelector(e.params.mousewheel.eventsTarget)),x[f]("mouseenter",p),x[f]("mouseleave",m),x[f]("wheel",S)}function u(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",S),!0):e.mousewheel.enabled?!1:(C("addEventListener"),e.mousewheel.enabled=!0,!0)}function b(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,S),!0):e.mousewheel.enabled?(C("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&b(),e.params.mousewheel.enabled&&u()}),n("destroy",()=>{e.params.cssMode&&u(),e.mousewheel.enabled&&b()}),Object.assign(e.mousewheel,{enable:u,disable:b})}function tn(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=et(t.el,`.${n[o]}`)[0];l||(l=Ct("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function bt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Ft(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:u=>u,formatFractionTotal:u=>u,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let r,s=0;function a(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(u,b){const{bulletActiveClass:f}=e.params.pagination;u&&(u=u[`${b==="prev"?"previous":"next"}ElementSibling`],u&&(u.classList.add(`${f}-${b}`),u=u[`${b==="prev"?"previous":"next"}ElementSibling`],u&&u.classList.add(`${f}-${b}-${b}`)))}function d(u){const b=u.target.closest(bt(e.params.pagination.bulletClass));if(!b)return;u.preventDefault();const f=zt(b)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function p(){const u=e.rtl,b=e.params.pagination;if(a())return;let f=e.pagination.el;f=tt(f);let x,k;const h=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,P=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,x=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(x=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,x=e.activeIndex||0),b.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let g,E,A;if(b.dynamicBullets&&(r=ri(I[0],e.isHorizontal()?"width":"height",!0),f.forEach(T=>{T.style[e.isHorizontal()?"width":"height"]=`${r*(b.dynamicMainBullets+4)}px`}),b.dynamicMainBullets>1&&k!==void 0&&(s+=x-(k||0),s>b.dynamicMainBullets-1?s=b.dynamicMainBullets-1:s<0&&(s=0)),g=Math.max(x-s,0),E=g+(Math.min(I.length,b.dynamicMainBullets)-1),A=(E+g)/2),I.forEach(T=>{const D=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(O=>`${b.bulletActiveClass}${O}`)].map(O=>typeof O=="string"&&O.includes(" ")?O.split(" "):O).flat();T.classList.remove(...D)}),f.length>1)I.forEach(T=>{const D=zt(T);D===x?T.classList.add(...b.bulletActiveClass.split(" ")):e.isElement&&T.setAttribute("part","bullet"),b.dynamicBullets&&(D>=g&&D<=E&&T.classList.add(...`${b.bulletActiveClass}-main`.split(" ")),D===g&&c(T,"prev"),D===E&&c(T,"next"))});else{const T=I[x];if(T&&T.classList.add(...b.bulletActiveClass.split(" ")),e.isElement&&I.forEach((D,O)=>{D.setAttribute("part",O===x?"bullet-active":"bullet")}),b.dynamicBullets){const D=I[g],O=I[E];for(let L=g;L<=E;L+=1)I[L]&&I[L].classList.add(...`${b.bulletActiveClass}-main`.split(" "));c(D,"prev"),c(O,"next")}}if(b.dynamicBullets){const T=Math.min(I.length,b.dynamicMainBullets+4),D=(r*T-r)/2-A*r,O=u?"right":"left";I.forEach(L=>{L.style[e.isHorizontal()?O:"top"]=`${D}px`})}}f.forEach((I,g)=>{if(b.type==="fraction"&&(I.querySelectorAll(bt(b.currentClass)).forEach(E=>{E.textContent=b.formatFractionCurrent(x+1)}),I.querySelectorAll(bt(b.totalClass)).forEach(E=>{E.textContent=b.formatFractionTotal(P)})),b.type==="progressbar"){let E;b.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const A=(x+1)/P;let T=1,D=1;E==="horizontal"?T=A:D=A,I.querySelectorAll(bt(b.progressbarFillClass)).forEach(O=>{O.style.transform=`translate3d(0,0,0) scaleX(${T}) scaleY(${D})`,O.style.transitionDuration=`${e.params.speed}ms`})}b.type==="custom"&&b.renderCustom?(I.innerHTML=b.renderCustom(e,x+1,P),g===0&&o("paginationRender",I)):(g===0&&o("paginationRender",I),o("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](b.lockClass)})}function m(){const u=e.params.pagination;if(a())return;const b=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let f=e.pagination.el;f=tt(f);let x="";if(u.type==="bullets"){let k=e.params.loop?Math.ceil(b/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>b&&(k=b);for(let h=0;h<k;h+=1)u.renderBullet?x+=u.renderBullet.call(e,h,u.bulletClass):x+=`<${u.bulletElement} ${e.isElement?'part="bullet"':""} class="${u.bulletClass}"></${u.bulletElement}>`}u.type==="fraction"&&(u.renderFraction?x=u.renderFraction.call(e,u.currentClass,u.totalClass):x=`<span class="${u.currentClass}"></span> / <span class="${u.totalClass}"></span>`),u.type==="progressbar"&&(u.renderProgressbar?x=u.renderProgressbar.call(e,u.progressbarFillClass):x=`<span class="${u.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(k=>{u.type!=="custom"&&(k.innerHTML=x||""),u.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(bt(u.bulletClass)))}),u.type!=="custom"&&o("paginationRender",f[0])}function w(){e.params.pagination=tn(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const u=e.params.pagination;if(!u.el)return;let b;typeof u.el=="string"&&e.isElement&&(b=e.el.querySelector(u.el)),!b&&typeof u.el=="string"&&(b=[...document.querySelectorAll(u.el)]),b||(b=u.el),!(!b||b.length===0)&&(e.params.uniqueNavElements&&typeof u.el=="string"&&Array.isArray(b)&&b.length>1&&(b=[...e.el.querySelectorAll(u.el)],b.length>1&&(b=b.filter(f=>en(f,".swiper")[0]===e.el)[0])),Array.isArray(b)&&b.length===1&&(b=b[0]),Object.assign(e.pagination,{el:b}),b=tt(b),b.forEach(f=>{u.type==="bullets"&&u.clickable&&f.classList.add(...(u.clickableClass||"").split(" ")),f.classList.add(u.modifierClass+u.type),f.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.type==="bullets"&&u.dynamicBullets&&(f.classList.add(`${u.modifierClass}${u.type}-dynamic`),s=0,u.dynamicMainBullets<1&&(u.dynamicMainBullets=1)),u.type==="progressbar"&&u.progressbarOpposite&&f.classList.add(u.progressbarOppositeClass),u.clickable&&f.addEventListener("click",d),e.enabled||f.classList.add(u.lockClass)}))}function y(){const u=e.params.pagination;if(a())return;let b=e.pagination.el;b&&(b=tt(b),b.forEach(f=>{f.classList.remove(u.hiddenClass),f.classList.remove(u.modifierClass+u.type),f.classList.remove(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.clickable&&(f.classList.remove(...(u.clickableClass||"").split(" ")),f.removeEventListener("click",d))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.classList.remove(...u.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const u=e.params.pagination;let{el:b}=e.pagination;b=tt(b),b.forEach(f=>{f.classList.remove(u.horizontalClass,u.verticalClass),f.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?C():(w(),m(),p())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&p()}),n("snapIndexChange",()=>{p()}),n("snapGridLengthChange",()=>{m(),p()}),n("destroy",()=>{y()}),n("enable disable",()=>{let{el:u}=e.pagination;u&&(u=tt(u),u.forEach(b=>b.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{p()}),n("click",(u,b)=>{const f=b.target,x=tt(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&x&&x.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const k=x[0].classList.contains(e.params.pagination.hiddenClass);o(k===!0?"paginationShow":"paginationHide"),x.forEach(h=>h.classList.toggle(e.params.pagination.hiddenClass))}});const S=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=tt(u),u.forEach(b=>b.classList.remove(e.params.pagination.paginationDisabledClass))),w(),m(),p()},C=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=tt(u),u.forEach(b=>b.classList.add(e.params.pagination.paginationDisabledClass))),y()};Object.assign(e.pagination,{enable:S,disable:C,render:m,update:p,init:w,destroy:y})}function yo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ke();let r=!1,s=null,a=null,c,d,p,m;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function w(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T,rtlTranslate:D}=e,{dragEl:O,el:L}=T,F=e.params.scrollbar,V=e.params.loop?e.progressLoop:e.progress;let B=d,N=(p-d)*V;D?(N=-N,N>0?(B=d-N,N=0):-N+d>p&&(B=p+N)):N<0?(B=d+N,N=0):N+d>p&&(B=p-N),e.isHorizontal()?(O.style.transform=`translate3d(${N}px, 0, 0)`,O.style.width=`${B}px`):(O.style.transform=`translate3d(0px, ${N}px, 0)`,O.style.height=`${B}px`),F.hide&&(clearTimeout(s),L.style.opacity=1,s=setTimeout(()=>{L.style.opacity=0,L.style.transitionDuration="400ms"},1e3))}function y(T){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${T}ms`)}function S(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T}=e,{dragEl:D,el:O}=T;D.style.width="",D.style.height="",p=e.isHorizontal()?O.offsetWidth:O.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?d=p*m:d=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?D.style.width=`${d}px`:D.style.height=`${d}px`,m>=1?O.style.display="none":O.style.display="",e.params.scrollbar.hide&&(O.style.opacity=0),e.params.watchOverflow&&e.enabled&&T.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function C(T){return e.isHorizontal()?T.clientX:T.clientY}function u(T){const{scrollbar:D,rtlTranslate:O}=e,{el:L}=D;let F;F=(C(T)-mo(L)[e.isHorizontal()?"left":"top"]-(c!==null?c:d/2))/(p-d),F=Math.max(Math.min(F,1),0),O&&(F=1-F);const V=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*F;e.updateProgress(V),e.setTranslate(V),e.updateActiveIndex(),e.updateSlidesClasses()}function b(T){const D=e.params.scrollbar,{scrollbar:O,wrapperEl:L}=e,{el:F,dragEl:V}=O;r=!0,c=T.target===V?C(T)-T.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,T.preventDefault(),T.stopPropagation(),L.style.transitionDuration="100ms",V.style.transitionDuration="100ms",u(T),clearTimeout(a),F.style.transitionDuration="0ms",D.hide&&(F.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",T)}function f(T){const{scrollbar:D,wrapperEl:O}=e,{el:L,dragEl:F}=D;r&&(T.preventDefault?T.preventDefault():T.returnValue=!1,u(T),O.style.transitionDuration="0ms",L.style.transitionDuration="0ms",F.style.transitionDuration="0ms",o("scrollbarDragMove",T))}function x(T){const D=e.params.scrollbar,{scrollbar:O,wrapperEl:L}=e,{el:F}=O;r&&(r=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",L.style.transitionDuration=""),D.hide&&(clearTimeout(a),a=gt(()=>{F.style.opacity=0,F.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",T),D.snapOnRelease&&e.slideToClosest())}function k(T){const{scrollbar:D,params:O}=e,L=D.el;if(!L)return;const F=L,V=O.passiveListeners?{passive:!1,capture:!1}:!1,B=O.passiveListeners?{passive:!0,capture:!1}:!1;if(!F)return;const N=T==="on"?"addEventListener":"removeEventListener";F[N]("pointerdown",b,V),l[N]("pointermove",f,V),l[N]("pointerup",x,B)}function h(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function P(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function I(){const{scrollbar:T,el:D}=e;e.params.scrollbar=tn(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const O=e.params.scrollbar;if(!O.el)return;let L;if(typeof O.el=="string"&&e.isElement&&(L=e.el.querySelector(O.el)),!L&&typeof O.el=="string"){if(L=l.querySelectorAll(O.el),!L.length)return}else L||(L=O.el);e.params.uniqueNavElements&&typeof O.el=="string"&&L.length>1&&D.querySelectorAll(O.el).length===1&&(L=D.querySelector(O.el)),L.length>0&&(L=L[0]),L.classList.add(e.isHorizontal()?O.horizontalClass:O.verticalClass);let F;L&&(F=L.querySelector(bt(e.params.scrollbar.dragClass)),F||(F=Ct("div",e.params.scrollbar.dragClass),L.append(F))),Object.assign(T,{el:L,dragEl:F}),O.draggable&&h(),L&&L.classList[e.enabled?"remove":"add"](...dt(e.params.scrollbar.lockClass))}function g(){const T=e.params.scrollbar,D=e.scrollbar.el;D&&D.classList.remove(...dt(e.isHorizontal()?T.horizontalClass:T.verticalClass)),P()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const T=e.params.scrollbar;let{el:D}=e.scrollbar;D=tt(D),D.forEach(O=>{O.classList.remove(T.horizontalClass,T.verticalClass),O.classList.add(e.isHorizontal()?T.horizontalClass:T.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(I(),S(),w())}),n("update resize observerUpdate lock unlock changeDirection",()=>{S()}),n("setTranslate",()=>{w()}),n("setTransition",(T,D)=>{y(D)}),n("enable disable",()=>{const{el:T}=e.scrollbar;T&&T.classList[e.enabled?"remove":"add"](...dt(e.params.scrollbar.lockClass))}),n("destroy",()=>{g()});const E=()=>{e.el.classList.remove(...dt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...dt(e.params.scrollbar.scrollbarDisabledClass)),I(),S(),w()},A=()=>{e.el.classList.add(...dt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...dt(e.params.scrollbar.scrollbarDisabledClass)),g()};Object.assign(e.scrollbar,{enable:E,disable:A,updateSize:S,setTranslate:w,init:I,destroy:g})}function Vt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let r,s,a=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,d,p=new Date().getTime(),m,w,y,S,C,u,b;function f(B){!e||e.destroyed||!e.wrapperEl||B.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!b&&E())}const x=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=d,m=!1);const B=e.autoplay.paused?d:p+c-new Date().getTime();e.autoplay.timeLeft=B,o("autoplayTimeLeft",B,B/a),s=requestAnimationFrame(()=>{x()})},k=()=>{let B;return e.virtual&&e.params.virtual.enabled?B=e.slides.filter(z=>z.classList.contains("swiper-slide-active"))[0]:B=e.slides[e.activeIndex],B?parseInt(B.getAttribute("data-swiper-autoplay"),10):void 0},h=B=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),x();let N=typeof B>"u"?e.params.autoplay.delay:B;a=e.params.autoplay.delay,c=e.params.autoplay.delay;const z=k();!Number.isNaN(z)&&z>0&&typeof B>"u"&&(N=z,a=z,c=z),d=N;const j=e.params.speed,_=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(j,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,j,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(j,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,j,!0,!0),o("autoplay")),e.params.cssMode&&(p=new Date().getTime(),requestAnimationFrame(()=>{h()})))};return N>0?(clearTimeout(r),r=setTimeout(()=>{_()},N)):requestAnimationFrame(()=>{_()}),N},P=()=>{p=new Date().getTime(),e.autoplay.running=!0,h(),o("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(r),cancelAnimationFrame(s),o("autoplayStop")},g=(B,N)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(r),B||(u=!0);const z=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):E()};if(e.autoplay.paused=!0,N){C&&(d=e.params.autoplay.delay),C=!1,z();return}d=(d||e.params.autoplay.delay)-(new Date().getTime()-p),!(e.isEnd&&d<0&&!e.params.loop)&&(d<0&&(d=0),z())},E=()=>{e.isEnd&&d<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(p=new Date().getTime(),u?(u=!1,h(d)):h(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const B=Ke();B.visibilityState==="hidden"&&(u=!0,g(!0)),B.visibilityState==="visible"&&E()},T=B=>{B.pointerType==="mouse"&&(u=!0,b=!0,!(e.animating||e.autoplay.paused)&&g(!0))},D=B=>{B.pointerType==="mouse"&&(b=!1,e.autoplay.paused&&E())},O=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",T),e.el.addEventListener("pointerleave",D))},L=()=>{e.el.removeEventListener("pointerenter",T),e.el.removeEventListener("pointerleave",D)},F=()=>{Ke().addEventListener("visibilitychange",A)},V=()=>{Ke().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(O(),F(),P())}),n("destroy",()=>{L(),V(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(y||u)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():g(!0,!0)}),n("beforeTransitionStart",(B,N,z)=>{e.destroyed||!e.autoplay.running||(z||!e.params.autoplay.disableOnInteraction?g(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}w=!0,y=!1,u=!1,S=setTimeout(()=>{u=!0,y=!0,g(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!w)){if(clearTimeout(S),clearTimeout(r),e.params.autoplay.disableOnInteraction){y=!1,w=!1;return}y&&e.params.cssMode&&E(),y=!1,w=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(C=!0)}),Object.assign(e.autoplay,{start:P,stop:I,pause:g,resume:E})}function wo(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const a=e.getTranslate();e.setTranslate(a),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function r(){if(e.params.cssMode)return;const{touchEventsData:a,touches:c}=e;a.velocities.length===0&&a.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:qe()})}function s(a){let{currentPos:c}=a;if(e.params.cssMode)return;const{params:d,wrapperEl:p,rtlTranslate:m,snapGrid:w,touchEventsData:y}=e,C=qe()-y.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<w.length?e.slideTo(w.length-1):e.slideTo(e.slides.length-1);return}if(d.freeMode.momentum){if(y.velocities.length>1){const I=y.velocities.pop(),g=y.velocities.pop(),E=I.position-g.position,A=I.time-g.time;e.velocity=E/A,e.velocity/=2,Math.abs(e.velocity)<d.freeMode.minimumVelocity&&(e.velocity=0),(A>150||qe()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=d.freeMode.momentumVelocityRatio,y.velocities.length=0;let u=1e3*d.freeMode.momentumRatio;const b=e.velocity*u;let f=e.translate+b;m&&(f=-f);let x=!1,k;const h=Math.abs(e.velocity)*20*d.freeMode.momentumBounceRatio;let P;if(f<e.maxTranslate())d.freeMode.momentumBounce?(f+e.maxTranslate()<-h&&(f=e.maxTranslate()-h),k=e.maxTranslate(),x=!0,y.allowMomentumBounce=!0):f=e.maxTranslate(),d.loop&&d.centeredSlides&&(P=!0);else if(f>e.minTranslate())d.freeMode.momentumBounce?(f-e.minTranslate()>h&&(f=e.minTranslate()+h),k=e.minTranslate(),x=!0,y.allowMomentumBounce=!0):f=e.minTranslate(),d.loop&&d.centeredSlides&&(P=!0);else if(d.freeMode.sticky){let I;for(let g=0;g<w.length;g+=1)if(w[g]>-f){I=g;break}Math.abs(w[I]-f)<Math.abs(w[I-1]-f)||e.swipeDirection==="next"?f=w[I]:f=w[I-1],f=-f}if(P&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?u=Math.abs((-f-e.translate)/e.velocity):u=Math.abs((f-e.translate)/e.velocity),d.freeMode.sticky){const I=Math.abs((m?-f:f)-e.translate),g=e.slidesSizesGrid[e.activeIndex];I<g?u=d.speed:I<2*g?u=d.speed*1.5:u=d.speed*2.5}}else if(d.freeMode.sticky){e.slideToClosest();return}d.freeMode.momentumBounce&&x?(e.updateProgress(k),e.setTransition(u),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,ai(p,()=>{!e||e.destroyed||!y.allowMomentumBounce||(n("momentumBounce"),e.setTransition(d.speed),setTimeout(()=>{e.setTranslate(k),ai(p,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(u),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,ai(p,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(d.freeMode.sticky){e.slideToClosest();return}else d.freeMode&&n("_freeModeNoMomentumRelease");(!d.freeMode.momentum||C>=d.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:r,onTouchEnd:s}})}let di;function So(){const t=Ve(),e=Ke();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function nn(){return di||(di=So()),di}let ci;function To(t){let{userAgent:e}=t===void 0?{}:t;const i=nn(),n=Ve(),o=n.navigator.platform,l=e||n.navigator.userAgent,r={ios:!1,android:!1},s=n.screen.width,a=n.screen.height,c=l.match(/(Android);?[\s\/]+([\d.]+)?/);let d=l.match(/(iPad).*OS\s([\d_]+)/);const p=l.match(/(iPod)(.*OS\s([\d_]+))?/),m=!d&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),w=o==="Win32";let y=o==="MacIntel";const S=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!d&&y&&i.touch&&S.indexOf(`${s}x${a}`)>=0&&(d=l.match(/(Version)\/([\d.]+)/),d||(d=[0,1,"13_0_0"]),y=!1),c&&!w&&(r.os="android",r.android=!0),(d||m||p)&&(r.os="ios",r.ios=!0),r}function on(t){return t===void 0&&(t={}),ci||(ci=To(t)),ci}let ui;function xo(){const t=Ve(),e=on();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[a,c]=s.split("Version/")[1].split(" ")[0].split(".").map(d=>Number(d));i=a<16||a===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),r=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:r,isWebView:o}}function Eo(){return ui||(ui=xo()),ui}function Io(t){let{swiper:e,on:i,emit:n}=t;const o=Ve();let l=null,r=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},a=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(p=>{r=o.requestAnimationFrame(()=>{const{width:m,height:w}=e;let y=m,S=w;p.forEach(C=>{let{contentBoxSize:u,contentRect:b,target:f}=C;f&&f!==e.el||(y=b?b.width:(u[0]||u).inlineSize,S=b?b.height:(u[0]||u).blockSize)}),(y!==m||S!==w)&&s()})}),l.observe(e.el))},c=()=>{r&&o.cancelAnimationFrame(r),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},d=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){a();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",d)}),i("destroy",()=>{c(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",d)})}function Co(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],r=Ve(),s=function(d,p){p===void 0&&(p={});const m=r.MutationObserver||r.WebkitMutationObserver,w=new m(y=>{if(e.__preventObserver__)return;if(y.length===1){o("observerUpdate",y[0]);return}const S=function(){o("observerUpdate",y[0])};r.requestAnimationFrame?r.requestAnimationFrame(S):r.setTimeout(S,0)});w.observe(d,{attributes:typeof p.attributes>"u"?!0:p.attributes,childList:typeof p.childList>"u"?!0:p.childList,characterData:typeof p.characterData>"u"?!0:p.characterData}),l.push(w)},a=()=>{if(e.params.observer){if(e.params.observeParents){const d=en(e.hostEl);for(let p=0;p<d.length;p+=1)s(d[p])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},c=()=>{l.forEach(d=>{d.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",a),n("destroy",c)}var _o={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,r=new Array(l),s=0;s<l;s++)r[s]=arguments[s];e.apply(n,r)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),r=0;r<o;r++)l[r]=arguments[r];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(a=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[a,...i])}),t.eventsListeners&&t.eventsListeners[a]&&t.eventsListeners[a].forEach(c=>{c.apply(n,i)})}),t}};function ko(){const t=this;let e,i;const n=t.el;typeof t.params.width<"u"&&t.params.width!==null?e=t.params.width:e=n.clientWidth,typeof t.params.height<"u"&&t.params.height!==null?i=t.params.height:i=n.clientHeight,!(e===0&&t.isHorizontal()||i===0&&t.isVertical())&&(e=e-parseInt(ct(n,"padding-left")||0,10)-parseInt(ct(n,"padding-right")||0,10),i=i-parseInt(ct(n,"padding-top")||0,10)-parseInt(ct(n,"padding-bottom")||0,10),Number.isNaN(e)&&(e=0),Number.isNaN(i)&&(i=0),Object.assign(t,{width:e,height:i,size:t.isHorizontal()?e:i}))}function Do(){const t=this;function e(E,A){return parseFloat(E.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:r,wrongRTL:s}=t,a=t.virtual&&i.virtual.enabled,c=a?t.virtual.slides.length:t.slides.length,d=et(o,`.${t.params.slideClass}, swiper-slide`),p=a?t.virtual.slides.length:d.length;let m=[];const w=[],y=[];let S=i.slidesOffsetBefore;typeof S=="function"&&(S=i.slidesOffsetBefore.call(t));let C=i.slidesOffsetAfter;typeof C=="function"&&(C=i.slidesOffsetAfter.call(t));const u=t.snapGrid.length,b=t.slidesGrid.length;let f=i.spaceBetween,x=-S,k=0,h=0;if(typeof l>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*l:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,d.forEach(E=>{r?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(Nt(n,"--swiper-centered-offset-before",""),Nt(n,"--swiper-centered-offset-after",""));const P=i.grid&&i.grid.rows>1&&t.grid;P?t.grid.initSlides(d):t.grid&&t.grid.unsetSlides();let I;const g=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(E=>typeof i.breakpoints[E].slidesPerView<"u").length>0;for(let E=0;E<p;E+=1){I=0;let A;if(d[E]&&(A=d[E]),P&&t.grid.updateSlide(E,A,d),!(d[E]&&ct(A,"display")==="none")){if(i.slidesPerView==="auto"){g&&(d[E].style[t.getDirectionLabel("width")]="");const T=getComputedStyle(A),D=A.style.transform,O=A.style.webkitTransform;if(D&&(A.style.transform="none"),O&&(A.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?ri(A,"width",!0):ri(A,"height",!0);else{const L=e(T,"width"),F=e(T,"padding-left"),V=e(T,"padding-right"),B=e(T,"margin-left"),N=e(T,"margin-right"),z=T.getPropertyValue("box-sizing");if(z&&z==="border-box")I=L+B+N;else{const{clientWidth:j,offsetWidth:_}=A;I=L+F+V+B+N+(_-j)}}D&&(A.style.transform=D),O&&(A.style.webkitTransform=O),i.roundLengths&&(I=Math.floor(I))}else I=(l-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),d[E]&&(d[E].style[t.getDirectionLabel("width")]=`${I}px`);d[E]&&(d[E].swiperSlideSize=I),y.push(I),i.centeredSlides?(x=x+I/2+k/2+f,k===0&&E!==0&&(x=x-l/2-f),E===0&&(x=x-l/2-f),Math.abs(x)<1/1e3&&(x=0),i.roundLengths&&(x=Math.floor(x)),h%i.slidesPerGroup===0&&m.push(x),w.push(x)):(i.roundLengths&&(x=Math.floor(x)),(h-Math.min(t.params.slidesPerGroupSkip,h))%t.params.slidesPerGroup===0&&m.push(x),w.push(x),x=x+I+f),t.virtualSize+=I+f,k=I,h+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+C,r&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),P&&t.grid.updateWrapperSize(I,m),!i.centeredSlides){const E=[];for(let A=0;A<m.length;A+=1){let T=m[A];i.roundLengths&&(T=Math.floor(T)),m[A]<=t.virtualSize-l&&E.push(T)}m=E,Math.floor(t.virtualSize-l)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-l)}if(a&&i.loop){const E=y[0]+f;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),T=E*i.slidesPerGroup;for(let D=0;D<A;D+=1)m.push(m[m.length-1]+T)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+E),w.push(w[w.length-1]+E),t.virtualSize+=E}if(m.length===0&&(m=[0]),f!==0){const E=t.isHorizontal()&&r?"marginLeft":t.getDirectionLabel("marginRight");d.filter((A,T)=>!i.cssMode||i.loop?!0:T!==d.length-1).forEach(A=>{A.style[E]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;y.forEach(T=>{E+=T+(f||0)}),E-=f;const A=E-l;m=m.map(T=>T<=0?-S:T>A?A+C:T)}if(i.centerInsufficientSlides){let E=0;if(y.forEach(A=>{E+=A+(f||0)}),E-=f,E<l){const A=(l-E)/2;m.forEach((T,D)=>{m[D]=T-A}),w.forEach((T,D)=>{w[D]=T+A})}}if(Object.assign(t,{slides:d,snapGrid:m,slidesGrid:w,slidesSizesGrid:y}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){Nt(n,"--swiper-centered-offset-before",`${-m[0]}px`),Nt(n,"--swiper-centered-offset-after",`${t.size/2-y[y.length-1]/2}px`);const E=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(T=>T+E),t.slidesGrid=t.slidesGrid.map(T=>T+A)}if(p!==c&&t.emit("slidesLengthChange"),m.length!==u&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),w.length!==b&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!a&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(E);p<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(E):A&&t.el.classList.remove(E)}}function Ao(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const r=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(r(s))}else i.push(r(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Po(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function Oo(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let r=-t;o&&(r=t),n.forEach(a=>{a.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let a=0;a<n.length;a+=1){const c=n[a];let d=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(d-=n[0].swiperSlideOffset);const p=(r+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),m=(r-l[0]+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),w=-(r-d),y=w+e.slidesSizesGrid[a],S=w>=0&&w<=e.size-e.slidesSizesGrid[a];(w>=0&&w<e.size-1||y>1&&y<=e.size||w<=0&&y>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(a),n[a].classList.add(i.slideVisibleClass)),S&&n[a].classList.add(i.slideFullyVisibleClass),c.progress=o?-p:p,c.originalProgress=o?-m:m}}function Mo(t){const e=this;if(typeof t>"u"){const d=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*d||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:r,progressLoop:s}=e;const a=l,c=r;if(n===0)o=0,l=!0,r=!0;else{o=(t-e.minTranslate())/n;const d=Math.abs(t-e.minTranslate())<1,p=Math.abs(t-e.maxTranslate())<1;l=d||o<=0,r=p||o>=1,d&&(o=0),p&&(o=1)}if(i.loop){const d=e.getSlideIndexByData(0),p=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[d],w=e.slidesGrid[p],y=e.slidesGrid[e.slidesGrid.length-1],S=Math.abs(t);S>=m?s=(S-m)/y:s=(S+y-w)/y,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:r}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!a&&e.emit("reachBeginning toEdge"),r&&!c&&e.emit("reachEnd toEdge"),(a&&!l||c&&!r)&&e.emit("fromEdge"),e.emit("progress",o)}function Lo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,r=t.grid&&i.grid&&i.grid.rows>1,s=p=>et(n,`.${i.slideClass}${p}, swiper-slide${p}`)[0];e.forEach(p=>{p.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let a,c,d;if(l)if(i.loop){let p=o-t.virtual.slidesBefore;p<0&&(p=t.virtual.slides.length+p),p>=t.virtual.slides.length&&(p-=t.virtual.slides.length),a=s(`[data-swiper-slide-index="${p}"]`)}else a=s(`[data-swiper-slide-index="${o}"]`);else r?(a=e.filter(p=>p.column===o)[0],d=e.filter(p=>p.column===o+1)[0],c=e.filter(p=>p.column===o-1)[0]):a=e[o];a&&(a.classList.add(i.slideActiveClass),r?(d&&d.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(d=go(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!d&&(d=e[0]),d&&d.classList.add(i.slideNextClass),c=ho(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Rt=(t,e)=>{if(!t||t.destroyed||!t.params)return;const i=()=>t.isElement?"swiper-slide":`.${t.params.slideClass}`,n=e.closest(i());if(n){let o=n.querySelector(`.${t.params.lazyPreloaderClass}`);!o&&t.isElement&&(n.shadowRoot?o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),o&&o.remove())})),o&&o.remove()}},pi=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},vi=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const r=o,s=[r-e];s.push(...Array.from({length:e}).map((a,c)=>r+n+c)),t.slides.forEach((a,c)=>{s.includes(a.column)&&pi(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let r=o-e;r<=l+e;r+=1){const s=(r%i+i)%i;(s<o||s>l)&&pi(t,s)}else for(let r=Math.max(o-e,0);r<=Math.min(l+e,i-1);r+=1)r!==o&&(r>l||r<o)&&pi(t,r)};function jo(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let o;for(let l=0;l<e.length;l+=1)typeof e[l+1]<"u"?n>=e[l]&&n<e[l+1]-(e[l+1]-e[l])/2?o=l:n>=e[l]&&n<e[l+1]&&(o=l+1):n>=e[l]&&(o=l);return i.normalizeSlideIndex&&(o<0||typeof o>"u")&&(o=0),o}function No(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:r,snapIndex:s}=e;let a=t,c;const d=w=>{let y=w-e.virtual.slidesBefore;return y<0&&(y=e.virtual.slides.length+y),y>=e.virtual.slides.length&&(y-=e.virtual.slides.length),y};if(typeof a>"u"&&(a=jo(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const w=Math.min(o.slidesPerGroupSkip,a);c=w+Math.floor((a-w)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),a===l&&!e.params.loop){c!==s&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(a===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=d(a);return}const p=e.grid&&o.grid&&o.grid.rows>1;let m;if(e.virtual&&o.virtual.enabled&&o.loop)m=d(a);else if(p){const w=e.slides.filter(S=>S.column===a)[0];let y=parseInt(w.getAttribute("data-swiper-slide-index"),10);Number.isNaN(y)&&(y=Math.max(e.slides.indexOf(w),0)),m=Math.floor(y/o.grid.rows)}else if(e.slides[a]){const w=e.slides[a].getAttribute("data-swiper-slide-index");w?m=parseInt(w,10):m=a}else m=a;Object.assign(e,{previousSnapIndex:s,snapIndex:c,previousRealIndex:r,realIndex:m,previousIndex:l,activeIndex:a}),e.initialized&&vi(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(r!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function Bo(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,r;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,r=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=r;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var zo={updateSize:ko,updateSlides:Do,updateAutoHeight:Ao,updateSlidesOffset:Po,updateSlidesProgress:Oo,updateProgress:Mo,updateSlidesClasses:Lo,updateActiveIndex:No,updateClickedSlide:Bo};function Fo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let r=vo(l,t);return r+=e.cssOverflowAdjustment(),n&&(r=-r),r||0}function Vo(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:r}=i;let s=0,a=0;const c=0;i.isHorizontal()?s=n?-t:t:a=t,o.roundLengths&&(s=Math.floor(s),a=Math.floor(a)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:a,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-a:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():a-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${a}px, ${c}px)`);let d;const p=i.maxTranslate()-i.minTranslate();p===0?d=0:d=(t-i.minTranslate())/p,d!==r&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Ro(){return-this.snapGrid[0]}function Ho(){return-this.snapGrid[this.snapGrid.length-1]}function Uo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:r,wrapperEl:s}=l;if(l.animating&&r.preventInteractionOnTransition)return!1;const a=l.minTranslate(),c=l.maxTranslate();let d;if(n&&t>a?d=a:n&&t<c?d=c:d=t,l.updateProgress(d),r.cssMode){const p=l.isHorizontal();if(e===0)s[p?"scrollLeft":"scrollTop"]=-d;else{if(!l.support.smoothScroll)return Zi({swiper:l,targetPosition:-d,side:p?"left":"top"}),!0;s.scrollTo({[p?"left":"top"]:-d,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(m){!l||l.destroyed||m.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var Go={getTranslate:Fo,setTranslate:Vo,minTranslate:Ro,maxTranslate:Ho,translateTo:Uo};function $o(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function ln(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:r}=e;let s=n;if(s||(l>r?s="next":l<r?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==r){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function Wo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),ln({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Yo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),ln({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var qo={setTransition:$o,transitionStart:Wo,transitionEnd:Yo};function Xo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let r=t;r<0&&(r=0);const{params:s,snapGrid:a,slidesGrid:c,previousIndex:d,activeIndex:p,rtlTranslate:m,wrapperEl:w,enabled:y}=l;if(l.animating&&s.preventInteractionOnTransition||!y&&!n&&!o||l.destroyed)return!1;const S=Math.min(l.params.slidesPerGroupSkip,r);let C=S+Math.floor((r-S)/l.params.slidesPerGroup);C>=a.length&&(C=a.length-1);const u=-a[C];if(s.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const x=-Math.floor(u*100),k=Math.floor(c[f]*100),h=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?x>=k&&x<h-(h-k)/2?r=f:x>=k&&x<h&&(r=f+1):x>=k&&(r=f)}if(l.initialized&&r!==p&&(!l.allowSlideNext&&(m?u>l.translate&&u>l.minTranslate():u<l.translate&&u<l.minTranslate())||!l.allowSlidePrev&&u>l.translate&&u>l.maxTranslate()&&(p||0)!==r))return!1;r!==(d||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(u);let b;if(r>p?b="next":r<p?b="prev":b="reset",m&&-u===l.translate||!m&&u===l.translate)return l.updateActiveIndex(r),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(u),b!=="reset"&&(l.transitionStart(i,b),l.transitionEnd(i,b)),!1;if(s.cssMode){const f=l.isHorizontal(),x=m?u:-u;if(e===0){const k=l.virtual&&l.params.virtual.enabled;k&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),k&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{w[f?"scrollLeft":"scrollTop"]=x})):w[f?"scrollLeft":"scrollTop"]=x,k&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return Zi({swiper:l,targetPosition:x,side:f?"left":"top"}),!0;w.scrollTo({[f?"left":"top"]:x,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(u),l.updateActiveIndex(r),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,b),e===0?l.transitionEnd(i,b):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(x){!l||l.destroyed||x.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,b))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function Jo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let r=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)r=r+o.virtual.slidesBefore;else{let s;if(l){const m=r*o.params.grid.rows;s=o.slides.filter(w=>w.getAttribute("data-swiper-slide-index")*1===m)[0].column}else s=o.getSlideIndexByData(r);const a=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let d=o.params.slidesPerView;d==="auto"?d=o.slidesPerViewDynamic():(d=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&d%2===0&&(d=d+1));let p=a-s<d;if(c&&(p=p||s<Math.ceil(d/2)),p){const m=c?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?s+1:s-a+1,slideRealIndex:m==="next"?o.realIndex:void 0})}if(l){const m=r*o.params.grid.rows;r=o.slides.filter(w=>w.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=o.getSlideIndexByData(r)}return requestAnimationFrame(()=>{o.slideTo(r,e,i,n)}),o}function Ko(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:r}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const a=n.activeIndex<l.slidesPerGroupSkip?1:s,c=n.virtual&&l.virtual.enabled;if(l.loop){if(r&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+a,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+a,t,e,i)}function Qo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:r,rtlTranslate:s,enabled:a,animating:c}=n;if(!a||n.destroyed)return n;const d=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!d&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const p=s?n.translate:-n.translate;function m(u){return u<0?-Math.floor(Math.abs(u)):Math.floor(u)}const w=m(p),y=l.map(u=>m(u));let S=l[y.indexOf(w)-1];if(typeof S>"u"&&o.cssMode){let u;l.forEach((b,f)=>{w>=b&&(u=f)}),typeof u<"u"&&(S=l[u>0?u-1:u])}let C=0;if(typeof S<"u"&&(C=r.indexOf(S),C<0&&(C=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(C=C-n.slidesPerViewDynamic("previous",!0)+1,C=Math.max(C,0))),o.rewind&&n.isBeginning){const u=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(u,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(C,t,e,i)}),!0;return n.slideTo(C,t,e,i)}function Zo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this;if(!n.destroyed)return n.slideTo(n.activeIndex,t,e,i)}function el(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const r=Math.min(o.params.slidesPerGroupSkip,l),s=r+Math.floor((l-r)/o.params.slidesPerGroup),a=o.rtlTranslate?o.translate:-o.translate;if(a>=o.snapGrid[s]){const c=o.snapGrid[s],d=o.snapGrid[s+1];a-c>(d-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[s-1],d=o.snapGrid[s];a-c<=(d-c)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function tl(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const r=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(et(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),gt(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(et(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),gt(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var il={slideTo:Xo,slideToLoop:Jo,slideNext:Ko,slidePrev:Qo,slideReset:Zo,slideToClosest:el,slideToClickedSlide:tl};function nl(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{et(n,`.${i.slideClass}, swiper-slide`).forEach((p,m)=>{p.setAttribute("data-swiper-slide-index",m)})},l=e.grid&&i.grid&&i.grid.rows>1,r=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%r!==0,a=l&&e.slides.length%i.grid.rows!==0,c=d=>{for(let p=0;p<d;p+=1){const m=e.isElement?Ct("swiper-slide",[i.slideBlankClass]):Ct("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(s){if(i.loopAddBlankSlides){const d=r-e.slides.length%r;c(d),e.recalcSlides(),e.updateSlides()}else Bt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(a){if(i.loopAddBlankSlides){const d=i.grid.rows-e.slides.length%i.grid.rows;c(d),e.recalcSlides(),e.updateSlides()}else Bt("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function ol(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:r,byMousewheel:s}=t===void 0?{}:t;const a=this;if(!a.params.loop)return;a.emit("beforeLoopFix");const{slides:c,allowSlidePrev:d,allowSlideNext:p,slidesEl:m,params:w}=a,{centeredSlides:y}=w;if(a.allowSlidePrev=!0,a.allowSlideNext=!0,a.virtual&&w.virtual.enabled){i&&(!w.centeredSlides&&a.snapIndex===0?a.slideTo(a.virtual.slides.length,0,!1,!0):w.centeredSlides&&a.snapIndex<w.slidesPerView?a.slideTo(a.virtual.slides.length+a.snapIndex,0,!1,!0):a.snapIndex===a.snapGrid.length-1&&a.slideTo(a.virtual.slidesBefore,0,!1,!0)),a.allowSlidePrev=d,a.allowSlideNext=p,a.emit("loopFix");return}let S=w.slidesPerView;S==="auto"?S=a.slidesPerViewDynamic():(S=Math.ceil(parseFloat(w.slidesPerView,10)),y&&S%2===0&&(S=S+1));const C=w.slidesPerGroupAuto?S:w.slidesPerGroup;let u=C;u%C!==0&&(u+=C-u%C),u+=w.loopAdditionalSlides,a.loopedSlides=u;const b=a.grid&&w.grid&&w.grid.rows>1;c.length<S+u?Bt("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):b&&w.grid.fill==="row"&&Bt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],x=[];let k=a.activeIndex;typeof l>"u"?l=a.getSlideIndex(c.filter(D=>D.classList.contains(w.slideActiveClass))[0]):k=l;const h=n==="next"||!n,P=n==="prev"||!n;let I=0,g=0;const E=b?Math.ceil(c.length/w.grid.rows):c.length,T=(b?c[l].column:l)+(y&&typeof o>"u"?-S/2+.5:0);if(T<u){I=Math.max(u-T,C);for(let D=0;D<u-T;D+=1){const O=D-Math.floor(D/E)*E;if(b){const L=E-O-1;for(let F=c.length-1;F>=0;F-=1)c[F].column===L&&f.push(F)}else f.push(E-O-1)}}else if(T+S>E-u){g=Math.max(T-(E-u*2),C);for(let D=0;D<g;D+=1){const O=D-Math.floor(D/E)*E;b?c.forEach((L,F)=>{L.column===O&&x.push(F)}):x.push(O)}}if(a.__preventObserver__=!0,requestAnimationFrame(()=>{a.__preventObserver__=!1}),P&&f.forEach(D=>{c[D].swiperLoopMoveDOM=!0,m.prepend(c[D]),c[D].swiperLoopMoveDOM=!1}),h&&x.forEach(D=>{c[D].swiperLoopMoveDOM=!0,m.append(c[D]),c[D].swiperLoopMoveDOM=!1}),a.recalcSlides(),w.slidesPerView==="auto"?a.updateSlides():b&&(f.length>0&&P||x.length>0&&h)&&a.slides.forEach((D,O)=>{a.grid.updateSlide(O,D,a.slides)}),w.watchSlidesProgress&&a.updateSlidesOffset(),i){if(f.length>0&&P){if(typeof e>"u"){const D=a.slidesGrid[k],L=a.slidesGrid[k+I]-D;s?a.setTranslate(a.translate-L):(a.slideTo(k+Math.ceil(I),0,!1,!0),o&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else if(o){const D=b?f.length/w.grid.rows:f.length;a.slideTo(a.activeIndex+D,0,!1,!0),a.touchEventsData.currentTranslate=a.translate}}else if(x.length>0&&h)if(typeof e>"u"){const D=a.slidesGrid[k],L=a.slidesGrid[k-g]-D;s?a.setTranslate(a.translate-L):(a.slideTo(k-g,0,!1,!0),o&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else{const D=b?x.length/w.grid.rows:x.length;a.slideTo(a.activeIndex-D,0,!1,!0)}}if(a.allowSlidePrev=d,a.allowSlideNext=p,a.controller&&a.controller.control&&!r){const D={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(a.controller.control)?a.controller.control.forEach(O=>{!O.destroyed&&O.params.loop&&O.loopFix({...D,slideTo:O.params.slidesPerView===w.slidesPerView?i:!1})}):a.controller.control instanceof a.constructor&&a.controller.control.params.loop&&a.controller.control.loopFix({...D,slideTo:a.controller.control.params.slidesPerView===w.slidesPerView?i:!1})}a.emit("loopFix")}function ll(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(o=>{const l=typeof o.swiperSlideIndex>"u"?o.getAttribute("data-swiper-slide-index")*1:o.swiperSlideIndex;n[l]=o}),t.slides.forEach(o=>{o.removeAttribute("data-swiper-slide-index")}),n.forEach(o=>{i.append(o)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var sl={loopCreate:nl,loopFix:ol,loopDestroy:ll};function al(t){const e=this;if(!e.params.simulateTouch||e.params.watchOverflow&&e.isLocked||e.params.cssMode)return;const i=e.params.touchEventsTarget==="container"?e.el:e.wrapperEl;e.isElement&&(e.__preventObserver__=!0),i.style.cursor="move",i.style.cursor=t?"grabbing":"grab",e.isElement&&requestAnimationFrame(()=>{e.__preventObserver__=!1})}function rl(){const t=this;t.params.watchOverflow&&t.isLocked||t.params.cssMode||(t.isElement&&(t.__preventObserver__=!0),t[t.params.touchEventsTarget==="container"?"el":"wrapperEl"].style.cursor="",t.isElement&&requestAnimationFrame(()=>{t.__preventObserver__=!1}))}var dl={setGrabCursor:al,unsetGrabCursor:rl};function cl(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ke()||n===Ve())return null;n.assignedSlot&&(n=n.assignedSlot);const o=n.closest(t);return!o&&!n.getRootNode?null:o||i(n.getRootNode().host)}return i(e)}function sn(t,e,i){const n=Ve(),{params:o}=t,l=o.edgeSwipeDetection,r=o.edgeSwipeThreshold;return l&&(i<=r||i>=n.innerWidth-r)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function ul(t){const e=this,i=Ke();let n=t;n.originalEvent&&(n=n.originalEvent);const o=e.touchEventsData;if(n.type==="pointerdown"){if(o.pointerId!==null&&o.pointerId!==n.pointerId)return;o.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(o.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){sn(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:r,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let a=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(a)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",d=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&d&&(a=d[0]);const p=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(m?cl(p,a):a.closest(p))){e.allowClick=!0;return}if(l.swipeHandler&&!a.closest(l.swipeHandler))return;r.currentX=n.pageX,r.currentY=n.pageY;const w=r.currentX,y=r.currentY;if(!sn(e,n,w))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),r.startX=w,r.startY=y,o.touchStartTime=qe(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let S=!0;a.matches(o.focusableElements)&&(S=!1,a.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==a&&i.activeElement.blur();const C=S&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||C)&&!a.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function pl(t){const e=Ke(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:r,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let a=t;if(a.originalEvent&&(a=a.originalEvent),a.type==="pointermove"&&(n.touchId!==null||a.pointerId!==n.pointerId))return;let c;if(a.type==="touchmove"){if(c=[...a.changedTouches].filter(h=>h.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=a;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",a);return}const d=c.pageX,p=c.pageY;if(a.preventedByNestedSwiper){l.startX=d,l.startY=p;return}if(!i.allowTouchMove){a.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p}),n.touchStartTime=qe());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(p<l.startY&&i.translate<=i.maxTranslate()||p>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(d<l.startX&&i.translate<=i.maxTranslate()||d>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&a.target===e.activeElement&&a.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",a),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=d,l.currentY=p;const m=l.currentX-l.startX,w=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(m**2+w**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let h;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:m*m+w*w>=25&&(h=Math.atan2(Math.abs(w),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?h>o.touchAngle:90-h>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",a),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&a.cancelable&&a.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&a.stopPropagation();let y=i.isHorizontal()?m:w,S=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(y=Math.abs(y)*(r?1:-1),S=Math.abs(S)*(r?1:-1)),l.diff=y,y*=o.touchRatio,r&&(y=-y,S=-S);const C=i.touchesDirection;i.swipeDirection=y>0?"prev":"next",i.touchesDirection=S>0?"prev":"next";const u=i.params.loop&&!o.cssMode,b=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(u&&b&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const h=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(h)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",a)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&C!==i.touchesDirection&&u&&b&&Math.abs(y)>=1){Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",a),n.isMoved=!0,n.currentTranslate=y+n.startTranslate;let x=!0,k=o.resistanceRatio;if(o.touchReleaseOnEdges&&(k=0),y>0?(u&&b&&!f&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(x=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+y)**k))):y<0&&(u&&b&&!f&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(x=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-y)**k))),x&&(a.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(y)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function vl(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let o;if(n.type==="touchend"||n.type==="touchcancel"){if(o=[...n.changedTouches].filter(k=>k.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:r,touches:s,rtlTranslate:a,slidesGrid:c,enabled:d}=e;if(!d||!r.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&r.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}r.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const p=qe(),m=p-i.touchStartTime;if(e.allowClick){const k=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(k&&k[0]||n.target,k),e.emit("tap click",n),m<300&&p-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=qe(),gt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let w;if(r.followFinger?w=a?e.translate:-e.translate:w=-i.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:w});return}const y=w>=-e.maxTranslate()&&!e.params.loop;let S=0,C=e.slidesSizesGrid[0];for(let k=0;k<c.length;k+=k<r.slidesPerGroupSkip?1:r.slidesPerGroup){const h=k<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;typeof c[k+h]<"u"?(y||w>=c[k]&&w<c[k+h])&&(S=k,C=c[k+h]-c[k]):(y||w>=c[k])&&(S=k,C=c[c.length-1]-c[c.length-2])}let u=null,b=null;r.rewind&&(e.isBeginning?b=r.virtual&&r.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(u=0));const f=(w-c[S])/C,x=S<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=r.longSwipesRatio?e.slideTo(r.rewind&&e.isEnd?u:S+x):e.slideTo(S)),e.swipeDirection==="prev"&&(f>1-r.longSwipesRatio?e.slideTo(S+x):b!==null&&f<0&&Math.abs(f)>r.longSwipesRatio?e.slideTo(b):e.slideTo(S))}else{if(!r.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(S+x):e.slideTo(S):(e.swipeDirection==="next"&&e.slideTo(u!==null?u:S+x),e.swipeDirection==="prev"&&e.slideTo(b!==null?b:S))}}function an(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,r=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=r&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!r?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function fl(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function ml(){const t=this,{wrapperEl:e,rtlTranslate:i,enabled:n}=t;if(!n)return;t.previousTranslate=t.translate,t.isHorizontal()?t.translate=-e.scrollLeft:t.translate=-e.scrollTop,t.translate===0&&(t.translate=0),t.updateActiveIndex(),t.updateSlidesClasses();let o;const l=t.maxTranslate()-t.minTranslate();l===0?o=0:o=(t.translate-t.minTranslate())/l,o!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function hl(t){const e=this;Rt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function gl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const rn=(t,e)=>{const i=Ke(),{params:n,el:o,wrapperEl:l,device:r}=t,s=!!n.nested,a=e==="on"?"addEventListener":"removeEventListener",c=e;i[a]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[a]("touchstart",t.onTouchStart,{passive:!1}),o[a]("pointerdown",t.onTouchStart,{passive:!1}),i[a]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[a]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[a]("touchend",t.onTouchEnd,{passive:!0}),i[a]("pointerup",t.onTouchEnd,{passive:!0}),i[a]("pointercancel",t.onTouchEnd,{passive:!0}),i[a]("touchcancel",t.onTouchEnd,{passive:!0}),i[a]("pointerout",t.onTouchEnd,{passive:!0}),i[a]("pointerleave",t.onTouchEnd,{passive:!0}),i[a]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[a]("click",t.onClick,!0),n.cssMode&&l[a]("scroll",t.onScroll),n.updateOnWindowResize?t[c](r.ios||r.android?"resize orientationchange observerUpdate":"resize observerUpdate",an,!0):t[c]("observerUpdate",an,!0),o[a]("load",t.onLoad,{capture:!0})};function bl(){const t=this,{params:e}=t;t.onTouchStart=ul.bind(t),t.onTouchMove=pl.bind(t),t.onTouchEnd=vl.bind(t),t.onDocumentTouchStart=gl.bind(t),e.cssMode&&(t.onScroll=ml.bind(t)),t.onClick=fl.bind(t),t.onLoad=hl.bind(t),rn(t,"on")}function yl(){rn(this,"off")}var wl={attachEvents:bl,detachEvents:yl};const dn=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function Sl(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const r=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!r||t.currentBreakpoint===r)return;const a=(r in l?l[r]:void 0)||t.originalParams,c=dn(t,n),d=dn(t,a),p=n.enabled;c&&!d?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&d&&(o.classList.add(`${n.containerModifierClass}grid`),(a.grid.fill&&a.grid.fill==="column"||!a.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(u=>{if(typeof a[u]>"u")return;const b=n[u]&&n[u].enabled,f=a[u]&&a[u].enabled;b&&!f&&t[u].disable(),!b&&f&&t[u].enable()});const m=a.direction&&a.direction!==n.direction,w=n.loop&&(a.slidesPerView!==n.slidesPerView||m),y=n.loop;m&&i&&t.changeDirection(),$e(t.params,a);const S=t.params.enabled,C=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),p&&!S?t.disable():!p&&S&&t.enable(),t.currentBreakpoint=r,t.emit("_beforeBreakpoint",a),i&&(w?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!y&&C?(t.loopCreate(e),t.updateSlides()):y&&!C&&t.loopDestroy()),t.emit("breakpoint",a)}function Tl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=Ve(),l=e==="window"?o.innerHeight:i.clientHeight,r=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const a=parseFloat(s.substr(1));return{value:l*a,point:s}}return{value:s,point:s}});r.sort((s,a)=>parseInt(s.value,10)-parseInt(a.value,10));for(let s=0;s<r.length;s+=1){const{point:a,value:c}=r[s];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=a):c<=i.clientWidth&&(n=a)}return n||"max"}var xl={setBreakpoint:Sl,getBreakpoint:Tl};function El(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(o=>{n[o]&&i.push(e+o)}):typeof n=="string"&&i.push(e+n)}),i}function Il(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,r=El(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...r),o.classList.add(...e),t.emitContainerClasses()}function Cl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var _l={addClasses:Il,removeClasses:Cl};function kl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,l=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>l}else t.isLocked=t.snapGrid.length===1;i.allowSlideNext===!0&&(t.allowSlideNext=!t.isLocked),i.allowSlidePrev===!0&&(t.allowSlidePrev=!t.isLocked),e&&e!==t.isLocked&&(t.isEnd=!1),e!==t.isLocked&&t.emit(t.isLocked?"lock":"unlock")}var Dl={checkOverflow:kl},fi={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function Al(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){$e(e,n);return}if(t[o]===!0&&(t[o]={enabled:!0}),o==="navigation"&&t[o]&&t[o].enabled&&!t[o].prevEl&&!t[o].nextEl&&(t[o].auto=!0),["pagination","scrollbar"].indexOf(o)>=0&&t[o]&&t[o].enabled&&!t[o].el&&(t[o].auto=!0),!(o in t&&"enabled"in l)){$e(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),$e(e,n)}}const mi={eventsEmitter:_o,update:zo,translate:Go,transition:qo,slide:il,loop:sl,grabCursor:dl,events:wl,breakpoints:xl,checkOverflow:Dl,classes:_l},hi={};let gi=class at{constructor(){let e,i;for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];o.length===1&&o[0].constructor&&Object.prototype.toString.call(o[0]).slice(8,-1)==="Object"?i=o[0]:[e,i]=o,i||(i={}),i=$e({},i),e&&!i.el&&(i.el=e);const r=Ke();if(i.el&&typeof i.el=="string"&&r.querySelectorAll(i.el).length>1){const d=[];return r.querySelectorAll(i.el).forEach(p=>{const m=$e({},i,{el:p});d.push(new at(m))}),d}const s=this;s.__swiper__=!0,s.support=nn(),s.device=on({userAgent:i.userAgent}),s.browser=Eo(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const a={};s.modules.forEach(d=>{d({params:i,swiper:s,extendParams:Al(i,a),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const c=$e({},fi,a);return s.params=$e({},c,hi,i),s.originalParams=$e({},s.params),s.passedParams=$e({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(d=>{s.on(d,s.params.on[d])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=et(i,`.${n.slideClass}, swiper-slide`),l=zt(o[0]);return zt(e)-l}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter(i=>i.getAttribute("data-swiper-slide-index")*1===e)[0])}recalcSlides(){const e=this,{slidesEl:i,params:n}=e;e.slides=et(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),r=(n.maxTranslate()-o)*e+o;n.translateTo(r,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:r,slidesSizesGrid:s,size:a,activeIndex:c}=n;let d=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let p=l[c]?Math.ceil(l[c].swiperSlideSize):0,m;for(let w=c+1;w<l.length;w+=1)l[w]&&!m&&(p+=Math.ceil(l[w].swiperSlideSize),d+=1,p>a&&(m=!0));for(let w=c-1;w>=0;w-=1)l[w]&&!m&&(p+=l[w].swiperSlideSize,d+=1,p>a&&(m=!0))}else if(e==="current")for(let p=c+1;p<l.length;p+=1)(i?r[p]+s[p]-r[c]<a:r[p]-r[c]<a)&&(d+=1);else for(let p=c-1;p>=0;p-=1)r[c]-r[p]<a&&(d+=1);return d}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(r=>{r.complete&&Rt(e,r)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const r=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(r,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const r=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(r.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):et(n,o())[0];return!r&&i.params.createElements&&(r=Ct("div",i.params.wrapperClass),n.append(r),et(n,`.${i.params.slideClass}`).forEach(s=>{r.append(s)})),Object.assign(i,{el:n,wrapperEl:r,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:r,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||ct(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||ct(n,"direction")==="rtl"),wrongRTL:ct(r,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?Rt(i,l):l.addEventListener("load",r=>{Rt(i,r.target)})}),vi(i),i.initialized=!0,vi(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:r,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),r.removeAttribute("style"),s&&s.length&&s.forEach(a=>{a.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),a.removeAttribute("style"),a.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(a=>{n.off(a)}),e!==!1&&(n.el.swiper=null,uo(n)),n.destroyed=!0),null}static extendDefaults(e){$e(hi,e)}static get extendedDefaults(){return hi}static get defaults(){return fi}static installModule(e){at.prototype.__modules__||(at.prototype.__modules__=[]);const i=at.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>at.installModule(i)),at):(at.installModule(e),at)}};Object.keys(mi).forEach(t=>{Object.keys(mi[t]).forEach(e=>{gi.prototype[e]=mi[t][e]})}),gi.use([Io,Co]);const cn=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function mt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function yt(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:mt(e[n])&&mt(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:yt(t[n],e[n]):t[n]=e[n]})}function un(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function pn(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function vn(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function fn(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function Pl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Ol(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:r,scrollbarEl:s,paginationEl:a}=t;const c=o.filter(g=>g!=="children"&&g!=="direction"&&g!=="wrapperClass"),{params:d,pagination:p,navigation:m,scrollbar:w,virtual:y,thumbs:S}=e;let C,u,b,f,x,k,h,P;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&d.thumbs&&!d.thumbs.swiper&&(C=!0),o.includes("controller")&&n.controller&&n.controller.control&&d.controller&&!d.controller.control&&(u=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||a)&&(d.pagination||d.pagination===!1)&&p&&!p.el&&(b=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(d.scrollbar||d.scrollbar===!1)&&w&&!w.el&&(f=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||r)&&(n.navigation.nextEl||l)&&(d.navigation||d.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(x=!0);const I=g=>{e[g]&&(e[g].destroy(),g==="navigation"?(e.isElement&&(e[g].prevEl.remove(),e[g].nextEl.remove()),d[g].prevEl=void 0,d[g].nextEl=void 0,e[g].prevEl=void 0,e[g].nextEl=void 0):(e.isElement&&e[g].el.remove(),d[g].el=void 0,e[g].el=void 0))};o.includes("loop")&&e.isElement&&(d.loop&&!n.loop?k=!0:!d.loop&&n.loop?h=!0:P=!0),c.forEach(g=>{if(mt(d[g])&&mt(n[g]))Object.assign(d[g],n[g]),(g==="navigation"||g==="pagination"||g==="scrollbar")&&"enabled"in n[g]&&!n[g].enabled&&I(g);else{const E=n[g];(E===!0||E===!1)&&(g==="navigation"||g==="pagination"||g==="scrollbar")?E===!1&&I(g):d[g]=n[g]}}),c.includes("controller")&&!u&&e.controller&&e.controller.control&&d.controller&&d.controller.control&&(e.controller.control=d.controller.control),o.includes("children")&&i&&y&&d.virtual.enabled?(y.slides=i,y.update(!0)):o.includes("virtual")&&y&&d.virtual.enabled&&(i&&(y.slides=i),y.update(!0)),o.includes("children")&&i&&d.loop&&(P=!0),C&&S.init()&&S.update(!0),u&&(e.controller.control=d.controller.control),b&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-pagination"),a.part.add("pagination"),e.el.appendChild(a)),a&&(d.pagination.el=a),p.init(),p.render(),p.update()),f&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(d.scrollbar.el=s),w.init(),w.updateSize(),w.setTranslate()),x&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-button-prev"),r.innerHTML=e.hostEl.constructor.prevButtonSvg,r.part.add("button-prev"),e.el.appendChild(r))),l&&(d.navigation.nextEl=l),r&&(d.navigation.prevEl=r),m.init(),m.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(k||P)&&e.loopDestroy(),(h||P)&&e.loopCreate(),e.update()}function Ml(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};yt(i,fi),i._emitClasses=!0,i.init=!1;const l={},r=cn.map(a=>a.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(a=>{typeof t[a]>"u"||(r.indexOf(a)>=0?mt(t[a])?(i[a]={},o[a]={},yt(i[a],t[a]),yt(o[a],t[a])):(i[a]=t[a],o[a]=t[a]):a.search(/on[A-Z]/)===0&&typeof t[a]=="function"?e?n[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:i.on[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:l[a]=t[a])}),["navigation","pagination","scrollbar"].forEach(a=>{i[a]===!0&&(i[a]={}),i[a]===!1&&delete i[a]}),{params:i,passedParams:o,rest:l,events:n}}function Ll(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:r,swiper:s}=t;un(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),pn(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),vn(e)&&r&&(s.params.scrollbar.el=r,s.originalParams.scrollbar.el=r),s.init(i)}function jl(t,e,i,n,o){const l=[];if(!e)return l;const r=a=>{l.indexOf(a)<0&&l.push(a)};if(i&&n){const a=n.map(o),c=i.map(o);a.join("")!==c.join("")&&r("children"),n.length!==i.length&&r("children")}return cn.filter(a=>a[0]==="_").map(a=>a.replace(/_/,"")).forEach(a=>{if(a in t&&a in e)if(mt(t[a])&&mt(e[a])){const c=Object.keys(t[a]),d=Object.keys(e[a]);c.length!==d.length?r(a):(c.forEach(p=>{t[a][p]!==e[a][p]&&r(a)}),d.forEach(p=>{t[a][p]!==e[a][p]&&r(a)}))}else t[a]!==e[a]&&r(a)}),l}const Nl=t=>{!t||t.destroyed||!t.params.virtual||t.params.virtual&&!t.params.virtual.enabled||(t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.parallax&&t.params.parallax&&t.params.parallax.enabled&&t.parallax.setTranslate())};function Ht(){return Ht=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},Ht.apply(this,arguments)}function mn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function hn(t){const e=[];return v.Children.toArray(t).forEach(i=>{mn(i)?e.push(i):i.props&&i.props.children&&hn(i.props.children).forEach(n=>e.push(n))}),e}function Bl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return v.Children.toArray(t).forEach(n=>{if(mn(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const o=hn(n.props.children);o.length>0?o.forEach(l=>e.push(l)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function zl(t,e,i){if(!i)return null;const n=d=>{let p=d;return d<0?p=e.length+d:p>=e.length&&(p=p-e.length),p},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:r}=i,s=t.params.loop?-e.length:0,a=t.params.loop?e.length*2:e.length,c=[];for(let d=s;d<a;d+=1)d>=l&&d<=r&&c.push(e[n(d)]);return c.map((d,p)=>v.cloneElement(d,{swiper:t,style:o,key:d.props.virtualIndex||d.key||`slide-${p}`}))}function _t(t,e){return typeof window>"u"?Z(t,e):jn(t,e)}const bi=It(null),gn=()=>Et(bi),Fl=It(null),ht=Ot(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:r,...s}=t===void 0?{}:t,a=!1;const[c,d]=H("swiper"),[p,m]=H(null),[w,y]=H(!1),S=ee(!1),C=ee(null),u=ee(null),b=ee(null),f=ee(null),x=ee(null),k=ee(null),h=ee(null),P=ee(null),{params:I,passedParams:g,rest:E,events:A}=Ml(s),{slides:T,slots:D}=Bl(l),O=()=>{y(!w)};Object.assign(I.on,{_containerClasses(N,z){d(z)}});const L=()=>{Object.assign(I.on,A),a=!0;const N={...I};if(delete N.wrapperClass,u.current=new gi(N),u.current.virtual&&u.current.params.virtual.enabled){u.current.virtual.slides=T;const z={cache:!1,slides:T,renderExternal:m,renderExternalUpdate:!1};yt(u.current.params.virtual,z),yt(u.current.originalParams.virtual,z)}};C.current||L(),u.current&&u.current.on("_beforeBreakpoint",O);const F=()=>{a||!A||!u.current||Object.keys(A).forEach(N=>{u.current.on(N,A[N])})},V=()=>{!A||!u.current||Object.keys(A).forEach(N=>{u.current.off(N,A[N])})};Z(()=>()=>{u.current&&u.current.off("_beforeBreakpoint",O)}),Z(()=>{!S.current&&u.current&&(u.current.emitSlidesClasses(),S.current=!0)}),_t(()=>{if(e&&(e.current=C.current),!!C.current)return u.current.destroyed&&L(),Ll({el:C.current,nextEl:x.current,prevEl:k.current,paginationEl:h.current,scrollbarEl:P.current,swiper:u.current},I),r&&!u.current.destroyed&&r(u.current),()=>{u.current&&!u.current.destroyed&&u.current.destroy(!0,!1)}},[]),_t(()=>{F();const N=jl(g,b.current,T,f.current,z=>z.key);return b.current=g,f.current=T,N.length&&u.current&&!u.current.destroyed&&Ol({swiper:u.current,slides:T,passedParams:g,changedParams:N,nextEl:x.current,prevEl:k.current,scrollbarEl:P.current,paginationEl:h.current}),()=>{V()}}),_t(()=>{Nl(u.current)},[p]);function B(){return I.virtual?zl(u.current,T,p):T.map((N,z)=>v.cloneElement(N,{swiper:u.current,swiperSlideIndex:z}))}return v.createElement(n,Ht({ref:C,className:fn(`${c}${i?` ${i}`:""}`)},E),v.createElement(Fl.Provider,{value:u.current},D["container-start"],v.createElement(o,{className:Pl(I.wrapperClass)},D["wrapper-start"],B(),D["wrapper-end"]),un(I)&&v.createElement(v.Fragment,null,v.createElement("div",{ref:k,className:"swiper-button-prev"}),v.createElement("div",{ref:x,className:"swiper-button-next"})),vn(I)&&v.createElement("div",{ref:P,className:"swiper-scrollbar"}),pn(I)&&v.createElement("div",{ref:h,className:"swiper-pagination"}),D["container-end"]))});ht.displayName="Swiper";const it=Ot(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:r,lazy:s,virtualIndex:a,swiperSlideIndex:c,...d}=t===void 0?{}:t;const p=ee(null),[m,w]=H("swiper-slide"),[y,S]=H(!1);function C(x,k,h){k===p.current&&w(h)}_t(()=>{if(typeof c<"u"&&(p.current.swiperSlideIndex=c),e&&(e.current=p.current),!(!p.current||!l)){if(l.destroyed){m!=="swiper-slide"&&w("swiper-slide");return}return l.on("_slideClass",C),()=>{l&&l.off("_slideClass",C)}}}),_t(()=>{l&&p.current&&!l.destroyed&&w(l.getSlideClasses(p.current))},[l]);const u={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},b=()=>typeof n=="function"?n(u):n,f=()=>{S(!0)};return v.createElement(i,Ht({ref:p,className:fn(`${m}${o?` ${o}`:""}`),"data-swiper-slide-index":a,onLoad:f},d),r&&v.createElement(bi.Provider,{value:u},v.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof r=="number"?r:void 0},b(),s&&!y&&v.createElement("div",{className:"swiper-lazy-preloader"}))),!r&&v.createElement(bi.Provider,{value:u},b(),s&&!y&&v.createElement("div",{className:"swiper-lazy-preloader"})))});it.displayName="SwiperSlide";const Vl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Rl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var r;const[s,a]=H(!1),c=ee(null);Z(()=>{const m=document.getElementById("sxp-render"),w=document.getElementById("pb-modal");w?c.current=w:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),m?.appendChild(c.current))},[]);const d=te(()=>l?.id&&l?.id!==""||t,[t,l]);if(Z(()=>{d?a(!0):setTimeout(()=>{a(!1)},l?.duration)},[d,l]),!c.current)return null;const p=qt(()=>{e?.()},300);return ji.createPortal(v.createElement(v.Fragment,null,s&&v.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:d?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:p},v.createElement("div",{className:`modal-container ${d?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((r=l?.duration)!==null&&r!==void 0?r:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},v.createElement("div",{onClick:e,className:"modal-icon-wrapper"},v.createElement("img",{src:Vl,alt:"close",className:"modal-icon"})),i))),c.current)};var Ut=he(Rl);const Hl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let r=0;r<n.length&&(o.push(n[r]),!(o.join(" ").length>=e));r++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},Ul=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:r,isPost:s,onChange:a})=>{const[c,d]=H(!1),[p,m]=H(!1),w=Number(i?.lineClamp||2),y=ee(null),S=ee(null),C=ae(()=>{d(!c)},[c,a]);return te(()=>!c&&t.length>e?Hl(t,e)+"...":t,[t,e,c]),Z(()=>{var u,b;((u=S?.current)===null||u===void 0?void 0:u.offsetHeight)>((b=y?.current)===null||b===void 0?void 0:b.offsetHeight)&&s?m(!0):m(!1),S.current.style.display="none"},[s]),v.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},v.createElement("div",{ref:y,style:{overflow:"hidden",WebkitLineClamp:!s||c?"":w,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),v.createElement("div",{ref:S,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&p&&v.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??C},c?r||"show less":l||"show more"))};var Gt=he(Ul);const Gl=Ot((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:r}=t,[s,a]=H(),{swiperRef:c}=ye();return Li(e,()=>({setSrc:d=>{a(d)}})),Z(()=>{var d,p;const m=(p=(d=c?.current)===null||d===void 0?void 0:d.swiper)===null||p===void 0?void 0:p.activeIndex;(m===0||m>0)&&a(i)},[i,c]),ee(null),v.createElement(v.Fragment,null,s?.includes(".avif")?v.createElement("picture",null,v.createElement("source",{type:"image/avif",srcSet:s}),v.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),v.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),v.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:d=>{n?.(d.target)}})):v.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:d=>{n?.(d.target)}}))});var Re=he(Gl);const $l=t=>{var e,i,n,o,l,r,s,a,c,{content:d,style:p,bgImg:m,onClick:w,schema:y,isDefault:S,bottom_image:C,tipText:u,isPost:b,viewTime:f,rec:x,swiper:k,commodityStyles:h,buttonStyle:P,index:I}=t,g=Me(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=ye(),{popupDetailData:A,bffEventReport:T,isPreview:D,bffFbReport:O}=ye(),{jumpToWeb:L,productView:F}=He(),V=ee(null),[B,N]=H(!1),z=b?x:A,j=b?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,_=b?(i=z?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=z?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,$=b?I:A?.index,R=()=>{j?.link&&(L(z,j,_,$),b||F(z,j,_,f||V.current,$),window.location.href=window.getJointUtmLink(j.link))};Z(()=>{b||O?.({eventName:"ProductView"})},[b,O]),Z(()=>{const Y=()=>{V.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const W=te(()=>{var Y,de,Q,ie,Se;return j?.currency&&j?.price?`${(Q=(de=(Y=j?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||de===void 0?void 0:de.toUpperCase())!==null&&Q!==void 0?Q:""}${(Se=(ie=j?.price)===null||ie===void 0?void 0:ie.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Se!==void 0?Se:""}`:"$7,000"},[j?.price,j?.currency]),K=D?375:(l=p?.width)!==null&&l!==void 0?l:window.innerWidth,oe=({isPost:Y})=>{var de,Q,ie;return v.createElement("div",null,v.createElement("div",{className:"pb-commondity-content-collection",style:be(h?.collection),hidden:!!j&&(!j?.collection||j?.collection==="")},(de=j?.collection)!==null&&de!==void 0?de:"Tiffany Lock"),v.createElement("div",{className:"pb-commondity-content-title",style:be(h?.title),hidden:!!j&&!j?.title},(Q=j?.title)!==null&&Q!==void 0?Q:"Pendant in Yellow Gold with Diamonds, Medium"),v.createElement("div",{className:"pb-commondity-content-price",style:be(h?.price),hidden:!!j&&!j?.price},W),v.createElement("div",{hidden:!!j&&(!j?.info||j?.info==="")},v.createElement(Gt,{foldText:u?.foldText,unfoldText:u?.unfoldText,onClick:()=>N(!0),isPost:Y,text:(ie=j?.info)!==null&&ie!==void 0?ie:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
2
2
|
bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
|
3
3
|
collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
|
4
4
|
necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
|
5
|
-
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:m?.info})))},se=()=>{var Y;return v.createElement(v.Fragment,null,(b||O?.link)&&v.createElement("button",{onClick:F,className:"pb-commondity-btn",style:L},(Y=D?.enTitle)!==null&&Y!==void 0?Y:"Purchase on Website"))},re=ae(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return v.createElement("div",{className:"pb-commondity"},v.createElement("div",Object.assign({className:le(Object.assign({},p))},T),O&&((a=O?.homePage)===null||a===void 0?void 0:a.length)>0&&v.createElement(st,{height:ne,modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(s=O?.homePage)===null||s===void 0?void 0:s.map(Y=>v.createElement(qe,{key:Y},v.createElement("div",{style:{overflow:"hidden",width:ne,height:ne}},v.createElement(ze,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:Y}))))),!(!((r=O?.homePage)===null||r===void 0)&&r.length)&&v.createElement("div",{className:le({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},v.createElement("img",{className:le({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=E?.bottom_image)!==null&&c!==void 0?c:I,alt:""})),v.createElement("div",{className:"pb-commondity-content"},ee({isPost:w}))),se(),v.createElement(zt,{visible:z,onClose:()=>j(!1)},v.createElement("div",{style:{paddingBottom:"80px"}},ee({isPost:!1})),se()))};var Rl=ge(Fl);const Hl=Ne(Rl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:no},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var Ul=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vi,fi,Gl=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:je?.fontOptions,initialValue:(fi=(vi=je?.fontOptions)===null||vi===void 0?void 0:vi[0])===null||fi===void 0?void 0:fi.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],vn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const $l=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:o,src:l}=t;switch(i){case 2:return n||null;case 3:return l||null;default:return o&&o.length>0?(e=o[0])===null||e===void 0?void 0:e.url:null}},Wl=t=>{var{content:e,btnText:i,style:n,icon:o,isPopup:l,isExternalLink:a,onClose:s,onClick:r,submitButtonStyle:c}=t,d=ke(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:p}=be(),{jumpToWeb:g}=Ge(),y=typeof o=="string"?o:$l(o),h=()=>{var b,I,u;if(a){const w=p,f=(b=w?.video)===null||b===void 0?void 0:b.bindProduct,x=(u=(I=w?.video)===null||I===void 0?void 0:I.bindProduct)===null||u===void 0?void 0:u.bindCta,k=p?.index;g(w,f,x,k)}l||s?.(),r?.()};return v.createElement("div",Object.assign({className:`pb-prompt ${le(Object.assign({},n))}`},d),v.createElement("div",{className:"pb-prompt-icon"},v.createElement("img",{width:"100%",src:y??vn})),v.createElement("div",{className:"pb-prompt-content"},e),v.createElement("button",{className:"pb-prompt-btn",style:c,onClick:h},i))};var Yl=ge(Wl);const ql=Ne(Yl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Gl,bindableProps:[],interactionRender:Ul},defaulSetting:{props:{icon:vn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var mi,hi,Xl=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:fe,name:["fontFamily"],initialValue:(mi=fe?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:fe,initialValue:(hi=fe?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Jl=t=>{var e,i,n,o,l,a,s,r,c,d,p,g,{style:y,isDefault:h,rec:b,viewTime:I,isPost:u,bottom_image:w,tipText:f,swiper:x,commodityStyles:k,buttonStyle:m,index:L}=t,_=ke(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);$(!0);const{sxpParameter:T}=be(),{popupDetailData:E,bffEventReport:A,isPreview:S,swiperRef:C,bffFbReport:P}=be(),{jumpToWeb:N,productView:U}=Ge(),G=Q(null);Q(null),Q(null),$(!1),$(!1),$(!0);const[z,j]=$(!1),V=Q(null),O=u?b:E,D=u?O?.product:(e=O?.video)===null||e===void 0?void 0:e.bindProduct,W=u?(i=O?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=O?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,F=u?L:E?.index,H=()=>{D?.link&&(N(O,D,W,F),u||U(O,D,W,I||V.current,F),window.location.href=window.getJointUtmLink(D.link))};Z(()=>{u||P?.({eventName:"ProductView"})},[u,P]),Z(()=>{const Y=()=>{V.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const ne=te(()=>{var Y,pe,K,ie,Te;return D?.currency&&D?.price?`${(K=(pe=(Y=D?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||pe===void 0?void 0:pe.toUpperCase())!==null&&K!==void 0?K:""}${(Te=(ie=D?.price)===null||ie===void 0?void 0:ie.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"\xA3102,300.00"},[D?.price,D?.currency]),ee=S?375:(l=y?.width)!==null&&l!==void 0?l:window.innerWidth,se=({isPost:Y})=>v.createElement("div",{hidden:!!D&&(!D?.info||D?.info==="")},v.createElement(Vt,{isPost:Y,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:k?.info,foldText:f?.foldText,unfoldText:f?.unfoldText,text:D?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
-
Made in Italy`})),re=ae(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return v.createElement("div",{className:"pb-commondityDiroNew"},v.createElement("div",Object.assign({ref:G,className:le(Object.assign({},y))},_),D&&((a=D?.homePage)===null||a===void 0?void 0:a.length)>0&&v.createElement(st,{height:ee,modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:x?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:x?.delay*1e3}},(s=D?.homePage)===null||s===void 0?void 0:s.map(Y=>v.createElement(qe,{key:Y},v.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},v.createElement(ze,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${x?.translateY?-x?.translateY+50:50}%`},src:Y}))))),!(!((r=D?.homePage)===null||r===void 0)&&r.length)&&v.createElement("div",{className:le({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},v.createElement("img",{className:le({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=T?.bottom_image)!==null&&c!==void 0?c:w,alt:""})),v.createElement("div",{className:"pb-commondityDiroNew-content"},v.createElement("div",{className:"pb-commondityDiroNew-content-top"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:re(k?.title)},(d=D?.title)!==null&&d!==void 0?d:"Large Dior Toujours BagLarge"),v.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!D&&(!D?.collection||D?.collection===""),style:re(k?.collection)},D?.collection||"Black Macrocannage CalfskinLarge")),v.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.price,style:re(k?.price)},ne),v.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.taxInfo,style:re(k?.taxInfo)},(p=D?.taxInfo)!==null&&p!==void 0?p:"\u7A0E\u8D39"))),(!D||D?.link)&&v.createElement("button",{onClick:H,className:"pb-commondityDiroNew-btn",style:m},(g=W?.enTitle)!==null&&g!==void 0?g:"Shop now"),se({isPost:u}))),v.createElement(zt,{visible:z,onClose:()=>j(!1)},se({isPost:!1})))};var Kl=ge(Jl);const Ql=Ne(Kl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Xl},defaulSetting:{props:{swiper:{dotsAlign:"left",delay:3},commodityStyles:{price:{color:"#000",fontWeight:"bold",fontSize:13},title:{color:"#000",fontSize:13},collection:{color:"#757575",fontSize:13},info:{color:"#757575",fontSize:13},taxInfo:{color:"#000",fontWeight:"bold",fontSize:13,textAlign:"right"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25,marginTop:16,marginBottom:16}},style:{}},w:100,h:40,sort:1});var gi,bi,Re=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:fe,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(gi=fe?.[0])===null||gi===void 0?void 0:gi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:fe,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(bi=fe?.[0])===null||bi===void 0?void 0:bi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],Zl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function fn(t){const e=Q(null),[i,n]=$(!1);return Z(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),Z(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const es=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:a=!1,index:s}=t;ke(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=Q(null),c=fn(r),{popup:d}=Je(),{setPopupDetailData:p,ctaEvent:g}=be(),{jumpToWeb:y}=Ge();Z(()=>{var b,I;if(c&&r?.current){const u=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;g?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,u,s)}},[c,r,e,g,s]);const h=Ct(()=>{var b,I,u,w,f,x,k,m;const L=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;if(g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,L,s),p?.(Object.assign(Object.assign({},e),{index:s})),a){if(!((w=(u=e?.video)===null||u===void 0?void 0:u.bindProduct)===null||w===void 0)&&w.link){const _=(f=e?.video)===null||f===void 0?void 0:f.bindCta,T=(x=e?.video)===null||x===void 0?void 0:x.bindProduct;y(e,T,_,s),window.location.href=window.getJointUtmLink((m=(k=e?.video)===null||k===void 0?void 0:k.bindProduct)===null||m===void 0?void 0:m.link)}}else o?.()},d?.duration);return v.createElement("div",{ref:r,className:n,style:l,onClick:h},i)};var xt=ge(es),ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const is=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:I=0}=t,u=ke(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=be(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return v.createElement(xt,Object.assign({isExternalLink:b,rec:g,className:le(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},v.createElement(ze,{className:le({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),v.createElement("div",{className:le({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:ts["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),v.createElement("div",{className:le(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},h?.ctaTitle))},(r=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var ns=ge(is);const os=Ne(ns,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Zl,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ss=t=>{var e,i,n,o,{content:l,style:a,bgImg:s,recData:r,bottom_image:c,ctaTempStyles:d,isExternalLink:p}=t,g=ke(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=be(),h=(e=r?.video)===null||e===void 0?void 0:e.bindCta;return v.createElement(xt,Object.assign({isExternalLink:p,rec:r,className:le(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},g),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d?.img))},v.createElement("img",{className:le({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=h?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),v.createElement("div",{className:le(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},d?.ctaTitle))},(o=h?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var as=ge(ss);const rs=Ne(as,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:ls,settingRender:Re?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var ds={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const cs=t=>{var e,i,n,o,l,{content:a,style:s,bgImg:r,recData:c,bottom_image:d,ctaTempStyles:p,index:g}=t,y=ke(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:h,bffEventReport:b}=be(),{jumpToWeb:I}=Ge(),u=(e=c?.video)===null||e===void 0?void 0:e.bindCta,w=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{u?.link&&(I(c,w,u,g),window.location.href=window.getJointUtmLink(u.link))};return v.createElement(xt,Object.assign({index:g,rec:c,className:le(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},y,{onClick:f}),v.createElement("div",{className:le(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},p?.img))},v.createElement(ze,{className:le({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=u?.icon)!==null&&n!==void 0?n:h?.bottom_image)!==null&&o!==void 0?o:d})),v.createElement("div",{className:le({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},v.createElement("div",{className:ds["tow-line-ellipsis"],style:p?.ctaTitle},(l=u?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var us=ge(cs);const ps=Ne(us,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Re?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var vs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],fs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const ms=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:I=0}=t,u=ke(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=be(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return v.createElement(xt,Object.assign({isExternalLink:b,rec:g,className:le(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},v.createElement(ze,{className:le({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),v.createElement("div",{className:le({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:fs["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),v.createElement("div",{className:le(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},h?.ctaTitle))},(r=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var hs=ge(ms);const gs=Ne(hs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:vs,settingRender:Re,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var bs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ys={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ws=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:I=0}=t,u=ke(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=be(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return v.createElement(xt,Object.assign({isExternalLink:b,rec:g,className:le(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},v.createElement(ze,{className:le({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),v.createElement("div",{className:le({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},v.createElement("div",{className:ys["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),v.createElement("div",{className:le(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},h?.ctaTitle))},(r=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop now")))};var Ss=ge(ws);const Ts=Ne(Ss,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:bs,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var xs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Es=({children:t,isPadding:e=!0})=>v.createElement(st,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[mo,fo,vo],style:{padding:e?"0 12px 0 20px":0}},t);var Ft=ge(Es);const Is=({src:t,rec:e,item:i,index:n,style:o})=>{const l=Q(null),a=fn(l),{ctaEvent:s}=be();return Z(()=>{a&&t&&l?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,l,e,s,i,n]),v.createElement("div",{ref:l,hidden:!t,className:le({width:"100%",height:"100%"})},v.createElement(ze,{className:le(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},o)),src:t}))};var yi=ge(Is),Cs={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const _s=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:g=0}=t,y=ke(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:h,setPopupDetailData:b,sxpParameter:I}=be(),{popup:u}=Je(),{jumpToWeb:w}=Ge(),[f,x]=$((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ct(m=>{h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:p})),d?m?.link&&(w(a,m,m.bindCta,p),window.location.href=window.getJointUtmLink(m.link)):s?.()},u?.duration);return v.createElement(Ft,{isPadding:!!a},f?.map(m=>{var L,_,T,E,A,S,C;return v.createElement(qe,Object.assign({hidden:a&&!m?.bindCta,key:m?.itemId,className:le(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(yi,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:I?.bottom_image)!==null&&E!==void 0?E:r,rec:a,item:m,index:p,style:{objectPosition:`50% ${g?-g+50:50}%`}})),v.createElement("div",{className:le({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:Cs["two-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:le(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var ks=ge(_s);const Ds=Ne(ks,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:xs,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var As=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ps={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Os=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:g=0}=t,y=ke(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:h}=be(),{ctaEvent:b,setPopupDetailData:I}=be(),{popup:u}=Je(),[w,f]=$((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:x}=Ge(),k=Ct(m=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,p),I?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:p})),d?m?.link&&(x(a,m,m.bindCta,p),window.location.href=window.getJointUtmLink(m.link)):s?.()},u?.duration);return v.createElement(Ft,{isPadding:!!a},w?.map(m=>{var L,_,T,E,A,S,C;return v.createElement(qe,Object.assign({hidden:a&&!m?.bindCta,key:m.itemId,className:le(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(yi,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:h?.bottom_image)!==null&&E!==void 0?E:r,rec:a,item:m,index:p,style:{objectPosition:`50% ${g?-g+50:50}%`}})),v.createElement("div",{className:le({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:Ps["two-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:le(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Ms=ge(Os);const Ls=Ne(Ms,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:As,settingRender:Re,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var js=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ns={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Bs=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:g=0}=t,y=ke(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:h,setPopupDetailData:b,sxpParameter:I}=be(),{popup:u}=Je(),{jumpToWeb:w}=Ge(),[f,x]=$((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ct(m=>{h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:p})),d?m?.link&&(w(a,m,m.bindCta,p),window.location.href=window.getJointUtmLink(m.link)):s?.()},u?.duration);return v.createElement(Ft,{isPadding:!!a},f?.map(m=>{var L,_,T,E,A,S,C;return v.createElement(qe,Object.assign({hidden:a&&!m?.bindCta,key:m?.itemId,className:le(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),v.createElement("div",{className:le(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(yi,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:I?.bottom_image)!==null&&E!==void 0?E:r,rec:a,item:m,index:p,style:{objectPosition:`50% ${g?-g+50:50}%`}})),v.createElement("div",{className:le({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},v.createElement("div",{className:Ns["tow-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:le(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop now")))}))};var zs=ge(Bs);const Vs=Ne(zs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:js,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var wi,Si,Fs=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","isWaterfallFlow"],initialValue:!0}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:fe,name:["fontFamily"],initialValue:(wi=fe?.[0])===null||wi===void 0?void 0:wi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:fe,initialValue:(Si=fe?.[0])===null||Si===void 0?void 0:Si.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const Rs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:a}=be();return v.createElement("div",{className:"clc-sxp-nav",style:e},v.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),v.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var mn=ge(Rs),Hs=null,Us="3d989325-e7d6-4a74-8a97-98febdf5b567",Gs=null,$s=null,Ws={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Ys=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],qs="Handbags",hn={productUserId:Hs,requestId:Us,channel:Gs,rtc:$s,tag:Ws,recList:Ys,hashTag:qs};const Xs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:o,index:l,showBorder:a,list:s,reportTagsView:r,textStyles:c,space:d}=t,{swiperRef:p,setRtcList:g,setOpenHashtag:y,sxpParameter:h}=be(),[b,I]=$(!1),[u,w]=$(!1),[f,x]=$({height:1,width:1}),k=Q(null),m=Q(null),L=Q(null),_=Q(null),[T,E]=$(""),A=te(()=>{var z,j,V,O,D,W,F,H,ne,ee;return!((z=e?.video)===null||z===void 0)&&z.cover?(j=e?.video)===null||j===void 0?void 0:j.cover:!((O=(V=e?.video)===null||V===void 0?void 0:V.imgUrls)===null||O===void 0)&&O.length?(W=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||W===void 0?void 0:W[0]:!((H=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||H===void 0)&&H.length?(ee=(ne=e?.product)===null||ne===void 0?void 0:ne.homePage)===null||ee===void 0?void 0:ee[0]:h?.bottom_image||""},[e,h?.bottom_image]),S=te(()=>{var z,j;return((z=e?.product)===null||z===void 0?void 0:z.title)||((j=e?.video)===null||j===void 0?void 0:j.title)||null},[e]),C=te(()=>{var z;return i.transform?Number((z=i.transform)===null||z===void 0?void 0:z.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]),P=te(()=>C===void 0?!1:C<=a,[C,a]),N=te(()=>{var z,j,V,O,D,W,F,H,ne;return!((z=e?.product)===null||z===void 0)&&z.currency&&(!((j=e?.product)===null||j===void 0)&&j.price)?`${(W=(D=(O=(V=e?.product)===null||V===void 0?void 0:V.currency)===null||O===void 0?void 0:O.split("-")[1])===null||D===void 0?void 0:D.toUpperCase())!==null&&W!==void 0?W:""}${(ne=(H=(F=e?.product)===null||F===void 0?void 0:F.price)===null||H===void 0?void 0:H.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ne!==void 0?ne:""}`:null},[e]);Z(()=>{if(k.current===null||A==="")return;const z=new Image;b&&T?z.src=T:z.src=A,z.onload=()=>{x({height:z.height,width:z.width}),w(!0)},k.current.setSrc(z.src)},[A,b,T,P]),Z(()=>{const z=f.height*(o/f.width);u&&n(z+76+d,l)},[f,l,o,u,d]);const U=(z,j,V)=>{const O=z/j;return V/O};Z(()=>{const z=L?.current;z===null||A===""||!b||(z.src=A,z.currentTime=1,z.crossOrigin="anonymous",z.onloadeddata=()=>{const j=_?.current;if(!j)return;const V=j.getContext("2d"),O=window?.innerWidth/2,D=U(z.videoWidth,z.videoHeight,O);j.height=D,j.width=O,V?.drawImage(z,0,0,j.width,j.height),E(j.toDataURL()),z.remove(),j.remove()})},[A,b]);const G=()=>{r(),g?.(s),setTimeout(()=>{var z;(z=p?.current)===null||z===void 0||z.swiper.slideTo(l,0,!1),y?.(!1)},0)};return v.createElement("div",{ref:m,style:Object.assign({},i),className:"waterFallList-content-listItem",key:l,onClick:G},v.createElement("div",{className:"waterFallList-content-listItem-picture"},b&&v.createElement("div",{style:{display:"none"}},v.createElement("video",{ref:L,src:A,crossOrigin:"anonymous",className:"waterFallList-content-listItem-picture-img"}),v.createElement("canvas",{ref:_})),v.createElement(ze,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",ref:k})),v.createElement("div",{className:"waterFallList-content-listItem-info"},v.createElement("div",{className:`waterFallList-content-listItem-info-title ${N?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},S&&S),v.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!N,style:c.price},N)))};function Js(t){var e,i,n,o,l,a,s,r,c,d,p,g,y,h,b,I,u,{reportTagsView:w}=t,f=ke(t,["reportTagsView"]);const{waterFallData:x,getRecommendVideos:k,hashTagSize:m,loadingImage:L,isOpenHashTag:_}=be(),T=Q(null),[E,A]=$(0),[S,C]=$(),P=Q(null),[N,U]=$([]),G=Q(),z=[170,230,300],[j,V]=$(!1),[O,D]=$([]),W=Q(),F=ae((B,R)=>Math.floor(Math.random()*(R-B+1))+B,[]),H=Q([]),[ne,ee]=$({width:0}),se=te(()=>{const B=ne.width||0;return B>=1200?6:B>=768&&B<=1199?4:2},[ne]),re=te(()=>ne.width/se-2,[se,ne]),Y=ae(()=>{var B;const R=(B=G.current)!==null&&B!==void 0?B:[],q=[];for(let X=0;X<O?.length;X++){const ve=Math.floor(X/se),we=X%se+1;let he=0,Ee=9999999999;if(ve===0)q[X]=X;else{for(let Ie=0;Ie<q.length;Ie++)H.current[q[Ie]].top+H.current[q[Ie]].height<Ee&&(he=Ie,Ee=H.current[q[Ie]].top+H.current[q[Ie]].height);q[he]=X}H.current[X]===void 0&&(H.current[X]={}),ve===0?(we===1?H.current[X].left=0:H.current[X].left=H.current[X-1].left+re+4,H.current[X].top=0):(H.current[X].left=H.current[he].left,H.current[X].top=Ee),H.current[X].height=H.current[X].height||z[F(0,2)],R[X]={transform:`translate(${H.current[X].left}px,${H.current[X].top}px)`,width:`${re}px`,height:H.current[X].height}}return U([...R]),[...R]},[re,se,z,F,O]),pe=ae((B,R)=>{H.current[R]===void 0&&(H.current[R]={}),H.current[R].height=B,G.current=Y()},[Y]);Z(()=>{G.current=Y()},[re,se,O]),Z(()=>{var B,R;if(V(!0),x&&k?.({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType,defaultSize:m,maxSize:m}).then(q=>{var X,ve;C(q),D((ve=(X=q?.recList)===null||X===void 0?void 0:X.filter(we=>we?.video!==null||we?.product!==null))!==null&&ve!==void 0?ve:[]),V(!1)}),_){const q=hn;C(q),D((R=(B=q?.recList)===null||B===void 0?void 0:B.filter(X=>X?.video!==null||X?.product!==null))!==null&&R!==void 0?R:[]),V(!1)}},[x,k,m,_]);const K=ae(()=>{P.current!==null&&ee({width:P.current.getBoundingClientRect().width})},[]);Z(()=>{if(P.current===null)return;const B=new ResizeObserver(R=>{K()});return B.observe(P.current),()=>{B.disconnect()}},[K]),ae(()=>{V(!0),x&&k?.({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType}).then(B=>{var R,q;D(O?.concat((q=(R=B?.recList)===null||R===void 0?void 0:R.filter(X=>!X?.video))!==null&&q!==void 0?q:[])),V(!1)})},[x,k,O]);const ie=ae(()=>{A(T.current.scrollTop)},[]);Z(()=>{var B;return(B=T?.current)===null||B===void 0||B.addEventListener("scroll",ie),()=>{var R;(R=T?.current)===null||R===void 0||R.removeEventListener("scroll",ie)}},[ie,T]);const Te=()=>{var B,R;!((B=S?.tag)===null||B===void 0)&&B.link&&(w(),window.location.href=(R=S?.tag)===null||R===void 0?void 0:R.link)};return v.createElement(v.Fragment,null,j?v.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:L,alt:"loading...",style:{objectFit:"contain"}})):v.createElement("div",{className:"waterFallList",ref:P},v.createElement("div",{className:"waterFallList-scroll",ref:T},v.createElement("div",{className:"waterFallList-info",style:(e=f?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=S?.tag)===null||i===void 0?void 0:i.info),v.createElement("div",{hidden:!(!((n=S?.tag)===null||n===void 0)&&n.link),className:"waterFallList-collection",style:Object.assign({},(o=f?.textStyles)===null||o===void 0?void 0:o.hashTagLink),onClick:Te},((l=S?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),v.createElement("div",{className:"waterFallList-content"},O?.map((B,R)=>{var q;return v.createElement(Xs,Object.assign({key:R,index:R,rec:B,list:O,showBorder:E+((q=T?.current)===null||q===void 0?void 0:q.clientHeight),style:N[R],sizeChange:pe,unitWidth:re,reportTagsView:w},f))}),v.createElement("div",{hidden:!(!((a=S?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(p=((r=H?.current[((s=H?.current)===null||s===void 0?void 0:s.length)-1])===null||r===void 0?void 0:r.top)+((d=H?.current[((c=H?.current)===null||c===void 0?void 0:c.length)-1])===null||d===void 0?void 0:d.height))!==null&&p!==void 0?p:0}px)`,height:!((g=S?.tag)===null||g===void 0)&&g.link?((y=W?.current)===null||y===void 0?void 0:y.offsetHeight)||((h=f?.buttonBgStyle)===null||h===void 0?void 0:h.height)||"100px":0}}))),v.createElement("div",{className:"waterFallList-bottom",hidden:!(!((b=S?.tag)===null||b===void 0)&&b.link),style:f?.buttonBgStyle}),v.createElement("div",{ref:W,hidden:!(!((I=S?.tag)===null||I===void 0)&&I.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},f?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},v.createElement("button",{className:"waterFallList-btn",style:f?.buttonStyle,onClick:Te},((u=S?.tag)===null||u===void 0?void 0:u.linkTitle)||"Shop the collection"))))}var Ks="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Qs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:a}=t,{swiperRef:s,setRtcList:r,setOpenHashtag:c,bffEventReport:d,sxpParameter:p}=be(),[g,y]=$(!1),h=Q(null),b=Q(null),I=Q(null),u=Q(null),[w,f]=$(""),x=te(()=>{var T,E,A,S,C,P,N,U,G,z;return!((T=e?.video)===null||T===void 0)&&T.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((S=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||S===void 0)&&S.length?(P=(C=e?.video)===null||C===void 0?void 0:C.imgUrls)===null||P===void 0?void 0:P[0]:!((U=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||U===void 0)&&U.length?(z=(G=e?.product)===null||G===void 0?void 0:G.homePage)===null||z===void 0?void 0:z[0]:p?.bottom_image||""},[e,p?.bottom_image]),k=te(()=>{var T,E;return((T=e?.product)===null||T===void 0?void 0:T.title)||((E=e?.video)===null||E===void 0?void 0:E.title)||null},[e]),m=te(()=>{var T,E,A,S,C,P,N,U,G;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(P=(C=(S=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||S===void 0?void 0:S.split("-")[1])===null||C===void 0?void 0:C.toUpperCase())!==null&&P!==void 0?P:""}${(G=(U=(N=e?.product)===null||N===void 0?void 0:N.price)===null||U===void 0?void 0:U.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&G!==void 0?G:""}`:null},[e]);Z(()=>{const T=new IntersectionObserver(E=>{E.forEach(A=>{if(A.isIntersecting){if(b.current===null||x==="")return;g&&w?h.current.setSrc(w):h.current.setSrc(x),T.unobserve(b.current)}})});return T.observe(b.current),()=>{T.disconnect()}},[x,g,w]);const L=(T,E,A)=>{const S=T/E;return A/S};Z(()=>{const T=I?.current;T===null||x===""||!g||(T.src=x,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const E=u?.current;if(!E)return;const A=E.getContext("2d"),S=window?.innerWidth/2,C=L(T.videoWidth,T.videoHeight,S);E.height=C,E.width=S,A?.drawImage(T,0,0,E.width,E.height),f(E.toDataURL()),T.remove(),E.remove()})},[x,g]);const _=()=>{o(),r?.(n),setTimeout(()=>{var T;(T=s?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),c?.(!1)},0)};return v.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:a}},v.createElement("div",{className:"list-content-listItem-picture"},g&&v.createElement("div",{style:{display:"none"}},v.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),v.createElement("canvas",{ref:u})),v.createElement(ze,{loading:"lazy",className:"list-content-listItem-picture-img",ref:h})),v.createElement("div",{className:"list-content-listItem-info"},v.createElement("div",{className:`list-content-listItem-info-title ${m?"list-content-listItem-info-nowrap":""}`,style:l?.title},k&&k),v.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!m},m)))};function Zs(t){var e,i,n,o,l,a,s,r,c,d,p,g,{reportTagsView:y}=t,h=ke(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:I,hashTagSize:u,loadingImage:w,isOpenHashTag:f}=be(),[x,k]=$(),[m,L]=$(),[_,T]=$(!1),E=Q(null),[A,S]=$(!1);ae(()=>{A||(S(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(P=>{var N;k(x?.concat((N=P?.recList)!==null&&N!==void 0?N:[])),S(!1)}))},[b,I,x,A]),Z(()=>{var P,N;if(T(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:u,maxSize:u}).then(U=>{var G,z;L(U),k((z=(G=U?.recList)===null||G===void 0?void 0:G.filter(j=>j?.video!==null||j?.product!==null))!==null&&z!==void 0?z:[]),T(!1)}),f){const U=hn;L(U),k((N=(P=U?.recList)===null||P===void 0?void 0:P.filter(G=>G?.video!==null||G?.product!==null))!==null&&N!==void 0?N:[]),T(!1)}},[b,I,u,f]);const C=()=>{var P,N;!((P=m?.tag)===null||P===void 0)&&P.link&&(y(),window.location.href=(N=m?.tag)===null||N===void 0?void 0:N.link)};return v.createElement(v.Fragment,null,_?v.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):v.createElement("div",{className:"list"},v.createElement("div",{className:"list-scroll",ref:E},v.createElement("div",{className:"list-info",style:(e=h?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=m?.tag)===null||i===void 0?void 0:i.info),v.createElement("div",{hidden:!(!((n=m?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:C,style:Object.assign(Object.assign({},(o=h?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:h?.space})},((l=m?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),v.createElement("div",{className:"list-content"},x?.map((P,N)=>v.createElement(Qs,Object.assign({key:N,index:N,rec:P,list:x,reportTagsView:y},h)))),v.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),v.createElement("div",{hidden:!(!((a=m?.tag)===null||a===void 0)&&a.link),style:{height:!((s=m?.tag)===null||s===void 0)&&s.link?((r=h?.buttonBgStyle)===null||r===void 0?void 0:r.height)||((c=h?.buttonStyle)===null||c===void 0?void 0:c.height)||"100px":0}})),v.createElement("div",{className:"list-bottom",hidden:!(!((d=m?.tag)===null||d===void 0)&&d.link),style:h?.buttonBgStyle}),v.createElement("div",{hidden:!(!((p=m?.tag)===null||p===void 0)&&p.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},v.createElement("button",{className:"list-btn",style:h?.buttonStyle,onClick:C},((g=m?.tag)===null||g===void 0?void 0:g.linkTitle)||"Shop the collection"))))}const ea=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:a,cacheRtcList:s,setRtcList:r,cacheActiveIndex:c,rtcList:d,setCacheRtcList:p,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:h}=be();Q(null);const b=Q(null),[I,u]=$();Z(()=>{const m=document.getElementById("sxp-render"),L=document.getElementById("water-fall");L?b.current=L:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),m?.appendChild(b.current))},[]);const w=()=>{const m=_i(d,s);!m&&s&&s?.length&&r?.(s),k(),a?.(void 0),g?.(!1),setTimeout(()=>{var L,_;m||(_=(L=l?.current)===null||L===void 0?void 0:L.swiper)===null||_===void 0||_.slideTo(c,0,!1),n?.(!1)},0)},[f,x]=$();Z(()=>{i&&x(i)},[i]);const k=ae(()=>{var m,L,_,T,E,A;const S=f?.rec;if(!S)return;let C="";y?C="hashTagPage":!((m=S?.video)===null||m===void 0)&&m.url?C="videoPage":!((_=(L=S?.video)===null||L===void 0?void 0:L.imgUrls)===null||_===void 0)&&_.length&&(C="imagePage"),h?.({eventInfo:{contentId:(T=S?.video)===null||T===void 0?void 0:T.itemId,position:c+"",contentTags:JSON.stringify((E=S?.video)===null||E===void 0?void 0:E.tags),traceInfo:(A=S?.video)===null||A===void 0?void 0:A.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:C,fromKPage:location?.href,timeOnSite:Math.floor((new Date-I)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,h,I,y,c]);return Z(()=>{o&&u(new Date)},[o]),Z(()=>{const m=()=>{u(new Date)};return window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),b.current?Pi.createPortal(v.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},v.createElement(mn,{icon:Ks,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),t?.isWaterfallFlow===!0||t?.isWaterfallFlow===void 0?v.createElement(Zs,Object.assign({reportTagsView:k},t)):v.createElement(Js,Object.assign({reportTagsView:k},t))),b.current):null};var gn=ge(ea);const ta=t=>v.createElement(gn,Object.assign({},t));var ia=ge(ta);const na=Ne(ia,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Fs,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Ti=Object.freeze({__proto__:null,Appoint:rs,AppointForm:io,Commodity:os,CommodityDetail:Hl,CommodityDetailDiroNew:Ql,CommodityDiro:gs,CommodityDiroNew:Ts,HashTag:na,Link:ps,MultiCommodity:Ls,MultiCommodityDiro:Ds,MultiCommodityDiroNew:Vs,Prompt:ql});const oa="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",la="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",sa=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,a=ke(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:r,bffEventReport:c}=be(),[d,p]=$(e),g=Ve(la),y=Ve(oa),h=Ut(()=>Oe(void 0,void 0,void 0,function*(){var b,I,u,w,f,x,k,m,L,_,T,E,A,S,C,P,N,U,G,z;if(d){p(!1);const j=(u=yield r?.({videoItemId:(I=(b=o?.video)===null||b===void 0?void 0:b.itemId)!==null&&I!==void 0?I:""}))!==null&&u!==void 0?u:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(w=o?.video)===null||w===void 0?void 0:w.itemId)!==null&&f!==void 0?f:"",contentName:(k=(x=o?.video)===null||x===void 0?void 0:x.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((L=(m=o?.video)===null||m===void 0?void 0:m.tags)!==null&&L!==void 0?L:[]),position:l+"",contentFormat:!((_=o?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(T=o?.video)===null||T===void 0?void 0:T.traceInfo}}),j||p(!0)}else{p(!0);const j=(E=yield s?.({content:JSON.stringify(o)}))!==null&&E!==void 0?E:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(S=(A=o?.video)===null||A===void 0?void 0:A.itemId)!==null&&S!==void 0?S:"",contentName:(P=(C=o?.video)===null||C===void 0?void 0:C.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((U=(N=o?.video)===null||N===void 0?void 0:N.tags)!==null&&U!==void 0?U:[]),position:l+"",contentFormat:!((G=o?.video)===null||G===void 0)&&G.url?"video":"image",traceInfo:(z=o?.video)===null||z===void 0?void 0:z.traceInfo}}),j||p(!1)}}),200);return v.createElement("button",Object.assign({},a,{onClick:h}),v.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:d?i||g:n||y,alt:"icon"}))};var bn=ge(sa);const aa=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,videoRef:s})=>{const[r,c]=$(!1),{bffEventReport:d,sxpParameter:p,waterFallData:g,openHashtag:y,bffFbReport:h}=be(),b=Q(0),[I,u]=$(!1),[w,f]=$(!0),{isActive:x}=pn(),k=Q(null),[m,L]=$(""),_=`pb-cache-video-${e}`,T=Q(null),E=te(()=>a?.mode==="2",[a]),A=te(()=>{var F;return a?.mode==="2"?`translateY(-${50+((F=a?.offsetTop)!==null&&F!==void 0?F:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),S=te(()=>{var F;return((F=t?.video)===null||F===void 0?void 0:F.cover)||m},[m,t]),C=te(()=>E?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[E]),P=te(()=>a?.bgWay==="1",[a]),N=te(()=>P&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,P]);Z(()=>{s&&s?.muted(o)},[o,s]);const U=ae(()=>{s&&s?.play()},[s]),G=Ve("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),z=ae(()=>{var F,H,ne,ee,se,re,Y,pe,K;if(!s)return;u(!0),c(!1);const ie=n[e];if(ie&&s?.duration()){b.current=s?.currentTime()||0;const Te=((F=s?.duration())!==null&&F!==void 0?F:0).toFixed(2),B=((H=s?.currentTime())!==null&&H!==void 0?H:0).toFixed(2),R=w?"0":"1";d?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(ne=ie?.video)===null||ne===void 0?void 0:ne.itemId)!==null&&ee!==void 0?ee:"",contentName:(re=(se=ie?.video)===null||se===void 0?void 0:se.title)!==null&&re!==void 0?re:"",playType:R,startTime:B,videoDuration:Te,contentTags:JSON.stringify((pe=(Y=ie?.video)===null||Y===void 0?void 0:Y.tags)!==null&&pe!==void 0?pe:[]),position:e+"",contentFormat:"video",traceInfo:(K=ie?.video)===null||K===void 0?void 0:K.traceInfo}}),f(!1)}},[d,n,e,w,s]),j=ae(()=>{var F;if(!s||m||!E)return;const H=document.getElementById("player-container-id_html5_api");if(!H||(H.style.objectFit="contain",!((F=t?.video)===null||F===void 0)&&F.cover||!k||!k.current||P))return;const ne=()=>{const ee=H,se=k?.current,re=se.getContext("2d"),Y=window?.innerWidth,pe=window?.innerHeight;se.height=pe,se.width=Y,re?.drawImage(ee,0,0,se.width,se.height),L(se.toDataURL())};ne(),setTimeout(()=>{ne()},500)},[s,P,t,m,E]),V=ae(()=>{s&&j()},[s,j]);ae(()=>{u(!0)},[]);const O=ae(F=>()=>{if(!s||!I)return;const H=s?.paused();switch(F){case"start":if(!H)return;s?.play(),c(!1);break;case"pause":if(H)return;s?.pause(),c(!0);break;default:H?s?.play():s?.pause(),c(!H);break}},[I,s]),D=ae(()=>{var F,H,ne,ee,se,re,Y,pe,K;if(!s||l!==e)return;const ie=n[e],Te=((F=s?.duration())!==null&&F!==void 0?F:0).toFixed(2),B=((H=s?.currentTime())!==null&&H!==void 0?H:0).toFixed(2);if(s?.duration()){const R=(s?.currentTime()-b.current).toFixed(2);d?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(ne=ie?.video)===null||ne===void 0?void 0:ne.itemId)!==null&&ee!==void 0?ee:"",contentName:(re=(se=ie?.video)===null||se===void 0?void 0:se.title)!==null&&re!==void 0?re:"",endTime:B,videoDuration:Te,playDuration:R,contentTags:JSON.stringify((pe=(Y=ie?.video)===null||Y===void 0?void 0:Y.tags)!==null&&pe!==void 0?pe:[]),position:e+"",contentFormat:"video",traceInfo:(K=ie?.video)===null||K===void 0?void 0:K.traceInfo}})}},[n,e,d,s,l]);Z(()=>{if(!x||!s)return;const F=t?.video.url;if(!F)return;s?.src(F),c(!1);const H=document.querySelector(`#${_}`),ne=document.querySelector("#player-container-id"),ee=document.querySelector("#player-container-id-copy");if(!(!ne&&!ee))return H?.appendChild(ne||ee),s?.on("loadedmetadata",V),s?.on("loadeddata",j),s?.on("playing",z),s?.on("pause",D),s?.on("ended",U),()=>{ee?.appendChild(ne),s?.off("loadedmetadata",V),s?.off("loadeddata",j),s?.off("playing",z),s?.off("pause",D),s?.off("ended",U)}},[x,_,t,s]),Z(()=>{!s||!I||(x?(h?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[x,I,s]),Z(()=>{if(!x||!s)return;!s?.paused()&&y?s?.pause():y||s?.play()},[y,x,s]),Z(()=>{if(!x)return;const F=()=>{O("start")(),h?.({eventName:"ViewContent"})},H=O("pause");return Ke.on(Ue.PAGE_DID_SHOW,F),Ke.on(Ue.PAGE_DID_HIDE,H),()=>{Ke.off(Ue.PAGE_DID_SHOW,F),Ke.off(Ue.PAGE_DID_HIDE,H)}},[O,x]);const W=te(()=>!p?.placeholder_image||I?null:v.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:p?.placeholder_image}),[I,p?.placeholder_image]);return Z(()=>{if(!s)return;const F=()=>{var H;l===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&s&&!r&&O("pause")()};return window.addEventListener("beforeunload",F),()=>{window.removeEventListener("beforeunload",F)}},[l,e,t,s,O,r]),t?.video?v.createElement(v.Fragment,null,E?v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:O(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!P&&v.createElement(ze,{src:S,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},C)}),v.createElement("canvas",{ref:k,style:{display:"none"}}),v.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},v.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},v.createElement("div",{className:"n-full-screen",ref:T,id:_,style:{width:"100%",height:"100%"}}),v.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:G}))),W):v.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:O()},v.createElement("div",{className:"n-full-screen",ref:T,id:_,style:{width:"100%",height:"100%"}}),W,v.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:G}))):null};var ra=ge(aa);const da=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,a]=$(t),s=r=>{r.stopPropagation();const c=!l;a(c),n?.(c)};return v.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},v.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var yn=ge(da);const ca=({imageUrl:t,style:e})=>{const[i,n]=$(!0);Je(),Z(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const o=Ve("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),l=te(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return v.createElement("div",{hidden:!i,className:`pb-finger-wrap ${l}`,style:e},v.createElement("img",{src:t||o}))},wn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:o}=t,l=te(()=>n?.mode==="2",[n]),a=te(()=>{var d;return n?.mode==="2"?`translateY(-${50+((d=n?.offsetTop)!==null&&d!==void 0?d:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),s=te(()=>l?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[l]),r=te(()=>n?.bgWay==="1",[n]),c=te(()=>r&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,r]);return v.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!l||!r)&&v.createElement(ze,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},s),onLoad:o}),l&&v.createElement(ze,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:a,left:0,right:0}}))},ua=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:a,imgUrlsPostConfig:s})=>{var r;const c=Q(),{isActive:d}=pn(),{sxpParameter:p,openHashtag:g}=be(),[y,h]=$(!1);Z(()=>{y&&d?(c?.current&&c.current.swiper.autoplay.start(),g?l(n):a(o)):c?.current&&c.current.swiper.autoplay.stop()},[n,d,l,g,o,a,y]);const b=ae(()=>{y||h(!0)},[y]);return v.createElement(st,{ref:c,defaultValue:0,direction:"horizontal",modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=s?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map((I,u)=>v.createElement(qe,{key:u},v.createElement(wn,{src:!y&&u>0?"":I,height:i,imgUrlsPostConfig:s,onShowFirstImage:b}))))};var pa=ge(ua);const va=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[a,s]=$(!1),{setWaterFallData:r,setOpenHashtag:c,setCacheActiveIndex:d,waterFallData:p,setIsFromHashtag:g}=be(),y=h=>{p?g?.(!0):d?.(n),r?.(i?{hashTag:h,itemId:e,itemType:i,rec:o}:{hashTag:h,rec:o}),c?.(!0)};return te(()=>t.length<=6?null:v.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!a)},a?"show less":"show more"),[a,t]),v.createElement("div",{className:"clc-sxp-bottom-hashtag"},v.createElement(Ft,null,t?.map((h,b)=>v.createElement(qe,{key:b,hidden:a?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>y(h)},`#${h}`))))};var Sn=ge(va),fa="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function Rt(t){return ge(function(e){const{$store:i}=Hn(),n=l=>{let a=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(c,d)=>{if(d){const p=ki(i,d);return a=a.replace(r,p),p}})}),a},o=te(()=>{var l,a,s;const{bindDatas:r}=e,c=ke(e,["bindDatas"]);if((l=r?.forEach)===null||l===void 0||l.call(r,d=>{if(d?.propKey&&d?.dataPath){const{propKey:p,dataPath:g}=d;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,h)=>{var b,I;if(h){const u=(I=(b=ki(i,h))!==null&&b!==void 0?b:e[p])!==null&&I!==void 0?I:"";return c[p]=u,u}})}}),c){c.eventMap={};const d=bt(c.event)||{};for(const p in d)if(Object.prototype.hasOwnProperty.call(d,p))try{d[p].value=n(d[p].value),c.eventMap[p]=new Function(d[p].value)}catch{}}return!((s=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||s===void 0)&&s.linkType&&(c.style.cursor="pointer"),c},[i,e]);return v.createElement(t,Object.assign({},o,o.eventMap))})}const ma=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Je(),l=te(()=>{var a,s,r,c,d,p,g,y,h,b,I,u,w,f,x,k,m,L,_,T,E,A,S,C,P,N,U,G,z,j,V;if(!t?.video)return null;let O=null;!((s=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||s===void 0)&&s.length?O="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?O="\u5546\u54C1CTA":O=(d=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||d===void 0?void 0:d.itemId;const D=i?.[O];if(((p=D?.item)===null||p===void 0?void 0:p.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=D?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((b=D?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((u=D?.item)===null||u===void 0?void 0:u.type)==="MultiCommodity"&&!(!((f=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||f===void 0)&&f.length)||((x=D?.item)===null||x===void 0?void 0:x.type)==="MultiCommodityDiro"&&!(!((m=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||m===void 0)&&m.length)||((L=D?.item)===null||L===void 0?void 0:L.type)==="MultiCommodityDiroNew"&&!(!((T=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||T===void 0)&&T.length))return null;if(D&&n){const W=n[(E=D?.item)===null||E===void 0?void 0:E.type],F=Rt(W),H=(A=W?.extend)===null||A===void 0?void 0:A.defaulSetting,ne=((P=(C=(S=D?.item)===null||S===void 0?void 0:S.event)===null||C===void 0?void 0:C.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return v.createElement(F,Object.assign({style:Object.assign(Object.assign(Object.assign({},H?.style),(N=D?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},H?.textStyle),(U=D?.item)===null||U===void 0?void 0:U.textStyle),bindDatas:(z=(G=D?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&z!==void 0?z:[]},H?.props,(j=D?.item)===null||j===void 0?void 0:j.props,{event:((V=D?.item)===null||V===void 0?void 0:V.event)||{},schema:o,id:D?.id,key:D?.id,recData:t,isExternalLink:ne,index:e}))}else return null},[t,n,i,o]);return v.createElement(v.Fragment,null,l)};var Tn=ge(ma);const xn=({nudge:t})=>{var e,i,n,o,l,a,s;return v.createElement(v.Fragment,null,t?.isOpen&&v.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?v.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,v.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(s=t?.content)!==null&&s!==void 0?s:"")))},xi="FOR U",ha=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=$(xi),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:a,setCacheActiveIndex:s,setLoading:r,swiperRef:c,waterFallData:d}=be(),p=te(()=>[xi,...t],[t]),g=y=>()=>{if(y===i)return;let h;y!==xi&&(h=y),r?.(!0),o?.({themeTag:h}).then(b=>{var I,u,w,f;Ke.emit(Ue.CHANGE_THEME_TAG,h),l?.((I=b?.recList)!==null&&I!==void 0?I:[]),a?.((u=b?.recList)!==null&&u!==void 0?u:[]),e?.(0),s?.(0),(f=(w=c?.current)===null||w===void 0?void 0:w.swiper)===null||f===void 0||f.slideTo(0)}).finally(()=>{r?.(!1)}),n(y)};return d||t.length<=0?null:v.createElement("div",{className:"clc-sxp-tagbar"},v.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},p.map(y=>v.createElement("li",{className:`clc-sxp-tagbar-list-item ${y===i?"clc-sxp-tagbar-list-item-active":""}`,key:y,onClick:g(y)},y))))};var En=ge(ha);const In=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:a=[],ctaType:s,tipText:r,nudge:c,_schema:d,hashTagStyle:p,tagList:g=[],licenseUrl:y})=>{var h,b,I,u,w,f,x,k,m,L;const{schema:_}=Je(),[T,E]=$(0),A=Q(0),[S,C]=$(!1),[P,N]=$(!0),U=Q(),G=Q(),[z,j]=$(!1),[V,O]=$(!1),{loadVideos:D,bffEventReport:W,loading:F,setPopupDetailData:H,ctaEvent:ne,swiperRef:ee,waterFallData:se,setOpenHashtag:re,appDomain:Y,openHashtag:pe,loadingImage:K,isFromHashtag:ie,popupDetailData:Te,bffFbReport:B}=be(),[R,q]=$(null),X=Q(),{productView:ve}=Ge(),we=te(()=>a.length>0&&!F&&Wn(),[a,F]),he=ae(()=>{a.length<=0||(Ee(),B?.({eventName:"PageView"}),C(!0))},[a.length,B]),Ee=()=>{U.current=new Date,G.current=new Date,Gn()},Ie=Q();Z(()=>{var M,de,J,ce;if(!Ie.current&&!R&&X?.current&&a?.length>0){Ie.current=!0;const me=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((de=(M=a?.[0])===null||M===void 0?void 0:M.video)===null||de===void 0)&&de.url?[{src:(ce=(J=a?.[0])===null||J===void 0?void 0:J.video)===null||ce===void 0?void 0:ce.url}]:[]});me?.ready(()=>{q(me)})}},[R,y,a]),Z(()=>{S||he()},[he,S]),Z(()=>{var M;const de=a?.findIndex(J=>{var ce,me,ye,oe,ue,xe,Ae,Pe,Se;return s==="\u591A\u5546\u54C1CTA"?((ce=J?.video)===null||ce===void 0?void 0:ce.bindProducts)&&((ye=(me=J?.video)===null||me===void 0?void 0:me.bindProducts)===null||ye===void 0?void 0:ye.length)>0:s==="\u5546\u54C1CTA"?(oe=J?.video)===null||oe===void 0?void 0:oe.bindProduct:((xe=(ue=J?.video)===null||ue===void 0?void 0:ue.bindCta)===null||xe===void 0?void 0:xe.itemId)===s&&(((Ae=J?.video)===null||Ae===void 0?void 0:Ae.url)||((Se=(Pe=J?.video)===null||Pe===void 0?void 0:Pe.imgUrls)===null||Se===void 0?void 0:Se.length))})||0;(M=ee?.current)===null||M===void 0||M.swiper.slideTo(de)},[s,ee]),Z(()=>{const M=a?.[T],de=()=>{var J,ce,me,ye,oe,ue,xe,Ae,Pe,Se,Ce,it,nt,ot,Ze,gt;if(document.visibilityState==="hidden"){Ke.emit(Ue.PAGE_DID_HIDE,M),ct(M),Ht(M);let _e="";Te&&(!((ce=(J=M?.video)===null||J===void 0?void 0:J.bindProducts)===null||ce===void 0)&&ce.length||!((me=M?.video)===null||me===void 0)&&me.bindProduct)?_e="pdpPage":Te&&((xe=o?.[(ue=(oe=(ye=M?.video)===null||ye===void 0?void 0:ye.bindCta)===null||oe===void 0?void 0:oe.itemId)!==null&&ue!==void 0?ue:""].item)===null||xe===void 0?void 0:xe.type)==="Appoint"?_e="formPage":ie?_e="hashTagPage":!((Ae=M?.video)===null||Ae===void 0)&&Ae.url?_e="videoPage":!((Pe=M?.video)===null||Pe===void 0)&&Pe.imgUrls&&(!((Ce=(Se=M?.video)===null||Se===void 0?void 0:Se.imgUrls)===null||Ce===void 0)&&Ce.length)?_e="imagePage":M?.product&&(_e="productPage"),W?.({eventInfo:{sessionDuration:Math.floor((new Date-U.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(it=M?.video)===null||it===void 0?void 0:it.itemId,productId:(nt=M?.product)===null||nt===void 0?void 0:nt.itemId,position:T+"",fromKName:_e,fromKPage:location?.href,ctatId:(gt=(Ze=(ot=M?.video)===null||ot===void 0?void 0:ot.bindCta)===null||Ze===void 0?void 0:Ze.itemId)!==null&>!==void 0?gt:""}})}else document.visibilityState==="visible"&&(he(),Ci(T),Ke.emit(Ue.PAGE_DID_SHOW,M))};return document.addEventListener("visibilitychange",de),()=>{document.removeEventListener("visibilitychange",de)}},[T,W,U,a,he,Te,ie,o]);const Xe=te(()=>{let M=0;return g.length>0&&(M+=45,se&&(M-=45)),M},[g,se]),He=te(()=>{let M=0;return t?.logoUrl&&t?.isShowLogo&&(M+=45),i-M-Xe},[t,i,Xe]),mt=te(()=>t?.logoUrl&&t?.isShowLogo?v.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},v.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),at=ae((M,de)=>{var J,ce,me,ye;return!((J=M?.video)===null||J===void 0)&&J.url?v.createElement(ra,{rec:M,index:de,muted:P,data:a,height:He,activeIndex:T,videoPostConfig:t?.videoPost,videoRef:R}):!((ce=M?.video)===null||ce===void 0)&&ce.imgUrls?v.createElement(pa,{key:M?.video.itemId,imgUrls:M?.video.imgUrls,width:n,height:He,rec:M,index:de,onReportViewImageEnd:ct,onViewImageStartEvent:Ci,imgUrlsPostConfig:t?.imgUrlsPost}):M.product&&Array.isArray(t?.productPost)&&((me=t?.productPost)===null||me===void 0?void 0:me.length)>0?(ye=t?.productPost)===null||ye===void 0?void 0:ye.map((oe,ue)=>{var xe,Ae,Pe,Se,Ce,it,nt,ot;const Ze=l[(xe=oe?.item)===null||xe===void 0?void 0:xe.type],gt=Rt(Ze),_e=(Ae=Ze?.extend)===null||Ae===void 0?void 0:Ae.defaulSetting;return v.createElement(gt,Object.assign({key:`${de}${ue}`,textStyle:Object.assign(Object.assign({},_e?.textStyle),(Pe=oe?.item)===null||Pe===void 0?void 0:Pe.textStyle),bindDatas:(Ce=(Se=oe?.item)===null||Se===void 0?void 0:Se.bindDatas)!==null&&Ce!==void 0?Ce:[]},_e?.props,(it=oe?.item)===null||it===void 0?void 0:it.props,{event:((nt=oe?.item)===null||nt===void 0?void 0:nt.event)||{},schema:_,id:oe?.id,viewTime:G.current,rec:M,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},_e?.style),(ot=oe?.item)===null||ot===void 0?void 0:ot.style),{height:"100%",overflow:"auto"}),index:de}))}):null},[n,a,He,P,T,t?.productPost,G,r,l,_,R]),rt=ae(M=>{O(M)},[]),ht=te(()=>V?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[V]),dt=ae((M,de)=>{var J,ce,me,ye,oe,ue,xe;return M?.video?v.createElement(v.Fragment,null,((J=M?.video)===null||J===void 0?void 0:J.title)&&!V&&v.createElement("div",{className:"clc-sxp-bottom-shadow"}),v.createElement("div",{className:"clc-sxp-bottom"},v.createElement(xn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?v.createElement("div",{className:"clc-sxp-bottom-card"},v.createElement(Tn,{rec:M,index:de,tempMap:o,resolver:l})):null,v.createElement("div",null,v.createElement(Vt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(me=(ce=M?.video)===null||ce===void 0?void 0:ce.title)!==null&&me!==void 0?me:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),v.createElement(Sn,{index:T,tags:(oe=(ye=M?.video)===null||ye===void 0?void 0:ye.hashTags)!==null&&oe!==void 0?oe:[],itemId:(ue=M?.video)===null||ue===void 0?void 0:ue.itemId,itemType:!((xe=M?.video)===null||xe===void 0)&&xe.itemId?"VIDEO":null,rec:M,hashTagStyle:p})))):null},[e,T,o,l,r,c,p,t,rt,V,ht]),Le=ae((M,de)=>{var J,ce,me,ye;if(!t?.isShowLike)return;let oe=(J=t?.likeIconY)!==null&&J!==void 0?J:400;return se&&oe<40&&(oe+=40),M?.video?v.createElement(bn,{key:M.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:M.isCollected,recData:M,className:"clc-sxp-like-button",style:{[(ce=t.likeIconXPosit)!==null&&ce!==void 0?ce:"right"]:(me=t.likeIconX)!==null&&me!==void 0?me:0,[(ye=t.likeIconYPosit)!==null&&ye!==void 0?ye:"bottom"]:oe},position:de}):null},[t,se]),ct=M=>{var de,J,ce,me,ye,oe;if(!(!((de=M?.video)===null||de===void 0)&&de.url)&&(!((J=M?.video)===null||J===void 0)&&J.imgUrls)){const ue=Date.now(),xe=(ue-A.current)/1e3;W?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(me=(ce=M?.video)===null||ce===void 0?void 0:ce.itemId)!==null&&me!==void 0?me:"",contentName:(ye=M?.video.title)!==null&&ye!==void 0?ye:"",imageEndTime:`${ue}`,playDuration:`${xe}`,contentTags:JSON.stringify((oe=M?.video.tags)!==null&&oe!==void 0?oe:[]),position:T+"",contentFormat:"image",traceInfo:M?.video.traceInfo}})}},ut=M=>{var de,J,ce,me,ye,oe,ue,xe,Ae,Pe;G.current=new Date;const Se=a[M.previousIndex];if(!Se)return;M.previousIndex-M.activeIndex<0?(W?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(J=(de=Se?.video)===null||de===void 0?void 0:de.itemId)!==null&&J!==void 0?J:"",productId:(me=(ce=Se?.product)===null||ce===void 0?void 0:ce.itemId)!==null&&me!==void 0?me:"",requestId:null}}),ct(Se)):(W?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(oe=(ye=Se?.video)===null||ye===void 0?void 0:ye.itemId)!==null&&oe!==void 0?oe:"",productId:(xe=(ue=Se.product)===null||ue===void 0?void 0:ue.itemId)!==null&&xe!==void 0?xe:"",requestId:null}}),ct(Se)),Ht(Se);const Ce=a[M.activeIndex];!(!((Ae=Ce?.video)===null||Ae===void 0)&&Ae.url)&&!(!((Pe=Ce?.video)===null||Pe===void 0)&&Pe.imgUrls)&&Ce?.product&&B?.({eventName:"ProductView"})},Ht=M=>{var de,J,ce;!(!((de=M?.video)===null||de===void 0)&&de.url)&&!(!((J=M?.video)===null||J===void 0)&&J.imgUrls)&&M?.product&&ve(M,M.product,(ce=M?.product)===null||ce===void 0?void 0:ce.bindCta,G.current,T)};Z(()=>{const M=a[T];pe&&Ht(M)},[pe,a,T]);const Ci=M=>{var de,J,ce,me,ye,oe;const ue=a[M];if(!(!((de=ue?.video)===null||de===void 0)&&de.url)&&(!((J=ue?.video)===null||J===void 0)&&J.imgUrls)){const xe=Date.now();A.current=xe,W?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(me=(ce=ue?.video)===null||ce===void 0?void 0:ce.itemId)!==null&&me!==void 0?me:"",contentName:(ye=ue?.video.title)!==null&&ye!==void 0?ye:"",imageStartTime:`${xe}`,contentTags:JSON.stringify((oe=ue?.video.tags)!==null&&oe!==void 0?oe:[]),position:M+"",contentFormat:"image",traceInfo:ue?.video.traceInfo}}),B?.({eventName:"ViewContent"})}},Et=te(()=>{const M=a?.map((de,J)=>T===J||J-1===T||J+1===T?de:null);return se?M:M.concat([{loading:!0}])},[a,T,se]),_n=te(()=>F?v.createElement("div",{style:{height:He,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:K,alt:"loading...",style:{objectFit:"contain"}})):Et?.map((M,de)=>v.createElement(qe,{key:de,virtualIndex:de},M&&v.createElement(v.Fragment,null,M?.loading?v.createElement("div",{style:{height:He,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:K,alt:"loading...",style:{objectFit:"contain"}})):v.createElement(v.Fragment,null,at(M,de),dt(M,de),Le(M,de))))),[n,a,He,F,dt,at,Et,K]),kn=Ve("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Dn=Ve("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return v.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},se&&v.createElement(mn,{icon:fa,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{re?.(!0)}}),mt,v.createElement(En,{tagList:g,setActiveIndex:E}),we?v.createElement(ca,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((h=t?.swipeTipOffset)!==null&&h!==void 0?h:0)}%`}}):null,v.createElement(st,{style:{marginTop:Xe},ref:ee,onSlideChange:()=>{ee.current.swiper.allowTouchMove=!1,setTimeout(()=>{ee.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:M=>{E(M.activeIndex),!pe&&(ut(M),!se&&M?.activeIndex+2>=a?.length&&(z||(j(!0),D?.(Math.ceil(T/10)+1).then(()=>{j(!1)}))))},direction:"vertical",height:He},v.createElement(yn,{style:{position:"fixed",visibility:!((I=(b=a?.[T])===null||b===void 0?void 0:b.video)===null||I===void 0)&&I.url?"visible":"hidden",zIndex:999,[(u=t?.muteIconXPosit)!==null&&u!==void 0?u:"right"]:(w=t?.muteIconX)!==null&&w!==void 0?w:0,[(f=t?.muteIconYPosit)!==null&&f!==void 0?f:"bottom"]:(x=t?.muteIconY)!==null&&x!==void 0?x:23},defaultValue:P,activeIcon:t?.unMuteIcon?t?.unMuteIcon:kn,unactiveIcon:t?.muteIcon?t?.muteIcon:Dn,onChange:N}),_n),v.createElement(gn,Object.assign({},(L=(m=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||m===void 0?void 0:m.item)===null||L===void 0?void 0:L.props)),v.createElement("div",{style:{position:"absolute",zIndex:-100}},v.createElement("video",{ref:X,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),v.createElement("div",{id:"player-container-id-copy"})))},ga=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>v.createElement(st,{defaultValue:0,direction:"horizontal",modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>v.createElement(qe,{key:a},v.createElement(wn,{src:a,height:i,imgUrlsPostConfig:n}))));var ba=ge(ga);const ya=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,width:s})=>{const[r,c]=$(!1),d=Q(null),{bffEventReport:p,sxpParameter:g,waterFallData:y,openHashtag:h}=be(),b=Q(0),[I,u]=$(!1),[w,f]=$(!0),x=Q(null),[k,m]=$("");Z(()=>{d.current&&(d.current.muted=o)},[o]);const L=ae(()=>{var j;(j=d.current)===null||j===void 0||j.play()},[]),_=Ve("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=ae(()=>{var j,V,O,D,W,F,H,ne,ee,se,re,Y,pe;c(!1);const K=n[e];if(K&&(!((j=d?.current)===null||j===void 0)&&j.duration)){b.current=((V=d?.current)===null||V===void 0?void 0:V.currentTime)||0;const ie=((D=(O=d.current)===null||O===void 0?void 0:O.duration)!==null&&D!==void 0?D:0).toFixed(2),Te=((F=(W=d.current)===null||W===void 0?void 0:W.currentTime)!==null&&F!==void 0?F:0).toFixed(2),B=w?"0":"1";p?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ne=(H=K?.video)===null||H===void 0?void 0:H.itemId)!==null&&ne!==void 0?ne:"",contentName:(se=(ee=K?.video)===null||ee===void 0?void 0:ee.title)!==null&&se!==void 0?se:"",playType:B,startTime:Te,videoDuration:ie,contentTags:JSON.stringify((Y=(re=K?.video)===null||re===void 0?void 0:re.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(pe=K?.video)===null||pe===void 0?void 0:pe.traceInfo}}),f(!1)}},[p,n,e,w]),E=ae(()=>{u(!0)},[]),A=ae(j=>()=>{var V,O,D,W,F;if(!I)return;const H=(V=d.current)===null||V===void 0?void 0:V.paused;switch(j){case"start":if(!H)return;(O=d.current)===null||O===void 0||O.play(),c(!1);break;case"pause":if(H)return;(D=d.current)===null||D===void 0||D.pause(),c(!0);break;default:H?(W=d.current)===null||W===void 0||W.play():(F=d.current)===null||F===void 0||F.pause(),c(!H);break}},[I]),S=ae(()=>{var j,V,O,D,W,F,H,ne,ee,se,re,Y,pe;const K=n[e],ie=((V=(j=d.current)===null||j===void 0?void 0:j.duration)!==null&&V!==void 0?V:0).toFixed(2),Te=((D=(O=d.current)===null||O===void 0?void 0:O.currentTime)!==null&&D!==void 0?D:0).toFixed(2);if(!((W=d?.current)===null||W===void 0)&&W.duration){const B=(((F=d?.current)===null||F===void 0?void 0:F.currentTime)-b.current).toFixed(2);p?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ne=(H=K?.video)===null||H===void 0?void 0:H.itemId)!==null&&ne!==void 0?ne:"",contentName:(se=(ee=K?.video)===null||ee===void 0?void 0:ee.title)!==null&&se!==void 0?se:"",endTime:Te,videoDuration:ie,playDuration:B,contentTags:JSON.stringify((Y=(re=K?.video)===null||re===void 0?void 0:re.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(pe=K?.video)===null||pe===void 0?void 0:pe.traceInfo}})}},[n,e,p]),C=te(()=>a?.mode==="2",[a]),P=te(()=>{var j;return a?.mode==="2"?`translateY(-${50+((j=a?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=te(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||k},[k,t]),U=ae(()=>{if(!x||!d||!d.current||!x.current)return;const j=d?.current,V=x?.current,O=V.getContext("2d"),D=window?.innerWidth,W=window?.innerHeight;V.height=W,V.width=D,O?.drawImage(j,0,0,V.width,V.height),m(V.toDataURL())},[]);Z(()=>{var j,V,O,D;if(d.current){if(c(!1),!d.current.src){const W=t?.video.url;if(W.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const F=new window.Hls;F.loadSource(W),F.attachMedia(d.current)}else d.current.canPlayType("application/vnd.apple.mpegurl"),d.current.src=W;else d.current.src=W;d.current.setAttribute("x5-playsinline","true"),d.current.setAttribute("webkit-playsinline","true")}return(j=d.current)===null||j===void 0||j.addEventListener("loadedmetadata",E),(V=d.current)===null||V===void 0||V.addEventListener("canplay",E),(O=d.current)===null||O===void 0||O.addEventListener("playing",T),(D=d.current)===null||D===void 0||D.addEventListener("loadeddata",U),()=>{var W,F,H,ne;(W=d.current)===null||W===void 0||W.removeEventListener("loadedmetadata",E),(F=d.current)===null||F===void 0||F.removeEventListener("canplay",E),(H=d.current)===null||H===void 0||H.removeEventListener("playing",T),(ne=d.current)===null||ne===void 0||ne.removeEventListener("loadeddata",U)}}},[E,T,t?.video,U]);const G=te(()=>!g?.placeholder_image||I?null:v.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image}),[I,g?.placeholder_image]);Z(()=>{const j=()=>{var V,O;l===e&&(!((V=t?.video)===null||V===void 0)&&V.url)&&(!((O=d?.current)===null||O===void 0)&&O.src)&&!r&&A("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[l,e,t,d,A,r]);const z=te(()=>C?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[C]);return t?.video?v.createElement(v.Fragment,null,C?v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},v.createElement(ze,{src:N,style:Object.assign({height:i,width:s,objectFit:"cover"},z)}),v.createElement("canvas",{ref:x,style:{display:"none"}}),v.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:P,left:0,right:0}},v.createElement("div",{style:{position:"relative",width:s,height:"100%"}},v.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:d,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:L,style:{width:"100%",height:i,objectFit:"contain"}}),v.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))),G):v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},v.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:d,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:L}),G,v.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))):null};var wa=ge(ya);const Ei={};Object.values(Ti).forEach(t=>{Ei[t.extend.type]=t});const Sa="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Ta="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",xa=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:a,containerHeight:s=664,containerWidth:r=375,appDomain:c,tagList:d=[]})=>{const p=te(()=>{let m=0;return e?.logoUrl&&e?.isShowLogo&&(m+=45),d.length>0&&(m+=45),s-m},[e,s,d]),g=(m,L)=>{var _,T,E,A;if(!((_=m?.video)===null||_===void 0)&&_.url)return v.createElement(wa,{rec:m,index:L,muted:!0,width:r,data:t??[],height:p,activeIndex:L,videoPostConfig:e?.videoPost});if(!((T=m?.video)===null||T===void 0)&&T.imgUrls)return v.createElement(ba,{key:m?.video.itemId,imgUrls:m?.video.imgUrls,width:r,height:p,rec:m,index:L,imgUrlsPostConfig:e?.imgUrlsPost});if(m.product&&m.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((S,C)=>{var P,N,U,G,z,j,V,O;const D=Ei[(P=S?.item)===null||P===void 0?void 0:P.type],W=Rt(D),F=(N=D?.extend)===null||N===void 0?void 0:N.defaulSetting;return v.createElement(W,Object.assign({key:`${L}${C}`,textStyle:Object.assign(Object.assign({},F?.textStyle),(U=S?.item)===null||U===void 0?void 0:U.textStyle),bindDatas:(z=(G=S?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&z!==void 0?z:[]},F?.props,(j=S?.item)===null||j===void 0?void 0:j.props,{event:((V=S?.item)===null||V===void 0?void 0:V.event)||{},id:S?.id,rec:m,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},F?.style),(O=S?.item)===null||O===void 0?void 0:O.style),{width:r,height:p,overflow:"auto"}),index:L}))})},y=te(()=>e?.logoUrl&&e?.isShowLogo?v.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},v.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),h=(m,L)=>e?.isShowCTA===void 0||e?.isShowCTA?v.createElement("div",{className:"clc-sxp-bottom-card"},v.createElement(Tn,{rec:m,index:L,tempMap:o,resolver:Ei})):null,b=(m,L)=>{var _,T,E,A,S,C,P;return m?.video?v.createElement(v.Fragment,null,((_=m?.video)===null||_===void 0?void 0:_.title)&&v.createElement("div",{className:"clc-sxp-bottom-shadow"}),v.createElement("div",{className:"clc-sxp-bottom"},v.createElement(xn,{nudge:n}),h(m,L),v.createElement("div",null,v.createElement(Vt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(T=m?.video)===null||T===void 0?void 0:T.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),v.createElement(Sn,{index:L,tags:(S=(A=m?.video)===null||A===void 0?void 0:A.hashTags)!==null&&S!==void 0?S:[],itemId:(C=m?.video)===null||C===void 0?void 0:C.itemId,itemType:!((P=m?.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:m,hashTagStyle:a}))):null},I=Ve(Ta,c),u=Ve(Sa,c),w=(m,L)=>{var _,T,E,A;if(!e?.isShowLike)return;let S=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return S<40&&(S+=40),m?.video?v.createElement(bn,{key:m.position,activeIcon:(T=e?.likeIcon)!==null&&T!==void 0?T:I,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:u,position:L,active:m.isCollected,recData:m,className:"clc-sxp-like-button",style:{top:S,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},f=Ve("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),x=Ve("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),k=(m,L)=>{var _,T,E,A;return v.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,v.createElement(En,{tagList:d}),v.createElement(yn,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((E=(T=t?.[L])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:f,unactiveIcon:e?.muteIcon?e?.muteIcon:x}),g(m,L),b(m,L),w(m,L))};return v.createElement("div",{className:le({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((m,L)=>k(m,L)))};var Ea=ge(xa);const Ia=()=>{const{schema:t,resolver:e,popup:i}=Je(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=be(),{productView:a}=Ge(),[s,r]=$(),c=Q(null);Z(()=>{const g=()=>{c.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),Z(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,r(i))},[i]);const d=()=>{var g,y,h,b;if(!i||i?.id===""||!s||new Date-c.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;r(Object.assign(Object.assign({},i),{id:""}));const I=o,u=(y=I?.video)===null||y===void 0?void 0:y.bindProduct,w=(b=(h=I?.video)===null||h===void 0?void 0:h.bindProduct)===null||b===void 0?void 0:b.bindCta;u&&w&&a(I,u,w,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},p=te(()=>{var g,y,h;return(h=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||h===void 0?void 0:h.map((b,I)=>{var u,w,f,x,k,m,L,_,T,E,A,S,C,P,N;if(b?.id===i?.id){const U=e[(u=b?.item)===null||u===void 0?void 0:u.type],G=Rt(U),z=((x=(f=(w=b?.item)===null||w===void 0?void 0:w.event)===null||f===void 0?void 0:f.onClick)===null||x===void 0?void 0:x.linkType)==="externalLink",j=((L=(m=(k=b?.item)===null||k===void 0?void 0:k.event)===null||m===void 0?void 0:m.onClick)===null||L===void 0?void 0:L.linkType)==="popup",V=(_=U?.extend)===null||_===void 0?void 0:_.defaulSetting;return v.createElement(G,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},V?.style),(T=b?.item)===null||T===void 0?void 0:T.style),{width:(E=window.innerWidth)!==null&&E!==void 0?E:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},V?.textStyle),(A=b?.item)===null||A===void 0?void 0:A.textStyle),bindDatas:(C=(S=b?.item)===null||S===void 0?void 0:S.bindDatas)!==null&&C!==void 0?C:[]},V?.props,(P=b?.item)===null||P===void 0?void 0:P.props,{event:((N=b?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:b?.id,isExternalLink:z,isPopup:j,onClose:d}))}else return v.createElement(v.Fragment,null)})},[t,i,e,d]);return v.createElement(zt,{popup:s,onClose:d,padding:0,modalStyle:{position:"fixed"}},p)},Ii={};Object.values(Ti).forEach(t=>{Ii[t.extend.type]=t});const Ca=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:a,enabledMetaConversionApi:s})=>{var r,c,d,p,g,y,h,b,I;const u=te(()=>{var w;return location?.search?(w=location?.search)===null||w===void 0?void 0:w.replace("?",""):""},[]);return v.createElement($i,{resolver:Ii,enableDataSource:!1,schema:t?.data,utmVal:u},v.createElement(Ri,{utmVal:u,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(p=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.default_recommend)!==null&&p!==void 0?p:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:o,appDomain:l,enabledMetaConversionApi:s,isShowTag:(I=(b=(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf)===null||b===void 0?void 0:b.globalConfig)===null||I===void 0?void 0:I.isShowTag,render:({rtcList:w,tagList:f})=>{var x;return v.createElement(v.Fragment,null,v.createElement(In,Object.assign({},(x=t?.data)===null||x===void 0?void 0:x.sxpPageConf,{tagList:f,data:w,resolver:Ii,licenseUrl:a})),v.createElement(Ia,null))}}))};var _a=ge(Ca);const Cn=wt({}),ka=({children:t,data:e})=>{var i,n,o,l,a,s;const[r,c]=$(!1);return v.createElement(Cn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:r,setOpenHashtag:c}},t)};function Da(){return yt(Cn)}export{Ea as DiyPortalPreview,ka as EditorDataProvider,zt as Modal,Ri as SxpDataSourceProvider,_a as SxpPageCore,In as SxpPageRender,Jn as core,Rn as default,je as defaultSetting,Ti as materials,Da as useEditorDataProvider};
|
5
|
+
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:h?.info})))},q=()=>{var Y;return v.createElement(v.Fragment,null,(S||j?.link)&&v.createElement("button",{onClick:R,className:"pb-commondity-btn",style:P},(Y=_?.enTitle)!==null&&Y!==void 0?Y:"Purchase on Website"))},be=ae(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return v.createElement("div",{className:"pb-commondity"},v.createElement("div",Object.assign({className:se(Object.assign({},p))},g),j&&((r=j?.homePage)===null||r===void 0?void 0:r.length)>0&&v.createElement(ht,{height:K,modules:[Ft,Vt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(s=j?.homePage)===null||s===void 0?void 0:s.map(Y=>v.createElement(it,{key:Y},v.createElement("div",{style:{overflow:"hidden",width:K,height:K}},v.createElement(Re,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:Y}))))),!(!((a=j?.homePage)===null||a===void 0)&&a.length)&&v.createElement("div",{className:se({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},v.createElement("img",{className:se({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=E?.bottom_image)!==null&&c!==void 0?c:C,alt:""})),v.createElement("div",{className:"pb-commondity-content"},oe({isPost:b}))),q(),v.createElement(Ut,{visible:B,onClose:()=>N(!1)},v.createElement("div",{style:{paddingBottom:"80px"}},oe({isPost:!1})),q()))};var Wl=he($l);const Yl=Ue(Wl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:ro},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],yi,wi,Xl=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Ge?.fontOptions,initialValue:(wi=(yi=Ge?.fontOptions)===null||yi===void 0?void 0:yi[0])===null||wi===void 0?void 0:wi.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],bn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const Jl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:o,src:l}=t;switch(i){case 2:return n||null;case 3:return l||null;default:return o&&o.length>0?(e=o[0])===null||e===void 0?void 0:e.url:null}},Kl=t=>{var{content:e,btnText:i,style:n,icon:o,isPopup:l,isExternalLink:r,onClose:s,onClick:a,submitButtonStyle:c}=t,d=Me(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:p}=ye(),{jumpToWeb:m}=He(),w=typeof o=="string"?o:Jl(o),y=()=>{var S,C,u;if(r){const b=p,f=(S=b?.video)===null||S===void 0?void 0:S.bindProduct,x=(u=(C=b?.video)===null||C===void 0?void 0:C.bindProduct)===null||u===void 0?void 0:u.bindCta,k=p?.index;m(b,f,x,k)}l||s?.(),a?.()};return v.createElement("div",Object.assign({className:`pb-prompt ${se(Object.assign({},n))}`},d),v.createElement("div",{className:"pb-prompt-icon"},v.createElement("img",{width:"100%",src:w??bn})),v.createElement("div",{className:"pb-prompt-content"},e),v.createElement("button",{className:"pb-prompt-btn",style:c,onClick:y},i))};var Ql=he(Kl);const Zl=Ue(Ql,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Xl,bindableProps:[],interactionRender:ql},defaulSetting:{props:{icon:bn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var Si,Ti,es=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ge,name:["fontFamily"],initialValue:(Si=ge?.[0])===null||Si===void 0?void 0:Si.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ge,initialValue:(Ti=ge?.[0])===null||Ti===void 0?void 0:Ti.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const ts=t=>{var e,i,n,o,l,r,s,a,c,d,p,m,{style:w,isDefault:y,rec:S,viewTime:C,isPost:u,bottom_image:b,tipText:f,swiper:x,commodityStyles:k,buttonStyle:h,index:P}=t,I=Me(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);H(!0);const{sxpParameter:g}=ye(),{popupDetailData:E,bffEventReport:A,isPreview:T,swiperRef:D,bffFbReport:O}=ye(),{jumpToWeb:L,productView:F}=He(),V=ee(null);ee(null),ee(null),H(!1),H(!1),H(!0);const[B,N]=H(!1),z=ee(null),j=u?S:E,_=u?j?.product:(e=j?.video)===null||e===void 0?void 0:e.bindProduct,$=u?(i=j?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=j?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,R=u?P:E?.index,W=()=>{_?.link&&(L(j,_,$,R),u||F(j,_,$,C||z.current,R),window.location.href=window.getJointUtmLink(_.link))};Z(()=>{u||O?.({eventName:"ProductView"})},[u,O]),Z(()=>{const Y=()=>{z.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const K=te(()=>{var Y,de,Q,ie,Se;return _?.currency&&_?.price?`${(Q=(de=(Y=_?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||de===void 0?void 0:de.toUpperCase())!==null&&Q!==void 0?Q:""}${(Se=(ie=_?.price)===null||ie===void 0?void 0:ie.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Se!==void 0?Se:""}`:"\xA3102,300.00"},[_?.price,_?.currency]),oe=T?375:(l=w?.width)!==null&&l!==void 0?l:window.innerWidth,q=({isPost:Y})=>v.createElement("div",{hidden:!!_&&(!_?.info||_?.info==="")},v.createElement(Gt,{isPost:Y,onClick:()=>N(!0),className:"pb-commondityDiroNew-info",style:k?.info,foldText:f?.foldText,unfoldText:f?.unfoldText,text:_?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
+
Made in Italy`})),be=ae(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return v.createElement("div",{className:"pb-commondityDiroNew"},v.createElement("div",Object.assign({ref:V,className:se(Object.assign({},w))},I),_&&((r=_?.homePage)===null||r===void 0?void 0:r.length)>0&&v.createElement(ht,{height:oe,modules:[Ft,Vt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:x?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:x?.delay*1e3}},(s=_?.homePage)===null||s===void 0?void 0:s.map(Y=>v.createElement(it,{key:Y},v.createElement("div",{style:{overflow:"hidden",width:oe,height:oe}},v.createElement(Re,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${x?.translateY?-x?.translateY+50:50}%`},src:Y}))))),!(!((a=_?.homePage)===null||a===void 0)&&a.length)&&v.createElement("div",{className:se({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},v.createElement("img",{className:se({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=g?.bottom_image)!==null&&c!==void 0?c:b,alt:""})),v.createElement("div",{className:"pb-commondityDiroNew-content"},v.createElement("div",{className:"pb-commondityDiroNew-content-top"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:be(k?.title)},(d=_?.title)!==null&&d!==void 0?d:"Large Dior Toujours BagLarge"),v.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!_&&(!_?.collection||_?.collection===""),style:be(k?.collection)},_?.collection||"Black Macrocannage CalfskinLarge")),v.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},v.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!_&&!_?.price,style:be(k?.price)},K),v.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!_&&!_?.taxInfo,style:be(k?.taxInfo)},(p=_?.taxInfo)!==null&&p!==void 0?p:"\u7A0E\u8D39"))),(!_||_?.link)&&v.createElement("button",{onClick:W,className:"pb-commondityDiroNew-btn",style:h},(m=$?.enTitle)!==null&&m!==void 0?m:"Shop now"),q({isPost:u}))),v.createElement(Ut,{visible:B,onClose:()=>N(!1)},q({isPost:!1})))};var is=he(ts);const ns=Ue(is,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:es},defaulSetting:{props:{swiper:{dotsAlign:"left",delay:3},commodityStyles:{price:{color:"#000",fontWeight:"bold",fontSize:13},title:{color:"#000",fontSize:13},collection:{color:"#757575",fontSize:13},info:{color:"#757575",fontSize:13},taxInfo:{color:"#000",fontWeight:"bold",fontSize:13,textAlign:"right"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25,marginTop:16,marginBottom:16}},style:{}},w:100,h:40,sort:1});var xi,Ei,Xe=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ge,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(xi=ge?.[0])===null||xi===void 0?void 0:xi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ge,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(Ei=ge?.[0])===null||Ei===void 0?void 0:Ei.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],os=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function yn(t){const e=ee(null),[i,n]=H(!1);return Z(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),Z(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const ls=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:r=!1,index:s}=t;Me(t,["rec","children","className","onClick","style","isExternalLink","index"]);const a=ee(null),c=yn(a),{popup:d}=lt(),{setPopupDetailData:p,ctaEvent:m}=ye(),{jumpToWeb:w}=He();Z(()=>{var S,C;if(c&&a?.current){const u=(C=(S=e?.video)===null||S===void 0?void 0:S.bindProduct)!==null&&C!==void 0?C:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,u,s)}},[c,a,e,m,s]);const y=Pt(()=>{var S,C,u,b,f,x,k,h;const P=(C=(S=e?.video)===null||S===void 0?void 0:S.bindProduct)!==null&&C!==void 0?C:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,P,s),p?.(Object.assign(Object.assign({},e),{index:s})),r){if(!((b=(u=e?.video)===null||u===void 0?void 0:u.bindProduct)===null||b===void 0)&&b.link){const I=(f=e?.video)===null||f===void 0?void 0:f.bindCta,g=(x=e?.video)===null||x===void 0?void 0:x.bindProduct;w(e,g,I,s),window.location.href=window.getJointUtmLink((h=(k=e?.video)===null||k===void 0?void 0:k.bindProduct)===null||h===void 0?void 0:h.link)}}else o?.()},d?.duration);return v.createElement("div",{ref:a,className:n,style:l,onClick:y},i)};var kt=he(ls),ss={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const as=t=>{var e,i,n,o,l,r,s,a,{content:c,style:d,bgImg:p,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:C=0}=t,u=Me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ye(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:b?.bottom_image)!==null&&l!==void 0?l:w;return v.createElement(kt,Object.assign({isExternalLink:S,rec:m,className:se(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},v.createElement(Re,{className:se({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),v.createElement("div",{className:se({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:ss["tow-line-ellipsis"],style:y?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),v.createElement("div",{className:se(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var rs=he(as);const ds=Ue(rs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:os,bindableProps:[],settingRender:Xe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const us=t=>{var e,i,n,o,{content:l,style:r,bgImg:s,recData:a,bottom_image:c,ctaTempStyles:d,isExternalLink:p}=t,m=Me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:w}=ye(),y=(e=a?.video)===null||e===void 0?void 0:e.bindCta;return v.createElement(kt,Object.assign({isExternalLink:p,rec:a,className:se(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},m),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d?.img))},v.createElement("img",{className:se({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=y?.icon)!==null&&i!==void 0?i:w?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),v.createElement("div",{className:se(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},d?.ctaTitle))},(o=y?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var ps=he(us);const vs=Ue(ps,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:cs,settingRender:Xe?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var fs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const ms=t=>{var e,i,n,o,l,{content:r,style:s,bgImg:a,recData:c,bottom_image:d,ctaTempStyles:p,index:m}=t,w=Me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:y,bffEventReport:S}=ye(),{jumpToWeb:C}=He(),u=(e=c?.video)===null||e===void 0?void 0:e.bindCta,b=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{u?.link&&(C(c,b,u,m),window.location.href=window.getJointUtmLink(u.link))};return v.createElement(kt,Object.assign({index:m,rec:c,className:se(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},w,{onClick:f}),v.createElement("div",{className:se(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},p?.img))},v.createElement(Re,{className:se({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=u?.icon)!==null&&n!==void 0?n:y?.bottom_image)!==null&&o!==void 0?o:d})),v.createElement("div",{className:se({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},v.createElement("div",{className:fs["tow-line-ellipsis"],style:p?.ctaTitle},(l=u?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var hs=he(ms);const gs=Ue(hs,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Xe?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var bs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ys={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const ws=t=>{var e,i,n,o,l,r,s,a,{content:c,style:d,bgImg:p,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:C=0}=t,u=Me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ye(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:b?.bottom_image)!==null&&l!==void 0?l:w;return v.createElement(kt,Object.assign({isExternalLink:S,rec:m,className:se(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},v.createElement(Re,{className:se({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),v.createElement("div",{className:se({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:ys["tow-line-ellipsis"],style:y?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),v.createElement("div",{className:se(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var Ss=he(ws);const Ts=Ue(Ss,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:bs,settingRender:Xe,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var xs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Es={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Is=t=>{var e,i,n,o,l,r,s,a,{content:c,style:d,bgImg:p,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:C=0}=t,u=Me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ye(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(l=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:b?.bottom_image)!==null&&l!==void 0?l:w;return v.createElement(kt,Object.assign({isExternalLink:S,rec:m,className:se(Object.assign({},d)),style:{display:"flex"}},u),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},v.createElement(Re,{className:se({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),v.createElement("div",{className:se({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},v.createElement("div",{className:Es["tow-line-ellipsis"],style:y?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),v.createElement("div",{className:se(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(s=f?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&a!==void 0?a:"Shop now")))};var Cs=he(Is);const _s=Ue(Cs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:xs,bindableProps:[],settingRender:Xe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var ks=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ds=({children:t,isPadding:e=!0})=>v.createElement(ht,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[wo,yo,bo],style:{padding:e?"0 12px 0 20px":0}},t);var $t=he(Ds);const As=({src:t,rec:e,item:i,index:n,style:o})=>{const l=ee(null),r=yn(l),{ctaEvent:s}=ye();return Z(()=>{r&&t&&l?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[r,t,l,e,s,i,n]),v.createElement("div",{ref:l,hidden:!t,className:se({width:"100%",height:"100%"})},v.createElement(Re,{className:se(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},o)),src:t}))};var Ii=he(As),Ps={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Os=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:a,ctaTempStyles:c,isExternalLink:d,index:p,translateY:m=0}=t,w=Me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:S,sxpParameter:C}=ye(),{popup:u}=lt(),{jumpToWeb:b}=He(),[f,x]=H((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Pt(h=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,h,p),S?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:h}),index:p})),d?h?.link&&(b(r,h,h.bindCta,p),window.location.href=window.getJointUtmLink(h.link)):s?.()},u?.duration);return v.createElement($t,{isPadding:!!r},f?.map(h=>{var P,I,g,E,A,T,D;return v.createElement(it,Object.assign({hidden:r&&!h?.bindCta,key:h?.itemId,className:se(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>k(h)}),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(Ii,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&g!==void 0?g:C?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:h,index:p,style:{objectPosition:`50% ${m?-m+50:50}%`}})),v.createElement("div",{className:se({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:Ps["two-line-ellipsis"],style:c?.title},(A=h?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:se(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop Now")))}))};var Ms=he(Os);const Ls=Ue(Ms,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ks,bindableProps:[],settingRender:Xe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var js=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ns={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Bs=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:a,ctaTempStyles:c,isExternalLink:d,index:p,translateY:m=0}=t,w=Me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:y}=ye(),{ctaEvent:S,setPopupDetailData:C}=ye(),{popup:u}=lt(),[b,f]=H((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:x}=He(),k=Pt(h=>{S?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,h,p),C?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:h}),index:p})),d?h?.link&&(x(r,h,h.bindCta,p),window.location.href=window.getJointUtmLink(h.link)):s?.()},u?.duration);return v.createElement($t,{isPadding:!!r},b?.map(h=>{var P,I,g,E,A,T,D;return v.createElement(it,Object.assign({hidden:r&&!h?.bindCta,key:h.itemId,className:se(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>k(h)}),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(Ii,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&g!==void 0?g:y?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:h,index:p,style:{objectPosition:`50% ${m?-m+50:50}%`}})),v.createElement("div",{className:se({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},v.createElement("div",{className:Ns["two-line-ellipsis"],style:c?.title},(A=h?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:se(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop Now")))}))};var zs=he(Bs);const Fs=Ue(zs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:js,settingRender:Xe,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var Vs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Rs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Hs=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:a,ctaTempStyles:c,isExternalLink:d,index:p,translateY:m=0}=t,w=Me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:S,sxpParameter:C}=ye(),{popup:u}=lt(),{jumpToWeb:b}=He(),[f,x]=H((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Pt(h=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,h,p),S?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:h}),index:p})),d?h?.link&&(b(r,h,h.bindCta,p),window.location.href=window.getJointUtmLink(h.link)):s?.()},u?.duration);return v.createElement($t,{isPadding:!!r},f?.map(h=>{var P,I,g,E,A,T,D;return v.createElement(it,Object.assign({hidden:r&&!h?.bindCta,key:h?.itemId,className:se(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>k(h)}),v.createElement("div",{className:se(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},v.createElement(Ii,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&g!==void 0?g:C?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:h,index:p,style:{objectPosition:`50% ${m?-m+50:50}%`}})),v.createElement("div",{className:se({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},v.createElement("div",{className:Rs["tow-line-ellipsis"],style:c?.title},(A=h?.title)!==null&&A!==void 0?A:"Product Name"),v.createElement("div",{className:se(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop now")))}))};var Us=he(Hs);const Gs=Ue(Us,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Vs,bindableProps:[],settingRender:Xe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var Ci,_i,$s=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","openFixedSize"],initialValue:!0}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ge,name:["fontFamily"],initialValue:(Ci=ge?.[0])===null||Ci===void 0?void 0:Ci.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ge,initialValue:(_i=ge?.[0])===null||_i===void 0?void 0:_i.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const Ws=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:r}=ye();return v.createElement("div",{className:"clc-sxp-nav",style:e},v.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),v.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var wn=he(Ws),Ys=null,qs="3d989325-e7d6-4a74-8a97-98febdf5b567",Xs=null,Js=null,Ks={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Qs=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],Zs="Handbags",Sn={productUserId:Ys,requestId:qs,channel:Xs,rtc:Js,tag:Ks,recList:Qs,hashTag:Zs};const ea=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:o,index:l,showBorder:r,list:s,reportTagsView:a,textStyles:c,space:d}=t,{swiperRef:p,setRtcList:m,setOpenHashtag:w,sxpParameter:y}=ye(),[S,C]=H(!1),[u,b]=H(!1),[f,x]=H({height:1,width:1}),k=ee(null),h=ee(null),P=ee(null),I=ee(null),[g,E]=H(""),A=te(()=>{var B,N,z,j,_,$,R,W,K,oe;return!((B=e?.video)===null||B===void 0)&&B.cover?(N=e?.video)===null||N===void 0?void 0:N.cover:!((j=(z=e?.video)===null||z===void 0?void 0:z.imgUrls)===null||j===void 0)&&j.length?($=(_=e?.video)===null||_===void 0?void 0:_.imgUrls)===null||$===void 0?void 0:$[0]:!((W=(R=e?.product)===null||R===void 0?void 0:R.homePage)===null||W===void 0)&&W.length?(oe=(K=e?.product)===null||K===void 0?void 0:K.homePage)===null||oe===void 0?void 0:oe[0]:y?.bottom_image||""},[e,y?.bottom_image]),T=te(()=>{var B,N;return((B=e?.product)===null||B===void 0?void 0:B.title)||((N=e?.video)===null||N===void 0?void 0:N.title)||null},[e]),D=te(()=>{var B;return i.transform?Number((B=i.transform)===null||B===void 0?void 0:B.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]),O=te(()=>D===void 0?!1:D<=r,[D,r]),L=te(()=>{var B,N,z,j,_,$,R,W,K;return!((B=e?.product)===null||B===void 0)&&B.currency&&(!((N=e?.product)===null||N===void 0)&&N.price)?`${($=(_=(j=(z=e?.product)===null||z===void 0?void 0:z.currency)===null||j===void 0?void 0:j.split("-")[1])===null||_===void 0?void 0:_.toUpperCase())!==null&&$!==void 0?$:""}${(K=(W=(R=e?.product)===null||R===void 0?void 0:R.price)===null||W===void 0?void 0:W.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&K!==void 0?K:""}`:null},[e]);Z(()=>{if(k.current===null||A==="")return;const B=new Image;S&&g?B.src=g:B.src=A,B.onload=()=>{x({height:B.height,width:B.width}),b(!0)},k.current.setSrc(B.src)},[A,S,g,O]),Z(()=>{const B=f.height*(o/f.width);u&&n(B+76+d,l)},[f,l,o,u,d]);const F=(B,N,z)=>{const j=B/N;return z/j};Z(()=>{const B=P?.current;B===null||A===""||!S||(B.src=A,B.currentTime=1,B.crossOrigin="anonymous",B.onloadeddata=()=>{const N=I?.current;if(!N)return;const z=N.getContext("2d"),j=window?.innerWidth/2,_=F(B.videoWidth,B.videoHeight,j);N.height=_,N.width=j,z?.drawImage(B,0,0,N.width,N.height),E(N.toDataURL()),B.remove(),N.remove()})},[A,S]);const V=()=>{a(),m?.(s),setTimeout(()=>{var B;(B=p?.current)===null||B===void 0||B.swiper.slideTo(l,0,!1),w?.(!1)},0)};return v.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:l,onClick:V},v.createElement("div",{className:"waterFallList-content-listItem-picture"},S&&v.createElement("div",{style:{display:"none"}},v.createElement("video",{ref:P,src:A,crossOrigin:"anonymous",className:"waterFallList-content-listItem-picture-img"}),v.createElement("canvas",{ref:I})),v.createElement(Re,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",ref:k})),v.createElement("div",{className:"waterFallList-content-listItem-info"},v.createElement("div",{className:`waterFallList-content-listItem-info-title ${L?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},T&&T),v.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!L,style:c.price},L)))};function ta(t){var e,i,n,o,l,r,s,a,c,d,p,m,w,y,S,C,u,b,f,{reportTagsView:x,showBanner:k}=t,h=Me(t,["reportTagsView","showBanner"]);const{waterFallData:P,getRecommendVideos:I,hashTagSize:g,loadingImage:E,isOpenHashTag:A}=ye(),T=ee(null),[D,O]=H(0),[L,F]=H(),V=ee(null),[B,N]=H([]),z=ee(),j=[170,230,300],[_,$]=H(!1),[R,W]=H([]),K=ee(),oe=ae((X,me)=>Math.floor(Math.random()*(me-X+1))+X,[]),q=ee([]),[be,Y]=H({width:0}),de=te(()=>{const X=be.width||0;return X>=1200?6:X>=768&&X<=1199?4:2},[be]),Q=te(()=>be.width/de-2,[de,be]),ie=ae(()=>{var X;const me=(X=z.current)!==null&&X!==void 0?X:[],we=[];for(let le=0;le<R?.length;le++){const Qe=Math.floor(le/de),Le=le%de+1;let nt=0,Ze=9999999999;if(Qe===0)we[le]=le;else{for(let De=0;De<we.length;De++)q.current[we[De]].top+q.current[we[De]].height<Ze&&(nt=De,Ze=q.current[we[De]].top+q.current[we[De]].height);we[nt]=le}q.current[le]===void 0&&(q.current[le]={}),Qe===0?(Le===1?q.current[le].left=0:q.current[le].left=q.current[le-1].left+Q+4,q.current[le].top=0):(q.current[le].left=q.current[nt].left,q.current[le].top=Ze),q.current[le].height=q.current[le].height||j[oe(0,2)],me[le]={transform:`translate(${q.current[le].left}px,${q.current[le].top}px)`,width:`${Q}px`,height:q.current[le].height}}return N([...me]),[...me]},[Q,de,j,oe,R]),Se=ae((X,me)=>{q.current[me]===void 0&&(q.current[me]={}),q.current[me].height=X,z.current=ie()},[ie]);Z(()=>{z.current=ie()},[Q,de,R]),Z(()=>{var X,me;if($(!0),P&&I?.({hashTag:P?.hashTag,"itemFilter.itemId":P?.itemId,"itemFilter.itemType":P?.itemType,defaultSize:g,maxSize:g}).then(we=>{var le,Qe;F(we),W((Qe=(le=we?.recList)===null||le===void 0?void 0:le.filter(Le=>Le?.video!==null||Le?.product!==null))!==null&&Qe!==void 0?Qe:[]),$(!1)}),A){const we=Sn;F(we),W((me=(X=we?.recList)===null||X===void 0?void 0:X.filter(le=>le?.video!==null||le?.product!==null))!==null&&me!==void 0?me:[]),$(!1)}},[P,I,g,A]);const Ae=ae(()=>{V.current!==null&&Y({width:V.current.getBoundingClientRect().width})},[]);Z(()=>{if(V.current===null)return;const X=new ResizeObserver(me=>{Ae()});return X.observe(V.current),()=>{X.disconnect()}},[Ae]),ae(()=>{$(!0),P&&I?.({hashTag:P?.hashTag,"itemFilter.itemId":P?.itemId,"itemFilter.itemType":P?.itemType}).then(X=>{var me,we;W(R?.concat((we=(me=X?.recList)===null||me===void 0?void 0:me.filter(le=>!le?.video))!==null&&we!==void 0?we:[])),$(!1)})},[P,I,R]);const Ne=ae(()=>{O(T.current.scrollTop)},[]);Z(()=>{var X;return(X=T?.current)===null||X===void 0||X.addEventListener("scroll",Ne),()=>{var me;(me=T?.current)===null||me===void 0||me.removeEventListener("scroll",Ne)}},[Ne,T]);const We=()=>{var X,me;!((X=L?.tag)===null||X===void 0)&&X.link&&(x(),window.location.href=(me=L?.tag)===null||me===void 0?void 0:me.link)};return v.createElement(v.Fragment,null,_?v.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:E,alt:"loading...",style:{objectFit:"contain"}})):v.createElement("div",{className:"waterFallList",ref:V},v.createElement("div",{className:"waterFallList-scroll",ref:T},k&&((e=L?.tag)===null||e===void 0?void 0:e.picture)&&v.createElement(Re,{className:se({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=L?.tag)===null||i===void 0?void 0:i.picture}),v.createElement("div",{className:"waterFallList-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(o=L?.tag)===null||o===void 0?void 0:o.info),v.createElement("div",{hidden:!(!((l=L?.tag)===null||l===void 0)&&l.link),className:"waterFallList-collection",style:Object.assign({},(r=h?.textStyles)===null||r===void 0?void 0:r.hashTagLink),onClick:We},((s=L?.tag)===null||s===void 0?void 0:s.linkTitle)||"Shop the collection"),v.createElement("div",{className:"waterFallList-content"},R?.map((X,me)=>{var we;return v.createElement(ea,Object.assign({key:me,index:me,rec:X,list:R,showBorder:D+((we=T?.current)===null||we===void 0?void 0:we.clientHeight),style:B[me],sizeChange:Se,unitWidth:Q,reportTagsView:x},h))}),v.createElement("div",{hidden:!(!((a=L?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(w=((d=q?.current[((c=q?.current)===null||c===void 0?void 0:c.length)-1])===null||d===void 0?void 0:d.top)+((m=q?.current[((p=q?.current)===null||p===void 0?void 0:p.length)-1])===null||m===void 0?void 0:m.height))!==null&&w!==void 0?w:0}px)`,height:!((y=L?.tag)===null||y===void 0)&&y.link?((S=K?.current)===null||S===void 0?void 0:S.offsetHeight)||((C=h?.buttonBgStyle)===null||C===void 0?void 0:C.height)||"100px":0}}))),v.createElement("div",{className:"waterFallList-bottom",hidden:!(!((u=L?.tag)===null||u===void 0)&&u.link),style:h?.buttonBgStyle}),v.createElement("div",{ref:K,hidden:!(!((b=L?.tag)===null||b===void 0)&&b.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},v.createElement("button",{className:"waterFallList-btn",style:h?.buttonStyle,onClick:We},((f=L?.tag)===null||f===void 0?void 0:f.linkTitle)||"Shop the collection"))))}var ia="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const na=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:r}=t,{swiperRef:s,setRtcList:a,setOpenHashtag:c,bffEventReport:d,sxpParameter:p}=ye(),[m,w]=H(!1),y=ee(null),S=ee(null),C=ee(null),u=ee(null),[b,f]=H(""),x=te(()=>{var g,E,A,T,D,O,L,F,V,B;return!((g=e?.video)===null||g===void 0)&&g.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((T=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||T===void 0)&&T.length?(O=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||O===void 0?void 0:O[0]:!((F=(L=e?.product)===null||L===void 0?void 0:L.homePage)===null||F===void 0)&&F.length?(B=(V=e?.product)===null||V===void 0?void 0:V.homePage)===null||B===void 0?void 0:B[0]:p?.bottom_image||""},[e,p?.bottom_image]),k=te(()=>{var g,E;return((g=e?.product)===null||g===void 0?void 0:g.title)||((E=e?.video)===null||E===void 0?void 0:E.title)||null},[e]),h=te(()=>{var g,E,A,T,D,O,L,F,V;return!((g=e?.product)===null||g===void 0)&&g.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(O=(D=(T=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||T===void 0?void 0:T.split("-")[1])===null||D===void 0?void 0:D.toUpperCase())!==null&&O!==void 0?O:""}${(V=(F=(L=e?.product)===null||L===void 0?void 0:L.price)===null||F===void 0?void 0:F.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&V!==void 0?V:""}`:null},[e]);Z(()=>{const g=new IntersectionObserver(E=>{E.forEach(A=>{if(A.isIntersecting){if(S.current===null||x==="")return;m&&b?y.current.setSrc(b):y.current.setSrc(x),g.unobserve(S.current)}})});return g.observe(S.current),()=>{g.disconnect()}},[x,m,b]);const P=(g,E,A)=>{const T=g/E;return A/T};Z(()=>{const g=C?.current;g===null||x===""||!m||(g.src=x,g.currentTime=1,g.crossOrigin="anonymous",g.onloadeddata=()=>{const E=u?.current;if(!E)return;const A=E.getContext("2d"),T=window?.innerWidth/2,D=P(g.videoWidth,g.videoHeight,T);E.height=D,E.width=T,A?.drawImage(g,0,0,E.width,E.height),f(E.toDataURL()),g.remove(),E.remove()})},[x,m]);const I=()=>{o(),a?.(n),setTimeout(()=>{var g;(g=s?.current)===null||g===void 0||g.swiper.slideTo(i,0,!1),c?.(!1)},0)};return v.createElement("div",{ref:S,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:r}},v.createElement("div",{className:"list-content-listItem-picture"},m&&v.createElement("div",{style:{display:"none"}},v.createElement("video",{ref:C,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),v.createElement("canvas",{ref:u})),v.createElement(Re,{loading:"lazy",className:"list-content-listItem-picture-img",ref:y})),v.createElement("div",{className:"list-content-listItem-info"},v.createElement("div",{className:`list-content-listItem-info-title ${h?"list-content-listItem-info-nowrap":""}`,style:l?.title},k&&k),v.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!h},h)))};function oa(t){var e,i,n,o,l,r,s,a,c,d,p,m,w,y,{reportTagsView:S,showBanner:C}=t,u=Me(t,["reportTagsView","showBanner"]);const{waterFallData:b,getRecommendVideos:f,hashTagSize:x,loadingImage:k,isOpenHashTag:h}=ye(),[P,I]=H(),[g,E]=H(),[A,T]=H(!1),D=ee(null),[O,L]=H(!1);ae(()=>{O||(L(!0),b&&f?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(V=>{var B;I(P?.concat((B=V?.recList)!==null&&B!==void 0?B:[])),L(!1)}))},[b,f,P,O]),Z(()=>{var V,B;if(T(!0),b&&f?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:x,maxSize:x}).then(N=>{var z,j;E(N),I((j=(z=N?.recList)===null||z===void 0?void 0:z.filter(_=>_?.video!==null||_?.product!==null))!==null&&j!==void 0?j:[]),T(!1)}),h){const N=Sn;E(N),I((B=(V=N?.recList)===null||V===void 0?void 0:V.filter(z=>z?.video!==null||z?.product!==null))!==null&&B!==void 0?B:[]),T(!1)}},[b,f,x,h]);const F=()=>{var V,B;!((V=g?.tag)===null||V===void 0)&&V.link&&(S(),window.location.href=(B=g?.tag)===null||B===void 0?void 0:B.link)};return v.createElement(v.Fragment,null,A?v.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:k,alt:"loading...",style:{objectFit:"contain"}})):v.createElement("div",{className:"list"},v.createElement("div",{className:"list-scroll",ref:D},C&&((e=g?.tag)===null||e===void 0?void 0:e.picture)&&v.createElement(Re,{className:se({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=g?.tag)===null||i===void 0?void 0:i.picture}),v.createElement("div",{className:"list-info",style:(n=u?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(o=g?.tag)===null||o===void 0?void 0:o.info),v.createElement("div",{hidden:!(!((l=g?.tag)===null||l===void 0)&&l.link),className:"list-collection",onClick:F,style:Object.assign(Object.assign({},(r=u?.textStyles)===null||r===void 0?void 0:r.hashTagLink),{marginBottom:u?.space})},((s=g?.tag)===null||s===void 0?void 0:s.linkTitle)||"Shop the collection"),v.createElement("div",{className:"list-content"},P?.map((V,B)=>v.createElement(na,Object.assign({key:B,index:B,rec:V,list:P,reportTagsView:S},u)))),v.createElement("div",{hidden:!O,style:{textAlign:"center"}},"loading..."),v.createElement("div",{hidden:!(!((a=g?.tag)===null||a===void 0)&&a.link),style:{height:!((c=g?.tag)===null||c===void 0)&&c.link?((d=u?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((p=u?.buttonStyle)===null||p===void 0?void 0:p.height)||"100px":0}})),v.createElement("div",{className:"list-bottom",hidden:!(!((m=g?.tag)===null||m===void 0)&&m.link),style:u?.buttonBgStyle}),v.createElement("div",{hidden:!(!((w=g?.tag)===null||w===void 0)&&w.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},u?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},v.createElement("button",{className:"list-btn",style:u?.buttonStyle,onClick:F},((y=g?.tag)===null||y===void 0?void 0:y.linkTitle)||"Shop the collection"))))}const la=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:r,cacheRtcList:s,setRtcList:a,cacheActiveIndex:c,rtcList:d,setCacheRtcList:p,setIsFromHashtag:m,isFromHashtag:w,bffEventReport:y,themeTag:S}=ye(),{backMainFeed:C}=He();ee(null);const u=ee(null),[b,f]=H();Z(()=>{const I=document.getElementById("sxp-render"),g=document.getElementById("water-fall");g?u.current=g:(u.current=document.createElement("div"),u.current.setAttribute("id","water-fall"),I?.appendChild(u.current))},[]);const x=()=>{const I=Oi(d,s);!I&&s&&s?.length&&a?.(s),S?.current||C("branch",S?.current,i?.hashTag),P(),r?.(void 0),m?.(!1),setTimeout(()=>{var g,E;I||(E=(g=l?.current)===null||g===void 0?void 0:g.swiper)===null||E===void 0||E.slideTo(c,0,!1),n?.(!1)},0)},[k,h]=H();Z(()=>{i&&h(i)},[i]);const P=ae(()=>{var I,g,E,A,T,D;const O=k?.rec;if(!O)return;let L="";w?L="hashTagPage":!((I=O?.video)===null||I===void 0)&&I.url?L="videoPage":!((E=(g=O?.video)===null||g===void 0?void 0:g.imgUrls)===null||E===void 0)&&E.length&&(L="imagePage"),y?.({eventInfo:{contentId:(A=O?.video)===null||A===void 0?void 0:A.itemId,position:c+"",contentTags:JSON.stringify((T=O?.video)===null||T===void 0?void 0:T.tags),traceInfo:(D=O?.video)===null||D===void 0?void 0:D.traceInfo,hashTags:JSON.stringify([k?.hashTag]),fromKName:L,fromKPage:location?.href,timeOnSite:Math.floor((new Date-b)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[k,y,b,w,c]);return Z(()=>{o&&f(new Date)},[o]),Z(()=>{const I=()=>{f(new Date)};return window.addEventListener("pageshow",I),()=>{window.removeEventListener("pageshow",I)}},[]),u.current?ji.createPortal(v.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},v.createElement(wn,{icon:ia,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:x}),t?.openFixedSize===!0||t?.openFixedSize===void 0?v.createElement(oa,Object.assign({reportTagsView:P},t)):v.createElement(ta,Object.assign({reportTagsView:P},t))),u.current):null};var Tn=he(la);const sa=t=>v.createElement(Tn,Object.assign({},t));var aa=he(sa);const ra=Ue(aa,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:$s,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var da=[{title:"\u534F\u8BAE\u8BE6\u60C5",child:[{type:"Switch",label:"\u5FC5\u987B\u540C\u610F\u7528\u6237\u534F\u8BAE",name:["props","privacy_necessity"],extra:"\u5F53\u65B0\u7528\u6237\u8FDB\u5165\u9875\u9762\u65F6\uFF0C\u4F1A\u51FA\u73B0\u7528\u6237\u534F\u8BAE\u5F39\u7A97\uFF0C\u7528\u6237\u9700\u8981\u5148\u540C\u610F\u534F\u8BAE\u540E\u624D\u80FD\u8BBF\u95EE\u5185\u5BB9\u3002"},{type:"Text",label:"\u5F39\u7A97\u6807\u9898",name:["props","privacy_title"]},{type:"TextArea",label:"\u7528\u6237\u534F\u8BAE\u5F39\u7A97\u5185\u5BB9",name:["props","privacy_context"]},{type:"Group",label:"\u9690\u79C1\u653F\u7B56",child:[{type:"Text",name:["props","privacy_policy_title"]},{type:"Text",name:["props","privacy_policy_url"],addonBefore:"https://"}],extra:"\u5F53\u7528\u6237\u70B9\u51FB\u66F4\u591A\u4FE1\u606F\u6309\u94AE\u65F6\uFF0C\u5C06\u4F1A\u8DF3\u8F6C\u81F3\u8BBE\u7F6E\u7684\u94FE\u63A5\u67E5\u770B\u653F\u7B56\u5185\u5BB9"}]}];const xn=t=>v.createElement(xn,Object.assign({},t));var ca=he(xn);const ua=Ue(ca,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:da},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var ki=Object.freeze({__proto__:null,Appoint:vs,AppointForm:ao,Commodity:ds,CommodityDetail:Yl,CommodityDetailDiroNew:ns,CommodityDiro:Ts,CommodityDiroNew:_s,Consent:ua,HashTag:ra,Link:gs,MultiCommodity:Fs,MultiCommodityDiro:Ls,MultiCommodityDiroNew:Gs,Prompt:Zl});const pa="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",va="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",fa=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,r=Me(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:a,bffEventReport:c}=ye(),[d,p]=H(e),m=Ye(va),w=Ye(pa),y=qt(()=>Fe(void 0,void 0,void 0,function*(){var S,C,u,b,f,x,k,h,P,I,g,E,A,T,D,O,L,F,V,B;if(d){p(!1);const N=(u=yield a?.({videoItemId:(C=(S=o?.video)===null||S===void 0?void 0:S.itemId)!==null&&C!==void 0?C:""}))!==null&&u!==void 0?u:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(b=o?.video)===null||b===void 0?void 0:b.itemId)!==null&&f!==void 0?f:"",contentName:(k=(x=o?.video)===null||x===void 0?void 0:x.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((P=(h=o?.video)===null||h===void 0?void 0:h.tags)!==null&&P!==void 0?P:[]),position:l+"",contentFormat:!((I=o?.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(g=o?.video)===null||g===void 0?void 0:g.traceInfo}}),N||p(!0)}else{p(!0);const N=(E=yield s?.({content:JSON.stringify(o)}))!==null&&E!==void 0?E:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(T=(A=o?.video)===null||A===void 0?void 0:A.itemId)!==null&&T!==void 0?T:"",contentName:(O=(D=o?.video)===null||D===void 0?void 0:D.title)!==null&&O!==void 0?O:"",contentTags:JSON.stringify((F=(L=o?.video)===null||L===void 0?void 0:L.tags)!==null&&F!==void 0?F:[]),position:l+"",contentFormat:!((V=o?.video)===null||V===void 0)&&V.url?"video":"image",traceInfo:(B=o?.video)===null||B===void 0?void 0:B.traceInfo}}),N||p(!1)}}),200);return v.createElement("button",Object.assign({},r,{onClick:y}),v.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:d?i||m:n||w,alt:"icon"}))};var En=he(fa);const ma=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,videoRef:s})=>{const[a,c]=H(!1),{bffEventReport:d,sxpParameter:p,waterFallData:m,openHashtag:w,bffFbReport:y}=ye(),S=ee(0),[C,u]=H(!1),[b,f]=H(!0),{isActive:x}=gn(),k=ee(null),[h,P]=H(""),I=`pb-cache-video-${e}`,g=ee(null),E=te(()=>r?.mode==="2",[r]),A=te(()=>{var R;return r?.mode==="2"?`translateY(-${50+((R=r?.offsetTop)!==null&&R!==void 0?R:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),T=te(()=>{var R;return((R=t?.video)===null||R===void 0?void 0:R.cover)||h},[h,t]),D=te(()=>E?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[E]),O=te(()=>r?.bgWay==="1",[r]),L=te(()=>O&&r?.bgColor?{backgroundColor:r?.bgColor}:{},[r,O]);Z(()=>{s&&s?.muted(o)},[o,s]);const F=ae(()=>{s&&s?.play()},[s]),V=Ye("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),B=ae(()=>{var R,W,K,oe,q,be,Y,de,Q;if(!s)return;u(!0),c(!1);const ie=n[e];if(ie&&s?.duration()){S.current=s?.currentTime()||0;const Se=((R=s?.duration())!==null&&R!==void 0?R:0).toFixed(2),Ae=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2),Ne=b?"0":"1";d?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(oe=(K=ie?.video)===null||K===void 0?void 0:K.itemId)!==null&&oe!==void 0?oe:"",contentName:(be=(q=ie?.video)===null||q===void 0?void 0:q.title)!==null&&be!==void 0?be:"",playType:Ne,startTime:Ae,videoDuration:Se,contentTags:JSON.stringify((de=(Y=ie?.video)===null||Y===void 0?void 0:Y.tags)!==null&&de!==void 0?de:[]),position:e+"",contentFormat:"video",traceInfo:(Q=ie?.video)===null||Q===void 0?void 0:Q.traceInfo}}),f(!1)}},[d,n,e,b,s]),N=ae(()=>{var R;if(!s||h||!E)return;const W=document.getElementById("player-container-id_html5_api");if(!W||(W.style.objectFit="contain",!((R=t?.video)===null||R===void 0)&&R.cover||!k||!k.current||O))return;const K=()=>{const oe=W,q=k?.current,be=q.getContext("2d"),Y=window?.innerWidth,de=window?.innerHeight;q.height=de,q.width=Y,be?.drawImage(oe,0,0,q.width,q.height),P(q.toDataURL())};K(),setTimeout(()=>{K()},500)},[s,O,t,h,E]),z=ae(()=>{s&&N()},[s,N]);ae(()=>{u(!0)},[]);const j=ae(R=>()=>{if(!s||!C)return;const W=s?.paused();switch(R){case"start":if(!W)return;s?.play(),c(!1);break;case"pause":if(W)return;s?.pause(),c(!0);break;default:W?s?.play():s?.pause(),c(!W);break}},[C,s]),_=ae(()=>{var R,W,K,oe,q,be,Y,de,Q;if(!s||l!==e)return;const ie=n[e],Se=((R=s?.duration())!==null&&R!==void 0?R:0).toFixed(2),Ae=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2);if(s?.duration()){const Ne=(s?.currentTime()-S.current).toFixed(2);d?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(oe=(K=ie?.video)===null||K===void 0?void 0:K.itemId)!==null&&oe!==void 0?oe:"",contentName:(be=(q=ie?.video)===null||q===void 0?void 0:q.title)!==null&&be!==void 0?be:"",endTime:Ae,videoDuration:Se,playDuration:Ne,contentTags:JSON.stringify((de=(Y=ie?.video)===null||Y===void 0?void 0:Y.tags)!==null&&de!==void 0?de:[]),position:e+"",contentFormat:"video",traceInfo:(Q=ie?.video)===null||Q===void 0?void 0:Q.traceInfo}})}},[n,e,d,s,l]);Z(()=>{if(!x||!s)return;const R=t?.video.url;if(!R)return;s?.src(R),c(!1);const W=document.querySelector(`#${I}`),K=document.querySelector("#player-container-id"),oe=document.querySelector("#player-container-id-copy");if(!(!K&&!oe))return W?.appendChild(K||oe),s?.on("loadedmetadata",z),s?.on("loadeddata",N),s?.on("playing",B),s?.on("pause",_),s?.on("ended",F),()=>{oe?.appendChild(K),s?.off("loadedmetadata",z),s?.off("loadeddata",N),s?.off("playing",B),s?.off("pause",_),s?.off("ended",F)}},[x,I,t,s]),Z(()=>{!s||!C||(x?(y?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[x,C,s]),Z(()=>{if(!x||!s)return;!s?.paused()&&w?s?.pause():w||s?.play()},[w,x,s]),Z(()=>{if(!x)return;const R=()=>{j("start")(),y?.({eventName:"ViewContent"})},W=j("pause");return st.on(Je.PAGE_DID_SHOW,R),st.on(Je.PAGE_DID_HIDE,W),()=>{st.off(Je.PAGE_DID_SHOW,R),st.off(Je.PAGE_DID_HIDE,W)}},[j,x]);const $=te(()=>!p?.placeholder_image||C?null:v.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:p?.placeholder_image}),[C,p?.placeholder_image]);return Z(()=>{if(!s)return;const R=()=>{var W;l===e&&(!((W=t?.video)===null||W===void 0)&&W.url)&&s&&!a&&j("pause")()};return window.addEventListener("beforeunload",R),()=>{window.removeEventListener("beforeunload",R)}},[l,e,t,s,j,a]),t?.video?v.createElement(v.Fragment,null,E?v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:j(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},L)},!O&&v.createElement(Re,{src:T,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},D)}),v.createElement("canvas",{ref:k,style:{display:"none"}}),v.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},v.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},v.createElement("div",{className:"n-full-screen",ref:g,id:I,style:{width:"100%",height:"100%"}}),v.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:V}))),$):v.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:j()},v.createElement("div",{className:"n-full-screen",ref:g,id:I,style:{width:"100%",height:"100%"}}),$,v.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:V}))):null};var ha=he(ma);const ga=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,r]=H(t),s=a=>{a.stopPropagation();const c=!l;r(c),n?.(c)};return v.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},v.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var In=he(ga);const ba=({imageUrl:t,style:e})=>{const[i,n]=H(!0);lt(),Z(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const o=Ye("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),l=te(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return v.createElement("div",{hidden:!i,className:`pb-finger-wrap ${l}`,style:e},v.createElement("img",{src:t||o}))},Cn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:o}=t,l=te(()=>n?.mode==="2",[n]),r=te(()=>{var d;return n?.mode==="2"?`translateY(-${50+((d=n?.offsetTop)!==null&&d!==void 0?d:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),s=te(()=>l?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[l]),a=te(()=>n?.bgWay==="1",[n]),c=te(()=>a&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,a]);return v.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!l||!a)&&v.createElement(Re,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},s),onLoad:o}),l&&v.createElement(Re,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:r,left:0,right:0}}))},ya=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:r,imgUrlsPostConfig:s})=>{var a;const c=ee(),{isActive:d}=gn(),{sxpParameter:p,openHashtag:m}=ye(),[w,y]=H(!1);Z(()=>{w&&d?(c?.current&&c.current.swiper.autoplay.start(),m?l(n):r(o)):c?.current&&c.current.swiper.autoplay.stop()},[n,d,l,m,o,r,w]);const S=ae(()=>{w||y(!0)},[w]);return v.createElement(ht,{ref:c,defaultValue:0,direction:"horizontal",modules:[Ft,Vt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((a=s?.delay)!==null&&a!==void 0?a:3)*1e3}},t?.map((C,u)=>v.createElement(it,{key:u},v.createElement(Cn,{src:!w&&u>0?"":C,height:i,imgUrlsPostConfig:s,onShowFirstImage:S}))))};var wa=he(ya);const Sa=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[r,s]=H(!1),{setWaterFallData:a,setOpenHashtag:c,setCacheActiveIndex:d,waterFallData:p,setIsFromHashtag:m}=ye(),w=y=>{p?m?.(!0):d?.(n),a?.(i?{hashTag:y,itemId:e,itemType:i,rec:o}:{hashTag:y,rec:o}),c?.(!0)};return te(()=>t.length<=6?null:v.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!r)},r?"show less":"show more"),[r,t]),v.createElement("div",{className:"clc-sxp-bottom-hashtag"},v.createElement($t,null,t?.map((y,S)=>v.createElement(it,{key:S,hidden:r?!1:S>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>w(y)},`#${y}`))))};var _n=he(Sa),Ta="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function Wt(t){return he(function(e){const{$store:i}=$n(),n=l=>{let r=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(a=>{a.replace(/{{\s*([\w.]+)\s*}}/g,(c,d)=>{if(d){const p=Mi(i,d);return r=r.replace(a,p),p}})}),r},o=te(()=>{var l,r,s;const{bindDatas:a}=e,c=Me(e,["bindDatas"]);if((l=a?.forEach)===null||l===void 0||l.call(a,d=>{if(d?.propKey&&d?.dataPath){const{propKey:p,dataPath:m}=d;m.replace(/{{\s*([\w.]+)\s*}}/g,(w,y)=>{var S,C;if(y){const u=(C=(S=Mi(i,y))!==null&&S!==void 0?S:e[p])!==null&&C!==void 0?C:"";return c[p]=u,u}})}}),c){c.eventMap={};const d=xt(c.event)||{};for(const p in d)if(Object.prototype.hasOwnProperty.call(d,p))try{d[p].value=n(d[p].value),c.eventMap[p]=new Function(d[p].value)}catch{}}return!((s=(r=c?.event)===null||r===void 0?void 0:r.onClick)===null||s===void 0)&&s.linkType&&(c.style.cursor="pointer"),c},[i,e]);return v.createElement(t,Object.assign({},o,o.eventMap))})}const xa=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=lt(),l=te(()=>{var r,s,a,c,d,p,m,w,y,S,C,u,b,f,x,k,h,P,I,g,E,A,T,D,O,L,F,V,B,N,z;if(!t?.video)return null;let j=null;!((s=(r=t?.video)===null||r===void 0?void 0:r.bindProducts)===null||s===void 0)&&s.length?j="\u591A\u5546\u54C1CTA":!((a=t?.video)===null||a===void 0)&&a.bindProduct?j="\u5546\u54C1CTA":j=(d=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||d===void 0?void 0:d.itemId;const _=i?.[j];if(((p=_?.item)===null||p===void 0?void 0:p.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((w=_?.item)===null||w===void 0?void 0:w.type)==="Commodity"&&!(!((y=t?.video)===null||y===void 0)&&y.bindProduct)||((S=_?.item)===null||S===void 0?void 0:S.type)==="CommodityDiroNew"&&!(!((C=t?.video)===null||C===void 0)&&C.bindProduct)||((u=_?.item)===null||u===void 0?void 0:u.type)==="MultiCommodity"&&!(!((f=(b=t?.video)===null||b===void 0?void 0:b.bindProducts)===null||f===void 0)&&f.length)||((x=_?.item)===null||x===void 0?void 0:x.type)==="MultiCommodityDiro"&&!(!((h=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||h===void 0)&&h.length)||((P=_?.item)===null||P===void 0?void 0:P.type)==="MultiCommodityDiroNew"&&!(!((g=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||g===void 0)&&g.length))return null;if(_&&n){const $=n[(E=_?.item)===null||E===void 0?void 0:E.type],R=Wt($),W=(A=$?.extend)===null||A===void 0?void 0:A.defaulSetting,K=((O=(D=(T=_?.item)===null||T===void 0?void 0:T.event)===null||D===void 0?void 0:D.onClick)===null||O===void 0?void 0:O.linkType)==="externalLink";return v.createElement(R,Object.assign({style:Object.assign(Object.assign(Object.assign({},W?.style),(L=_?.item)===null||L===void 0?void 0:L.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},W?.textStyle),(F=_?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(B=(V=_?.item)===null||V===void 0?void 0:V.bindDatas)!==null&&B!==void 0?B:[]},W?.props,(N=_?.item)===null||N===void 0?void 0:N.props,{event:((z=_?.item)===null||z===void 0?void 0:z.event)||{},schema:o,id:_?.id,key:_?.id,recData:t,isExternalLink:K,index:e}))}else return null},[t,n,i,o]);return v.createElement(v.Fragment,null,l)};var kn=he(xa);const Dn=({nudge:t})=>{var e,i,n,o,l,r,s;return v.createElement(v.Fragment,null,t?.isOpen&&v.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(r=t?.borderRadius)!==null&&r!==void 0?r:4}},t?.icon?v.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,v.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(s=t?.content)!==null&&s!==void 0?s:"")))},Di="FOR U",Ea=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=H(Di),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:r,setCacheActiveIndex:s,setLoading:a,swiperRef:c,waterFallData:d,bffEventReport:p}=ye(),{backMainFeed:m}=He(),w=te(()=>[Di,...t],[t]),y=S=>()=>{if(S===i)return;S!=="FOR U"?p?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`[${S}]`}}):m("theme",i);let C;S!==Di&&(C=S),a?.(!0),o?.({themeTag:C}).then(u=>{var b,f,x,k;st.emit(Je.CHANGE_THEME_TAG,C),l?.((b=u?.recList)!==null&&b!==void 0?b:[]),r?.((f=u?.recList)!==null&&f!==void 0?f:[]),e?.(0),s?.(0),(k=(x=c?.current)===null||x===void 0?void 0:x.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{a?.(!1)}),n(S)};return d||t.length<=0?null:v.createElement("div",{className:"clc-sxp-tagbar"},v.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},w.map(S=>v.createElement("li",{className:`clc-sxp-tagbar-list-item ${S===i?"clc-sxp-tagbar-list-item-active":""}`,key:S,onClick:y(S)},S))))};var An=he(Ea);const Pn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:r=[],ctaType:s,tipText:a,nudge:c,_schema:d,hashTagStyle:p,tagList:m=[],licenseUrl:w})=>{var y,S,C,u,b,f,x,k,h,P;const{schema:I}=lt(),[g,E]=H(0),A=ee(0),[T,D]=H(!1),[O,L]=H(!0),F=ee(),[V,B]=H(!1),[N,z]=H(!1),{loadVideos:j,bffEventReport:_,loading:$,setPopupDetailData:R,ctaEvent:W,swiperRef:K,waterFallData:oe,setOpenHashtag:q,appDomain:be,openHashtag:Y,loadingImage:de,isFromHashtag:Q,popupDetailData:ie,bffFbReport:Se,curTime:Ae,h5EnterLink:Ne}=ye(),{backMainFeed:We}=He(),[X,me]=H(null),we=ee(),{productView:le}=He(),Qe=te(()=>r.length>0&&!$&&Xn(),[r,$]),Le=ae(()=>{if(r.length<=0)return;Yn();const M=new Date;F.current=M,T&&Ne?.(),Se?.({eventName:"PageView"}),D(!0)},[r.length,Se,Ne,T]),nt=ee();Z(()=>{var M,re,J,pe;if(!nt.current&&!X&&we?.current&&r?.length>0){nt.current=!0;const fe=TCPlayer("player-container-id",{licenseUrl:w,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((re=(M=r?.[0])===null||M===void 0?void 0:M.video)===null||re===void 0)&&re.url?[{src:(pe=(J=r?.[0])===null||J===void 0?void 0:J.video)===null||pe===void 0?void 0:pe.url}]:[]});fe?.ready(()=>{me(fe)})}},[X,w,r]),Z(()=>{T||Le()},[Le,T]),Z(()=>{var M;const re=r?.findIndex(J=>{var pe,fe,ce,ne,ue,Ce,Be,ze,Ie;return s==="\u591A\u5546\u54C1CTA"?((pe=J?.video)===null||pe===void 0?void 0:pe.bindProducts)&&((ce=(fe=J?.video)===null||fe===void 0?void 0:fe.bindProducts)===null||ce===void 0?void 0:ce.length)>0:s==="\u5546\u54C1CTA"?(ne=J?.video)===null||ne===void 0?void 0:ne.bindProduct:((Ce=(ue=J?.video)===null||ue===void 0?void 0:ue.bindCta)===null||Ce===void 0?void 0:Ce.itemId)===s&&(((Be=J?.video)===null||Be===void 0?void 0:Be.url)||((Ie=(ze=J?.video)===null||ze===void 0?void 0:ze.imgUrls)===null||Ie===void 0?void 0:Ie.length))})||0;(M=K?.current)===null||M===void 0||M.swiper.slideTo(re)},[s,K]),Z(()=>{const M=r?.[g],re=()=>{var J,pe,fe,ce,ne,ue,Ce,Be,ze,Ie,Pe,pt,vt,ft,rt,Tt;if(document.visibilityState==="hidden"){st.emit(Je.PAGE_DID_HIDE,M),Ee(M),_e(M);let Oe="";ie&&(!((pe=(J=M?.video)===null||J===void 0?void 0:J.bindProducts)===null||pe===void 0)&&pe.length||!((fe=M?.video)===null||fe===void 0)&&fe.bindProduct)?Oe="pdpPage":ie&&((Ce=o?.[(ue=(ne=(ce=M?.video)===null||ce===void 0?void 0:ce.bindCta)===null||ne===void 0?void 0:ne.itemId)!==null&&ue!==void 0?ue:""].item)===null||Ce===void 0?void 0:Ce.type)==="Appoint"?Oe="formPage":Q?Oe="hashTagPage":!((Be=M?.video)===null||Be===void 0)&&Be.url?Oe="videoPage":!((ze=M?.video)===null||ze===void 0)&&ze.imgUrls&&(!((Pe=(Ie=M?.video)===null||Ie===void 0?void 0:Ie.imgUrls)===null||Pe===void 0)&&Pe.length)?Oe="imagePage":M?.product&&(Oe="productPage"),_?.({eventInfo:{sessionDuration:Math.floor((new Date-Ae.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(pt=M?.video)===null||pt===void 0?void 0:pt.itemId,productId:(vt=M?.product)===null||vt===void 0?void 0:vt.itemId,position:g+"",fromKName:Oe,fromKPage:location?.href,ctatId:(Tt=(rt=(ft=M?.video)===null||ft===void 0?void 0:ft.bindCta)===null||rt===void 0?void 0:rt.itemId)!==null&&Tt!==void 0?Tt:""}})}else document.visibilityState==="visible"&&(Le(),xe(g),st.emit(Je.PAGE_DID_SHOW,M),We("external"))};return document.addEventListener("visibilitychange",re),()=>{document.removeEventListener("visibilitychange",re)}},[g,_,r,Le,ie,Q,o,Ae,We]),Z(()=>{const M=()=>{We("external")};return window.addEventListener("pageshow",M),()=>{window.removeEventListener("pageshow",M)}},[]);const Ze=te(()=>{let M=0;return m.length>0&&(M+=45,oe&&(M-=45)),M},[m,oe]),De=te(()=>{let M=0;return t?.logoUrl&&t?.isShowLogo&&(M+=45),i-M-Ze},[t,i,Ze]),Yt=te(()=>t?.logoUrl&&t?.isShowLogo?v.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},v.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),wt=ae((M,re)=>{var J,pe,fe,ce;return!((J=M?.video)===null||J===void 0)&&J.url?v.createElement(ha,{rec:M,index:re,muted:O,data:r,height:De,activeIndex:g,videoPostConfig:t?.videoPost,videoRef:X}):!((pe=M?.video)===null||pe===void 0)&&pe.imgUrls?v.createElement(wa,{key:M?.video.itemId,imgUrls:M?.video.imgUrls,width:n,height:De,rec:M,index:re,onReportViewImageEnd:Ee,onViewImageStartEvent:xe,imgUrlsPostConfig:t?.imgUrlsPost}):M.product&&Array.isArray(t?.productPost)&&((fe=t?.productPost)===null||fe===void 0?void 0:fe.length)>0?(ce=t?.productPost)===null||ce===void 0?void 0:ce.map((ne,ue)=>{var Ce,Be,ze,Ie,Pe,pt,vt,ft;const rt=l[(Ce=ne?.item)===null||Ce===void 0?void 0:Ce.type],Tt=Wt(rt),Oe=(Be=rt?.extend)===null||Be===void 0?void 0:Be.defaulSetting;return v.createElement(Tt,Object.assign({key:`${re}${ue}`,textStyle:Object.assign(Object.assign({},Oe?.textStyle),(ze=ne?.item)===null||ze===void 0?void 0:ze.textStyle),bindDatas:(Pe=(Ie=ne?.item)===null||Ie===void 0?void 0:Ie.bindDatas)!==null&&Pe!==void 0?Pe:[]},Oe?.props,(pt=ne?.item)===null||pt===void 0?void 0:pt.props,{event:((vt=ne?.item)===null||vt===void 0?void 0:vt.event)||{},schema:I,id:ne?.id,viewTime:F.current,rec:M,isPost:!0,tipText:a,style:Object.assign(Object.assign(Object.assign({},Oe?.style),(ft=ne?.item)===null||ft===void 0?void 0:ft.style),{height:"100%",overflow:"auto"}),index:re}))}):null},[n,r,De,O,g,t?.productPost,F,a,l,I,X]),Dt=ae(M=>{z(M)},[]),U=te(()=>N?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[N]),G=ae((M,re)=>{var J,pe,fe,ce,ne,ue,Ce;return M?.video?v.createElement(v.Fragment,null,((J=M?.video)===null||J===void 0?void 0:J.title)&&!N&&v.createElement("div",{className:"clc-sxp-bottom-shadow"}),v.createElement("div",{className:"clc-sxp-bottom"},v.createElement(Dn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?v.createElement("div",{className:"clc-sxp-bottom-card"},v.createElement(kn,{rec:M,index:re,tempMap:o,resolver:l})):null,v.createElement("div",null,v.createElement(Gt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:a?.foldText,unfoldText:a?.unfoldText,text:(fe=(pe=M?.video)===null||pe===void 0?void 0:pe.title)!==null&&fe!==void 0?fe:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Dt}),v.createElement(_n,{index:g,tags:(ne=(ce=M?.video)===null||ce===void 0?void 0:ce.hashTags)!==null&&ne!==void 0?ne:[],itemId:(ue=M?.video)===null||ue===void 0?void 0:ue.itemId,itemType:!((Ce=M?.video)===null||Ce===void 0)&&Ce.itemId?"VIDEO":null,rec:M,hashTagStyle:p})))):null},[e,g,o,l,a,c,p,t,Dt,N,U]),ve=ae((M,re)=>{var J,pe,fe,ce;if(!t?.isShowLike)return;let ne=(J=t?.likeIconY)!==null&&J!==void 0?J:400;return oe&&ne<40&&(ne+=40),M?.video?v.createElement(En,{key:M.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:M.isCollected,recData:M,className:"clc-sxp-like-button",style:{[(pe=t.likeIconXPosit)!==null&&pe!==void 0?pe:"right"]:(fe=t.likeIconX)!==null&&fe!==void 0?fe:0,[(ce=t.likeIconYPosit)!==null&&ce!==void 0?ce:"bottom"]:ne},position:re}):null},[t,oe]),Ee=M=>{var re,J,pe,fe,ce,ne;if(!(!((re=M?.video)===null||re===void 0)&&re.url)&&(!((J=M?.video)===null||J===void 0)&&J.imgUrls)){const ue=Date.now(),Ce=(ue-A.current)/1e3;_?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(fe=(pe=M?.video)===null||pe===void 0?void 0:pe.itemId)!==null&&fe!==void 0?fe:"",contentName:(ce=M?.video.title)!==null&&ce!==void 0?ce:"",imageEndTime:`${ue}`,playDuration:`${Ce}`,contentTags:JSON.stringify((ne=M?.video.tags)!==null&&ne!==void 0?ne:[]),position:g+"",contentFormat:"image",traceInfo:M?.video.traceInfo}})}},Te=M=>{var re,J,pe,fe,ce,ne,ue,Ce,Be,ze;F.current=new Date;const Ie=r[M.previousIndex];if(!Ie)return;M.previousIndex-M.activeIndex<0?(_?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(J=(re=Ie?.video)===null||re===void 0?void 0:re.itemId)!==null&&J!==void 0?J:"",productId:(fe=(pe=Ie?.product)===null||pe===void 0?void 0:pe.itemId)!==null&&fe!==void 0?fe:"",requestId:null}}),Ee(Ie)):(_?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(ne=(ce=Ie?.video)===null||ce===void 0?void 0:ce.itemId)!==null&&ne!==void 0?ne:"",productId:(Ce=(ue=Ie.product)===null||ue===void 0?void 0:ue.itemId)!==null&&Ce!==void 0?Ce:"",requestId:null}}),Ee(Ie)),_e(Ie);const Pe=r[M.activeIndex];!(!((Be=Pe?.video)===null||Be===void 0)&&Be.url)&&!(!((ze=Pe?.video)===null||ze===void 0)&&ze.imgUrls)&&Pe?.product&&Se?.({eventName:"ProductView"})},_e=M=>{var re,J,pe;!(!((re=M?.video)===null||re===void 0)&&re.url)&&!(!((J=M?.video)===null||J===void 0)&&J.imgUrls)&&M?.product&&le(M,M.product,(pe=M?.product)===null||pe===void 0?void 0:pe.bindCta,F.current,g)};Z(()=>{const M=r[g];Y&&_e(M)},[Y,r,g]);const xe=M=>{var re,J,pe,fe,ce,ne;const ue=r[M];if(!(!((re=ue?.video)===null||re===void 0)&&re.url)&&(!((J=ue?.video)===null||J===void 0)&&J.imgUrls)){const Ce=Date.now();A.current=Ce,_?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(fe=(pe=ue?.video)===null||pe===void 0?void 0:pe.itemId)!==null&&fe!==void 0?fe:"",contentName:(ce=ue?.video.title)!==null&&ce!==void 0?ce:"",imageStartTime:`${Ce}`,contentTags:JSON.stringify((ne=ue?.video.tags)!==null&&ne!==void 0?ne:[]),position:M+"",contentFormat:"image",traceInfo:ue?.video.traceInfo}}),Se?.({eventName:"ViewContent"})}},ke=te(()=>{const M=r?.map((re,J)=>g===J||J-1===g||J+1===g?re:null);return oe?M:M.concat([{loading:!0}])},[r,g,oe]),ot=te(()=>$?v.createElement("div",{style:{height:De,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:de,alt:"loading...",style:{objectFit:"contain"}})):ke?.map((M,re)=>v.createElement(it,{key:re,virtualIndex:re},M&&v.createElement(v.Fragment,null,M?.loading?v.createElement("div",{style:{height:De,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},v.createElement("img",{width:64,height:64,src:de,alt:"loading...",style:{objectFit:"contain"}})):v.createElement(v.Fragment,null,wt(M,re),G(M,re),ve(M,re))))),[n,r,De,$,G,wt,ke,de]),ut=Ye("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),St=Ye("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return v.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},oe&&v.createElement(wn,{icon:Ta,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),Yt,v.createElement(An,{tagList:m,setActiveIndex:E}),Qe?v.createElement(ba,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((y=t?.swipeTipOffset)!==null&&y!==void 0?y:0)}%`}}):null,v.createElement(ht,{style:{marginTop:Ze},ref:K,onSlideChange:()=>{K.current.swiper.allowTouchMove=!1,setTimeout(()=>{K.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:M=>{E(M.activeIndex),!Y&&(Te(M),!oe&&M?.activeIndex+2>=r?.length&&(V||(B(!0),j?.(Math.ceil(g/10)+1).then(()=>{B(!1)}))))},direction:"vertical",height:De},v.createElement(In,{style:{position:"fixed",visibility:!((C=(S=r?.[g])===null||S===void 0?void 0:S.video)===null||C===void 0)&&C.url?"visible":"hidden",zIndex:999,[(u=t?.muteIconXPosit)!==null&&u!==void 0?u:"right"]:(b=t?.muteIconX)!==null&&b!==void 0?b:0,[(f=t?.muteIconYPosit)!==null&&f!==void 0?f:"bottom"]:(x=t?.muteIconY)!==null&&x!==void 0?x:23},defaultValue:O,activeIcon:t?.unMuteIcon?t?.unMuteIcon:ut,unactiveIcon:t?.muteIcon?t?.muteIcon:St,onChange:L}),ot),v.createElement(Tn,Object.assign({},(P=(h=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||h===void 0?void 0:h.item)===null||P===void 0?void 0:P.props)),v.createElement("div",{style:{position:"absolute",zIndex:-100}},v.createElement("video",{ref:we,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),v.createElement("div",{id:"player-container-id-copy"})))},Ia=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>v.createElement(ht,{defaultValue:0,direction:"horizontal",modules:[Ft,Vt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(r=>v.createElement(it,{key:r},v.createElement(Cn,{src:r,height:i,imgUrlsPostConfig:n}))));var Ca=he(Ia);const _a=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,width:s})=>{const[a,c]=H(!1),d=ee(null),{bffEventReport:p,sxpParameter:m,waterFallData:w,openHashtag:y}=ye(),S=ee(0),[C,u]=H(!1),[b,f]=H(!0),x=ee(null),[k,h]=H("");Z(()=>{d.current&&(d.current.muted=o)},[o]);const P=ae(()=>{var N;(N=d.current)===null||N===void 0||N.play()},[]),I=Ye("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),g=ae(()=>{var N,z,j,_,$,R,W,K,oe,q,be,Y,de;c(!1);const Q=n[e];if(Q&&(!((N=d?.current)===null||N===void 0)&&N.duration)){S.current=((z=d?.current)===null||z===void 0?void 0:z.currentTime)||0;const ie=((_=(j=d.current)===null||j===void 0?void 0:j.duration)!==null&&_!==void 0?_:0).toFixed(2),Se=((R=($=d.current)===null||$===void 0?void 0:$.currentTime)!==null&&R!==void 0?R:0).toFixed(2),Ae=b?"0":"1";p?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(K=(W=Q?.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(q=(oe=Q?.video)===null||oe===void 0?void 0:oe.title)!==null&&q!==void 0?q:"",playType:Ae,startTime:Se,videoDuration:ie,contentTags:JSON.stringify((Y=(be=Q?.video)===null||be===void 0?void 0:be.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(de=Q?.video)===null||de===void 0?void 0:de.traceInfo}}),f(!1)}},[p,n,e,b]),E=ae(()=>{u(!0)},[]),A=ae(N=>()=>{var z,j,_,$,R;if(!C)return;const W=(z=d.current)===null||z===void 0?void 0:z.paused;switch(N){case"start":if(!W)return;(j=d.current)===null||j===void 0||j.play(),c(!1);break;case"pause":if(W)return;(_=d.current)===null||_===void 0||_.pause(),c(!0);break;default:W?($=d.current)===null||$===void 0||$.play():(R=d.current)===null||R===void 0||R.pause(),c(!W);break}},[C]),T=ae(()=>{var N,z,j,_,$,R,W,K,oe,q,be,Y,de;const Q=n[e],ie=((z=(N=d.current)===null||N===void 0?void 0:N.duration)!==null&&z!==void 0?z:0).toFixed(2),Se=((_=(j=d.current)===null||j===void 0?void 0:j.currentTime)!==null&&_!==void 0?_:0).toFixed(2);if(!(($=d?.current)===null||$===void 0)&&$.duration){const Ae=(((R=d?.current)===null||R===void 0?void 0:R.currentTime)-S.current).toFixed(2);p?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(K=(W=Q?.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(q=(oe=Q?.video)===null||oe===void 0?void 0:oe.title)!==null&&q!==void 0?q:"",endTime:Se,videoDuration:ie,playDuration:Ae,contentTags:JSON.stringify((Y=(be=Q?.video)===null||be===void 0?void 0:be.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(de=Q?.video)===null||de===void 0?void 0:de.traceInfo}})}},[n,e,p]),D=te(()=>r?.mode==="2",[r]),O=te(()=>{var N;return r?.mode==="2"?`translateY(-${50+((N=r?.offsetTop)!==null&&N!==void 0?N:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),L=te(()=>{var N;return((N=t?.video)===null||N===void 0?void 0:N.cover)||k},[k,t]),F=ae(()=>{if(!x||!d||!d.current||!x.current)return;const N=d?.current,z=x?.current,j=z.getContext("2d"),_=window?.innerWidth,$=window?.innerHeight;z.height=$,z.width=_,j?.drawImage(N,0,0,z.width,z.height),h(z.toDataURL())},[]);Z(()=>{var N,z,j,_;if(d.current){if(c(!1),!d.current.src){const $=t?.video.url;if($.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const R=new window.Hls;R.loadSource($),R.attachMedia(d.current)}else d.current.canPlayType("application/vnd.apple.mpegurl"),d.current.src=$;else d.current.src=$;d.current.setAttribute("x5-playsinline","true"),d.current.setAttribute("webkit-playsinline","true")}return(N=d.current)===null||N===void 0||N.addEventListener("loadedmetadata",E),(z=d.current)===null||z===void 0||z.addEventListener("canplay",E),(j=d.current)===null||j===void 0||j.addEventListener("playing",g),(_=d.current)===null||_===void 0||_.addEventListener("loadeddata",F),()=>{var $,R,W,K;($=d.current)===null||$===void 0||$.removeEventListener("loadedmetadata",E),(R=d.current)===null||R===void 0||R.removeEventListener("canplay",E),(W=d.current)===null||W===void 0||W.removeEventListener("playing",g),(K=d.current)===null||K===void 0||K.removeEventListener("loadeddata",F)}}},[E,g,t?.video,F]);const V=te(()=>!m?.placeholder_image||C?null:v.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image}),[C,m?.placeholder_image]);Z(()=>{const N=()=>{var z,j;l===e&&(!((z=t?.video)===null||z===void 0)&&z.url)&&(!((j=d?.current)===null||j===void 0)&&j.src)&&!a&&A("pause")()};return window.addEventListener("beforeunload",N),()=>{window.removeEventListener("beforeunload",N)}},[l,e,t,d,A,a]);const B=te(()=>D?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[D]);return t?.video?v.createElement(v.Fragment,null,D?v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},v.createElement(Re,{src:L,style:Object.assign({height:i,width:s,objectFit:"cover"},B)}),v.createElement("canvas",{ref:x,style:{display:"none"}}),v.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:O,left:0,right:0}},v.createElement("div",{style:{position:"relative",width:s,height:"100%"}},v.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:d,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:P,style:{width:"100%",height:i,objectFit:"contain"}}),v.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I}))),V):v.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},v.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:d,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:P}),V,v.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I}))):null};var ka=he(_a);const Ai={};Object.values(ki).forEach(t=>{Ai[t.extend.type]=t});const Da="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Aa="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Pa=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:r,containerHeight:s=664,containerWidth:a=375,appDomain:c,tagList:d=[]})=>{const p=te(()=>{let h=0;return e?.logoUrl&&e?.isShowLogo&&(h+=45),d.length>0&&(h+=45),s-h},[e,s,d]),m=(h,P)=>{var I,g,E,A;if(!((I=h?.video)===null||I===void 0)&&I.url)return v.createElement(ka,{rec:h,index:P,muted:!0,width:a,data:t??[],height:p,activeIndex:P,videoPostConfig:e?.videoPost});if(!((g=h?.video)===null||g===void 0)&&g.imgUrls)return v.createElement(Ca,{key:h?.video.itemId,imgUrls:h?.video.imgUrls,width:a,height:p,rec:h,index:P,imgUrlsPostConfig:e?.imgUrlsPost});if(h.product&&h.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((T,D)=>{var O,L,F,V,B,N,z,j;const _=Ai[(O=T?.item)===null||O===void 0?void 0:O.type],$=Wt(_),R=(L=_?.extend)===null||L===void 0?void 0:L.defaulSetting;return v.createElement($,Object.assign({key:`${P}${D}`,textStyle:Object.assign(Object.assign({},R?.textStyle),(F=T?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(B=(V=T?.item)===null||V===void 0?void 0:V.bindDatas)!==null&&B!==void 0?B:[]},R?.props,(N=T?.item)===null||N===void 0?void 0:N.props,{event:((z=T?.item)===null||z===void 0?void 0:z.event)||{},id:T?.id,rec:h,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},R?.style),(j=T?.item)===null||j===void 0?void 0:j.style),{width:a,height:p,overflow:"auto"}),index:P}))})},w=te(()=>e?.logoUrl&&e?.isShowLogo?v.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},v.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),y=(h,P)=>e?.isShowCTA===void 0||e?.isShowCTA?v.createElement("div",{className:"clc-sxp-bottom-card"},v.createElement(kn,{rec:h,index:P,tempMap:o,resolver:Ai})):null,S=(h,P)=>{var I,g,E,A,T,D,O;return h?.video?v.createElement(v.Fragment,null,((I=h?.video)===null||I===void 0?void 0:I.title)&&v.createElement("div",{className:"clc-sxp-bottom-shadow"}),v.createElement("div",{className:"clc-sxp-bottom"},v.createElement(Dn,{nudge:n}),y(h,P),v.createElement("div",null,v.createElement(Gt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(g=h?.video)===null||g===void 0?void 0:g.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),v.createElement(_n,{index:P,tags:(T=(A=h?.video)===null||A===void 0?void 0:A.hashTags)!==null&&T!==void 0?T:[],itemId:(D=h?.video)===null||D===void 0?void 0:D.itemId,itemType:!((O=h?.video)===null||O===void 0)&&O.itemId?"VIDEO":null,rec:h,hashTagStyle:r}))):null},C=Ye(Aa,c),u=Ye(Da,c),b=(h,P)=>{var I,g,E,A;if(!e?.isShowLike)return;let T=(I=e?.likeIconY)!==null&&I!==void 0?I:400;return T<40&&(T+=40),h?.video?v.createElement(En,{key:h.position,activeIcon:(g=e?.likeIcon)!==null&&g!==void 0?g:C,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:u,position:P,active:h.isCollected,recData:h,className:"clc-sxp-like-button",style:{top:T,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},f=Ye("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),x=Ye("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),k=(h,P)=>{var I,g,E,A;return v.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},w,v.createElement(An,{tagList:d}),v.createElement(In,{style:{position:"absolute",right:(I=e?.muteIconX)!==null&&I!==void 0?I:0,visibility:!((E=(g=t?.[P])===null||g===void 0?void 0:g.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:f,unactiveIcon:e?.muteIcon?e?.muteIcon:x}),m(h,P),S(h,P),b(h,P))};return v.createElement("div",{className:se({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((h,P)=>k(h,P)))};var Oa=he(Pa);const Ma=()=>{const{schema:t,resolver:e,popup:i}=lt(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=ye(),{productView:r}=He(),[s,a]=H(),c=ee(null);Z(()=>{const m=()=>{c.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),Z(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,a(i))},[i]);const d=()=>{var m,w,y,S;if(!i||i?.id===""||!s||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;a(Object.assign(Object.assign({},i),{id:""}));const C=o,u=(w=C?.video)===null||w===void 0?void 0:w.bindProduct,b=(S=(y=C?.video)===null||y===void 0?void 0:y.bindProduct)===null||S===void 0?void 0:S.bindCta;u&&b&&r(C,u,b,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},p=te(()=>{var m,w,y;return(y=(w=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||w===void 0?void 0:w.popupList)===null||y===void 0?void 0:y.map((S,C)=>{var u,b,f,x,k,h,P,I,g,E,A,T,D,O,L;if(S?.id===i?.id){const F=e[(u=S?.item)===null||u===void 0?void 0:u.type],V=Wt(F),B=((x=(f=(b=S?.item)===null||b===void 0?void 0:b.event)===null||f===void 0?void 0:f.onClick)===null||x===void 0?void 0:x.linkType)==="externalLink",N=((P=(h=(k=S?.item)===null||k===void 0?void 0:k.event)===null||h===void 0?void 0:h.onClick)===null||P===void 0?void 0:P.linkType)==="popup",z=(I=F?.extend)===null||I===void 0?void 0:I.defaulSetting;return v.createElement(V,Object.assign({key:C,style:Object.assign(Object.assign(Object.assign({},z?.style),(g=S?.item)===null||g===void 0?void 0:g.style),{width:(E=window.innerWidth)!==null&&E!==void 0?E:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},z?.textStyle),(A=S?.item)===null||A===void 0?void 0:A.textStyle),bindDatas:(D=(T=S?.item)===null||T===void 0?void 0:T.bindDatas)!==null&&D!==void 0?D:[]},z?.props,(O=S?.item)===null||O===void 0?void 0:O.props,{event:((L=S?.item)===null||L===void 0?void 0:L.event)||{},schema:t,id:S?.id,isExternalLink:B,isPopup:N,onClose:d}))}else return v.createElement(v.Fragment,null)})},[t,i,e,d]);return v.createElement(Ut,{popup:s,onClose:d,padding:0,modalStyle:{position:"fixed"}},p)},Pi={};Object.values(ki).forEach(t=>{Pi[t.extend.type]=t});const La=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:r,enabledMetaConversionApi:s})=>{var a,c,d,p,m,w,y,S,C,u,b;const f=te(()=>{var x;return location?.search?(x=location?.search)===null||x===void 0?void 0:x.replace("?",""):""},[]);return v.createElement(Ji,{resolver:Pi,enableDataSource:!1,schema:t?.data,utmVal:f},v.createElement(Wi,{utmVal:f,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(p=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.default_recommend)!==null&&p!==void 0?p:i,hashTagSize:(w=(m=t?.sxp_parameter)===null||m===void 0?void 0:m.hash_tag_size)!==null&&w!==void 0?w:n,loadingImage:o,appDomain:l,enabledMetaConversionApi:s,isShowTag:(C=(S=(y=t?.data)===null||y===void 0?void 0:y.sxpPageConf)===null||S===void 0?void 0:S.globalConfig)===null||C===void 0?void 0:C.isShowTag,globalConfig:(b=(u=t?.data)===null||u===void 0?void 0:u.sxpPageConf)===null||b===void 0?void 0:b.globalConfig,render:({rtcList:x,tagList:k})=>{var h;return v.createElement(v.Fragment,null,v.createElement(Pn,Object.assign({},(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf,{tagList:k,data:x,resolver:Pi,licenseUrl:r})),v.createElement(Ma,null))}}))};var ja=he(La);const On=It({}),Na=({children:t,data:e})=>{var i,n,o,l,r,s,a,c,d,p,m,w,y;const[S,C]=H(!1),[u,b]=H(!1);return v.createElement(On.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image,privacyContent:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.privacy_context,privacyNecessity:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_necessity,privacyPolicyTitle:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.privacy_policy_title,privacyPolicyUrl:(p=e?.sxp_parameter)===null||p===void 0?void 0:p.privacy_policy_url,privacyTitle:(m=e?.sxp_parameter)===null||m===void 0?void 0:m.privacy_title,template:(w=e?.sxp_parameter)===null||w===void 0?void 0:w.template,industry:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.industry},appDomain:e?.appDomain,openHashtag:S,setOpenHashtag:C,openConsent:u,setOpenConsent:b}},t)};function Ba(){return Et(On)}export{Oa as DiyPortalPreview,Na as EditorDataProvider,Ut as Modal,Wi as SxpDataSourceProvider,ja as SxpPageCore,Pn as SxpPageRender,to as core,Gn as default,Ge as defaultSetting,ki as materials,Ba as useEditorDataProvider};
|
7
7
|
//# sourceMappingURL=index.min.js.map
|