pb-sxp-ui 1.0.90 → 1.0.92

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.
Files changed (17) hide show
  1. package/dist/index.cjs +19 -16
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +19 -16
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +3 -3
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -3
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +23 -19
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +3 -3
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/VideoWidget/index.js +13 -13
  14. package/es/materials/sxp/template/components/Img.js +5 -2
  15. package/lib/core/components/SxpPageRender/VideoWidget/index.js +13 -13
  16. package/lib/materials/sxp/template/components/Img.js +4 -1
  17. package/package.json +1 -2
package/dist/index.min.cjs CHANGED
@@ -1,7 +1,7 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Ee=require("lodash"),wn=require("uuid"),Sn=require("pako"),o=require("react"),Rt=require("qs"),Tn=require("eventemitter3"),ce=require("@emotion/css"),xn=require("react-dom"),wi=require("hls.js");function En(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:function(){return t[i]}})}}),e.default=t,Object.freeze(e)}var Si=En(xn);function De(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 l=0,n=Object.getOwnPropertySymbols(t);l<n.length;l++)e.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(t,n[l])&&(i[n[l]]=t[n[l]]);return i}function Oe(t,e,i,n){function l(s){return s instanceof i?s:new i(function(d){d(s)})}return new(i||(i=Promise))(function(s,d){function a(c){try{u(n.next(c))}catch(v){d(v)}}function r(c){try{u(n.throw(c))}catch(v){d(v)}}function u(c){c.done?s(c.value):l(c.value).then(a,r)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Cn=/:\w+/g;var Ti=(t,e)=>Oe(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:s,method:d,url:a,urlParams:r,name:u,queryString:c,headers:v,body:g}=e[l];let y=a;r&&Object.entries(r).forEach(([b,T])=>{y=y.replace(Cn,E=>E===b?T:E)}),c&&(y+=c),n[s]=u;try{const b=yield fetch(y,{method:d,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(g)}).then(T=>T.json());i[s]=b}catch(b){console.error("DataSource request error: ",b),i[s]={}}}return{$store:i,idMapName:n}});const xi="SXP_TOKEN_INFO",In=(t,e)=>Oe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),s=t.getApiUrl(),d=window.localStorage.getItem(xi);let a=JSON.parse(d||"{}");if(Date.now()>((i=a?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(c=>c.json());if(u.success){const c=u.data;a=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(xi,JSON.stringify(a))}}return a});function xt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let l;if(e=e||i.length,t)for(l=0;l<t;l++)n[l]=i[0|Math.random()*e];else{let s;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",l=0;l<36;l++)n[l]||(s=0|Math.random()*16,n[l]=i[l===19?s&3|8:s])}return n.join("")}const _n=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let l=0;for(;l<t;)e+=i.charAt(Math.floor(Math.random()*n)),l+=1;return e},kn=()=>{const t=wn.v4();return t?.replaceAll?t.replaceAll("-",""):_n(32)};function Ei(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),l=Sn.inflate(n,{to:"string"});return JSON.parse(l)}let zt=null;const Dn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class An{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,zt)return zt;zt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Dn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Pe=null;const Pn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Pe||(Pe=new An),n&&Pe.setApiUrl(n),Pe.setAppId(t),Pe.setTenantId(e),Pe.setEnv(i)},getDetail:t=>{if(!Pe)return;const e=Pe.getTenantId(),i=Pe.getAppId(),n=Pe.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s,d;const a=yield l.json(),r=Ei((s=a?.data)===null||s===void 0?void 0:s.data);if(r){const{$store:u}=yield Ti(n,(d=r?.dataSource)!==null&&d!==void 0?d:[]);a.data.data=r,Object.assign(a.data.data,{__STORE__:u})}return a}))},getSxpDetailByPageId:t=>Oe(void 0,void 0,void 0,function*(){if(!Pe)return;const e=Pe.getTenantId(),i=Pe.getAppId(),n=Pe.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s;const d=yield l.json();if(!d.success)return;const a=Ei((s=d?.data)===null||s===void 0?void 0:s.data);return d.data.data=a,d.data}))}),getSxpRecommendVideoData:t=>Oe(void 0,void 0,void 0,function*(){if(!Pe)return;const e=yield In(Pe,t),i=xt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Ee.isEmpty(n)&&(n=xt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const l=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(s=>s.json());return l?.data||null})};function et(){return o.useContext(Ni)}function Mn(){return o.useContext(ji)}const Ft="feRealSessionIdKey",Ci=()=>{const t=kn();return`${Date.now()}${t}`},On=()=>{let t=Ln();return t||(t=Ci(),window.sessionStorage.setItem(Ft,t)),t},Ii=()=>{const t=Ci();window.sessionStorage.setItem(Ft,t)},Ln=()=>window.sessionStorage.getItem(Ft),_i="SXP_FAKE_USER_ID",ki="FAKE_USER_STATE",Di="AGREE_POLICY",Ai=()=>{let t=window.localStorage.getItem(_i);return Ee.isEmpty(t)&&(t=xt(36,62),window.localStorage.setItem(_i,t)),t},jn=()=>{const t=window.localStorage.getItem(ki);return Ee.isEmpty(t)&&window.localStorage.setItem(ki,"true"),Ee.isEmpty(t)};function Ue(t,e){const{appDomain:i}=me();return o.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const tt=new Tn;var We;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(We||(We={}));const Nn=({width:t=window.innerWidth,height:e=window.innerHeight,privacy_title:i,privacy_context:n,privacy_policy_url:l,privacy_policy_title:s})=>{const{setIsAgreePolicy:d,bffEventReport:a}=me(),r=o.useMemo(()=>{const v=location.search.slice(1),g=Rt.parse(v.replace(/\+/g,"%2B"));for(const y in g)g[y]=g[y].replace(/%2B/g,"+");return g},[]),u=v=>{var g;return(g=r[v])!==null&&g!==void 0?g:null};o.useEffect(()=>{a?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:u("utm_source"),utmMedium:u("utm_medium"),utmCampaign:u("utm_campaign"),utmId:u("utm_id"),utmContent:u("utm_content"),clSource:u("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const c=()=>{a?.({eventInfo:{eventSubject:"userConsent",eventDescription:"\u7528\u6237\u6388\u6743\u3010\u64CD\u4F5C\u7ED3\u679C\u3011",consentResult:"0",consentTags:'["\u7CFB\u7EDF\u8FD0\u8425"]',rtc:null,requestId:null,sessionID:null}}),d?.(!0),window.localStorage.setItem(Di,"yes")};return o.createElement("div",{className:"consent-bg"},o.createElement("div",{className:"consent"},o.createElement("div",{className:"consent-col"},o.createElement("div",{className:"consent-title"},i??"Privacy Policy"),o.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.")),o.createElement("div",{className:"consent-col"},o.createElement("button",{"aria-label":"agree",className:"consent-btn",onClick:c},"Agree"),o.createElement("a",{className:"consent-policy",target:"_blank",href:l?`https://${l}`:void 0},s??"More information"))))};var Bn=o.memo(Nn);const Pi=o.createContext({rtcList:[],tagList:[]});var Vt;(function(t){t[t.BFF=5]="BFF"})(Vt||(Vt={}));const Mi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Et="FOR U",Rn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:s,isPreview:d=!1,sxpParameter:a,appDomain:r,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1,enabledMetaConversionApi:g=!1,consentHeight:y,consentWidth:b,isShowTag:T=!0,isOpenConsent:E=!1,globalConfig:p,isEditor:h=!1})=>{var m,C,k;const[f,A]=o.useState([]),[_,S]=o.useState([]),[w,D]=o.useState(!1),[x,I]=o.useState({rtc:"",requestId:""}),M=o.useRef(null),N=o.useRef(!1),[O,$]=o.useState(()=>!!window.localStorage.getItem(Di)),[F,B]=o.useState(),[j,L]=o.useState(),[z,R]=o.useState(v),[V,H]=o.useState([]),[ee,de]=o.useState(0),[ae,Y]=o.useState(!1),[J,X]=o.useState(null),W=o.useRef(),K=o.useRef(),[ye,Ie]=o.useState(Et),Ae=o.useMemo(()=>{var U,G,ne,ge;return((ge=(ne=(G=(U=p?.consent)===null||U===void 0?void 0:U[0])===null||G===void 0?void 0:G.item)===null||ne===void 0?void 0:ne.props)===null||ge===void 0?void 0:ge.privacy_necessity)&&!O&&!h||E},[O,p,E,h]);o.useEffect(()=>{const U=G=>{W.current=G};return tt.on(We.CHANGE_THEME_TAG,U),()=>{tt.off(We.CHANGE_THEME_TAG,U)}},[]),o.useEffect(()=>{R(v)},[v]);const Fe=o.useMemo(()=>e?.find(U=>U.type===Vt.BFF),[e]),le=o.useCallback((U,G)=>{if(!Fe)return;const ne=Fe.url,ge=Ai();if(G?.query){const he=Rt.stringify(G.query);U=`${U}?${he}`}return G.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ne}/api/v1${U}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},Fe.headers),{"x-user-id":ge}),G.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ne}/api/v1${U}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ge},Fe.headers),method:G.method,body:JSON.stringify(G.body)}).then(he=>he.json()).catch(he=>Promise.reject(he))},[Fe]),oe=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){var G,ne,ge,he,Te;if(U={maxSize:(G=U?.maxSize)!==null&&G!==void 0?G:l,defaultSize:(ne=U?.defaultSize)!==null&&ne!==void 0?ne:s,"itemFilter.itemId":U?.["itemFilter.itemId"],"itemFilter.itemType":U?.["itemFilter.itemType"],hashTag:U?.hashTag,traceInfo:U?.traceInfo,themeTag:U?.themeTag},i){const _e=(Te=(he=(ge=i?.split("&"))===null||ge===void 0?void 0:ge.filter(Ze=>{const P=Ze.split("=")[0];return Mi.includes(P)}))===null||he===void 0?void 0:he.join("&"))!==null&&Te!==void 0?Te:"";U=Object.assign(Object.assign({},U),{channel:decodeURIComponent(_e)})}const be=yield le?.("/recommend/list",{method:"GET",query:U});if(be?.success)return U?.hashTag||I({rtc:be.data.rtc,requestId:be.data.requestId}),be?.data}),[le,i,l,s]),fe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G;if(f.length<=0)return;const ne=yield oe({hashTag:j?.hashTag,"itemFilter.itemId":j?.itemId,"itemFilter.itemType":j?.itemType,themeTag:W.current});A(f.concat((U=ne?.recList)!==null&&U!==void 0?U:[])),H(V.concat((G=ne?.recList)!==null&&G!==void 0?G:[]))}),[oe,f,j,V]),re=o.useCallback(({userInfo:U,eventInfo:G})=>{if(!n)return;U||(U={});const ne=On(),ge=Object.assign({sessionID:ne,rtc:x.rtc,requestId:x.requestId},G),he=Object.entries(U).map(([be,_e])=>({name:be,value:_e})),Te=Object.entries(ge).map(([be,_e])=>_e&&{name:be,value:_e}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",U),console.log("eventInfo:",ge),console.log("========= \u7ED3\u675F ========="),le?.("/event/report",{method:"POST",body:{userInfo:he,eventInfo:Te},type:"beacon"})},[le,x,n]),se=o.useCallback(U=>{var G,{eventName:ne,actionSource:ge="website",eventSourceUrl:he=(G=window?.location)===null||G===void 0?void 0:G.href,externalId:Te}=U;if(!n||!g)return;const be=Ai();return le?.("/fb/events",{method:"POST",body:{eventName:ne,actionSource:ge,eventSourceUrl:he,userData:{externalId:be}},type:"beacon"})},[le,n,g]),Be=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield le?.("/recommend/like",{method:"POST",body:U});return G?.success}),[le]),Ce=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield le?.("/recommend/unlike",{method:"POST",body:U});return G?.success}),[le]),nt=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield le?.("/customform",{method:"POST",body:U});return G?.success}),[le]),Xe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G,ne,ge,he;if(!(!i||!T))try{const Te=(ne=(G=(U=i?.split("&"))===null||U===void 0?void 0:U.filter(_e=>{const Ze=_e.split("=")[0];return Mi.includes(Ze)}))===null||G===void 0?void 0:G.join("&"))!==null&&ne!==void 0?ne:"",be=yield le?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Te)}});S((he=(ge=be?.data)===null||ge===void 0?void 0:ge.tags)!==null&&he!==void 0?he:[])}catch(Te){console.log("e",Te)}}),[le,i,T]),Ve=o.useCallback((U,G,ne,ge)=>{var he,Te,be,_e,Ze,P,ie,q,te,pe,ve,Q;const Z=ne?.bindCta,we=((he=G?.video)===null||he===void 0?void 0:he.bindProduct)||((Te=G?.video)===null||Te===void 0?void 0:Te.bindProducts)&&((_e=(be=G?.video)===null||be===void 0?void 0:be.bindProducts)===null||_e===void 0?void 0:_e.length)>0;let xe="";ae?xe="hashTagPage":!((Ze=G?.video)===null||Ze===void 0)&&Ze.url?xe="videoPage":!((ie=(P=G?.video)===null||P===void 0?void 0:P.imgUrls)===null||ie===void 0)&&ie.length&&(xe="imagePage"),re?.({eventInfo:Object.assign(Object.assign({},U),{ctaId:(q=Z?.itemId)!==null&&q!==void 0?q:"",ctaName:(te=Z?.title)!==null&&te!==void 0?te:"",contentTags:JSON.stringify(Z?.tags),position:ge+"",contentId:(ve=(pe=G?.video)===null||pe===void 0?void 0:pe.itemId)!==null&&ve!==void 0?ve:"",productId:we?ne?.itemId:"",traceInfo:(Q=Z?.traceInfo)!==null&&Q!==void 0?Q:"",fromKName:xe})})},[re,ae]),St=o.useCallback(()=>{var U,G;const ne=location.search.slice(1),ge=Rt.parse(ne.replace(/\+/g,"%2B"));for(const be in ge)ge[be]=ge[be].replace(/%2B/g,"+");const he=be=>{var _e;return(_e=ge[be])!==null&&_e!==void 0?_e:""},Te=new Date;K.current=Te,re?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:he("utm_source"),utmMedium:he("utm_medium"),utmCampaign:he("utm_campaign"),utmId:he("utm_id"),utmContent:he("utm_content"),enterTime:Math.floor(Te/1e3)+"",requestId:null,enterUrl:(G=(U=window?.location)===null||U===void 0?void 0:U.href)!==null&&G!==void 0?G:"",clSource:he("cl_source")}})},[re]);o.useEffect(()=>{Ae||St()},[Ae]),o.useEffect(()=>{Ae||(D(!0),Xe(),oe().then(U=>{var G,ne;A((G=U?.recList)!==null&&G!==void 0?G:[]),H((ne=U?.recList)!==null&&ne!==void 0?ne:[])}).finally(()=>{re({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),D(!1),N.current=!0}))},[Ae]),o.useEffect(()=>{N.current&&(D(!0),Xe(),oe().then(U=>{var G,ne;A((G=U?.recList)!==null&&G!==void 0?G:[]),H((ne=U?.recList)!==null&&ne!==void 0?ne:[])}).finally(()=>{D(!1)}))},[oe,Xe]);const Tt=Ue("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return o.createElement(Pi.Provider,{value:{rtcList:f,setRtcList:A,mutateLike:Be,mutateUnlike:Ce,submitForm:nt,popupDetailData:F,loadVideos:fe,setPopupDetailData:B,getRecommendVideos:oe,bffEventReport:re,utmVal:i,isPreview:d,loading:w,sxpParameter:a,waterFallData:j,setWaterFallData:L,ctaEvent:Ve,swiperRef:M,openHashtag:z,setOpenHashtag:R,cacheRtcList:V,setCacheRtcList:H,cacheActiveIndex:ee,setCacheActiveIndex:de,isFromHashtag:ae,setIsFromHashtag:Y,appDomain:r,hashTagSize:u,loadingImage:c??Tt,isOpenHashTag:v,tagList:_,setLoading:D,videoRef:J,setVideoRef:X,bffFbReport:se,isAgreePolicy:O,setIsAgreePolicy:$,curTime:K,h5EnterLink:St,themeTag:W,isShowConsent:Ae,selectTag:ye,setSelectTag:Ie}},Ae?o.createElement(Bn,Object.assign({},(k=(C=(m=p?.consent)===null||m===void 0?void 0:m[0])===null||C===void 0?void 0:C.item)===null||k===void 0?void 0:k.props)):t({rtcList:f,mutateLike:Be,mutateUnlike:Ce,submitForm:nt,tagList:_}))};var Oi=o.memo(Rn);function me(){return o.useContext(Pi)}var Li;(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"})(Li||(Li={}));const ji=o.createContext({$store:{},options:[],configs:[]}),zn=({children:t,isSsr:e,enable:i})=>{const[n,l]=o.useState([]),{schema:s}=et(),[d,a]=o.useState(s.__STORE__||{}),[r,u]=o.useState([]);o.useEffect(()=>{var g;e||Ee.isEqual(r,s?.dataSource)||u((g=s?.dataSource)!==null&&g!==void 0?g:[])},[s?.dataSource,e]);const c=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){const{$store:g,idMapName:y}=yield Ti("",r);a(g),v(g,y)}),[r]),v=(g,y)=>{const b=[];Object.entries(g).forEach(([T,E])=>{Object.keys(E).forEach(p=>{const h={label:`${y[T]} - ${p}`,value:`{{ ${T}.${p} }}`};b.push(h)})}),l(b)};return o.useEffect(()=>{e||c()},[c,e,s]),i?o.createElement(ji.Provider,{value:{$store:s.__STORE__||d,options:n,configs:r}},t):t};var Fn=o.memo(zn);const Ct={id:xt(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},Ht={id:"",duration:0,name:"none"},Ni=o.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Ct],redoStack:[],popup:Ht,setPopup:()=>{}}),Bi=o.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:s},d)=>{const[a,r]=o.useState(null),[u,c]=o.useState(n||{pointData:[Ct],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,g]=o.useState([Ct]),[y,b]=o.useState([[Ct]]),[T,E]=o.useState([]),[p,h]=o.useState(Ht);typeof window<"u"&&(window.sxpPopup=(A,_)=>{h(Object.assign(Object.assign(Object.assign({},Ht),{id:A}),_))}),typeof window<"u"&&(window.getJointUtmLink=A=>A?.indexOf("?")!==-1?A+(s?"&"+s:""):A+(s?"?"+s:"")),o.useEffect(()=>{b([u.pointData]),E([])},[u.type]);const m=o.useCallback(A=>{const _=Ee.cloneDeep(u);_&&(_.dataSource=A,c?.(_))},[u]),[C,k]=o.useState();o.useImperativeHandle(d,()=>({loadSchema(A){A&&(b([A.pointData]),c(A))},exportSchema(){return Ee.cloneDeep(u)},getPageInfoData(){return C},initPageInfoData(A){A&&k(A)}}));const f=o.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return o.createElement(Ni.Provider,{value:{resolver:e,currentNode:a,schema:u,setCurrentNode:r,setSchema:c,saveDataSource:m,prePiontData:v,setPrePiontData:g,pageInfoData:C,setPageInfoData:A=>k(Object.assign(Object.assign({},C),A)),undoStack:y,redoStack:T,setRedoStack:E,setUndoStack:b,getCurPageConf:f,popup:p,setPopup:h}},o.createElement(Fn,{isSsr:i,enable:l},t))});var Vn=Object.freeze({__proto__:null,EditorCore:Bi}),Hn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ue=[{label:"defalut",value:"appFont"}],Ut=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Un=Ut&&Ut!==""?JSON.parse(Ut):[];var Re={fontOptions:[...ue,...Un]},Gt,$t,Wt,Gn=[{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:ue,initialValue:(Gt=ue?.[0])===null||Gt===void 0?void 0:Gt.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:Re?.fontOptions,initialValue:(Wt=($t=Re?.fontOptions)===null||$t===void 0?void 0:$t[0])===null||Wt===void 0?void 0:Wt.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 je(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=me(),l=o.useCallback((a,r,u,c)=>{var v,g,y,b,T,E,p,h,m,C,k,f,A,_;let S="";e&&(!((g=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||g===void 0)&&g.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?S="pdpPage":n?S="hashTagPage":!((b=a?.video)===null||b===void 0)&&b.url?S="videoPage":!((T=a?.video)===null||T===void 0)&&T.imgUrls&&(!((p=(E=a?.video)===null||E===void 0?void 0:E.imgUrls)===null||p===void 0)&&p.length)?S="imagePage":a?.product&&(S="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(h=r?.itemId)!==null&&h!==void 0?h:"",productName:(m=r?.title)!==null&&m!==void 0?m:"",price:r?.price?r?.price+"":"0",productCollection:(C=r?.collection)!==null&&C!==void 0?C:"",fromKName:S,fromKPage:location?.href,contentTags:r?.tags?JSON.stringify(r?.tags):"",position:c+"",contentId:(f=(k=a?.video)===null||k===void 0?void 0:k.itemId)!==null&&f!==void 0?f:"",ctatId:(A=u?.itemId)!==null&&A!==void 0?A:"",traceInfo:(_=r?.traceInfo)!==null&&_!==void 0?_:""}})},[t,e,n]),s=o.useCallback((a,r,u,c,v)=>{var g,y,b,T;let E="";e&&(!((y=(g=a?.video)===null||g===void 0?void 0:g.bindProducts)===null||y===void 0)&&y.length||!((b=a?.video)===null||b===void 0)&&b.bindProduct)?E="pdpPage":a?.product&&(E="productPage"),t?.({eventInfo:{productId:r?.itemId,productName:r?.title,price:r?.price?r?.price+"":"0",productCollection:r?.collection,fromKName:E,fromKPage:location?.href,contentTags:JSON.stringify(r?.tags),position:v+"",contentId:(T=a?.video)===null||T===void 0?void 0:T.itemId,ctatId:u?.itemId,traceInfo:r?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),d=o.useCallback((a,r,u,c)=>{r&&r===Et&&t?.({eventInfo:{lastFeed:a,themeTags:u?`['${u}']`:"",hashTags:c?`['${c}']`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:l,productView:s,backMainFeed:d}}const $n=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:s,submitColor:d,submitText:a,layoutType:r,isExternalLink:u,isPopup:c,onClick:v,onClose:g,submitButtonStyle:y}=t,b=De(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:T,popupDetailData:E}=me(),{jumpToWeb:p}=je(),h=o.useRef(),[m,C]=o.useState(!1),k=o.useMemo(()=>[{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"}],[]);o.useMemo(()=>{if(r===void 0){const A=Ee.cloneDeep(e)||k;return A?.map(_=>Object.assign(Object.assign({},_),{title:void 0,fieldProps:{placeholder:_?.title}}))}else return Ee.cloneDeep(e)||k},[r,e,k]);const f=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var A,_,S,w,D,x;const I=yield(A=h?.current)===null||A===void 0?void 0:A.getFieldsValue();if(!I)return;const M=(S=(_=Object.keys(I))===null||_===void 0?void 0:_.map(O=>{var $;return{name:O,value:($=I[O])!==null&&$!==void 0?$:""}}))===null||S===void 0?void 0:S.filter(O=>O?.value);if(!M||!M?.length)return;C(!0);const N=yield T?.({attributes:M});if(C(!1),N){if(u){const O=E,$=(w=O?.video)===null||w===void 0?void 0:w.bindProduct,F=(x=(D=O?.video)===null||D===void 0?void 0:D.bindProduct)===null||x===void 0?void 0:x.bindCta,B=E?.index;p(O,$,F,B)}c||g?.(),v?.()}}),1e3);return o.createElement("div",{className:"pb-appoint-form"},o.createElement("div",{className:`pb-appoint-form-title ${ce.css(Object.assign({},l))}`},n),o.createElement("div",Object.assign({className:ce.css(Object.assign({},i))},b),o.createElement("div",{className:"pb-appoint-form-container"})),o.createElement("div",{className:"pb-appoint-form-btn-wrapper"},o.createElement("button",{"aria-label":a,onClick:f,className:"pb-appoint-form-btn",style:Object.assign({color:d,background:s},y)},m?o.createElement(o.Fragment,null,"loading..."):a)))};var Wn=o.memo($n);function Ne(t,e){return t.extend=e,t}const Yn=Ne(Wn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Gn,bindableProps:[],interactionRender:Hn},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 Yt,qt,qn=[{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:ue,name:["fontFamily"],initialValue:(Yt=ue?.[0])===null||Yt===void 0?void 0:Yt.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:ue,initialValue:(qt=ue?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Ri(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Xt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Ri(e[i])&&Ri(t[i])&&Object.keys(e[i]).length>0&&Xt(t[i],e[i])})}const zi={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 Ye(){const t=typeof document<"u"?document:{};return Xt(t,zi),t}const Xn={document:zi,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 Le(){const t=typeof window<"u"?window:{};return Xt(t,Xn),t}function lt(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Jn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function ft(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ge(){return Date.now()}function Kn(t){const e=Le();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Qn(t,e){e===void 0&&(e="x");const i=Le();let n,l,s;const d=Kn(t);return i.WebKitCSSMatrix?(l=d.transform||d.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(a=>a.replace(",",".")).join(", ")),s=new i.WebKitCSSMatrix(l==="none"?"":l)):(s=d.MozTransform||d.OTransform||d.MsTransform||d.msTransform||d.transform||d.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=s.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?l=s.m41:n.length===16?l=parseFloat(n[12]):l=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?l=s.m42:n.length===16?l=parseFloat(n[13]):l=parseFloat(n[5])),l||0}function It(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Zn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function ze(){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&&!Zn(n)){const l=Object.keys(Object(n)).filter(s=>e.indexOf(s)<0);for(let s=0,d=l.length;s<d;s+=1){const a=l[s],r=Object.getOwnPropertyDescriptor(n,a);r!==void 0&&r.enumerable&&(It(t[a])&&It(n[a])?n[a].__swiper__?t[a]=n[a]:ze(t[a],n[a]):!It(t[a])&&It(n[a])?(t[a]={},n[a].__swiper__?t[a]=n[a]:ze(t[a],n[a])):t[a]=n[a])}}}return t}function _t(t,e,i){t.style.setProperty(e,i)}function Fi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Le(),s=-e.translate;let d=null,a;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const u=i>s?"next":"prev",c=(g,y)=>u==="next"&&g>=y||u==="prev"&&g<=y,v=()=>{a=new Date().getTime(),d===null&&(d=a);const g=Math.max(Math.min((a-d)/r,1),0),y=.5-Math.cos(g*Math.PI)/2;let b=s+y*(i-s);if(c(b,i)&&(b=i),e.wrapperEl.scrollTo({[n]:b}),c(b,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:b})}),l.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=l.requestAnimationFrame(v)};v()}function Je(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function kt(t){try{console.warn(t);return}catch{}}function bt(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:lt(e)),i}function eo(t){const e=Le(),i=Ye(),n=t.getBoundingClientRect(),l=i.body,s=t.clientTop||l.clientTop||0,d=t.clientLeft||l.clientLeft||0,a=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+a-s,left:n.left+r-d}}function to(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 io(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 st(t,e){return Le().getComputedStyle(t,null).getPropertyValue(e)}function Dt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Vi(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 Jt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Kt(t,e,i){const n=Le();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 Ke(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function no(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Le();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 d,a=Ge(),r;const u=[];function c(m){let A=0,_=0,S=0,w=0;return"detail"in m&&(_=m.detail),"wheelDelta"in m&&(_=-m.wheelDelta/120),"wheelDeltaY"in m&&(_=-m.wheelDeltaY/120),"wheelDeltaX"in m&&(A=-m.wheelDeltaX/120),"axis"in m&&m.axis===m.HORIZONTAL_AXIS&&(A=_,_=0),S=A*10,w=_*10,"deltaY"in m&&(w=m.deltaY),"deltaX"in m&&(S=m.deltaX),m.shiftKey&&!S&&(S=w,w=0),(S||w)&&m.deltaMode&&(m.deltaMode===1?(S*=40,w*=40):(S*=800,w*=800)),S&&!A&&(A=S<1?-1:1),w&&!_&&(_=w<1?-1:1),{spinX:A,spinY:_,pixelX:S,pixelY:w}}function v(){e.enabled&&(e.mouseEntered=!0)}function g(){e.enabled&&(e.mouseEntered=!1)}function y(m){return e.params.mousewheel.thresholdDelta&&m.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ge()-a<e.params.mousewheel.thresholdTime?!1:m.delta>=6&&Ge()-a<60?!0:(m.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",m.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",m.raw)),a=new s.Date().getTime(),!1)}function b(m){const C=e.params.mousewheel;if(m.direction<0){if(e.isEnd&&!e.params.loop&&C.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&C.releaseOnEdges)return!0;return!1}function T(m){let C=m,k=!0;if(!e.enabled||m.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const f=e.params.mousewheel;e.params.cssMode&&C.preventDefault();let A=e.el;e.params.mousewheel.eventsTarget!=="container"&&(A=document.querySelector(e.params.mousewheel.eventsTarget));const _=A&&A.contains(C.target);if(!e.mouseEntered&&!_&&!f.releaseOnEdges)return!0;C.originalEvent&&(C=C.originalEvent);let S=0;const w=e.rtlTranslate?-1:1,D=c(C);if(f.forceToAxis)if(e.isHorizontal())if(Math.abs(D.pixelX)>Math.abs(D.pixelY))S=-D.pixelX*w;else return!0;else if(Math.abs(D.pixelY)>Math.abs(D.pixelX))S=-D.pixelY;else return!0;else S=Math.abs(D.pixelX)>Math.abs(D.pixelY)?-D.pixelX*w:-D.pixelY;if(S===0)return!0;f.invert&&(S=-S);let x=e.getTranslate()+S*f.sensitivity;if(x>=e.minTranslate()&&(x=e.minTranslate()),x<=e.maxTranslate()&&(x=e.maxTranslate()),k=e.params.loop?!0:!(x===e.minTranslate()||x===e.maxTranslate()),k&&e.params.nested&&C.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const I={time:Ge(),delta:Math.abs(S),direction:Math.sign(S),raw:m};u.length>=2&&u.shift();const M=u.length?u[u.length-1]:void 0;if(u.push(I),M?(I.direction!==M.direction||I.delta>M.delta||I.time>M.time+150)&&y(I):y(I),b(I))return!0}else{const I={time:Ge(),delta:Math.abs(S),direction:Math.sign(S)},M=r&&I.time<r.time+500&&I.delta<=r.delta&&I.direction===r.direction;if(!M){r=void 0;let N=e.getTranslate()+S*f.sensitivity;const O=e.isBeginning,$=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(),(!O&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:I.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const F=u.length?u[u.length-1]:void 0,B=u[0];if(u.push(I),F&&(I.delta>F.delta||I.direction!==F.direction))u.splice(0);else if(u.length>=15&&I.time-B.time<500&&B.delta-I.delta>=1&&I.delta<=6){const j=S>0?.8:.2;r=I,u.splice(0),d=ft(()=>{e.slideToClosest(e.params.speed,!0,void 0,j)},0)}d||(d=ft(()=>{r=I,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(M||l("scroll",C),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),f.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return C.preventDefault?C.preventDefault():C.returnValue=!1,!1}function E(m){let C=e.el;e.params.mousewheel.eventsTarget!=="container"&&(C=document.querySelector(e.params.mousewheel.eventsTarget)),C[m]("mouseenter",v),C[m]("mouseleave",g),C[m]("wheel",T)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",T),!0):e.mousewheel.enabled?!1:(E("addEventListener"),e.mousewheel.enabled=!0,!0)}function h(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,T),!0):e.mousewheel.enabled?(E("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&h(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&h()}),Object.assign(e.mousewheel,{enable:p,disable:h})}function Hi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let s=Je(t.el,`.${n[l]}`)[0];s||(s=bt("div",n[l]),s.className=n[l],t.el.append(s)),i[l]=s,e[l]=s}}),i}function mt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function At(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s="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:p=>p,formatFractionTotal:p=>p,bulletClass:`${s}-bullet`,bulletActiveClass:`${s}-bullet-active`,modifierClass:`${s}-`,currentClass:`${s}-current`,totalClass:`${s}-total`,hiddenClass:`${s}-hidden`,progressbarFillClass:`${s}-progressbar-fill`,progressbarOppositeClass:`${s}-progressbar-opposite`,clickableClass:`${s}-clickable`,lockClass:`${s}-lock`,horizontalClass:`${s}-horizontal`,verticalClass:`${s}-vertical`,paginationDisabledClass:`${s}-disabled`}}),e.pagination={el:null,bullets:[]};let d,a=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,h){const{bulletActiveClass:m}=e.params.pagination;p&&(p=p[`${h==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${m}-${h}`),p=p[`${h==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${m}-${h}-${h}`)))}function c(p){const h=p.target.closest(mt(e.params.pagination.bulletClass));if(!h)return;p.preventDefault();const m=Dt(h)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===m)return;e.slideToLoop(m)}else e.slideTo(m)}function v(){const p=e.rtl,h=e.params.pagination;if(r())return;let m=e.pagination.el;m=Ke(m);let C,k;const f=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,A=e.params.loop?Math.ceil(f/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,C=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(C=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,C=e.activeIndex||0),h.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let S,w,D;if(h.dynamicBullets&&(d=Kt(_[0],e.isHorizontal()?"width":"height",!0),m.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${d*(h.dynamicMainBullets+4)}px`}),h.dynamicMainBullets>1&&k!==void 0&&(a+=C-(k||0),a>h.dynamicMainBullets-1?a=h.dynamicMainBullets-1:a<0&&(a=0)),S=Math.max(C-a,0),w=S+(Math.min(_.length,h.dynamicMainBullets)-1),D=(w+S)/2),_.forEach(x=>{const I=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(M=>`${h.bulletActiveClass}${M}`)].map(M=>typeof M=="string"&&M.includes(" ")?M.split(" "):M).flat();x.classList.remove(...I)}),m.length>1)_.forEach(x=>{const I=Dt(x);I===C?x.classList.add(...h.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),h.dynamicBullets&&(I>=S&&I<=w&&x.classList.add(...`${h.bulletActiveClass}-main`.split(" ")),I===S&&u(x,"prev"),I===w&&u(x,"next"))});else{const x=_[C];if(x&&x.classList.add(...h.bulletActiveClass.split(" ")),e.isElement&&_.forEach((I,M)=>{I.setAttribute("part",M===C?"bullet-active":"bullet")}),h.dynamicBullets){const I=_[S],M=_[w];for(let N=S;N<=w;N+=1)_[N]&&_[N].classList.add(...`${h.bulletActiveClass}-main`.split(" "));u(I,"prev"),u(M,"next")}}if(h.dynamicBullets){const x=Math.min(_.length,h.dynamicMainBullets+4),I=(d*x-d)/2-D*d,M=p?"right":"left";_.forEach(N=>{N.style[e.isHorizontal()?M:"top"]=`${I}px`})}}m.forEach((_,S)=>{if(h.type==="fraction"&&(_.querySelectorAll(mt(h.currentClass)).forEach(w=>{w.textContent=h.formatFractionCurrent(C+1)}),_.querySelectorAll(mt(h.totalClass)).forEach(w=>{w.textContent=h.formatFractionTotal(A)})),h.type==="progressbar"){let w;h.progressbarOpposite?w=e.isHorizontal()?"vertical":"horizontal":w=e.isHorizontal()?"horizontal":"vertical";const D=(C+1)/A;let x=1,I=1;w==="horizontal"?x=D:I=D,_.querySelectorAll(mt(h.progressbarFillClass)).forEach(M=>{M.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${I})`,M.style.transitionDuration=`${e.params.speed}ms`})}h.type==="custom"&&h.renderCustom?(_.innerHTML=h.renderCustom(e,C+1,A),S===0&&l("paginationRender",_)):(S===0&&l("paginationRender",_),l("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](h.lockClass)})}function g(){const p=e.params.pagination;if(r())return;const h=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 m=e.pagination.el;m=Ke(m);let C="";if(p.type==="bullets"){let k=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>h&&(k=h);for(let f=0;f<k;f+=1)p.renderBullet?C+=p.renderBullet.call(e,f,p.bulletClass):C+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?C=p.renderFraction.call(e,p.currentClass,p.totalClass):C=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?C=p.renderProgressbar.call(e,p.progressbarFillClass):C=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],m.forEach(k=>{p.type!=="custom"&&(k.innerHTML=C||""),p.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(mt(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",m[0])}function y(){e.params.pagination=Hi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let h;typeof p.el=="string"&&e.isElement&&(h=e.el.querySelector(p.el)),!h&&typeof p.el=="string"&&(h=[...document.querySelectorAll(p.el)]),h||(h=p.el),!(!h||h.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(h)&&h.length>1&&(h=[...e.el.querySelectorAll(p.el)],h.length>1&&(h=h.filter(m=>Vi(m,".swiper")[0]===e.el)[0])),Array.isArray(h)&&h.length===1&&(h=h[0]),Object.assign(e.pagination,{el:h}),h=Ke(h),h.forEach(m=>{p.type==="bullets"&&p.clickable&&m.classList.add(...(p.clickableClass||"").split(" ")),m.classList.add(p.modifierClass+p.type),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(m.classList.add(`${p.modifierClass}${p.type}-dynamic`),a=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&m.classList.add(p.progressbarOppositeClass),p.clickable&&m.addEventListener("click",c),e.enabled||m.classList.add(p.lockClass)}))}function b(){const p=e.params.pagination;if(r())return;let h=e.pagination.el;h&&(h=Ke(h),h.forEach(m=>{m.classList.remove(p.hiddenClass),m.classList.remove(p.modifierClass+p.type),m.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(m.classList.remove(...(p.clickableClass||"").split(" ")),m.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(m=>m.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:h}=e.pagination;h=Ke(h),h.forEach(m=>{m.classList.remove(p.horizontalClass,p.verticalClass),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?E():(y(),g(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{g(),v()}),n("destroy",()=>{b()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,h)=>{const m=h.target,C=Ke(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&C&&C.length>0&&!m.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&m===e.navigation.nextEl||e.navigation.prevEl&&m===e.navigation.prevEl))return;const k=C[0].classList.contains(e.params.pagination.hiddenClass);l(k===!0?"paginationShow":"paginationHide"),C.forEach(f=>f.classList.toggle(e.params.pagination.hiddenClass))}});const T=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList.remove(e.params.pagination.paginationDisabledClass))),y(),g(),v()},E=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList.add(e.params.pagination.paginationDisabledClass))),b()};Object.assign(e.pagination,{enable:T,disable:E,render:g,update:v,init:y,destroy:b})}function oo(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Ye();let d=!1,a=null,r=null,u,c,v,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:x,rtlTranslate:I}=e,{dragEl:M,el:N}=x,O=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let F=c,B=(v-c)*$;I?(B=-B,B>0?(F=c-B,B=0):-B+c>v&&(F=v+B)):B<0?(F=c+B,B=0):B+c>v&&(F=v-B),e.isHorizontal()?(M.style.transform=`translate3d(${B}px, 0, 0)`,M.style.width=`${F}px`):(M.style.transform=`translate3d(0px, ${B}px, 0)`,M.style.height=`${F}px`),O.hide&&(clearTimeout(a),N.style.opacity=1,a=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function b(x){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${x}ms`)}function T(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x}=e,{dragEl:I,el:M}=x;I.style.width="",I.style.height="",v=e.isHorizontal()?M.offsetWidth:M.offsetHeight,g=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*g:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?I.style.width=`${c}px`:I.style.height=`${c}px`,g>=1?M.style.display="none":M.style.display="",e.params.scrollbar.hide&&(M.style.opacity=0),e.params.watchOverflow&&e.enabled&&x.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function E(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:I,rtlTranslate:M}=e,{el:N}=I;let O;O=(E(x)-eo(N)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),O=Math.max(Math.min(O,1),0),M&&(O=1-O);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*O;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function h(x){const I=e.params.scrollbar,{scrollbar:M,wrapperEl:N}=e,{el:O,dragEl:$}=M;d=!0,u=x.target===$?E(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),N.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(x),clearTimeout(r),O.style.transitionDuration="0ms",I.hide&&(O.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",x)}function m(x){const{scrollbar:I,wrapperEl:M}=e,{el:N,dragEl:O}=I;d&&(x.preventDefault&&x.cancelable?x.preventDefault():x.returnValue=!1,p(x),M.style.transitionDuration="0ms",N.style.transitionDuration="0ms",O.style.transitionDuration="0ms",l("scrollbarDragMove",x))}function C(x){const I=e.params.scrollbar,{scrollbar:M,wrapperEl:N}=e,{el:O}=M;d&&(d=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),I.hide&&(clearTimeout(r),r=ft(()=>{O.style.opacity=0,O.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",x),I.snapOnRelease&&e.slideToClosest())}function k(x){const{scrollbar:I,params:M}=e,N=I.el;if(!N)return;const O=N,$=M.passiveListeners?{passive:!1,capture:!1}:!1,F=M.passiveListeners?{passive:!0,capture:!1}:!1;if(!O)return;const B=x==="on"?"addEventListener":"removeEventListener";O[B]("pointerdown",h,$),s[B]("pointermove",m,$),s[B]("pointerup",C,F)}function f(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function A(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function _(){const{scrollbar:x,el:I}=e;e.params.scrollbar=Hi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const M=e.params.scrollbar;if(!M.el)return;let N;if(typeof M.el=="string"&&e.isElement&&(N=e.el.querySelector(M.el)),!N&&typeof M.el=="string"){if(N=s.querySelectorAll(M.el),!N.length)return}else N||(N=M.el);e.params.uniqueNavElements&&typeof M.el=="string"&&N.length>1&&I.querySelectorAll(M.el).length===1&&(N=I.querySelector(M.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?M.horizontalClass:M.verticalClass);let O;N&&(O=N.querySelector(mt(e.params.scrollbar.dragClass)),O||(O=bt("div",e.params.scrollbar.dragClass),N.append(O))),Object.assign(x,{el:N,dragEl:O}),M.draggable&&f(),N&&N.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}function S(){const x=e.params.scrollbar,I=e.scrollbar.el;I&&I.classList.remove(...lt(e.isHorizontal()?x.horizontalClass:x.verticalClass)),A()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:I}=e.scrollbar;I=Ke(I),I.forEach(M=>{M.classList.remove(x.horizontalClass,x.verticalClass),M.classList.add(e.isHorizontal()?x.horizontalClass:x.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?D():(_(),T(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{T()}),n("setTranslate",()=>{y()}),n("setTransition",(x,I)=>{b(I)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const w=()=>{e.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),_(),T(),y()},D=()=>{e.el.classList.add(...lt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...lt(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:w,disable:D,updateSize:T,setTranslate:y,init:_,destroy:S})}function Pt(t){let{swiper:e,extendParams:i,on:n,emit:l,params:s}=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 d,a,r=s&&s.autoplay?s.autoplay.delay:3e3,u=s&&s.autoplay?s.autoplay.delay:3e3,c,v=new Date().getTime(),g,y,b,T,E,p,h;function m(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),!(h||F.detail&&F.detail.bySwiperTouchMove)&&w())}const C=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?g=!0:g&&(u=c,g=!1);const F=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=F,l("autoplayTimeLeft",F,F/r),a=requestAnimationFrame(()=>{C()})},k=()=>{let F;return e.virtual&&e.params.virtual.enabled?F=e.slides.filter(j=>j.classList.contains("swiper-slide-active"))[0]:F=e.slides[e.activeIndex],F?parseInt(F.getAttribute("data-swiper-autoplay"),10):void 0},f=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(a),C();let B=typeof F>"u"?e.params.autoplay.delay:F;r=e.params.autoplay.delay,u=e.params.autoplay.delay;const j=k();!Number.isNaN(j)&&j>0&&typeof F>"u"&&(B=j,r=j,u=j),c=B;const L=e.params.speed,z=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(L,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,L,!0,!0),l("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(L,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,L,!0,!0),l("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{f()})))};return B>0?(clearTimeout(d),d=setTimeout(()=>{z()},B)):requestAnimationFrame(()=>{z()}),B},A=()=>{v=new Date().getTime(),e.autoplay.running=!0,f(),l("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(d),cancelAnimationFrame(a),l("autoplayStop")},S=(F,B)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(d),F||(p=!0);const j=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):w()};if(e.autoplay.paused=!0,B){E&&(c=e.params.autoplay.delay),E=!1,j();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),j())},w=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,f(c)):f(),e.autoplay.paused=!1,l("autoplayResume"))},D=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Ye();F.visibilityState==="hidden"&&(p=!0,S(!0)),F.visibilityState==="visible"&&w()},x=F=>{F.pointerType==="mouse"&&(p=!0,h=!0,!(e.animating||e.autoplay.paused)&&S(!0))},I=F=>{F.pointerType==="mouse"&&(h=!1,e.autoplay.paused&&w())},M=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",I))},N=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",I))},O=()=>{Ye().addEventListener("visibilitychange",D)},$=()=>{Ye().removeEventListener("visibilitychange",D)};n("init",()=>{e.params.autoplay.enabled&&(M(),O(),A())}),n("destroy",()=>{N(),$(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(b||p)&&w()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():S(!0,!0)}),n("beforeTransitionStart",(F,B,j)=>{e.destroyed||!e.autoplay.running||(j||!e.params.autoplay.disableOnInteraction?S(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,b=!1,p=!1,T=setTimeout(()=>{p=!0,b=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(T),clearTimeout(d),e.params.autoplay.disableOnInteraction){b=!1,y=!1;return}b&&e.params.cssMode&&w(),b=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(E=!0)}),Object.assign(e.autoplay,{start:A,stop:_,pause:S,resume:w})}function lo(t){let{swiper:e,extendParams:i,emit:n,once:l}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function s(){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 d(){if(e.params.cssMode)return;const{touchEventsData:r,touches:u}=e;r.velocities.length===0&&r.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:Ge()})}function a(r){let{currentPos:u}=r;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:g,snapGrid:y,touchEventsData:b}=e,E=Ge()-b.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(b.velocities.length>1){const _=b.velocities.pop(),S=b.velocities.pop(),w=_.position-S.position,D=_.time-S.time;e.velocity=w/D,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(D>150||Ge()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,b.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const h=e.velocity*p;let m=e.translate+h;g&&(m=-m);let C=!1,k;const f=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let A;if(m<e.maxTranslate())c.freeMode.momentumBounce?(m+e.maxTranslate()<-f&&(m=e.maxTranslate()-f),k=e.maxTranslate(),C=!0,b.allowMomentumBounce=!0):m=e.maxTranslate(),c.loop&&c.centeredSlides&&(A=!0);else if(m>e.minTranslate())c.freeMode.momentumBounce?(m-e.minTranslate()>f&&(m=e.minTranslate()+f),k=e.minTranslate(),C=!0,b.allowMomentumBounce=!0):m=e.minTranslate(),c.loop&&c.centeredSlides&&(A=!0);else if(c.freeMode.sticky){let _;for(let S=0;S<y.length;S+=1)if(y[S]>-m){_=S;break}Math.abs(y[_]-m)<Math.abs(y[_-1]-m)||e.swipeDirection==="next"?m=y[_]:m=y[_-1],m=-m}if(A&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(g?p=Math.abs((-m-e.translate)/e.velocity):p=Math.abs((m-e.translate)/e.velocity),c.freeMode.sticky){const _=Math.abs((g?-m:m)-e.translate),S=e.slidesSizesGrid[e.activeIndex];_<S?p=c.speed:_<2*S?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&C?(e.updateProgress(k),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Jt(v,()=>{!e||e.destroyed||!b.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(k),Jt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(m),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Jt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(m),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||E>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:d,onTouchEnd:a}})}let Qt;function so(){const t=Le(),e=Ye();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ui(){return Qt||(Qt=so()),Qt}let Zt;function ao(t){let{userAgent:e}=t===void 0?{}:t;const i=Ui(),n=Le(),l=n.navigator.platform,s=e||n.navigator.userAgent,d={ios:!1,android:!1},a=n.screen.width,r=n.screen.height,u=s.match(/(Android);?[\s\/]+([\d.]+)?/);let c=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),g=!c&&s.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=l==="Win32";let b=l==="MacIntel";const T=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&b&&i.touch&&T.indexOf(`${a}x${r}`)>=0&&(c=s.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),b=!1),u&&!y&&(d.os="android",d.android=!0),(c||g||v)&&(d.os="ios",d.ios=!0),d}function Gi(t){return t===void 0&&(t={}),Zt||(Zt=ao(t)),Zt}let ei;function ro(){const t=Le(),e=Gi();let i=!1;function n(){const a=t.navigator.userAgent.toLowerCase();return a.indexOf("safari")>=0&&a.indexOf("chrome")<0&&a.indexOf("android")<0}if(n()){const a=String(t.navigator.userAgent);if(a.includes("Version/")){const[r,u]=a.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=r<16||r===16&&u<2}}const l=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),s=n(),d=s||l&&e.ios;return{isSafari:i||s,needPerspectiveFix:i,need3dFix:d,isWebView:l}}function co(){return ei||(ei=ro()),ei}function uo(t){let{swiper:e,on:i,emit:n}=t;const l=Le();let s=null,d=null;const a=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{d=l.requestAnimationFrame(()=>{const{width:g,height:y}=e;let b=g,T=y;v.forEach(E=>{let{contentBoxSize:p,contentRect:h,target:m}=E;m&&m!==e.el||(b=h?h.width:(p[0]||p).inlineSize,T=h?h.height:(p[0]||p).blockSize)}),(b!==g||T!==y)&&a()})}),s.observe(e.el))},u=()=>{d&&l.cancelAnimationFrame(d),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){r();return}l.addEventListener("resize",a),l.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),l.removeEventListener("resize",a),l.removeEventListener("orientationchange",c)})}function po(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=[],d=Le(),a=function(c,v){v===void 0&&(v={});const g=d.MutationObserver||d.WebkitMutationObserver,y=new g(b=>{if(e.__preventObserver__)return;if(b.length===1){l("observerUpdate",b[0]);return}const T=function(){l("observerUpdate",b[0])};d.requestAnimationFrame?d.requestAnimationFrame(T):d.setTimeout(T,0)});y.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),s.push(y)},r=()=>{if(e.params.observer){if(e.params.observeParents){const c=Vi(e.hostEl);for(let v=0;v<c.length;v+=1)a(c[v])}a(e.hostEl,{childList:e.params.observeSlideChildren}),a(e.wrapperEl,{attributes:!1})}},u=()=>{s.forEach(c=>{c.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",r),n("destroy",u)}var vo={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const l=i?"unshift":"push";return t.split(" ").forEach(s=>{n.eventsListeners[s]||(n.eventsListeners[s]=[]),n.eventsListeners[s][l](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function l(){n.off(t,l),l.__emitterProxy&&delete l.__emitterProxy;for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];e.apply(n,d)}return l.__emitterProxy=e,n.on(t,l,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((l,s)=>{(l===e||l.__emitterProxy&&l.__emitterProxy===e)&&i.eventsListeners[n].splice(s,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var l=arguments.length,s=new Array(l),d=0;d<l;d++)s[d]=arguments[d];return typeof s[0]=="string"||Array.isArray(s[0])?(e=s[0],i=s.slice(1,s.length),n=t):(e=s[0].events,i=s[0].data,n=s[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(u=>{u.apply(n,i)})}),t}};function fo(){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(st(n,"padding-left")||0,10)-parseInt(st(n,"padding-right")||0,10),i=i-parseInt(st(n,"padding-top")||0,10)-parseInt(st(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 mo(){const t=this;function e(w,D){return parseFloat(w.getPropertyValue(t.getDirectionLabel(D))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:s,rtlTranslate:d,wrongRTL:a}=t,r=t.virtual&&i.virtual.enabled,u=r?t.virtual.slides.length:t.slides.length,c=Je(l,`.${t.params.slideClass}, swiper-slide`),v=r?t.virtual.slides.length:c.length;let g=[];const y=[],b=[];let T=i.slidesOffsetBefore;typeof T=="function"&&(T=i.slidesOffsetBefore.call(t));let E=i.slidesOffsetAfter;typeof E=="function"&&(E=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,h=t.slidesGrid.length;let m=i.spaceBetween,C=-T,k=0,f=0;if(typeof s>"u")return;typeof m=="string"&&m.indexOf("%")>=0?m=parseFloat(m.replace("%",""))/100*s:typeof m=="string"&&(m=parseFloat(m)),t.virtualSize=-m,c.forEach(w=>{d?w.style.marginLeft="":w.style.marginRight="",w.style.marginBottom="",w.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(_t(n,"--swiper-centered-offset-before",""),_t(n,"--swiper-centered-offset-after",""));const A=i.grid&&i.grid.rows>1&&t.grid;A?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let _;const S=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(w=>typeof i.breakpoints[w].slidesPerView<"u").length>0;for(let w=0;w<v;w+=1){_=0;let D;if(c[w]&&(D=c[w]),A&&t.grid.updateSlide(w,D,c),!(c[w]&&st(D,"display")==="none")){if(i.slidesPerView==="auto"){S&&(c[w].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(D),I=D.style.transform,M=D.style.webkitTransform;if(I&&(D.style.transform="none"),M&&(D.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?Kt(D,"width",!0):Kt(D,"height",!0);else{const N=e(x,"width"),O=e(x,"padding-left"),$=e(x,"padding-right"),F=e(x,"margin-left"),B=e(x,"margin-right"),j=x.getPropertyValue("box-sizing");if(j&&j==="border-box")_=N+F+B;else{const{clientWidth:L,offsetWidth:z}=D;_=N+O+$+F+B+(z-L)}}I&&(D.style.transform=I),M&&(D.style.webkitTransform=M),i.roundLengths&&(_=Math.floor(_))}else _=(s-(i.slidesPerView-1)*m)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),c[w]&&(c[w].style[t.getDirectionLabel("width")]=`${_}px`);c[w]&&(c[w].swiperSlideSize=_),b.push(_),i.centeredSlides?(C=C+_/2+k/2+m,k===0&&w!==0&&(C=C-s/2-m),w===0&&(C=C-s/2-m),Math.abs(C)<1/1e3&&(C=0),i.roundLengths&&(C=Math.floor(C)),f%i.slidesPerGroup===0&&g.push(C),y.push(C)):(i.roundLengths&&(C=Math.floor(C)),(f-Math.min(t.params.slidesPerGroupSkip,f))%t.params.slidesPerGroup===0&&g.push(C),y.push(C),C=C+_+m),t.virtualSize+=_+m,k=_,f+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+E,d&&a&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+m}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+m}px`),A&&t.grid.updateWrapperSize(_,g),!i.centeredSlides){const w=[];for(let D=0;D<g.length;D+=1){let x=g[D];i.roundLengths&&(x=Math.floor(x)),g[D]<=t.virtualSize-s&&w.push(x)}g=w,Math.floor(t.virtualSize-s)-Math.floor(g[g.length-1])>1&&g.push(t.virtualSize-s)}if(r&&i.loop){const w=b[0]+m;if(i.slidesPerGroup>1){const D=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=w*i.slidesPerGroup;for(let I=0;I<D;I+=1)g.push(g[g.length-1]+x)}for(let D=0;D<t.virtual.slidesBefore+t.virtual.slidesAfter;D+=1)i.slidesPerGroup===1&&g.push(g[g.length-1]+w),y.push(y[y.length-1]+w),t.virtualSize+=w}if(g.length===0&&(g=[0]),m!==0){const w=t.isHorizontal()&&d?"marginLeft":t.getDirectionLabel("marginRight");c.filter((D,x)=>!i.cssMode||i.loop?!0:x!==c.length-1).forEach(D=>{D.style[w]=`${m}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let w=0;b.forEach(x=>{w+=x+(m||0)}),w-=m;const D=w-s;g=g.map(x=>x<=0?-T:x>D?D+E:x)}if(i.centerInsufficientSlides){let w=0;b.forEach(x=>{w+=x+(m||0)}),w-=m;const D=(i.slidesOffsetBefore||0)+(i.slidesOffsetAfter||0);if(w+D<s){const x=(s-w-D)/2;g.forEach((I,M)=>{g[M]=I-x}),y.forEach((I,M)=>{y[M]=I+x})}}if(Object.assign(t,{slides:c,snapGrid:g,slidesGrid:y,slidesSizesGrid:b}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){_t(n,"--swiper-centered-offset-before",`${-g[0]}px`),_t(n,"--swiper-centered-offset-after",`${t.size/2-b[b.length-1]/2}px`);const w=-t.snapGrid[0],D=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+w),t.slidesGrid=t.slidesGrid.map(x=>x+D)}if(v!==u&&t.emit("slidesLengthChange"),g.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==h&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const w=`${i.containerModifierClass}backface-hidden`,D=t.el.classList.contains(w);v<=i.maxBackfaceHiddenSlides?D||t.el.classList.add(w):D&&t.el.classList.remove(w)}}function ho(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let l=0,s;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const d=a=>n?e.slides[e.getSlideIndexByData(a)]:e.slides[a];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(a=>{i.push(a)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const a=e.activeIndex+s;if(a>e.slides.length&&!n)break;i.push(d(a))}else i.push(d(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const a=i[s].offsetHeight;l=a>l?a:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function go(){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()}const $i=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function bo(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:l,snapGrid:s}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let d=-t;l&&(d=t),e.visibleSlidesIndexes=[],e.visibleSlides=[];let a=i.spaceBetween;typeof a=="string"&&a.indexOf("%")>=0?a=parseFloat(a.replace("%",""))/100*e.size:typeof a=="string"&&(a=parseFloat(a));for(let r=0;r<n.length;r+=1){const u=n[r];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(d+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+a),g=(d-s[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+a),y=-(d-c),b=y+e.slidesSizesGrid[r],T=y>=0&&y<=e.size-e.slidesSizesGrid[r],E=y>=0&&y<e.size-1||b>1&&b<=e.size||y<=0&&b>=e.size;E&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(r)),$i(u,E,i.slideVisibleClass),$i(u,T,i.slideFullyVisibleClass),u.progress=l?-v:v,u.originalProgress=l?-g:g}}function yo(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:s,isEnd:d,progressLoop:a}=e;const r=s,u=d;if(n===0)l=0,s=!0,d=!0;else{l=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=c||l<=0,d=v||l>=1,c&&(l=0),v&&(l=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),g=e.slidesGrid[c],y=e.slidesGrid[v],b=e.slidesGrid[e.slidesGrid.length-1],T=Math.abs(t);T>=g?a=(T-g)/b:a=(T+b-y)/b,a>1&&(a-=1)}Object.assign(e,{progress:l,progressLoop:a,isBeginning:s,isEnd:d}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!r&&e.emit("reachBeginning toEdge"),d&&!u&&e.emit("reachEnd toEdge"),(r&&!s||u&&!d)&&e.emit("fromEdge"),e.emit("progress",l)}const ti=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function wo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:l}=t,s=t.virtual&&i.virtual.enabled,d=t.grid&&i.grid&&i.grid.rows>1,a=v=>Je(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];let r,u,c;if(s)if(i.loop){let v=l-t.virtual.slidesBefore;v<0&&(v=t.virtual.slides.length+v),v>=t.virtual.slides.length&&(v-=t.virtual.slides.length),r=a(`[data-swiper-slide-index="${v}"]`)}else r=a(`[data-swiper-slide-index="${l}"]`);else d?(r=e.filter(v=>v.column===l)[0],c=e.filter(v=>v.column===l+1)[0],u=e.filter(v=>v.column===l-1)[0]):r=e[l];r&&(d||(c=io(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),u=to(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]))),e.forEach(v=>{ti(v,v===r,i.slideActiveClass),ti(v,v===c,i.slideNextClass),ti(v,v===u,i.slidePrevClass)}),t.emitSlidesClasses()}const Mt=(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 l=n.querySelector(`.${t.params.lazyPreloaderClass}`);!l&&t.isElement&&(n.shadowRoot?l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),l&&l.remove())})),l&&l.remove()}},ii=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},ni=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),l=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const d=l,a=[d-e];a.push(...Array.from({length:e}).map((r,u)=>d+n+u)),t.slides.forEach((r,u)=>{a.includes(r.column)&&ii(t,u)});return}const s=l+n-1;if(t.params.rewind||t.params.loop)for(let d=l-e;d<=s+e;d+=1){const a=(d%i+i)%i;(a<l||a>s)&&ii(t,a)}else for(let d=Math.max(l-e,0);d<=Math.min(s+e,i-1);d+=1)d!==l&&(d>s||d<l)&&ii(t,d)};function So(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let l;for(let s=0;s<e.length;s+=1)typeof e[s+1]<"u"?n>=e[s]&&n<e[s+1]-(e[s+1]-e[s])/2?l=s:n>=e[s]&&n<e[s+1]&&(l=s+1):n>=e[s]&&(l=s);return i.normalizeSlideIndex&&(l<0||typeof l>"u")&&(l=0),l}function To(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:s,realIndex:d,snapIndex:a}=e;let r=t,u;const c=y=>{let b=y-e.virtual.slidesBefore;return b<0&&(b=e.virtual.slides.length+b),b>=e.virtual.slides.length&&(b-=e.virtual.slides.length),b};if(typeof r>"u"&&(r=So(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const y=Math.min(l.slidesPerGroupSkip,r);u=y+Math.floor((r-y)/l.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),r===s&&!e.params.loop){u!==a&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(r===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(r);return}const v=e.grid&&l.grid&&l.grid.rows>1;let g;if(e.virtual&&l.virtual.enabled&&l.loop)g=c(r);else if(v){const y=e.slides.filter(T=>T.column===r)[0];let b=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(b)&&(b=Math.max(e.slides.indexOf(y),0)),g=Math.floor(b/l.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:a,snapIndex:u,previousRealIndex:d,realIndex:g,previousIndex:s,activeIndex:r}),e.initialized&&ni(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(d!==g&&e.emit("realIndexChange"),e.emit("slideChange"))}function xo(t,e){const i=this,n=i.params;let l=t.closest(`.${n.slideClass}, swiper-slide`);!l&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(a=>{!l&&a.matches&&a.matches(`.${n.slideClass}, swiper-slide`)&&(l=a)});let s=!1,d;if(l){for(let a=0;a<i.slides.length;a+=1)if(i.slides[a]===l){s=!0,d=a;break}}if(l&&s)i.clickedSlide=l,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(l.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=d;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Eo={updateSize:fo,updateSlides:mo,updateAutoHeight:ho,updateSlidesOffset:go,updateSlidesProgress:bo,updateProgress:yo,updateSlidesClasses:wo,updateActiveIndex:To,updateClickedSlide:xo};function Co(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:l,wrapperEl:s}=e;if(i.virtualTranslate)return n?-l:l;if(i.cssMode)return l;let d=Qn(s,t);return d+=e.cssOverflowAdjustment(),n&&(d=-d),d||0}function Io(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:s,progress:d}=i;let a=0,r=0;const u=0;i.isHorizontal()?a=n?-t:t:r=t,l.roundLengths&&(a=Math.floor(a),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?a:r,l.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-a:-r:l.virtualTranslate||(i.isHorizontal()?a-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${a}px, ${r}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==d&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function _o(){return-this.snapGrid[0]}function ko(){return-this.snapGrid[this.snapGrid.length-1]}function Do(t,e,i,n,l){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const s=this,{params:d,wrapperEl:a}=s;if(s.animating&&d.preventInteractionOnTransition)return!1;const r=s.minTranslate(),u=s.maxTranslate();let c;if(n&&t>r?c=r:n&&t<u?c=u:c=t,s.updateProgress(c),d.cssMode){const v=s.isHorizontal();if(e===0)a[v?"scrollLeft":"scrollTop"]=-c;else{if(!s.support.smoothScroll)return Fi({swiper:s,targetPosition:-c,side:v?"left":"top"}),!0;a.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(c),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(c),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(g){!s||s.destroyed||g.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onTranslateToWrapperTransitionEnd),s.onTranslateToWrapperTransitionEnd=null,delete s.onTranslateToWrapperTransitionEnd,s.animating=!1,i&&s.emit("transitionEnd"))}),s.wrapperEl.addEventListener("transitionend",s.onTranslateToWrapperTransitionEnd))),!0}var Ao={getTranslate:Co,setTranslate:Io,minTranslate:_o,maxTranslate:ko,translateTo:Do};function Po(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 Wi(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:s,previousIndex:d}=e;let a=n;if(a||(s>d?a="next":s<d?a="prev":a="reset"),e.emit(`transition${l}`),i&&s!==d){if(a==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),a==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function Mo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Wi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Oo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Wi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Lo={setTransition:Po,transitionStart:Mo,transitionEnd:Oo};function jo(t,e,i,n,l){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const s=this;let d=t;d<0&&(d=0);const{params:a,snapGrid:r,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:g,wrapperEl:y,enabled:b}=s;if(!b&&!n&&!l||s.destroyed||s.animating&&a.preventInteractionOnTransition)return!1;typeof e>"u"&&(e=s.params.speed);const T=Math.min(s.params.slidesPerGroupSkip,d);let E=T+Math.floor((d-T)/s.params.slidesPerGroup);E>=r.length&&(E=r.length-1);const p=-r[E];if(a.normalizeSlideIndex)for(let m=0;m<u.length;m+=1){const C=-Math.floor(p*100),k=Math.floor(u[m]*100),f=Math.floor(u[m+1]*100);typeof u[m+1]<"u"?C>=k&&C<f-(f-k)/2?d=m:C>=k&&C<f&&(d=m+1):C>=k&&(d=m)}if(s.initialized&&d!==v&&(!s.allowSlideNext&&(g?p>s.translate&&p>s.minTranslate():p<s.translate&&p<s.minTranslate())||!s.allowSlidePrev&&p>s.translate&&p>s.maxTranslate()&&(v||0)!==d))return!1;d!==(c||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let h;if(d>v?h="next":d<v?h="prev":h="reset",g&&-p===s.translate||!g&&p===s.translate)return s.updateActiveIndex(d),a.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),a.effect!=="slide"&&s.setTranslate(p),h!=="reset"&&(s.transitionStart(i,h),s.transitionEnd(i,h)),!1;if(a.cssMode){const m=s.isHorizontal(),C=g?p:-p;if(e===0){const k=s.virtual&&s.params.virtual.enabled;k&&(s.wrapperEl.style.scrollSnapType="none",s._immediateVirtual=!0),k&&!s._cssModeVirtualInitialSet&&s.params.initialSlide>0?(s._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[m?"scrollLeft":"scrollTop"]=C})):y[m?"scrollLeft":"scrollTop"]=C,k&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return Fi({swiper:s,targetPosition:C,side:m?"left":"top"}),!0;y.scrollTo({[m?"left":"top"]:C,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(d),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,h),e===0?s.transitionEnd(i,h):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(C){!s||s.destroyed||C.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,h))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function No(t,e,i,n){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;if(l.destroyed)return;typeof e>"u"&&(e=l.params.speed);const s=l.grid&&l.params.grid&&l.params.grid.rows>1;let d=t;if(l.params.loop)if(l.virtual&&l.params.virtual.enabled)d=d+l.virtual.slidesBefore;else{let a;if(s){const g=d*l.params.grid.rows;a=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else a=l.getSlideIndexByData(d);const r=s?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:u}=l.params;let c=l.params.slidesPerView;c==="auto"?c=l.slidesPerViewDynamic():(c=Math.ceil(parseFloat(l.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=r-a<c;if(u&&(v=v||a<Math.ceil(c/2)),n&&u&&l.params.slidesPerView!=="auto"&&!s&&(v=!1),v){const g=u?a<l.activeIndex?"prev":"next":a-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:g,slideTo:!0,activeSlideIndex:g==="next"?a+1:a-r+1,slideRealIndex:g==="next"?l.realIndex:void 0})}if(s){const g=d*l.params.grid.rows;d=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else d=l.getSlideIndexByData(d)}return requestAnimationFrame(()=>{l.slideTo(d,e,i,n)}),l}function Bo(t,e,i){e===void 0&&(e=!0);const n=this,{enabled:l,params:s,animating:d}=n;if(!l||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);let a=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(a=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<s.slidesPerGroupSkip?1:a,u=n.virtual&&s.virtual.enabled;if(s.loop){if(d&&!u&&s.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&s.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function Ro(t,e,i){e===void 0&&(e=!0);const n=this,{params:l,snapGrid:s,slidesGrid:d,rtlTranslate:a,enabled:r,animating:u}=n;if(!r||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);const c=n.virtual&&l.virtual.enabled;if(l.loop){if(u&&!c&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=a?n.translate:-n.translate;function g(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const y=g(v),b=s.map(p=>g(p));let T=s[b.indexOf(y)-1];if(typeof T>"u"&&l.cssMode){let p;s.forEach((h,m)=>{y>=h&&(p=m)}),typeof p<"u"&&(T=s[p>0?p-1:p])}let E=0;if(typeof T<"u"&&(E=d.indexOf(T),E<0&&(E=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(E=E-n.slidesPerViewDynamic("previous",!0)+1,E=Math.max(E,0))),l.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(l.loop&&n.activeIndex===0&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(E,t,e,i)}),!0;return n.slideTo(E,t,e,i)}function zo(t,e,i){e===void 0&&(e=!0);const n=this;if(!n.destroyed)return typeof t>"u"&&(t=n.params.speed),n.slideTo(n.activeIndex,t,e,i)}function Fo(t,e,i,n){e===void 0&&(e=!0),n===void 0&&(n=.5);const l=this;if(l.destroyed)return;typeof t>"u"&&(t=l.params.speed);let s=l.activeIndex;const d=Math.min(l.params.slidesPerGroupSkip,s),a=d+Math.floor((s-d)/l.params.slidesPerGroup),r=l.rtlTranslate?l.translate:-l.translate;if(r>=l.snapGrid[a]){const u=l.snapGrid[a],c=l.snapGrid[a+1];r-u>(c-u)*n&&(s+=l.params.slidesPerGroup)}else{const u=l.snapGrid[a-1],c=l.snapGrid[a];r-u<=(c-u)*n&&(s-=l.params.slidesPerGroup)}return s=Math.max(s,0),s=Math.min(s,l.slidesGrid.length-1),l.slideTo(s,t,e,i)}function Vo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let l=t.clickedIndex,s;const d=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;s=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?l<t.loopedSlides-n/2||l>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),l=t.getSlideIndex(Je(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),ft(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Je(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),ft(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Ho={slideTo:jo,slideToLoop:No,slideNext:Bo,slidePrev:Ro,slideReset:zo,slideToClosest:Fo,slideToClickedSlide:Vo};function Uo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Je(n,`.${i.slideClass}, swiper-slide`).forEach((v,g)=>{v.setAttribute("data-swiper-slide-index",g)})},s=e.grid&&i.grid&&i.grid.rows>1,d=i.slidesPerGroup*(s?i.grid.rows:1),a=e.slides.length%d!==0,r=s&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const g=e.isElement?bt("swiper-slide",[i.slideBlankClass]):bt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(g)}};if(a){if(i.loopAddBlankSlides){const c=d-e.slides.length%d;u(c),e.recalcSlides(),e.updateSlides()}else kt("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)");l()}else if(r){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else kt("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)");l()}else l();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function Go(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:s,byController:d,byMousewheel:a}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:g,params:y}=r,{centeredSlides:b}=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=c,r.allowSlideNext=v,r.emit("loopFix");return}let T=y.slidesPerView;T==="auto"?T=r.slidesPerViewDynamic():(T=Math.ceil(parseFloat(y.slidesPerView,10)),b&&T%2===0&&(T=T+1));const E=y.slidesPerGroupAuto?T:y.slidesPerGroup;let p=E;p%E!==0&&(p+=E-p%E),p+=y.loopAdditionalSlides,r.loopedSlides=p;const h=r.grid&&y.grid&&y.grid.rows>1;u.length<T+p?kt("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"):h&&y.grid.fill==="row"&&kt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const m=[],C=[];let k=r.activeIndex;typeof s>"u"?s=r.getSlideIndex(u.filter(I=>I.classList.contains(y.slideActiveClass))[0]):k=s;const f=n==="next"||!n,A=n==="prev"||!n;let _=0,S=0;const w=h?Math.ceil(u.length/y.grid.rows):u.length,x=(h?u[s].column:s)+(b&&typeof l>"u"?-T/2+.5:0);if(x<p){_=Math.max(p-x,E);for(let I=0;I<p-x;I+=1){const M=I-Math.floor(I/w)*w;if(h){const N=w-M-1;for(let O=u.length-1;O>=0;O-=1)u[O].column===N&&m.push(O)}else m.push(w-M-1)}}else if(x+T>w-p){S=Math.max(x-(w-p*2),E);for(let I=0;I<S;I+=1){const M=I-Math.floor(I/w)*w;h?u.forEach((N,O)=>{N.column===M&&C.push(O)}):C.push(M)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),A&&m.forEach(I=>{u[I].swiperLoopMoveDOM=!0,g.prepend(u[I]),u[I].swiperLoopMoveDOM=!1}),f&&C.forEach(I=>{u[I].swiperLoopMoveDOM=!0,g.append(u[I]),u[I].swiperLoopMoveDOM=!1}),r.recalcSlides(),y.slidesPerView==="auto"?r.updateSlides():h&&(m.length>0&&A||C.length>0&&f)&&r.slides.forEach((I,M)=>{r.grid.updateSlide(M,I,r.slides)}),y.watchSlidesProgress&&r.updateSlidesOffset(),i){if(m.length>0&&A){if(typeof e>"u"){const I=r.slidesGrid[k],N=r.slidesGrid[k+_]-I;a?r.setTranslate(r.translate-N):(r.slideTo(k+Math.ceil(_),0,!1,!0),l&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else if(l){const I=h?m.length/y.grid.rows:m.length;r.slideTo(r.activeIndex+I,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(C.length>0&&f)if(typeof e>"u"){const I=r.slidesGrid[k],N=r.slidesGrid[k-S]-I;a?r.setTranslate(r.translate-N):(r.slideTo(k-S,0,!1,!0),l&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else{const I=h?C.length/y.grid.rows:C.length;r.slideTo(r.activeIndex-I,0,!1,!0)}}if(r.allowSlidePrev=c,r.allowSlideNext=v,r.controller&&r.controller.control&&!d){const I={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:s,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(M=>{!M.destroyed&&M.params.loop&&M.loopFix({...I,slideTo:M.params.slidesPerView===y.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...I,slideTo:r.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}r.emit("loopFix")}function $o(){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(l=>{const s=typeof l.swiperSlideIndex>"u"?l.getAttribute("data-swiper-slide-index")*1:l.swiperSlideIndex;n[s]=l}),t.slides.forEach(l=>{l.removeAttribute("data-swiper-slide-index")}),n.forEach(l=>{i.append(l)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var Wo={loopCreate:Uo,loopFix:Go,loopDestroy:$o};function Yo(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 qo(){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 Xo={setGrabCursor:Yo,unsetGrabCursor:qo};function Jo(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ye()||n===Le())return null;n.assignedSlot&&(n=n.assignedSlot);const l=n.closest(t);return!l&&!n.getRootNode?null:l||i(n.getRootNode().host)}return i(e)}function Yi(t,e,i){const n=Le(),{params:l}=t,s=l.edgeSwipeDetection,d=l.edgeSwipeThreshold;return s&&(i<=d||i>=n.innerWidth-d)?s==="prevent"?(e.preventDefault(),!0):!1:!0}function Ko(t){const e=this,i=Ye();let n=t;n.originalEvent&&(n=n.originalEvent);const l=e.touchEventsData;if(n.type==="pointerdown"){if(l.pointerId!==null&&l.pointerId!==n.pointerId)return;l.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(l.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){Yi(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:d,enabled:a}=e;if(!a||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let r=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const u=!!s.noSwipingClass&&s.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(r=c[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,g=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(g?Jo(v,r):r.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!r.closest(s.swipeHandler))return;d.currentX=n.pageX,d.currentY=n.pageY;const y=d.currentX,b=d.currentY;if(!Yi(e,n,y))return;Object.assign(l,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=y,d.startY=b,l.touchStartTime=Ge(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,s.threshold>0&&(l.allowThresholdMove=!1);let T=!0;r.matches(l.focusableElements)&&(T=!1,r.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const E=T&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||E)&&!r.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Qo(t){const e=Ye(),i=this,n=i.touchEventsData,{params:l,touches:s,rtlTranslate:d,enabled:a}=i;if(!a||!l.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 u;if(r.type==="touchmove"){if(u=[...r.changedTouches].filter(f=>f.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const c=u.pageX,v=u.pageY;if(r.preventedByNestedSwiper){s.startX=c,s.startY=v;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=Ge());return}if(l.touchReleaseOnEdges&&!l.loop){if(i.isVertical()){if(v<s.startY&&i.translate<=i.maxTranslate()||v>s.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(c<s.startX&&i.translate<=i.maxTranslate()||c>s.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),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=c,s.currentY=v;const g=s.currentX-s.startX,y=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(g**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let f;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:g*g+y*y>=25&&(f=Math.atan2(Math.abs(y),Math.abs(g))*180/Math.PI,n.isScrolling=i.isHorizontal()?f>l.touchAngle:90-f>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.startY)&&(n.startMoving=!0),n.isScrolling||r.type==="touchmove"&&n.preventTouchMoveFromPointerMove){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&r.cancelable&&r.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&r.stopPropagation();let b=i.isHorizontal()?g:y,T=i.isHorizontal()?s.currentX-s.previousX:s.currentY-s.previousY;l.oneWayMovement&&(b=Math.abs(b)*(d?1:-1),T=Math.abs(T)*(d?1:-1)),s.diff=b,b*=l.touchRatio,d&&(b=-b,T=-T);const E=i.touchesDirection;i.swipeDirection=b>0?"prev":"next",i.touchesDirection=T>0?"prev":"next";const p=i.params.loop&&!l.cssMode,h=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&h&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const f=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});i.wrapperEl.dispatchEvent(f)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let m;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&E!==i.touchesDirection&&p&&h&&Math.abs(b)>=1){Object.assign(s,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",r),n.isMoved=!0,n.currentTranslate=b+n.startTranslate;let C=!0,k=l.resistanceRatio;if(l.touchReleaseOnEdges&&(k=0),b>0?(p&&h&&!m&&n.allowThresholdMove&&n.currentTranslate>(l.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(C=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+b)**k))):b<0&&(p&&h&&!m&&n.allowThresholdMove&&n.currentTranslate<(l.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(l.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(l.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(C=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-b)**k))),C&&(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),l.threshold>0)if(Math.abs(b)>l.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,s.startX=s.currentX,s.startY=s.currentY,n.currentTranslate=n.startTranslate,s.diff=i.isHorizontal()?s.currentX-s.startX:s.currentY-s.startY;return}}else{n.currentTranslate=n.startTranslate;return}!l.followFinger||l.cssMode||((l.freeMode&&l.freeMode.enabled&&i.freeMode||l.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),l.freeMode&&l.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function Zo(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let l;if(n.type==="touchend"||n.type==="touchcancel"){if(l=[...n.changedTouches].filter(k=>k.identifier===i.touchId)[0],!l||l.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;l=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:d,touches:a,rtlTranslate:r,slidesGrid:u,enabled:c}=e;if(!c||!d.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&d.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}d.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Ge(),g=v-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&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ge(),ft(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||a.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(d.followFinger?y=r?e.translate:-e.translate:y=-i.currentTranslate,d.cssMode)return;if(d.freeMode&&d.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const b=y>=-e.maxTranslate()&&!e.params.loop;let T=0,E=e.slidesSizesGrid[0];for(let k=0;k<u.length;k+=k<d.slidesPerGroupSkip?1:d.slidesPerGroup){const f=k<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;typeof u[k+f]<"u"?(b||y>=u[k]&&y<u[k+f])&&(T=k,E=u[k+f]-u[k]):(b||y>=u[k])&&(T=k,E=u[u.length-1]-u[u.length-2])}let p=null,h=null;d.rewind&&(e.isBeginning?h=d.virtual&&d.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const m=(y-u[T])/E,C=T<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;if(g>d.longSwipesMs){if(!d.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(m>=d.longSwipesRatio?e.slideTo(d.rewind&&e.isEnd?p:T+C):e.slideTo(T)),e.swipeDirection==="prev"&&(m>1-d.longSwipesRatio?e.slideTo(T+C):h!==null&&m<0&&Math.abs(m)>d.longSwipesRatio?e.slideTo(h):e.slideTo(T))}else{if(!d.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(T+C):e.slideTo(T):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:T+C),e.swipeDirection==="prev"&&e.slideTo(h!==null?h:T))}}function qi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:l,snapGrid:s}=t,d=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const a=d&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!a?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!d?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=l,t.allowSlideNext=n,t.params.watchOverflow&&s!==t.snapGrid&&t.checkOverflow()}function el(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function tl(){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 l;const s=t.maxTranslate()-t.minTranslate();s===0?l=0:l=(t.translate-t.minTranslate())/s,l!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function il(t){const e=this;Mt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function nl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Xi=(t,e)=>{const i=Ye(),{params:n,el:l,wrapperEl:s,device:d}=t,a=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",u=e;!l||typeof l=="string"||(i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:a}),l[r]("touchstart",t.onTouchStart,{passive:!1}),l[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:a}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:a}),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)&&l[r]("click",t.onClick,!0),n.cssMode&&s[r]("scroll",t.onScroll),n.updateOnWindowResize?t[u](d.ios||d.android?"resize orientationchange observerUpdate":"resize observerUpdate",qi,!0):t[u]("observerUpdate",qi,!0),l[r]("load",t.onLoad,{capture:!0}))};function ol(){const t=this,{params:e}=t;t.onTouchStart=Ko.bind(t),t.onTouchMove=Qo.bind(t),t.onTouchEnd=Zo.bind(t),t.onDocumentTouchStart=nl.bind(t),e.cssMode&&(t.onScroll=tl.bind(t)),t.onClick=el.bind(t),t.onLoad=il.bind(t),Xi(t,"on")}function ll(){Xi(this,"off")}var sl={attachEvents:ol,detachEvents:ll};const Ji=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function al(){const t=this,{realIndex:e,initialized:i,params:n,el:l}=t,s=n.breakpoints;if(!s||s&&Object.keys(s).length===0)return;const d=t.getBreakpoint(s,t.params.breakpointsBase,t.el);if(!d||t.currentBreakpoint===d)return;const r=(d in s?s[d]:void 0)||t.originalParams,u=Ji(t,n),c=Ji(t,r),v=t.params.grabCursor,g=r.grabCursor,y=n.enabled;u&&!c?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(l.classList.add(`${n.containerModifierClass}grid`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),v&&!g?t.unsetGrabCursor():!v&&g&&t.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(m=>{if(typeof r[m]>"u")return;const C=n[m]&&n[m].enabled,k=r[m]&&r[m].enabled;C&&!k&&t[m].disable(),!C&&k&&t[m].enable()});const b=r.direction&&r.direction!==n.direction,T=n.loop&&(r.slidesPerView!==n.slidesPerView||b),E=n.loop;b&&i&&t.changeDirection(),ze(t.params,r);const p=t.params.enabled,h=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),y&&!p?t.disable():!y&&p&&t.enable(),t.currentBreakpoint=d,t.emit("_beforeBreakpoint",r),i&&(T?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!E&&h?(t.loopCreate(e),t.updateSlides()):E&&!h&&t.loopDestroy()),t.emit("breakpoint",r)}function rl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Le(),s=e==="window"?l.innerHeight:i.clientHeight,d=Object.keys(t).map(a=>{if(typeof a=="string"&&a.indexOf("@")===0){const r=parseFloat(a.substr(1));return{value:s*r,point:a}}return{value:a,point:a}});d.sort((a,r)=>parseInt(a.value,10)-parseInt(r.value,10));for(let a=0;a<d.length;a+=1){const{point:r,value:u}=d[a];e==="window"?l.matchMedia(`(min-width: ${u}px)`).matches&&(n=r):u<=i.clientWidth&&(n=r)}return n||"max"}var dl={setBreakpoint:al,getBreakpoint:rl};function cl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(l=>{n[l]&&i.push(e+l)}):typeof n=="string"&&i.push(e+n)}),i}function ul(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:s}=t,d=cl(["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:s.android},{ios:s.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...d),l.classList.add(...e),t.emitContainerClasses()}function pl(){const t=this,{el:e,classNames:i}=t;!e||typeof e=="string"||(e.classList.remove(...i),t.emitContainerClasses())}var vl={addClasses:ul,removeClasses:pl};function fl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const l=t.slides.length-1,s=t.slidesGrid[l]+t.slidesSizesGrid[l]+n*2;t.isLocked=t.size>s}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 ml={checkOverflow:fl},oi={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 hl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],s=n[l];if(typeof s!="object"||s===null){ze(e,n);return}if(t[l]===!0&&(t[l]={enabled:!0}),l==="navigation"&&t[l]&&t[l].enabled&&!t[l].prevEl&&!t[l].nextEl&&(t[l].auto=!0),["pagination","scrollbar"].indexOf(l)>=0&&t[l]&&t[l].enabled&&!t[l].el&&(t[l].auto=!0),!(l in t&&"enabled"in s)){ze(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),ze(e,n)}}const li={eventsEmitter:vo,update:Eo,translate:Ao,transition:Lo,slide:Ho,loop:Wo,grabCursor:Xo,events:sl,breakpoints:dl,checkOverflow:ml,classes:vl},si={};let ai=class it{constructor(){let e,i;for(var n=arguments.length,l=new Array(n),s=0;s<n;s++)l[s]=arguments[s];l.length===1&&l[0].constructor&&Object.prototype.toString.call(l[0]).slice(8,-1)==="Object"?i=l[0]:[e,i]=l,i||(i={}),i=ze({},i),e&&!i.el&&(i.el=e);const d=Ye();if(i.el&&typeof i.el=="string"&&d.querySelectorAll(i.el).length>1){const c=[];return d.querySelectorAll(i.el).forEach(v=>{const g=ze({},i,{el:v});c.push(new it(g))}),c}const a=this;a.__swiper__=!0,a.support=Ui(),a.device=Gi({userAgent:i.userAgent}),a.browser=co(),a.eventsListeners={},a.eventsAnyListeners=[],a.modules=[...a.__modules__],i.modules&&Array.isArray(i.modules)&&a.modules.push(...i.modules);const r={};a.modules.forEach(c=>{c({params:i,swiper:a,extendParams:hl(i,r),on:a.on.bind(a),once:a.once.bind(a),off:a.off.bind(a),emit:a.emit.bind(a)})});const u=ze({},oi,r);return a.params=ze({},u,si,i),a.originalParams=ze({},a.params),a.passedParams=ze({},i),a.params&&a.params.on&&Object.keys(a.params.on).forEach(c=>{a.on(c,a.params.on[c])}),a.params&&a.params.onAny&&a.onAny(a.params.onAny),Object.assign(a,{enabled:a.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return a.params.direction==="horizontal"},isVertical(){return a.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:a.params.allowSlideNext,allowSlidePrev:a.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:a.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:a.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),a.emit("_swiper"),a.params.init&&a.init(),a}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,l=Je(i,`.${n.slideClass}, swiper-slide`),s=Dt(l[0]);return Dt(e)-s}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=Je(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 l=n.minTranslate(),d=(n.maxTranslate()-l)*e+l;n.translateTo(d,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 l=e.getSlideClasses(n);i.push({slideEl:n,classNames:l}),e.emit("_slideClass",n,l)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:l,slides:s,slidesGrid:d,slidesSizesGrid:a,size:r,activeIndex:u}=n;let c=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=s[u]?Math.ceil(s[u].swiperSlideSize):0,g;for(let y=u+1;y<s.length;y+=1)s[y]&&!g&&(v+=Math.ceil(s[y].swiperSlideSize),c+=1,v>r&&(g=!0));for(let y=u-1;y>=0;y-=1)s[y]&&!g&&(v+=s[y].swiperSlideSize,c+=1,v>r&&(g=!0))}else if(e==="current")for(let v=u+1;v<s.length;v+=1)(i?d[v]+a[v]-d[u]<r:d[v]-d[u]<r)&&(c+=1);else for(let v=u-1;v>=0;v-=1)d[u]-d[v]<r&&(c+=1);return c}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(d=>{d.complete&&Mt(e,d)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const d=e.rtlTranslate?e.translate*-1:e.translate,a=Math.min(Math.max(d,e.maxTranslate()),e.minTranslate());e.setTranslate(a),e.updateActiveIndex(),e.updateSlidesClasses()}let s;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)l(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const d=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;s=e.slideTo(d.length-1,0,!1,!0)}else s=e.slideTo(e.activeIndex,0,!1,!0);s||l()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,l=n.params.direction;return e||(e=l==="horizontal"?"vertical":"horizontal"),e===l||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${l}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(s=>{e==="vertical"?s.style.width="":s.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 l=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let d=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(l()):Je(n,l())[0];return!d&&i.params.createElements&&(d=bt("div",i.params.wrapperClass),n.append(d),Je(n,`.${i.params.slideClass}`).forEach(a=>{d.append(a)})),Object.assign(i,{el:n,wrapperEl:d,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:d,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||st(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||st(n,"direction")==="rtl"),wrongRTL:st(d,"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 l=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&l.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),l.forEach(s=>{s.complete?Mt(i,s):s.addEventListener("load",d=>{Mt(i,d.target)})}),ni(i),i.initialized=!0,ni(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:l,el:s,wrapperEl:d,slides:a}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),l.loop&&n.loopDestroy(),i&&(n.removeClasses(),s&&typeof s!="string"&&s.removeAttribute("style"),d&&d.removeAttribute("style"),a&&a.length&&a.forEach(r=>{r.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.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&&typeof n.el!="string"&&(n.el.swiper=null),Jn(n)),n.destroyed=!0),null}static extendDefaults(e){ze(si,e)}static get extendedDefaults(){return si}static get defaults(){return oi}static installModule(e){it.prototype.__modules__||(it.prototype.__modules__=[]);const i=it.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>it.installModule(i)),it):(it.installModule(e),it)}};Object.keys(li).forEach(t=>{Object.keys(li[t]).forEach(e=>{ai.prototype[e]=li[t][e]})}),ai.use([uo,po]);const Ki=["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 pt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function ht(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]:pt(e[n])&&pt(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:ht(t[n],e[n]):t[n]=e[n]})}function Qi(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Zi(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function en(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function tn(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 gl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function bl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:s,prevEl:d,scrollbarEl:a,paginationEl:r}=t;const u=l.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:c,pagination:v,navigation:g,scrollbar:y,virtual:b,thumbs:T}=e;let E,p,h,m,C,k,f,A;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(E=!0),l.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(h=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||a)&&(c.scrollbar||c.scrollbar===!1)&&y&&!y.el&&(m=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||d)&&(n.navigation.nextEl||s)&&(c.navigation||c.navigation===!1)&&g&&!g.prevEl&&!g.nextEl&&(C=!0);const _=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),c[S].prevEl=void 0,c[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),c[S].el=void 0,e[S].el=void 0))};l.includes("loop")&&e.isElement&&(c.loop&&!n.loop?k=!0:!c.loop&&n.loop?f=!0:A=!0),u.forEach(S=>{if(pt(c[S])&&pt(n[S]))Object.assign(c[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&_(S);else{const w=n[S];(w===!0||w===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?w===!1&&_(S):c[S]=n[S]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),l.includes("children")&&i&&b&&c.virtual.enabled?(b.slides=i,b.update(!0)):l.includes("virtual")&&b&&c.virtual.enabled&&(i&&(b.slides=i),b.update(!0)),l.includes("children")&&i&&c.loop&&(A=!0),E&&T.init()&&T.update(!0),p&&(e.controller.control=c.controller.control),h&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(c.pagination.el=r),v.init(),v.render(),v.update()),m&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-scrollbar"),a.part.add("scrollbar"),e.el.appendChild(a)),a&&(c.scrollbar.el=a),y.init(),y.updateSize(),y.setTranslate()),C&&(e.isElement&&((!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-button-next"),s.innerHTML=e.hostEl.constructor.nextButtonSvg,s.part.add("button-next"),e.el.appendChild(s)),(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-button-prev"),d.innerHTML=e.hostEl.constructor.prevButtonSvg,d.part.add("button-prev"),e.el.appendChild(d))),s&&(c.navigation.nextEl=s),d&&(c.navigation.prevEl=d),g.init(),g.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(k||A)&&e.loopDestroy(),(f||A)&&e.loopCreate(),e.update()}function yl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};ht(i,oi),i._emitClasses=!0,i.init=!1;const s={},d=Ki.map(r=>r.replace(/_/,"")),a=Object.assign({},t);return Object.keys(a).forEach(r=>{typeof t[r]>"u"||(d.indexOf(r)>=0?pt(t[r])?(i[r]={},l[r]={},ht(i[r],t[r]),ht(l[r],t[r])):(i[r]=t[r],l[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]:s[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:l,rest:s,events:n}}function wl(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:s,scrollbarEl:d,swiper:a}=t;Qi(e)&&n&&l&&(a.params.navigation.nextEl=n,a.originalParams.navigation.nextEl=n,a.params.navigation.prevEl=l,a.originalParams.navigation.prevEl=l),Zi(e)&&s&&(a.params.pagination.el=s,a.originalParams.pagination.el=s),en(e)&&d&&(a.params.scrollbar.el=d,a.originalParams.scrollbar.el=d),a.init(i)}function Sl(t,e,i,n,l){const s=[];if(!e)return s;const d=r=>{s.indexOf(r)<0&&s.push(r)};if(i&&n){const r=n.map(l),u=i.map(l);r.join("")!==u.join("")&&d("children"),n.length!==i.length&&d("children")}return Ki.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if(pt(t[r])&&pt(e[r])){const u=Object.keys(t[r]),c=Object.keys(e[r]);u.length!==c.length?d(r):(u.forEach(v=>{t[r][v]!==e[r][v]&&d(r)}),c.forEach(v=>{t[r][v]!==e[r][v]&&d(r)}))}else t[r]!==e[r]&&d(r)}),s}const Tl=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 Ot(){return Ot=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},Ot.apply(this,arguments)}function nn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function on(t){const e=[];return o.Children.toArray(t).forEach(i=>{nn(i)?e.push(i):i.props&&i.props.children&&on(i.props.children).forEach(n=>e.push(n))}),e}function xl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return o.Children.toArray(t).forEach(n=>{if(nn(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 l=on(n.props.children);l.length>0?l.forEach(s=>e.push(s)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function El(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},l=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:s,to:d}=i,a=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,u=[];for(let c=a;c<r;c+=1)c>=s&&c<=d&&u.push(e[n(c)]);return u.map((c,v)=>o.cloneElement(c,{swiper:t,style:l,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function yt(t,e){return typeof window>"u"?o.useEffect(t,e):o.useLayoutEffect(t,e)}const ri=o.createContext(null),ln=()=>o.useContext(ri),Cl=o.createContext(null),vt=o.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:s,onSwiper:d,...a}=t===void 0?{}:t,r=!1;const[u,c]=o.useState("swiper"),[v,g]=o.useState(null),[y,b]=o.useState(!1),T=o.useRef(!1),E=o.useRef(null),p=o.useRef(null),h=o.useRef(null),m=o.useRef(null),C=o.useRef(null),k=o.useRef(null),f=o.useRef(null),A=o.useRef(null),{params:_,passedParams:S,rest:w,events:D}=yl(a),{slides:x,slots:I}=xl(s),M=()=>{b(!y)};Object.assign(_.on,{_containerClasses(B,j){c(j)}});const N=()=>{Object.assign(_.on,D),r=!0;const B={..._};if(delete B.wrapperClass,p.current=new ai(B),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const j={cache:!1,slides:x,renderExternal:g,renderExternalUpdate:!1};ht(p.current.params.virtual,j),ht(p.current.originalParams.virtual,j)}};E.current||N(),p.current&&p.current.on("_beforeBreakpoint",M);const O=()=>{r||!D||!p.current||Object.keys(D).forEach(B=>{p.current.on(B,D[B])})},$=()=>{!D||!p.current||Object.keys(D).forEach(B=>{p.current.off(B,D[B])})};o.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",M)}),o.useEffect(()=>{!T.current&&p.current&&(p.current.emitSlidesClasses(),T.current=!0)}),yt(()=>{if(e&&(e.current=E.current),!!E.current)return p.current.destroyed&&N(),wl({el:E.current,nextEl:C.current,prevEl:k.current,paginationEl:f.current,scrollbarEl:A.current,swiper:p.current},_),d&&!p.current.destroyed&&d(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),yt(()=>{O();const B=Sl(S,h.current,x,m.current,j=>j.key);return h.current=S,m.current=x,B.length&&p.current&&!p.current.destroyed&&bl({swiper:p.current,slides:x,passedParams:S,changedParams:B,nextEl:C.current,prevEl:k.current,scrollbarEl:A.current,paginationEl:f.current}),()=>{$()}}),yt(()=>{Tl(p.current)},[v]);function F(){return _.virtual?El(p.current,x,v):x.map((B,j)=>o.cloneElement(B,{swiper:p.current,swiperSlideIndex:j}))}return o.createElement(n,Ot({ref:E,className:tn(`${u}${i?` ${i}`:""}`)},w),o.createElement(Cl.Provider,{value:p.current},I["container-start"],o.createElement(l,{className:gl(_.wrapperClass)},I["wrapper-start"],F(),I["wrapper-end"]),Qi(_)&&o.createElement(o.Fragment,null,o.createElement("div",{ref:k,className:"swiper-button-prev"}),o.createElement("div",{ref:C,className:"swiper-button-next"})),en(_)&&o.createElement("div",{ref:A,className:"swiper-scrollbar"}),Zi(_)&&o.createElement("div",{ref:f,className:"swiper-pagination"}),I["container-end"]))});vt.displayName="Swiper";const Qe=o.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:s,zoom:d,lazy:a,virtualIndex:r,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=o.useRef(null),[g,y]=o.useState("swiper-slide"),[b,T]=o.useState(!1);function E(C,k,f){k===v.current&&y(f)}yt(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){g!=="swiper-slide"&&y("swiper-slide");return}return s.on("_slideClass",E),()=>{s&&s.off("_slideClass",E)}}}),yt(()=>{s&&v.current&&!s.destroyed&&y(s.getSlideClasses(v.current))},[s]);const p={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},h=()=>typeof n=="function"?n(p):n,m=()=>{T(!0)};return o.createElement(i,Ot({ref:v,className:tn(`${g}${l?` ${l}`:""}`),"data-swiper-slide-index":r,onLoad:m},c),d&&o.createElement(ri.Provider,{value:p},o.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof d=="number"?d:void 0},h(),a&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"}))),!d&&o.createElement(ri.Provider,{value:p},h(),a&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"})))});Qe.displayName="SwiperSlide";const Il="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",_l=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:s})=>{var d;const[a,r]=o.useState(!1),u=o.useRef(null);o.useEffect(()=>{const g=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?u.current=y:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),g?.appendChild(u.current))},[]);const c=o.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(o.useEffect(()=>{c?r(!0):setTimeout(()=>{r(!1)},s?.duration)},[c,s]),!u.current)return null;const v=Ee.debounce(()=>{e?.()},300);return Si.createPortal(o.createElement(o.Fragment,null,a&&o.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},o.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((d=s?.duration)!==null&&d!==void 0?d:0)/1e3+"s"},onClick:g=>{g.stopPropagation(),g.preventDefault()}},o.createElement("div",{onClick:e,className:"modal-icon-wrapper"},o.createElement("img",{src:Il,alt:"close",className:"modal-icon"})),i))),u.current)};var Lt=o.memo(_l);const kl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),l=[];for(let d=0;d<n.length&&(l.push(n[d]),!(l.join(" ").length>=e));d++);return(l.length>1&&l.length<n.length?l.slice(0,l.length-1):l).join(" ")+" "},Dl=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:s,unfoldText:d,isPost:a,onChange:r})=>{const[u,c]=o.useState(!1),[v,g]=o.useState(!1),y=Number(i?.lineClamp||2),b=o.useRef(null),T=o.useRef(null),E=o.useCallback(()=>{c(!u)},[u,r]);return o.useMemo(()=>!u&&t.length>e?kl(t,e)+"...":t,[t,e,u]),o.useEffect(()=>{var p,h;((p=T?.current)===null||p===void 0?void 0:p.offsetHeight)>((h=b?.current)===null||h===void 0?void 0:h.offsetHeight)&&a?g(!0):g(!1),T.current.style.display="none"},[a]),o.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},o.createElement("div",{ref:b,style:{overflow:"hidden",WebkitLineClamp:!a||u?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),o.createElement("div",{ref:T,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&a&&v&&o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??E},u?d||"show less":s||"show more"))};var jt=o.memo(Dl);const Al=o.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:s,loading:d}=t,[a,r]=o.useState();return o.useImperativeHandle(e,()=>({setSrc:u=>{r(u)}})),o.useEffect(()=>{r(i)},[i]),o.useRef(null),o.createElement(o.Fragment,null,a?.includes(".avif")?o.createElement("picture",null,o.createElement("source",{type:"image/avif",srcSet:a}),o.createElement("source",{type:"image/webp",srcSet:`${a}?imageMogr2/format/webp`}),o.createElement("source",{type:"image/jpeg",srcSet:`${a}?imageMogr2/format/jpg`}),o.createElement("img",{className:s,src:a,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"})):o.createElement("img",{className:s,src:a,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"}))});var qe=o.memo(Al);const Pl=t=>{var e,i,n,l,s,d,a,r,u,{content:c,style:v,bgImg:g,onClick:y,schema:b,isDefault:T,bottom_image:E,tipText:p,isPost:h,viewTime:m,rec:C,swiper:k,commodityStyles:f,buttonStyle:A,index:_}=t,S=De(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:w}=me(),{popupDetailData:D,bffEventReport:x,isPreview:I,bffFbReport:M}=me(),{jumpToWeb:N,productView:O}=je(),$=o.useRef(null),[F,B]=o.useState(!1),j=h?C:D,L=h?j?.product:(e=j?.video)===null||e===void 0?void 0:e.bindProduct,z=h?(i=j?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=j?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,R=h?_:D?.index,V=()=>{L?.link&&(N(j,L,z,R),h||O(j,L,z,m||$.current,R),window.location.href=window.getJointUtmLink(L.link))};o.useEffect(()=>{h||M?.({eventName:"ProductView"})},[h,M]),o.useEffect(()=>{const J=()=>{$.current=new Date};return J(),window.addEventListener("pageshow",J),()=>{window.removeEventListener("pageshow",J)}},[]);const H=o.useMemo(()=>{var J,X,W,K,ye;return L?.currency&&L?.price?`${(W=(X=(J=L?.currency)===null||J===void 0?void 0:J.split("-")[1])===null||X===void 0?void 0:X.toUpperCase())!==null&&W!==void 0?W:""}${(ye=(K=L?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ye!==void 0?ye:""}`:"$7,000"},[L?.price,L?.currency]),ee=I?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,de=({isPost:J})=>{var X,W,K;return o.createElement("div",null,o.createElement("div",{className:"pb-commondity-content-collection",style:Y(f?.collection),hidden:!!L&&(!L?.collection||L?.collection==="")},(X=L?.collection)!==null&&X!==void 0?X:"Tiffany Lock"),o.createElement("div",{className:"pb-commondity-content-title",style:Y(f?.title),hidden:!!L&&!L?.title},(W=L?.title)!==null&&W!==void 0?W:"Pendant in Yellow Gold with Diamonds, Medium"),o.createElement("div",{className:"pb-commondity-content-price",style:Y(f?.price),hidden:!!L&&!L?.price},H),o.createElement("div",{hidden:!!L&&(!L?.info||L?.info==="")},o.createElement(jt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>B(!0),isPost:J,text:(K=L?.info)!==null&&K!==void 0?K:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Ee=require("lodash"),yn=require("uuid"),wn=require("pako"),o=require("react"),Rt=require("qs"),Sn=require("eventemitter3"),de=require("@emotion/css"),Tn=require("react-dom");function xn(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:function(){return t[i]}})}}),e.default=t,Object.freeze(e)}var wi=xn(Tn);function De(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 l=0,n=Object.getOwnPropertySymbols(t);l<n.length;l++)e.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(t,n[l])&&(i[n[l]]=t[n[l]]);return i}function Oe(t,e,i,n){function l(s){return s instanceof i?s:new i(function(d){d(s)})}return new(i||(i=Promise))(function(s,d){function a(c){try{u(n.next(c))}catch(v){d(v)}}function r(c){try{u(n.throw(c))}catch(v){d(v)}}function u(c){c.done?s(c.value):l(c.value).then(a,r)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const En=/:\w+/g;var Si=(t,e)=>Oe(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:s,method:d,url:a,urlParams:r,name:u,queryString:c,headers:v,body:g}=e[l];let y=a;r&&Object.entries(r).forEach(([b,T])=>{y=y.replace(En,E=>E===b?T:E)}),c&&(y+=c),n[s]=u;try{const b=yield fetch(y,{method:d,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(g)}).then(T=>T.json());i[s]=b}catch(b){console.error("DataSource request error: ",b),i[s]={}}}return{$store:i,idMapName:n}});const Ti="SXP_TOKEN_INFO",Cn=(t,e)=>Oe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),s=t.getApiUrl(),d=window.localStorage.getItem(Ti);let a=JSON.parse(d||"{}");if(Date.now()>((i=a?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(c=>c.json());if(u.success){const c=u.data;a=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(Ti,JSON.stringify(a))}}return a});function xt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let l;if(e=e||i.length,t)for(l=0;l<t;l++)n[l]=i[0|Math.random()*e];else{let s;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",l=0;l<36;l++)n[l]||(s=0|Math.random()*16,n[l]=i[l===19?s&3|8:s])}return n.join("")}const In=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let l=0;for(;l<t;)e+=i.charAt(Math.floor(Math.random()*n)),l+=1;return e},_n=()=>{const t=yn.v4();return t?.replaceAll?t.replaceAll("-",""):In(32)};function xi(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),l=wn.inflate(n,{to:"string"});return JSON.parse(l)}let zt=null;const kn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Dn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,zt)return zt;zt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?kn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Pe=null;const An={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Pe||(Pe=new Dn),n&&Pe.setApiUrl(n),Pe.setAppId(t),Pe.setTenantId(e),Pe.setEnv(i)},getDetail:t=>{if(!Pe)return;const e=Pe.getTenantId(),i=Pe.getAppId(),n=Pe.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s,d;const a=yield l.json(),r=xi((s=a?.data)===null||s===void 0?void 0:s.data);if(r){const{$store:u}=yield Si(n,(d=r?.dataSource)!==null&&d!==void 0?d:[]);a.data.data=r,Object.assign(a.data.data,{__STORE__:u})}return a}))},getSxpDetailByPageId:t=>Oe(void 0,void 0,void 0,function*(){if(!Pe)return;const e=Pe.getTenantId(),i=Pe.getAppId(),n=Pe.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s;const d=yield l.json();if(!d.success)return;const a=xi((s=d?.data)===null||s===void 0?void 0:s.data);return d.data.data=a,d.data}))}),getSxpRecommendVideoData:t=>Oe(void 0,void 0,void 0,function*(){if(!Pe)return;const e=yield Cn(Pe,t),i=xt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Ee.isEmpty(n)&&(n=xt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const l=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(s=>s.json());return l?.data||null})};function et(){return o.useContext(ji)}function Pn(){return o.useContext(Li)}const Ft="feRealSessionIdKey",Ei=()=>{const t=_n();return`${Date.now()}${t}`},Mn=()=>{let t=On();return t||(t=Ei(),window.sessionStorage.setItem(Ft,t)),t},Ci=()=>{const t=Ei();window.sessionStorage.setItem(Ft,t)},On=()=>window.sessionStorage.getItem(Ft),Ii="SXP_FAKE_USER_ID",_i="FAKE_USER_STATE",ki="AGREE_POLICY",Di=()=>{let t=window.localStorage.getItem(Ii);return Ee.isEmpty(t)&&(t=xt(36,62),window.localStorage.setItem(Ii,t)),t},Ln=()=>{const t=window.localStorage.getItem(_i);return Ee.isEmpty(t)&&window.localStorage.setItem(_i,"true"),Ee.isEmpty(t)};function Ue(t,e){const{appDomain:i}=me();return o.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const tt=new Sn;var We;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(We||(We={}));const jn=({width:t=window.innerWidth,height:e=window.innerHeight,privacy_title:i,privacy_context:n,privacy_policy_url:l,privacy_policy_title:s})=>{const{setIsAgreePolicy:d,bffEventReport:a}=me(),r=o.useMemo(()=>{const v=location.search.slice(1),g=Rt.parse(v.replace(/\+/g,"%2B"));for(const y in g)g[y]=g[y].replace(/%2B/g,"+");return g},[]),u=v=>{var g;return(g=r[v])!==null&&g!==void 0?g:null};o.useEffect(()=>{a?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:u("utm_source"),utmMedium:u("utm_medium"),utmCampaign:u("utm_campaign"),utmId:u("utm_id"),utmContent:u("utm_content"),clSource:u("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const c=()=>{a?.({eventInfo:{eventSubject:"userConsent",eventDescription:"\u7528\u6237\u6388\u6743\u3010\u64CD\u4F5C\u7ED3\u679C\u3011",consentResult:"0",consentTags:'["\u7CFB\u7EDF\u8FD0\u8425"]',rtc:null,requestId:null,sessionID:null}}),d?.(!0),window.localStorage.setItem(ki,"yes")};return o.createElement("div",{className:"consent-bg"},o.createElement("div",{className:"consent"},o.createElement("div",{className:"consent-col"},o.createElement("div",{className:"consent-title"},i??"Privacy Policy"),o.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.")),o.createElement("div",{className:"consent-col"},o.createElement("button",{"aria-label":"agree",className:"consent-btn",onClick:c},"Agree"),o.createElement("a",{className:"consent-policy",target:"_blank",href:l?`https://${l}`:void 0},s??"More information"))))};var Nn=o.memo(jn);const Ai=o.createContext({rtcList:[],tagList:[]});var Vt;(function(t){t[t.BFF=5]="BFF"})(Vt||(Vt={}));const Pi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Et="FOR U",Bn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:s,isPreview:d=!1,sxpParameter:a,appDomain:r,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1,enabledMetaConversionApi:g=!1,consentHeight:y,consentWidth:b,isShowTag:T=!0,isOpenConsent:E=!1,globalConfig:p,isEditor:h=!1})=>{var m,C,k;const[f,A]=o.useState([]),[_,S]=o.useState([]),[w,D]=o.useState(!1),[x,I]=o.useState({rtc:"",requestId:""}),M=o.useRef(null),N=o.useRef(!1),[O,$]=o.useState(()=>!!window.localStorage.getItem(ki)),[F,B]=o.useState(),[j,L]=o.useState(),[z,R]=o.useState(v),[V,H]=o.useState([]),[ee,ue]=o.useState(0),[oe,Y]=o.useState(!1),[J,X]=o.useState(null),W=o.useRef(),K=o.useRef(),[ye,Ie]=o.useState(Et),Ae=o.useMemo(()=>{var U,G,ne,ge;return((ge=(ne=(G=(U=p?.consent)===null||U===void 0?void 0:U[0])===null||G===void 0?void 0:G.item)===null||ne===void 0?void 0:ne.props)===null||ge===void 0?void 0:ge.privacy_necessity)&&!O&&!h||E},[O,p,E,h]);o.useEffect(()=>{const U=G=>{W.current=G};return tt.on(We.CHANGE_THEME_TAG,U),()=>{tt.off(We.CHANGE_THEME_TAG,U)}},[]),o.useEffect(()=>{R(v)},[v]);const Fe=o.useMemo(()=>e?.find(U=>U.type===Vt.BFF),[e]),se=o.useCallback((U,G)=>{if(!Fe)return;const ne=Fe.url,ge=Di();if(G?.query){const he=Rt.stringify(G.query);U=`${U}?${he}`}return G.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ne}/api/v1${U}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},Fe.headers),{"x-user-id":ge}),G.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ne}/api/v1${U}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ge},Fe.headers),method:G.method,body:JSON.stringify(G.body)}).then(he=>he.json()).catch(he=>Promise.reject(he))},[Fe]),le=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){var G,ne,ge,he,Te;if(U={maxSize:(G=U?.maxSize)!==null&&G!==void 0?G:l,defaultSize:(ne=U?.defaultSize)!==null&&ne!==void 0?ne:s,"itemFilter.itemId":U?.["itemFilter.itemId"],"itemFilter.itemType":U?.["itemFilter.itemType"],hashTag:U?.hashTag,traceInfo:U?.traceInfo,themeTag:U?.themeTag},i){const _e=(Te=(he=(ge=i?.split("&"))===null||ge===void 0?void 0:ge.filter(Ze=>{const P=Ze.split("=")[0];return Pi.includes(P)}))===null||he===void 0?void 0:he.join("&"))!==null&&Te!==void 0?Te:"";U=Object.assign(Object.assign({},U),{channel:decodeURIComponent(_e)})}const be=yield se?.("/recommend/list",{method:"GET",query:U});if(be?.success)return U?.hashTag||I({rtc:be.data.rtc,requestId:be.data.requestId}),be?.data}),[se,i,l,s]),fe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G;if(f.length<=0)return;const ne=yield le({hashTag:j?.hashTag,"itemFilter.itemId":j?.itemId,"itemFilter.itemType":j?.itemType,themeTag:W.current});A(f.concat((U=ne?.recList)!==null&&U!==void 0?U:[])),H(V.concat((G=ne?.recList)!==null&&G!==void 0?G:[]))}),[le,f,j,V]),re=o.useCallback(({userInfo:U,eventInfo:G})=>{if(!n)return;U||(U={});const ne=Mn(),ge=Object.assign({sessionID:ne,rtc:x.rtc,requestId:x.requestId},G),he=Object.entries(U).map(([be,_e])=>({name:be,value:_e})),Te=Object.entries(ge).map(([be,_e])=>_e&&{name:be,value:_e}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",U),console.log("eventInfo:",ge),console.log("========= \u7ED3\u675F ========="),se?.("/event/report",{method:"POST",body:{userInfo:he,eventInfo:Te},type:"beacon"})},[se,x,n]),ae=o.useCallback(U=>{var G,{eventName:ne,actionSource:ge="website",eventSourceUrl:he=(G=window?.location)===null||G===void 0?void 0:G.href,externalId:Te}=U;if(!n||!g)return;const be=Di();return se?.("/fb/events",{method:"POST",body:{eventName:ne,actionSource:ge,eventSourceUrl:he,userData:{externalId:be}},type:"beacon"})},[se,n,g]),Be=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield se?.("/recommend/like",{method:"POST",body:U});return G?.success}),[se]),Ce=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield se?.("/recommend/unlike",{method:"POST",body:U});return G?.success}),[se]),nt=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield se?.("/customform",{method:"POST",body:U});return G?.success}),[se]),Xe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G,ne,ge,he;if(!(!i||!T))try{const Te=(ne=(G=(U=i?.split("&"))===null||U===void 0?void 0:U.filter(_e=>{const Ze=_e.split("=")[0];return Pi.includes(Ze)}))===null||G===void 0?void 0:G.join("&"))!==null&&ne!==void 0?ne:"",be=yield se?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Te)}});S((he=(ge=be?.data)===null||ge===void 0?void 0:ge.tags)!==null&&he!==void 0?he:[])}catch(Te){console.log("e",Te)}}),[se,i,T]),Ve=o.useCallback((U,G,ne,ge)=>{var he,Te,be,_e,Ze,P,ie,q,te,pe,ve,Q;const Z=ne?.bindCta,we=((he=G?.video)===null||he===void 0?void 0:he.bindProduct)||((Te=G?.video)===null||Te===void 0?void 0:Te.bindProducts)&&((_e=(be=G?.video)===null||be===void 0?void 0:be.bindProducts)===null||_e===void 0?void 0:_e.length)>0;let xe="";oe?xe="hashTagPage":!((Ze=G?.video)===null||Ze===void 0)&&Ze.url?xe="videoPage":!((ie=(P=G?.video)===null||P===void 0?void 0:P.imgUrls)===null||ie===void 0)&&ie.length&&(xe="imagePage"),re?.({eventInfo:Object.assign(Object.assign({},U),{ctaId:(q=Z?.itemId)!==null&&q!==void 0?q:"",ctaName:(te=Z?.title)!==null&&te!==void 0?te:"",contentTags:JSON.stringify(Z?.tags),position:ge+"",contentId:(ve=(pe=G?.video)===null||pe===void 0?void 0:pe.itemId)!==null&&ve!==void 0?ve:"",productId:we?ne?.itemId:"",traceInfo:(Q=Z?.traceInfo)!==null&&Q!==void 0?Q:"",fromKName:xe})})},[re,oe]),St=o.useCallback(()=>{var U,G;const ne=location.search.slice(1),ge=Rt.parse(ne.replace(/\+/g,"%2B"));for(const be in ge)ge[be]=ge[be].replace(/%2B/g,"+");const he=be=>{var _e;return(_e=ge[be])!==null&&_e!==void 0?_e:""},Te=new Date;K.current=Te,re?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:he("utm_source"),utmMedium:he("utm_medium"),utmCampaign:he("utm_campaign"),utmId:he("utm_id"),utmContent:he("utm_content"),enterTime:Math.floor(Te/1e3)+"",requestId:null,enterUrl:(G=(U=window?.location)===null||U===void 0?void 0:U.href)!==null&&G!==void 0?G:"",clSource:he("cl_source")}})},[re]);o.useEffect(()=>{Ae||St()},[Ae]),o.useEffect(()=>{Ae||(D(!0),Xe(),le().then(U=>{var G,ne;A((G=U?.recList)!==null&&G!==void 0?G:[]),H((ne=U?.recList)!==null&&ne!==void 0?ne:[])}).finally(()=>{re({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),D(!1),N.current=!0}))},[Ae]),o.useEffect(()=>{N.current&&(D(!0),Xe(),le().then(U=>{var G,ne;A((G=U?.recList)!==null&&G!==void 0?G:[]),H((ne=U?.recList)!==null&&ne!==void 0?ne:[])}).finally(()=>{D(!1)}))},[le,Xe]);const Tt=Ue("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return o.createElement(Ai.Provider,{value:{rtcList:f,setRtcList:A,mutateLike:Be,mutateUnlike:Ce,submitForm:nt,popupDetailData:F,loadVideos:fe,setPopupDetailData:B,getRecommendVideos:le,bffEventReport:re,utmVal:i,isPreview:d,loading:w,sxpParameter:a,waterFallData:j,setWaterFallData:L,ctaEvent:Ve,swiperRef:M,openHashtag:z,setOpenHashtag:R,cacheRtcList:V,setCacheRtcList:H,cacheActiveIndex:ee,setCacheActiveIndex:ue,isFromHashtag:oe,setIsFromHashtag:Y,appDomain:r,hashTagSize:u,loadingImage:c??Tt,isOpenHashTag:v,tagList:_,setLoading:D,videoRef:J,setVideoRef:X,bffFbReport:ae,isAgreePolicy:O,setIsAgreePolicy:$,curTime:K,h5EnterLink:St,themeTag:W,isShowConsent:Ae,selectTag:ye,setSelectTag:Ie}},Ae?o.createElement(Nn,Object.assign({},(k=(C=(m=p?.consent)===null||m===void 0?void 0:m[0])===null||C===void 0?void 0:C.item)===null||k===void 0?void 0:k.props)):t({rtcList:f,mutateLike:Be,mutateUnlike:Ce,submitForm:nt,tagList:_}))};var Mi=o.memo(Bn);function me(){return o.useContext(Ai)}var Oi;(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"})(Oi||(Oi={}));const Li=o.createContext({$store:{},options:[],configs:[]}),Rn=({children:t,isSsr:e,enable:i})=>{const[n,l]=o.useState([]),{schema:s}=et(),[d,a]=o.useState(s.__STORE__||{}),[r,u]=o.useState([]);o.useEffect(()=>{var g;e||Ee.isEqual(r,s?.dataSource)||u((g=s?.dataSource)!==null&&g!==void 0?g:[])},[s?.dataSource,e]);const c=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){const{$store:g,idMapName:y}=yield Si("",r);a(g),v(g,y)}),[r]),v=(g,y)=>{const b=[];Object.entries(g).forEach(([T,E])=>{Object.keys(E).forEach(p=>{const h={label:`${y[T]} - ${p}`,value:`{{ ${T}.${p} }}`};b.push(h)})}),l(b)};return o.useEffect(()=>{e||c()},[c,e,s]),i?o.createElement(Li.Provider,{value:{$store:s.__STORE__||d,options:n,configs:r}},t):t};var zn=o.memo(Rn);const Ct={id:xt(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},Ht={id:"",duration:0,name:"none"},ji=o.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Ct],redoStack:[],popup:Ht,setPopup:()=>{}}),Ni=o.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:s},d)=>{const[a,r]=o.useState(null),[u,c]=o.useState(n||{pointData:[Ct],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,g]=o.useState([Ct]),[y,b]=o.useState([[Ct]]),[T,E]=o.useState([]),[p,h]=o.useState(Ht);typeof window<"u"&&(window.sxpPopup=(A,_)=>{h(Object.assign(Object.assign(Object.assign({},Ht),{id:A}),_))}),typeof window<"u"&&(window.getJointUtmLink=A=>A?.indexOf("?")!==-1?A+(s?"&"+s:""):A+(s?"?"+s:"")),o.useEffect(()=>{b([u.pointData]),E([])},[u.type]);const m=o.useCallback(A=>{const _=Ee.cloneDeep(u);_&&(_.dataSource=A,c?.(_))},[u]),[C,k]=o.useState();o.useImperativeHandle(d,()=>({loadSchema(A){A&&(b([A.pointData]),c(A))},exportSchema(){return Ee.cloneDeep(u)},getPageInfoData(){return C},initPageInfoData(A){A&&k(A)}}));const f=o.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return o.createElement(ji.Provider,{value:{resolver:e,currentNode:a,schema:u,setCurrentNode:r,setSchema:c,saveDataSource:m,prePiontData:v,setPrePiontData:g,pageInfoData:C,setPageInfoData:A=>k(Object.assign(Object.assign({},C),A)),undoStack:y,redoStack:T,setRedoStack:E,setUndoStack:b,getCurPageConf:f,popup:p,setPopup:h}},o.createElement(zn,{isSsr:i,enable:l},t))});var Fn=Object.freeze({__proto__:null,EditorCore:Ni}),Vn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ce=[{label:"defalut",value:"appFont"}],Ut=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Hn=Ut&&Ut!==""?JSON.parse(Ut):[];var Re={fontOptions:[...ce,...Hn]},Gt,$t,Wt,Un=[{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:ce,initialValue:(Gt=ce?.[0])===null||Gt===void 0?void 0:Gt.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:Re?.fontOptions,initialValue:(Wt=($t=Re?.fontOptions)===null||$t===void 0?void 0:$t[0])===null||Wt===void 0?void 0:Wt.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 je(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=me(),l=o.useCallback((a,r,u,c)=>{var v,g,y,b,T,E,p,h,m,C,k,f,A,_;let S="";e&&(!((g=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||g===void 0)&&g.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?S="pdpPage":n?S="hashTagPage":!((b=a?.video)===null||b===void 0)&&b.url?S="videoPage":!((T=a?.video)===null||T===void 0)&&T.imgUrls&&(!((p=(E=a?.video)===null||E===void 0?void 0:E.imgUrls)===null||p===void 0)&&p.length)?S="imagePage":a?.product&&(S="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(h=r?.itemId)!==null&&h!==void 0?h:"",productName:(m=r?.title)!==null&&m!==void 0?m:"",price:r?.price?r?.price+"":"0",productCollection:(C=r?.collection)!==null&&C!==void 0?C:"",fromKName:S,fromKPage:location?.href,contentTags:r?.tags?JSON.stringify(r?.tags):"",position:c+"",contentId:(f=(k=a?.video)===null||k===void 0?void 0:k.itemId)!==null&&f!==void 0?f:"",ctatId:(A=u?.itemId)!==null&&A!==void 0?A:"",traceInfo:(_=r?.traceInfo)!==null&&_!==void 0?_:""}})},[t,e,n]),s=o.useCallback((a,r,u,c,v)=>{var g,y,b,T;let E="";e&&(!((y=(g=a?.video)===null||g===void 0?void 0:g.bindProducts)===null||y===void 0)&&y.length||!((b=a?.video)===null||b===void 0)&&b.bindProduct)?E="pdpPage":a?.product&&(E="productPage"),t?.({eventInfo:{productId:r?.itemId,productName:r?.title,price:r?.price?r?.price+"":"0",productCollection:r?.collection,fromKName:E,fromKPage:location?.href,contentTags:JSON.stringify(r?.tags),position:v+"",contentId:(T=a?.video)===null||T===void 0?void 0:T.itemId,ctatId:u?.itemId,traceInfo:r?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),d=o.useCallback((a,r,u,c)=>{r&&r===Et&&t?.({eventInfo:{lastFeed:a,themeTags:u?`['${u}']`:"",hashTags:c?`['${c}']`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:l,productView:s,backMainFeed:d}}const Gn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:s,submitColor:d,submitText:a,layoutType:r,isExternalLink:u,isPopup:c,onClick:v,onClose:g,submitButtonStyle:y}=t,b=De(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:T,popupDetailData:E}=me(),{jumpToWeb:p}=je(),h=o.useRef(),[m,C]=o.useState(!1),k=o.useMemo(()=>[{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"}],[]);o.useMemo(()=>{if(r===void 0){const A=Ee.cloneDeep(e)||k;return A?.map(_=>Object.assign(Object.assign({},_),{title:void 0,fieldProps:{placeholder:_?.title}}))}else return Ee.cloneDeep(e)||k},[r,e,k]);const f=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var A,_,S,w,D,x;const I=yield(A=h?.current)===null||A===void 0?void 0:A.getFieldsValue();if(!I)return;const M=(S=(_=Object.keys(I))===null||_===void 0?void 0:_.map(O=>{var $;return{name:O,value:($=I[O])!==null&&$!==void 0?$:""}}))===null||S===void 0?void 0:S.filter(O=>O?.value);if(!M||!M?.length)return;C(!0);const N=yield T?.({attributes:M});if(C(!1),N){if(u){const O=E,$=(w=O?.video)===null||w===void 0?void 0:w.bindProduct,F=(x=(D=O?.video)===null||D===void 0?void 0:D.bindProduct)===null||x===void 0?void 0:x.bindCta,B=E?.index;p(O,$,F,B)}c||g?.(),v?.()}}),1e3);return o.createElement("div",{className:"pb-appoint-form"},o.createElement("div",{className:`pb-appoint-form-title ${de.css(Object.assign({},l))}`},n),o.createElement("div",Object.assign({className:de.css(Object.assign({},i))},b),o.createElement("div",{className:"pb-appoint-form-container"})),o.createElement("div",{className:"pb-appoint-form-btn-wrapper"},o.createElement("button",{"aria-label":a,onClick:f,className:"pb-appoint-form-btn",style:Object.assign({color:d,background:s},y)},m?o.createElement(o.Fragment,null,"loading..."):a)))};var $n=o.memo(Gn);function Ne(t,e){return t.extend=e,t}const Wn=Ne($n,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Un,bindableProps:[],interactionRender:Vn},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 Yt,qt,Yn=[{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:ce,name:["fontFamily"],initialValue:(Yt=ce?.[0])===null||Yt===void 0?void 0:Yt.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:ce,initialValue:(qt=ce?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Bi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Xt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Bi(e[i])&&Bi(t[i])&&Object.keys(e[i]).length>0&&Xt(t[i],e[i])})}const Ri={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 Ye(){const t=typeof document<"u"?document:{};return Xt(t,Ri),t}const qn={document:Ri,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 Le(){const t=typeof window<"u"?window:{};return Xt(t,qn),t}function lt(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Xn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function ft(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ge(){return Date.now()}function Jn(t){const e=Le();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Kn(t,e){e===void 0&&(e="x");const i=Le();let n,l,s;const d=Jn(t);return i.WebKitCSSMatrix?(l=d.transform||d.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(a=>a.replace(",",".")).join(", ")),s=new i.WebKitCSSMatrix(l==="none"?"":l)):(s=d.MozTransform||d.OTransform||d.MsTransform||d.msTransform||d.transform||d.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=s.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?l=s.m41:n.length===16?l=parseFloat(n[12]):l=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?l=s.m42:n.length===16?l=parseFloat(n[13]):l=parseFloat(n[5])),l||0}function It(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Qn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function ze(){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&&!Qn(n)){const l=Object.keys(Object(n)).filter(s=>e.indexOf(s)<0);for(let s=0,d=l.length;s<d;s+=1){const a=l[s],r=Object.getOwnPropertyDescriptor(n,a);r!==void 0&&r.enumerable&&(It(t[a])&&It(n[a])?n[a].__swiper__?t[a]=n[a]:ze(t[a],n[a]):!It(t[a])&&It(n[a])?(t[a]={},n[a].__swiper__?t[a]=n[a]:ze(t[a],n[a])):t[a]=n[a])}}}return t}function _t(t,e,i){t.style.setProperty(e,i)}function zi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Le(),s=-e.translate;let d=null,a;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const u=i>s?"next":"prev",c=(g,y)=>u==="next"&&g>=y||u==="prev"&&g<=y,v=()=>{a=new Date().getTime(),d===null&&(d=a);const g=Math.max(Math.min((a-d)/r,1),0),y=.5-Math.cos(g*Math.PI)/2;let b=s+y*(i-s);if(c(b,i)&&(b=i),e.wrapperEl.scrollTo({[n]:b}),c(b,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:b})}),l.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=l.requestAnimationFrame(v)};v()}function Je(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function kt(t){try{console.warn(t);return}catch{}}function bt(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:lt(e)),i}function Zn(t){const e=Le(),i=Ye(),n=t.getBoundingClientRect(),l=i.body,s=t.clientTop||l.clientTop||0,d=t.clientLeft||l.clientLeft||0,a=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+a-s,left:n.left+r-d}}function eo(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 to(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 st(t,e){return Le().getComputedStyle(t,null).getPropertyValue(e)}function Dt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Fi(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 Jt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Kt(t,e,i){const n=Le();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 Ke(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function io(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Le();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 d,a=Ge(),r;const u=[];function c(m){let A=0,_=0,S=0,w=0;return"detail"in m&&(_=m.detail),"wheelDelta"in m&&(_=-m.wheelDelta/120),"wheelDeltaY"in m&&(_=-m.wheelDeltaY/120),"wheelDeltaX"in m&&(A=-m.wheelDeltaX/120),"axis"in m&&m.axis===m.HORIZONTAL_AXIS&&(A=_,_=0),S=A*10,w=_*10,"deltaY"in m&&(w=m.deltaY),"deltaX"in m&&(S=m.deltaX),m.shiftKey&&!S&&(S=w,w=0),(S||w)&&m.deltaMode&&(m.deltaMode===1?(S*=40,w*=40):(S*=800,w*=800)),S&&!A&&(A=S<1?-1:1),w&&!_&&(_=w<1?-1:1),{spinX:A,spinY:_,pixelX:S,pixelY:w}}function v(){e.enabled&&(e.mouseEntered=!0)}function g(){e.enabled&&(e.mouseEntered=!1)}function y(m){return e.params.mousewheel.thresholdDelta&&m.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ge()-a<e.params.mousewheel.thresholdTime?!1:m.delta>=6&&Ge()-a<60?!0:(m.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",m.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",m.raw)),a=new s.Date().getTime(),!1)}function b(m){const C=e.params.mousewheel;if(m.direction<0){if(e.isEnd&&!e.params.loop&&C.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&C.releaseOnEdges)return!0;return!1}function T(m){let C=m,k=!0;if(!e.enabled||m.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const f=e.params.mousewheel;e.params.cssMode&&C.preventDefault();let A=e.el;e.params.mousewheel.eventsTarget!=="container"&&(A=document.querySelector(e.params.mousewheel.eventsTarget));const _=A&&A.contains(C.target);if(!e.mouseEntered&&!_&&!f.releaseOnEdges)return!0;C.originalEvent&&(C=C.originalEvent);let S=0;const w=e.rtlTranslate?-1:1,D=c(C);if(f.forceToAxis)if(e.isHorizontal())if(Math.abs(D.pixelX)>Math.abs(D.pixelY))S=-D.pixelX*w;else return!0;else if(Math.abs(D.pixelY)>Math.abs(D.pixelX))S=-D.pixelY;else return!0;else S=Math.abs(D.pixelX)>Math.abs(D.pixelY)?-D.pixelX*w:-D.pixelY;if(S===0)return!0;f.invert&&(S=-S);let x=e.getTranslate()+S*f.sensitivity;if(x>=e.minTranslate()&&(x=e.minTranslate()),x<=e.maxTranslate()&&(x=e.maxTranslate()),k=e.params.loop?!0:!(x===e.minTranslate()||x===e.maxTranslate()),k&&e.params.nested&&C.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const I={time:Ge(),delta:Math.abs(S),direction:Math.sign(S),raw:m};u.length>=2&&u.shift();const M=u.length?u[u.length-1]:void 0;if(u.push(I),M?(I.direction!==M.direction||I.delta>M.delta||I.time>M.time+150)&&y(I):y(I),b(I))return!0}else{const I={time:Ge(),delta:Math.abs(S),direction:Math.sign(S)},M=r&&I.time<r.time+500&&I.delta<=r.delta&&I.direction===r.direction;if(!M){r=void 0;let N=e.getTranslate()+S*f.sensitivity;const O=e.isBeginning,$=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(),(!O&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:I.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(d),d=void 0,u.length>=15&&u.shift();const F=u.length?u[u.length-1]:void 0,B=u[0];if(u.push(I),F&&(I.delta>F.delta||I.direction!==F.direction))u.splice(0);else if(u.length>=15&&I.time-B.time<500&&B.delta-I.delta>=1&&I.delta<=6){const j=S>0?.8:.2;r=I,u.splice(0),d=ft(()=>{e.slideToClosest(e.params.speed,!0,void 0,j)},0)}d||(d=ft(()=>{r=I,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(M||l("scroll",C),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),f.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return C.preventDefault?C.preventDefault():C.returnValue=!1,!1}function E(m){let C=e.el;e.params.mousewheel.eventsTarget!=="container"&&(C=document.querySelector(e.params.mousewheel.eventsTarget)),C[m]("mouseenter",v),C[m]("mouseleave",g),C[m]("wheel",T)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",T),!0):e.mousewheel.enabled?!1:(E("addEventListener"),e.mousewheel.enabled=!0,!0)}function h(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,T),!0):e.mousewheel.enabled?(E("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&h(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&h()}),Object.assign(e.mousewheel,{enable:p,disable:h})}function Vi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let s=Je(t.el,`.${n[l]}`)[0];s||(s=bt("div",n[l]),s.className=n[l],t.el.append(s)),i[l]=s,e[l]=s}}),i}function mt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function At(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s="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:p=>p,formatFractionTotal:p=>p,bulletClass:`${s}-bullet`,bulletActiveClass:`${s}-bullet-active`,modifierClass:`${s}-`,currentClass:`${s}-current`,totalClass:`${s}-total`,hiddenClass:`${s}-hidden`,progressbarFillClass:`${s}-progressbar-fill`,progressbarOppositeClass:`${s}-progressbar-opposite`,clickableClass:`${s}-clickable`,lockClass:`${s}-lock`,horizontalClass:`${s}-horizontal`,verticalClass:`${s}-vertical`,paginationDisabledClass:`${s}-disabled`}}),e.pagination={el:null,bullets:[]};let d,a=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,h){const{bulletActiveClass:m}=e.params.pagination;p&&(p=p[`${h==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${m}-${h}`),p=p[`${h==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${m}-${h}-${h}`)))}function c(p){const h=p.target.closest(mt(e.params.pagination.bulletClass));if(!h)return;p.preventDefault();const m=Dt(h)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===m)return;e.slideToLoop(m)}else e.slideTo(m)}function v(){const p=e.rtl,h=e.params.pagination;if(r())return;let m=e.pagination.el;m=Ke(m);let C,k;const f=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,A=e.params.loop?Math.ceil(f/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,C=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(C=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,C=e.activeIndex||0),h.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let S,w,D;if(h.dynamicBullets&&(d=Kt(_[0],e.isHorizontal()?"width":"height",!0),m.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${d*(h.dynamicMainBullets+4)}px`}),h.dynamicMainBullets>1&&k!==void 0&&(a+=C-(k||0),a>h.dynamicMainBullets-1?a=h.dynamicMainBullets-1:a<0&&(a=0)),S=Math.max(C-a,0),w=S+(Math.min(_.length,h.dynamicMainBullets)-1),D=(w+S)/2),_.forEach(x=>{const I=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(M=>`${h.bulletActiveClass}${M}`)].map(M=>typeof M=="string"&&M.includes(" ")?M.split(" "):M).flat();x.classList.remove(...I)}),m.length>1)_.forEach(x=>{const I=Dt(x);I===C?x.classList.add(...h.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),h.dynamicBullets&&(I>=S&&I<=w&&x.classList.add(...`${h.bulletActiveClass}-main`.split(" ")),I===S&&u(x,"prev"),I===w&&u(x,"next"))});else{const x=_[C];if(x&&x.classList.add(...h.bulletActiveClass.split(" ")),e.isElement&&_.forEach((I,M)=>{I.setAttribute("part",M===C?"bullet-active":"bullet")}),h.dynamicBullets){const I=_[S],M=_[w];for(let N=S;N<=w;N+=1)_[N]&&_[N].classList.add(...`${h.bulletActiveClass}-main`.split(" "));u(I,"prev"),u(M,"next")}}if(h.dynamicBullets){const x=Math.min(_.length,h.dynamicMainBullets+4),I=(d*x-d)/2-D*d,M=p?"right":"left";_.forEach(N=>{N.style[e.isHorizontal()?M:"top"]=`${I}px`})}}m.forEach((_,S)=>{if(h.type==="fraction"&&(_.querySelectorAll(mt(h.currentClass)).forEach(w=>{w.textContent=h.formatFractionCurrent(C+1)}),_.querySelectorAll(mt(h.totalClass)).forEach(w=>{w.textContent=h.formatFractionTotal(A)})),h.type==="progressbar"){let w;h.progressbarOpposite?w=e.isHorizontal()?"vertical":"horizontal":w=e.isHorizontal()?"horizontal":"vertical";const D=(C+1)/A;let x=1,I=1;w==="horizontal"?x=D:I=D,_.querySelectorAll(mt(h.progressbarFillClass)).forEach(M=>{M.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${I})`,M.style.transitionDuration=`${e.params.speed}ms`})}h.type==="custom"&&h.renderCustom?(_.innerHTML=h.renderCustom(e,C+1,A),S===0&&l("paginationRender",_)):(S===0&&l("paginationRender",_),l("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](h.lockClass)})}function g(){const p=e.params.pagination;if(r())return;const h=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 m=e.pagination.el;m=Ke(m);let C="";if(p.type==="bullets"){let k=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>h&&(k=h);for(let f=0;f<k;f+=1)p.renderBullet?C+=p.renderBullet.call(e,f,p.bulletClass):C+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?C=p.renderFraction.call(e,p.currentClass,p.totalClass):C=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?C=p.renderProgressbar.call(e,p.progressbarFillClass):C=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],m.forEach(k=>{p.type!=="custom"&&(k.innerHTML=C||""),p.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(mt(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",m[0])}function y(){e.params.pagination=Vi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let h;typeof p.el=="string"&&e.isElement&&(h=e.el.querySelector(p.el)),!h&&typeof p.el=="string"&&(h=[...document.querySelectorAll(p.el)]),h||(h=p.el),!(!h||h.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(h)&&h.length>1&&(h=[...e.el.querySelectorAll(p.el)],h.length>1&&(h=h.filter(m=>Fi(m,".swiper")[0]===e.el)[0])),Array.isArray(h)&&h.length===1&&(h=h[0]),Object.assign(e.pagination,{el:h}),h=Ke(h),h.forEach(m=>{p.type==="bullets"&&p.clickable&&m.classList.add(...(p.clickableClass||"").split(" ")),m.classList.add(p.modifierClass+p.type),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(m.classList.add(`${p.modifierClass}${p.type}-dynamic`),a=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&m.classList.add(p.progressbarOppositeClass),p.clickable&&m.addEventListener("click",c),e.enabled||m.classList.add(p.lockClass)}))}function b(){const p=e.params.pagination;if(r())return;let h=e.pagination.el;h&&(h=Ke(h),h.forEach(m=>{m.classList.remove(p.hiddenClass),m.classList.remove(p.modifierClass+p.type),m.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(m.classList.remove(...(p.clickableClass||"").split(" ")),m.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(m=>m.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:h}=e.pagination;h=Ke(h),h.forEach(m=>{m.classList.remove(p.horizontalClass,p.verticalClass),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?E():(y(),g(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{g(),v()}),n("destroy",()=>{b()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,h)=>{const m=h.target,C=Ke(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&C&&C.length>0&&!m.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&m===e.navigation.nextEl||e.navigation.prevEl&&m===e.navigation.prevEl))return;const k=C[0].classList.contains(e.params.pagination.hiddenClass);l(k===!0?"paginationShow":"paginationHide"),C.forEach(f=>f.classList.toggle(e.params.pagination.hiddenClass))}});const T=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList.remove(e.params.pagination.paginationDisabledClass))),y(),g(),v()},E=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ke(p),p.forEach(h=>h.classList.add(e.params.pagination.paginationDisabledClass))),b()};Object.assign(e.pagination,{enable:T,disable:E,render:g,update:v,init:y,destroy:b})}function no(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Ye();let d=!1,a=null,r=null,u,c,v,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:x,rtlTranslate:I}=e,{dragEl:M,el:N}=x,O=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let F=c,B=(v-c)*$;I?(B=-B,B>0?(F=c-B,B=0):-B+c>v&&(F=v+B)):B<0?(F=c+B,B=0):B+c>v&&(F=v-B),e.isHorizontal()?(M.style.transform=`translate3d(${B}px, 0, 0)`,M.style.width=`${F}px`):(M.style.transform=`translate3d(0px, ${B}px, 0)`,M.style.height=`${F}px`),O.hide&&(clearTimeout(a),N.style.opacity=1,a=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function b(x){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${x}ms`)}function T(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x}=e,{dragEl:I,el:M}=x;I.style.width="",I.style.height="",v=e.isHorizontal()?M.offsetWidth:M.offsetHeight,g=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*g:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?I.style.width=`${c}px`:I.style.height=`${c}px`,g>=1?M.style.display="none":M.style.display="",e.params.scrollbar.hide&&(M.style.opacity=0),e.params.watchOverflow&&e.enabled&&x.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function E(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:I,rtlTranslate:M}=e,{el:N}=I;let O;O=(E(x)-Zn(N)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),O=Math.max(Math.min(O,1),0),M&&(O=1-O);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*O;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function h(x){const I=e.params.scrollbar,{scrollbar:M,wrapperEl:N}=e,{el:O,dragEl:$}=M;d=!0,u=x.target===$?E(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),N.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(x),clearTimeout(r),O.style.transitionDuration="0ms",I.hide&&(O.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",x)}function m(x){const{scrollbar:I,wrapperEl:M}=e,{el:N,dragEl:O}=I;d&&(x.preventDefault&&x.cancelable?x.preventDefault():x.returnValue=!1,p(x),M.style.transitionDuration="0ms",N.style.transitionDuration="0ms",O.style.transitionDuration="0ms",l("scrollbarDragMove",x))}function C(x){const I=e.params.scrollbar,{scrollbar:M,wrapperEl:N}=e,{el:O}=M;d&&(d=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),I.hide&&(clearTimeout(r),r=ft(()=>{O.style.opacity=0,O.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",x),I.snapOnRelease&&e.slideToClosest())}function k(x){const{scrollbar:I,params:M}=e,N=I.el;if(!N)return;const O=N,$=M.passiveListeners?{passive:!1,capture:!1}:!1,F=M.passiveListeners?{passive:!0,capture:!1}:!1;if(!O)return;const B=x==="on"?"addEventListener":"removeEventListener";O[B]("pointerdown",h,$),s[B]("pointermove",m,$),s[B]("pointerup",C,F)}function f(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function A(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function _(){const{scrollbar:x,el:I}=e;e.params.scrollbar=Vi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const M=e.params.scrollbar;if(!M.el)return;let N;if(typeof M.el=="string"&&e.isElement&&(N=e.el.querySelector(M.el)),!N&&typeof M.el=="string"){if(N=s.querySelectorAll(M.el),!N.length)return}else N||(N=M.el);e.params.uniqueNavElements&&typeof M.el=="string"&&N.length>1&&I.querySelectorAll(M.el).length===1&&(N=I.querySelector(M.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?M.horizontalClass:M.verticalClass);let O;N&&(O=N.querySelector(mt(e.params.scrollbar.dragClass)),O||(O=bt("div",e.params.scrollbar.dragClass),N.append(O))),Object.assign(x,{el:N,dragEl:O}),M.draggable&&f(),N&&N.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}function S(){const x=e.params.scrollbar,I=e.scrollbar.el;I&&I.classList.remove(...lt(e.isHorizontal()?x.horizontalClass:x.verticalClass)),A()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:I}=e.scrollbar;I=Ke(I),I.forEach(M=>{M.classList.remove(x.horizontalClass,x.verticalClass),M.classList.add(e.isHorizontal()?x.horizontalClass:x.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?D():(_(),T(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{T()}),n("setTranslate",()=>{y()}),n("setTransition",(x,I)=>{b(I)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const w=()=>{e.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),_(),T(),y()},D=()=>{e.el.classList.add(...lt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...lt(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:w,disable:D,updateSize:T,setTranslate:y,init:_,destroy:S})}function Pt(t){let{swiper:e,extendParams:i,on:n,emit:l,params:s}=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 d,a,r=s&&s.autoplay?s.autoplay.delay:3e3,u=s&&s.autoplay?s.autoplay.delay:3e3,c,v=new Date().getTime(),g,y,b,T,E,p,h;function m(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),!(h||F.detail&&F.detail.bySwiperTouchMove)&&w())}const C=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?g=!0:g&&(u=c,g=!1);const F=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=F,l("autoplayTimeLeft",F,F/r),a=requestAnimationFrame(()=>{C()})},k=()=>{let F;return e.virtual&&e.params.virtual.enabled?F=e.slides.filter(j=>j.classList.contains("swiper-slide-active"))[0]:F=e.slides[e.activeIndex],F?parseInt(F.getAttribute("data-swiper-autoplay"),10):void 0},f=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(a),C();let B=typeof F>"u"?e.params.autoplay.delay:F;r=e.params.autoplay.delay,u=e.params.autoplay.delay;const j=k();!Number.isNaN(j)&&j>0&&typeof F>"u"&&(B=j,r=j,u=j),c=B;const L=e.params.speed,z=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(L,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,L,!0,!0),l("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(L,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,L,!0,!0),l("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{f()})))};return B>0?(clearTimeout(d),d=setTimeout(()=>{z()},B)):requestAnimationFrame(()=>{z()}),B},A=()=>{v=new Date().getTime(),e.autoplay.running=!0,f(),l("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(d),cancelAnimationFrame(a),l("autoplayStop")},S=(F,B)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(d),F||(p=!0);const j=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):w()};if(e.autoplay.paused=!0,B){E&&(c=e.params.autoplay.delay),E=!1,j();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),j())},w=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,f(c)):f(),e.autoplay.paused=!1,l("autoplayResume"))},D=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Ye();F.visibilityState==="hidden"&&(p=!0,S(!0)),F.visibilityState==="visible"&&w()},x=F=>{F.pointerType==="mouse"&&(p=!0,h=!0,!(e.animating||e.autoplay.paused)&&S(!0))},I=F=>{F.pointerType==="mouse"&&(h=!1,e.autoplay.paused&&w())},M=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",I))},N=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",I))},O=()=>{Ye().addEventListener("visibilitychange",D)},$=()=>{Ye().removeEventListener("visibilitychange",D)};n("init",()=>{e.params.autoplay.enabled&&(M(),O(),A())}),n("destroy",()=>{N(),$(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(b||p)&&w()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():S(!0,!0)}),n("beforeTransitionStart",(F,B,j)=>{e.destroyed||!e.autoplay.running||(j||!e.params.autoplay.disableOnInteraction?S(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,b=!1,p=!1,T=setTimeout(()=>{p=!0,b=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(T),clearTimeout(d),e.params.autoplay.disableOnInteraction){b=!1,y=!1;return}b&&e.params.cssMode&&w(),b=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(E=!0)}),Object.assign(e.autoplay,{start:A,stop:_,pause:S,resume:w})}function oo(t){let{swiper:e,extendParams:i,emit:n,once:l}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function s(){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 d(){if(e.params.cssMode)return;const{touchEventsData:r,touches:u}=e;r.velocities.length===0&&r.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:Ge()})}function a(r){let{currentPos:u}=r;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:g,snapGrid:y,touchEventsData:b}=e,E=Ge()-b.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(b.velocities.length>1){const _=b.velocities.pop(),S=b.velocities.pop(),w=_.position-S.position,D=_.time-S.time;e.velocity=w/D,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(D>150||Ge()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,b.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const h=e.velocity*p;let m=e.translate+h;g&&(m=-m);let C=!1,k;const f=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let A;if(m<e.maxTranslate())c.freeMode.momentumBounce?(m+e.maxTranslate()<-f&&(m=e.maxTranslate()-f),k=e.maxTranslate(),C=!0,b.allowMomentumBounce=!0):m=e.maxTranslate(),c.loop&&c.centeredSlides&&(A=!0);else if(m>e.minTranslate())c.freeMode.momentumBounce?(m-e.minTranslate()>f&&(m=e.minTranslate()+f),k=e.minTranslate(),C=!0,b.allowMomentumBounce=!0):m=e.minTranslate(),c.loop&&c.centeredSlides&&(A=!0);else if(c.freeMode.sticky){let _;for(let S=0;S<y.length;S+=1)if(y[S]>-m){_=S;break}Math.abs(y[_]-m)<Math.abs(y[_-1]-m)||e.swipeDirection==="next"?m=y[_]:m=y[_-1],m=-m}if(A&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(g?p=Math.abs((-m-e.translate)/e.velocity):p=Math.abs((m-e.translate)/e.velocity),c.freeMode.sticky){const _=Math.abs((g?-m:m)-e.translate),S=e.slidesSizesGrid[e.activeIndex];_<S?p=c.speed:_<2*S?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&C?(e.updateProgress(k),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Jt(v,()=>{!e||e.destroyed||!b.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(k),Jt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(m),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Jt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(m),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||E>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:d,onTouchEnd:a}})}let Qt;function lo(){const t=Le(),e=Ye();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Hi(){return Qt||(Qt=lo()),Qt}let Zt;function so(t){let{userAgent:e}=t===void 0?{}:t;const i=Hi(),n=Le(),l=n.navigator.platform,s=e||n.navigator.userAgent,d={ios:!1,android:!1},a=n.screen.width,r=n.screen.height,u=s.match(/(Android);?[\s\/]+([\d.]+)?/);let c=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),g=!c&&s.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=l==="Win32";let b=l==="MacIntel";const T=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&b&&i.touch&&T.indexOf(`${a}x${r}`)>=0&&(c=s.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),b=!1),u&&!y&&(d.os="android",d.android=!0),(c||g||v)&&(d.os="ios",d.ios=!0),d}function Ui(t){return t===void 0&&(t={}),Zt||(Zt=so(t)),Zt}let ei;function ao(){const t=Le(),e=Ui();let i=!1;function n(){const a=t.navigator.userAgent.toLowerCase();return a.indexOf("safari")>=0&&a.indexOf("chrome")<0&&a.indexOf("android")<0}if(n()){const a=String(t.navigator.userAgent);if(a.includes("Version/")){const[r,u]=a.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=r<16||r===16&&u<2}}const l=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),s=n(),d=s||l&&e.ios;return{isSafari:i||s,needPerspectiveFix:i,need3dFix:d,isWebView:l}}function ro(){return ei||(ei=ao()),ei}function co(t){let{swiper:e,on:i,emit:n}=t;const l=Le();let s=null,d=null;const a=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{d=l.requestAnimationFrame(()=>{const{width:g,height:y}=e;let b=g,T=y;v.forEach(E=>{let{contentBoxSize:p,contentRect:h,target:m}=E;m&&m!==e.el||(b=h?h.width:(p[0]||p).inlineSize,T=h?h.height:(p[0]||p).blockSize)}),(b!==g||T!==y)&&a()})}),s.observe(e.el))},u=()=>{d&&l.cancelAnimationFrame(d),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){r();return}l.addEventListener("resize",a),l.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),l.removeEventListener("resize",a),l.removeEventListener("orientationchange",c)})}function uo(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=[],d=Le(),a=function(c,v){v===void 0&&(v={});const g=d.MutationObserver||d.WebkitMutationObserver,y=new g(b=>{if(e.__preventObserver__)return;if(b.length===1){l("observerUpdate",b[0]);return}const T=function(){l("observerUpdate",b[0])};d.requestAnimationFrame?d.requestAnimationFrame(T):d.setTimeout(T,0)});y.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),s.push(y)},r=()=>{if(e.params.observer){if(e.params.observeParents){const c=Fi(e.hostEl);for(let v=0;v<c.length;v+=1)a(c[v])}a(e.hostEl,{childList:e.params.observeSlideChildren}),a(e.wrapperEl,{attributes:!1})}},u=()=>{s.forEach(c=>{c.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",r),n("destroy",u)}var po={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const l=i?"unshift":"push";return t.split(" ").forEach(s=>{n.eventsListeners[s]||(n.eventsListeners[s]=[]),n.eventsListeners[s][l](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function l(){n.off(t,l),l.__emitterProxy&&delete l.__emitterProxy;for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];e.apply(n,d)}return l.__emitterProxy=e,n.on(t,l,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((l,s)=>{(l===e||l.__emitterProxy&&l.__emitterProxy===e)&&i.eventsListeners[n].splice(s,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var l=arguments.length,s=new Array(l),d=0;d<l;d++)s[d]=arguments[d];return typeof s[0]=="string"||Array.isArray(s[0])?(e=s[0],i=s.slice(1,s.length),n=t):(e=s[0].events,i=s[0].data,n=s[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(u=>{u.apply(n,i)})}),t}};function vo(){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(st(n,"padding-left")||0,10)-parseInt(st(n,"padding-right")||0,10),i=i-parseInt(st(n,"padding-top")||0,10)-parseInt(st(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 fo(){const t=this;function e(w,D){return parseFloat(w.getPropertyValue(t.getDirectionLabel(D))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:s,rtlTranslate:d,wrongRTL:a}=t,r=t.virtual&&i.virtual.enabled,u=r?t.virtual.slides.length:t.slides.length,c=Je(l,`.${t.params.slideClass}, swiper-slide`),v=r?t.virtual.slides.length:c.length;let g=[];const y=[],b=[];let T=i.slidesOffsetBefore;typeof T=="function"&&(T=i.slidesOffsetBefore.call(t));let E=i.slidesOffsetAfter;typeof E=="function"&&(E=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,h=t.slidesGrid.length;let m=i.spaceBetween,C=-T,k=0,f=0;if(typeof s>"u")return;typeof m=="string"&&m.indexOf("%")>=0?m=parseFloat(m.replace("%",""))/100*s:typeof m=="string"&&(m=parseFloat(m)),t.virtualSize=-m,c.forEach(w=>{d?w.style.marginLeft="":w.style.marginRight="",w.style.marginBottom="",w.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(_t(n,"--swiper-centered-offset-before",""),_t(n,"--swiper-centered-offset-after",""));const A=i.grid&&i.grid.rows>1&&t.grid;A?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let _;const S=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(w=>typeof i.breakpoints[w].slidesPerView<"u").length>0;for(let w=0;w<v;w+=1){_=0;let D;if(c[w]&&(D=c[w]),A&&t.grid.updateSlide(w,D,c),!(c[w]&&st(D,"display")==="none")){if(i.slidesPerView==="auto"){S&&(c[w].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(D),I=D.style.transform,M=D.style.webkitTransform;if(I&&(D.style.transform="none"),M&&(D.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?Kt(D,"width",!0):Kt(D,"height",!0);else{const N=e(x,"width"),O=e(x,"padding-left"),$=e(x,"padding-right"),F=e(x,"margin-left"),B=e(x,"margin-right"),j=x.getPropertyValue("box-sizing");if(j&&j==="border-box")_=N+F+B;else{const{clientWidth:L,offsetWidth:z}=D;_=N+O+$+F+B+(z-L)}}I&&(D.style.transform=I),M&&(D.style.webkitTransform=M),i.roundLengths&&(_=Math.floor(_))}else _=(s-(i.slidesPerView-1)*m)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),c[w]&&(c[w].style[t.getDirectionLabel("width")]=`${_}px`);c[w]&&(c[w].swiperSlideSize=_),b.push(_),i.centeredSlides?(C=C+_/2+k/2+m,k===0&&w!==0&&(C=C-s/2-m),w===0&&(C=C-s/2-m),Math.abs(C)<1/1e3&&(C=0),i.roundLengths&&(C=Math.floor(C)),f%i.slidesPerGroup===0&&g.push(C),y.push(C)):(i.roundLengths&&(C=Math.floor(C)),(f-Math.min(t.params.slidesPerGroupSkip,f))%t.params.slidesPerGroup===0&&g.push(C),y.push(C),C=C+_+m),t.virtualSize+=_+m,k=_,f+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+E,d&&a&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+m}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+m}px`),A&&t.grid.updateWrapperSize(_,g),!i.centeredSlides){const w=[];for(let D=0;D<g.length;D+=1){let x=g[D];i.roundLengths&&(x=Math.floor(x)),g[D]<=t.virtualSize-s&&w.push(x)}g=w,Math.floor(t.virtualSize-s)-Math.floor(g[g.length-1])>1&&g.push(t.virtualSize-s)}if(r&&i.loop){const w=b[0]+m;if(i.slidesPerGroup>1){const D=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=w*i.slidesPerGroup;for(let I=0;I<D;I+=1)g.push(g[g.length-1]+x)}for(let D=0;D<t.virtual.slidesBefore+t.virtual.slidesAfter;D+=1)i.slidesPerGroup===1&&g.push(g[g.length-1]+w),y.push(y[y.length-1]+w),t.virtualSize+=w}if(g.length===0&&(g=[0]),m!==0){const w=t.isHorizontal()&&d?"marginLeft":t.getDirectionLabel("marginRight");c.filter((D,x)=>!i.cssMode||i.loop?!0:x!==c.length-1).forEach(D=>{D.style[w]=`${m}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let w=0;b.forEach(x=>{w+=x+(m||0)}),w-=m;const D=w-s;g=g.map(x=>x<=0?-T:x>D?D+E:x)}if(i.centerInsufficientSlides){let w=0;b.forEach(x=>{w+=x+(m||0)}),w-=m;const D=(i.slidesOffsetBefore||0)+(i.slidesOffsetAfter||0);if(w+D<s){const x=(s-w-D)/2;g.forEach((I,M)=>{g[M]=I-x}),y.forEach((I,M)=>{y[M]=I+x})}}if(Object.assign(t,{slides:c,snapGrid:g,slidesGrid:y,slidesSizesGrid:b}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){_t(n,"--swiper-centered-offset-before",`${-g[0]}px`),_t(n,"--swiper-centered-offset-after",`${t.size/2-b[b.length-1]/2}px`);const w=-t.snapGrid[0],D=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+w),t.slidesGrid=t.slidesGrid.map(x=>x+D)}if(v!==u&&t.emit("slidesLengthChange"),g.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==h&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const w=`${i.containerModifierClass}backface-hidden`,D=t.el.classList.contains(w);v<=i.maxBackfaceHiddenSlides?D||t.el.classList.add(w):D&&t.el.classList.remove(w)}}function mo(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let l=0,s;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const d=a=>n?e.slides[e.getSlideIndexByData(a)]:e.slides[a];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(a=>{i.push(a)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const a=e.activeIndex+s;if(a>e.slides.length&&!n)break;i.push(d(a))}else i.push(d(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const a=i[s].offsetHeight;l=a>l?a:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function ho(){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()}const Gi=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function go(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:l,snapGrid:s}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let d=-t;l&&(d=t),e.visibleSlidesIndexes=[],e.visibleSlides=[];let a=i.spaceBetween;typeof a=="string"&&a.indexOf("%")>=0?a=parseFloat(a.replace("%",""))/100*e.size:typeof a=="string"&&(a=parseFloat(a));for(let r=0;r<n.length;r+=1){const u=n[r];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(d+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+a),g=(d-s[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+a),y=-(d-c),b=y+e.slidesSizesGrid[r],T=y>=0&&y<=e.size-e.slidesSizesGrid[r],E=y>=0&&y<e.size-1||b>1&&b<=e.size||y<=0&&b>=e.size;E&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(r)),Gi(u,E,i.slideVisibleClass),Gi(u,T,i.slideFullyVisibleClass),u.progress=l?-v:v,u.originalProgress=l?-g:g}}function bo(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:s,isEnd:d,progressLoop:a}=e;const r=s,u=d;if(n===0)l=0,s=!0,d=!0;else{l=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=c||l<=0,d=v||l>=1,c&&(l=0),v&&(l=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),g=e.slidesGrid[c],y=e.slidesGrid[v],b=e.slidesGrid[e.slidesGrid.length-1],T=Math.abs(t);T>=g?a=(T-g)/b:a=(T+b-y)/b,a>1&&(a-=1)}Object.assign(e,{progress:l,progressLoop:a,isBeginning:s,isEnd:d}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!r&&e.emit("reachBeginning toEdge"),d&&!u&&e.emit("reachEnd toEdge"),(r&&!s||u&&!d)&&e.emit("fromEdge"),e.emit("progress",l)}const ti=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function yo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:l}=t,s=t.virtual&&i.virtual.enabled,d=t.grid&&i.grid&&i.grid.rows>1,a=v=>Je(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];let r,u,c;if(s)if(i.loop){let v=l-t.virtual.slidesBefore;v<0&&(v=t.virtual.slides.length+v),v>=t.virtual.slides.length&&(v-=t.virtual.slides.length),r=a(`[data-swiper-slide-index="${v}"]`)}else r=a(`[data-swiper-slide-index="${l}"]`);else d?(r=e.filter(v=>v.column===l)[0],c=e.filter(v=>v.column===l+1)[0],u=e.filter(v=>v.column===l-1)[0]):r=e[l];r&&(d||(c=to(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),u=eo(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]))),e.forEach(v=>{ti(v,v===r,i.slideActiveClass),ti(v,v===c,i.slideNextClass),ti(v,v===u,i.slidePrevClass)}),t.emitSlidesClasses()}const Mt=(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 l=n.querySelector(`.${t.params.lazyPreloaderClass}`);!l&&t.isElement&&(n.shadowRoot?l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),l&&l.remove())})),l&&l.remove()}},ii=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},ni=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),l=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const d=l,a=[d-e];a.push(...Array.from({length:e}).map((r,u)=>d+n+u)),t.slides.forEach((r,u)=>{a.includes(r.column)&&ii(t,u)});return}const s=l+n-1;if(t.params.rewind||t.params.loop)for(let d=l-e;d<=s+e;d+=1){const a=(d%i+i)%i;(a<l||a>s)&&ii(t,a)}else for(let d=Math.max(l-e,0);d<=Math.min(s+e,i-1);d+=1)d!==l&&(d>s||d<l)&&ii(t,d)};function wo(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let l;for(let s=0;s<e.length;s+=1)typeof e[s+1]<"u"?n>=e[s]&&n<e[s+1]-(e[s+1]-e[s])/2?l=s:n>=e[s]&&n<e[s+1]&&(l=s+1):n>=e[s]&&(l=s);return i.normalizeSlideIndex&&(l<0||typeof l>"u")&&(l=0),l}function So(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:s,realIndex:d,snapIndex:a}=e;let r=t,u;const c=y=>{let b=y-e.virtual.slidesBefore;return b<0&&(b=e.virtual.slides.length+b),b>=e.virtual.slides.length&&(b-=e.virtual.slides.length),b};if(typeof r>"u"&&(r=wo(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const y=Math.min(l.slidesPerGroupSkip,r);u=y+Math.floor((r-y)/l.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),r===s&&!e.params.loop){u!==a&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(r===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(r);return}const v=e.grid&&l.grid&&l.grid.rows>1;let g;if(e.virtual&&l.virtual.enabled&&l.loop)g=c(r);else if(v){const y=e.slides.filter(T=>T.column===r)[0];let b=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(b)&&(b=Math.max(e.slides.indexOf(y),0)),g=Math.floor(b/l.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:a,snapIndex:u,previousRealIndex:d,realIndex:g,previousIndex:s,activeIndex:r}),e.initialized&&ni(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(d!==g&&e.emit("realIndexChange"),e.emit("slideChange"))}function To(t,e){const i=this,n=i.params;let l=t.closest(`.${n.slideClass}, swiper-slide`);!l&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(a=>{!l&&a.matches&&a.matches(`.${n.slideClass}, swiper-slide`)&&(l=a)});let s=!1,d;if(l){for(let a=0;a<i.slides.length;a+=1)if(i.slides[a]===l){s=!0,d=a;break}}if(l&&s)i.clickedSlide=l,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(l.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=d;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var xo={updateSize:vo,updateSlides:fo,updateAutoHeight:mo,updateSlidesOffset:ho,updateSlidesProgress:go,updateProgress:bo,updateSlidesClasses:yo,updateActiveIndex:So,updateClickedSlide:To};function Eo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:l,wrapperEl:s}=e;if(i.virtualTranslate)return n?-l:l;if(i.cssMode)return l;let d=Kn(s,t);return d+=e.cssOverflowAdjustment(),n&&(d=-d),d||0}function Co(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:s,progress:d}=i;let a=0,r=0;const u=0;i.isHorizontal()?a=n?-t:t:r=t,l.roundLengths&&(a=Math.floor(a),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?a:r,l.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-a:-r:l.virtualTranslate||(i.isHorizontal()?a-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${a}px, ${r}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==d&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Io(){return-this.snapGrid[0]}function _o(){return-this.snapGrid[this.snapGrid.length-1]}function ko(t,e,i,n,l){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const s=this,{params:d,wrapperEl:a}=s;if(s.animating&&d.preventInteractionOnTransition)return!1;const r=s.minTranslate(),u=s.maxTranslate();let c;if(n&&t>r?c=r:n&&t<u?c=u:c=t,s.updateProgress(c),d.cssMode){const v=s.isHorizontal();if(e===0)a[v?"scrollLeft":"scrollTop"]=-c;else{if(!s.support.smoothScroll)return zi({swiper:s,targetPosition:-c,side:v?"left":"top"}),!0;a.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(c),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(c),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(g){!s||s.destroyed||g.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onTranslateToWrapperTransitionEnd),s.onTranslateToWrapperTransitionEnd=null,delete s.onTranslateToWrapperTransitionEnd,s.animating=!1,i&&s.emit("transitionEnd"))}),s.wrapperEl.addEventListener("transitionend",s.onTranslateToWrapperTransitionEnd))),!0}var Do={getTranslate:Eo,setTranslate:Co,minTranslate:Io,maxTranslate:_o,translateTo:ko};function Ao(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 $i(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:s,previousIndex:d}=e;let a=n;if(a||(s>d?a="next":s<d?a="prev":a="reset"),e.emit(`transition${l}`),i&&s!==d){if(a==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),a==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function Po(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),$i({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Mo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),$i({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Oo={setTransition:Ao,transitionStart:Po,transitionEnd:Mo};function Lo(t,e,i,n,l){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const s=this;let d=t;d<0&&(d=0);const{params:a,snapGrid:r,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:g,wrapperEl:y,enabled:b}=s;if(!b&&!n&&!l||s.destroyed||s.animating&&a.preventInteractionOnTransition)return!1;typeof e>"u"&&(e=s.params.speed);const T=Math.min(s.params.slidesPerGroupSkip,d);let E=T+Math.floor((d-T)/s.params.slidesPerGroup);E>=r.length&&(E=r.length-1);const p=-r[E];if(a.normalizeSlideIndex)for(let m=0;m<u.length;m+=1){const C=-Math.floor(p*100),k=Math.floor(u[m]*100),f=Math.floor(u[m+1]*100);typeof u[m+1]<"u"?C>=k&&C<f-(f-k)/2?d=m:C>=k&&C<f&&(d=m+1):C>=k&&(d=m)}if(s.initialized&&d!==v&&(!s.allowSlideNext&&(g?p>s.translate&&p>s.minTranslate():p<s.translate&&p<s.minTranslate())||!s.allowSlidePrev&&p>s.translate&&p>s.maxTranslate()&&(v||0)!==d))return!1;d!==(c||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let h;if(d>v?h="next":d<v?h="prev":h="reset",g&&-p===s.translate||!g&&p===s.translate)return s.updateActiveIndex(d),a.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),a.effect!=="slide"&&s.setTranslate(p),h!=="reset"&&(s.transitionStart(i,h),s.transitionEnd(i,h)),!1;if(a.cssMode){const m=s.isHorizontal(),C=g?p:-p;if(e===0){const k=s.virtual&&s.params.virtual.enabled;k&&(s.wrapperEl.style.scrollSnapType="none",s._immediateVirtual=!0),k&&!s._cssModeVirtualInitialSet&&s.params.initialSlide>0?(s._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[m?"scrollLeft":"scrollTop"]=C})):y[m?"scrollLeft":"scrollTop"]=C,k&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return zi({swiper:s,targetPosition:C,side:m?"left":"top"}),!0;y.scrollTo({[m?"left":"top"]:C,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(d),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,h),e===0?s.transitionEnd(i,h):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(C){!s||s.destroyed||C.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,h))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function jo(t,e,i,n){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;if(l.destroyed)return;typeof e>"u"&&(e=l.params.speed);const s=l.grid&&l.params.grid&&l.params.grid.rows>1;let d=t;if(l.params.loop)if(l.virtual&&l.params.virtual.enabled)d=d+l.virtual.slidesBefore;else{let a;if(s){const g=d*l.params.grid.rows;a=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else a=l.getSlideIndexByData(d);const r=s?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:u}=l.params;let c=l.params.slidesPerView;c==="auto"?c=l.slidesPerViewDynamic():(c=Math.ceil(parseFloat(l.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=r-a<c;if(u&&(v=v||a<Math.ceil(c/2)),n&&u&&l.params.slidesPerView!=="auto"&&!s&&(v=!1),v){const g=u?a<l.activeIndex?"prev":"next":a-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:g,slideTo:!0,activeSlideIndex:g==="next"?a+1:a-r+1,slideRealIndex:g==="next"?l.realIndex:void 0})}if(s){const g=d*l.params.grid.rows;d=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else d=l.getSlideIndexByData(d)}return requestAnimationFrame(()=>{l.slideTo(d,e,i,n)}),l}function No(t,e,i){e===void 0&&(e=!0);const n=this,{enabled:l,params:s,animating:d}=n;if(!l||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);let a=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(a=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<s.slidesPerGroupSkip?1:a,u=n.virtual&&s.virtual.enabled;if(s.loop){if(d&&!u&&s.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&s.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function Bo(t,e,i){e===void 0&&(e=!0);const n=this,{params:l,snapGrid:s,slidesGrid:d,rtlTranslate:a,enabled:r,animating:u}=n;if(!r||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);const c=n.virtual&&l.virtual.enabled;if(l.loop){if(u&&!c&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=a?n.translate:-n.translate;function g(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const y=g(v),b=s.map(p=>g(p));let T=s[b.indexOf(y)-1];if(typeof T>"u"&&l.cssMode){let p;s.forEach((h,m)=>{y>=h&&(p=m)}),typeof p<"u"&&(T=s[p>0?p-1:p])}let E=0;if(typeof T<"u"&&(E=d.indexOf(T),E<0&&(E=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(E=E-n.slidesPerViewDynamic("previous",!0)+1,E=Math.max(E,0))),l.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(l.loop&&n.activeIndex===0&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(E,t,e,i)}),!0;return n.slideTo(E,t,e,i)}function Ro(t,e,i){e===void 0&&(e=!0);const n=this;if(!n.destroyed)return typeof t>"u"&&(t=n.params.speed),n.slideTo(n.activeIndex,t,e,i)}function zo(t,e,i,n){e===void 0&&(e=!0),n===void 0&&(n=.5);const l=this;if(l.destroyed)return;typeof t>"u"&&(t=l.params.speed);let s=l.activeIndex;const d=Math.min(l.params.slidesPerGroupSkip,s),a=d+Math.floor((s-d)/l.params.slidesPerGroup),r=l.rtlTranslate?l.translate:-l.translate;if(r>=l.snapGrid[a]){const u=l.snapGrid[a],c=l.snapGrid[a+1];r-u>(c-u)*n&&(s+=l.params.slidesPerGroup)}else{const u=l.snapGrid[a-1],c=l.snapGrid[a];r-u<=(c-u)*n&&(s-=l.params.slidesPerGroup)}return s=Math.max(s,0),s=Math.min(s,l.slidesGrid.length-1),l.slideTo(s,t,e,i)}function Fo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let l=t.clickedIndex,s;const d=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;s=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?l<t.loopedSlides-n/2||l>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),l=t.getSlideIndex(Je(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),ft(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Je(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),ft(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Vo={slideTo:Lo,slideToLoop:jo,slideNext:No,slidePrev:Bo,slideReset:Ro,slideToClosest:zo,slideToClickedSlide:Fo};function Ho(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Je(n,`.${i.slideClass}, swiper-slide`).forEach((v,g)=>{v.setAttribute("data-swiper-slide-index",g)})},s=e.grid&&i.grid&&i.grid.rows>1,d=i.slidesPerGroup*(s?i.grid.rows:1),a=e.slides.length%d!==0,r=s&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const g=e.isElement?bt("swiper-slide",[i.slideBlankClass]):bt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(g)}};if(a){if(i.loopAddBlankSlides){const c=d-e.slides.length%d;u(c),e.recalcSlides(),e.updateSlides()}else kt("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)");l()}else if(r){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else kt("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)");l()}else l();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function Uo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:s,byController:d,byMousewheel:a}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:g,params:y}=r,{centeredSlides:b}=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=c,r.allowSlideNext=v,r.emit("loopFix");return}let T=y.slidesPerView;T==="auto"?T=r.slidesPerViewDynamic():(T=Math.ceil(parseFloat(y.slidesPerView,10)),b&&T%2===0&&(T=T+1));const E=y.slidesPerGroupAuto?T:y.slidesPerGroup;let p=E;p%E!==0&&(p+=E-p%E),p+=y.loopAdditionalSlides,r.loopedSlides=p;const h=r.grid&&y.grid&&y.grid.rows>1;u.length<T+p?kt("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"):h&&y.grid.fill==="row"&&kt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const m=[],C=[];let k=r.activeIndex;typeof s>"u"?s=r.getSlideIndex(u.filter(I=>I.classList.contains(y.slideActiveClass))[0]):k=s;const f=n==="next"||!n,A=n==="prev"||!n;let _=0,S=0;const w=h?Math.ceil(u.length/y.grid.rows):u.length,x=(h?u[s].column:s)+(b&&typeof l>"u"?-T/2+.5:0);if(x<p){_=Math.max(p-x,E);for(let I=0;I<p-x;I+=1){const M=I-Math.floor(I/w)*w;if(h){const N=w-M-1;for(let O=u.length-1;O>=0;O-=1)u[O].column===N&&m.push(O)}else m.push(w-M-1)}}else if(x+T>w-p){S=Math.max(x-(w-p*2),E);for(let I=0;I<S;I+=1){const M=I-Math.floor(I/w)*w;h?u.forEach((N,O)=>{N.column===M&&C.push(O)}):C.push(M)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),A&&m.forEach(I=>{u[I].swiperLoopMoveDOM=!0,g.prepend(u[I]),u[I].swiperLoopMoveDOM=!1}),f&&C.forEach(I=>{u[I].swiperLoopMoveDOM=!0,g.append(u[I]),u[I].swiperLoopMoveDOM=!1}),r.recalcSlides(),y.slidesPerView==="auto"?r.updateSlides():h&&(m.length>0&&A||C.length>0&&f)&&r.slides.forEach((I,M)=>{r.grid.updateSlide(M,I,r.slides)}),y.watchSlidesProgress&&r.updateSlidesOffset(),i){if(m.length>0&&A){if(typeof e>"u"){const I=r.slidesGrid[k],N=r.slidesGrid[k+_]-I;a?r.setTranslate(r.translate-N):(r.slideTo(k+Math.ceil(_),0,!1,!0),l&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else if(l){const I=h?m.length/y.grid.rows:m.length;r.slideTo(r.activeIndex+I,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(C.length>0&&f)if(typeof e>"u"){const I=r.slidesGrid[k],N=r.slidesGrid[k-S]-I;a?r.setTranslate(r.translate-N):(r.slideTo(k-S,0,!1,!0),l&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else{const I=h?C.length/y.grid.rows:C.length;r.slideTo(r.activeIndex-I,0,!1,!0)}}if(r.allowSlidePrev=c,r.allowSlideNext=v,r.controller&&r.controller.control&&!d){const I={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:s,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(M=>{!M.destroyed&&M.params.loop&&M.loopFix({...I,slideTo:M.params.slidesPerView===y.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...I,slideTo:r.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}r.emit("loopFix")}function Go(){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(l=>{const s=typeof l.swiperSlideIndex>"u"?l.getAttribute("data-swiper-slide-index")*1:l.swiperSlideIndex;n[s]=l}),t.slides.forEach(l=>{l.removeAttribute("data-swiper-slide-index")}),n.forEach(l=>{i.append(l)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var $o={loopCreate:Ho,loopFix:Uo,loopDestroy:Go};function Wo(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 Yo(){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 qo={setGrabCursor:Wo,unsetGrabCursor:Yo};function Xo(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ye()||n===Le())return null;n.assignedSlot&&(n=n.assignedSlot);const l=n.closest(t);return!l&&!n.getRootNode?null:l||i(n.getRootNode().host)}return i(e)}function Wi(t,e,i){const n=Le(),{params:l}=t,s=l.edgeSwipeDetection,d=l.edgeSwipeThreshold;return s&&(i<=d||i>=n.innerWidth-d)?s==="prevent"?(e.preventDefault(),!0):!1:!0}function Jo(t){const e=this,i=Ye();let n=t;n.originalEvent&&(n=n.originalEvent);const l=e.touchEventsData;if(n.type==="pointerdown"){if(l.pointerId!==null&&l.pointerId!==n.pointerId)return;l.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(l.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){Wi(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:d,enabled:a}=e;if(!a||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let r=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const u=!!s.noSwipingClass&&s.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(r=c[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,g=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(g?Xo(v,r):r.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!r.closest(s.swipeHandler))return;d.currentX=n.pageX,d.currentY=n.pageY;const y=d.currentX,b=d.currentY;if(!Wi(e,n,y))return;Object.assign(l,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=y,d.startY=b,l.touchStartTime=Ge(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,s.threshold>0&&(l.allowThresholdMove=!1);let T=!0;r.matches(l.focusableElements)&&(T=!1,r.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const E=T&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||E)&&!r.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Ko(t){const e=Ye(),i=this,n=i.touchEventsData,{params:l,touches:s,rtlTranslate:d,enabled:a}=i;if(!a||!l.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 u;if(r.type==="touchmove"){if(u=[...r.changedTouches].filter(f=>f.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const c=u.pageX,v=u.pageY;if(r.preventedByNestedSwiper){s.startX=c,s.startY=v;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=Ge());return}if(l.touchReleaseOnEdges&&!l.loop){if(i.isVertical()){if(v<s.startY&&i.translate<=i.maxTranslate()||v>s.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(c<s.startX&&i.translate<=i.maxTranslate()||c>s.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),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=c,s.currentY=v;const g=s.currentX-s.startX,y=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(g**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let f;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:g*g+y*y>=25&&(f=Math.atan2(Math.abs(y),Math.abs(g))*180/Math.PI,n.isScrolling=i.isHorizontal()?f>l.touchAngle:90-f>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.startY)&&(n.startMoving=!0),n.isScrolling||r.type==="touchmove"&&n.preventTouchMoveFromPointerMove){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&r.cancelable&&r.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&r.stopPropagation();let b=i.isHorizontal()?g:y,T=i.isHorizontal()?s.currentX-s.previousX:s.currentY-s.previousY;l.oneWayMovement&&(b=Math.abs(b)*(d?1:-1),T=Math.abs(T)*(d?1:-1)),s.diff=b,b*=l.touchRatio,d&&(b=-b,T=-T);const E=i.touchesDirection;i.swipeDirection=b>0?"prev":"next",i.touchesDirection=T>0?"prev":"next";const p=i.params.loop&&!l.cssMode,h=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&h&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const f=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});i.wrapperEl.dispatchEvent(f)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let m;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&E!==i.touchesDirection&&p&&h&&Math.abs(b)>=1){Object.assign(s,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",r),n.isMoved=!0,n.currentTranslate=b+n.startTranslate;let C=!0,k=l.resistanceRatio;if(l.touchReleaseOnEdges&&(k=0),b>0?(p&&h&&!m&&n.allowThresholdMove&&n.currentTranslate>(l.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(C=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+b)**k))):b<0&&(p&&h&&!m&&n.allowThresholdMove&&n.currentTranslate<(l.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(l.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(l.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(C=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-b)**k))),C&&(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),l.threshold>0)if(Math.abs(b)>l.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,s.startX=s.currentX,s.startY=s.currentY,n.currentTranslate=n.startTranslate,s.diff=i.isHorizontal()?s.currentX-s.startX:s.currentY-s.startY;return}}else{n.currentTranslate=n.startTranslate;return}!l.followFinger||l.cssMode||((l.freeMode&&l.freeMode.enabled&&i.freeMode||l.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),l.freeMode&&l.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function Qo(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let l;if(n.type==="touchend"||n.type==="touchcancel"){if(l=[...n.changedTouches].filter(k=>k.identifier===i.touchId)[0],!l||l.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;l=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:d,touches:a,rtlTranslate:r,slidesGrid:u,enabled:c}=e;if(!c||!d.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&d.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}d.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Ge(),g=v-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&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ge(),ft(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||a.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(d.followFinger?y=r?e.translate:-e.translate:y=-i.currentTranslate,d.cssMode)return;if(d.freeMode&&d.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const b=y>=-e.maxTranslate()&&!e.params.loop;let T=0,E=e.slidesSizesGrid[0];for(let k=0;k<u.length;k+=k<d.slidesPerGroupSkip?1:d.slidesPerGroup){const f=k<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;typeof u[k+f]<"u"?(b||y>=u[k]&&y<u[k+f])&&(T=k,E=u[k+f]-u[k]):(b||y>=u[k])&&(T=k,E=u[u.length-1]-u[u.length-2])}let p=null,h=null;d.rewind&&(e.isBeginning?h=d.virtual&&d.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const m=(y-u[T])/E,C=T<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;if(g>d.longSwipesMs){if(!d.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(m>=d.longSwipesRatio?e.slideTo(d.rewind&&e.isEnd?p:T+C):e.slideTo(T)),e.swipeDirection==="prev"&&(m>1-d.longSwipesRatio?e.slideTo(T+C):h!==null&&m<0&&Math.abs(m)>d.longSwipesRatio?e.slideTo(h):e.slideTo(T))}else{if(!d.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(T+C):e.slideTo(T):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:T+C),e.swipeDirection==="prev"&&e.slideTo(h!==null?h:T))}}function Yi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:l,snapGrid:s}=t,d=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const a=d&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!a?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!d?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=l,t.allowSlideNext=n,t.params.watchOverflow&&s!==t.snapGrid&&t.checkOverflow()}function Zo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function el(){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 l;const s=t.maxTranslate()-t.minTranslate();s===0?l=0:l=(t.translate-t.minTranslate())/s,l!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function tl(t){const e=this;Mt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function il(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const qi=(t,e)=>{const i=Ye(),{params:n,el:l,wrapperEl:s,device:d}=t,a=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",u=e;!l||typeof l=="string"||(i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:a}),l[r]("touchstart",t.onTouchStart,{passive:!1}),l[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:a}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:a}),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)&&l[r]("click",t.onClick,!0),n.cssMode&&s[r]("scroll",t.onScroll),n.updateOnWindowResize?t[u](d.ios||d.android?"resize orientationchange observerUpdate":"resize observerUpdate",Yi,!0):t[u]("observerUpdate",Yi,!0),l[r]("load",t.onLoad,{capture:!0}))};function nl(){const t=this,{params:e}=t;t.onTouchStart=Jo.bind(t),t.onTouchMove=Ko.bind(t),t.onTouchEnd=Qo.bind(t),t.onDocumentTouchStart=il.bind(t),e.cssMode&&(t.onScroll=el.bind(t)),t.onClick=Zo.bind(t),t.onLoad=tl.bind(t),qi(t,"on")}function ol(){qi(this,"off")}var ll={attachEvents:nl,detachEvents:ol};const Xi=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function sl(){const t=this,{realIndex:e,initialized:i,params:n,el:l}=t,s=n.breakpoints;if(!s||s&&Object.keys(s).length===0)return;const d=t.getBreakpoint(s,t.params.breakpointsBase,t.el);if(!d||t.currentBreakpoint===d)return;const r=(d in s?s[d]:void 0)||t.originalParams,u=Xi(t,n),c=Xi(t,r),v=t.params.grabCursor,g=r.grabCursor,y=n.enabled;u&&!c?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(l.classList.add(`${n.containerModifierClass}grid`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),v&&!g?t.unsetGrabCursor():!v&&g&&t.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(m=>{if(typeof r[m]>"u")return;const C=n[m]&&n[m].enabled,k=r[m]&&r[m].enabled;C&&!k&&t[m].disable(),!C&&k&&t[m].enable()});const b=r.direction&&r.direction!==n.direction,T=n.loop&&(r.slidesPerView!==n.slidesPerView||b),E=n.loop;b&&i&&t.changeDirection(),ze(t.params,r);const p=t.params.enabled,h=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),y&&!p?t.disable():!y&&p&&t.enable(),t.currentBreakpoint=d,t.emit("_beforeBreakpoint",r),i&&(T?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!E&&h?(t.loopCreate(e),t.updateSlides()):E&&!h&&t.loopDestroy()),t.emit("breakpoint",r)}function al(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Le(),s=e==="window"?l.innerHeight:i.clientHeight,d=Object.keys(t).map(a=>{if(typeof a=="string"&&a.indexOf("@")===0){const r=parseFloat(a.substr(1));return{value:s*r,point:a}}return{value:a,point:a}});d.sort((a,r)=>parseInt(a.value,10)-parseInt(r.value,10));for(let a=0;a<d.length;a+=1){const{point:r,value:u}=d[a];e==="window"?l.matchMedia(`(min-width: ${u}px)`).matches&&(n=r):u<=i.clientWidth&&(n=r)}return n||"max"}var rl={setBreakpoint:sl,getBreakpoint:al};function dl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(l=>{n[l]&&i.push(e+l)}):typeof n=="string"&&i.push(e+n)}),i}function cl(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:s}=t,d=dl(["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:s.android},{ios:s.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...d),l.classList.add(...e),t.emitContainerClasses()}function ul(){const t=this,{el:e,classNames:i}=t;!e||typeof e=="string"||(e.classList.remove(...i),t.emitContainerClasses())}var pl={addClasses:cl,removeClasses:ul};function vl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const l=t.slides.length-1,s=t.slidesGrid[l]+t.slidesSizesGrid[l]+n*2;t.isLocked=t.size>s}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 fl={checkOverflow:vl},oi={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 ml(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],s=n[l];if(typeof s!="object"||s===null){ze(e,n);return}if(t[l]===!0&&(t[l]={enabled:!0}),l==="navigation"&&t[l]&&t[l].enabled&&!t[l].prevEl&&!t[l].nextEl&&(t[l].auto=!0),["pagination","scrollbar"].indexOf(l)>=0&&t[l]&&t[l].enabled&&!t[l].el&&(t[l].auto=!0),!(l in t&&"enabled"in s)){ze(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),ze(e,n)}}const li={eventsEmitter:po,update:xo,translate:Do,transition:Oo,slide:Vo,loop:$o,grabCursor:qo,events:ll,breakpoints:rl,checkOverflow:fl,classes:pl},si={};let ai=class it{constructor(){let e,i;for(var n=arguments.length,l=new Array(n),s=0;s<n;s++)l[s]=arguments[s];l.length===1&&l[0].constructor&&Object.prototype.toString.call(l[0]).slice(8,-1)==="Object"?i=l[0]:[e,i]=l,i||(i={}),i=ze({},i),e&&!i.el&&(i.el=e);const d=Ye();if(i.el&&typeof i.el=="string"&&d.querySelectorAll(i.el).length>1){const c=[];return d.querySelectorAll(i.el).forEach(v=>{const g=ze({},i,{el:v});c.push(new it(g))}),c}const a=this;a.__swiper__=!0,a.support=Hi(),a.device=Ui({userAgent:i.userAgent}),a.browser=ro(),a.eventsListeners={},a.eventsAnyListeners=[],a.modules=[...a.__modules__],i.modules&&Array.isArray(i.modules)&&a.modules.push(...i.modules);const r={};a.modules.forEach(c=>{c({params:i,swiper:a,extendParams:ml(i,r),on:a.on.bind(a),once:a.once.bind(a),off:a.off.bind(a),emit:a.emit.bind(a)})});const u=ze({},oi,r);return a.params=ze({},u,si,i),a.originalParams=ze({},a.params),a.passedParams=ze({},i),a.params&&a.params.on&&Object.keys(a.params.on).forEach(c=>{a.on(c,a.params.on[c])}),a.params&&a.params.onAny&&a.onAny(a.params.onAny),Object.assign(a,{enabled:a.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return a.params.direction==="horizontal"},isVertical(){return a.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:a.params.allowSlideNext,allowSlidePrev:a.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:a.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:a.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),a.emit("_swiper"),a.params.init&&a.init(),a}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,l=Je(i,`.${n.slideClass}, swiper-slide`),s=Dt(l[0]);return Dt(e)-s}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=Je(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 l=n.minTranslate(),d=(n.maxTranslate()-l)*e+l;n.translateTo(d,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 l=e.getSlideClasses(n);i.push({slideEl:n,classNames:l}),e.emit("_slideClass",n,l)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:l,slides:s,slidesGrid:d,slidesSizesGrid:a,size:r,activeIndex:u}=n;let c=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=s[u]?Math.ceil(s[u].swiperSlideSize):0,g;for(let y=u+1;y<s.length;y+=1)s[y]&&!g&&(v+=Math.ceil(s[y].swiperSlideSize),c+=1,v>r&&(g=!0));for(let y=u-1;y>=0;y-=1)s[y]&&!g&&(v+=s[y].swiperSlideSize,c+=1,v>r&&(g=!0))}else if(e==="current")for(let v=u+1;v<s.length;v+=1)(i?d[v]+a[v]-d[u]<r:d[v]-d[u]<r)&&(c+=1);else for(let v=u-1;v>=0;v-=1)d[u]-d[v]<r&&(c+=1);return c}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(d=>{d.complete&&Mt(e,d)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const d=e.rtlTranslate?e.translate*-1:e.translate,a=Math.min(Math.max(d,e.maxTranslate()),e.minTranslate());e.setTranslate(a),e.updateActiveIndex(),e.updateSlidesClasses()}let s;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)l(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const d=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;s=e.slideTo(d.length-1,0,!1,!0)}else s=e.slideTo(e.activeIndex,0,!1,!0);s||l()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,l=n.params.direction;return e||(e=l==="horizontal"?"vertical":"horizontal"),e===l||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${l}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(s=>{e==="vertical"?s.style.width="":s.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 l=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let d=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(l()):Je(n,l())[0];return!d&&i.params.createElements&&(d=bt("div",i.params.wrapperClass),n.append(d),Je(n,`.${i.params.slideClass}`).forEach(a=>{d.append(a)})),Object.assign(i,{el:n,wrapperEl:d,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:d,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||st(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||st(n,"direction")==="rtl"),wrongRTL:st(d,"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 l=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&l.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),l.forEach(s=>{s.complete?Mt(i,s):s.addEventListener("load",d=>{Mt(i,d.target)})}),ni(i),i.initialized=!0,ni(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:l,el:s,wrapperEl:d,slides:a}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),l.loop&&n.loopDestroy(),i&&(n.removeClasses(),s&&typeof s!="string"&&s.removeAttribute("style"),d&&d.removeAttribute("style"),a&&a.length&&a.forEach(r=>{r.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.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&&typeof n.el!="string"&&(n.el.swiper=null),Xn(n)),n.destroyed=!0),null}static extendDefaults(e){ze(si,e)}static get extendedDefaults(){return si}static get defaults(){return oi}static installModule(e){it.prototype.__modules__||(it.prototype.__modules__=[]);const i=it.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>it.installModule(i)),it):(it.installModule(e),it)}};Object.keys(li).forEach(t=>{Object.keys(li[t]).forEach(e=>{ai.prototype[e]=li[t][e]})}),ai.use([co,uo]);const Ji=["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 pt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function ht(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]:pt(e[n])&&pt(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:ht(t[n],e[n]):t[n]=e[n]})}function Ki(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Qi(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Zi(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function en(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 hl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function gl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:s,prevEl:d,scrollbarEl:a,paginationEl:r}=t;const u=l.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:c,pagination:v,navigation:g,scrollbar:y,virtual:b,thumbs:T}=e;let E,p,h,m,C,k,f,A;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(E=!0),l.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(h=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||a)&&(c.scrollbar||c.scrollbar===!1)&&y&&!y.el&&(m=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||d)&&(n.navigation.nextEl||s)&&(c.navigation||c.navigation===!1)&&g&&!g.prevEl&&!g.nextEl&&(C=!0);const _=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),c[S].prevEl=void 0,c[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),c[S].el=void 0,e[S].el=void 0))};l.includes("loop")&&e.isElement&&(c.loop&&!n.loop?k=!0:!c.loop&&n.loop?f=!0:A=!0),u.forEach(S=>{if(pt(c[S])&&pt(n[S]))Object.assign(c[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&_(S);else{const w=n[S];(w===!0||w===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?w===!1&&_(S):c[S]=n[S]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),l.includes("children")&&i&&b&&c.virtual.enabled?(b.slides=i,b.update(!0)):l.includes("virtual")&&b&&c.virtual.enabled&&(i&&(b.slides=i),b.update(!0)),l.includes("children")&&i&&c.loop&&(A=!0),E&&T.init()&&T.update(!0),p&&(e.controller.control=c.controller.control),h&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(c.pagination.el=r),v.init(),v.render(),v.update()),m&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-scrollbar"),a.part.add("scrollbar"),e.el.appendChild(a)),a&&(c.scrollbar.el=a),y.init(),y.updateSize(),y.setTranslate()),C&&(e.isElement&&((!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-button-next"),s.innerHTML=e.hostEl.constructor.nextButtonSvg,s.part.add("button-next"),e.el.appendChild(s)),(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-button-prev"),d.innerHTML=e.hostEl.constructor.prevButtonSvg,d.part.add("button-prev"),e.el.appendChild(d))),s&&(c.navigation.nextEl=s),d&&(c.navigation.prevEl=d),g.init(),g.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(k||A)&&e.loopDestroy(),(f||A)&&e.loopCreate(),e.update()}function bl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};ht(i,oi),i._emitClasses=!0,i.init=!1;const s={},d=Ji.map(r=>r.replace(/_/,"")),a=Object.assign({},t);return Object.keys(a).forEach(r=>{typeof t[r]>"u"||(d.indexOf(r)>=0?pt(t[r])?(i[r]={},l[r]={},ht(i[r],t[r]),ht(l[r],t[r])):(i[r]=t[r],l[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]:s[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:l,rest:s,events:n}}function yl(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:s,scrollbarEl:d,swiper:a}=t;Ki(e)&&n&&l&&(a.params.navigation.nextEl=n,a.originalParams.navigation.nextEl=n,a.params.navigation.prevEl=l,a.originalParams.navigation.prevEl=l),Qi(e)&&s&&(a.params.pagination.el=s,a.originalParams.pagination.el=s),Zi(e)&&d&&(a.params.scrollbar.el=d,a.originalParams.scrollbar.el=d),a.init(i)}function wl(t,e,i,n,l){const s=[];if(!e)return s;const d=r=>{s.indexOf(r)<0&&s.push(r)};if(i&&n){const r=n.map(l),u=i.map(l);r.join("")!==u.join("")&&d("children"),n.length!==i.length&&d("children")}return Ji.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if(pt(t[r])&&pt(e[r])){const u=Object.keys(t[r]),c=Object.keys(e[r]);u.length!==c.length?d(r):(u.forEach(v=>{t[r][v]!==e[r][v]&&d(r)}),c.forEach(v=>{t[r][v]!==e[r][v]&&d(r)}))}else t[r]!==e[r]&&d(r)}),s}const Sl=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 Ot(){return Ot=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},Ot.apply(this,arguments)}function tn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function nn(t){const e=[];return o.Children.toArray(t).forEach(i=>{tn(i)?e.push(i):i.props&&i.props.children&&nn(i.props.children).forEach(n=>e.push(n))}),e}function Tl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return o.Children.toArray(t).forEach(n=>{if(tn(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 l=nn(n.props.children);l.length>0?l.forEach(s=>e.push(s)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function xl(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},l=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:s,to:d}=i,a=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,u=[];for(let c=a;c<r;c+=1)c>=s&&c<=d&&u.push(e[n(c)]);return u.map((c,v)=>o.cloneElement(c,{swiper:t,style:l,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function yt(t,e){return typeof window>"u"?o.useEffect(t,e):o.useLayoutEffect(t,e)}const ri=o.createContext(null),on=()=>o.useContext(ri),El=o.createContext(null),vt=o.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:s,onSwiper:d,...a}=t===void 0?{}:t,r=!1;const[u,c]=o.useState("swiper"),[v,g]=o.useState(null),[y,b]=o.useState(!1),T=o.useRef(!1),E=o.useRef(null),p=o.useRef(null),h=o.useRef(null),m=o.useRef(null),C=o.useRef(null),k=o.useRef(null),f=o.useRef(null),A=o.useRef(null),{params:_,passedParams:S,rest:w,events:D}=bl(a),{slides:x,slots:I}=Tl(s),M=()=>{b(!y)};Object.assign(_.on,{_containerClasses(B,j){c(j)}});const N=()=>{Object.assign(_.on,D),r=!0;const B={..._};if(delete B.wrapperClass,p.current=new ai(B),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const j={cache:!1,slides:x,renderExternal:g,renderExternalUpdate:!1};ht(p.current.params.virtual,j),ht(p.current.originalParams.virtual,j)}};E.current||N(),p.current&&p.current.on("_beforeBreakpoint",M);const O=()=>{r||!D||!p.current||Object.keys(D).forEach(B=>{p.current.on(B,D[B])})},$=()=>{!D||!p.current||Object.keys(D).forEach(B=>{p.current.off(B,D[B])})};o.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",M)}),o.useEffect(()=>{!T.current&&p.current&&(p.current.emitSlidesClasses(),T.current=!0)}),yt(()=>{if(e&&(e.current=E.current),!!E.current)return p.current.destroyed&&N(),yl({el:E.current,nextEl:C.current,prevEl:k.current,paginationEl:f.current,scrollbarEl:A.current,swiper:p.current},_),d&&!p.current.destroyed&&d(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),yt(()=>{O();const B=wl(S,h.current,x,m.current,j=>j.key);return h.current=S,m.current=x,B.length&&p.current&&!p.current.destroyed&&gl({swiper:p.current,slides:x,passedParams:S,changedParams:B,nextEl:C.current,prevEl:k.current,scrollbarEl:A.current,paginationEl:f.current}),()=>{$()}}),yt(()=>{Sl(p.current)},[v]);function F(){return _.virtual?xl(p.current,x,v):x.map((B,j)=>o.cloneElement(B,{swiper:p.current,swiperSlideIndex:j}))}return o.createElement(n,Ot({ref:E,className:en(`${u}${i?` ${i}`:""}`)},w),o.createElement(El.Provider,{value:p.current},I["container-start"],o.createElement(l,{className:hl(_.wrapperClass)},I["wrapper-start"],F(),I["wrapper-end"]),Ki(_)&&o.createElement(o.Fragment,null,o.createElement("div",{ref:k,className:"swiper-button-prev"}),o.createElement("div",{ref:C,className:"swiper-button-next"})),Zi(_)&&o.createElement("div",{ref:A,className:"swiper-scrollbar"}),Qi(_)&&o.createElement("div",{ref:f,className:"swiper-pagination"}),I["container-end"]))});vt.displayName="Swiper";const Qe=o.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:s,zoom:d,lazy:a,virtualIndex:r,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=o.useRef(null),[g,y]=o.useState("swiper-slide"),[b,T]=o.useState(!1);function E(C,k,f){k===v.current&&y(f)}yt(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){g!=="swiper-slide"&&y("swiper-slide");return}return s.on("_slideClass",E),()=>{s&&s.off("_slideClass",E)}}}),yt(()=>{s&&v.current&&!s.destroyed&&y(s.getSlideClasses(v.current))},[s]);const p={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},h=()=>typeof n=="function"?n(p):n,m=()=>{T(!0)};return o.createElement(i,Ot({ref:v,className:en(`${g}${l?` ${l}`:""}`),"data-swiper-slide-index":r,onLoad:m},c),d&&o.createElement(ri.Provider,{value:p},o.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof d=="number"?d:void 0},h(),a&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"}))),!d&&o.createElement(ri.Provider,{value:p},h(),a&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"})))});Qe.displayName="SwiperSlide";const Cl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Il=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:s})=>{var d;const[a,r]=o.useState(!1),u=o.useRef(null);o.useEffect(()=>{const g=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?u.current=y:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),g?.appendChild(u.current))},[]);const c=o.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(o.useEffect(()=>{c?r(!0):setTimeout(()=>{r(!1)},s?.duration)},[c,s]),!u.current)return null;const v=Ee.debounce(()=>{e?.()},300);return wi.createPortal(o.createElement(o.Fragment,null,a&&o.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},o.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((d=s?.duration)!==null&&d!==void 0?d:0)/1e3+"s"},onClick:g=>{g.stopPropagation(),g.preventDefault()}},o.createElement("div",{onClick:e,className:"modal-icon-wrapper"},o.createElement("img",{src:Cl,alt:"close",className:"modal-icon"})),i))),u.current)};var Lt=o.memo(Il);const _l=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),l=[];for(let d=0;d<n.length&&(l.push(n[d]),!(l.join(" ").length>=e));d++);return(l.length>1&&l.length<n.length?l.slice(0,l.length-1):l).join(" ")+" "},kl=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:s,unfoldText:d,isPost:a,onChange:r})=>{const[u,c]=o.useState(!1),[v,g]=o.useState(!1),y=Number(i?.lineClamp||2),b=o.useRef(null),T=o.useRef(null),E=o.useCallback(()=>{c(!u)},[u,r]);return o.useMemo(()=>!u&&t.length>e?_l(t,e)+"...":t,[t,e,u]),o.useEffect(()=>{var p,h;((p=T?.current)===null||p===void 0?void 0:p.offsetHeight)>((h=b?.current)===null||h===void 0?void 0:h.offsetHeight)&&a?g(!0):g(!1),T.current.style.display="none"},[a]),o.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},o.createElement("div",{ref:b,style:{overflow:"hidden",WebkitLineClamp:!a||u?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),o.createElement("div",{ref:T,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&a&&v&&o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??E},u?d||"show less":s||"show more"))};var jt=o.memo(kl);const Dl=o.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:s,loading:d}=t,[a,r]=o.useState();return o.useImperativeHandle(e,()=>({setSrc:u=>{r(u)}})),o.useEffect(()=>{r(i)},[i]),o.useRef(null),o.createElement(o.Fragment,null,a?.includes(".avif")?o.createElement("picture",null,o.createElement("source",{type:"image/avif",srcSet:a}),o.createElement("source",{type:"image/webp",srcSet:`${a}?imageMogr2/format/webp`}),o.createElement("source",{type:"image/jpeg",srcSet:`${a}?imageMogr2/format/jpg`}),o.createElement("img",{className:s,src:a,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"})):o.createElement("img",{className:s,src:a,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"}))});var qe=o.memo(Dl);const Al=t=>{var e,i,n,l,s,d,a,r,u,{content:c,style:v,bgImg:g,onClick:y,schema:b,isDefault:T,bottom_image:E,tipText:p,isPost:h,viewTime:m,rec:C,swiper:k,commodityStyles:f,buttonStyle:A,index:_}=t,S=De(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:w}=me(),{popupDetailData:D,bffEventReport:x,isPreview:I,bffFbReport:M}=me(),{jumpToWeb:N,productView:O}=je(),$=o.useRef(null),[F,B]=o.useState(!1),j=h?C:D,L=h?j?.product:(e=j?.video)===null||e===void 0?void 0:e.bindProduct,z=h?(i=j?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=j?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,R=h?_:D?.index,V=()=>{L?.link&&(N(j,L,z,R),h||O(j,L,z,m||$.current,R),window.location.href=window.getJointUtmLink(L.link))};o.useEffect(()=>{h||M?.({eventName:"ProductView"})},[h,M]),o.useEffect(()=>{const J=()=>{$.current=new Date};return J(),window.addEventListener("pageshow",J),()=>{window.removeEventListener("pageshow",J)}},[]);const H=o.useMemo(()=>{var J,X,W,K,ye;return L?.currency&&L?.price?`${(W=(X=(J=L?.currency)===null||J===void 0?void 0:J.split("-")[1])===null||X===void 0?void 0:X.toUpperCase())!==null&&W!==void 0?W:""}${(ye=(K=L?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ye!==void 0?ye:""}`:"$7,000"},[L?.price,L?.currency]),ee=I?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,ue=({isPost:J})=>{var X,W,K;return o.createElement("div",null,o.createElement("div",{className:"pb-commondity-content-collection",style:Y(f?.collection),hidden:!!L&&(!L?.collection||L?.collection==="")},(X=L?.collection)!==null&&X!==void 0?X:"Tiffany Lock"),o.createElement("div",{className:"pb-commondity-content-title",style:Y(f?.title),hidden:!!L&&!L?.title},(W=L?.title)!==null&&W!==void 0?W:"Pendant in Yellow Gold with Diamonds, Medium"),o.createElement("div",{className:"pb-commondity-content-price",style:Y(f?.price),hidden:!!L&&!L?.price},H),o.createElement("div",{hidden:!!L&&(!L?.info||L?.info==="")},o.createElement(jt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>B(!0),isPost:J,text:(K=L?.info)!==null&&K!==void 0?K:`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:f?.info})))},ae=()=>{var J,X;return o.createElement(o.Fragment,null,(T||L?.link)&&o.createElement("button",{"aria-label":(J=z?.enTitle)!==null&&J!==void 0?J:"Purchase on Website",onClick:V,className:"pb-commondity-btn",style:A},(X=z?.enTitle)!==null&&X!==void 0?X:"Purchase on Website"))},Y=o.useCallback(J=>J?.lineClamp?Object.assign(Object.assign({},J),{overflow:"hidden",WebkitLineClamp:J?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):J,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:ce.css(Object.assign({},v))},S),L&&((d=L?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:ee,modules:[At,Pt],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}},(a=L?.homePage)===null||a===void 0?void 0:a.map(J=>o.createElement(Qe,{key:J},o.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:J}))))),!(!((r=L?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:ce.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:ce.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:E,alt:"pdp image"})),o.createElement("div",{className:"pb-commondity-content"},de({isPost:h}))),ae(),o.createElement(Lt,{visible:F,onClose:()=>B(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},de({isPost:!1})),ae()))};var Ml=o.memo(Pl);const Ol=Ne(Ml,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:qn},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 Ll=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],di,ci,jl=[{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:Re?.fontOptions,initialValue:(ci=(di=Re?.fontOptions)===null||di===void 0?void 0:di[0])===null||ci===void 0?void 0:ci.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"]}]}],sn="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 Nl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:l,src:s}=t;switch(i){case 2:return n||null;case 3:return s||null;default:return l&&l.length>0?(e=l[0])===null||e===void 0?void 0:e.url:null}},Bl=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:a,onClick:r,submitButtonStyle:u}=t,c=De(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=me(),{jumpToWeb:g}=je(),y=typeof l=="string"?l:Nl(l),b=()=>{var T,E,p;if(d){const h=v,m=(T=h?.video)===null||T===void 0?void 0:T.bindProduct,C=(p=(E=h?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;g(h,m,C,k)}s||a?.(),r?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${ce.css(Object.assign({},n))}`},c),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:y??sn,alt:"success image"})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{"aria-label":i,className:"pb-prompt-btn",style:u,onClick:b},i))};var Rl=o.memo(Bl);const zl=Ne(Rl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:jl,bindableProps:[],interactionRender:Ll},defaulSetting:{props:{icon:sn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ui,pi,Fl=[{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:ue,name:["fontFamily"],initialValue:(ui=ue?.[0])===null||ui===void 0?void 0:ui.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:ue,initialValue:(pi=ue?.[0])===null||pi===void 0?void 0:pi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Vl=t=>{var e,i,n,l,s,d,a,r,u,c,v,g,y,{style:b,isDefault:T,rec:E,viewTime:p,isPost:h,bottom_image:m,tipText:C,swiper:k,commodityStyles:f,buttonStyle:A,index:_}=t,S=De(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:w}=me(),{popupDetailData:D,bffEventReport:x,isPreview:I,swiperRef:M,bffFbReport:N}=me(),{jumpToWeb:O,productView:$}=je(),F=o.useRef(null);o.useRef(null),o.useRef(null),o.useState(!1),o.useState(!1),o.useState(!0);const[B,j]=o.useState(!1),L=o.useRef(null),z=h?E:D,R=h?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,V=h?(i=z?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=z?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,H=h?_:D?.index,ee=()=>{R?.link&&(O(z,R,V,H),h||$(z,R,V,p||L.current,H),window.location.href=window.getJointUtmLink(R.link))};o.useEffect(()=>{h||N?.({eventName:"ProductView"})},[h,N]),o.useEffect(()=>{const X=()=>{L.current=new Date};return X(),window.addEventListener("pageshow",X),()=>{window.removeEventListener("pageshow",X)}},[]);const de=o.useMemo(()=>{var X,W,K,ye,Ie;return R?.currency&&R?.price?`${(K=(W=(X=R?.currency)===null||X===void 0?void 0:X.split("-")[1])===null||W===void 0?void 0:W.toUpperCase())!==null&&K!==void 0?K:""}${(Ie=(ye=R?.price)===null||ye===void 0?void 0:ye.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Ie!==void 0?Ie:""}`:"\xA3102,300.00"},[R?.price,R?.currency]),ae=I?375:(s=b?.width)!==null&&s!==void 0?s:window.innerWidth,Y=({isPost:X})=>o.createElement("div",{hidden:!!R&&(!R?.info||R?.info==="")},o.createElement(jt,{isPost:X,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:f?.info,foldText:C?.foldText,unfoldText:C?.unfoldText,text:R?.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`})),J=o.useCallback(X=>X?.lineClamp?Object.assign(Object.assign({},X),{overflow:"hidden",WebkitLineClamp:X?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):X,[]);return o.createElement("div",{className:"pb-commondityDiroNew"},o.createElement("div",Object.assign({ref:F,className:ce.css(Object.assign({},b))},S),R&&((d=R?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:ae,modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(a=R?.homePage)===null||a===void 0?void 0:a.map(X=>o.createElement(Qe,{key:X},o.createElement("div",{style:{overflow:"hidden",width:ae,height:ae}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:X}))))),!(!((r=R?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:ce.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:ce.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:m,alt:"pdp image"})),o.createElement("div",{className:"pb-commondityDiroNew-content"},o.createElement("div",{className:"pb-commondityDiroNew-content-top"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:J(f?.title)},(c=R?.title)!==null&&c!==void 0?c:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!R&&(!R?.collection||R?.collection===""),style:J(f?.collection)},R?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.price,style:J(f?.price)},de),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.taxInfo,style:J(f?.taxInfo)},(v=R?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!R||R?.link)&&o.createElement("button",{"aria-label":(g=V?.enTitle)!==null&&g!==void 0?g:"Shop now",onClick:ee,className:"pb-commondityDiroNew-btn",style:A},(y=V?.enTitle)!==null&&y!==void 0?y:"Shop now"),Y({isPost:h}))),o.createElement(Lt,{visible:B,onClose:()=>j(!1)},Y({isPost:!1})))};var Hl=o.memo(Vl);const Ul=Ne(Hl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Fl},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 vi,fi,$e=[{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:ue,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(vi=ue?.[0])===null||vi===void 0?void 0:vi.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:ue,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(fi=ue?.[0])===null||fi===void 0?void 0:fi.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"]}]}],Gl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const $l=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:a}=t;De(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=o.useRef(null),{popup:u}=et(),{setPopupDetailData:c,ctaEvent:v}=me(),{jumpToWeb:g}=je(),y=Ee.throttle(()=>{var b,T,E,p,h,m,C,k;const f=(T=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&T!==void 0?T:e?.video;if(v?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,f,a),c?.(Object.assign(Object.assign({},e),{index:a})),d){if(!((p=(E=e?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0)&&p.link){const A=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(m=e?.video)===null||m===void 0?void 0:m.bindProduct;g(e,_,A,a),window.location.href=window.getJointUtmLink((k=(C=e?.video)===null||C===void 0?void 0:C.bindProduct)===null||k===void 0?void 0:k.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:r,className:n,style:s,onClick:y},i)};var wt=o.memo($l),Wl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};function Yl(t){const e=o.useRef(null),[i,n]=o.useState(!1);return o.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),o.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const ql=({src:t,rec:e,item:i,index:n,style:l,translateY:s,imgStyle:d})=>{const a=o.useRef(null),r=Yl(a),{ctaEvent:u}=me();return o.useEffect(()=>{r&&t&&a?.current&&u?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[r,t,a,e,u,i,n]),o.createElement("div",{className:ce.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d))},o.createElement("div",{ref:a,hidden:!t,className:ce.css({width:"100%",height:"100%"})},o.createElement(qe,{className:ce.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${s?-s+50:50}%`},l)),src:`${t}?imrquality/rquality/40`})))};var at=o.memo(ql);const Xl=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:ce.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:ce.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Wl["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var Jl=o.memo(Xl);const Kl=Ne(Jl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Gl,bindableProps:[],settingRender:$e},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 Ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Zl=t=>{var e,i,n,l,s,d,{content:a,style:r,bgImg:u,recData:c,bottom_image:v,ctaTempStyles:g,isExternalLink:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:E}=me(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,h=(n=(i=p?.icon)!==null&&i!==void 0?i:E?.bottom_image)!==null&&n!==void 0?n:v;return o.createElement(wt,Object.assign({isExternalLink:y,rec:c,className:ce.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"},index:b},T),o.createElement(at,{src:h,rec:c,item:(s=(l=c?.video)===null||l===void 0?void 0:l.bindProduct)!==null&&s!==void 0?s:c?.video,index:b,imgStyle:g?.img}),o.createElement("div",{className:ce.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},g?.ctaTitle))},(d=p?.enTitle)!==null&&d!==void 0?d:"Product Name"))};var es=o.memo(Zl);const ts=Ne(es,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Ql,settingRender:$e?.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 is={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const ns=t=>{var e,i,n,l,s,d,a,{content:r,style:u,bgImg:c,recData:v,bottom_image:g,ctaTempStyles:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:E,bffEventReport:p}=me(),{jumpToWeb:h}=je(),m=(e=v?.video)===null||e===void 0?void 0:e.bindCta,C=(i=v?.video)===null||i===void 0?void 0:i.bindProduct,k=()=>{m?.link&&(h(v,C,m,b),window.location.href=window.getJointUtmLink(m.link))},f=(l=(n=m?.icon)!==null&&n!==void 0?n:E?.bottom_image)!==null&&l!==void 0?l:g;return o.createElement(wt,Object.assign({index:b,rec:v,className:ce.css(Object.assign({alignItems:"center"},u)),style:{display:"flex"}},T,{onClick:k}),o.createElement(at,{src:f,rec:v,item:(d=(s=v?.video)===null||s===void 0?void 0:s.bindProduct)!==null&&d!==void 0?d:v?.video,index:b,imgStyle:y?.img}),o.createElement("div",{className:ce.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:is["tow-line-ellipsis"],style:y?.ctaTitle},(a=m?.enTitle)!==null&&a!==void 0?a:"Product Name")))};var os=o.memo(ns);const ls=Ne(os,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:$e?.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 ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],as={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const rs=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:ce.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:ce.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:as["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var ds=o.memo(rs);const cs=Ne(ds,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:ss,settingRender:$e,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 us=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ps={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const vs=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:ce.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:ce.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ps["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop now")))};var fs=o.memo(vs);const ms=Ne(fs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:us,bindableProps:[],settingRender:$e},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 hs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const gs=({children:t,isPadding:e=!0})=>o.createElement(vt,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[lo,oo,no],style:{padding:e?"0 12px 0 20px":0}},t);var Nt=o.memo(gs),bs={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const ys=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:ce.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:ce.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:bs["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var ws=o.memo(ys);const Ss=Ne(ws,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:hs,bindableProps:[],settingRender:$e},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 Ts=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],xs={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Es=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=me(),{ctaEvent:T,setPopupDetailData:E}=me(),{popup:p}=et(),[h,m]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:C}=je(),k=Ee.throttle(f=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),E?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(C(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},h?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f.itemId,className:ce.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:b?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:ce.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:xs["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var Cs=o.memo(Es);const Is=Ne(Cs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Ts,settingRender:$e,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 _s=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ks={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Ds=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:ce.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:ce.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:ks["tow-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:ce.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop now"))))}))};var As=o.memo(Ds);const Ps=Ne(As,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:_s,bindableProps:[],settingRender:$e},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 mi,hi,Ms=[{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:ue,name:["fontFamily"],initialValue:(mi=ue?.[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"}]}]},{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:ue,initialValue:(hi=ue?.[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"]}]},{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 Os=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=me();return o.createElement("div",{className:"clc-sxp-nav",style:e},o.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"back button",onClick:n}),o.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=s?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var an=o.memo(Os),Ls=null,js="3d989325-e7d6-4a74-8a97-98febdf5b567",Ns=null,Bs=null,Rs={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"},zs=[{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}],Fs="Handbags",rn={productUserId:Ls,requestId:js,channel:Ns,rtc:Bs,tag:Rs,recList:zs,hashTag:Fs};const Vs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:a,reportTagsView:r,textStyles:u,space:c}=t,{swiperRef:v,setRtcList:g,setOpenHashtag:y,sxpParameter:b}=me(),[T,E]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),h=o.useRef(null);o.useRef(null),o.useRef(null);const[m,C]=o.useState(""),k=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j,L;return!((x=e?.video)===null||x===void 0)&&x.cover?(I=e?.video)===null||I===void 0?void 0:I.cover:!((N=(M=e?.video)===null||M===void 0?void 0:M.imgUrls)===null||N===void 0)&&N.length?($=(O=e?.video)===null||O===void 0?void 0:O.imgUrls)===null||$===void 0?void 0:$[0]:!((B=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||B===void 0)&&B.length?(L=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||L===void 0?void 0:L[0]:b?.bottom_image||""},[e,b?.bottom_image]),f=o.useMemo(()=>{var x,I;return((x=e?.product)===null||x===void 0?void 0:x.title)||((I=e?.video)===null||I===void 0?void 0:I.title)||null},[e]),A=o.useMemo(()=>{var x;return i.transform?Number((x=i.transform)===null||x===void 0?void 0:x.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]);o.useMemo(()=>A===void 0?!1:A<=d,[A,d]);const _=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((I=e?.product)===null||I===void 0)&&I.price)?`${($=(O=(N=(M=e?.product)===null||M===void 0?void 0:M.currency)===null||N===void 0?void 0:N.split("-")[1])===null||O===void 0?void 0:O.toUpperCase())!==null&&$!==void 0?$:""}${(j=(B=(F=e?.product)===null||F===void 0?void 0:F.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&j!==void 0?j:""}`:null},[e]);o.useEffect(()=>{if(p.current===null||k==="")return;let x=null;T&&m?x=m:x=k,x&&p.current.setSrc(x)},[k,T,m]);const S=o.useRef(),w=o.useCallback(x=>{setTimeout(()=>{var I;const M=(I=S?.current)===null||I===void 0?void 0:I.offsetHeight;n(M+56+c,s)},0)},[c,n,s,l,S]),D=()=>{r(),g?.(a),setTimeout(()=>{var x;(x=v?.current)===null||x===void 0||x.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:S},o.createElement(qe,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",onLoad:w,ref:p})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${_?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},u?.title)},f&&f),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!_,style:u.price},_)))};function Hs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,{reportTagsView:k,showBanner:f}=t,A=De(t,["reportTagsView","showBanner"]);const{waterFallData:_,getRecommendVideos:S,hashTagSize:w,loadingImage:D,isOpenHashTag:x}=me(),I=o.useRef(null),[M,N]=o.useState(0),[O,$]=o.useState(),F=o.useRef(null),[B,j]=o.useState([]),L=o.useRef(),z=[170,230,300],[R,V]=o.useState(!1),[H,ee]=o.useState([]),de=o.useRef(),ae=o.useCallback((oe,fe)=>Math.floor(Math.random()*(fe-oe+1))+oe,[]),Y=o.useRef([]),[J,X]=o.useState({width:0}),W=o.useMemo(()=>{const oe=J.width||0;return oe>=1200?6:oe>=768&&oe<=1199?4:2},[J]),K=o.useMemo(()=>J.width/W-2,[W,J]),ye=o.useCallback(()=>{var oe;const fe=(oe=L.current)!==null&&oe!==void 0?oe:[],re=[];for(let se=0;se<H?.length;se++){const Be=Math.floor(se/W),Ce=se%W+1;let nt=0,Xe=9999999999;if(Be===0)re[se]=se;else{for(let Ve=0;Ve<re.length;Ve++)Y.current[re[Ve]].top+Y.current[re[Ve]].height<Xe&&(nt=Ve,Xe=Y.current[re[Ve]].top+Y.current[re[Ve]].height);re[nt]=se}Y.current[se]===void 0&&(Y.current[se]={}),Be===0?(Ce===1?Y.current[se].left=0:Y.current[se].left=Y.current[se-1].left+K+4,Y.current[se].top=0):(Y.current[se].left=Y.current[nt].left,Y.current[se].top=Xe),Y.current[se].height=Y.current[se].height||z[ae(0,2)],fe[se]={transform:`translate(${Y.current[se].left}px,${Y.current[se].top}px)`,width:`${K}px`,height:Y.current[se].height}}return j([...fe]),[...fe]},[K,W,z,ae,H]),Ie=o.useCallback((oe,fe)=>{Y.current[fe]===void 0&&(Y.current[fe]={}),Y.current[fe].height=oe,L.current=ye()},[ye]);o.useEffect(()=>{L.current=ye()},[K,W,H]),o.useEffect(()=>{var oe,fe;if(V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType,defaultSize:w,maxSize:w}).then(re=>{var se,Be;$(re),ee((Be=(se=re?.recList)===null||se===void 0?void 0:se.filter(Ce=>Ce?.video!==null||Ce?.product!==null))!==null&&Be!==void 0?Be:[]),V(!1)}),x){const re=rn;$(re),ee((fe=(oe=re?.recList)===null||oe===void 0?void 0:oe.filter(se=>se?.video!==null||se?.product!==null))!==null&&fe!==void 0?fe:[]),V(!1)}},[_,S,w,x]);const Ae=o.useCallback(()=>{F.current!==null&&X({width:F.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(F.current===null)return;const oe=new ResizeObserver(fe=>{Ae()});return oe.observe(F.current),()=>{oe.disconnect()}},[Ae]),o.useCallback(()=>{V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType}).then(oe=>{var fe,re;ee(H?.concat((re=(fe=oe?.recList)===null||fe===void 0?void 0:fe.filter(se=>!se?.video))!==null&&re!==void 0?re:[])),V(!1)})},[_,S,H]);const Fe=o.useCallback(()=>{N(I.current.scrollTop)},[]);o.useEffect(()=>{var oe;return(oe=I?.current)===null||oe===void 0||oe.addEventListener("scroll",Fe),()=>{var fe;(fe=I?.current)===null||fe===void 0||fe.removeEventListener("scroll",Fe)}},[Fe,I]);const le=()=>{var oe,fe;!((oe=O?.tag)===null||oe===void 0)&&oe.link&&(k(),window.location.href=(fe=O?.tag)===null||fe===void 0?void 0:fe.link)};return o.createElement(o.Fragment,null,R?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:D,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"waterFallList",ref:F},o.createElement("div",{className:"waterFallList-scroll",ref:I},f&&((e=O?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:le},o.createElement(qe,{className:ce.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=O?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=A?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=O?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=O?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=A?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:le},((a=O?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},H?.map((oe,fe)=>{var re;return o.createElement(Vs,Object.assign({key:fe,index:fe,rec:oe,list:H,showBorder:M+((re=I?.current)===null||re===void 0?void 0:re.clientHeight),style:B[fe],sizeChange:Ie,unitWidth:K,reportTagsView:k},A))}),o.createElement("div",{hidden:!(!((r=O?.tag)===null||r===void 0)&&r.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((c=Y?.current[((u=Y?.current)===null||u===void 0?void 0:u.length)-1])===null||c===void 0?void 0:c.top)+((g=Y?.current[((v=Y?.current)===null||v===void 0?void 0:v.length)-1])===null||g===void 0?void 0:g.height))!==null&&y!==void 0?y:0}px)`,height:!((b=O?.tag)===null||b===void 0)&&b.link?((T=de?.current)===null||T===void 0?void 0:T.offsetHeight)||((E=A?.buttonBgStyle)===null||E===void 0?void 0:E.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=O?.tag)===null||p===void 0)&&p.link),style:A?.buttonBgStyle}),o.createElement("div",{ref:de,hidden:!(!((h=O?.tag)===null||h===void 0)&&h.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},A?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((m=O?.tag)===null||m===void 0?void 0:m.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:A?.buttonStyle,onClick:le},((C=O?.tag)===null||C===void 0?void 0:C.linkTitle)||"Shop the collection"))))}var Us="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Gs=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:a,setRtcList:r,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=me(),[g,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),E=o.useRef(null),p=o.useRef(null),[h,m]=o.useState(""),C=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(w=e?.video)===null||w===void 0?void 0:w.cover:!((x=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||x===void 0)&&x.length?(M=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||M===void 0?void 0:M[0]:!((O=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||O===void 0)&&O.length?(F=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||F===void 0?void 0:F[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var S,w;return((S=e?.product)===null||S===void 0?void 0:S.title)||((w=e?.video)===null||w===void 0?void 0:w.title)||null},[e]),f=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((w=e?.product)===null||w===void 0)&&w.price)?`${(M=(I=(x=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||x===void 0?void 0:x.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&M!==void 0?M:""}${($=(O=(N=e?.product)===null||N===void 0?void 0:N.price)===null||O===void 0?void 0:O.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);o.useEffect(()=>{const S=new IntersectionObserver(w=>{w.forEach(D=>{if(D.isIntersecting){if(T.current===null||C==="")return;g&&h?b.current.setSrc(h):b.current.setSrc(C),S.unobserve(T.current)}})});return S.observe(T.current),()=>{S.disconnect()}},[C,g,h]);const A=(S,w,D)=>{const x=S/w;return D/x};o.useEffect(()=>{const S=E?.current;S===null||C===""||!g||(S.src=C,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const w=p?.current;if(!w)return;const D=w.getContext("2d"),x=window?.innerWidth/2,I=A(S.videoWidth,S.videoHeight,x);w.height=I,w.width=x,D?.drawImage(S,0,0,w.width,w.height),m(w.toDataURL()),S.remove(),w.remove()})},[C,g]);const _=()=>{l(),r?.(n),setTimeout(()=>{var S;(S=a?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},g&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:E,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(qe,{loading:"lazy",className:"list-content-listItem-picture-img",ref:b})),o.createElement("div",{className:"list-content-listItem-info"},o.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!f},f)))};function $s(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,{reportTagsView:E,showBanner:p}=t,h=De(t,["reportTagsView","showBanner"]);const{waterFallData:m,getRecommendVideos:C,hashTagSize:k,loadingImage:f,isOpenHashTag:A}=me(),[_,S]=o.useState(),[w,D]=o.useState(),[x,I]=o.useState(!1),M=o.useRef(null),[N,O]=o.useState(!1);o.useCallback(()=>{N||(O(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType}).then(F=>{var B;S(_?.concat((B=F?.recList)!==null&&B!==void 0?B:[])),O(!1)}))},[m,C,_,N]),o.useEffect(()=>{var F,B;if(I(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType,defaultSize:k,maxSize:k}).then(j=>{var L,z;D(j),S((z=(L=j?.recList)===null||L===void 0?void 0:L.filter(R=>R?.video!==null||R?.product!==null))!==null&&z!==void 0?z:[]),I(!1)}),A){const j=rn;D(j),S((B=(F=j?.recList)===null||F===void 0?void 0:F.filter(L=>L?.video!==null||L?.product!==null))!==null&&B!==void 0?B:[]),I(!1)}},[m,C,k,A]);const $=()=>{var F,B;!((F=w?.tag)===null||F===void 0)&&F.link&&(E(),window.location.href=(B=w?.tag)===null||B===void 0?void 0:B.link)};return o.createElement(o.Fragment,null,x?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:f,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:M},p&&((e=w?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:$},o.createElement(qe,{className:ce.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=w?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"list-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=w?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=w?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:$,style:Object.assign(Object.assign({},(d=h?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:h?.space})},((a=w?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},_?.map((F,B)=>o.createElement(Gs,Object.assign({key:B,index:B,rec:F,list:_,reportTagsView:E},h)))),o.createElement("div",{hidden:!N,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((r=w?.tag)===null||r===void 0)&&r.link),style:{height:!((u=w?.tag)===null||u===void 0)&&u.link?((c=h?.buttonBgStyle)===null||c===void 0?void 0:c.height)||((v=h?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((g=w?.tag)===null||g===void 0)&&g.link),style:h?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=w?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((b=w?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection",className:"list-btn",style:h?.buttonStyle,onClick:$},((T=w?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const Ws=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:a,setRtcList:r,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:E}=me(),{backMainFeed:p}=je();o.useRef(null);const h=o.useRef(null),[m,C]=o.useState();o.useEffect(()=>{const S=document.getElementById("sxp-render"),w=document.getElementById("water-fall");w?h.current=w:(h.current=document.createElement("div"),h.current.setAttribute("id","water-fall"),S?.appendChild(h.current))},[]);const k=()=>{const S=Ee.isEqual(c,a);!S&&a&&a?.length&&r?.(a),p("branch",E,void 0,i?.hashTag),_(),d?.(void 0),g?.(!1),setTimeout(()=>{var w,D;S||(D=(w=s?.current)===null||w===void 0?void 0:w.swiper)===null||D===void 0||D.slideTo(u,0,!1),n?.(!1)},0)},[f,A]=o.useState();o.useEffect(()=>{i&&A(i)},[i]);const _=o.useCallback(()=>{var S,w,D,x,I,M;const N=f?.rec;if(!N)return;let O="";y?O="hashTagPage":!((S=N?.video)===null||S===void 0)&&S.url?O="videoPage":!((D=(w=N?.video)===null||w===void 0?void 0:w.imgUrls)===null||D===void 0)&&D.length&&(O="imagePage"),b?.({eventInfo:{contentId:(x=N?.video)===null||x===void 0?void 0:x.itemId,position:u+"",contentTags:JSON.stringify((I=N?.video)===null||I===void 0?void 0:I.tags),traceInfo:(M=N?.video)===null||M===void 0?void 0:M.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:O,fromKPage:location?.href,timeOnSite:Math.floor((new Date-m)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,b,m,y,u]);return o.useEffect(()=>{l&&C(new Date)},[l]),o.useEffect(()=>{const S=()=>{C(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),h.current?Si.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(an,{icon:Us,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:k}),t?.openFixedSize===!0||t?.openFixedSize===void 0?o.createElement($s,Object.assign({reportTagsView:_},t)):o.createElement(Hs,Object.assign({reportTagsView:_},t))),h.current):null};var dn=o.memo(Ws);const Ys=t=>o.createElement(dn,Object.assign({},t));var qs=o.memo(Ys);const Xs=Ne(qs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ms,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 Js=[{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 cn=t=>o.createElement(cn,Object.assign({},t));var Ks=o.memo(cn);const Qs=Ne(Ks,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Js},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var gi=Object.freeze({__proto__:null,Appoint:ts,AppointForm:Yn,Commodity:Kl,CommodityDetail:Ol,CommodityDetailDiroNew:Ul,CommodityDiro:cs,CommodityDiroNew:ms,Consent:Qs,HashTag:Xs,Link:ls,MultiCommodity:Is,MultiCommodityDiro:Ss,MultiCommodityDiroNew:Ps,Prompt:zl});const Zs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ea="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ta=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=De(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:a,mutateUnlike:r,bffEventReport:u}=me(),[c,v]=o.useState(e),g=Ue(ea),y=Ue(Zs),b=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F;if(c){v(!1);const B=(p=yield r?.({videoItemId:(E=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&E!==void 0?E:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(h=l?.video)===null||h===void 0?void 0:h.itemId)!==null&&m!==void 0?m:"",contentName:(k=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((A=(f=l?.video)===null||f===void 0?void 0:f.tags)!==null&&A!==void 0?A:[]),position:s+"",contentFormat:!((_=l?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=l?.video)===null||S===void 0?void 0:S.traceInfo}}),B||v(!0)}else{v(!0);const B=(w=yield a?.({content:JSON.stringify(l)}))!==null&&w!==void 0?w:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(D=l?.video)===null||D===void 0?void 0:D.itemId)!==null&&x!==void 0?x:"",contentName:(M=(I=l?.video)===null||I===void 0?void 0:I.title)!==null&&M!==void 0?M:"",contentTags:JSON.stringify((O=(N=l?.video)===null||N===void 0?void 0:N.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!(($=l?.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(F=l?.video)===null||F===void 0?void 0:F.traceInfo}}),B||v(!1)}}),200);return o.createElement("button",Object.assign({},d,{"aria-label":"like",onClick:b}),o.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||g:n||y,alt:"icon"}))};var un=o.memo(ta);const ia=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:a})=>{const[r,u]=o.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:g,openHashtag:y,bffFbReport:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),{isActive:C}=ln(),k=o.useRef(null),[f,A]=o.useState(""),_=`pb-cache-video-${e}`,S=o.useRef(null),w=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var V;return d?.mode==="2"?`translateY(-${50+((V=d?.offsetTop)!==null&&V!==void 0?V:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),x=o.useMemo(()=>{var V;return((V=t?.video)===null||V===void 0?void 0:V.cover)||f},[f,t]),I=o.useMemo(()=>w?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[w]),M=o.useMemo(()=>d?.bgWay==="1",[d]),N=o.useMemo(()=>M&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,M]);o.useEffect(()=>{a&&(a.muted=l)},[l,a]);const O=o.useCallback(()=>{a&&a?.play()},[a]),$=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=o.useCallback(()=>{var V,H,ee,de,ae,Y,J,X,W;if(!a)return;p(!0),u(!1);const K=n[e];if(K&&a?.duration){T.current=a?.currentTime||0;const ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2),Ae=h?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(de=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&de!==void 0?de:"",contentName:(Y=(ae=K?.video)===null||ae===void 0?void 0:ae.title)!==null&&Y!==void 0?Y:"",playType:Ae,startTime:Ie,videoDuration:ye,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}}),m(!1)}},[c,n,e,h,a]),B=o.useCallback(()=>{var V;if(!a||f||!w||(a.style.objectFit="contain",!((V=t?.video)===null||V===void 0)&&V.cover||!k||!k.current||M))return;const H=()=>{const ee=k?.current,de=ee.getContext("2d"),ae=window?.innerWidth,Y=window?.innerHeight;ee.height=Y,ee.width=ae,de?.drawImage(a,0,0,ee.width,ee.height),A(ee.toDataURL())};H(),setTimeout(()=>{H()},500)},[a,M,t,f,w]),j=o.useCallback(()=>{a&&B()},[a,B]),L=o.useCallback(V=>()=>{if(!a||!E)return;const H=a?.paused;switch(V){case"start":if(!H)return;a?.play(),u(!1);break;case"pause":if(H)return;a?.pause(),u(!0);break;default:H?a?.play():a?.pause(),u(!H);break}},[E,a]),z=o.useCallback(()=>{var V,H,ee,de,ae,Y,J,X,W;if(!a||s!==e)return;const K=n[e],ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2);if(a?.duration){const Ae=(a?.currentTime-T.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(de=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&de!==void 0?de:"",contentName:(Y=(ae=K?.video)===null||ae===void 0?void 0:ae.title)!==null&&Y!==void 0?Y:"",endTime:Ie,videoDuration:ye,playDuration:Ae,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}})}},[n,e,c,a,s]);o.useEffect(()=>{if(!C||!a)return;const V=t?.video.url;if(!V)return;if(V.includes(".m3u8"))if(wi.isSupported()){const ae=new wi;ae.loadSource(V),ae.attachMedia(a)}else a.src=V;else a.src=V;u(!1);const H=document.querySelector(`#${_}`),ee=document.querySelector("#player-container-id"),de=document.querySelector("#player-container-id-copy");if(!(!ee&&!de))return H?.appendChild(ee||de),a.setAttribute("x5-playsinline","true"),a.setAttribute("webkit-playsinline","true"),a?.addEventListener("loadedmetadata",j),a?.addEventListener("loadeddata",B),a?.addEventListener("playing",F),a?.addEventListener("pause",z),a?.addEventListener("ended",O),()=>{de?.appendChild(ee),a?.removeEventListener("loadedmetadata",j),a?.removeEventListener("loadeddata",B),a?.removeEventListener("playing",F),a?.removeEventListener("pause",z),a?.removeEventListener("ended",O)}},[C,_,t,a]),o.useEffect(()=>{!a||!E||(C?(b?.({eventName:"ViewContent"}),a?.play()):a?.pause())},[C,E,a]),o.useEffect(()=>{if(!C||!a)return;!a?.paused&&y?a?.pause():y||a?.play()},[y,C,a]),o.useEffect(()=>{if(!C)return;const V=()=>{L("start")(),b?.({eventName:"ViewContent"})},H=L("pause");return tt.on(We.PAGE_DID_SHOW,V),tt.on(We.PAGE_DID_HIDE,H),()=>{tt.off(We.PAGE_DID_SHOW,V),tt.off(We.PAGE_DID_HIDE,H)}},[L,C]);const R=o.useMemo(()=>!v?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[E,v?.placeholder_image]);return o.useEffect(()=>{if(!a)return;const V=()=>{var H;s===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&a&&!r&&L("pause")()};return window.addEventListener("beforeunload",V),()=>{window.removeEventListener("beforeunload",V)}},[s,e,t,a,L,r]),t?.video?o.createElement(o.Fragment,null,w?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!M&&o.createElement(qe,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),o.createElement("canvas",{ref:k,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:D,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",alt:"pause",src:$}))),R):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),R,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:$,alt:"pause"}))):null};var na=o.memo(ia);const oa=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),a=r=>{r.stopPropagation();const u=!s;d(u),n?.(u)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:a},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var pn=o.memo(oa);const la=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);et(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ue("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=o.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return o.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},o.createElement("img",{src:t||l,alt:"finger swiper"}))},vn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),r=o.useMemo(()=>n?.bgWay==="1",[n]),u=o.useMemo(()=>r&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,r]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},u)},(!s||!r)&&o.createElement(qe,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a),onLoad:l}),s&&o.createElement(qe,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},sa=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:a})=>{var r;const u=o.useRef(),{isActive:c}=ln(),{sxpParameter:v,openHashtag:g}=me(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&c?(u?.current&&u.current.swiper.autoplay.start(),g?s(n):d(l)):u?.current&&u.current.swiper.autoplay.stop()},[n,c,s,g,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(vt,{ref:u,defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=a?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map((E,p)=>o.createElement(Qe,{key:p},o.createElement(vn,{src:!y&&p>0?"":E,height:i,imgUrlsPostConfig:a,onShowFirstImage:T}))))};var aa=o.memo(sa);const ra=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,a]=o.useState(!1),{setWaterFallData:r,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:g}=me(),y=b=>{v?g?.(!0):c?.(n),r?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),u?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>a(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Nt,null,t?.map((b,T)=>o.createElement(Qe,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var fn=o.memo(ra),da="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 Bt(t){return o.memo(function(e){const{$store:i}=Mn(),n=s=>{let d=s;const a=s.match(/{{.*?}}/g);return a?.length&&a.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=Ee.get(i,c);return d=d.replace(r,v),v}})}),d},l=o.useMemo(()=>{var s,d,a;const{bindDatas:r}=e,u=De(e,["bindDatas"]);if((s=r?.forEach)===null||s===void 0||s.call(r,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:g}=c;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,E;if(b){const p=(E=(T=Ee.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&E!==void 0?E:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=Ee.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((a=(d=u?.event)===null||d===void 0?void 0:d.onClick)===null||a===void 0)&&a.linkType&&(u.style.cursor="pointer"),u},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const ca=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=et(),s=o.useMemo(()=>{var d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F,B,j;if(!t?.video)return null;let L=null;!((a=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||a===void 0)&&a.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const z=i?.[L];if(((v=z?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=z?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=z?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((E=t?.video)===null||E===void 0)&&E.bindProduct)||((p=z?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((m=(h=t?.video)===null||h===void 0?void 0:h.bindProducts)===null||m===void 0)&&m.length)||((C=z?.item)===null||C===void 0?void 0:C.type)==="MultiCommodityDiro"&&!(!((f=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||f===void 0)&&f.length)||((A=z?.item)===null||A===void 0?void 0:A.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(z&&n){const R=n[(w=z?.item)===null||w===void 0?void 0:w.type],V=Bt(R),H=(D=R?.extend)===null||D===void 0?void 0:D.defaulSetting,ee=((M=(I=(x=z?.item)===null||x===void 0?void 0:x.event)===null||I===void 0?void 0:I.onClick)===null||M===void 0?void 0:M.linkType)==="externalLink";return o.createElement(V,Object.assign({style:Object.assign(Object.assign(Object.assign({},H?.style),(N=z?.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),(O=z?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=z?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},H?.props,(B=z?.item)===null||B===void 0?void 0:B.props,{event:((j=z?.item)===null||j===void 0?void 0:j.event)||{},schema:l,id:z?.id,key:z?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var mn=o.memo(ca);const hn=({nudge:t})=>{var e,i,n,l,s,d,a;return o.createElement(o.Fragment,null,t?.isOpen&&o.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:(s=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(d=t?.borderRadius)!==null&&d!==void 0?d:4}},t?.icon?o.createElement("img",{src:t.icon,alt:"nudge icon",style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,o.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(a=t?.content)!==null&&a!==void 0?a:"")))},ua=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:a,waterFallData:r,bffEventReport:u,selectTag:c,setSelectTag:v}=me(),{backMainFeed:g}=je(),y=o.useMemo(()=>[Et,...t],[t]),b=T=>()=>{if(T===c)return;T!=="FOR U"?u?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):g("theme",T,c);let E;T!==Et&&(E=T),d?.(!0),i?.({themeTag:E}).then(p=>{var h,m,C,k;tt.emit(We.CHANGE_THEME_TAG,E),n?.((h=p?.recList)!==null&&h!==void 0?h:[]),l?.((m=p?.recList)!==null&&m!==void 0?m:[]),e?.(0),s?.(0),(k=(C=a?.current)===null||C===void 0?void 0:C.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return r||t.length<=0?null:o.createElement("div",{className:"clc-sxp-tagbar"},o.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},y.map(T=>o.createElement("li",{className:`clc-sxp-tagbar-list-item ${T===c?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var gn=o.memo(ua);const bn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:a,tipText:r,nudge:u,_schema:c,hashTagStyle:v,tagList:g=[],licenseUrl:y})=>{var b,T,E,p,h,m,C,k,f,A;const{schema:_}=et(),[S,w]=o.useState(0),D=o.useRef(0);o.useState(!1);const[x,I]=o.useState(!0),M=o.useRef(),[N,O]=o.useState(!1),[$,F]=o.useState(!1),{loadVideos:B,bffEventReport:j,loading:L,setPopupDetailData:z,ctaEvent:R,swiperRef:V,waterFallData:H,setOpenHashtag:ee,appDomain:de,openHashtag:ae,loadingImage:Y,isFromHashtag:J,popupDetailData:X,bffFbReport:W,curTime:K,h5EnterLink:ye,isShowConsent:Ie,selectTag:Ae}=me(),{backMainFeed:Fe}=je(),le=o.useRef(),{productView:oe}=je(),fe=o.useMemo(()=>d.length>0&&!L&&jn(),[d,L]);o.useEffect(()=>{Ii()},[]),o.useEffect(()=>{if(d?.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d?.length]);const re=o.useCallback(()=>{if(Ii(),ye?.(),d.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d.length,W,ye]),se=o.useRef();o.useEffect(()=>{var P,ie,q,te;!se.current&&le?.current&&d?.length>0&&(se.current=!0,!((ie=(P=d?.[0])===null||P===void 0?void 0:P.video)===null||ie===void 0)&&ie.url&&(le.current.src=(te=(q=d?.[0])===null||q===void 0?void 0:q.video)===null||te===void 0?void 0:te.url))},[le,d]),o.useEffect(()=>{var P;const ie=d?.findIndex(q=>{var te,pe,ve,Q,Z,we,xe,Me,Se;return a==="\u591A\u5546\u54C1CTA"?((te=q?.video)===null||te===void 0?void 0:te.bindProducts)&&((ve=(pe=q?.video)===null||pe===void 0?void 0:pe.bindProducts)===null||ve===void 0?void 0:ve.length)>0:a==="\u5546\u54C1CTA"?(Q=q?.video)===null||Q===void 0?void 0:Q.bindProduct:((we=(Z=q?.video)===null||Z===void 0?void 0:Z.bindCta)===null||we===void 0?void 0:we.itemId)===a&&(((xe=q?.video)===null||xe===void 0?void 0:xe.url)||((Se=(Me=q?.video)===null||Me===void 0?void 0:Me.imgUrls)===null||Se===void 0?void 0:Se.length))})||0;(P=V?.current)===null||P===void 0||P.swiper.slideTo(ie)},[a,V]),o.useEffect(()=>{const P=d?.[S],ie=()=>{var q,te,pe,ve,Q,Z,we,xe,Me,Se,ke,rt,dt,ct,ot,gt;const He=!ae&&!Ie;if(document.visibilityState==="hidden"){He&&(tt.emit(We.PAGE_DID_HIDE,P),G(P),ge(P));let ut="";X&&(!((te=(q=P?.video)===null||q===void 0?void 0:q.bindProducts)===null||te===void 0)&&te.length||!((pe=P?.video)===null||pe===void 0)&&pe.bindProduct)?ut="pdpPage":X&&((we=l?.[(Z=(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&Z!==void 0?Z:""].item)===null||we===void 0?void 0:we.type)==="Appoint"?ut="formPage":J?ut="hashTagPage":!((xe=P?.video)===null||xe===void 0)&&xe.url?ut="videoPage":!((Me=P?.video)===null||Me===void 0)&&Me.imgUrls&&(!((ke=(Se=P?.video)===null||Se===void 0?void 0:Se.imgUrls)===null||ke===void 0)&&ke.length)?ut="imagePage":P?.product&&(ut="productPage"),j?.({eventInfo:{sessionDuration:Math.floor((new Date-K.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(rt=P?.video)===null||rt===void 0?void 0:rt.itemId,productId:(dt=P?.product)===null||dt===void 0?void 0:dt.itemId,position:S+"",fromKName:ut,fromKPage:location?.href,ctatId:(gt=(ot=(ct=P?.video)===null||ct===void 0?void 0:ct.bindCta)===null||ot===void 0?void 0:ot.itemId)!==null&&gt!==void 0?gt:""}})}else document.visibilityState==="visible"&&(re(),He&&(he(S),tt.emit(We.PAGE_DID_SHOW,P),Fe("external",Ae)))};return document.addEventListener("visibilitychange",ie),()=>{document.removeEventListener("visibilitychange",ie)}},[S,j,d,re,X,J,l,K,Fe,ae,Ie,Ae]);const Be=o.useMemo(()=>{let P=0;return g.length>0&&(P+=45,H&&(P-=45)),P},[g,H]),Ce=o.useMemo(()=>{let P=0;return t?.logoUrl&&t?.isShowLogo&&(P+=45),i-P-Be},[t,i,Be]),nt=o.useMemo(()=>t?.logoUrl&&t?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},o.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Xe=o.useCallback((P,ie)=>{var q,te,pe,ve;return!((q=P?.video)===null||q===void 0)&&q.url?o.createElement(na,{rec:P,index:ie,muted:x,data:d,height:Ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:le.current}):!((te=P?.video)===null||te===void 0)&&te.imgUrls?o.createElement(aa,{key:P?.video.itemId,imgUrls:P?.video.imgUrls,width:n,height:Ce,rec:P,index:ie,onReportViewImageEnd:G,onViewImageStartEvent:he,imgUrlsPostConfig:t?.imgUrlsPost}):P.product&&Array.isArray(t?.productPost)&&((pe=t?.productPost)===null||pe===void 0?void 0:pe.length)>0?(ve=t?.productPost)===null||ve===void 0?void 0:ve.map((Q,Z)=>{var we,xe,Me,Se,ke,rt,dt,ct;const ot=s[(we=Q?.item)===null||we===void 0?void 0:we.type],gt=Bt(ot),He=(xe=ot?.extend)===null||xe===void 0?void 0:xe.defaulSetting;return o.createElement(gt,Object.assign({key:`${ie}${Z}`,textStyle:Object.assign(Object.assign({},He?.textStyle),(Me=Q?.item)===null||Me===void 0?void 0:Me.textStyle),bindDatas:(ke=(Se=Q?.item)===null||Se===void 0?void 0:Se.bindDatas)!==null&&ke!==void 0?ke:[]},He?.props,(rt=Q?.item)===null||rt===void 0?void 0:rt.props,{event:((dt=Q?.item)===null||dt===void 0?void 0:dt.event)||{},schema:_,id:Q?.id,viewTime:M.current,rec:P,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},He?.style),(ct=Q?.item)===null||ct===void 0?void 0:ct.style),{height:"100%",overflow:"auto"}),index:ie}))}):null},[n,d,Ce,x,S,t?.productPost,M,r,s,_,le.current]),Ve=o.useCallback(P=>{F(P)},[]),St=o.useMemo(()=>$?{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"},[$]),Tt=o.useCallback((P,ie)=>{var q,te,pe,ve,Q,Z,we;return P?.video?o.createElement(o.Fragment,null,((q=P?.video)===null||q===void 0?void 0:q.title)&&!$&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(hn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(mn,{rec:P,index:ie,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(pe=(te=P?.video)===null||te===void 0?void 0:te.title)!==null&&pe!==void 0?pe:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ve}),o.createElement(fn,{index:S,tags:(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.hashTags)!==null&&Q!==void 0?Q:[],itemId:(Z=P?.video)===null||Z===void 0?void 0:Z.itemId,itemType:!((we=P?.video)===null||we===void 0)&&we.itemId?"VIDEO":null,rec:P,hashTagStyle:v})))):null},[e,S,l,s,r,u,v,t,Ve,$,St]),U=o.useCallback((P,ie)=>{var q,te,pe,ve;if(!t?.isShowLike)return;let Q=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return H&&Q<40&&(Q+=40),P?.video?o.createElement(un,{key:P.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:P.isCollected,recData:P,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(pe=t.likeIconX)!==null&&pe!==void 0?pe:0,[(ve=t.likeIconYPosit)!==null&&ve!==void 0?ve:"bottom"]:Q},position:ie}):null},[t,H]),G=P=>{var ie,q,te,pe,ve,Q;if(!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&(!((q=P?.video)===null||q===void 0)&&q.imgUrls)){const Z=Date.now(),we=(Z-D.current)/1e3;j?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(pe=(te=P?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=P?.video.title)!==null&&ve!==void 0?ve:"",imageEndTime:`${Z}`,playDuration:`${we}`,contentTags:JSON.stringify((Q=P?.video.tags)!==null&&Q!==void 0?Q:[]),position:S+"",contentFormat:"image",traceInfo:P?.video.traceInfo}})}},ne=P=>{var ie,q,te,pe,ve,Q,Z,we,xe,Me;M.current=new Date;const Se=d[P.previousIndex];if(!Se)return;P.previousIndex-P.activeIndex<0?(j?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ie=Se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&q!==void 0?q:"",productId:(pe=(te=Se?.product)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),G(Se)):(j?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ve=Se?.video)===null||ve===void 0?void 0:ve.itemId)!==null&&Q!==void 0?Q:"",productId:(we=(Z=Se.product)===null||Z===void 0?void 0:Z.itemId)!==null&&we!==void 0?we:"",requestId:null}}),G(Se)),ge(Se);const ke=d[P.activeIndex];!(!((xe=ke?.video)===null||xe===void 0)&&xe.url)&&!(!((Me=ke?.video)===null||Me===void 0)&&Me.imgUrls)&&ke?.product&&W?.({eventName:"ProductView"})},ge=P=>{var ie,q,te;!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&!(!((q=P?.video)===null||q===void 0)&&q.imgUrls)&&P?.product&&oe(P,P.product,(te=P?.product)===null||te===void 0?void 0:te.bindCta,M.current,S)};o.useEffect(()=>{const P=d[S];ae&&ge(P)},[ae,d,S]);const he=P=>{var ie,q,te,pe,ve,Q;const Z=d[P];if(!(!((ie=Z?.video)===null||ie===void 0)&&ie.url)&&(!((q=Z?.video)===null||q===void 0)&&q.imgUrls)){const we=Date.now();D.current=we,j?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(pe=(te=Z?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=Z?.video.title)!==null&&ve!==void 0?ve:"",imageStartTime:`${we}`,contentTags:JSON.stringify((Q=Z?.video.tags)!==null&&Q!==void 0?Q:[]),position:P+"",contentFormat:"image",traceInfo:Z?.video.traceInfo}}),W?.({eventName:"ViewContent"})}},Te=o.useMemo(()=>{var P;const ie=S===0?[(P=d?.[0])!==null&&P!==void 0?P:null]:d?.map((q,te)=>S===te||te-1===S||te+1===S?q:null);return H?ie:ie.concat([{loading:!0}])},[d,S,H]),be=o.useMemo(()=>L?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):Te?.map((P,ie)=>o.createElement(Qe,{key:ie,virtualIndex:ie},P&&o.createElement(o.Fragment,null,P?.loading?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,Xe(P,ie),Tt(P,ie),U(P,ie))))),[n,d,Ce,L,Tt,Xe,Te,Y]),_e=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Ze=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},H&&o.createElement(an,{icon:da,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{ee?.(!0)}}),nt,o.createElement(gn,{tagList:g,setActiveIndex:w}),fe?o.createElement(la,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((b=t?.swipeTipOffset)!==null&&b!==void 0?b:0)}%`}}):null,o.createElement(vt,{style:{marginTop:Be},ref:V,onSlideChange:()=>{V.current.swiper.allowTouchMove=!1,setTimeout(()=>{V.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:P=>{w(P.activeIndex),!ae&&(ne(P),!H&&P?.activeIndex+2>=d?.length&&(N||(O(!0),B?.(Math.ceil(S/10)+1).then(()=>{O(!1)}))))},direction:"vertical",height:Ce},o.createElement(pn,{style:{position:"fixed",visibility:!((E=(T=d?.[S])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(h=t?.muteIconX)!==null&&h!==void 0?h:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(C=t?.muteIconY)!==null&&C!==void 0?C:23},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_e,unactiveIcon:t?.muteIcon?t?.muteIcon:Ze,onChange:I}),be),o.createElement(dn,Object.assign({},(A=(f=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||f===void 0?void 0:f.item)===null||A===void 0?void 0:A.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:le,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",preload:"auto",controls:!1,muted:!0,style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},pa=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(vt,{defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Qe,{key:d},o.createElement(vn,{src:d,height:i,imgUrlsPostConfig:n}))));var va=o.memo(pa);const fa=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:a})=>{const[r,u]=o.useState(!1),c=o.useRef(null),{bffEventReport:v,sxpParameter:g,waterFallData:y,openHashtag:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),C=o.useRef(null),[k,f]=o.useState("");o.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const A=o.useCallback(()=>{var B;(B=c.current)===null||B===void 0||B.play()},[]),_=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,de,ae,Y,J,X;u(!1);const W=n[e];if(W&&(!((B=c?.current)===null||B===void 0)&&B.duration)){T.current=((j=c?.current)===null||j===void 0?void 0:j.currentTime)||0;const K=((z=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&z!==void 0?z:0).toFixed(2),ye=((V=(R=c.current)===null||R===void 0?void 0:R.currentTime)!==null&&V!==void 0?V:0).toFixed(2),Ie=h?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(ae=(de=W?.video)===null||de===void 0?void 0:de.title)!==null&&ae!==void 0?ae:"",playType:Ie,startTime:ye,videoDuration:K,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[v,n,e,h]),w=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(B=>()=>{var j,L,z,R,V;if(!E)return;const H=(j=c.current)===null||j===void 0?void 0:j.paused;switch(B){case"start":if(!H)return;(L=c.current)===null||L===void 0||L.play(),u(!1);break;case"pause":if(H)return;(z=c.current)===null||z===void 0||z.pause(),u(!0);break;default:H?(R=c.current)===null||R===void 0||R.play():(V=c.current)===null||V===void 0||V.pause(),u(!H);break}},[E]),x=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,de,ae,Y,J,X;const W=n[e],K=((j=(B=c.current)===null||B===void 0?void 0:B.duration)!==null&&j!==void 0?j:0).toFixed(2),ye=((z=(L=c.current)===null||L===void 0?void 0:L.currentTime)!==null&&z!==void 0?z:0).toFixed(2);if(!((R=c?.current)===null||R===void 0)&&R.duration){const Ie=(((V=c?.current)===null||V===void 0?void 0:V.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(ae=(de=W?.video)===null||de===void 0?void 0:de.title)!==null&&ae!==void 0?ae:"",endTime:ye,videoDuration:K,playDuration:Ie,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,v]),I=o.useMemo(()=>d?.mode==="2",[d]),M=o.useMemo(()=>{var B;return d?.mode==="2"?`translateY(-${50+((B=d?.offsetTop)!==null&&B!==void 0?B:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),N=o.useMemo(()=>{var B;return((B=t?.video)===null||B===void 0?void 0:B.cover)||k},[k,t]),O=o.useCallback(()=>{if(!C||!c||!c.current||!C.current)return;const B=c?.current,j=C?.current,L=j.getContext("2d"),z=window?.innerWidth,R=window?.innerHeight;j.height=R,j.width=z,L?.drawImage(B,0,0,j.width,j.height),f(j.toDataURL())},[]);o.useEffect(()=>{var B,j,L,z;if(c.current){if(u(!1),!c.current.src){const R=t?.video.url;if(R.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const V=new window.Hls;V.loadSource(R),V.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=R;else c.current.src=R;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(B=c.current)===null||B===void 0||B.addEventListener("loadedmetadata",w),(j=c.current)===null||j===void 0||j.addEventListener("canplay",w),(L=c.current)===null||L===void 0||L.addEventListener("playing",S),(z=c.current)===null||z===void 0||z.addEventListener("loadeddata",O),()=>{var R,V,H,ee;(R=c.current)===null||R===void 0||R.removeEventListener("loadedmetadata",w),(V=c.current)===null||V===void 0||V.removeEventListener("canplay",w),(H=c.current)===null||H===void 0||H.removeEventListener("playing",S),(ee=c.current)===null||ee===void 0||ee.removeEventListener("loadeddata",O)}}},[w,S,t?.video,O]);const $=o.useMemo(()=>!g?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image,alt:"video poster"}),[E,g?.placeholder_image]);o.useEffect(()=>{const B=()=>{var j,L;s===e&&(!((j=t?.video)===null||j===void 0)&&j.url)&&(!((L=c?.current)===null||L===void 0)&&L.src)&&!r&&D("pause")()};return window.addEventListener("beforeunload",B),()=>{window.removeEventListener("beforeunload",B)}},[s,e,t,c,D,r]);const F=o.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t?.video?o.createElement(o.Fragment,null,I?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement(qe,{src:N,style:Object.assign({height:i,width:a,objectFit:"cover"},F)}),o.createElement("canvas",{ref:C,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:a,height:i,top:"50%",transform:M,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:a,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))),$):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A}),$,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))):null};var ma=o.memo(fa);const bi={};Object.values(gi).forEach(t=>{bi[t.extend.type]=t});const ha="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ga="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ba=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:a=664,containerWidth:r=375,appDomain:u,tagList:c=[]})=>{const v=o.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),a-f},[e,a,c]),g=(f,A)=>{var _,S,w,D;if(!((_=f?.video)===null||_===void 0)&&_.url)return o.createElement(ma,{rec:f,index:A,muted:!0,width:r,data:t??[],height:v,activeIndex:A,videoPostConfig:e?.videoPost});if(!((S=f?.video)===null||S===void 0)&&S.imgUrls)return o.createElement(va,{key:f?.video.itemId,imgUrls:f?.video.imgUrls,width:r,height:v,rec:f,index:A,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((w=e?.productPost)===null||w===void 0?void 0:w.length)>0)return(D=e?.productPost)===null||D===void 0?void 0:D.map((x,I)=>{var M,N,O,$,F,B,j,L;const z=bi[(M=x?.item)===null||M===void 0?void 0:M.type],R=Bt(z),V=(N=z?.extend)===null||N===void 0?void 0:N.defaulSetting;return o.createElement(R,Object.assign({key:`${A}${I}`,textStyle:Object.assign(Object.assign({},V?.textStyle),(O=x?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=x?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},V?.props,(B=x?.item)===null||B===void 0?void 0:B.props,{event:((j=x?.item)===null||j===void 0?void 0:j.event)||{},id:x?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},V?.style),(L=x?.item)===null||L===void 0?void 0:L.style),{width:r,height:v,overflow:"auto"}),index:A}))})},y=o.useMemo(()=>e?.logoUrl&&e?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},o.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),b=(f,A)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(mn,{rec:f,index:A,tempMap:l,resolver:bi})):null,T=(f,A)=>{var _,S,w,D,x,I,M;return f?.video?o.createElement(o.Fragment,null,((_=f?.video)===null||_===void 0?void 0:_.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(hn,{nudge:n}),b(f,A),o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(w=(S=f?.video)===null||S===void 0?void 0:S.title)!==null&&w!==void 0?w:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(fn,{index:A,tags:(x=(D=f?.video)===null||D===void 0?void 0:D.hashTags)!==null&&x!==void 0?x:[],itemId:(I=f?.video)===null||I===void 0?void 0:I.itemId,itemType:!((M=f?.video)===null||M===void 0)&&M.itemId?"VIDEO":null,rec:f,hashTagStyle:d}))):null},E=Ue(ga,u),p=Ue(ha,u),h=(f,A)=>{var _,S,w,D;if(!e?.isShowLike)return;let x=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return x<40&&(x+=40),f?.video?o.createElement(un,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:E,unActicveIcon:(w=e?.unlikeIcon)!==null&&w!==void 0?w:p,position:A,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:x,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},m=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),C=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),k=(f,A)=>{var _,S,w,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(gn,{tagList:c}),o.createElement(pn,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((w=(S=t?.[A])===null||S===void 0?void 0:S.video)===null||w===void 0)&&w.url?"visible":"hidden",bottom:(D=e?.muteIconY)!==null&&D!==void 0?D:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:m,unactiveIcon:e?.muteIcon?e?.muteIcon:C}),g(f,A),T(f,A),h(f,A))};return o.createElement("div",{className:ce.css({width:"100%",height:a,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,A)=>k(f,A)))};var ya=o.memo(ba);const wa=()=>{const{schema:t,resolver:e,popup:i}=et(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=me(),{productView:d}=je(),[a,r]=o.useState(),u=o.useRef(null);o.useEffect(()=>{const g=()=>{u.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,r(i))},[i]);const c=()=>{var g,y,b,T;if(!i||i?.id===""||!a||new Date-u.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;r(Object.assign(Object.assign({},i),{id:""}));const E=l,p=(y=E?.video)===null||y===void 0?void 0:y.bindProduct,h=(T=(b=E?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&h&&d(E,p,h,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var g,y,b;return(b=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,E)=>{var p,h,m,C,k,f,A,_,S,w,D,x,I,M,N;if(T?.id===i?.id){const O=e[(p=T?.item)===null||p===void 0?void 0:p.type],$=Bt(O),F=((C=(m=(h=T?.item)===null||h===void 0?void 0:h.event)===null||m===void 0?void 0:m.onClick)===null||C===void 0?void 0:C.linkType)==="externalLink",B=((A=(f=(k=T?.item)===null||k===void 0?void 0:k.event)===null||f===void 0?void 0:f.onClick)===null||A===void 0?void 0:A.linkType)==="popup",j=(_=O?.extend)===null||_===void 0?void 0:_.defaulSetting;return o.createElement($,Object.assign({key:E,style:Object.assign(Object.assign(Object.assign({},j?.style),(S=T?.item)===null||S===void 0?void 0:S.style),{width:(w=window.innerWidth)!==null&&w!==void 0?w:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},j?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(I=(x=T?.item)===null||x===void 0?void 0:x.bindDatas)!==null&&I!==void 0?I:[]},j?.props,(M=T?.item)===null||M===void 0?void 0:M.props,{event:((N=T?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:T?.id,isExternalLink:F,isPopup:B,onClose:c}))}else return o.createElement(o.Fragment,null)})},[t,i,e,c]);return o.createElement(Lt,{popup:a,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},yi={};Object.values(gi).forEach(t=>{yi[t.extend.type]=t});const Sa=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:a})=>{var r,u,c,v,g,y,b,T,E,p,h;const m=o.useMemo(()=>{var C;return location?.search?(C=location?.search)===null||C===void 0?void 0:C.replace("?",""):""},[]);return o.createElement(Bi,{resolver:yi,enableDataSource:!1,schema:t?.data,utmVal:m},o.createElement(Oi,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:a,isShowTag:(E=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||E===void 0?void 0:E.isShowTag,globalConfig:(h=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||h===void 0?void 0:h.globalConfig,render:({rtcList:C,tagList:k})=>{var f;return o.createElement(o.Fragment,null,o.createElement(bn,Object.assign({},(f=t?.data)===null||f===void 0?void 0:f.sxpPageConf,{tagList:k,data:C,resolver:yi,licenseUrl:d})),o.createElement(wa,null))}}))};var Ta=o.memo(Sa);const yn=o.createContext({}),xa=({children:t,data:e})=>{var i,n,l,s,d,a,r,u,c,v,g,y,b;const[T,E]=o.useState(!1),[p,h]=o.useState(!1);return o.createElement(yn.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:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.hash_tag_size,loadingImage:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.loading_image,privacyContent:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.privacy_context,privacyNecessity:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_necessity,privacyPolicyTitle:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(g=e?.sxp_parameter)===null||g===void 0?void 0:g.privacy_title,template:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.template,industry:(b=e?.sxp_parameter)===null||b===void 0?void 0:b.industry},appDomain:e?.appDomain,openHashtag:T,setOpenHashtag:E,openConsent:p,setOpenConsent:h}},t)};function Ea(){return o.useContext(yn)}exports.DiyPortalPreview=ya,exports.EditorDataProvider=xa,exports.Modal=Lt,exports.SxpDataSourceProvider=Oi,exports.SxpPageCore=Ta,exports.SxpPageRender=bn,exports.core=Vn,exports.default=Pn,exports.defaultSetting=Re,exports.materials=gi,exports.useEditorDataProvider=Ea;
5
+ 18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:f?.info})))},oe=()=>{var J,X;return o.createElement(o.Fragment,null,(T||L?.link)&&o.createElement("button",{"aria-label":(J=z?.enTitle)!==null&&J!==void 0?J:"Purchase on Website",onClick:V,className:"pb-commondity-btn",style:A},(X=z?.enTitle)!==null&&X!==void 0?X:"Purchase on Website"))},Y=o.useCallback(J=>J?.lineClamp?Object.assign(Object.assign({},J),{overflow:"hidden",WebkitLineClamp:J?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):J,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:de.css(Object.assign({},v))},S),L&&((d=L?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:ee,modules:[At,Pt],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}},(a=L?.homePage)===null||a===void 0?void 0:a.map(J=>o.createElement(Qe,{key:J},o.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:J}))))),!(!((r=L?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:de.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:de.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:E,alt:"pdp image"})),o.createElement("div",{className:"pb-commondity-content"},ue({isPost:h}))),oe(),o.createElement(Lt,{visible:F,onClose:()=>B(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},ue({isPost:!1})),oe()))};var Pl=o.memo(Al);const Ml=Ne(Pl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Yn},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 Ol=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],di,ci,Ll=[{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:Re?.fontOptions,initialValue:(ci=(di=Re?.fontOptions)===null||di===void 0?void 0:di[0])===null||ci===void 0?void 0:ci.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"]}]}],ln="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:l,src:s}=t;switch(i){case 2:return n||null;case 3:return s||null;default:return l&&l.length>0?(e=l[0])===null||e===void 0?void 0:e.url:null}},Nl=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:a,onClick:r,submitButtonStyle:u}=t,c=De(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=me(),{jumpToWeb:g}=je(),y=typeof l=="string"?l:jl(l),b=()=>{var T,E,p;if(d){const h=v,m=(T=h?.video)===null||T===void 0?void 0:T.bindProduct,C=(p=(E=h?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;g(h,m,C,k)}s||a?.(),r?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${de.css(Object.assign({},n))}`},c),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:y??ln,alt:"success image"})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{"aria-label":i,className:"pb-prompt-btn",style:u,onClick:b},i))};var Bl=o.memo(Nl);const Rl=Ne(Bl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Ll,bindableProps:[],interactionRender:Ol},defaulSetting:{props:{icon:ln,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ui,pi,zl=[{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:ce,name:["fontFamily"],initialValue:(ui=ce?.[0])===null||ui===void 0?void 0:ui.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:ce,initialValue:(pi=ce?.[0])===null||pi===void 0?void 0:pi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Fl=t=>{var e,i,n,l,s,d,a,r,u,c,v,g,y,{style:b,isDefault:T,rec:E,viewTime:p,isPost:h,bottom_image:m,tipText:C,swiper:k,commodityStyles:f,buttonStyle:A,index:_}=t,S=De(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:w}=me(),{popupDetailData:D,bffEventReport:x,isPreview:I,swiperRef:M,bffFbReport:N}=me(),{jumpToWeb:O,productView:$}=je(),F=o.useRef(null);o.useRef(null),o.useRef(null),o.useState(!1),o.useState(!1),o.useState(!0);const[B,j]=o.useState(!1),L=o.useRef(null),z=h?E:D,R=h?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,V=h?(i=z?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=z?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,H=h?_:D?.index,ee=()=>{R?.link&&(O(z,R,V,H),h||$(z,R,V,p||L.current,H),window.location.href=window.getJointUtmLink(R.link))};o.useEffect(()=>{h||N?.({eventName:"ProductView"})},[h,N]),o.useEffect(()=>{const X=()=>{L.current=new Date};return X(),window.addEventListener("pageshow",X),()=>{window.removeEventListener("pageshow",X)}},[]);const ue=o.useMemo(()=>{var X,W,K,ye,Ie;return R?.currency&&R?.price?`${(K=(W=(X=R?.currency)===null||X===void 0?void 0:X.split("-")[1])===null||W===void 0?void 0:W.toUpperCase())!==null&&K!==void 0?K:""}${(Ie=(ye=R?.price)===null||ye===void 0?void 0:ye.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Ie!==void 0?Ie:""}`:"\xA3102,300.00"},[R?.price,R?.currency]),oe=I?375:(s=b?.width)!==null&&s!==void 0?s:window.innerWidth,Y=({isPost:X})=>o.createElement("div",{hidden:!!R&&(!R?.info||R?.info==="")},o.createElement(jt,{isPost:X,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:f?.info,foldText:C?.foldText,unfoldText:C?.unfoldText,text:R?.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`})),J=o.useCallback(X=>X?.lineClamp?Object.assign(Object.assign({},X),{overflow:"hidden",WebkitLineClamp:X?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):X,[]);return o.createElement("div",{className:"pb-commondityDiroNew"},o.createElement("div",Object.assign({ref:F,className:de.css(Object.assign({},b))},S),R&&((d=R?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:oe,modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(a=R?.homePage)===null||a===void 0?void 0:a.map(X=>o.createElement(Qe,{key:X},o.createElement("div",{style:{overflow:"hidden",width:oe,height:oe}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:X}))))),!(!((r=R?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:de.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:de.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:m,alt:"pdp image"})),o.createElement("div",{className:"pb-commondityDiroNew-content"},o.createElement("div",{className:"pb-commondityDiroNew-content-top"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:J(f?.title)},(c=R?.title)!==null&&c!==void 0?c:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!R&&(!R?.collection||R?.collection===""),style:J(f?.collection)},R?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.price,style:J(f?.price)},ue),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.taxInfo,style:J(f?.taxInfo)},(v=R?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!R||R?.link)&&o.createElement("button",{"aria-label":(g=V?.enTitle)!==null&&g!==void 0?g:"Shop now",onClick:ee,className:"pb-commondityDiroNew-btn",style:A},(y=V?.enTitle)!==null&&y!==void 0?y:"Shop now"),Y({isPost:h}))),o.createElement(Lt,{visible:B,onClose:()=>j(!1)},Y({isPost:!1})))};var Vl=o.memo(Fl);const Hl=Ne(Vl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:zl},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 vi,fi,$e=[{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:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(vi=ce?.[0])===null||vi===void 0?void 0:vi.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:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(fi=ce?.[0])===null||fi===void 0?void 0:fi.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"]}]}],Ul=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Gl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:a}=t;De(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=o.useRef(null),{popup:u}=et(),{setPopupDetailData:c,ctaEvent:v}=me(),{jumpToWeb:g}=je(),y=Ee.throttle(()=>{var b,T,E,p,h,m,C,k;const f=(T=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&T!==void 0?T:e?.video;if(v?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,f,a),c?.(Object.assign(Object.assign({},e),{index:a})),d){if(!((p=(E=e?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0)&&p.link){const A=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(m=e?.video)===null||m===void 0?void 0:m.bindProduct;g(e,_,A,a),window.location.href=window.getJointUtmLink((k=(C=e?.video)===null||C===void 0?void 0:C.bindProduct)===null||k===void 0?void 0:k.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:r,className:n,style:s,onClick:y},i)};var wt=o.memo(Gl),$l={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};function Wl(t){const e=o.useRef(null),[i,n]=o.useState(!1);return o.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),o.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const Yl=({src:t,rec:e,item:i,index:n,style:l,translateY:s,imgStyle:d})=>{const a=o.useRef(null),r=Wl(a),{ctaEvent:u}=me();o.useEffect(()=>{r&&t&&a?.current&&u?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[r,t,a,e,u,i,n]);const c=o.useMemo(()=>t?.includes(".avif")?t:`${t}?imrquality/rquality/40`,[t]);return o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d))},o.createElement("div",{ref:a,hidden:!t,className:de.css({width:"100%",height:"100%"})},o.createElement(qe,{className:de.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${s?-s+50:50}%`},l)),src:c})))};var at=o.memo(Yl);const ql=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:$l["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var Xl=o.memo(ql);const Jl=Ne(Xl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Ul,bindableProps:[],settingRender:$e},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 Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ql=t=>{var e,i,n,l,s,d,{content:a,style:r,bgImg:u,recData:c,bottom_image:v,ctaTempStyles:g,isExternalLink:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:E}=me(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,h=(n=(i=p?.icon)!==null&&i!==void 0?i:E?.bottom_image)!==null&&n!==void 0?n:v;return o.createElement(wt,Object.assign({isExternalLink:y,rec:c,className:de.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"},index:b},T),o.createElement(at,{src:h,rec:c,item:(s=(l=c?.video)===null||l===void 0?void 0:l.bindProduct)!==null&&s!==void 0?s:c?.video,index:b,imgStyle:g?.img}),o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},g?.ctaTitle))},(d=p?.enTitle)!==null&&d!==void 0?d:"Product Name"))};var Zl=o.memo(Ql);const es=Ne(Zl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Kl,settingRender:$e?.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 ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const is=t=>{var e,i,n,l,s,d,a,{content:r,style:u,bgImg:c,recData:v,bottom_image:g,ctaTempStyles:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:E,bffEventReport:p}=me(),{jumpToWeb:h}=je(),m=(e=v?.video)===null||e===void 0?void 0:e.bindCta,C=(i=v?.video)===null||i===void 0?void 0:i.bindProduct,k=()=>{m?.link&&(h(v,C,m,b),window.location.href=window.getJointUtmLink(m.link))},f=(l=(n=m?.icon)!==null&&n!==void 0?n:E?.bottom_image)!==null&&l!==void 0?l:g;return o.createElement(wt,Object.assign({index:b,rec:v,className:de.css(Object.assign({alignItems:"center"},u)),style:{display:"flex"}},T,{onClick:k}),o.createElement(at,{src:f,rec:v,item:(d=(s=v?.video)===null||s===void 0?void 0:s.bindProduct)!==null&&d!==void 0?d:v?.video,index:b,imgStyle:y?.img}),o.createElement("div",{className:de.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ts["tow-line-ellipsis"],style:y?.ctaTitle},(a=m?.enTitle)!==null&&a!==void 0?a:"Product Name")))};var ns=o.memo(is);const os=Ne(ns,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:$e?.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 ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ss={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const as=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ss["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var rs=o.memo(as);const ds=Ne(rs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:ls,settingRender:$e,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 cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],us={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ps=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:us["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop now")))};var vs=o.memo(ps);const fs=Ne(vs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:cs,bindableProps:[],settingRender:$e},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 ms=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const hs=({children:t,isPadding:e=!0})=>o.createElement(vt,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[oo,no,io],style:{padding:e?"0 12px 0 20px":0}},t);var Nt=o.memo(hs),gs={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const bs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:gs["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var ys=o.memo(bs);const ws=Ne(ys,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ms,bindableProps:[],settingRender:$e},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 Ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ts={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const xs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=me(),{ctaEvent:T,setPopupDetailData:E}=me(),{popup:p}=et(),[h,m]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:C}=je(),k=Ee.throttle(f=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),E?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(C(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},h?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:b?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Ts["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var Es=o.memo(xs);const Cs=Ne(Es,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Ss,settingRender:$e,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 Is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],_s={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ks=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:_s["tow-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop now"))))}))};var Ds=o.memo(ks);const As=Ne(Ds,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Is,bindableProps:[],settingRender:$e},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 mi,hi,Ps=[{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:ce,name:["fontFamily"],initialValue:(mi=ce?.[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"}]}]},{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:ce,initialValue:(hi=ce?.[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"]}]},{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 Ms=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=me();return o.createElement("div",{className:"clc-sxp-nav",style:e},o.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"back button",onClick:n}),o.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=s?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var sn=o.memo(Ms),Os=null,Ls="3d989325-e7d6-4a74-8a97-98febdf5b567",js=null,Ns=null,Bs={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"},Rs=[{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",an={productUserId:Os,requestId:Ls,channel:js,rtc:Ns,tag:Bs,recList:Rs,hashTag:zs};const Fs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:a,reportTagsView:r,textStyles:u,space:c}=t,{swiperRef:v,setRtcList:g,setOpenHashtag:y,sxpParameter:b}=me(),[T,E]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),h=o.useRef(null);o.useRef(null),o.useRef(null);const[m,C]=o.useState(""),k=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j,L;return!((x=e?.video)===null||x===void 0)&&x.cover?(I=e?.video)===null||I===void 0?void 0:I.cover:!((N=(M=e?.video)===null||M===void 0?void 0:M.imgUrls)===null||N===void 0)&&N.length?($=(O=e?.video)===null||O===void 0?void 0:O.imgUrls)===null||$===void 0?void 0:$[0]:!((B=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||B===void 0)&&B.length?(L=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||L===void 0?void 0:L[0]:b?.bottom_image||""},[e,b?.bottom_image]),f=o.useMemo(()=>{var x,I;return((x=e?.product)===null||x===void 0?void 0:x.title)||((I=e?.video)===null||I===void 0?void 0:I.title)||null},[e]),A=o.useMemo(()=>{var x;return i.transform?Number((x=i.transform)===null||x===void 0?void 0:x.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]);o.useMemo(()=>A===void 0?!1:A<=d,[A,d]);const _=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((I=e?.product)===null||I===void 0)&&I.price)?`${($=(O=(N=(M=e?.product)===null||M===void 0?void 0:M.currency)===null||N===void 0?void 0:N.split("-")[1])===null||O===void 0?void 0:O.toUpperCase())!==null&&$!==void 0?$:""}${(j=(B=(F=e?.product)===null||F===void 0?void 0:F.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&j!==void 0?j:""}`:null},[e]);o.useEffect(()=>{if(p.current===null||k==="")return;let x=null;T&&m?x=m:x=k,x&&p.current.setSrc(x)},[k,T,m]);const S=o.useRef(),w=o.useCallback(x=>{setTimeout(()=>{var I;const M=(I=S?.current)===null||I===void 0?void 0:I.offsetHeight;n(M+56+c,s)},0)},[c,n,s,l,S]),D=()=>{r(),g?.(a),setTimeout(()=>{var x;(x=v?.current)===null||x===void 0||x.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:S},o.createElement(qe,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",onLoad:w,ref:p})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${_?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},u?.title)},f&&f),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!_,style:u.price},_)))};function Vs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,{reportTagsView:k,showBanner:f}=t,A=De(t,["reportTagsView","showBanner"]);const{waterFallData:_,getRecommendVideos:S,hashTagSize:w,loadingImage:D,isOpenHashTag:x}=me(),I=o.useRef(null),[M,N]=o.useState(0),[O,$]=o.useState(),F=o.useRef(null),[B,j]=o.useState([]),L=o.useRef(),z=[170,230,300],[R,V]=o.useState(!1),[H,ee]=o.useState([]),ue=o.useRef(),oe=o.useCallback((le,fe)=>Math.floor(Math.random()*(fe-le+1))+le,[]),Y=o.useRef([]),[J,X]=o.useState({width:0}),W=o.useMemo(()=>{const le=J.width||0;return le>=1200?6:le>=768&&le<=1199?4:2},[J]),K=o.useMemo(()=>J.width/W-2,[W,J]),ye=o.useCallback(()=>{var le;const fe=(le=L.current)!==null&&le!==void 0?le:[],re=[];for(let ae=0;ae<H?.length;ae++){const Be=Math.floor(ae/W),Ce=ae%W+1;let nt=0,Xe=9999999999;if(Be===0)re[ae]=ae;else{for(let Ve=0;Ve<re.length;Ve++)Y.current[re[Ve]].top+Y.current[re[Ve]].height<Xe&&(nt=Ve,Xe=Y.current[re[Ve]].top+Y.current[re[Ve]].height);re[nt]=ae}Y.current[ae]===void 0&&(Y.current[ae]={}),Be===0?(Ce===1?Y.current[ae].left=0:Y.current[ae].left=Y.current[ae-1].left+K+4,Y.current[ae].top=0):(Y.current[ae].left=Y.current[nt].left,Y.current[ae].top=Xe),Y.current[ae].height=Y.current[ae].height||z[oe(0,2)],fe[ae]={transform:`translate(${Y.current[ae].left}px,${Y.current[ae].top}px)`,width:`${K}px`,height:Y.current[ae].height}}return j([...fe]),[...fe]},[K,W,z,oe,H]),Ie=o.useCallback((le,fe)=>{Y.current[fe]===void 0&&(Y.current[fe]={}),Y.current[fe].height=le,L.current=ye()},[ye]);o.useEffect(()=>{L.current=ye()},[K,W,H]),o.useEffect(()=>{var le,fe;if(V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType,defaultSize:w,maxSize:w}).then(re=>{var ae,Be;$(re),ee((Be=(ae=re?.recList)===null||ae===void 0?void 0:ae.filter(Ce=>Ce?.video!==null||Ce?.product!==null))!==null&&Be!==void 0?Be:[]),V(!1)}),x){const re=an;$(re),ee((fe=(le=re?.recList)===null||le===void 0?void 0:le.filter(ae=>ae?.video!==null||ae?.product!==null))!==null&&fe!==void 0?fe:[]),V(!1)}},[_,S,w,x]);const Ae=o.useCallback(()=>{F.current!==null&&X({width:F.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(F.current===null)return;const le=new ResizeObserver(fe=>{Ae()});return le.observe(F.current),()=>{le.disconnect()}},[Ae]),o.useCallback(()=>{V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType}).then(le=>{var fe,re;ee(H?.concat((re=(fe=le?.recList)===null||fe===void 0?void 0:fe.filter(ae=>!ae?.video))!==null&&re!==void 0?re:[])),V(!1)})},[_,S,H]);const Fe=o.useCallback(()=>{N(I.current.scrollTop)},[]);o.useEffect(()=>{var le;return(le=I?.current)===null||le===void 0||le.addEventListener("scroll",Fe),()=>{var fe;(fe=I?.current)===null||fe===void 0||fe.removeEventListener("scroll",Fe)}},[Fe,I]);const se=()=>{var le,fe;!((le=O?.tag)===null||le===void 0)&&le.link&&(k(),window.location.href=(fe=O?.tag)===null||fe===void 0?void 0:fe.link)};return o.createElement(o.Fragment,null,R?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:D,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"waterFallList",ref:F},o.createElement("div",{className:"waterFallList-scroll",ref:I},f&&((e=O?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:se},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=O?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=A?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=O?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=O?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=A?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:se},((a=O?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},H?.map((le,fe)=>{var re;return o.createElement(Fs,Object.assign({key:fe,index:fe,rec:le,list:H,showBorder:M+((re=I?.current)===null||re===void 0?void 0:re.clientHeight),style:B[fe],sizeChange:Ie,unitWidth:K,reportTagsView:k},A))}),o.createElement("div",{hidden:!(!((r=O?.tag)===null||r===void 0)&&r.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((c=Y?.current[((u=Y?.current)===null||u===void 0?void 0:u.length)-1])===null||c===void 0?void 0:c.top)+((g=Y?.current[((v=Y?.current)===null||v===void 0?void 0:v.length)-1])===null||g===void 0?void 0:g.height))!==null&&y!==void 0?y:0}px)`,height:!((b=O?.tag)===null||b===void 0)&&b.link?((T=ue?.current)===null||T===void 0?void 0:T.offsetHeight)||((E=A?.buttonBgStyle)===null||E===void 0?void 0:E.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=O?.tag)===null||p===void 0)&&p.link),style:A?.buttonBgStyle}),o.createElement("div",{ref:ue,hidden:!(!((h=O?.tag)===null||h===void 0)&&h.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},A?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((m=O?.tag)===null||m===void 0?void 0:m.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:A?.buttonStyle,onClick:se},((C=O?.tag)===null||C===void 0?void 0:C.linkTitle)||"Shop the collection"))))}var Hs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Us=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:a,setRtcList:r,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=me(),[g,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),E=o.useRef(null),p=o.useRef(null),[h,m]=o.useState(""),C=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(w=e?.video)===null||w===void 0?void 0:w.cover:!((x=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||x===void 0)&&x.length?(M=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||M===void 0?void 0:M[0]:!((O=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||O===void 0)&&O.length?(F=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||F===void 0?void 0:F[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var S,w;return((S=e?.product)===null||S===void 0?void 0:S.title)||((w=e?.video)===null||w===void 0?void 0:w.title)||null},[e]),f=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((w=e?.product)===null||w===void 0)&&w.price)?`${(M=(I=(x=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||x===void 0?void 0:x.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&M!==void 0?M:""}${($=(O=(N=e?.product)===null||N===void 0?void 0:N.price)===null||O===void 0?void 0:O.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);o.useEffect(()=>{const S=new IntersectionObserver(w=>{w.forEach(D=>{if(D.isIntersecting){if(T.current===null||C==="")return;g&&h?b.current.setSrc(h):b.current.setSrc(C),S.unobserve(T.current)}})});return S.observe(T.current),()=>{S.disconnect()}},[C,g,h]);const A=(S,w,D)=>{const x=S/w;return D/x};o.useEffect(()=>{const S=E?.current;S===null||C===""||!g||(S.src=C,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const w=p?.current;if(!w)return;const D=w.getContext("2d"),x=window?.innerWidth/2,I=A(S.videoWidth,S.videoHeight,x);w.height=I,w.width=x,D?.drawImage(S,0,0,w.width,w.height),m(w.toDataURL()),S.remove(),w.remove()})},[C,g]);const _=()=>{l(),r?.(n),setTimeout(()=>{var S;(S=a?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},g&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:E,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(qe,{loading:"lazy",className:"list-content-listItem-picture-img",ref:b})),o.createElement("div",{className:"list-content-listItem-info"},o.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!f},f)))};function Gs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,{reportTagsView:E,showBanner:p}=t,h=De(t,["reportTagsView","showBanner"]);const{waterFallData:m,getRecommendVideos:C,hashTagSize:k,loadingImage:f,isOpenHashTag:A}=me(),[_,S]=o.useState(),[w,D]=o.useState(),[x,I]=o.useState(!1),M=o.useRef(null),[N,O]=o.useState(!1);o.useCallback(()=>{N||(O(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType}).then(F=>{var B;S(_?.concat((B=F?.recList)!==null&&B!==void 0?B:[])),O(!1)}))},[m,C,_,N]),o.useEffect(()=>{var F,B;if(I(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType,defaultSize:k,maxSize:k}).then(j=>{var L,z;D(j),S((z=(L=j?.recList)===null||L===void 0?void 0:L.filter(R=>R?.video!==null||R?.product!==null))!==null&&z!==void 0?z:[]),I(!1)}),A){const j=an;D(j),S((B=(F=j?.recList)===null||F===void 0?void 0:F.filter(L=>L?.video!==null||L?.product!==null))!==null&&B!==void 0?B:[]),I(!1)}},[m,C,k,A]);const $=()=>{var F,B;!((F=w?.tag)===null||F===void 0)&&F.link&&(E(),window.location.href=(B=w?.tag)===null||B===void 0?void 0:B.link)};return o.createElement(o.Fragment,null,x?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:f,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:M},p&&((e=w?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:$},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=w?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"list-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=w?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=w?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:$,style:Object.assign(Object.assign({},(d=h?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:h?.space})},((a=w?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},_?.map((F,B)=>o.createElement(Us,Object.assign({key:B,index:B,rec:F,list:_,reportTagsView:E},h)))),o.createElement("div",{hidden:!N,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((r=w?.tag)===null||r===void 0)&&r.link),style:{height:!((u=w?.tag)===null||u===void 0)&&u.link?((c=h?.buttonBgStyle)===null||c===void 0?void 0:c.height)||((v=h?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((g=w?.tag)===null||g===void 0)&&g.link),style:h?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=w?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((b=w?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection",className:"list-btn",style:h?.buttonStyle,onClick:$},((T=w?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const $s=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:a,setRtcList:r,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:E}=me(),{backMainFeed:p}=je();o.useRef(null);const h=o.useRef(null),[m,C]=o.useState();o.useEffect(()=>{const S=document.getElementById("sxp-render"),w=document.getElementById("water-fall");w?h.current=w:(h.current=document.createElement("div"),h.current.setAttribute("id","water-fall"),S?.appendChild(h.current))},[]);const k=()=>{const S=Ee.isEqual(c,a);!S&&a&&a?.length&&r?.(a),p("branch",E,void 0,i?.hashTag),_(),d?.(void 0),g?.(!1),setTimeout(()=>{var w,D;S||(D=(w=s?.current)===null||w===void 0?void 0:w.swiper)===null||D===void 0||D.slideTo(u,0,!1),n?.(!1)},0)},[f,A]=o.useState();o.useEffect(()=>{i&&A(i)},[i]);const _=o.useCallback(()=>{var S,w,D,x,I,M;const N=f?.rec;if(!N)return;let O="";y?O="hashTagPage":!((S=N?.video)===null||S===void 0)&&S.url?O="videoPage":!((D=(w=N?.video)===null||w===void 0?void 0:w.imgUrls)===null||D===void 0)&&D.length&&(O="imagePage"),b?.({eventInfo:{contentId:(x=N?.video)===null||x===void 0?void 0:x.itemId,position:u+"",contentTags:JSON.stringify((I=N?.video)===null||I===void 0?void 0:I.tags),traceInfo:(M=N?.video)===null||M===void 0?void 0:M.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:O,fromKPage:location?.href,timeOnSite:Math.floor((new Date-m)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,b,m,y,u]);return o.useEffect(()=>{l&&C(new Date)},[l]),o.useEffect(()=>{const S=()=>{C(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),h.current?wi.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(sn,{icon:Hs,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:k}),t?.openFixedSize===!0||t?.openFixedSize===void 0?o.createElement(Gs,Object.assign({reportTagsView:_},t)):o.createElement(Vs,Object.assign({reportTagsView:_},t))),h.current):null};var rn=o.memo($s);const Ws=t=>o.createElement(rn,Object.assign({},t));var Ys=o.memo(Ws);const qs=Ne(Ys,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ps,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 Xs=[{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 dn=t=>o.createElement(dn,Object.assign({},t));var Js=o.memo(dn);const Ks=Ne(Js,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Xs},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var gi=Object.freeze({__proto__:null,Appoint:es,AppointForm:Wn,Commodity:Jl,CommodityDetail:Ml,CommodityDetailDiroNew:Hl,CommodityDiro:ds,CommodityDiroNew:fs,Consent:Ks,HashTag:qs,Link:os,MultiCommodity:Cs,MultiCommodityDiro:ws,MultiCommodityDiroNew:As,Prompt:Rl});const Qs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Zs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ea=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=De(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:a,mutateUnlike:r,bffEventReport:u}=me(),[c,v]=o.useState(e),g=Ue(Zs),y=Ue(Qs),b=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F;if(c){v(!1);const B=(p=yield r?.({videoItemId:(E=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&E!==void 0?E:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(h=l?.video)===null||h===void 0?void 0:h.itemId)!==null&&m!==void 0?m:"",contentName:(k=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((A=(f=l?.video)===null||f===void 0?void 0:f.tags)!==null&&A!==void 0?A:[]),position:s+"",contentFormat:!((_=l?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=l?.video)===null||S===void 0?void 0:S.traceInfo}}),B||v(!0)}else{v(!0);const B=(w=yield a?.({content:JSON.stringify(l)}))!==null&&w!==void 0?w:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(D=l?.video)===null||D===void 0?void 0:D.itemId)!==null&&x!==void 0?x:"",contentName:(M=(I=l?.video)===null||I===void 0?void 0:I.title)!==null&&M!==void 0?M:"",contentTags:JSON.stringify((O=(N=l?.video)===null||N===void 0?void 0:N.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!(($=l?.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(F=l?.video)===null||F===void 0?void 0:F.traceInfo}}),B||v(!1)}}),200);return o.createElement("button",Object.assign({},d,{"aria-label":"like",onClick:b}),o.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||g:n||y,alt:"icon"}))};var cn=o.memo(ea);const ta=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:a})=>{const[r,u]=o.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:g,openHashtag:y,bffFbReport:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),{isActive:C}=on(),k=o.useRef(null),[f,A]=o.useState(""),_=`pb-cache-video-${e}`,S=o.useRef(null),w=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var V;return d?.mode==="2"?`translateY(-${50+((V=d?.offsetTop)!==null&&V!==void 0?V:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),x=o.useMemo(()=>{var V;return((V=t?.video)===null||V===void 0?void 0:V.cover)||f},[f,t]),I=o.useMemo(()=>w?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[w]),M=o.useMemo(()=>d?.bgWay==="1",[d]),N=o.useMemo(()=>M&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,M]);o.useEffect(()=>{a&&(a.muted=l)},[l,a]);const O=o.useCallback(()=>{a&&a?.play()},[a]),$=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a)return;p(!0),u(!1);const K=n[e];if(K&&a?.duration){T.current=a?.currentTime||0;const ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2),Ae=h?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",playType:Ae,startTime:Ie,videoDuration:ye,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}}),m(!1)}},[c,n,e,h,a]),B=o.useCallback(()=>{var V;if(!a||f||!w||(a.style.objectFit="contain",!((V=t?.video)===null||V===void 0)&&V.cover||!k||!k.current||M))return;const H=()=>{const ee=k?.current,ue=ee.getContext("2d"),oe=window?.innerWidth,Y=window?.innerHeight;ee.height=Y,ee.width=oe,ue?.drawImage(a,0,0,ee.width,ee.height),A(ee.toDataURL())};H(),setTimeout(()=>{H()},500)},[a,M,t,f,w]),j=o.useCallback(()=>{a&&B()},[a,B]),L=o.useCallback(V=>()=>{if(!a||!E)return;const H=a?.paused;switch(V){case"start":if(!H)return;a?.play(),u(!1);break;case"pause":if(H)return;a?.pause(),u(!0);break;default:H?a?.play():a?.pause(),u(!H);break}},[E,a]),z=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a||s!==e)return;const K=n[e],ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2);if(a?.duration){const Ae=(a?.currentTime-T.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",endTime:Ie,videoDuration:ye,playDuration:Ae,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}})}},[n,e,c,a,s]);o.useEffect(()=>{if(!C||!a)return;const V=t?.video.url;if(!V)return;const H=window?.Hls;if(V.includes(".m3u8")&&H&&H.isSupported()){const Y=new H;Y.loadSource(V),Y.attachMedia(a),Y.on(H.Events.MANIFEST_PARSED,function(){a?.play()})}else a.src=V;u(!1);const ee=document.querySelector(`#${_}`),ue=document.querySelector("#player-container-id"),oe=document.querySelector("#player-container-id-copy");if(!(!ue&&!oe))return ee?.appendChild(ue||oe),a.setAttribute("x5-playsinline","true"),a.setAttribute("webkit-playsinline","true"),a?.addEventListener("loadedmetadata",j),a?.addEventListener("loadeddata",B),a?.addEventListener("playing",F),a?.addEventListener("pause",z),a?.addEventListener("ended",O),a?.addEventListener("canplay",O),()=>{oe?.appendChild(ue),a?.removeEventListener("loadedmetadata",j),a?.removeEventListener("loadeddata",B),a?.removeEventListener("playing",F),a?.removeEventListener("pause",z),a?.removeEventListener("ended",O),a?.removeEventListener("canplay",O)}},[C,_,t,a]),o.useEffect(()=>{!a||!E||(C?(b?.({eventName:"ViewContent"}),a?.play()):a?.pause())},[C,E,a]),o.useEffect(()=>{if(!C||!a)return;!a?.paused&&y?a?.pause():y||a?.play()},[y,C,a]),o.useEffect(()=>{if(!C)return;const V=()=>{L("start")(),b?.({eventName:"ViewContent"})},H=L("pause");return tt.on(We.PAGE_DID_SHOW,V),tt.on(We.PAGE_DID_HIDE,H),()=>{tt.off(We.PAGE_DID_SHOW,V),tt.off(We.PAGE_DID_HIDE,H)}},[L,C]);const R=o.useMemo(()=>!v?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[E,v?.placeholder_image]);return o.useEffect(()=>{if(!a)return;const V=()=>{var H;s===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&a&&!r&&L("pause")()};return window.addEventListener("beforeunload",V),()=>{window.removeEventListener("beforeunload",V)}},[s,e,t,a,L,r]),t?.video?o.createElement(o.Fragment,null,w?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!M&&o.createElement(qe,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),o.createElement("canvas",{ref:k,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:D,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",alt:"pause",src:$}))),R):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),R,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:$,alt:"pause"}))):null};var ia=o.memo(ta);const na=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),a=r=>{r.stopPropagation();const u=!s;d(u),n?.(u)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:a},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var un=o.memo(na);const oa=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);et(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ue("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=o.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return o.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},o.createElement("img",{src:t||l,alt:"finger swiper"}))},pn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),r=o.useMemo(()=>n?.bgWay==="1",[n]),u=o.useMemo(()=>r&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,r]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},u)},(!s||!r)&&o.createElement(qe,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a),onLoad:l}),s&&o.createElement(qe,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},la=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:a})=>{var r;const u=o.useRef(),{isActive:c}=on(),{sxpParameter:v,openHashtag:g}=me(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&c?(u?.current&&u.current.swiper.autoplay.start(),g?s(n):d(l)):u?.current&&u.current.swiper.autoplay.stop()},[n,c,s,g,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(vt,{ref:u,defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=a?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map((E,p)=>o.createElement(Qe,{key:p},o.createElement(pn,{src:!y&&p>0?"":E,height:i,imgUrlsPostConfig:a,onShowFirstImage:T}))))};var sa=o.memo(la);const aa=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,a]=o.useState(!1),{setWaterFallData:r,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:g}=me(),y=b=>{v?g?.(!0):c?.(n),r?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),u?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>a(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Nt,null,t?.map((b,T)=>o.createElement(Qe,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var vn=o.memo(aa),ra="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 Bt(t){return o.memo(function(e){const{$store:i}=Pn(),n=s=>{let d=s;const a=s.match(/{{.*?}}/g);return a?.length&&a.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=Ee.get(i,c);return d=d.replace(r,v),v}})}),d},l=o.useMemo(()=>{var s,d,a;const{bindDatas:r}=e,u=De(e,["bindDatas"]);if((s=r?.forEach)===null||s===void 0||s.call(r,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:g}=c;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,E;if(b){const p=(E=(T=Ee.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&E!==void 0?E:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=Ee.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((a=(d=u?.event)===null||d===void 0?void 0:d.onClick)===null||a===void 0)&&a.linkType&&(u.style.cursor="pointer"),u},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const da=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=et(),s=o.useMemo(()=>{var d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F,B,j;if(!t?.video)return null;let L=null;!((a=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||a===void 0)&&a.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const z=i?.[L];if(((v=z?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=z?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=z?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((E=t?.video)===null||E===void 0)&&E.bindProduct)||((p=z?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((m=(h=t?.video)===null||h===void 0?void 0:h.bindProducts)===null||m===void 0)&&m.length)||((C=z?.item)===null||C===void 0?void 0:C.type)==="MultiCommodityDiro"&&!(!((f=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||f===void 0)&&f.length)||((A=z?.item)===null||A===void 0?void 0:A.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(z&&n){const R=n[(w=z?.item)===null||w===void 0?void 0:w.type],V=Bt(R),H=(D=R?.extend)===null||D===void 0?void 0:D.defaulSetting,ee=((M=(I=(x=z?.item)===null||x===void 0?void 0:x.event)===null||I===void 0?void 0:I.onClick)===null||M===void 0?void 0:M.linkType)==="externalLink";return o.createElement(V,Object.assign({style:Object.assign(Object.assign(Object.assign({},H?.style),(N=z?.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),(O=z?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=z?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},H?.props,(B=z?.item)===null||B===void 0?void 0:B.props,{event:((j=z?.item)===null||j===void 0?void 0:j.event)||{},schema:l,id:z?.id,key:z?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var fn=o.memo(da);const mn=({nudge:t})=>{var e,i,n,l,s,d,a;return o.createElement(o.Fragment,null,t?.isOpen&&o.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:(s=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(d=t?.borderRadius)!==null&&d!==void 0?d:4}},t?.icon?o.createElement("img",{src:t.icon,alt:"nudge icon",style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,o.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(a=t?.content)!==null&&a!==void 0?a:"")))},ca=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:a,waterFallData:r,bffEventReport:u,selectTag:c,setSelectTag:v}=me(),{backMainFeed:g}=je(),y=o.useMemo(()=>[Et,...t],[t]),b=T=>()=>{if(T===c)return;T!=="FOR U"?u?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):g("theme",T,c);let E;T!==Et&&(E=T),d?.(!0),i?.({themeTag:E}).then(p=>{var h,m,C,k;tt.emit(We.CHANGE_THEME_TAG,E),n?.((h=p?.recList)!==null&&h!==void 0?h:[]),l?.((m=p?.recList)!==null&&m!==void 0?m:[]),e?.(0),s?.(0),(k=(C=a?.current)===null||C===void 0?void 0:C.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return r||t.length<=0?null:o.createElement("div",{className:"clc-sxp-tagbar"},o.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},y.map(T=>o.createElement("li",{className:`clc-sxp-tagbar-list-item ${T===c?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var hn=o.memo(ca);const gn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:a,tipText:r,nudge:u,_schema:c,hashTagStyle:v,tagList:g=[],licenseUrl:y})=>{var b,T,E,p,h,m,C,k,f,A;const{schema:_}=et(),[S,w]=o.useState(0),D=o.useRef(0);o.useState(!1);const[x,I]=o.useState(!0),M=o.useRef(),[N,O]=o.useState(!1),[$,F]=o.useState(!1),{loadVideos:B,bffEventReport:j,loading:L,setPopupDetailData:z,ctaEvent:R,swiperRef:V,waterFallData:H,setOpenHashtag:ee,appDomain:ue,openHashtag:oe,loadingImage:Y,isFromHashtag:J,popupDetailData:X,bffFbReport:W,curTime:K,h5EnterLink:ye,isShowConsent:Ie,selectTag:Ae}=me(),{backMainFeed:Fe}=je(),se=o.useRef(),{productView:le}=je(),fe=o.useMemo(()=>d.length>0&&!L&&Ln(),[d,L]);o.useEffect(()=>{Ci()},[]),o.useEffect(()=>{if(d?.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d?.length]);const re=o.useCallback(()=>{if(Ci(),ye?.(),d.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d.length,W,ye]),ae=o.useRef();o.useEffect(()=>{var P,ie,q,te;!ae.current&&se?.current&&d?.length>0&&(ae.current=!0,!((ie=(P=d?.[0])===null||P===void 0?void 0:P.video)===null||ie===void 0)&&ie.url&&(se.current.src=(te=(q=d?.[0])===null||q===void 0?void 0:q.video)===null||te===void 0?void 0:te.url))},[se,d]),o.useEffect(()=>{var P;const ie=d?.findIndex(q=>{var te,pe,ve,Q,Z,we,xe,Me,Se;return a==="\u591A\u5546\u54C1CTA"?((te=q?.video)===null||te===void 0?void 0:te.bindProducts)&&((ve=(pe=q?.video)===null||pe===void 0?void 0:pe.bindProducts)===null||ve===void 0?void 0:ve.length)>0:a==="\u5546\u54C1CTA"?(Q=q?.video)===null||Q===void 0?void 0:Q.bindProduct:((we=(Z=q?.video)===null||Z===void 0?void 0:Z.bindCta)===null||we===void 0?void 0:we.itemId)===a&&(((xe=q?.video)===null||xe===void 0?void 0:xe.url)||((Se=(Me=q?.video)===null||Me===void 0?void 0:Me.imgUrls)===null||Se===void 0?void 0:Se.length))})||0;(P=V?.current)===null||P===void 0||P.swiper.slideTo(ie)},[a,V]),o.useEffect(()=>{const P=d?.[S],ie=()=>{var q,te,pe,ve,Q,Z,we,xe,Me,Se,ke,rt,dt,ct,ot,gt;const He=!oe&&!Ie;if(document.visibilityState==="hidden"){He&&(tt.emit(We.PAGE_DID_HIDE,P),G(P),ge(P));let ut="";X&&(!((te=(q=P?.video)===null||q===void 0?void 0:q.bindProducts)===null||te===void 0)&&te.length||!((pe=P?.video)===null||pe===void 0)&&pe.bindProduct)?ut="pdpPage":X&&((we=l?.[(Z=(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&Z!==void 0?Z:""].item)===null||we===void 0?void 0:we.type)==="Appoint"?ut="formPage":J?ut="hashTagPage":!((xe=P?.video)===null||xe===void 0)&&xe.url?ut="videoPage":!((Me=P?.video)===null||Me===void 0)&&Me.imgUrls&&(!((ke=(Se=P?.video)===null||Se===void 0?void 0:Se.imgUrls)===null||ke===void 0)&&ke.length)?ut="imagePage":P?.product&&(ut="productPage"),j?.({eventInfo:{sessionDuration:Math.floor((new Date-K.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(rt=P?.video)===null||rt===void 0?void 0:rt.itemId,productId:(dt=P?.product)===null||dt===void 0?void 0:dt.itemId,position:S+"",fromKName:ut,fromKPage:location?.href,ctatId:(gt=(ot=(ct=P?.video)===null||ct===void 0?void 0:ct.bindCta)===null||ot===void 0?void 0:ot.itemId)!==null&&gt!==void 0?gt:""}})}else document.visibilityState==="visible"&&(re(),He&&(he(S),tt.emit(We.PAGE_DID_SHOW,P),Fe("external",Ae)))};return document.addEventListener("visibilitychange",ie),()=>{document.removeEventListener("visibilitychange",ie)}},[S,j,d,re,X,J,l,K,Fe,oe,Ie,Ae]);const Be=o.useMemo(()=>{let P=0;return g.length>0&&(P+=45,H&&(P-=45)),P},[g,H]),Ce=o.useMemo(()=>{let P=0;return t?.logoUrl&&t?.isShowLogo&&(P+=45),i-P-Be},[t,i,Be]),nt=o.useMemo(()=>t?.logoUrl&&t?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},o.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Xe=o.useCallback((P,ie)=>{var q,te,pe,ve;return!((q=P?.video)===null||q===void 0)&&q.url?o.createElement(ia,{rec:P,index:ie,muted:x,data:d,height:Ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:se.current}):!((te=P?.video)===null||te===void 0)&&te.imgUrls?o.createElement(sa,{key:P?.video.itemId,imgUrls:P?.video.imgUrls,width:n,height:Ce,rec:P,index:ie,onReportViewImageEnd:G,onViewImageStartEvent:he,imgUrlsPostConfig:t?.imgUrlsPost}):P.product&&Array.isArray(t?.productPost)&&((pe=t?.productPost)===null||pe===void 0?void 0:pe.length)>0?(ve=t?.productPost)===null||ve===void 0?void 0:ve.map((Q,Z)=>{var we,xe,Me,Se,ke,rt,dt,ct;const ot=s[(we=Q?.item)===null||we===void 0?void 0:we.type],gt=Bt(ot),He=(xe=ot?.extend)===null||xe===void 0?void 0:xe.defaulSetting;return o.createElement(gt,Object.assign({key:`${ie}${Z}`,textStyle:Object.assign(Object.assign({},He?.textStyle),(Me=Q?.item)===null||Me===void 0?void 0:Me.textStyle),bindDatas:(ke=(Se=Q?.item)===null||Se===void 0?void 0:Se.bindDatas)!==null&&ke!==void 0?ke:[]},He?.props,(rt=Q?.item)===null||rt===void 0?void 0:rt.props,{event:((dt=Q?.item)===null||dt===void 0?void 0:dt.event)||{},schema:_,id:Q?.id,viewTime:M.current,rec:P,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},He?.style),(ct=Q?.item)===null||ct===void 0?void 0:ct.style),{height:"100%",overflow:"auto"}),index:ie}))}):null},[n,d,Ce,x,S,t?.productPost,M,r,s,_,se.current]),Ve=o.useCallback(P=>{F(P)},[]),St=o.useMemo(()=>$?{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"},[$]),Tt=o.useCallback((P,ie)=>{var q,te,pe,ve,Q,Z,we;return P?.video?o.createElement(o.Fragment,null,((q=P?.video)===null||q===void 0?void 0:q.title)&&!$&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:P,index:ie,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(pe=(te=P?.video)===null||te===void 0?void 0:te.title)!==null&&pe!==void 0?pe:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ve}),o.createElement(vn,{index:S,tags:(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.hashTags)!==null&&Q!==void 0?Q:[],itemId:(Z=P?.video)===null||Z===void 0?void 0:Z.itemId,itemType:!((we=P?.video)===null||we===void 0)&&we.itemId?"VIDEO":null,rec:P,hashTagStyle:v})))):null},[e,S,l,s,r,u,v,t,Ve,$,St]),U=o.useCallback((P,ie)=>{var q,te,pe,ve;if(!t?.isShowLike)return;let Q=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return H&&Q<40&&(Q+=40),P?.video?o.createElement(cn,{key:P.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:P.isCollected,recData:P,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(pe=t.likeIconX)!==null&&pe!==void 0?pe:0,[(ve=t.likeIconYPosit)!==null&&ve!==void 0?ve:"bottom"]:Q},position:ie}):null},[t,H]),G=P=>{var ie,q,te,pe,ve,Q;if(!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&(!((q=P?.video)===null||q===void 0)&&q.imgUrls)){const Z=Date.now(),we=(Z-D.current)/1e3;j?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(pe=(te=P?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=P?.video.title)!==null&&ve!==void 0?ve:"",imageEndTime:`${Z}`,playDuration:`${we}`,contentTags:JSON.stringify((Q=P?.video.tags)!==null&&Q!==void 0?Q:[]),position:S+"",contentFormat:"image",traceInfo:P?.video.traceInfo}})}},ne=P=>{var ie,q,te,pe,ve,Q,Z,we,xe,Me;M.current=new Date;const Se=d[P.previousIndex];if(!Se)return;P.previousIndex-P.activeIndex<0?(j?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ie=Se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&q!==void 0?q:"",productId:(pe=(te=Se?.product)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),G(Se)):(j?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ve=Se?.video)===null||ve===void 0?void 0:ve.itemId)!==null&&Q!==void 0?Q:"",productId:(we=(Z=Se.product)===null||Z===void 0?void 0:Z.itemId)!==null&&we!==void 0?we:"",requestId:null}}),G(Se)),ge(Se);const ke=d[P.activeIndex];!(!((xe=ke?.video)===null||xe===void 0)&&xe.url)&&!(!((Me=ke?.video)===null||Me===void 0)&&Me.imgUrls)&&ke?.product&&W?.({eventName:"ProductView"})},ge=P=>{var ie,q,te;!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&!(!((q=P?.video)===null||q===void 0)&&q.imgUrls)&&P?.product&&le(P,P.product,(te=P?.product)===null||te===void 0?void 0:te.bindCta,M.current,S)};o.useEffect(()=>{const P=d[S];oe&&ge(P)},[oe,d,S]);const he=P=>{var ie,q,te,pe,ve,Q;const Z=d[P];if(!(!((ie=Z?.video)===null||ie===void 0)&&ie.url)&&(!((q=Z?.video)===null||q===void 0)&&q.imgUrls)){const we=Date.now();D.current=we,j?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(pe=(te=Z?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=Z?.video.title)!==null&&ve!==void 0?ve:"",imageStartTime:`${we}`,contentTags:JSON.stringify((Q=Z?.video.tags)!==null&&Q!==void 0?Q:[]),position:P+"",contentFormat:"image",traceInfo:Z?.video.traceInfo}}),W?.({eventName:"ViewContent"})}},Te=o.useMemo(()=>{var P;const ie=S===0?[(P=d?.[0])!==null&&P!==void 0?P:null]:d?.map((q,te)=>S===te||te-1===S||te+1===S?q:null);return H?ie:ie.concat([{loading:!0}])},[d,S,H]),be=o.useMemo(()=>L?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):Te?.map((P,ie)=>o.createElement(Qe,{key:ie,virtualIndex:ie},P&&o.createElement(o.Fragment,null,P?.loading?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,Xe(P,ie),Tt(P,ie),U(P,ie))))),[n,d,Ce,L,Tt,Xe,Te,Y]),_e=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Ze=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},H&&o.createElement(sn,{icon:ra,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{ee?.(!0)}}),nt,o.createElement(hn,{tagList:g,setActiveIndex:w}),fe?o.createElement(oa,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((b=t?.swipeTipOffset)!==null&&b!==void 0?b:0)}%`}}):null,o.createElement(vt,{style:{marginTop:Be},ref:V,onSlideChange:()=>{V.current.swiper.allowTouchMove=!1,setTimeout(()=>{V.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:P=>{w(P.activeIndex),!oe&&(ne(P),!H&&P?.activeIndex+2>=d?.length&&(N||(O(!0),B?.(Math.ceil(S/10)+1).then(()=>{O(!1)}))))},direction:"vertical",height:Ce},o.createElement(un,{style:{position:"fixed",visibility:!((E=(T=d?.[S])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(h=t?.muteIconX)!==null&&h!==void 0?h:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(C=t?.muteIconY)!==null&&C!==void 0?C:23},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_e,unactiveIcon:t?.muteIcon?t?.muteIcon:Ze,onChange:I}),be),o.createElement(rn,Object.assign({},(A=(f=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||f===void 0?void 0:f.item)===null||A===void 0?void 0:A.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:se,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",preload:"auto",controls:!1,muted:!0,style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},ua=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(vt,{defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Qe,{key:d},o.createElement(pn,{src:d,height:i,imgUrlsPostConfig:n}))));var pa=o.memo(ua);const va=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:a})=>{const[r,u]=o.useState(!1),c=o.useRef(null),{bffEventReport:v,sxpParameter:g,waterFallData:y,openHashtag:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),C=o.useRef(null),[k,f]=o.useState("");o.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const A=o.useCallback(()=>{var B;(B=c.current)===null||B===void 0||B.play()},[]),_=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;u(!1);const W=n[e];if(W&&(!((B=c?.current)===null||B===void 0)&&B.duration)){T.current=((j=c?.current)===null||j===void 0?void 0:j.currentTime)||0;const K=((z=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&z!==void 0?z:0).toFixed(2),ye=((V=(R=c.current)===null||R===void 0?void 0:R.currentTime)!==null&&V!==void 0?V:0).toFixed(2),Ie=h?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",playType:Ie,startTime:ye,videoDuration:K,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[v,n,e,h]),w=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(B=>()=>{var j,L,z,R,V;if(!E)return;const H=(j=c.current)===null||j===void 0?void 0:j.paused;switch(B){case"start":if(!H)return;(L=c.current)===null||L===void 0||L.play(),u(!1);break;case"pause":if(H)return;(z=c.current)===null||z===void 0||z.pause(),u(!0);break;default:H?(R=c.current)===null||R===void 0||R.play():(V=c.current)===null||V===void 0||V.pause(),u(!H);break}},[E]),x=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;const W=n[e],K=((j=(B=c.current)===null||B===void 0?void 0:B.duration)!==null&&j!==void 0?j:0).toFixed(2),ye=((z=(L=c.current)===null||L===void 0?void 0:L.currentTime)!==null&&z!==void 0?z:0).toFixed(2);if(!((R=c?.current)===null||R===void 0)&&R.duration){const Ie=(((V=c?.current)===null||V===void 0?void 0:V.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",endTime:ye,videoDuration:K,playDuration:Ie,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,v]),I=o.useMemo(()=>d?.mode==="2",[d]),M=o.useMemo(()=>{var B;return d?.mode==="2"?`translateY(-${50+((B=d?.offsetTop)!==null&&B!==void 0?B:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),N=o.useMemo(()=>{var B;return((B=t?.video)===null||B===void 0?void 0:B.cover)||k},[k,t]),O=o.useCallback(()=>{if(!C||!c||!c.current||!C.current)return;const B=c?.current,j=C?.current,L=j.getContext("2d"),z=window?.innerWidth,R=window?.innerHeight;j.height=R,j.width=z,L?.drawImage(B,0,0,j.width,j.height),f(j.toDataURL())},[]);o.useEffect(()=>{var B,j,L,z;if(c.current){if(u(!1),!c.current.src){const R=t?.video.url;if(R.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const V=new window.Hls;V.loadSource(R),V.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=R;else c.current.src=R;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(B=c.current)===null||B===void 0||B.addEventListener("loadedmetadata",w),(j=c.current)===null||j===void 0||j.addEventListener("canplay",w),(L=c.current)===null||L===void 0||L.addEventListener("playing",S),(z=c.current)===null||z===void 0||z.addEventListener("loadeddata",O),()=>{var R,V,H,ee;(R=c.current)===null||R===void 0||R.removeEventListener("loadedmetadata",w),(V=c.current)===null||V===void 0||V.removeEventListener("canplay",w),(H=c.current)===null||H===void 0||H.removeEventListener("playing",S),(ee=c.current)===null||ee===void 0||ee.removeEventListener("loadeddata",O)}}},[w,S,t?.video,O]);const $=o.useMemo(()=>!g?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image,alt:"video poster"}),[E,g?.placeholder_image]);o.useEffect(()=>{const B=()=>{var j,L;s===e&&(!((j=t?.video)===null||j===void 0)&&j.url)&&(!((L=c?.current)===null||L===void 0)&&L.src)&&!r&&D("pause")()};return window.addEventListener("beforeunload",B),()=>{window.removeEventListener("beforeunload",B)}},[s,e,t,c,D,r]);const F=o.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t?.video?o.createElement(o.Fragment,null,I?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement(qe,{src:N,style:Object.assign({height:i,width:a,objectFit:"cover"},F)}),o.createElement("canvas",{ref:C,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:a,height:i,top:"50%",transform:M,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:a,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))),$):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A}),$,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))):null};var fa=o.memo(va);const bi={};Object.values(gi).forEach(t=>{bi[t.extend.type]=t});const ma="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ha="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ga=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:a=664,containerWidth:r=375,appDomain:u,tagList:c=[]})=>{const v=o.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),a-f},[e,a,c]),g=(f,A)=>{var _,S,w,D;if(!((_=f?.video)===null||_===void 0)&&_.url)return o.createElement(fa,{rec:f,index:A,muted:!0,width:r,data:t??[],height:v,activeIndex:A,videoPostConfig:e?.videoPost});if(!((S=f?.video)===null||S===void 0)&&S.imgUrls)return o.createElement(pa,{key:f?.video.itemId,imgUrls:f?.video.imgUrls,width:r,height:v,rec:f,index:A,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((w=e?.productPost)===null||w===void 0?void 0:w.length)>0)return(D=e?.productPost)===null||D===void 0?void 0:D.map((x,I)=>{var M,N,O,$,F,B,j,L;const z=bi[(M=x?.item)===null||M===void 0?void 0:M.type],R=Bt(z),V=(N=z?.extend)===null||N===void 0?void 0:N.defaulSetting;return o.createElement(R,Object.assign({key:`${A}${I}`,textStyle:Object.assign(Object.assign({},V?.textStyle),(O=x?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=x?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},V?.props,(B=x?.item)===null||B===void 0?void 0:B.props,{event:((j=x?.item)===null||j===void 0?void 0:j.event)||{},id:x?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},V?.style),(L=x?.item)===null||L===void 0?void 0:L.style),{width:r,height:v,overflow:"auto"}),index:A}))})},y=o.useMemo(()=>e?.logoUrl&&e?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},o.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),b=(f,A)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:f,index:A,tempMap:l,resolver:bi})):null,T=(f,A)=>{var _,S,w,D,x,I,M;return f?.video?o.createElement(o.Fragment,null,((_=f?.video)===null||_===void 0?void 0:_.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:n}),b(f,A),o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(w=(S=f?.video)===null||S===void 0?void 0:S.title)!==null&&w!==void 0?w:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(vn,{index:A,tags:(x=(D=f?.video)===null||D===void 0?void 0:D.hashTags)!==null&&x!==void 0?x:[],itemId:(I=f?.video)===null||I===void 0?void 0:I.itemId,itemType:!((M=f?.video)===null||M===void 0)&&M.itemId?"VIDEO":null,rec:f,hashTagStyle:d}))):null},E=Ue(ha,u),p=Ue(ma,u),h=(f,A)=>{var _,S,w,D;if(!e?.isShowLike)return;let x=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return x<40&&(x+=40),f?.video?o.createElement(cn,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:E,unActicveIcon:(w=e?.unlikeIcon)!==null&&w!==void 0?w:p,position:A,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:x,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},m=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),C=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),k=(f,A)=>{var _,S,w,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(hn,{tagList:c}),o.createElement(un,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((w=(S=t?.[A])===null||S===void 0?void 0:S.video)===null||w===void 0)&&w.url?"visible":"hidden",bottom:(D=e?.muteIconY)!==null&&D!==void 0?D:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:m,unactiveIcon:e?.muteIcon?e?.muteIcon:C}),g(f,A),T(f,A),h(f,A))};return o.createElement("div",{className:de.css({width:"100%",height:a,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,A)=>k(f,A)))};var ba=o.memo(ga);const ya=()=>{const{schema:t,resolver:e,popup:i}=et(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=me(),{productView:d}=je(),[a,r]=o.useState(),u=o.useRef(null);o.useEffect(()=>{const g=()=>{u.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,r(i))},[i]);const c=()=>{var g,y,b,T;if(!i||i?.id===""||!a||new Date-u.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;r(Object.assign(Object.assign({},i),{id:""}));const E=l,p=(y=E?.video)===null||y===void 0?void 0:y.bindProduct,h=(T=(b=E?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&h&&d(E,p,h,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var g,y,b;return(b=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,E)=>{var p,h,m,C,k,f,A,_,S,w,D,x,I,M,N;if(T?.id===i?.id){const O=e[(p=T?.item)===null||p===void 0?void 0:p.type],$=Bt(O),F=((C=(m=(h=T?.item)===null||h===void 0?void 0:h.event)===null||m===void 0?void 0:m.onClick)===null||C===void 0?void 0:C.linkType)==="externalLink",B=((A=(f=(k=T?.item)===null||k===void 0?void 0:k.event)===null||f===void 0?void 0:f.onClick)===null||A===void 0?void 0:A.linkType)==="popup",j=(_=O?.extend)===null||_===void 0?void 0:_.defaulSetting;return o.createElement($,Object.assign({key:E,style:Object.assign(Object.assign(Object.assign({},j?.style),(S=T?.item)===null||S===void 0?void 0:S.style),{width:(w=window.innerWidth)!==null&&w!==void 0?w:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},j?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(I=(x=T?.item)===null||x===void 0?void 0:x.bindDatas)!==null&&I!==void 0?I:[]},j?.props,(M=T?.item)===null||M===void 0?void 0:M.props,{event:((N=T?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:T?.id,isExternalLink:F,isPopup:B,onClose:c}))}else return o.createElement(o.Fragment,null)})},[t,i,e,c]);return o.createElement(Lt,{popup:a,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},yi={};Object.values(gi).forEach(t=>{yi[t.extend.type]=t});const wa=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:a})=>{var r,u,c,v,g,y,b,T,E,p,h;const m=o.useMemo(()=>{var C;return location?.search?(C=location?.search)===null||C===void 0?void 0:C.replace("?",""):""},[]);return o.createElement(Ni,{resolver:yi,enableDataSource:!1,schema:t?.data,utmVal:m},o.createElement(Mi,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:a,isShowTag:(E=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||E===void 0?void 0:E.isShowTag,globalConfig:(h=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||h===void 0?void 0:h.globalConfig,render:({rtcList:C,tagList:k})=>{var f;return o.createElement(o.Fragment,null,o.createElement(gn,Object.assign({},(f=t?.data)===null||f===void 0?void 0:f.sxpPageConf,{tagList:k,data:C,resolver:yi,licenseUrl:d})),o.createElement(ya,null))}}))};var Sa=o.memo(wa);const bn=o.createContext({}),Ta=({children:t,data:e})=>{var i,n,l,s,d,a,r,u,c,v,g,y,b;const[T,E]=o.useState(!1),[p,h]=o.useState(!1);return o.createElement(bn.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:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.hash_tag_size,loadingImage:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.loading_image,privacyContent:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.privacy_context,privacyNecessity:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_necessity,privacyPolicyTitle:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(g=e?.sxp_parameter)===null||g===void 0?void 0:g.privacy_title,template:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.template,industry:(b=e?.sxp_parameter)===null||b===void 0?void 0:b.industry},appDomain:e?.appDomain,openHashtag:T,setOpenHashtag:E,openConsent:p,setOpenConsent:h}},t)};function xa(){return o.useContext(bn)}exports.DiyPortalPreview=ba,exports.EditorDataProvider=Ta,exports.Modal=Lt,exports.SxpDataSourceProvider=Mi,exports.SxpPageCore=Sa,exports.SxpPageRender=gn,exports.core=Fn,exports.default=An,exports.defaultSetting=Re,exports.materials=gi,exports.useEditorDataProvider=xa;
7
7
  //# sourceMappingURL=index.min.cjs.map