pb-sxp-ui 1.0.87 → 1.0.88

package/dist/pb-ui.min.js

@@ -1,7 +1,6 @@
-(function(Se,Te){typeof exports=="object"&&typeof module<"u"?Te(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","@ant-design/pro-components","react-dom"],Te):(Se=typeof globalThis<"u"?globalThis:Se||self,Te(Se.PUI={},Se.lodash,Se.uuid$1,Se.pako,Se.React,Se.qs,Se.EventEmitter,Se.css,Se.proComponents,Se.ReactDOM))})(this,function(Se,Te,_n,kn,o,$t,Dn,Z,An,Pn){"use strict";function On(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 ki=On(Pn);function Ie(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 r(u){try{c(n.next(u))}catch(v){d(v)}}function a(u){try{c(n.throw(u))}catch(v){d(v)}}function c(u){u.done?s(u.value):l(u.value).then(r,a)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Mn=/:\w+/g;var Di=(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:r,urlParams:a,name:c,queryString:u,headers:v,body:m}=e[l];let y=r;a&&Object.entries(a).forEach(([b,T])=>{y=y.replace(Mn,_=>_===b?T:_)}),u&&(y+=u),n[s]=c;try{const b=yield fetch(y,{method:d,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(T=>T.json());i[s]=b}catch(b){console.error("DataSource request error: ",b),i[s]={}}}return{$store:i,idMapName:n}});const Ai="SXP_TOKEN_INFO",Ln=(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(Ai);let r=JSON.parse(d||"{}");if(Date.now()>((i=r?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(u=>u.json());if(c.success){const u=c.data;r=Object.assign(Object.assign({},u),{expireTime:Date.now()+u.expire*1e3}),window.localStorage.setItem(Ai,JSON.stringify(r))}}return r});function Dt(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 jn=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},Nn=()=>{const t=_n.v4();return t?.replaceAll?t.replaceAll("-",""):jn(32)};function Pi(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),l=kn.inflate(n,{to:"string"});return JSON.parse(l)}let Wt=null;const Bn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class zn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Wt)return Wt;Wt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Bn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Ae=null;const Fn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Ae||(Ae=new zn),n&&Ae.setApiUrl(n),Ae.setAppId(t),Ae.setTenantId(e),Ae.setEnv(i)},getDetail:t=>{if(!Ae)return;const e=Ae.getTenantId(),i=Ae.getAppId(),n=Ae.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 r=yield l.json(),a=Pi((s=r?.data)===null||s===void 0?void 0:s.data);if(a){const{$store:c}=yield Di(n,(d=a?.dataSource)!==null&&d!==void 0?d:[]);r.data.data=a,Object.assign(r.data.data,{__STORE__:c})}return r}))},getSxpDetailByPageId:t=>Oe(void 0,void 0,void 0,function*(){if(!Ae)return;const e=Ae.getTenantId(),i=Ae.getAppId(),n=Ae.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 r=Pi((s=d?.data)===null||s===void 0?void 0:s.data);return d.data.data=r,d.data}))}),getSxpRecommendVideoData:t=>Oe(void 0,void 0,void 0,function*(){if(!Ae)return;const e=yield Ln(Ae,t),i=Dt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Te.isEmpty(n)&&(n=Dt(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(Ui)}function Vn(){return o.useContext(Hi)}const Yt="feRealSessionIdKey",Oi=()=>{const t=Nn();return`${Date.now()}${t}`},Hn=()=>{let t=Gn();return t||(t=Oi(),window.sessionStorage.setItem(Yt,t)),t},Un=()=>{const t=Oi();window.sessionStorage.setItem(Yt,t)},Gn=()=>window.sessionStorage.getItem(Yt),Mi="SXP_FAKE_USER_ID",Li="FAKE_USER_STATE",ji="AGREE_POLICY",Ni=()=>{let t=window.localStorage.getItem(Mi);return Te.isEmpty(t)&&(t=Dt(36,62),window.localStorage.setItem(Mi,t)),t},$n=()=>{const t=window.localStorage.getItem(Li);return Te.isEmpty(t)&&window.localStorage.setItem(Li,"true"),Te.isEmpty(t)};function Ge(t,e){const{appDomain:i}=ve();return o.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const tt=new Dn;var Xe;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Xe||(Xe={}));const Bi=o.createContext({rtcList:[],tagList:[]});var qt;(function(t){t[t.BFF=5]="BFF"})(qt||(qt={}));const zi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],At="FOR U",Wn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:s,isPreview:d=!1,sxpParameter:r,appDomain:a,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1,enabledMetaConversionApi:m=!1,consentHeight:y,consentWidth:b,isShowTag:T=!0,isOpenConsent:_=!1,globalConfig:p,isEditor:g=!1})=>{const[f,E]=o.useState([]),[k,h]=o.useState([]),[O,I]=o.useState(!1),[x,w]=o.useState({rtc:"",requestId:""}),D=o.useRef(null),S=o.useRef(!1),[C,P]=o.useState(()=>!!window.localStorage.getItem(ji)),[M,N]=o.useState(),[H,V]=o.useState(),[j,z]=o.useState(v),[L,F]=o.useState([]),[B,$]=o.useState(0),[U,ee]=o.useState(!1),[ue,fe]=o.useState(null),Y=o.useRef(),q=o.useRef(),[X,Q]=o.useState(At),J=o.useMemo(()=>{var G,W,ie,ge;return((ge=(ie=(W=(G=p?.consent)===null||G===void 0?void 0:G[0])===null||W===void 0?void 0:W.item)===null||ie===void 0?void 0:ie.props)===null||ge===void 0?void 0:ge.privacy_necessity)&&!C&&!g||_},[C,p,_,g]);o.useEffect(()=>{const G=W=>{Y.current=W};return tt.on(Xe.CHANGE_THEME_TAG,G),()=>{tt.off(Xe.CHANGE_THEME_TAG,G)}},[]),o.useEffect(()=>{z(v)},[v]);const ye=o.useMemo(()=>e?.find(G=>G.type===qt.BFF),[e]),te=o.useCallback((G,W)=>{if(!ye)return;const ie=ye.url,ge=Ni();if(W?.query){const ce=$t.stringify(W.query);G=`${G}?${ce}`}return W.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ie}/api/v1${G}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},ye.headers),{"x-user-id":ge}),W.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ie}/api/v1${G}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ge},ye.headers),method:W.method,body:JSON.stringify(W.body)}).then(ce=>ce.json()).catch(ce=>Promise.reject(ce))},[ye]),_e=o.useCallback(G=>Oe(void 0,void 0,void 0,function*(){var W,ie,ge,ce,Ee;if(G={maxSize:(W=G?.maxSize)!==null&&W!==void 0?W:l,defaultSize:(ie=G?.defaultSize)!==null&&ie!==void 0?ie:s,"itemFilter.itemId":G?.["itemFilter.itemId"],"itemFilter.itemType":G?.["itemFilter.itemType"],hashTag:G?.hashTag,traceInfo:G?.traceInfo,themeTag:G?.themeTag},i){const Ce=(Ee=(ce=(ge=i?.split("&"))===null||ge===void 0?void 0:ge.filter(it=>{const st=it.split("=")[0];return zi.includes(st)}))===null||ce===void 0?void 0:ce.join("&"))!==null&&Ee!==void 0?Ee:"";G=Object.assign(Object.assign({},G),{channel:decodeURIComponent(Ce)})}const be=yield te?.("/recommend/list",{method:"GET",query:G});if(be?.success)return G?.hashTag||w({rtc:be.data.rtc,requestId:be.data.requestId}),be?.data}),[te,i,l,s]),Pe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var G,W;if(f.length<=0)return;const ie=yield _e({hashTag:H?.hashTag,"itemFilter.itemId":H?.itemId,"itemFilter.itemType":H?.itemType,themeTag:Y.current});E(f.concat((G=ie?.recList)!==null&&G!==void 0?G:[])),F(L.concat((W=ie?.recList)!==null&&W!==void 0?W:[]))}),[_e,f,H,L]),ke=o.useCallback(({userInfo:G,eventInfo:W})=>{if(!n)return;G||(G={});const ie=Hn(),ge=Object.assign({sessionID:ie,rtc:x.rtc,requestId:x.requestId},W),ce=Object.entries(G).map(([be,Ce])=>({name:be,value:Ce})),Ee=Object.entries(ge).map(([be,Ce])=>Ce&&{name:be,value:Ce}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",G),console.log("eventInfo:",ge),console.log("========= \u7ED3\u675F ========="),te?.("/event/report",{method:"POST",body:{userInfo:ce,eventInfo:Ee},type:"beacon"})},[te,x,n]),le=o.useCallback(G=>{var W,{eventName:ie,actionSource:ge="website",eventSourceUrl:ce=(W=window?.location)===null||W===void 0?void 0:W.href,externalId:Ee}=G;if(!n||!m)return;const be=Ni();return te?.("/fb/events",{method:"POST",body:{eventName:ie,actionSource:ge,eventSourceUrl:ce,userData:{externalId:be}},type:"beacon"})},[te,n,m]),de=o.useCallback(G=>Oe(void 0,void 0,void 0,function*(){const W=yield te?.("/recommend/like",{method:"POST",body:G});return W?.success}),[te]),me=o.useCallback(G=>Oe(void 0,void 0,void 0,function*(){const W=yield te?.("/recommend/unlike",{method:"POST",body:G});return W?.success}),[te]),ne=o.useCallback(G=>Oe(void 0,void 0,void 0,function*(){const W=yield te?.("/customform",{method:"POST",body:G});return W?.success}),[te]),je=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var G,W,ie,ge,ce;if(!(!i||!T))try{const Ee=(ie=(W=(G=i?.split("&"))===null||G===void 0?void 0:G.filter(Ce=>{const it=Ce.split("=")[0];return zi.includes(it)}))===null||W===void 0?void 0:W.join("&"))!==null&&ie!==void 0?ie:"",be=yield te?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Ee)}});h((ce=(ge=be?.data)===null||ge===void 0?void 0:ge.tags)!==null&&ce!==void 0?ce:[])}catch(Ee){console.log("e",Ee)}}),[te,i,T]),Ye=o.useCallback((G,W,ie,ge)=>{var ce,Ee,be,Ce,it,st,It,rt,_t,vt,St,at;const Ve=ie?.bindCta,_i=((ce=W?.video)===null||ce===void 0?void 0:ce.bindProduct)||((Ee=W?.video)===null||Ee===void 0?void 0:Ee.bindProducts)&&((Ce=(be=W?.video)===null||be===void 0?void 0:be.bindProducts)===null||Ce===void 0?void 0:Ce.length)>0;let Tt="";U?Tt="hashTagPage":!((it=W?.video)===null||it===void 0)&&it.url?Tt="videoPage":!((It=(st=W?.video)===null||st===void 0?void 0:st.imgUrls)===null||It===void 0)&&It.length&&(Tt="imagePage"),ke?.({eventInfo:Object.assign(Object.assign({},G),{ctaId:(rt=Ve?.itemId)!==null&&rt!==void 0?rt:"",ctaName:(_t=Ve?.title)!==null&&_t!==void 0?_t:"",contentTags:JSON.stringify(Ve?.tags),position:ge+"",contentId:(St=(vt=W?.video)===null||vt===void 0?void 0:vt.itemId)!==null&&St!==void 0?St:"",productId:_i?ie?.itemId:"",traceInfo:(at=Ve?.traceInfo)!==null&&at!==void 0?at:"",fromKName:Tt})})},[ke,U]),Ke=o.useCallback(()=>{var G,W;const ie=location.search.slice(1),ge=$t.parse(ie.replace(/\+/g,"%2B"));for(const be in ge)ge[be]=ge[be].replace(/%2B/g,"+");const ce=be=>{var Ce;return(Ce=ge[be])!==null&&Ce!==void 0?Ce:""},Ee=new Date;q.current=Ee,ke?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:ce("utm_source"),utmMedium:ce("utm_medium"),utmCampaign:ce("utm_campaign"),utmId:ce("utm_id"),utmContent:ce("utm_content"),enterTime:Math.floor(Ee/1e3)+"",requestId:null,enterUrl:(W=(G=window?.location)===null||G===void 0?void 0:G.href)!==null&&W!==void 0?W:"",clSource:ce("cl_source")}})},[ke]);o.useEffect(()=>{Ke()},[]),o.useEffect(()=>{J||(I(!0),je(),_e().then(G=>{var W,ie;E((W=G?.recList)!==null&&W!==void 0?W:[]),F((ie=G?.recList)!==null&&ie!==void 0?ie:[])}).finally(()=>{ke({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),I(!1),S.current=!0}))},[J]),o.useEffect(()=>{S.current&&(I(!0),je(),_e().then(G=>{var W,ie;E((W=G?.recList)!==null&&W!==void 0?W:[]),F((ie=G?.recList)!==null&&ie!==void 0?ie:[])}).finally(()=>{I(!1)}))},[_e,je]);const pt=Ge("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",a);return o.createElement(Bi.Provider,{value:{rtcList:f,setRtcList:E,mutateLike:de,mutateUnlike:me,submitForm:ne,popupDetailData:M,loadVideos:Pe,setPopupDetailData:N,getRecommendVideos:_e,bffEventReport:ke,utmVal:i,isPreview:d,loading:O,sxpParameter:r,waterFallData:H,setWaterFallData:V,ctaEvent:Ye,swiperRef:D,openHashtag:j,setOpenHashtag:z,cacheRtcList:L,setCacheRtcList:F,cacheActiveIndex:B,setCacheActiveIndex:$,isFromHashtag:U,setIsFromHashtag:ee,appDomain:a,hashTagSize:c,loadingImage:u??pt,isOpenHashTag:v,tagList:k,setLoading:I,videoRef:ue,setVideoRef:fe,bffFbReport:le,isAgreePolicy:C,setIsAgreePolicy:P,curTime:q,h5EnterLink:Ke,themeTag:Y,isShowConsent:J,selectTag:X,setSelectTag:Q}},t({rtcList:f,mutateLike:de,mutateUnlike:me,submitForm:ne,tagList:k}))};var Fi=o.memo(Wn);function ve(){return o.useContext(Bi)}var Vi;(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"})(Vi||(Vi={}));const Hi=o.createContext({$store:{},options:[],configs:[]}),Yn=({children:t,isSsr:e,enable:i})=>{const[n,l]=o.useState([]),{schema:s}=et(),[d,r]=o.useState(s.__STORE__||{}),[a,c]=o.useState([]);o.useEffect(()=>{var m;e||Te.isEqual(a,s?.dataSource)||c((m=s?.dataSource)!==null&&m!==void 0?m:[])},[s?.dataSource,e]);const u=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){const{$store:m,idMapName:y}=yield Di("",a);r(m),v(m,y)}),[a]),v=(m,y)=>{const b=[];Object.entries(m).forEach(([T,_])=>{Object.keys(_).forEach(p=>{const g={label:`${y[T]} - ${p}`,value:`{{ ${T}.${p} }}`};b.push(g)})}),l(b)};return o.useEffect(()=>{e||u()},[u,e,s]),i?o.createElement(Hi.Provider,{value:{$store:s.__STORE__||d,options:n,configs:a}},t):t};var qn=o.memo(Yn);const Pt={id:Dt(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},Xt={id:"",duration:0,name:"none"},Ui=o.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Pt],redoStack:[],popup:Xt,setPopup:()=>{}}),Gi=o.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:s},d)=>{const[r,a]=o.useState(null),[c,u]=o.useState(n||{pointData:[Pt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=o.useState([Pt]),[y,b]=o.useState([[Pt]]),[T,_]=o.useState([]),[p,g]=o.useState(Xt);typeof window<"u"&&(window.sxpPopup=(O,I)=>{g(Object.assign(Object.assign(Object.assign({},Xt),{id:O}),I))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(s?"&"+s:""):O+(s?"?"+s:"")),o.useEffect(()=>{b([c.pointData]),_([])},[c.type]);const f=o.useCallback(O=>{const I=Te.cloneDeep(c);I&&(I.dataSource=O,u?.(I))},[c]),[E,k]=o.useState();o.useImperativeHandle(d,()=>({loadSchema(O){O&&(b([O.pointData]),u(O))},exportSchema(){return Te.cloneDeep(c)},getPageInfoData(){return E},initPageInfoData(O){O&&k(O)}}));const h=o.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return o.createElement(Ui.Provider,{value:{resolver:e,currentNode:r,schema:c,setCurrentNode:a,setSchema:u,saveDataSource:f,prePiontData:v,setPrePiontData:m,pageInfoData:E,setPageInfoData:O=>k(Object.assign(Object.assign({},E),O)),undoStack:y,redoStack:T,setRedoStack:_,setUndoStack:b,getCurPageConf:h,popup:p,setPopup:g}},o.createElement(qn,{isSsr:i,enable:l},t))});var Xn=Object.freeze({__proto__:null,EditorCore:Gi}),Jn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ae=[{label:"defalut",value:"appFont"}],Jt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Kn=Jt&&Jt!==""?JSON.parse(Jt):[];var He={fontOptions:[...ae,...Kn]},Kt,Qt,Zt,Qn=[{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:ae,initialValue:(Kt=ae?.[0])===null||Kt===void 0?void 0:Kt.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:He?.fontOptions,initialValue:(Zt=(Qt=He?.fontOptions)===null||Qt===void 0?void 0:Qt[0])===null||Zt===void 0?void 0:Zt.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 ze(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=ve(),l=o.useCallback((r,a,c,u)=>{var v,m,y,b,T,_,p,g,f,E,k,h,O,I;let x="";e&&(!((m=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((y=r?.video)===null||y===void 0)&&y.bindProduct)?x="pdpPage":n?x="hashTagPage":!((b=r?.video)===null||b===void 0)&&b.url?x="videoPage":!((T=r?.video)===null||T===void 0)&&T.imgUrls&&(!((p=(_=r?.video)===null||_===void 0?void 0:_.imgUrls)===null||p===void 0)&&p.length)?x="imagePage":r?.product&&(x="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(g=a?.itemId)!==null&&g!==void 0?g:"",productName:(f=a?.title)!==null&&f!==void 0?f:"",price:a?.price?a?.price+"":"0",productCollection:(E=a?.collection)!==null&&E!==void 0?E:"",fromKName:x,fromKPage:location?.href,contentTags:a?.tags?JSON.stringify(a?.tags):"",position:u+"",contentId:(h=(k=r?.video)===null||k===void 0?void 0:k.itemId)!==null&&h!==void 0?h:"",ctatId:(O=c?.itemId)!==null&&O!==void 0?O:"",traceInfo:(I=a?.traceInfo)!==null&&I!==void 0?I:""}})},[t,e,n]),s=o.useCallback((r,a,c,u,v)=>{var m,y,b,T;let _="";e&&(!((y=(m=r?.video)===null||m===void 0?void 0:m.bindProducts)===null||y===void 0)&&y.length||!((b=r?.video)===null||b===void 0)&&b.bindProduct)?_="pdpPage":r?.product&&(_="productPage"),t?.({eventInfo:{productId:a?.itemId,productName:a?.title,price:a?.price?a?.price+"":"0",productCollection:a?.collection,fromKName:_,fromKPage:location?.href,contentTags:JSON.stringify(a?.tags),position:v+"",contentId:(T=r?.video)===null||T===void 0?void 0:T.itemId,ctatId:c?.itemId,traceInfo:a?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),d=o.useCallback((r,a,c,u)=>{a&&a===At&&t?.({eventInfo:{lastFeed:r,themeTags:c?`['${c}']`:"",hashTags:u?`['${u}']`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:l,productView:s,backMainFeed:d}}const Zn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:s,submitColor:d,submitText:r,layoutType:a,isExternalLink:c,isPopup:u,onClick:v,onClose:m,submitButtonStyle:y}=t,b=Ie(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:T,popupDetailData:_}=ve(),{jumpToWeb:p}=ze(),g=o.useRef(),[f,E]=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"}],[]),h=o.useMemo(()=>{if(a===void 0){const I=Te.cloneDeep(e)||k;return I?.map(x=>Object.assign(Object.assign({},x),{title:void 0,fieldProps:{placeholder:x?.title}}))}else return Te.cloneDeep(e)||k},[a,e,k]),O=Te.debounce(()=>Oe(void 0,void 0,void 0,function*(){var I,x,w,D,S,C;const P=yield(I=g?.current)===null||I===void 0?void 0:I.getFieldsValue();if(!P)return;const M=(w=(x=Object.keys(P))===null||x===void 0?void 0:x.map(H=>{var V;return{name:H,value:(V=P[H])!==null&&V!==void 0?V:""}}))===null||w===void 0?void 0:w.filter(H=>H?.value);if(!M||!M?.length)return;E(!0);const N=yield T?.({attributes:M});if(E(!1),N){if(c){const H=_,V=(D=H?.video)===null||D===void 0?void 0:D.bindProduct,j=(C=(S=H?.video)===null||S===void 0?void 0:S.bindProduct)===null||C===void 0?void 0:C.bindCta,z=_?.index;p(H,V,j,z)}u||m?.(),v?.()}}),1e3);return o.createElement("div",{className:"pb-appoint-form"},o.createElement("div",{className:`pb-appoint-form-title ${Z.css(Object.assign({},l))}`},n),o.createElement("div",Object.assign({className:Z.css(Object.assign({},i))},b),o.createElement("div",{className:"pb-appoint-form-container"},o.createElement(An.BetaSchemaForm,{columns:h,submitter:!1,layout:a,autoFocusFirstInput:!1,size:"large",formRef:g,className:"panel-reset"}))),o.createElement("div",{className:"pb-appoint-form-btn-wrapper"},o.createElement("button",{"aria-label":r,onClick:O,className:"pb-appoint-form-btn",style:Object.assign({color:d,background:s},y)},f?o.createElement(o.Fragment,null,"loading..."):r)))};var Rn=o.memo(Zn);function Fe(t,e){return t.extend=e,t}const eo=Fe(Rn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Qn,bindableProps:[],interactionRender:Jn},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 Rt,ei,to=[{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:ae,name:["fontFamily"],initialValue:(Rt=ae?.[0])===null||Rt===void 0?void 0:Rt.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:ae,initialValue:(ei=ae?.[0])===null||ei===void 0?void 0:ei.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function $i(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function ti(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:$i(e[i])&&$i(t[i])&&Object.keys(e[i]).length>0&&ti(t[i],e[i])})}const Wi={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 Je(){const t=typeof document<"u"?document:{};return ti(t,Wi),t}const io={document:Wi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Me(){const t=typeof window<"u"?window:{};return ti(t,io),t}function ot(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function no(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function bt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function $e(){return Date.now()}function oo(t){const e=Me();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function lo(t,e){e===void 0&&(e="x");const i=Me();let n,l,s;const d=oo(t);return i.WebKitCSSMatrix?(l=d.transform||d.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(r=>r.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 Ot(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function so(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Ue(){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&&!so(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 r=l[s],a=Object.getOwnPropertyDescriptor(n,r);a!==void 0&&a.enumerable&&(Ot(t[r])&&Ot(n[r])?n[r].__swiper__?t[r]=n[r]:Ue(t[r],n[r]):!Ot(t[r])&&Ot(n[r])?(t[r]={},n[r].__swiper__?t[r]=n[r]:Ue(t[r],n[r])):t[r]=n[r])}}}return t}function Mt(t,e,i){t.style.setProperty(e,i)}function Yi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Me(),s=-e.translate;let d=null,r;const a=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const c=i>s?"next":"prev",u=(m,y)=>c==="next"&&m>=y||c==="prev"&&m<=y,v=()=>{r=new Date().getTime(),d===null&&(d=r);const m=Math.max(Math.min((r-d)/a,1),0),y=.5-Math.cos(m*Math.PI)/2;let b=s+y*(i-s);if(u(b,i)&&(b=i),e.wrapperEl.scrollTo({[n]:b}),u(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 Qe(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Lt(t){try{console.warn(t);return}catch{}}function xt(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:ot(e)),i}function ro(t){const e=Me(),i=Je(),n=t.getBoundingClientRect(),l=i.body,s=t.clientTop||l.clientTop||0,d=t.clientLeft||l.clientLeft||0,r=t===e?e.scrollY:t.scrollTop,a=t===e?e.scrollX:t.scrollLeft;return{top:n.top+r-s,left:n.left+a-d}}function ao(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 uo(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 lt(t,e){return Me().getComputedStyle(t,null).getPropertyValue(e)}function jt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function qi(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 ii(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function ni(t,e,i){const n=Me();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Ze(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function co(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Me();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let d,r=$e(),a;const c=[];function u(f){let O=0,I=0,x=0,w=0;return"detail"in f&&(I=f.detail),"wheelDelta"in f&&(I=-f.wheelDelta/120),"wheelDeltaY"in f&&(I=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(O=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(O=I,I=0),x=O*10,w=I*10,"deltaY"in f&&(w=f.deltaY),"deltaX"in f&&(x=f.deltaX),f.shiftKey&&!x&&(x=w,w=0),(x||w)&&f.deltaMode&&(f.deltaMode===1?(x*=40,w*=40):(x*=800,w*=800)),x&&!O&&(O=x<1?-1:1),w&&!I&&(I=w<1?-1:1),{spinX:O,spinY:I,pixelX:x,pixelY:w}}function v(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function y(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&$e()-r<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&$e()-r<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",f.raw)),r=new s.Date().getTime(),!1)}function b(f){const E=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&E.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&E.releaseOnEdges)return!0;return!1}function T(f){let E=f,k=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const h=e.params.mousewheel;e.params.cssMode&&E.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const I=O&&O.contains(E.target);if(!e.mouseEntered&&!I&&!h.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let x=0;const w=e.rtlTranslate?-1:1,D=u(E);if(h.forceToAxis)if(e.isHorizontal())if(Math.abs(D.pixelX)>Math.abs(D.pixelY))x=-D.pixelX*w;else return!0;else if(Math.abs(D.pixelY)>Math.abs(D.pixelX))x=-D.pixelY;else return!0;else x=Math.abs(D.pixelX)>Math.abs(D.pixelY)?-D.pixelX*w:-D.pixelY;if(x===0)return!0;h.invert&&(x=-x);let S=e.getTranslate()+x*h.sensitivity;if(S>=e.minTranslate()&&(S=e.minTranslate()),S<=e.maxTranslate()&&(S=e.maxTranslate()),k=e.params.loop?!0:!(S===e.minTranslate()||S===e.maxTranslate()),k&&e.params.nested&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const C={time:$e(),delta:Math.abs(x),direction:Math.sign(x),raw:f};c.length>=2&&c.shift();const P=c.length?c[c.length-1]:void 0;if(c.push(C),P?(C.direction!==P.direction||C.delta>P.delta||C.time>P.time+150)&&y(C):y(C),b(C))return!0}else{const C={time:$e(),delta:Math.abs(x),direction:Math.sign(x)},P=a&&C.time<a.time+500&&C.delta<=a.delta&&C.direction===a.direction;if(!P){a=void 0;let M=e.getTranslate()+x*h.sensitivity;const N=e.isBeginning,H=e.isEnd;if(M>=e.minTranslate()&&(M=e.minTranslate()),M<=e.maxTranslate()&&(M=e.maxTranslate()),e.setTransition(0),e.setTranslate(M),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!N&&e.isBeginning||!H&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:C.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(d),d=void 0,c.length>=15&&c.shift();const V=c.length?c[c.length-1]:void 0,j=c[0];if(c.push(C),V&&(C.delta>V.delta||C.direction!==V.direction))c.splice(0);else if(c.length>=15&&C.time-j.time<500&&j.delta-C.delta>=1&&C.delta<=6){const z=x>0?.8:.2;a=C,c.splice(0),d=bt(()=>{e.slideToClosest(e.params.speed,!0,void 0,z)},0)}d||(d=bt(()=>{a=C,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||l("scroll",E),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),h.releaseOnEdges&&(M===e.minTranslate()||M===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function _(f){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[f]("mouseenter",v),E[f]("mouseleave",m),E[f]("wheel",T)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",T),!0):e.mousewheel.enabled?!1:(_("addEventListener"),e.mousewheel.enabled=!0,!0)}function g(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,T),!0):e.mousewheel.enabled?(_("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&g(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&g()}),Object.assign(e.mousewheel,{enable:p,disable:g})}function Xi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let s=Qe(t.el,`.${n[l]}`)[0];s||(s=xt("div",n[l]),s.className=n[l],t.el.append(s)),i[l]=s,e[l]=s}}),i}function yt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Nt(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,r=0;function a(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,g){const{bulletActiveClass:f}=e.params.pagination;p&&(p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${f}-${g}`),p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${f}-${g}-${g}`)))}function u(p){const g=p.target.closest(yt(e.params.pagination.bulletClass));if(!g)return;p.preventDefault();const f=jt(g)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function v(){const p=e.rtl,g=e.params.pagination;if(a())return;let f=e.pagination.el;f=Ze(f);let E,k;const h=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,E=e.activeIndex||0),g.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let x,w,D;if(g.dynamicBullets&&(d=ni(I[0],e.isHorizontal()?"width":"height",!0),f.forEach(S=>{S.style[e.isHorizontal()?"width":"height"]=`${d*(g.dynamicMainBullets+4)}px`}),g.dynamicMainBullets>1&&k!==void 0&&(r+=E-(k||0),r>g.dynamicMainBullets-1?r=g.dynamicMainBullets-1:r<0&&(r=0)),x=Math.max(E-r,0),w=x+(Math.min(I.length,g.dynamicMainBullets)-1),D=(w+x)/2),I.forEach(S=>{const C=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${g.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();S.classList.remove(...C)}),f.length>1)I.forEach(S=>{const C=jt(S);C===E?S.classList.add(...g.bulletActiveClass.split(" ")):e.isElement&&S.setAttribute("part","bullet"),g.dynamicBullets&&(C>=x&&C<=w&&S.classList.add(...`${g.bulletActiveClass}-main`.split(" ")),C===x&&c(S,"prev"),C===w&&c(S,"next"))});else{const S=I[E];if(S&&S.classList.add(...g.bulletActiveClass.split(" ")),e.isElement&&I.forEach((C,P)=>{C.setAttribute("part",P===E?"bullet-active":"bullet")}),g.dynamicBullets){const C=I[x],P=I[w];for(let M=x;M<=w;M+=1)I[M]&&I[M].classList.add(...`${g.bulletActiveClass}-main`.split(" "));c(C,"prev"),c(P,"next")}}if(g.dynamicBullets){const S=Math.min(I.length,g.dynamicMainBullets+4),C=(d*S-d)/2-D*d,P=p?"right":"left";I.forEach(M=>{M.style[e.isHorizontal()?P:"top"]=`${C}px`})}}f.forEach((I,x)=>{if(g.type==="fraction"&&(I.querySelectorAll(yt(g.currentClass)).forEach(w=>{w.textContent=g.formatFractionCurrent(E+1)}),I.querySelectorAll(yt(g.totalClass)).forEach(w=>{w.textContent=g.formatFractionTotal(O)})),g.type==="progressbar"){let w;g.progressbarOpposite?w=e.isHorizontal()?"vertical":"horizontal":w=e.isHorizontal()?"horizontal":"vertical";const D=(E+1)/O;let S=1,C=1;w==="horizontal"?S=D:C=D,I.querySelectorAll(yt(g.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${S}) scaleY(${C})`,P.style.transitionDuration=`${e.params.speed}ms`})}g.type==="custom"&&g.renderCustom?(I.innerHTML=g.renderCustom(e,E+1,O),x===0&&l("paginationRender",I)):(x===0&&l("paginationRender",I),l("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](g.lockClass)})}function m(){const p=e.params.pagination;if(a())return;const g=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let f=e.pagination.el;f=Ze(f);let E="";if(p.type==="bullets"){let k=e.params.loop?Math.ceil(g/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>g&&(k=g);for(let h=0;h<k;h+=1)p.renderBullet?E+=p.renderBullet.call(e,h,p.bulletClass):E+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?E=p.renderFraction.call(e,p.currentClass,p.totalClass):E=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?E=p.renderProgressbar.call(e,p.progressbarFillClass):E=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(k=>{p.type!=="custom"&&(k.innerHTML=E||""),p.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(yt(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",f[0])}function y(){e.params.pagination=Xi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let g;typeof p.el=="string"&&e.isElement&&(g=e.el.querySelector(p.el)),!g&&typeof p.el=="string"&&(g=[...document.querySelectorAll(p.el)]),g||(g=p.el),!(!g||g.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(g)&&g.length>1&&(g=[...e.el.querySelectorAll(p.el)],g.length>1&&(g=g.filter(f=>qi(f,".swiper")[0]===e.el)[0])),Array.isArray(g)&&g.length===1&&(g=g[0]),Object.assign(e.pagination,{el:g}),g=Ze(g),g.forEach(f=>{p.type==="bullets"&&p.clickable&&f.classList.add(...(p.clickableClass||"").split(" ")),f.classList.add(p.modifierClass+p.type),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(f.classList.add(`${p.modifierClass}${p.type}-dynamic`),r=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&f.classList.add(p.progressbarOppositeClass),p.clickable&&f.addEventListener("click",u),e.enabled||f.classList.add(p.lockClass)}))}function b(){const p=e.params.pagination;if(a())return;let g=e.pagination.el;g&&(g=Ze(g),g.forEach(f=>{f.classList.remove(p.hiddenClass),f.classList.remove(p.modifierClass+p.type),f.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(f.classList.remove(...(p.clickableClass||"").split(" ")),f.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:g}=e.pagination;g=Ze(g),g.forEach(f=>{f.classList.remove(p.horizontalClass,p.verticalClass),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?_():(y(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{b()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,g)=>{const f=g.target,E=Ze(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const k=E[0].classList.contains(e.params.pagination.hiddenClass);l(k===!0?"paginationShow":"paginationHide"),E.forEach(h=>h.classList.toggle(e.params.pagination.hiddenClass))}});const T=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList.remove(e.params.pagination.paginationDisabledClass))),y(),m(),v()},_=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList.add(e.params.pagination.paginationDisabledClass))),b()};Object.assign(e.pagination,{enable:T,disable:_,render:m,update:v,init:y,destroy:b})}function po(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Je();let d=!1,r=null,a=null,c,u,v,m;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S,rtlTranslate:C}=e,{dragEl:P,el:M}=S,N=e.params.scrollbar,H=e.params.loop?e.progressLoop:e.progress;let V=u,j=(v-u)*H;C?(j=-j,j>0?(V=u-j,j=0):-j+u>v&&(V=v+j)):j<0?(V=u+j,j=0):j+u>v&&(V=v-j),e.isHorizontal()?(P.style.transform=`translate3d(${j}px, 0, 0)`,P.style.width=`${V}px`):(P.style.transform=`translate3d(0px, ${j}px, 0)`,P.style.height=`${V}px`),N.hide&&(clearTimeout(r),M.style.opacity=1,r=setTimeout(()=>{M.style.opacity=0,M.style.transitionDuration="400ms"},1e3))}function b(S){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${S}ms`)}function T(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S}=e,{dragEl:C,el:P}=S;C.style.width="",C.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*m:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?C.style.width=`${u}px`:C.style.height=`${u}px`,m>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&S.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function _(S){return e.isHorizontal()?S.clientX:S.clientY}function p(S){const{scrollbar:C,rtlTranslate:P}=e,{el:M}=C;let N;N=(_(S)-ro(M)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),N=Math.max(Math.min(N,1),0),P&&(N=1-N);const H=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*N;e.updateProgress(H),e.setTranslate(H),e.updateActiveIndex(),e.updateSlidesClasses()}function g(S){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:M}=e,{el:N,dragEl:H}=P;d=!0,c=S.target===H?_(S)-S.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,S.preventDefault(),S.stopPropagation(),M.style.transitionDuration="100ms",H.style.transitionDuration="100ms",p(S),clearTimeout(a),N.style.transitionDuration="0ms",C.hide&&(N.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",S)}function f(S){const{scrollbar:C,wrapperEl:P}=e,{el:M,dragEl:N}=C;d&&(S.preventDefault&&S.cancelable?S.preventDefault():S.returnValue=!1,p(S),P.style.transitionDuration="0ms",M.style.transitionDuration="0ms",N.style.transitionDuration="0ms",l("scrollbarDragMove",S))}function E(S){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:M}=e,{el:N}=P;d&&(d=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",M.style.transitionDuration=""),C.hide&&(clearTimeout(a),a=bt(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",S),C.snapOnRelease&&e.slideToClosest())}function k(S){const{scrollbar:C,params:P}=e,M=C.el;if(!M)return;const N=M,H=P.passiveListeners?{passive:!1,capture:!1}:!1,V=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!N)return;const j=S==="on"?"addEventListener":"removeEventListener";N[j]("pointerdown",g,H),s[j]("pointermove",f,H),s[j]("pointerup",E,V)}function h(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function I(){const{scrollbar:S,el:C}=e;e.params.scrollbar=Xi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let M;if(typeof P.el=="string"&&e.isElement&&(M=e.el.querySelector(P.el)),!M&&typeof P.el=="string"){if(M=s.querySelectorAll(P.el),!M.length)return}else M||(M=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&M.length>1&&C.querySelectorAll(P.el).length===1&&(M=C.querySelector(P.el)),M.length>0&&(M=M[0]),M.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let N;M&&(N=M.querySelector(yt(e.params.scrollbar.dragClass)),N||(N=xt("div",e.params.scrollbar.dragClass),M.append(N))),Object.assign(S,{el:M,dragEl:N}),P.draggable&&h(),M&&M.classList[e.enabled?"remove":"add"](...ot(e.params.scrollbar.lockClass))}function x(){const S=e.params.scrollbar,C=e.scrollbar.el;C&&C.classList.remove(...ot(e.isHorizontal()?S.horizontalClass:S.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const S=e.params.scrollbar;let{el:C}=e.scrollbar;C=Ze(C),C.forEach(P=>{P.classList.remove(S.horizontalClass,S.verticalClass),P.classList.add(e.isHorizontal()?S.horizontalClass:S.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?D():(I(),T(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{T()}),n("setTranslate",()=>{y()}),n("setTransition",(S,C)=>{b(C)}),n("enable disable",()=>{const{el:S}=e.scrollbar;S&&S.classList[e.enabled?"remove":"add"](...ot(e.params.scrollbar.lockClass))}),n("destroy",()=>{x()});const w=()=>{e.el.classList.remove(...ot(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...ot(e.params.scrollbar.scrollbarDisabledClass)),I(),T(),y()},D=()=>{e.el.classList.add(...ot(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...ot(e.params.scrollbar.scrollbarDisabledClass)),x()};Object.assign(e.scrollbar,{enable:w,disable:D,updateSize:T,setTranslate:y,init:I,destroy:x})}function Bt(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,r,a=s&&s.autoplay?s.autoplay.delay:3e3,c=s&&s.autoplay?s.autoplay.delay:3e3,u,v=new Date().getTime(),m,y,b,T,_,p,g;function f(V){!e||e.destroyed||!e.wrapperEl||V.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!(g||V.detail&&V.detail.bySwiperTouchMove)&&w())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=u,m=!1);const V=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=V,l("autoplayTimeLeft",V,V/a),r=requestAnimationFrame(()=>{E()})},k=()=>{let V;return e.virtual&&e.params.virtual.enabled?V=e.slides.filter(z=>z.classList.contains("swiper-slide-active"))[0]:V=e.slides[e.activeIndex],V?parseInt(V.getAttribute("data-swiper-autoplay"),10):void 0},h=V=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(r),E();let j=typeof V>"u"?e.params.autoplay.delay:V;a=e.params.autoplay.delay,c=e.params.autoplay.delay;const z=k();!Number.isNaN(z)&&z>0&&typeof V>"u"&&(j=z,a=z,c=z),u=j;const L=e.params.speed,F=()=>{!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(()=>{h()})))};return j>0?(clearTimeout(d),d=setTimeout(()=>{F()},j)):requestAnimationFrame(()=>{F()}),j},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,h(),l("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(d),cancelAnimationFrame(r),l("autoplayStop")},x=(V,j)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(d),V||(p=!0);const z=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):w()};if(e.autoplay.paused=!0,j){_&&(u=e.params.autoplay.delay),_=!1,z();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),z())},w=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,h(u)):h(),e.autoplay.paused=!1,l("autoplayResume"))},D=()=>{if(e.destroyed||!e.autoplay.running)return;const V=Je();V.visibilityState==="hidden"&&(p=!0,x(!0)),V.visibilityState==="visible"&&w()},S=V=>{V.pointerType==="mouse"&&(p=!0,g=!0,!(e.animating||e.autoplay.paused)&&x(!0))},C=V=>{V.pointerType==="mouse"&&(g=!1,e.autoplay.paused&&w())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",S),e.el.addEventListener("pointerleave",C))},M=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",S),e.el.removeEventListener("pointerleave",C))},N=()=>{Je().addEventListener("visibilitychange",D)},H=()=>{Je().removeEventListener("visibilitychange",D)};n("init",()=>{e.params.autoplay.enabled&&(P(),N(),O())}),n("destroy",()=>{M(),H(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(b||p)&&w()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():x(!0,!0)}),n("beforeTransitionStart",(V,j,z)=>{e.destroyed||!e.autoplay.running||(z||!e.params.autoplay.disableOnInteraction?x(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}y=!0,b=!1,p=!1,T=setTimeout(()=>{p=!0,b=!0,x(!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||(_=!0)}),Object.assign(e.autoplay,{start:O,stop:I,pause:x,resume:w})}function vo(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 a=e.getTranslate();e.setTranslate(a),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function d(){if(e.params.cssMode)return;const{touchEventsData:a,touches:c}=e;a.velocities.length===0&&a.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:$e()})}function r(a){let{currentPos:c}=a;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:m,snapGrid:y,touchEventsData:b}=e,_=$e()-b.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(u.freeMode.momentum){if(b.velocities.length>1){const I=b.velocities.pop(),x=b.velocities.pop(),w=I.position-x.position,D=I.time-x.time;e.velocity=w/D,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(D>150||$e()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,b.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const g=e.velocity*p;let f=e.translate+g;m&&(f=-f);let E=!1,k;const h=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let O;if(f<e.maxTranslate())u.freeMode.momentumBounce?(f+e.maxTranslate()<-h&&(f=e.maxTranslate()-h),k=e.maxTranslate(),E=!0,b.allowMomentumBounce=!0):f=e.maxTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(f>e.minTranslate())u.freeMode.momentumBounce?(f-e.minTranslate()>h&&(f=e.minTranslate()+h),k=e.minTranslate(),E=!0,b.allowMomentumBounce=!0):f=e.minTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(u.freeMode.sticky){let I;for(let x=0;x<y.length;x+=1)if(y[x]>-f){I=x;break}Math.abs(y[I]-f)<Math.abs(y[I-1]-f)||e.swipeDirection==="next"?f=y[I]:f=y[I-1],f=-f}if(O&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?p=Math.abs((-f-e.translate)/e.velocity):p=Math.abs((f-e.translate)/e.velocity),u.freeMode.sticky){const I=Math.abs((m?-f:f)-e.translate),x=e.slidesSizesGrid[e.activeIndex];I<x?p=u.speed:I<2*x?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&E?(e.updateProgress(k),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,ii(v,()=>{!e||e.destroyed||!b.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(k),ii(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,ii(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||_>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:d,onTouchEnd:r}})}let oi;function fo(){const t=Me(),e=Je();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ji(){return oi||(oi=fo()),oi}let li;function mo(t){let{userAgent:e}=t===void 0?{}:t;const i=Ji(),n=Me(),l=n.navigator.platform,s=e||n.navigator.userAgent,d={ios:!1,android:!1},r=n.screen.width,a=n.screen.height,c=s.match(/(Android);?[\s\/]+([\d.]+)?/);let u=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),m=!u&&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!u&&b&&i.touch&&T.indexOf(`${r}x${a}`)>=0&&(u=s.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),b=!1),c&&!y&&(d.os="android",d.android=!0),(u||m||v)&&(d.os="ios",d.ios=!0),d}function Ki(t){return t===void 0&&(t={}),li||(li=mo(t)),li}let si;function ho(){const t=Me(),e=Ki();let i=!1;function n(){const r=t.navigator.userAgent.toLowerCase();return r.indexOf("safari")>=0&&r.indexOf("chrome")<0&&r.indexOf("android")<0}if(n()){const r=String(t.navigator.userAgent);if(r.includes("Version/")){const[a,c]=r.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=a<16||a===16&&c<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 go(){return si||(si=ho()),si}function bo(t){let{swiper:e,on:i,emit:n}=t;const l=Me();let s=null,d=null;const r=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},a=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{d=l.requestAnimationFrame(()=>{const{width:m,height:y}=e;let b=m,T=y;v.forEach(_=>{let{contentBoxSize:p,contentRect:g,target:f}=_;f&&f!==e.el||(b=g?g.width:(p[0]||p).inlineSize,T=g?g.height:(p[0]||p).blockSize)}),(b!==m||T!==y)&&r()})}),s.observe(e.el))},c=()=>{d&&l.cancelAnimationFrame(d),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},u=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){a();return}l.addEventListener("resize",r),l.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),l.removeEventListener("resize",r),l.removeEventListener("orientationchange",u)})}function yo(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=[],d=Me(),r=function(u,v){v===void 0&&(v={});const m=d.MutationObserver||d.WebkitMutationObserver,y=new m(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(u,{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)},a=()=>{if(e.params.observer){if(e.params.observeParents){const u=qi(e.hostEl);for(let v=0;v<u.length;v+=1)r(u[v])}r(e.hostEl,{childList:e.params.observeSlideChildren}),r(e.wrapperEl,{attributes:!1})}},c=()=>{s.forEach(u=>{u.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",a),n("destroy",c)}var wo={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),r=0;r<s;r++)d[r]=arguments[r];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(a=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[a,...i])}),t.eventsListeners&&t.eventsListeners[a]&&t.eventsListeners[a].forEach(c=>{c.apply(n,i)})}),t}};function So(){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(lt(n,"padding-left")||0,10)-parseInt(lt(n,"padding-right")||0,10),i=i-parseInt(lt(n,"padding-top")||0,10)-parseInt(lt(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 To(){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:r}=t,a=t.virtual&&i.virtual.enabled,c=a?t.virtual.slides.length:t.slides.length,u=Qe(l,`.${t.params.slideClass}, swiper-slide`),v=a?t.virtual.slides.length:u.length;let m=[];const y=[],b=[];let T=i.slidesOffsetBefore;typeof T=="function"&&(T=i.slidesOffsetBefore.call(t));let _=i.slidesOffsetAfter;typeof _=="function"&&(_=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,g=t.slidesGrid.length;let f=i.spaceBetween,E=-T,k=0,h=0;if(typeof s>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*s:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,u.forEach(w=>{d?w.style.marginLeft="":w.style.marginRight="",w.style.marginBottom="",w.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(Mt(n,"--swiper-centered-offset-before",""),Mt(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let I;const x=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){I=0;let D;if(u[w]&&(D=u[w]),O&&t.grid.updateSlide(w,D,u),!(u[w]&&lt(D,"display")==="none")){if(i.slidesPerView==="auto"){x&&(u[w].style[t.getDirectionLabel("width")]="");const S=getComputedStyle(D),C=D.style.transform,P=D.style.webkitTransform;if(C&&(D.style.transform="none"),P&&(D.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?ni(D,"width",!0):ni(D,"height",!0);else{const M=e(S,"width"),N=e(S,"padding-left"),H=e(S,"padding-right"),V=e(S,"margin-left"),j=e(S,"margin-right"),z=S.getPropertyValue("box-sizing");if(z&&z==="border-box")I=M+V+j;else{const{clientWidth:L,offsetWidth:F}=D;I=M+N+H+V+j+(F-L)}}C&&(D.style.transform=C),P&&(D.style.webkitTransform=P),i.roundLengths&&(I=Math.floor(I))}else I=(s-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),u[w]&&(u[w].style[t.getDirectionLabel("width")]=`${I}px`);u[w]&&(u[w].swiperSlideSize=I),b.push(I),i.centeredSlides?(E=E+I/2+k/2+f,k===0&&w!==0&&(E=E-s/2-f),w===0&&(E=E-s/2-f),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),h%i.slidesPerGroup===0&&m.push(E),y.push(E)):(i.roundLengths&&(E=Math.floor(E)),(h-Math.min(t.params.slidesPerGroupSkip,h))%t.params.slidesPerGroup===0&&m.push(E),y.push(E),E=E+I+f),t.virtualSize+=I+f,k=I,h+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+_,d&&r&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),O&&t.grid.updateWrapperSize(I,m),!i.centeredSlides){const w=[];for(let D=0;D<m.length;D+=1){let S=m[D];i.roundLengths&&(S=Math.floor(S)),m[D]<=t.virtualSize-s&&w.push(S)}m=w,Math.floor(t.virtualSize-s)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-s)}if(a&&i.loop){const w=b[0]+f;if(i.slidesPerGroup>1){const D=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),S=w*i.slidesPerGroup;for(let C=0;C<D;C+=1)m.push(m[m.length-1]+S)}for(let D=0;D<t.virtual.slidesBefore+t.virtual.slidesAfter;D+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+w),y.push(y[y.length-1]+w),t.virtualSize+=w}if(m.length===0&&(m=[0]),f!==0){const w=t.isHorizontal()&&d?"marginLeft":t.getDirectionLabel("marginRight");u.filter((D,S)=>!i.cssMode||i.loop?!0:S!==u.length-1).forEach(D=>{D.style[w]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let w=0;b.forEach(S=>{w+=S+(f||0)}),w-=f;const D=w-s;m=m.map(S=>S<=0?-T:S>D?D+_:S)}if(i.centerInsufficientSlides){let w=0;b.forEach(S=>{w+=S+(f||0)}),w-=f;const D=(i.slidesOffsetBefore||0)+(i.slidesOffsetAfter||0);if(w+D<s){const S=(s-w-D)/2;m.forEach((C,P)=>{m[P]=C-S}),y.forEach((C,P)=>{y[P]=C+S})}}if(Object.assign(t,{slides:u,snapGrid:m,slidesGrid:y,slidesSizesGrid:b}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){Mt(n,"--swiper-centered-offset-before",`${-m[0]}px`),Mt(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(S=>S+w),t.slidesGrid=t.slidesGrid.map(S=>S+D)}if(v!==c&&t.emit("slidesLengthChange"),m.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==g&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!a&&!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 xo(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=r=>n?e.slides[e.getSlideIndexByData(r)]:e.slides[r];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(r=>{i.push(r)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const r=e.activeIndex+s;if(r>e.slides.length&&!n)break;i.push(d(r))}else i.push(d(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const r=i[s].offsetHeight;l=r>l?r:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function Eo(){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 Qi=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function Co(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 r=i.spaceBetween;typeof r=="string"&&r.indexOf("%")>=0?r=parseFloat(r.replace("%",""))/100*e.size:typeof r=="string"&&(r=parseFloat(r));for(let a=0;a<n.length;a+=1){const c=n[a];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(d+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),m=(d-s[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),y=-(d-u),b=y+e.slidesSizesGrid[a],T=y>=0&&y<=e.size-e.slidesSizesGrid[a],_=y>=0&&y<e.size-1||b>1&&b<=e.size||y<=0&&b>=e.size;_&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(a)),Qi(c,_,i.slideVisibleClass),Qi(c,T,i.slideFullyVisibleClass),c.progress=l?-v:v,c.originalProgress=l?-m:m}}function Io(t){const e=this;if(typeof t>"u"){const u=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*u||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:s,isEnd:d,progressLoop:r}=e;const a=s,c=d;if(n===0)l=0,s=!0,d=!0;else{l=(t-e.minTranslate())/n;const u=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=u||l<=0,d=v||l>=1,u&&(l=0),v&&(l=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[u],y=e.slidesGrid[v],b=e.slidesGrid[e.slidesGrid.length-1],T=Math.abs(t);T>=m?r=(T-m)/b:r=(T+b-y)/b,r>1&&(r-=1)}Object.assign(e,{progress:l,progressLoop:r,isBeginning:s,isEnd:d}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!a&&e.emit("reachBeginning toEdge"),d&&!c&&e.emit("reachEnd toEdge"),(a&&!s||c&&!d)&&e.emit("fromEdge"),e.emit("progress",l)}const ri=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function _o(){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,r=v=>Qe(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];let a,c,u;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),a=r(`[data-swiper-slide-index="${v}"]`)}else a=r(`[data-swiper-slide-index="${l}"]`);else d?(a=e.filter(v=>v.column===l)[0],u=e.filter(v=>v.column===l+1)[0],c=e.filter(v=>v.column===l-1)[0]):a=e[l];a&&(d||(u=uo(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),c=ao(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]))),e.forEach(v=>{ri(v,v===a,i.slideActiveClass),ri(v,v===u,i.slideNextClass),ri(v,v===c,i.slidePrevClass)}),t.emitSlidesClasses()}const zt=(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()}},ai=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},di=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,r=[d-e];r.push(...Array.from({length:e}).map((a,c)=>d+n+c)),t.slides.forEach((a,c)=>{r.includes(a.column)&&ai(t,c)});return}const s=l+n-1;if(t.params.rewind||t.params.loop)for(let d=l-e;d<=s+e;d+=1){const r=(d%i+i)%i;(r<l||r>s)&&ai(t,r)}else for(let d=Math.max(l-e,0);d<=Math.min(s+e,i-1);d+=1)d!==l&&(d>s||d<l)&&ai(t,d)};function ko(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 Do(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:s,realIndex:d,snapIndex:r}=e;let a=t,c;const u=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 a>"u"&&(a=ko(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(l.slidesPerGroupSkip,a);c=y+Math.floor((a-y)/l.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),a===s&&!e.params.loop){c!==r&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(a===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(a);return}const v=e.grid&&l.grid&&l.grid.rows>1;let m;if(e.virtual&&l.virtual.enabled&&l.loop)m=u(a);else if(v){const y=e.slides.filter(T=>T.column===a)[0];let b=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(b)&&(b=Math.max(e.slides.indexOf(y),0)),m=Math.floor(b/l.grid.rows)}else if(e.slides[a]){const y=e.slides[a].getAttribute("data-swiper-slide-index");y?m=parseInt(y,10):m=a}else m=a;Object.assign(e,{previousSnapIndex:r,snapIndex:c,previousRealIndex:d,realIndex:m,previousIndex:s,activeIndex:a}),e.initialized&&di(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(d!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function Ao(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(r=>{!l&&r.matches&&r.matches(`.${n.slideClass}, swiper-slide`)&&(l=r)});let s=!1,d;if(l){for(let r=0;r<i.slides.length;r+=1)if(i.slides[r]===l){s=!0,d=r;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 Po={updateSize:So,updateSlides:To,updateAutoHeight:xo,updateSlidesOffset:Eo,updateSlidesProgress:Co,updateProgress:Io,updateSlidesClasses:_o,updateActiveIndex:Do,updateClickedSlide:Ao};function Oo(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=lo(s,t);return d+=e.cssOverflowAdjustment(),n&&(d=-d),d||0}function Mo(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:s,progress:d}=i;let r=0,a=0;const c=0;i.isHorizontal()?r=n?-t:t:a=t,l.roundLengths&&(r=Math.floor(r),a=Math.floor(a)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?r:a,l.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-r:-a:l.virtualTranslate||(i.isHorizontal()?r-=i.cssOverflowAdjustment():a-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${r}px, ${a}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==d&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Lo(){return-this.snapGrid[0]}function jo(){return-this.snapGrid[this.snapGrid.length-1]}function No(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:r}=s;if(s.animating&&d.preventInteractionOnTransition)return!1;const a=s.minTranslate(),c=s.maxTranslate();let u;if(n&&t>a?u=a:n&&t<c?u=c:u=t,s.updateProgress(u),d.cssMode){const v=s.isHorizontal();if(e===0)r[v?"scrollLeft":"scrollTop"]=-u;else{if(!s.support.smoothScroll)return Yi({swiper:s,targetPosition:-u,side:v?"left":"top"}),!0;r.scrollTo({[v?"left":"top"]:-u,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(m){!s||s.destroyed||m.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 Bo={getTranslate:Oo,setTranslate:Mo,minTranslate:Lo,maxTranslate:jo,translateTo:No};function zo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function Zi(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:s,previousIndex:d}=e;let r=n;if(r||(s>d?r="next":s<d?r="prev":r="reset"),e.emit(`transition${l}`),i&&s!==d){if(r==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),r==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function Fo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Zi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Vo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Zi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Ho={setTransition:zo,transitionStart:Fo,transitionEnd:Vo};function Uo(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:r,snapGrid:a,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:m,wrapperEl:y,enabled:b}=s;if(!b&&!n&&!l||s.destroyed||s.animating&&r.preventInteractionOnTransition)return!1;typeof e>"u"&&(e=s.params.speed);const T=Math.min(s.params.slidesPerGroupSkip,d);let _=T+Math.floor((d-T)/s.params.slidesPerGroup);_>=a.length&&(_=a.length-1);const p=-a[_];if(r.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const E=-Math.floor(p*100),k=Math.floor(c[f]*100),h=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?E>=k&&E<h-(h-k)/2?d=f:E>=k&&E<h&&(d=f+1):E>=k&&(d=f)}if(s.initialized&&d!==v&&(!s.allowSlideNext&&(m?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!==(u||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let g;if(d>v?g="next":d<v?g="prev":g="reset",m&&-p===s.translate||!m&&p===s.translate)return s.updateActiveIndex(d),r.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),r.effect!=="slide"&&s.setTranslate(p),g!=="reset"&&(s.transitionStart(i,g),s.transitionEnd(i,g)),!1;if(r.cssMode){const f=s.isHorizontal(),E=m?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[f?"scrollLeft":"scrollTop"]=E})):y[f?"scrollLeft":"scrollTop"]=E,k&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return Yi({swiper:s,targetPosition:E,side:f?"left":"top"}),!0;y.scrollTo({[f?"left":"top"]:E,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(d),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,g),e===0?s.transitionEnd(i,g):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(E){!s||s.destroyed||E.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,g))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function Go(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 r;if(s){const m=d*l.params.grid.rows;r=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=l.getSlideIndexByData(d);const a=s?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:c}=l.params;let u=l.params.slidesPerView;u==="auto"?u=l.slidesPerViewDynamic():(u=Math.ceil(parseFloat(l.params.slidesPerView,10)),c&&u%2===0&&(u=u+1));let v=a-r<u;if(c&&(v=v||r<Math.ceil(u/2)),n&&c&&l.params.slidesPerView!=="auto"&&!s&&(v=!1),v){const m=c?r<l.activeIndex?"prev":"next":r-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?r+1:r-a+1,slideRealIndex:m==="next"?l.realIndex:void 0})}if(s){const m=d*l.params.grid.rows;d=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===m)[0].column}else d=l.getSlideIndexByData(d)}return requestAnimationFrame(()=>{l.slideTo(d,e,i,n)}),l}function $o(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 r=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(r=Math.max(n.slidesPerViewDynamic("current",!0),1));const a=n.activeIndex<s.slidesPerGroupSkip?1:r,c=n.virtual&&s.virtual.enabled;if(s.loop){if(d&&!c&&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+a,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+a,t,e,i)}function Wo(t,e,i){e===void 0&&(e=!0);const n=this,{params:l,snapGrid:s,slidesGrid:d,rtlTranslate:r,enabled:a,animating:c}=n;if(!a||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);const u=n.virtual&&l.virtual.enabled;if(l.loop){if(c&&!u&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=r?n.translate:-n.translate;function m(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const y=m(v),b=s.map(p=>m(p));let T=s[b.indexOf(y)-1];if(typeof T>"u"&&l.cssMode){let p;s.forEach((g,f)=>{y>=g&&(p=f)}),typeof p<"u"&&(T=s[p>0?p-1:p])}let _=0;if(typeof T<"u"&&(_=d.indexOf(T),_<0&&(_=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(_=_-n.slidesPerViewDynamic("previous",!0)+1,_=Math.max(_,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(_,t,e,i)}),!0;return n.slideTo(_,t,e,i)}function Yo(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 qo(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),r=d+Math.floor((s-d)/l.params.slidesPerGroup),a=l.rtlTranslate?l.translate:-l.translate;if(a>=l.snapGrid[r]){const c=l.snapGrid[r],u=l.snapGrid[r+1];a-c>(u-c)*n&&(s+=l.params.slidesPerGroup)}else{const c=l.snapGrid[r-1],u=l.snapGrid[r];a-c<=(u-c)*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 Xo(){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(Qe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),bt(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Qe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),bt(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Jo={slideTo:Uo,slideToLoop:Go,slideNext:$o,slidePrev:Wo,slideReset:Yo,slideToClosest:qo,slideToClickedSlide:Xo};function Ko(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Qe(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},s=e.grid&&i.grid&&i.grid.rows>1,d=i.slidesPerGroup*(s?i.grid.rows:1),r=e.slides.length%d!==0,a=s&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const m=e.isElement?xt("swiper-slide",[i.slideBlankClass]):xt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(r){if(i.loopAddBlankSlides){const u=d-e.slides.length%d;c(u),e.recalcSlides(),e.updateSlides()}else Lt("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(a){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else Lt("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 Qo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:s,byController:d,byMousewheel:r}=t===void 0?{}:t;const a=this;if(!a.params.loop)return;a.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:m,params:y}=a,{centeredSlides:b}=y;if(a.allowSlidePrev=!0,a.allowSlideNext=!0,a.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&a.snapIndex===0?a.slideTo(a.virtual.slides.length,0,!1,!0):y.centeredSlides&&a.snapIndex<y.slidesPerView?a.slideTo(a.virtual.slides.length+a.snapIndex,0,!1,!0):a.snapIndex===a.snapGrid.length-1&&a.slideTo(a.virtual.slidesBefore,0,!1,!0)),a.allowSlidePrev=u,a.allowSlideNext=v,a.emit("loopFix");return}let T=y.slidesPerView;T==="auto"?T=a.slidesPerViewDynamic():(T=Math.ceil(parseFloat(y.slidesPerView,10)),b&&T%2===0&&(T=T+1));const _=y.slidesPerGroupAuto?T:y.slidesPerGroup;let p=_;p%_!==0&&(p+=_-p%_),p+=y.loopAdditionalSlides,a.loopedSlides=p;const g=a.grid&&y.grid&&y.grid.rows>1;c.length<T+p?Lt("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"):g&&y.grid.fill==="row"&&Lt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],E=[];let k=a.activeIndex;typeof s>"u"?s=a.getSlideIndex(c.filter(C=>C.classList.contains(y.slideActiveClass))[0]):k=s;const h=n==="next"||!n,O=n==="prev"||!n;let I=0,x=0;const w=g?Math.ceil(c.length/y.grid.rows):c.length,S=(g?c[s].column:s)+(b&&typeof l>"u"?-T/2+.5:0);if(S<p){I=Math.max(p-S,_);for(let C=0;C<p-S;C+=1){const P=C-Math.floor(C/w)*w;if(g){const M=w-P-1;for(let N=c.length-1;N>=0;N-=1)c[N].column===M&&f.push(N)}else f.push(w-P-1)}}else if(S+T>w-p){x=Math.max(S-(w-p*2),_);for(let C=0;C<x;C+=1){const P=C-Math.floor(C/w)*w;g?c.forEach((M,N)=>{M.column===P&&E.push(N)}):E.push(P)}}if(a.__preventObserver__=!0,requestAnimationFrame(()=>{a.__preventObserver__=!1}),O&&f.forEach(C=>{c[C].swiperLoopMoveDOM=!0,m.prepend(c[C]),c[C].swiperLoopMoveDOM=!1}),h&&E.forEach(C=>{c[C].swiperLoopMoveDOM=!0,m.append(c[C]),c[C].swiperLoopMoveDOM=!1}),a.recalcSlides(),y.slidesPerView==="auto"?a.updateSlides():g&&(f.length>0&&O||E.length>0&&h)&&a.slides.forEach((C,P)=>{a.grid.updateSlide(P,C,a.slides)}),y.watchSlidesProgress&&a.updateSlidesOffset(),i){if(f.length>0&&O){if(typeof e>"u"){const C=a.slidesGrid[k],M=a.slidesGrid[k+I]-C;r?a.setTranslate(a.translate-M):(a.slideTo(k+Math.ceil(I),0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-M,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-M))}else if(l){const C=g?f.length/y.grid.rows:f.length;a.slideTo(a.activeIndex+C,0,!1,!0),a.touchEventsData.currentTranslate=a.translate}}else if(E.length>0&&h)if(typeof e>"u"){const C=a.slidesGrid[k],M=a.slidesGrid[k-x]-C;r?a.setTranslate(a.translate-M):(a.slideTo(k-x,0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-M,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-M))}else{const C=g?E.length/y.grid.rows:E.length;a.slideTo(a.activeIndex-C,0,!1,!0)}}if(a.allowSlidePrev=u,a.allowSlideNext=v,a.controller&&a.controller.control&&!d){const C={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:s,byController:!0};Array.isArray(a.controller.control)?a.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...C,slideTo:P.params.slidesPerView===y.slidesPerView?i:!1})}):a.controller.control instanceof a.constructor&&a.controller.control.params.loop&&a.controller.control.loopFix({...C,slideTo:a.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}a.emit("loopFix")}function Zo(){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 Ro={loopCreate:Ko,loopFix:Qo,loopDestroy:Zo};function el(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 tl(){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 il={setGrabCursor:el,unsetGrabCursor:tl};function nl(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Je()||n===Me())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 Ri(t,e,i){const n=Me(),{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 ol(t){const e=this,i=Je();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"){Ri(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:d,enabled:r}=e;if(!r||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let a=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(a)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const c=!!s.noSwipingClass&&s.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(a=u[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(m?nl(v,a):a.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!a.closest(s.swipeHandler))return;d.currentX=n.pageX,d.currentY=n.pageY;const y=d.currentX,b=d.currentY;if(!Ri(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=$e(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,s.threshold>0&&(l.allowThresholdMove=!1);let T=!0;a.matches(l.focusableElements)&&(T=!1,a.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==a&&i.activeElement.blur();const _=T&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||_)&&!a.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function ll(t){const e=Je(),i=this,n=i.touchEventsData,{params:l,touches:s,rtlTranslate:d,enabled:r}=i;if(!r||!l.simulateTouch&&t.pointerType==="mouse")return;let a=t;if(a.originalEvent&&(a=a.originalEvent),a.type==="pointermove"&&(n.touchId!==null||a.pointerId!==n.pointerId))return;let c;if(a.type==="touchmove"){if(c=[...a.changedTouches].filter(h=>h.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=a;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",a);return}const u=c.pageX,v=c.pageY;if(a.preventedByNestedSwiper){s.startX=u,s.startY=v;return}if(!i.allowTouchMove){a.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=$e());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(u<s.startX&&i.translate<=i.maxTranslate()||u>s.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&a.target===e.activeElement&&a.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",a),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=u,s.currentY=v;const m=s.currentX-s.startX,y=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(m**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let h;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:m*m+y*y>=25&&(h=Math.atan2(Math.abs(y),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?h>l.touchAngle:90-h>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",a),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.startY)&&(n.startMoving=!0),n.isScrolling||a.type==="touchmove"&&n.preventTouchMoveFromPointerMove){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&a.cancelable&&a.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&a.stopPropagation();let b=i.isHorizontal()?m: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 _=i.touchesDirection;i.swipeDirection=b>0?"prev":"next",i.touchesDirection=T>0?"prev":"next";const p=i.params.loop&&!l.cssMode,g=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&g&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const h=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});i.wrapperEl.dispatchEvent(h)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",a)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&_!==i.touchesDirection&&p&&g&&Math.abs(b)>=1){Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",a),n.isMoved=!0,n.currentTranslate=b+n.startTranslate;let E=!0,k=l.resistanceRatio;if(l.touchReleaseOnEdges&&(k=0),b>0?(p&&g&&!f&&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()&&(E=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+b)**k))):b<0&&(p&&g&&!f&&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()&&(E=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-b)**k))),E&&(a.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),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 sl(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:r,rtlTranslate:a,slidesGrid:c,enabled:u}=e;if(!u||!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=$e(),m=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),m<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=$e(),bt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||r.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=a?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.slidesSizesGrid[0];for(let k=0;k<c.length;k+=k<d.slidesPerGroupSkip?1:d.slidesPerGroup){const h=k<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;typeof c[k+h]<"u"?(b||y>=c[k]&&y<c[k+h])&&(T=k,_=c[k+h]-c[k]):(b||y>=c[k])&&(T=k,_=c[c.length-1]-c[c.length-2])}let p=null,g=null;d.rewind&&(e.isBeginning?g=d.virtual&&d.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const f=(y-c[T])/_,E=T<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;if(m>d.longSwipesMs){if(!d.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=d.longSwipesRatio?e.slideTo(d.rewind&&e.isEnd?p:T+E):e.slideTo(T)),e.swipeDirection==="prev"&&(f>1-d.longSwipesRatio?e.slideTo(T+E):g!==null&&f<0&&Math.abs(f)>d.longSwipesRatio?e.slideTo(g):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+E):e.slideTo(T):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:T+E),e.swipeDirection==="prev"&&e.slideTo(g!==null?g:T))}}function en(){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 r=d&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!r?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 rl(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function al(){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 dl(t){const e=this;zt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function ul(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const tn=(t,e)=>{const i=Je(),{params:n,el:l,wrapperEl:s,device:d}=t,r=!!n.nested,a=e==="on"?"addEventListener":"removeEventListener",c=e;!l||typeof l=="string"||(i[a]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:r}),l[a]("touchstart",t.onTouchStart,{passive:!1}),l[a]("pointerdown",t.onTouchStart,{passive:!1}),i[a]("touchmove",t.onTouchMove,{passive:!1,capture:r}),i[a]("pointermove",t.onTouchMove,{passive:!1,capture:r}),i[a]("touchend",t.onTouchEnd,{passive:!0}),i[a]("pointerup",t.onTouchEnd,{passive:!0}),i[a]("pointercancel",t.onTouchEnd,{passive:!0}),i[a]("touchcancel",t.onTouchEnd,{passive:!0}),i[a]("pointerout",t.onTouchEnd,{passive:!0}),i[a]("pointerleave",t.onTouchEnd,{passive:!0}),i[a]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&l[a]("click",t.onClick,!0),n.cssMode&&s[a]("scroll",t.onScroll),n.updateOnWindowResize?t[c](d.ios||d.android?"resize orientationchange observerUpdate":"resize observerUpdate",en,!0):t[c]("observerUpdate",en,!0),l[a]("load",t.onLoad,{capture:!0}))};function cl(){const t=this,{params:e}=t;t.onTouchStart=ol.bind(t),t.onTouchMove=ll.bind(t),t.onTouchEnd=sl.bind(t),t.onDocumentTouchStart=ul.bind(t),e.cssMode&&(t.onScroll=al.bind(t)),t.onClick=rl.bind(t),t.onLoad=dl.bind(t),tn(t,"on")}function pl(){tn(this,"off")}var vl={attachEvents:cl,detachEvents:pl};const nn=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function fl(){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 a=(d in s?s[d]:void 0)||t.originalParams,c=nn(t,n),u=nn(t,a),v=t.params.grabCursor,m=a.grabCursor,y=n.enabled;c&&!u?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&u&&(l.classList.add(`${n.containerModifierClass}grid`),(a.grid.fill&&a.grid.fill==="column"||!a.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),v&&!m?t.unsetGrabCursor():!v&&m&&t.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(f=>{if(typeof a[f]>"u")return;const E=n[f]&&n[f].enabled,k=a[f]&&a[f].enabled;E&&!k&&t[f].disable(),!E&&k&&t[f].enable()});const b=a.direction&&a.direction!==n.direction,T=n.loop&&(a.slidesPerView!==n.slidesPerView||b),_=n.loop;b&&i&&t.changeDirection(),Ue(t.params,a);const p=t.params.enabled,g=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",a),i&&(T?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!_&&g?(t.loopCreate(e),t.updateSlides()):_&&!g&&t.loopDestroy()),t.emit("breakpoint",a)}function ml(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Me(),s=e==="window"?l.innerHeight:i.clientHeight,d=Object.keys(t).map(r=>{if(typeof r=="string"&&r.indexOf("@")===0){const a=parseFloat(r.substr(1));return{value:s*a,point:r}}return{value:r,point:r}});d.sort((r,a)=>parseInt(r.value,10)-parseInt(a.value,10));for(let r=0;r<d.length;r+=1){const{point:a,value:c}=d[r];e==="window"?l.matchMedia(`(min-width: ${c}px)`).matches&&(n=a):c<=i.clientWidth&&(n=a)}return n||"max"}var hl={setBreakpoint:fl,getBreakpoint:ml};function gl(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 bl(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:s}=t,d=gl(["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 yl(){const t=this,{el:e,classNames:i}=t;!e||typeof e=="string"||(e.classList.remove(...i),t.emitContainerClasses())}var wl={addClasses:bl,removeClasses:yl};function Sl(){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 Tl={checkOverflow:Sl},ui={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 xl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],s=n[l];if(typeof s!="object"||s===null){Ue(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)){Ue(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),Ue(e,n)}}const ci={eventsEmitter:wo,update:Po,translate:Bo,transition:Ho,slide:Jo,loop:Ro,grabCursor:il,events:vl,breakpoints:hl,checkOverflow:Tl,classes:wl},pi={};let vi=class nt{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=Ue({},i),e&&!i.el&&(i.el=e);const d=Je();if(i.el&&typeof i.el=="string"&&d.querySelectorAll(i.el).length>1){const u=[];return d.querySelectorAll(i.el).forEach(v=>{const m=Ue({},i,{el:v});u.push(new nt(m))}),u}const r=this;r.__swiper__=!0,r.support=Ji(),r.device=Ki({userAgent:i.userAgent}),r.browser=go(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],i.modules&&Array.isArray(i.modules)&&r.modules.push(...i.modules);const a={};r.modules.forEach(u=>{u({params:i,swiper:r,extendParams:xl(i,a),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})});const c=Ue({},ui,a);return r.params=Ue({},c,pi,i),r.originalParams=Ue({},r.params),r.passedParams=Ue({},i),r.params&&r.params.on&&Object.keys(r.params.on).forEach(u=>{r.on(u,r.params.on[u])}),r.params&&r.params.onAny&&r.onAny(r.params.onAny),Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return r.params.direction==="horizontal"},isVertical(){return r.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:r.params.allowSlideNext,allowSlidePrev:r.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:r.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}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=Qe(i,`.${n.slideClass}, swiper-slide`),s=jt(l[0]);return jt(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=Qe(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:r,size:a,activeIndex:c}=n;let u=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=s[c]?Math.ceil(s[c].swiperSlideSize):0,m;for(let y=c+1;y<s.length;y+=1)s[y]&&!m&&(v+=Math.ceil(s[y].swiperSlideSize),u+=1,v>a&&(m=!0));for(let y=c-1;y>=0;y-=1)s[y]&&!m&&(v+=s[y].swiperSlideSize,u+=1,v>a&&(m=!0))}else if(e==="current")for(let v=c+1;v<s.length;v+=1)(i?d[v]+r[v]-d[c]<a:d[v]-d[c]<a)&&(u+=1);else for(let v=c-1;v>=0;v-=1)d[c]-d[v]<a&&(u+=1);return u}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&&zt(e,d)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const d=e.rtlTranslate?e.translate*-1:e.translate,r=Math.min(Math.max(d,e.maxTranslate()),e.minTranslate());e.setTranslate(r),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()):Qe(n,l())[0];return!d&&i.params.createElements&&(d=xt("div",i.params.wrapperClass),n.append(d),Qe(n,`.${i.params.slideClass}`).forEach(r=>{d.append(r)})),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"||lt(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||lt(n,"direction")==="rtl"),wrongRTL:lt(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?zt(i,s):s.addEventListener("load",d=>{zt(i,d.target)})}),di(i),i.initialized=!0,di(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:r}=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"),r&&r.length&&r.forEach(a=>{a.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.slidePrevClass),a.removeAttribute("style"),a.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(a=>{n.off(a)}),e!==!1&&(n.el&&typeof n.el!="string"&&(n.el.swiper=null),no(n)),n.destroyed=!0),null}static extendDefaults(e){Ue(pi,e)}static get extendedDefaults(){return pi}static get defaults(){return ui}static installModule(e){nt.prototype.__modules__||(nt.prototype.__modules__=[]);const i=nt.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>nt.installModule(i)),nt):(nt.installModule(e),nt)}};Object.keys(ci).forEach(t=>{Object.keys(ci[t]).forEach(e=>{vi.prototype[e]=ci[t][e]})}),vi.use([bo,yo]);const on=["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 ut(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function wt(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]:ut(e[n])&&ut(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:wt(t[n],e[n]):t[n]=e[n]})}function ln(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function sn(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function rn(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function an(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 El(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Cl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:s,prevEl:d,scrollbarEl:r,paginationEl:a}=t;const c=l.filter(x=>x!=="children"&&x!=="direction"&&x!=="wrapperClass"),{params:u,pagination:v,navigation:m,scrollbar:y,virtual:b,thumbs:T}=e;let _,p,g,f,E,k,h,O;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(_=!0),l.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||a)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(g=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||r)&&(u.scrollbar||u.scrollbar===!1)&&y&&!y.el&&(f=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||d)&&(n.navigation.nextEl||s)&&(u.navigation||u.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(E=!0);const I=x=>{e[x]&&(e[x].destroy(),x==="navigation"?(e.isElement&&(e[x].prevEl.remove(),e[x].nextEl.remove()),u[x].prevEl=void 0,u[x].nextEl=void 0,e[x].prevEl=void 0,e[x].nextEl=void 0):(e.isElement&&e[x].el.remove(),u[x].el=void 0,e[x].el=void 0))};l.includes("loop")&&e.isElement&&(u.loop&&!n.loop?k=!0:!u.loop&&n.loop?h=!0:O=!0),c.forEach(x=>{if(ut(u[x])&&ut(n[x]))Object.assign(u[x],n[x]),(x==="navigation"||x==="pagination"||x==="scrollbar")&&"enabled"in n[x]&&!n[x].enabled&&I(x);else{const w=n[x];(w===!0||w===!1)&&(x==="navigation"||x==="pagination"||x==="scrollbar")?w===!1&&I(x):u[x]=n[x]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),l.includes("children")&&i&&b&&u.virtual.enabled?(b.slides=i,b.update(!0)):l.includes("virtual")&&b&&u.virtual.enabled&&(i&&(b.slides=i),b.update(!0)),l.includes("children")&&i&&u.loop&&(O=!0),_&&T.init()&&T.update(!0),p&&(e.controller.control=u.controller.control),g&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-pagination"),a.part.add("pagination"),e.el.appendChild(a)),a&&(u.pagination.el=a),v.init(),v.render(),v.update()),f&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-scrollbar"),r.part.add("scrollbar"),e.el.appendChild(r)),r&&(u.scrollbar.el=r),y.init(),y.updateSize(),y.setTranslate()),E&&(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&&(u.navigation.nextEl=s),d&&(u.navigation.prevEl=d),m.init(),m.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(k||O)&&e.loopDestroy(),(h||O)&&e.loopCreate(),e.update()}function Il(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};wt(i,ui),i._emitClasses=!0,i.init=!1;const s={},d=on.map(a=>a.replace(/_/,"")),r=Object.assign({},t);return Object.keys(r).forEach(a=>{typeof t[a]>"u"||(d.indexOf(a)>=0?ut(t[a])?(i[a]={},l[a]={},wt(i[a],t[a]),wt(l[a],t[a])):(i[a]=t[a],l[a]=t[a]):a.search(/on[A-Z]/)===0&&typeof t[a]=="function"?e?n[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:i.on[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:s[a]=t[a])}),["navigation","pagination","scrollbar"].forEach(a=>{i[a]===!0&&(i[a]={}),i[a]===!1&&delete i[a]}),{params:i,passedParams:l,rest:s,events:n}}function _l(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:s,scrollbarEl:d,swiper:r}=t;ln(e)&&n&&l&&(r.params.navigation.nextEl=n,r.originalParams.navigation.nextEl=n,r.params.navigation.prevEl=l,r.originalParams.navigation.prevEl=l),sn(e)&&s&&(r.params.pagination.el=s,r.originalParams.pagination.el=s),rn(e)&&d&&(r.params.scrollbar.el=d,r.originalParams.scrollbar.el=d),r.init(i)}function kl(t,e,i,n,l){const s=[];if(!e)return s;const d=a=>{s.indexOf(a)<0&&s.push(a)};if(i&&n){const a=n.map(l),c=i.map(l);a.join("")!==c.join("")&&d("children"),n.length!==i.length&&d("children")}return on.filter(a=>a[0]==="_").map(a=>a.replace(/_/,"")).forEach(a=>{if(a in t&&a in e)if(ut(t[a])&&ut(e[a])){const c=Object.keys(t[a]),u=Object.keys(e[a]);c.length!==u.length?d(a):(c.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}),u.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}))}else t[a]!==e[a]&&d(a)}),s}const Dl=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 Ft(){return Ft=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},Ft.apply(this,arguments)}function dn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function un(t){const e=[];return o.Children.toArray(t).forEach(i=>{dn(i)?e.push(i):i.props&&i.props.children&&un(i.props.children).forEach(n=>e.push(n))}),e}function Al(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return o.Children.toArray(t).forEach(n=>{if(dn(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=un(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 Pl(t,e,i){if(!i)return null;const n=u=>{let v=u;return u<0?v=e.length+u: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,r=t.params.loop?-e.length:0,a=t.params.loop?e.length*2:e.length,c=[];for(let u=r;u<a;u+=1)u>=s&&u<=d&&c.push(e[n(u)]);return c.map((u,v)=>o.cloneElement(u,{swiper:t,style:l,key:u.props.virtualIndex||u.key||`slide-${v}`}))}function Et(t,e){return typeof window>"u"?o.useEffect(t,e):o.useLayoutEffect(t,e)}const fi=o.createContext(null),cn=()=>o.useContext(fi),Ol=o.createContext(null),ct=o.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:s,onSwiper:d,...r}=t===void 0?{}:t,a=!1;const[c,u]=o.useState("swiper"),[v,m]=o.useState(null),[y,b]=o.useState(!1),T=o.useRef(!1),_=o.useRef(null),p=o.useRef(null),g=o.useRef(null),f=o.useRef(null),E=o.useRef(null),k=o.useRef(null),h=o.useRef(null),O=o.useRef(null),{params:I,passedParams:x,rest:w,events:D}=Il(r),{slides:S,slots:C}=Al(s),P=()=>{b(!y)};Object.assign(I.on,{_containerClasses(j,z){u(z)}});const M=()=>{Object.assign(I.on,D),a=!0;const j={...I};if(delete j.wrapperClass,p.current=new vi(j),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=S;const z={cache:!1,slides:S,renderExternal:m,renderExternalUpdate:!1};wt(p.current.params.virtual,z),wt(p.current.originalParams.virtual,z)}};_.current||M(),p.current&&p.current.on("_beforeBreakpoint",P);const N=()=>{a||!D||!p.current||Object.keys(D).forEach(j=>{p.current.on(j,D[j])})},H=()=>{!D||!p.current||Object.keys(D).forEach(j=>{p.current.off(j,D[j])})};o.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),o.useEffect(()=>{!T.current&&p.current&&(p.current.emitSlidesClasses(),T.current=!0)}),Et(()=>{if(e&&(e.current=_.current),!!_.current)return p.current.destroyed&&M(),_l({el:_.current,nextEl:E.current,prevEl:k.current,paginationEl:h.current,scrollbarEl:O.current,swiper:p.current},I),d&&!p.current.destroyed&&d(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),Et(()=>{N();const j=kl(x,g.current,S,f.current,z=>z.key);return g.current=x,f.current=S,j.length&&p.current&&!p.current.destroyed&&Cl({swiper:p.current,slides:S,passedParams:x,changedParams:j,nextEl:E.current,prevEl:k.current,scrollbarEl:O.current,paginationEl:h.current}),()=>{H()}}),Et(()=>{Dl(p.current)},[v]);function V(){return I.virtual?Pl(p.current,S,v):S.map((j,z)=>o.cloneElement(j,{swiper:p.current,swiperSlideIndex:z}))}return o.createElement(n,Ft({ref:_,className:an(`${c}${i?` ${i}`:""}`)},w),o.createElement(Ol.Provider,{value:p.current},C["container-start"],o.createElement(l,{className:El(I.wrapperClass)},C["wrapper-start"],V(),C["wrapper-end"]),ln(I)&&o.createElement(o.Fragment,null,o.createElement("div",{ref:k,className:"swiper-button-prev"}),o.createElement("div",{ref:E,className:"swiper-button-next"})),rn(I)&&o.createElement("div",{ref:O,className:"swiper-scrollbar"}),sn(I)&&o.createElement("div",{ref:h,className:"swiper-pagination"}),C["container-end"]))});ct.displayName="Swiper";const Re=o.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:s,zoom:d,lazy:r,virtualIndex:a,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=o.useRef(null),[m,y]=o.useState("swiper-slide"),[b,T]=o.useState(!1);function _(E,k,h){k===v.current&&y(h)}Et(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){m!=="swiper-slide"&&y("swiper-slide");return}return s.on("_slideClass",_),()=>{s&&s.off("_slideClass",_)}}}),Et(()=>{s&&v.current&&!s.destroyed&&y(s.getSlideClasses(v.current))},[s]);const p={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},g=()=>typeof n=="function"?n(p):n,f=()=>{T(!0)};return o.createElement(i,Ft({ref:v,className:an(`${m}${l?` ${l}`:""}`),"data-swiper-slide-index":a,onLoad:f},u),d&&o.createElement(fi.Provider,{value:p},o.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof d=="number"?d:void 0},g(),r&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"}))),!d&&o.createElement(fi.Provider,{value:p},g(),r&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"})))});Re.displayName="SwiperSlide";const Ml="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Ll=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:s})=>{var d;const[r,a]=o.useState(!1),c=o.useRef(null);o.useEffect(()=>{const m=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),m?.appendChild(c.current))},[]);const u=o.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(o.useEffect(()=>{u?a(!0):setTimeout(()=>{a(!1)},s?.duration)},[u,s]),!c.current)return null;const v=Te.debounce(()=>{e?.()},300);return ki.createPortal(o.createElement(o.Fragment,null,r&&o.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:u?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},o.createElement("div",{className:`modal-container ${u?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((d=s?.duration)!==null&&d!==void 0?d:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},o.createElement("div",{onClick:e,className:"modal-icon-wrapper"},o.createElement("img",{src:Ml,alt:"close",className:"modal-icon"})),i))),c.current)};var Vt=o.memo(Ll);const jl=(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(" ")+" "},Nl=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:s,unfoldText:d,isPost:r,onChange:a})=>{const[c,u]=o.useState(!1),[v,m]=o.useState(!1),y=Number(i?.lineClamp||2),b=o.useRef(null),T=o.useRef(null),_=o.useCallback(()=>{u(!c)},[c,a]);return o.useMemo(()=>!c&&t.length>e?jl(t,e)+"...":t,[t,e,c]),o.useEffect(()=>{var p,g;((p=T?.current)===null||p===void 0?void 0:p.offsetHeight)>((g=b?.current)===null||g===void 0?void 0:g.offsetHeight)&&r?m(!0):m(!1),T.current.style.display="none"},[r]),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:!r||c?"":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&&r&&v&&o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??_},c?d||"show less":s||"show more"))};var Ht=o.memo(Nl);const Bl=o.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:s,loading:d}=t,[r,a]=o.useState(),{swiperRef:c}=ve();return o.useImperativeHandle(e,()=>({setSrc:u=>{a(u)}})),o.useEffect(()=>{var u,v;const m=(v=(u=c?.current)===null||u===void 0?void 0:u.swiper)===null||v===void 0?void 0:v.activeIndex;(m===0||m>0)&&a(i)},[i,c]),o.useRef(null),o.createElement(o.Fragment,null,r?.includes(".avif")?o.createElement("picture",null,o.createElement("source",{type:"image/avif",srcSet:r}),o.createElement("source",{type:"image/webp",srcSet:`${r}?imageMogr2/format/webp`}),o.createElement("source",{type:"image/jpeg",srcSet:`${r}?imageMogr2/format/jpg`}),o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"})):o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"}))});var Le=o.memo(Bl);const zl=t=>{var e,i,n,l,s,d,r,a,c,{content:u,style:v,bgImg:m,onClick:y,schema:b,isDefault:T,bottom_image:_,tipText:p,isPost:g,viewTime:f,rec:E,swiper:k,commodityStyles:h,buttonStyle:O,index:I}=t,x=Ie(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:w}=ve(),{popupDetailData:D,bffEventReport:S,isPreview:C,bffFbReport:P}=ve(),{jumpToWeb:M,productView:N}=ze(),H=o.useRef(null),[V,j]=o.useState(!1),z=g?E:D,L=g?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,F=g?(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,B=g?I:D?.index,$=()=>{L?.link&&(M(z,L,F,B),g||N(z,L,F,f||H.current,B),window.location.href=window.getJointUtmLink(L.link))};o.useEffect(()=>{g||P?.({eventName:"ProductView"})},[g,P]),o.useEffect(()=>{const q=()=>{H.current=new Date};return q(),window.addEventListener("pageshow",q),()=>{window.removeEventListener("pageshow",q)}},[]);const U=o.useMemo(()=>{var q,X,Q,J,ye;return L?.currency&&L?.price?`${(Q=(X=(q=L?.currency)===null||q===void 0?void 0:q.split("-")[1])===null||X===void 0?void 0:X.toUpperCase())!==null&&Q!==void 0?Q:""}${(ye=(J=L?.price)===null||J===void 0?void 0:J.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ye!==void 0?ye:""}`:"$7,000"},[L?.price,L?.currency]),ee=C?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,ue=({isPost:q})=>{var X,Q,J;return o.createElement("div",null,o.createElement("div",{className:"pb-commondity-content-collection",style:Y(h?.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(h?.title),hidden:!!L&&!L?.title},(Q=L?.title)!==null&&Q!==void 0?Q:"Pendant in Yellow Gold with Diamonds, Medium"),o.createElement("div",{className:"pb-commondity-content-price",style:Y(h?.price),hidden:!!L&&!L?.price},U),o.createElement("div",{hidden:!!L&&(!L?.info||L?.info==="")},o.createElement(Ht,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>j(!0),isPost:q,text:(J=L?.info)!==null&&J!==void 0?J:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
+(function(Se,Te){typeof exports=="object"&&typeof module<"u"?Te(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","@ant-design/pro-components","react-dom"],Te):(Se=typeof globalThis<"u"?globalThis:Se||self,Te(Se.PUI={},Se.lodash,Se.uuid$1,Se.pako,Se.React,Se.qs,Se.EventEmitter,Se.css,Se.proComponents,Se.ReactDOM))})(this,function(Se,Te,xn,En,o,Vt,Cn,R,In,_n){"use strict";function kn(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 xi=kn(_n);function _e(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 Pe(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 r(u){try{c(n.next(u))}catch(v){d(v)}}function a(u){try{c(n.throw(u))}catch(v){d(v)}}function c(u){u.done?s(u.value):l(u.value).then(r,a)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Dn=/:\w+/g;var Ei=(t,e)=>Pe(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:s,method:d,url:r,urlParams:a,name:c,queryString:u,headers:v,body:m}=e[l];let y=r;a&&Object.entries(a).forEach(([b,T])=>{y=y.replace(Dn,_=>_===b?T:_)}),u&&(y+=u),n[s]=c;try{const b=yield fetch(y,{method:d,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(T=>T.json());i[s]=b}catch(b){console.error("DataSource request error: ",b),i[s]={}}}return{$store:i,idMapName:n}});const Ci="SXP_TOKEN_INFO",An=(t,e)=>Pe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),s=t.getApiUrl(),d=window.localStorage.getItem(Ci);let r=JSON.parse(d||"{}");if(Date.now()>((i=r?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(u=>u.json());if(c.success){const u=c.data;r=Object.assign(Object.assign({},u),{expireTime:Date.now()+u.expire*1e3}),window.localStorage.setItem(Ci,JSON.stringify(r))}}return r});function Et(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 Pn=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},On=()=>{const t=xn.v4();return t?.replaceAll?t.replaceAll("-",""):Pn(32)};function Ii(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),l=En.inflate(n,{to:"string"});return JSON.parse(l)}let Ht=null;const Mn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Ln{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Ht)return Ht;Ht=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Mn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let De=null;const jn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{De||(De=new Ln),n&&De.setApiUrl(n),De.setAppId(t),De.setTenantId(e),De.setEnv(i)},getDetail:t=>{if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Pe(void 0,void 0,void 0,function*(){var s,d;const r=yield l.json(),a=Ii((s=r?.data)===null||s===void 0?void 0:s.data);if(a){const{$store:c}=yield Ei(n,(d=a?.dataSource)!==null&&d!==void 0?d:[]);r.data.data=a,Object.assign(r.data.data,{__STORE__:c})}return r}))},getSxpDetailByPageId:t=>Pe(void 0,void 0,void 0,function*(){if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Pe(void 0,void 0,void 0,function*(){var s;const d=yield l.json();if(!d.success)return;const r=Ii((s=d?.data)===null||s===void 0?void 0:s.data);return d.data.data=r,d.data}))}),getSxpRecommendVideoData:t=>Pe(void 0,void 0,void 0,function*(){if(!De)return;const e=yield An(De,t),i=Et(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Te.isEmpty(n)&&(n=Et(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 tt(){return o.useContext(zi)}function Nn(){return o.useContext(Bi)}const Ut="feRealSessionIdKey",_i=()=>{const t=On();return`${Date.now()}${t}`},Bn=()=>{let t=zn();return t||(t=_i(),window.sessionStorage.setItem(Ut,t)),t},ki=()=>{const t=_i();window.sessionStorage.setItem(Ut,t)},zn=()=>window.sessionStorage.getItem(Ut),Di="SXP_FAKE_USER_ID",Ai="FAKE_USER_STATE",Pi="AGREE_POLICY",Oi=()=>{let t=window.localStorage.getItem(Di);return Te.isEmpty(t)&&(t=Et(36,62),window.localStorage.setItem(Di,t)),t},Fn=()=>{const t=window.localStorage.getItem(Ai);return Te.isEmpty(t)&&window.localStorage.setItem(Ai,"true"),Te.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 it=new Cn;var Xe;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Xe||(Xe={}));const Vn=({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:r}=me(),a=o.useMemo(()=>{const v=location.search.slice(1),m=Vt.parse(v.replace(/\+/g,"%2B"));for(const y in m)m[y]=m[y].replace(/%2B/g,"+");return m},[]),c=v=>{var m;return(m=a[v])!==null&&m!==void 0?m:null};o.useEffect(()=>{r?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:c("utm_source"),utmMedium:c("utm_medium"),utmCampaign:c("utm_campaign"),utmId:c("utm_id"),utmContent:c("utm_content"),clSource:c("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const u=()=>{r?.({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(Pi,"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:u},"Agree"),o.createElement("a",{className:"consent-policy",target:"_blank",href:l?`https://${l}`:void 0},s??"More information"))))};var Hn=o.memo(Vn);const Mi=o.createContext({rtcList:[],tagList:[]});var Gt;(function(t){t[t.BFF=5]="BFF"})(Gt||(Gt={}));const Li=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Ct="FOR U",Un=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:s,isPreview:d=!1,sxpParameter:r,appDomain:a,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1,enabledMetaConversionApi:m=!1,consentHeight:y,consentWidth:b,isShowTag:T=!0,isOpenConsent:_=!1,globalConfig:p,isEditor:g=!1})=>{var f,E,k;const[h,O]=o.useState([]),[I,w]=o.useState([]),[S,D]=o.useState(!1),[x,C]=o.useState({rtc:"",requestId:""}),P=o.useRef(null),L=o.useRef(!1),[N,U]=o.useState(()=>!!window.localStorage.getItem(Pi)),[F,B]=o.useState(),[j,M]=o.useState(),[V,z]=o.useState(v),[H,G]=o.useState([]),[te,fe]=o.useState(0),[se,q]=o.useState(!1),[K,J]=o.useState(null),Y=o.useRef(),Q=o.useRef(),[ye,Ie]=o.useState(Ct),Ae=o.useMemo(()=>{var $,W,ie,he;return((he=(ie=(W=($=p?.consent)===null||$===void 0?void 0:$[0])===null||W===void 0?void 0:W.item)===null||ie===void 0?void 0:ie.props)===null||he===void 0?void 0:he.privacy_necessity)&&!N&&!g||_},[N,p,_,g]);o.useEffect(()=>{const $=W=>{Y.current=W};return it.on(Xe.CHANGE_THEME_TAG,$),()=>{it.off(Xe.CHANGE_THEME_TAG,$)}},[]),o.useEffect(()=>{z(v)},[v]);const We=o.useMemo(()=>e?.find($=>$.type===Gt.BFF),[e]),pe=o.useCallback(($,W)=>{if(!We)return;const ie=We.url,he=Oi();if(W?.query){const ge=Vt.stringify(W.query);$=`${$}?${ge}`}return W.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ie}/api/v1${$}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},We.headers),{"x-user-id":he}),W.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ie}/api/v1${$}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":he},We.headers),method:W.method,body:JSON.stringify(W.body)}).then(ge=>ge.json()).catch(ge=>Promise.reject(ge))},[We]),re=o.useCallback($=>Pe(void 0,void 0,void 0,function*(){var W,ie,he,ge,Ee;if($={maxSize:(W=$?.maxSize)!==null&&W!==void 0?W:l,defaultSize:(ie=$?.defaultSize)!==null&&ie!==void 0?ie:s,"itemFilter.itemId":$?.["itemFilter.itemId"],"itemFilter.itemType":$?.["itemFilter.itemType"],hashTag:$?.hashTag,traceInfo:$?.traceInfo,themeTag:$?.themeTag},i){const Ce=(Ee=(ge=(he=i?.split("&"))===null||he===void 0?void 0:he.filter(nt=>{const ut=nt.split("=")[0];return Li.includes(ut)}))===null||ge===void 0?void 0:ge.join("&"))!==null&&Ee!==void 0?Ee:"";$=Object.assign(Object.assign({},$),{channel:decodeURIComponent(Ce)})}const be=yield pe?.("/recommend/list",{method:"GET",query:$});if(be?.success)return $?.hashTag||C({rtc:be.data.rtc,requestId:be.data.requestId}),be?.data}),[pe,i,l,s]),ve=o.useCallback(()=>Pe(void 0,void 0,void 0,function*(){var $,W;if(h.length<=0)return;const ie=yield re({hashTag:j?.hashTag,"itemFilter.itemId":j?.itemId,"itemFilter.itemType":j?.itemType,themeTag:Y.current});O(h.concat(($=ie?.recList)!==null&&$!==void 0?$:[])),G(H.concat((W=ie?.recList)!==null&&W!==void 0?W:[]))}),[re,h,j,H]),ue=o.useCallback(({userInfo:$,eventInfo:W})=>{if(!n)return;$||($={});const ie=Bn(),he=Object.assign({sessionID:ie,rtc:x.rtc,requestId:x.requestId},W),ge=Object.entries($).map(([be,Ce])=>({name:be,value:Ce})),Ee=Object.entries(he).map(([be,Ce])=>Ce&&{name:be,value:Ce}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",$),console.log("eventInfo:",he),console.log("========= \u7ED3\u675F ========="),pe?.("/event/report",{method:"POST",body:{userInfo:ge,eventInfo:Ee},type:"beacon"})},[pe,x,n]),ae=o.useCallback($=>{var W,{eventName:ie,actionSource:he="website",eventSourceUrl:ge=(W=window?.location)===null||W===void 0?void 0:W.href,externalId:Ee}=$;if(!n||!m)return;const be=Oi();return pe?.("/fb/events",{method:"POST",body:{eventName:ie,actionSource:he,eventSourceUrl:ge,userData:{externalId:be}},type:"beacon"})},[pe,n,m]),Ye=o.useCallback($=>Pe(void 0,void 0,void 0,function*(){const W=yield pe?.("/recommend/like",{method:"POST",body:$});return W?.success}),[pe]),Fe=o.useCallback($=>Pe(void 0,void 0,void 0,function*(){const W=yield pe?.("/recommend/unlike",{method:"POST",body:$});return W?.success}),[pe]),et=o.useCallback($=>Pe(void 0,void 0,void 0,function*(){const W=yield pe?.("/customform",{method:"POST",body:$});return W?.success}),[pe]),Le=o.useCallback(()=>Pe(void 0,void 0,void 0,function*(){var $,W,ie,he,ge;if(!(!i||!T))try{const Ee=(ie=(W=($=i?.split("&"))===null||$===void 0?void 0:$.filter(Ce=>{const nt=Ce.split("=")[0];return Li.includes(nt)}))===null||W===void 0?void 0:W.join("&"))!==null&&ie!==void 0?ie:"",be=yield pe?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Ee)}});w((ge=(he=be?.data)===null||he===void 0?void 0:he.tags)!==null&&ge!==void 0?ge:[])}catch(Ee){console.log("e",Ee)}}),[pe,i,T]),Ke=o.useCallback(($,W,ie,he)=>{var ge,Ee,be,Ce,nt,ut,Tt,A,ee,X,le,de;const ne=ie?.bindCta,Z=((ge=W?.video)===null||ge===void 0?void 0:ge.bindProduct)||((Ee=W?.video)===null||Ee===void 0?void 0:Ee.bindProducts)&&((Ce=(be=W?.video)===null||be===void 0?void 0:be.bindProducts)===null||Ce===void 0?void 0:Ce.length)>0;let oe="";se?oe="hashTagPage":!((nt=W?.video)===null||nt===void 0)&&nt.url?oe="videoPage":!((Tt=(ut=W?.video)===null||ut===void 0?void 0:ut.imgUrls)===null||Tt===void 0)&&Tt.length&&(oe="imagePage"),ue?.({eventInfo:Object.assign(Object.assign({},$),{ctaId:(A=ne?.itemId)!==null&&A!==void 0?A:"",ctaName:(ee=ne?.title)!==null&&ee!==void 0?ee:"",contentTags:JSON.stringify(ne?.tags),position:he+"",contentId:(le=(X=W?.video)===null||X===void 0?void 0:X.itemId)!==null&&le!==void 0?le:"",productId:Z?ie?.itemId:"",traceInfo:(de=ne?.traceInfo)!==null&&de!==void 0?de:"",fromKName:oe})})},[ue,se]),St=o.useCallback(()=>{var $,W;const ie=location.search.slice(1),he=Vt.parse(ie.replace(/\+/g,"%2B"));for(const be in he)he[be]=he[be].replace(/%2B/g,"+");const ge=be=>{var Ce;return(Ce=he[be])!==null&&Ce!==void 0?Ce:""},Ee=new Date;Q.current=Ee,ue?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:ge("utm_source"),utmMedium:ge("utm_medium"),utmCampaign:ge("utm_campaign"),utmId:ge("utm_id"),utmContent:ge("utm_content"),enterTime:Math.floor(Ee/1e3)+"",requestId:null,enterUrl:(W=($=window?.location)===null||$===void 0?void 0:$.href)!==null&&W!==void 0?W:"",clSource:ge("cl_source")}})},[ue]);o.useEffect(()=>{Ae||St()},[Ae]),o.useEffect(()=>{Ae||(D(!0),Le(),re().then($=>{var W,ie;O((W=$?.recList)!==null&&W!==void 0?W:[]),G((ie=$?.recList)!==null&&ie!==void 0?ie:[])}).finally(()=>{ue({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),D(!1),L.current=!0}))},[Ae]),o.useEffect(()=>{L.current&&(D(!0),Le(),re().then($=>{var W,ie;O((W=$?.recList)!==null&&W!==void 0?W:[]),G((ie=$?.recList)!==null&&ie!==void 0?ie:[])}).finally(()=>{D(!1)}))},[re,Le]);const Ft=Ue("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",a);return o.createElement(Mi.Provider,{value:{rtcList:h,setRtcList:O,mutateLike:Ye,mutateUnlike:Fe,submitForm:et,popupDetailData:F,loadVideos:ve,setPopupDetailData:B,getRecommendVideos:re,bffEventReport:ue,utmVal:i,isPreview:d,loading:S,sxpParameter:r,waterFallData:j,setWaterFallData:M,ctaEvent:Ke,swiperRef:P,openHashtag:V,setOpenHashtag:z,cacheRtcList:H,setCacheRtcList:G,cacheActiveIndex:te,setCacheActiveIndex:fe,isFromHashtag:se,setIsFromHashtag:q,appDomain:a,hashTagSize:c,loadingImage:u??Ft,isOpenHashTag:v,tagList:I,setLoading:D,videoRef:K,setVideoRef:J,bffFbReport:ae,isAgreePolicy:N,setIsAgreePolicy:U,curTime:Q,h5EnterLink:St,themeTag:Y,isShowConsent:Ae,selectTag:ye,setSelectTag:Ie}},Ae?o.createElement(Hn,Object.assign({},(k=(E=(f=p?.consent)===null||f===void 0?void 0:f[0])===null||E===void 0?void 0:E.item)===null||k===void 0?void 0:k.props)):t({rtcList:h,mutateLike:Ye,mutateUnlike:Fe,submitForm:et,tagList:I}))};var ji=o.memo(Un);function me(){return o.useContext(Mi)}var Ni;(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"})(Ni||(Ni={}));const Bi=o.createContext({$store:{},options:[],configs:[]}),Gn=({children:t,isSsr:e,enable:i})=>{const[n,l]=o.useState([]),{schema:s}=tt(),[d,r]=o.useState(s.__STORE__||{}),[a,c]=o.useState([]);o.useEffect(()=>{var m;e||Te.isEqual(a,s?.dataSource)||c((m=s?.dataSource)!==null&&m!==void 0?m:[])},[s?.dataSource,e]);const u=o.useCallback(()=>Pe(void 0,void 0,void 0,function*(){const{$store:m,idMapName:y}=yield Ei("",a);r(m),v(m,y)}),[a]),v=(m,y)=>{const b=[];Object.entries(m).forEach(([T,_])=>{Object.keys(_).forEach(p=>{const g={label:`${y[T]} - ${p}`,value:`{{ ${T}.${p} }}`};b.push(g)})}),l(b)};return o.useEffect(()=>{e||u()},[u,e,s]),i?o.createElement(Bi.Provider,{value:{$store:s.__STORE__||d,options:n,configs:a}},t):t};var $n=o.memo(Gn);const It={id:Et(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},$t={id:"",duration:0,name:"none"},zi=o.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[It],redoStack:[],popup:$t,setPopup:()=>{}}),Fi=o.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:s},d)=>{const[r,a]=o.useState(null),[c,u]=o.useState(n||{pointData:[It],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=o.useState([It]),[y,b]=o.useState([[It]]),[T,_]=o.useState([]),[p,g]=o.useState($t);typeof window<"u"&&(window.sxpPopup=(O,I)=>{g(Object.assign(Object.assign(Object.assign({},$t),{id:O}),I))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(s?"&"+s:""):O+(s?"?"+s:"")),o.useEffect(()=>{b([c.pointData]),_([])},[c.type]);const f=o.useCallback(O=>{const I=Te.cloneDeep(c);I&&(I.dataSource=O,u?.(I))},[c]),[E,k]=o.useState();o.useImperativeHandle(d,()=>({loadSchema(O){O&&(b([O.pointData]),u(O))},exportSchema(){return Te.cloneDeep(c)},getPageInfoData(){return E},initPageInfoData(O){O&&k(O)}}));const h=o.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return o.createElement(zi.Provider,{value:{resolver:e,currentNode:r,schema:c,setCurrentNode:a,setSchema:u,saveDataSource:f,prePiontData:v,setPrePiontData:m,pageInfoData:E,setPageInfoData:O=>k(Object.assign(Object.assign({},E),O)),undoStack:y,redoStack:T,setRedoStack:_,setUndoStack:b,getCurPageConf:h,popup:p,setPopup:g}},o.createElement($n,{isSsr:i,enable:l},t))});var Wn=Object.freeze({__proto__:null,EditorCore:Fi}),Yn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ce=[{label:"defalut",value:"appFont"}],Wt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),qn=Wt&&Wt!==""?JSON.parse(Wt):[];var Ve={fontOptions:[...ce,...qn]},Yt,qt,Xt,Xn=[{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:(Yt=ce?.[0])===null||Yt===void 0?void 0:Yt.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:Ve?.fontOptions,initialValue:(Xt=(qt=Ve?.fontOptions)===null||qt===void 0?void 0:qt[0])===null||Xt===void 0?void 0:Xt.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 Be(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=me(),l=o.useCallback((r,a,c,u)=>{var v,m,y,b,T,_,p,g,f,E,k,h,O,I;let w="";e&&(!((m=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((y=r?.video)===null||y===void 0)&&y.bindProduct)?w="pdpPage":n?w="hashTagPage":!((b=r?.video)===null||b===void 0)&&b.url?w="videoPage":!((T=r?.video)===null||T===void 0)&&T.imgUrls&&(!((p=(_=r?.video)===null||_===void 0?void 0:_.imgUrls)===null||p===void 0)&&p.length)?w="imagePage":r?.product&&(w="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(g=a?.itemId)!==null&&g!==void 0?g:"",productName:(f=a?.title)!==null&&f!==void 0?f:"",price:a?.price?a?.price+"":"0",productCollection:(E=a?.collection)!==null&&E!==void 0?E:"",fromKName:w,fromKPage:location?.href,contentTags:a?.tags?JSON.stringify(a?.tags):"",position:u+"",contentId:(h=(k=r?.video)===null||k===void 0?void 0:k.itemId)!==null&&h!==void 0?h:"",ctatId:(O=c?.itemId)!==null&&O!==void 0?O:"",traceInfo:(I=a?.traceInfo)!==null&&I!==void 0?I:""}})},[t,e,n]),s=o.useCallback((r,a,c,u,v)=>{var m,y,b,T;let _="";e&&(!((y=(m=r?.video)===null||m===void 0?void 0:m.bindProducts)===null||y===void 0)&&y.length||!((b=r?.video)===null||b===void 0)&&b.bindProduct)?_="pdpPage":r?.product&&(_="productPage"),t?.({eventInfo:{productId:a?.itemId,productName:a?.title,price:a?.price?a?.price+"":"0",productCollection:a?.collection,fromKName:_,fromKPage:location?.href,contentTags:JSON.stringify(a?.tags),position:v+"",contentId:(T=r?.video)===null||T===void 0?void 0:T.itemId,ctatId:c?.itemId,traceInfo:a?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),d=o.useCallback((r,a,c,u)=>{a&&a===Ct&&t?.({eventInfo:{lastFeed:r,themeTags:c?`['${c}']`:"",hashTags:u?`['${u}']`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:l,productView:s,backMainFeed:d}}const Jn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:s,submitColor:d,submitText:r,layoutType:a,isExternalLink:c,isPopup:u,onClick:v,onClose:m,submitButtonStyle:y}=t,b=_e(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:T,popupDetailData:_}=me(),{jumpToWeb:p}=Be(),g=o.useRef(),[f,E]=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"}],[]),h=o.useMemo(()=>{if(a===void 0){const I=Te.cloneDeep(e)||k;return I?.map(w=>Object.assign(Object.assign({},w),{title:void 0,fieldProps:{placeholder:w?.title}}))}else return Te.cloneDeep(e)||k},[a,e,k]),O=Te.debounce(()=>Pe(void 0,void 0,void 0,function*(){var I,w,S,D,x,C;const P=yield(I=g?.current)===null||I===void 0?void 0:I.getFieldsValue();if(!P)return;const L=(S=(w=Object.keys(P))===null||w===void 0?void 0:w.map(U=>{var F;return{name:U,value:(F=P[U])!==null&&F!==void 0?F:""}}))===null||S===void 0?void 0:S.filter(U=>U?.value);if(!L||!L?.length)return;E(!0);const N=yield T?.({attributes:L});if(E(!1),N){if(c){const U=_,F=(D=U?.video)===null||D===void 0?void 0:D.bindProduct,B=(C=(x=U?.video)===null||x===void 0?void 0:x.bindProduct)===null||C===void 0?void 0:C.bindCta,j=_?.index;p(U,F,B,j)}u||m?.(),v?.()}}),1e3);return o.createElement("div",{className:"pb-appoint-form"},o.createElement("div",{className:`pb-appoint-form-title ${R.css(Object.assign({},l))}`},n),o.createElement("div",Object.assign({className:R.css(Object.assign({},i))},b),o.createElement("div",{className:"pb-appoint-form-container"},o.createElement(In.BetaSchemaForm,{columns:h,submitter:!1,layout:a,autoFocusFirstInput:!1,size:"large",formRef:g,className:"panel-reset"}))),o.createElement("div",{className:"pb-appoint-form-btn-wrapper"},o.createElement("button",{"aria-label":r,onClick:O,className:"pb-appoint-form-btn",style:Object.assign({color:d,background:s},y)},f?o.createElement(o.Fragment,null,"loading..."):r)))};var Kn=o.memo(Jn);function ze(t,e){return t.extend=e,t}const Qn=ze(Kn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Xn,bindableProps:[],interactionRender:Yn},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 Jt,Kt,Zn=[{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:(Jt=ce?.[0])===null||Jt===void 0?void 0:Jt.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:(Kt=ce?.[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Vi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Qt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Vi(e[i])&&Vi(t[i])&&Object.keys(e[i]).length>0&&Qt(t[i],e[i])})}const Hi={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 Je(){const t=typeof document<"u"?document:{};return Qt(t,Hi),t}const Rn={document:Hi,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 Oe(){const t=typeof window<"u"?window:{};return Qt(t,Rn),t}function lt(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function eo(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function mt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ge(){return Date.now()}function to(t){const e=Oe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function io(t,e){e===void 0&&(e="x");const i=Oe();let n,l,s;const d=to(t);return i.WebKitCSSMatrix?(l=d.transform||d.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(r=>r.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 _t(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function no(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function He(){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&&!no(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 r=l[s],a=Object.getOwnPropertyDescriptor(n,r);a!==void 0&&a.enumerable&&(_t(t[r])&&_t(n[r])?n[r].__swiper__?t[r]=n[r]:He(t[r],n[r]):!_t(t[r])&&_t(n[r])?(t[r]={},n[r].__swiper__?t[r]=n[r]:He(t[r],n[r])):t[r]=n[r])}}}return t}function kt(t,e,i){t.style.setProperty(e,i)}function Ui(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Oe(),s=-e.translate;let d=null,r;const a=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const c=i>s?"next":"prev",u=(m,y)=>c==="next"&&m>=y||c==="prev"&&m<=y,v=()=>{r=new Date().getTime(),d===null&&(d=r);const m=Math.max(Math.min((r-d)/a,1),0),y=.5-Math.cos(m*Math.PI)/2;let b=s+y*(i-s);if(u(b,i)&&(b=i),e.wrapperEl.scrollTo({[n]:b}),u(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 Qe(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Dt(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 oo(t){const e=Oe(),i=Je(),n=t.getBoundingClientRect(),l=i.body,s=t.clientTop||l.clientTop||0,d=t.clientLeft||l.clientLeft||0,r=t===e?e.scrollY:t.scrollTop,a=t===e?e.scrollX:t.scrollLeft;return{top:n.top+r-s,left:n.left+a-d}}function lo(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 so(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 Oe().getComputedStyle(t,null).getPropertyValue(e)}function At(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Gi(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 Zt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Rt(t,e,i){const n=Oe();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 Ze(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function ro(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Oe();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,r=Ge(),a;const c=[];function u(f){let O=0,I=0,w=0,S=0;return"detail"in f&&(I=f.detail),"wheelDelta"in f&&(I=-f.wheelDelta/120),"wheelDeltaY"in f&&(I=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(O=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(O=I,I=0),w=O*10,S=I*10,"deltaY"in f&&(S=f.deltaY),"deltaX"in f&&(w=f.deltaX),f.shiftKey&&!w&&(w=S,S=0),(w||S)&&f.deltaMode&&(f.deltaMode===1?(w*=40,S*=40):(w*=800,S*=800)),w&&!O&&(O=w<1?-1:1),S&&!I&&(I=S<1?-1:1),{spinX:O,spinY:I,pixelX:w,pixelY:S}}function v(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function y(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ge()-r<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&Ge()-r<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",f.raw)),r=new s.Date().getTime(),!1)}function b(f){const E=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&E.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&E.releaseOnEdges)return!0;return!1}function T(f){let E=f,k=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const h=e.params.mousewheel;e.params.cssMode&&E.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const I=O&&O.contains(E.target);if(!e.mouseEntered&&!I&&!h.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let w=0;const S=e.rtlTranslate?-1:1,D=u(E);if(h.forceToAxis)if(e.isHorizontal())if(Math.abs(D.pixelX)>Math.abs(D.pixelY))w=-D.pixelX*S;else return!0;else if(Math.abs(D.pixelY)>Math.abs(D.pixelX))w=-D.pixelY;else return!0;else w=Math.abs(D.pixelX)>Math.abs(D.pixelY)?-D.pixelX*S:-D.pixelY;if(w===0)return!0;h.invert&&(w=-w);let x=e.getTranslate()+w*h.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&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const C={time:Ge(),delta:Math.abs(w),direction:Math.sign(w),raw:f};c.length>=2&&c.shift();const P=c.length?c[c.length-1]:void 0;if(c.push(C),P?(C.direction!==P.direction||C.delta>P.delta||C.time>P.time+150)&&y(C):y(C),b(C))return!0}else{const C={time:Ge(),delta:Math.abs(w),direction:Math.sign(w)},P=a&&C.time<a.time+500&&C.delta<=a.delta&&C.direction===a.direction;if(!P){a=void 0;let L=e.getTranslate()+w*h.sensitivity;const N=e.isBeginning,U=e.isEnd;if(L>=e.minTranslate()&&(L=e.minTranslate()),L<=e.maxTranslate()&&(L=e.maxTranslate()),e.setTransition(0),e.setTranslate(L),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!N&&e.isBeginning||!U&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:C.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(d),d=void 0,c.length>=15&&c.shift();const F=c.length?c[c.length-1]:void 0,B=c[0];if(c.push(C),F&&(C.delta>F.delta||C.direction!==F.direction))c.splice(0);else if(c.length>=15&&C.time-B.time<500&&B.delta-C.delta>=1&&C.delta<=6){const j=w>0?.8:.2;a=C,c.splice(0),d=mt(()=>{e.slideToClosest(e.params.speed,!0,void 0,j)},0)}d||(d=mt(()=>{a=C,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||l("scroll",E),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),h.releaseOnEdges&&(L===e.minTranslate()||L===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function _(f){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[f]("mouseenter",v),E[f]("mouseleave",m),E[f]("wheel",T)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",T),!0):e.mousewheel.enabled?!1:(_("addEventListener"),e.mousewheel.enabled=!0,!0)}function g(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,T),!0):e.mousewheel.enabled?(_("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&g(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&g()}),Object.assign(e.mousewheel,{enable:p,disable:g})}function $i(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let s=Qe(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 ht(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Pt(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,r=0;function a(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,g){const{bulletActiveClass:f}=e.params.pagination;p&&(p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${f}-${g}`),p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${f}-${g}-${g}`)))}function u(p){const g=p.target.closest(ht(e.params.pagination.bulletClass));if(!g)return;p.preventDefault();const f=At(g)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function v(){const p=e.rtl,g=e.params.pagination;if(a())return;let f=e.pagination.el;f=Ze(f);let E,k;const h=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,E=e.activeIndex||0),g.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let w,S,D;if(g.dynamicBullets&&(d=Rt(I[0],e.isHorizontal()?"width":"height",!0),f.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${d*(g.dynamicMainBullets+4)}px`}),g.dynamicMainBullets>1&&k!==void 0&&(r+=E-(k||0),r>g.dynamicMainBullets-1?r=g.dynamicMainBullets-1:r<0&&(r=0)),w=Math.max(E-r,0),S=w+(Math.min(I.length,g.dynamicMainBullets)-1),D=(S+w)/2),I.forEach(x=>{const C=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${g.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();x.classList.remove(...C)}),f.length>1)I.forEach(x=>{const C=At(x);C===E?x.classList.add(...g.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),g.dynamicBullets&&(C>=w&&C<=S&&x.classList.add(...`${g.bulletActiveClass}-main`.split(" ")),C===w&&c(x,"prev"),C===S&&c(x,"next"))});else{const x=I[E];if(x&&x.classList.add(...g.bulletActiveClass.split(" ")),e.isElement&&I.forEach((C,P)=>{C.setAttribute("part",P===E?"bullet-active":"bullet")}),g.dynamicBullets){const C=I[w],P=I[S];for(let L=w;L<=S;L+=1)I[L]&&I[L].classList.add(...`${g.bulletActiveClass}-main`.split(" "));c(C,"prev"),c(P,"next")}}if(g.dynamicBullets){const x=Math.min(I.length,g.dynamicMainBullets+4),C=(d*x-d)/2-D*d,P=p?"right":"left";I.forEach(L=>{L.style[e.isHorizontal()?P:"top"]=`${C}px`})}}f.forEach((I,w)=>{if(g.type==="fraction"&&(I.querySelectorAll(ht(g.currentClass)).forEach(S=>{S.textContent=g.formatFractionCurrent(E+1)}),I.querySelectorAll(ht(g.totalClass)).forEach(S=>{S.textContent=g.formatFractionTotal(O)})),g.type==="progressbar"){let S;g.progressbarOpposite?S=e.isHorizontal()?"vertical":"horizontal":S=e.isHorizontal()?"horizontal":"vertical";const D=(E+1)/O;let x=1,C=1;S==="horizontal"?x=D:C=D,I.querySelectorAll(ht(g.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${C})`,P.style.transitionDuration=`${e.params.speed}ms`})}g.type==="custom"&&g.renderCustom?(I.innerHTML=g.renderCustom(e,E+1,O),w===0&&l("paginationRender",I)):(w===0&&l("paginationRender",I),l("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](g.lockClass)})}function m(){const p=e.params.pagination;if(a())return;const g=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let f=e.pagination.el;f=Ze(f);let E="";if(p.type==="bullets"){let k=e.params.loop?Math.ceil(g/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>g&&(k=g);for(let h=0;h<k;h+=1)p.renderBullet?E+=p.renderBullet.call(e,h,p.bulletClass):E+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?E=p.renderFraction.call(e,p.currentClass,p.totalClass):E=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?E=p.renderProgressbar.call(e,p.progressbarFillClass):E=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(k=>{p.type!=="custom"&&(k.innerHTML=E||""),p.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(ht(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",f[0])}function y(){e.params.pagination=$i(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let g;typeof p.el=="string"&&e.isElement&&(g=e.el.querySelector(p.el)),!g&&typeof p.el=="string"&&(g=[...document.querySelectorAll(p.el)]),g||(g=p.el),!(!g||g.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(g)&&g.length>1&&(g=[...e.el.querySelectorAll(p.el)],g.length>1&&(g=g.filter(f=>Gi(f,".swiper")[0]===e.el)[0])),Array.isArray(g)&&g.length===1&&(g=g[0]),Object.assign(e.pagination,{el:g}),g=Ze(g),g.forEach(f=>{p.type==="bullets"&&p.clickable&&f.classList.add(...(p.clickableClass||"").split(" ")),f.classList.add(p.modifierClass+p.type),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(f.classList.add(`${p.modifierClass}${p.type}-dynamic`),r=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&f.classList.add(p.progressbarOppositeClass),p.clickable&&f.addEventListener("click",u),e.enabled||f.classList.add(p.lockClass)}))}function b(){const p=e.params.pagination;if(a())return;let g=e.pagination.el;g&&(g=Ze(g),g.forEach(f=>{f.classList.remove(p.hiddenClass),f.classList.remove(p.modifierClass+p.type),f.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(f.classList.remove(...(p.clickableClass||"").split(" ")),f.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:g}=e.pagination;g=Ze(g),g.forEach(f=>{f.classList.remove(p.horizontalClass,p.verticalClass),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?_():(y(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{b()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,g)=>{const f=g.target,E=Ze(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const k=E[0].classList.contains(e.params.pagination.hiddenClass);l(k===!0?"paginationShow":"paginationHide"),E.forEach(h=>h.classList.toggle(e.params.pagination.hiddenClass))}});const T=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList.remove(e.params.pagination.paginationDisabledClass))),y(),m(),v()},_=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ze(p),p.forEach(g=>g.classList.add(e.params.pagination.paginationDisabledClass))),b()};Object.assign(e.pagination,{enable:T,disable:_,render:m,update:v,init:y,destroy:b})}function ao(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Je();let d=!1,r=null,a=null,c,u,v,m;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x,rtlTranslate:C}=e,{dragEl:P,el:L}=x,N=e.params.scrollbar,U=e.params.loop?e.progressLoop:e.progress;let F=u,B=(v-u)*U;C?(B=-B,B>0?(F=u-B,B=0):-B+u>v&&(F=v+B)):B<0?(F=u+B,B=0):B+u>v&&(F=v-B),e.isHorizontal()?(P.style.transform=`translate3d(${B}px, 0, 0)`,P.style.width=`${F}px`):(P.style.transform=`translate3d(0px, ${B}px, 0)`,P.style.height=`${F}px`),N.hide&&(clearTimeout(r),L.style.opacity=1,r=setTimeout(()=>{L.style.opacity=0,L.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:C,el:P}=x;C.style.width="",C.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*m:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?C.style.width=`${u}px`:C.style.height=`${u}px`,m>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&x.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function _(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:C,rtlTranslate:P}=e,{el:L}=C;let N;N=(_(x)-oo(L)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),N=Math.max(Math.min(N,1),0),P&&(N=1-N);const U=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*N;e.updateProgress(U),e.setTranslate(U),e.updateActiveIndex(),e.updateSlidesClasses()}function g(x){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:L}=e,{el:N,dragEl:U}=P;d=!0,c=x.target===U?_(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),L.style.transitionDuration="100ms",U.style.transitionDuration="100ms",p(x),clearTimeout(a),N.style.transitionDuration="0ms",C.hide&&(N.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",x)}function f(x){const{scrollbar:C,wrapperEl:P}=e,{el:L,dragEl:N}=C;d&&(x.preventDefault&&x.cancelable?x.preventDefault():x.returnValue=!1,p(x),P.style.transitionDuration="0ms",L.style.transitionDuration="0ms",N.style.transitionDuration="0ms",l("scrollbarDragMove",x))}function E(x){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:L}=e,{el:N}=P;d&&(d=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",L.style.transitionDuration=""),C.hide&&(clearTimeout(a),a=mt(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",x),C.snapOnRelease&&e.slideToClosest())}function k(x){const{scrollbar:C,params:P}=e,L=C.el;if(!L)return;const N=L,U=P.passiveListeners?{passive:!1,capture:!1}:!1,F=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!N)return;const B=x==="on"?"addEventListener":"removeEventListener";N[B]("pointerdown",g,U),s[B]("pointermove",f,U),s[B]("pointerup",E,F)}function h(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function I(){const{scrollbar:x,el:C}=e;e.params.scrollbar=$i(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let L;if(typeof P.el=="string"&&e.isElement&&(L=e.el.querySelector(P.el)),!L&&typeof P.el=="string"){if(L=s.querySelectorAll(P.el),!L.length)return}else L||(L=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&L.length>1&&C.querySelectorAll(P.el).length===1&&(L=C.querySelector(P.el)),L.length>0&&(L=L[0]),L.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let N;L&&(N=L.querySelector(ht(e.params.scrollbar.dragClass)),N||(N=bt("div",e.params.scrollbar.dragClass),L.append(N))),Object.assign(x,{el:L,dragEl:N}),P.draggable&&h(),L&&L.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}function w(){const x=e.params.scrollbar,C=e.scrollbar.el;C&&C.classList.remove(...lt(e.isHorizontal()?x.horizontalClass:x.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:C}=e.scrollbar;C=Ze(C),C.forEach(P=>{P.classList.remove(x.horizontalClass,x.verticalClass),P.classList.add(e.isHorizontal()?x.horizontalClass:x.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?D():(I(),T(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{T()}),n("setTranslate",()=>{y()}),n("setTransition",(x,C)=>{b(C)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...lt(e.params.scrollbar.lockClass))}),n("destroy",()=>{w()});const S=()=>{e.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...lt(e.params.scrollbar.scrollbarDisabledClass)),I(),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)),w()};Object.assign(e.scrollbar,{enable:S,disable:D,updateSize:T,setTranslate:y,init:I,destroy:w})}function Ot(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,r,a=s&&s.autoplay?s.autoplay.delay:3e3,c=s&&s.autoplay?s.autoplay.delay:3e3,u,v=new Date().getTime(),m,y,b,T,_,p,g;function f(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!(g||F.detail&&F.detail.bySwiperTouchMove)&&S())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=u,m=!1);const F=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=F,l("autoplayTimeLeft",F,F/a),r=requestAnimationFrame(()=>{E()})},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},h=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(r),E();let B=typeof F>"u"?e.params.autoplay.delay:F;a=e.params.autoplay.delay,c=e.params.autoplay.delay;const j=k();!Number.isNaN(j)&&j>0&&typeof F>"u"&&(B=j,a=j,c=j),u=B;const M=e.params.speed,V=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(M,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,M,!0,!0),l("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(M,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,M,!0,!0),l("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{h()})))};return B>0?(clearTimeout(d),d=setTimeout(()=>{V()},B)):requestAnimationFrame(()=>{V()}),B},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,h(),l("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(d),cancelAnimationFrame(r),l("autoplayStop")},w=(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",f):S()};if(e.autoplay.paused=!0,B){_&&(u=e.params.autoplay.delay),_=!1,j();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),j())},S=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,h(u)):h(),e.autoplay.paused=!1,l("autoplayResume"))},D=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Je();F.visibilityState==="hidden"&&(p=!0,w(!0)),F.visibilityState==="visible"&&S()},x=F=>{F.pointerType==="mouse"&&(p=!0,g=!0,!(e.animating||e.autoplay.paused)&&w(!0))},C=F=>{F.pointerType==="mouse"&&(g=!1,e.autoplay.paused&&S())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",C))},L=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",C))},N=()=>{Je().addEventListener("visibilitychange",D)},U=()=>{Je().removeEventListener("visibilitychange",D)};n("init",()=>{e.params.autoplay.enabled&&(P(),N(),O())}),n("destroy",()=>{L(),U(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(b||p)&&S()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():w(!0,!0)}),n("beforeTransitionStart",(F,B,j)=>{e.destroyed||!e.autoplay.running||(j||!e.params.autoplay.disableOnInteraction?w(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}y=!0,b=!1,p=!1,T=setTimeout(()=>{p=!0,b=!0,w(!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&&S(),b=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(_=!0)}),Object.assign(e.autoplay,{start:O,stop:I,pause:w,resume:S})}function uo(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 a=e.getTranslate();e.setTranslate(a),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function d(){if(e.params.cssMode)return;const{touchEventsData:a,touches:c}=e;a.velocities.length===0&&a.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Ge()})}function r(a){let{currentPos:c}=a;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:m,snapGrid:y,touchEventsData:b}=e,_=Ge()-b.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(u.freeMode.momentum){if(b.velocities.length>1){const I=b.velocities.pop(),w=b.velocities.pop(),S=I.position-w.position,D=I.time-w.time;e.velocity=S/D,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(D>150||Ge()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,b.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const g=e.velocity*p;let f=e.translate+g;m&&(f=-f);let E=!1,k;const h=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let O;if(f<e.maxTranslate())u.freeMode.momentumBounce?(f+e.maxTranslate()<-h&&(f=e.maxTranslate()-h),k=e.maxTranslate(),E=!0,b.allowMomentumBounce=!0):f=e.maxTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(f>e.minTranslate())u.freeMode.momentumBounce?(f-e.minTranslate()>h&&(f=e.minTranslate()+h),k=e.minTranslate(),E=!0,b.allowMomentumBounce=!0):f=e.minTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(u.freeMode.sticky){let I;for(let w=0;w<y.length;w+=1)if(y[w]>-f){I=w;break}Math.abs(y[I]-f)<Math.abs(y[I-1]-f)||e.swipeDirection==="next"?f=y[I]:f=y[I-1],f=-f}if(O&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?p=Math.abs((-f-e.translate)/e.velocity):p=Math.abs((f-e.translate)/e.velocity),u.freeMode.sticky){const I=Math.abs((m?-f:f)-e.translate),w=e.slidesSizesGrid[e.activeIndex];I<w?p=u.speed:I<2*w?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&E?(e.updateProgress(k),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Zt(v,()=>{!e||e.destroyed||!b.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(k),Zt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Zt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||_>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:d,onTouchEnd:r}})}let ei;function co(){const t=Oe(),e=Je();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Wi(){return ei||(ei=co()),ei}let ti;function po(t){let{userAgent:e}=t===void 0?{}:t;const i=Wi(),n=Oe(),l=n.navigator.platform,s=e||n.navigator.userAgent,d={ios:!1,android:!1},r=n.screen.width,a=n.screen.height,c=s.match(/(Android);?[\s\/]+([\d.]+)?/);let u=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),m=!u&&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!u&&b&&i.touch&&T.indexOf(`${r}x${a}`)>=0&&(u=s.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),b=!1),c&&!y&&(d.os="android",d.android=!0),(u||m||v)&&(d.os="ios",d.ios=!0),d}function Yi(t){return t===void 0&&(t={}),ti||(ti=po(t)),ti}let ii;function vo(){const t=Oe(),e=Yi();let i=!1;function n(){const r=t.navigator.userAgent.toLowerCase();return r.indexOf("safari")>=0&&r.indexOf("chrome")<0&&r.indexOf("android")<0}if(n()){const r=String(t.navigator.userAgent);if(r.includes("Version/")){const[a,c]=r.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=a<16||a===16&&c<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 fo(){return ii||(ii=vo()),ii}function mo(t){let{swiper:e,on:i,emit:n}=t;const l=Oe();let s=null,d=null;const r=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},a=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{d=l.requestAnimationFrame(()=>{const{width:m,height:y}=e;let b=m,T=y;v.forEach(_=>{let{contentBoxSize:p,contentRect:g,target:f}=_;f&&f!==e.el||(b=g?g.width:(p[0]||p).inlineSize,T=g?g.height:(p[0]||p).blockSize)}),(b!==m||T!==y)&&r()})}),s.observe(e.el))},c=()=>{d&&l.cancelAnimationFrame(d),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},u=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){a();return}l.addEventListener("resize",r),l.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),l.removeEventListener("resize",r),l.removeEventListener("orientationchange",u)})}function ho(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=[],d=Oe(),r=function(u,v){v===void 0&&(v={});const m=d.MutationObserver||d.WebkitMutationObserver,y=new m(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(u,{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)},a=()=>{if(e.params.observer){if(e.params.observeParents){const u=Gi(e.hostEl);for(let v=0;v<u.length;v+=1)r(u[v])}r(e.hostEl,{childList:e.params.observeSlideChildren}),r(e.wrapperEl,{attributes:!1})}},c=()=>{s.forEach(u=>{u.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",a),n("destroy",c)}var go={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),r=0;r<s;r++)d[r]=arguments[r];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(a=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[a,...i])}),t.eventsListeners&&t.eventsListeners[a]&&t.eventsListeners[a].forEach(c=>{c.apply(n,i)})}),t}};function bo(){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 yo(){const t=this;function e(S,D){return parseFloat(S.getPropertyValue(t.getDirectionLabel(D))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:s,rtlTranslate:d,wrongRTL:r}=t,a=t.virtual&&i.virtual.enabled,c=a?t.virtual.slides.length:t.slides.length,u=Qe(l,`.${t.params.slideClass}, swiper-slide`),v=a?t.virtual.slides.length:u.length;let m=[];const y=[],b=[];let T=i.slidesOffsetBefore;typeof T=="function"&&(T=i.slidesOffsetBefore.call(t));let _=i.slidesOffsetAfter;typeof _=="function"&&(_=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,g=t.slidesGrid.length;let f=i.spaceBetween,E=-T,k=0,h=0;if(typeof s>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*s:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,u.forEach(S=>{d?S.style.marginLeft="":S.style.marginRight="",S.style.marginBottom="",S.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(kt(n,"--swiper-centered-offset-before",""),kt(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let I;const w=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(S=>typeof i.breakpoints[S].slidesPerView<"u").length>0;for(let S=0;S<v;S+=1){I=0;let D;if(u[S]&&(D=u[S]),O&&t.grid.updateSlide(S,D,u),!(u[S]&&st(D,"display")==="none")){if(i.slidesPerView==="auto"){w&&(u[S].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(D),C=D.style.transform,P=D.style.webkitTransform;if(C&&(D.style.transform="none"),P&&(D.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?Rt(D,"width",!0):Rt(D,"height",!0);else{const L=e(x,"width"),N=e(x,"padding-left"),U=e(x,"padding-right"),F=e(x,"margin-left"),B=e(x,"margin-right"),j=x.getPropertyValue("box-sizing");if(j&&j==="border-box")I=L+F+B;else{const{clientWidth:M,offsetWidth:V}=D;I=L+N+U+F+B+(V-M)}}C&&(D.style.transform=C),P&&(D.style.webkitTransform=P),i.roundLengths&&(I=Math.floor(I))}else I=(s-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),u[S]&&(u[S].style[t.getDirectionLabel("width")]=`${I}px`);u[S]&&(u[S].swiperSlideSize=I),b.push(I),i.centeredSlides?(E=E+I/2+k/2+f,k===0&&S!==0&&(E=E-s/2-f),S===0&&(E=E-s/2-f),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),h%i.slidesPerGroup===0&&m.push(E),y.push(E)):(i.roundLengths&&(E=Math.floor(E)),(h-Math.min(t.params.slidesPerGroupSkip,h))%t.params.slidesPerGroup===0&&m.push(E),y.push(E),E=E+I+f),t.virtualSize+=I+f,k=I,h+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+_,d&&r&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),O&&t.grid.updateWrapperSize(I,m),!i.centeredSlides){const S=[];for(let D=0;D<m.length;D+=1){let x=m[D];i.roundLengths&&(x=Math.floor(x)),m[D]<=t.virtualSize-s&&S.push(x)}m=S,Math.floor(t.virtualSize-s)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-s)}if(a&&i.loop){const S=b[0]+f;if(i.slidesPerGroup>1){const D=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=S*i.slidesPerGroup;for(let C=0;C<D;C+=1)m.push(m[m.length-1]+x)}for(let D=0;D<t.virtual.slidesBefore+t.virtual.slidesAfter;D+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+S),y.push(y[y.length-1]+S),t.virtualSize+=S}if(m.length===0&&(m=[0]),f!==0){const S=t.isHorizontal()&&d?"marginLeft":t.getDirectionLabel("marginRight");u.filter((D,x)=>!i.cssMode||i.loop?!0:x!==u.length-1).forEach(D=>{D.style[S]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let S=0;b.forEach(x=>{S+=x+(f||0)}),S-=f;const D=S-s;m=m.map(x=>x<=0?-T:x>D?D+_:x)}if(i.centerInsufficientSlides){let S=0;b.forEach(x=>{S+=x+(f||0)}),S-=f;const D=(i.slidesOffsetBefore||0)+(i.slidesOffsetAfter||0);if(S+D<s){const x=(s-S-D)/2;m.forEach((C,P)=>{m[P]=C-x}),y.forEach((C,P)=>{y[P]=C+x})}}if(Object.assign(t,{slides:u,snapGrid:m,slidesGrid:y,slidesSizesGrid:b}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){kt(n,"--swiper-centered-offset-before",`${-m[0]}px`),kt(n,"--swiper-centered-offset-after",`${t.size/2-b[b.length-1]/2}px`);const S=-t.snapGrid[0],D=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+S),t.slidesGrid=t.slidesGrid.map(x=>x+D)}if(v!==c&&t.emit("slidesLengthChange"),m.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==g&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!a&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const S=`${i.containerModifierClass}backface-hidden`,D=t.el.classList.contains(S);v<=i.maxBackfaceHiddenSlides?D||t.el.classList.add(S):D&&t.el.classList.remove(S)}}function wo(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=r=>n?e.slides[e.getSlideIndexByData(r)]:e.slides[r];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(r=>{i.push(r)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const r=e.activeIndex+s;if(r>e.slides.length&&!n)break;i.push(d(r))}else i.push(d(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const r=i[s].offsetHeight;l=r>l?r:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function So(){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 qi=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function To(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 r=i.spaceBetween;typeof r=="string"&&r.indexOf("%")>=0?r=parseFloat(r.replace("%",""))/100*e.size:typeof r=="string"&&(r=parseFloat(r));for(let a=0;a<n.length;a+=1){const c=n[a];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(d+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),m=(d-s[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),y=-(d-u),b=y+e.slidesSizesGrid[a],T=y>=0&&y<=e.size-e.slidesSizesGrid[a],_=y>=0&&y<e.size-1||b>1&&b<=e.size||y<=0&&b>=e.size;_&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(a)),qi(c,_,i.slideVisibleClass),qi(c,T,i.slideFullyVisibleClass),c.progress=l?-v:v,c.originalProgress=l?-m:m}}function xo(t){const e=this;if(typeof t>"u"){const u=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*u||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:s,isEnd:d,progressLoop:r}=e;const a=s,c=d;if(n===0)l=0,s=!0,d=!0;else{l=(t-e.minTranslate())/n;const u=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=u||l<=0,d=v||l>=1,u&&(l=0),v&&(l=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[u],y=e.slidesGrid[v],b=e.slidesGrid[e.slidesGrid.length-1],T=Math.abs(t);T>=m?r=(T-m)/b:r=(T+b-y)/b,r>1&&(r-=1)}Object.assign(e,{progress:l,progressLoop:r,isBeginning:s,isEnd:d}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!a&&e.emit("reachBeginning toEdge"),d&&!c&&e.emit("reachEnd toEdge"),(a&&!s||c&&!d)&&e.emit("fromEdge"),e.emit("progress",l)}const ni=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function Eo(){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,r=v=>Qe(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];let a,c,u;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),a=r(`[data-swiper-slide-index="${v}"]`)}else a=r(`[data-swiper-slide-index="${l}"]`);else d?(a=e.filter(v=>v.column===l)[0],u=e.filter(v=>v.column===l+1)[0],c=e.filter(v=>v.column===l-1)[0]):a=e[l];a&&(d||(u=so(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),c=lo(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]))),e.forEach(v=>{ni(v,v===a,i.slideActiveClass),ni(v,v===u,i.slideNextClass),ni(v,v===c,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()}},oi=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},li=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,r=[d-e];r.push(...Array.from({length:e}).map((a,c)=>d+n+c)),t.slides.forEach((a,c)=>{r.includes(a.column)&&oi(t,c)});return}const s=l+n-1;if(t.params.rewind||t.params.loop)for(let d=l-e;d<=s+e;d+=1){const r=(d%i+i)%i;(r<l||r>s)&&oi(t,r)}else for(let d=Math.max(l-e,0);d<=Math.min(s+e,i-1);d+=1)d!==l&&(d>s||d<l)&&oi(t,d)};function Co(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 Io(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:s,realIndex:d,snapIndex:r}=e;let a=t,c;const u=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 a>"u"&&(a=Co(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(l.slidesPerGroupSkip,a);c=y+Math.floor((a-y)/l.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),a===s&&!e.params.loop){c!==r&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(a===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(a);return}const v=e.grid&&l.grid&&l.grid.rows>1;let m;if(e.virtual&&l.virtual.enabled&&l.loop)m=u(a);else if(v){const y=e.slides.filter(T=>T.column===a)[0];let b=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(b)&&(b=Math.max(e.slides.indexOf(y),0)),m=Math.floor(b/l.grid.rows)}else if(e.slides[a]){const y=e.slides[a].getAttribute("data-swiper-slide-index");y?m=parseInt(y,10):m=a}else m=a;Object.assign(e,{previousSnapIndex:r,snapIndex:c,previousRealIndex:d,realIndex:m,previousIndex:s,activeIndex:a}),e.initialized&&li(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(d!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function _o(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(r=>{!l&&r.matches&&r.matches(`.${n.slideClass}, swiper-slide`)&&(l=r)});let s=!1,d;if(l){for(let r=0;r<i.slides.length;r+=1)if(i.slides[r]===l){s=!0,d=r;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 ko={updateSize:bo,updateSlides:yo,updateAutoHeight:wo,updateSlidesOffset:So,updateSlidesProgress:To,updateProgress:xo,updateSlidesClasses:Eo,updateActiveIndex:Io,updateClickedSlide:_o};function Do(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=io(s,t);return d+=e.cssOverflowAdjustment(),n&&(d=-d),d||0}function Ao(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:s,progress:d}=i;let r=0,a=0;const c=0;i.isHorizontal()?r=n?-t:t:a=t,l.roundLengths&&(r=Math.floor(r),a=Math.floor(a)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?r:a,l.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-r:-a:l.virtualTranslate||(i.isHorizontal()?r-=i.cssOverflowAdjustment():a-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${r}px, ${a}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==d&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Po(){return-this.snapGrid[0]}function Oo(){return-this.snapGrid[this.snapGrid.length-1]}function Mo(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:r}=s;if(s.animating&&d.preventInteractionOnTransition)return!1;const a=s.minTranslate(),c=s.maxTranslate();let u;if(n&&t>a?u=a:n&&t<c?u=c:u=t,s.updateProgress(u),d.cssMode){const v=s.isHorizontal();if(e===0)r[v?"scrollLeft":"scrollTop"]=-u;else{if(!s.support.smoothScroll)return Ui({swiper:s,targetPosition:-u,side:v?"left":"top"}),!0;r.scrollTo({[v?"left":"top"]:-u,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(m){!s||s.destroyed||m.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 Lo={getTranslate:Do,setTranslate:Ao,minTranslate:Po,maxTranslate:Oo,translateTo:Mo};function jo(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 Xi(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:s,previousIndex:d}=e;let r=n;if(r||(s>d?r="next":s<d?r="prev":r="reset"),e.emit(`transition${l}`),i&&s!==d){if(r==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),r==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function No(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Xi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Bo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Xi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var zo={setTransition:jo,transitionStart:No,transitionEnd:Bo};function Fo(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:r,snapGrid:a,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:m,wrapperEl:y,enabled:b}=s;if(!b&&!n&&!l||s.destroyed||s.animating&&r.preventInteractionOnTransition)return!1;typeof e>"u"&&(e=s.params.speed);const T=Math.min(s.params.slidesPerGroupSkip,d);let _=T+Math.floor((d-T)/s.params.slidesPerGroup);_>=a.length&&(_=a.length-1);const p=-a[_];if(r.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const E=-Math.floor(p*100),k=Math.floor(c[f]*100),h=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?E>=k&&E<h-(h-k)/2?d=f:E>=k&&E<h&&(d=f+1):E>=k&&(d=f)}if(s.initialized&&d!==v&&(!s.allowSlideNext&&(m?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!==(u||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let g;if(d>v?g="next":d<v?g="prev":g="reset",m&&-p===s.translate||!m&&p===s.translate)return s.updateActiveIndex(d),r.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),r.effect!=="slide"&&s.setTranslate(p),g!=="reset"&&(s.transitionStart(i,g),s.transitionEnd(i,g)),!1;if(r.cssMode){const f=s.isHorizontal(),E=m?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[f?"scrollLeft":"scrollTop"]=E})):y[f?"scrollLeft":"scrollTop"]=E,k&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return Ui({swiper:s,targetPosition:E,side:f?"left":"top"}),!0;y.scrollTo({[f?"left":"top"]:E,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(d),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,g),e===0?s.transitionEnd(i,g):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(E){!s||s.destroyed||E.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,g))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function Vo(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 r;if(s){const m=d*l.params.grid.rows;r=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=l.getSlideIndexByData(d);const a=s?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:c}=l.params;let u=l.params.slidesPerView;u==="auto"?u=l.slidesPerViewDynamic():(u=Math.ceil(parseFloat(l.params.slidesPerView,10)),c&&u%2===0&&(u=u+1));let v=a-r<u;if(c&&(v=v||r<Math.ceil(u/2)),n&&c&&l.params.slidesPerView!=="auto"&&!s&&(v=!1),v){const m=c?r<l.activeIndex?"prev":"next":r-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?r+1:r-a+1,slideRealIndex:m==="next"?l.realIndex:void 0})}if(s){const m=d*l.params.grid.rows;d=l.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===m)[0].column}else d=l.getSlideIndexByData(d)}return requestAnimationFrame(()=>{l.slideTo(d,e,i,n)}),l}function Ho(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 r=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(r=Math.max(n.slidesPerViewDynamic("current",!0),1));const a=n.activeIndex<s.slidesPerGroupSkip?1:r,c=n.virtual&&s.virtual.enabled;if(s.loop){if(d&&!c&&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+a,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+a,t,e,i)}function Uo(t,e,i){e===void 0&&(e=!0);const n=this,{params:l,snapGrid:s,slidesGrid:d,rtlTranslate:r,enabled:a,animating:c}=n;if(!a||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);const u=n.virtual&&l.virtual.enabled;if(l.loop){if(c&&!u&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=r?n.translate:-n.translate;function m(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const y=m(v),b=s.map(p=>m(p));let T=s[b.indexOf(y)-1];if(typeof T>"u"&&l.cssMode){let p;s.forEach((g,f)=>{y>=g&&(p=f)}),typeof p<"u"&&(T=s[p>0?p-1:p])}let _=0;if(typeof T<"u"&&(_=d.indexOf(T),_<0&&(_=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(_=_-n.slidesPerViewDynamic("previous",!0)+1,_=Math.max(_,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(_,t,e,i)}),!0;return n.slideTo(_,t,e,i)}function Go(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 $o(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),r=d+Math.floor((s-d)/l.params.slidesPerGroup),a=l.rtlTranslate?l.translate:-l.translate;if(a>=l.snapGrid[r]){const c=l.snapGrid[r],u=l.snapGrid[r+1];a-c>(u-c)*n&&(s+=l.params.slidesPerGroup)}else{const c=l.snapGrid[r-1],u=l.snapGrid[r];a-c<=(u-c)*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 Wo(){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(Qe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),mt(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Qe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),mt(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Yo={slideTo:Fo,slideToLoop:Vo,slideNext:Ho,slidePrev:Uo,slideReset:Go,slideToClosest:$o,slideToClickedSlide:Wo};function qo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Qe(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},s=e.grid&&i.grid&&i.grid.rows>1,d=i.slidesPerGroup*(s?i.grid.rows:1),r=e.slides.length%d!==0,a=s&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const m=e.isElement?bt("swiper-slide",[i.slideBlankClass]):bt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(r){if(i.loopAddBlankSlides){const u=d-e.slides.length%d;c(u),e.recalcSlides(),e.updateSlides()}else Dt("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(a){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else Dt("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 Xo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:s,byController:d,byMousewheel:r}=t===void 0?{}:t;const a=this;if(!a.params.loop)return;a.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:m,params:y}=a,{centeredSlides:b}=y;if(a.allowSlidePrev=!0,a.allowSlideNext=!0,a.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&a.snapIndex===0?a.slideTo(a.virtual.slides.length,0,!1,!0):y.centeredSlides&&a.snapIndex<y.slidesPerView?a.slideTo(a.virtual.slides.length+a.snapIndex,0,!1,!0):a.snapIndex===a.snapGrid.length-1&&a.slideTo(a.virtual.slidesBefore,0,!1,!0)),a.allowSlidePrev=u,a.allowSlideNext=v,a.emit("loopFix");return}let T=y.slidesPerView;T==="auto"?T=a.slidesPerViewDynamic():(T=Math.ceil(parseFloat(y.slidesPerView,10)),b&&T%2===0&&(T=T+1));const _=y.slidesPerGroupAuto?T:y.slidesPerGroup;let p=_;p%_!==0&&(p+=_-p%_),p+=y.loopAdditionalSlides,a.loopedSlides=p;const g=a.grid&&y.grid&&y.grid.rows>1;c.length<T+p?Dt("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"):g&&y.grid.fill==="row"&&Dt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],E=[];let k=a.activeIndex;typeof s>"u"?s=a.getSlideIndex(c.filter(C=>C.classList.contains(y.slideActiveClass))[0]):k=s;const h=n==="next"||!n,O=n==="prev"||!n;let I=0,w=0;const S=g?Math.ceil(c.length/y.grid.rows):c.length,x=(g?c[s].column:s)+(b&&typeof l>"u"?-T/2+.5:0);if(x<p){I=Math.max(p-x,_);for(let C=0;C<p-x;C+=1){const P=C-Math.floor(C/S)*S;if(g){const L=S-P-1;for(let N=c.length-1;N>=0;N-=1)c[N].column===L&&f.push(N)}else f.push(S-P-1)}}else if(x+T>S-p){w=Math.max(x-(S-p*2),_);for(let C=0;C<w;C+=1){const P=C-Math.floor(C/S)*S;g?c.forEach((L,N)=>{L.column===P&&E.push(N)}):E.push(P)}}if(a.__preventObserver__=!0,requestAnimationFrame(()=>{a.__preventObserver__=!1}),O&&f.forEach(C=>{c[C].swiperLoopMoveDOM=!0,m.prepend(c[C]),c[C].swiperLoopMoveDOM=!1}),h&&E.forEach(C=>{c[C].swiperLoopMoveDOM=!0,m.append(c[C]),c[C].swiperLoopMoveDOM=!1}),a.recalcSlides(),y.slidesPerView==="auto"?a.updateSlides():g&&(f.length>0&&O||E.length>0&&h)&&a.slides.forEach((C,P)=>{a.grid.updateSlide(P,C,a.slides)}),y.watchSlidesProgress&&a.updateSlidesOffset(),i){if(f.length>0&&O){if(typeof e>"u"){const C=a.slidesGrid[k],L=a.slidesGrid[k+I]-C;r?a.setTranslate(a.translate-L):(a.slideTo(k+Math.ceil(I),0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else if(l){const C=g?f.length/y.grid.rows:f.length;a.slideTo(a.activeIndex+C,0,!1,!0),a.touchEventsData.currentTranslate=a.translate}}else if(E.length>0&&h)if(typeof e>"u"){const C=a.slidesGrid[k],L=a.slidesGrid[k-w]-C;r?a.setTranslate(a.translate-L):(a.slideTo(k-w,0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else{const C=g?E.length/y.grid.rows:E.length;a.slideTo(a.activeIndex-C,0,!1,!0)}}if(a.allowSlidePrev=u,a.allowSlideNext=v,a.controller&&a.controller.control&&!d){const C={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:s,byController:!0};Array.isArray(a.controller.control)?a.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...C,slideTo:P.params.slidesPerView===y.slidesPerView?i:!1})}):a.controller.control instanceof a.constructor&&a.controller.control.params.loop&&a.controller.control.loopFix({...C,slideTo:a.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}a.emit("loopFix")}function Jo(){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 Ko={loopCreate:qo,loopFix:Xo,loopDestroy:Jo};function Qo(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 Zo(){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 Ro={setGrabCursor:Qo,unsetGrabCursor:Zo};function el(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Je()||n===Oe())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 Ji(t,e,i){const n=Oe(),{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 tl(t){const e=this,i=Je();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"){Ji(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:d,enabled:r}=e;if(!r||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let a=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(a)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const c=!!s.noSwipingClass&&s.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(a=u[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(m?el(v,a):a.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!a.closest(s.swipeHandler))return;d.currentX=n.pageX,d.currentY=n.pageY;const y=d.currentX,b=d.currentY;if(!Ji(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;a.matches(l.focusableElements)&&(T=!1,a.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==a&&i.activeElement.blur();const _=T&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||_)&&!a.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function il(t){const e=Je(),i=this,n=i.touchEventsData,{params:l,touches:s,rtlTranslate:d,enabled:r}=i;if(!r||!l.simulateTouch&&t.pointerType==="mouse")return;let a=t;if(a.originalEvent&&(a=a.originalEvent),a.type==="pointermove"&&(n.touchId!==null||a.pointerId!==n.pointerId))return;let c;if(a.type==="touchmove"){if(c=[...a.changedTouches].filter(h=>h.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=a;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",a);return}const u=c.pageX,v=c.pageY;if(a.preventedByNestedSwiper){s.startX=u,s.startY=v;return}if(!i.allowTouchMove){a.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:u,startY:v,currentX:u,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(u<s.startX&&i.translate<=i.maxTranslate()||u>s.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&a.target===e.activeElement&&a.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",a),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=u,s.currentY=v;const m=s.currentX-s.startX,y=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(m**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let h;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:m*m+y*y>=25&&(h=Math.atan2(Math.abs(y),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?h>l.touchAngle:90-h>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",a),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.startY)&&(n.startMoving=!0),n.isScrolling||a.type==="touchmove"&&n.preventTouchMoveFromPointerMove){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&a.cancelable&&a.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&a.stopPropagation();let b=i.isHorizontal()?m: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 _=i.touchesDirection;i.swipeDirection=b>0?"prev":"next",i.touchesDirection=T>0?"prev":"next";const p=i.params.loop&&!l.cssMode,g=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&g&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const h=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});i.wrapperEl.dispatchEvent(h)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",a)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&_!==i.touchesDirection&&p&&g&&Math.abs(b)>=1){Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",a),n.isMoved=!0,n.currentTranslate=b+n.startTranslate;let E=!0,k=l.resistanceRatio;if(l.touchReleaseOnEdges&&(k=0),b>0?(p&&g&&!f&&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()&&(E=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+b)**k))):b<0&&(p&&g&&!f&&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()&&(E=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-b)**k))),E&&(a.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),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 nl(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:r,rtlTranslate:a,slidesGrid:c,enabled:u}=e;if(!u||!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(),m=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),m<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ge(),mt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||r.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=a?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.slidesSizesGrid[0];for(let k=0;k<c.length;k+=k<d.slidesPerGroupSkip?1:d.slidesPerGroup){const h=k<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;typeof c[k+h]<"u"?(b||y>=c[k]&&y<c[k+h])&&(T=k,_=c[k+h]-c[k]):(b||y>=c[k])&&(T=k,_=c[c.length-1]-c[c.length-2])}let p=null,g=null;d.rewind&&(e.isBeginning?g=d.virtual&&d.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const f=(y-c[T])/_,E=T<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;if(m>d.longSwipesMs){if(!d.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=d.longSwipesRatio?e.slideTo(d.rewind&&e.isEnd?p:T+E):e.slideTo(T)),e.swipeDirection==="prev"&&(f>1-d.longSwipesRatio?e.slideTo(T+E):g!==null&&f<0&&Math.abs(f)>d.longSwipesRatio?e.slideTo(g):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+E):e.slideTo(T):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:T+E),e.swipeDirection==="prev"&&e.slideTo(g!==null?g:T))}}function Ki(){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 r=d&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!r?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 ol(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function ll(){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 sl(t){const e=this;Mt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function rl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Qi=(t,e)=>{const i=Je(),{params:n,el:l,wrapperEl:s,device:d}=t,r=!!n.nested,a=e==="on"?"addEventListener":"removeEventListener",c=e;!l||typeof l=="string"||(i[a]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:r}),l[a]("touchstart",t.onTouchStart,{passive:!1}),l[a]("pointerdown",t.onTouchStart,{passive:!1}),i[a]("touchmove",t.onTouchMove,{passive:!1,capture:r}),i[a]("pointermove",t.onTouchMove,{passive:!1,capture:r}),i[a]("touchend",t.onTouchEnd,{passive:!0}),i[a]("pointerup",t.onTouchEnd,{passive:!0}),i[a]("pointercancel",t.onTouchEnd,{passive:!0}),i[a]("touchcancel",t.onTouchEnd,{passive:!0}),i[a]("pointerout",t.onTouchEnd,{passive:!0}),i[a]("pointerleave",t.onTouchEnd,{passive:!0}),i[a]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&l[a]("click",t.onClick,!0),n.cssMode&&s[a]("scroll",t.onScroll),n.updateOnWindowResize?t[c](d.ios||d.android?"resize orientationchange observerUpdate":"resize observerUpdate",Ki,!0):t[c]("observerUpdate",Ki,!0),l[a]("load",t.onLoad,{capture:!0}))};function al(){const t=this,{params:e}=t;t.onTouchStart=tl.bind(t),t.onTouchMove=il.bind(t),t.onTouchEnd=nl.bind(t),t.onDocumentTouchStart=rl.bind(t),e.cssMode&&(t.onScroll=ll.bind(t)),t.onClick=ol.bind(t),t.onLoad=sl.bind(t),Qi(t,"on")}function dl(){Qi(this,"off")}var ul={attachEvents:al,detachEvents:dl};const Zi=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function cl(){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 a=(d in s?s[d]:void 0)||t.originalParams,c=Zi(t,n),u=Zi(t,a),v=t.params.grabCursor,m=a.grabCursor,y=n.enabled;c&&!u?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&u&&(l.classList.add(`${n.containerModifierClass}grid`),(a.grid.fill&&a.grid.fill==="column"||!a.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),v&&!m?t.unsetGrabCursor():!v&&m&&t.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(f=>{if(typeof a[f]>"u")return;const E=n[f]&&n[f].enabled,k=a[f]&&a[f].enabled;E&&!k&&t[f].disable(),!E&&k&&t[f].enable()});const b=a.direction&&a.direction!==n.direction,T=n.loop&&(a.slidesPerView!==n.slidesPerView||b),_=n.loop;b&&i&&t.changeDirection(),He(t.params,a);const p=t.params.enabled,g=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",a),i&&(T?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!_&&g?(t.loopCreate(e),t.updateSlides()):_&&!g&&t.loopDestroy()),t.emit("breakpoint",a)}function pl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Oe(),s=e==="window"?l.innerHeight:i.clientHeight,d=Object.keys(t).map(r=>{if(typeof r=="string"&&r.indexOf("@")===0){const a=parseFloat(r.substr(1));return{value:s*a,point:r}}return{value:r,point:r}});d.sort((r,a)=>parseInt(r.value,10)-parseInt(a.value,10));for(let r=0;r<d.length;r+=1){const{point:a,value:c}=d[r];e==="window"?l.matchMedia(`(min-width: ${c}px)`).matches&&(n=a):c<=i.clientWidth&&(n=a)}return n||"max"}var vl={setBreakpoint:cl,getBreakpoint:pl};function fl(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 ml(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:s}=t,d=fl(["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 hl(){const t=this,{el:e,classNames:i}=t;!e||typeof e=="string"||(e.classList.remove(...i),t.emitContainerClasses())}var gl={addClasses:ml,removeClasses:hl};function bl(){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 yl={checkOverflow:bl},si={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 wl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],s=n[l];if(typeof s!="object"||s===null){He(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)){He(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),He(e,n)}}const ri={eventsEmitter:go,update:ko,translate:Lo,transition:zo,slide:Yo,loop:Ko,grabCursor:Ro,events:ul,breakpoints:vl,checkOverflow:yl,classes:gl},ai={};let di=class ot{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=He({},i),e&&!i.el&&(i.el=e);const d=Je();if(i.el&&typeof i.el=="string"&&d.querySelectorAll(i.el).length>1){const u=[];return d.querySelectorAll(i.el).forEach(v=>{const m=He({},i,{el:v});u.push(new ot(m))}),u}const r=this;r.__swiper__=!0,r.support=Wi(),r.device=Yi({userAgent:i.userAgent}),r.browser=fo(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],i.modules&&Array.isArray(i.modules)&&r.modules.push(...i.modules);const a={};r.modules.forEach(u=>{u({params:i,swiper:r,extendParams:wl(i,a),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})});const c=He({},si,a);return r.params=He({},c,ai,i),r.originalParams=He({},r.params),r.passedParams=He({},i),r.params&&r.params.on&&Object.keys(r.params.on).forEach(u=>{r.on(u,r.params.on[u])}),r.params&&r.params.onAny&&r.onAny(r.params.onAny),Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return r.params.direction==="horizontal"},isVertical(){return r.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:r.params.allowSlideNext,allowSlidePrev:r.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:r.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}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=Qe(i,`.${n.slideClass}, swiper-slide`),s=At(l[0]);return At(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=Qe(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:r,size:a,activeIndex:c}=n;let u=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=s[c]?Math.ceil(s[c].swiperSlideSize):0,m;for(let y=c+1;y<s.length;y+=1)s[y]&&!m&&(v+=Math.ceil(s[y].swiperSlideSize),u+=1,v>a&&(m=!0));for(let y=c-1;y>=0;y-=1)s[y]&&!m&&(v+=s[y].swiperSlideSize,u+=1,v>a&&(m=!0))}else if(e==="current")for(let v=c+1;v<s.length;v+=1)(i?d[v]+r[v]-d[c]<a:d[v]-d[c]<a)&&(u+=1);else for(let v=c-1;v>=0;v-=1)d[c]-d[v]<a&&(u+=1);return u}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,r=Math.min(Math.max(d,e.maxTranslate()),e.minTranslate());e.setTranslate(r),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()):Qe(n,l())[0];return!d&&i.params.createElements&&(d=bt("div",i.params.wrapperClass),n.append(d),Qe(n,`.${i.params.slideClass}`).forEach(r=>{d.append(r)})),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)})}),li(i),i.initialized=!0,li(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:r}=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"),r&&r.length&&r.forEach(a=>{a.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.slidePrevClass),a.removeAttribute("style"),a.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(a=>{n.off(a)}),e!==!1&&(n.el&&typeof n.el!="string"&&(n.el.swiper=null),eo(n)),n.destroyed=!0),null}static extendDefaults(e){He(ai,e)}static get extendedDefaults(){return ai}static get defaults(){return si}static installModule(e){ot.prototype.__modules__||(ot.prototype.__modules__=[]);const i=ot.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>ot.installModule(i)),ot):(ot.installModule(e),ot)}};Object.keys(ri).forEach(t=>{Object.keys(ri[t]).forEach(e=>{di.prototype[e]=ri[t][e]})}),di.use([mo,ho]);const Ri=["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 at(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function gt(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]:at(e[n])&&at(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:gt(t[n],e[n]):t[n]=e[n]})}function en(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function tn(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function nn(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function on(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 Sl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Tl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:s,prevEl:d,scrollbarEl:r,paginationEl:a}=t;const c=l.filter(w=>w!=="children"&&w!=="direction"&&w!=="wrapperClass"),{params:u,pagination:v,navigation:m,scrollbar:y,virtual:b,thumbs:T}=e;let _,p,g,f,E,k,h,O;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(_=!0),l.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||a)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(g=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||r)&&(u.scrollbar||u.scrollbar===!1)&&y&&!y.el&&(f=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||d)&&(n.navigation.nextEl||s)&&(u.navigation||u.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(E=!0);const I=w=>{e[w]&&(e[w].destroy(),w==="navigation"?(e.isElement&&(e[w].prevEl.remove(),e[w].nextEl.remove()),u[w].prevEl=void 0,u[w].nextEl=void 0,e[w].prevEl=void 0,e[w].nextEl=void 0):(e.isElement&&e[w].el.remove(),u[w].el=void 0,e[w].el=void 0))};l.includes("loop")&&e.isElement&&(u.loop&&!n.loop?k=!0:!u.loop&&n.loop?h=!0:O=!0),c.forEach(w=>{if(at(u[w])&&at(n[w]))Object.assign(u[w],n[w]),(w==="navigation"||w==="pagination"||w==="scrollbar")&&"enabled"in n[w]&&!n[w].enabled&&I(w);else{const S=n[w];(S===!0||S===!1)&&(w==="navigation"||w==="pagination"||w==="scrollbar")?S===!1&&I(w):u[w]=n[w]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),l.includes("children")&&i&&b&&u.virtual.enabled?(b.slides=i,b.update(!0)):l.includes("virtual")&&b&&u.virtual.enabled&&(i&&(b.slides=i),b.update(!0)),l.includes("children")&&i&&u.loop&&(O=!0),_&&T.init()&&T.update(!0),p&&(e.controller.control=u.controller.control),g&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-pagination"),a.part.add("pagination"),e.el.appendChild(a)),a&&(u.pagination.el=a),v.init(),v.render(),v.update()),f&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-scrollbar"),r.part.add("scrollbar"),e.el.appendChild(r)),r&&(u.scrollbar.el=r),y.init(),y.updateSize(),y.setTranslate()),E&&(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&&(u.navigation.nextEl=s),d&&(u.navigation.prevEl=d),m.init(),m.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(k||O)&&e.loopDestroy(),(h||O)&&e.loopCreate(),e.update()}function xl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};gt(i,si),i._emitClasses=!0,i.init=!1;const s={},d=Ri.map(a=>a.replace(/_/,"")),r=Object.assign({},t);return Object.keys(r).forEach(a=>{typeof t[a]>"u"||(d.indexOf(a)>=0?at(t[a])?(i[a]={},l[a]={},gt(i[a],t[a]),gt(l[a],t[a])):(i[a]=t[a],l[a]=t[a]):a.search(/on[A-Z]/)===0&&typeof t[a]=="function"?e?n[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:i.on[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:s[a]=t[a])}),["navigation","pagination","scrollbar"].forEach(a=>{i[a]===!0&&(i[a]={}),i[a]===!1&&delete i[a]}),{params:i,passedParams:l,rest:s,events:n}}function El(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:s,scrollbarEl:d,swiper:r}=t;en(e)&&n&&l&&(r.params.navigation.nextEl=n,r.originalParams.navigation.nextEl=n,r.params.navigation.prevEl=l,r.originalParams.navigation.prevEl=l),tn(e)&&s&&(r.params.pagination.el=s,r.originalParams.pagination.el=s),nn(e)&&d&&(r.params.scrollbar.el=d,r.originalParams.scrollbar.el=d),r.init(i)}function Cl(t,e,i,n,l){const s=[];if(!e)return s;const d=a=>{s.indexOf(a)<0&&s.push(a)};if(i&&n){const a=n.map(l),c=i.map(l);a.join("")!==c.join("")&&d("children"),n.length!==i.length&&d("children")}return Ri.filter(a=>a[0]==="_").map(a=>a.replace(/_/,"")).forEach(a=>{if(a in t&&a in e)if(at(t[a])&&at(e[a])){const c=Object.keys(t[a]),u=Object.keys(e[a]);c.length!==u.length?d(a):(c.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}),u.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}))}else t[a]!==e[a]&&d(a)}),s}const Il=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 Lt(){return Lt=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},Lt.apply(this,arguments)}function ln(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function sn(t){const e=[];return o.Children.toArray(t).forEach(i=>{ln(i)?e.push(i):i.props&&i.props.children&&sn(i.props.children).forEach(n=>e.push(n))}),e}function _l(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return o.Children.toArray(t).forEach(n=>{if(ln(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=sn(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 kl(t,e,i){if(!i)return null;const n=u=>{let v=u;return u<0?v=e.length+u: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,r=t.params.loop?-e.length:0,a=t.params.loop?e.length*2:e.length,c=[];for(let u=r;u<a;u+=1)u>=s&&u<=d&&c.push(e[n(u)]);return c.map((u,v)=>o.cloneElement(u,{swiper:t,style:l,key:u.props.virtualIndex||u.key||`slide-${v}`}))}function yt(t,e){return typeof window>"u"?o.useEffect(t,e):o.useLayoutEffect(t,e)}const ui=o.createContext(null),rn=()=>o.useContext(ui),Dl=o.createContext(null),dt=o.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:s,onSwiper:d,...r}=t===void 0?{}:t,a=!1;const[c,u]=o.useState("swiper"),[v,m]=o.useState(null),[y,b]=o.useState(!1),T=o.useRef(!1),_=o.useRef(null),p=o.useRef(null),g=o.useRef(null),f=o.useRef(null),E=o.useRef(null),k=o.useRef(null),h=o.useRef(null),O=o.useRef(null),{params:I,passedParams:w,rest:S,events:D}=xl(r),{slides:x,slots:C}=_l(s),P=()=>{b(!y)};Object.assign(I.on,{_containerClasses(B,j){u(j)}});const L=()=>{Object.assign(I.on,D),a=!0;const B={...I};if(delete B.wrapperClass,p.current=new di(B),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const j={cache:!1,slides:x,renderExternal:m,renderExternalUpdate:!1};gt(p.current.params.virtual,j),gt(p.current.originalParams.virtual,j)}};_.current||L(),p.current&&p.current.on("_beforeBreakpoint",P);const N=()=>{a||!D||!p.current||Object.keys(D).forEach(B=>{p.current.on(B,D[B])})},U=()=>{!D||!p.current||Object.keys(D).forEach(B=>{p.current.off(B,D[B])})};o.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),o.useEffect(()=>{!T.current&&p.current&&(p.current.emitSlidesClasses(),T.current=!0)}),yt(()=>{if(e&&(e.current=_.current),!!_.current)return p.current.destroyed&&L(),El({el:_.current,nextEl:E.current,prevEl:k.current,paginationEl:h.current,scrollbarEl:O.current,swiper:p.current},I),d&&!p.current.destroyed&&d(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),yt(()=>{N();const B=Cl(w,g.current,x,f.current,j=>j.key);return g.current=w,f.current=x,B.length&&p.current&&!p.current.destroyed&&Tl({swiper:p.current,slides:x,passedParams:w,changedParams:B,nextEl:E.current,prevEl:k.current,scrollbarEl:O.current,paginationEl:h.current}),()=>{U()}}),yt(()=>{Il(p.current)},[v]);function F(){return I.virtual?kl(p.current,x,v):x.map((B,j)=>o.cloneElement(B,{swiper:p.current,swiperSlideIndex:j}))}return o.createElement(n,Lt({ref:_,className:on(`${c}${i?` ${i}`:""}`)},S),o.createElement(Dl.Provider,{value:p.current},C["container-start"],o.createElement(l,{className:Sl(I.wrapperClass)},C["wrapper-start"],F(),C["wrapper-end"]),en(I)&&o.createElement(o.Fragment,null,o.createElement("div",{ref:k,className:"swiper-button-prev"}),o.createElement("div",{ref:E,className:"swiper-button-next"})),nn(I)&&o.createElement("div",{ref:O,className:"swiper-scrollbar"}),tn(I)&&o.createElement("div",{ref:h,className:"swiper-pagination"}),C["container-end"]))});dt.displayName="Swiper";const Re=o.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:s,zoom:d,lazy:r,virtualIndex:a,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=o.useRef(null),[m,y]=o.useState("swiper-slide"),[b,T]=o.useState(!1);function _(E,k,h){k===v.current&&y(h)}yt(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){m!=="swiper-slide"&&y("swiper-slide");return}return s.on("_slideClass",_),()=>{s&&s.off("_slideClass",_)}}}),yt(()=>{s&&v.current&&!s.destroyed&&y(s.getSlideClasses(v.current))},[s]);const p={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},g=()=>typeof n=="function"?n(p):n,f=()=>{T(!0)};return o.createElement(i,Lt({ref:v,className:on(`${m}${l?` ${l}`:""}`),"data-swiper-slide-index":a,onLoad:f},u),d&&o.createElement(ui.Provider,{value:p},o.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof d=="number"?d:void 0},g(),r&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"}))),!d&&o.createElement(ui.Provider,{value:p},g(),r&&!b&&o.createElement("div",{className:"swiper-lazy-preloader"})))});Re.displayName="SwiperSlide";const Al="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Pl=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:s})=>{var d;const[r,a]=o.useState(!1),c=o.useRef(null);o.useEffect(()=>{const m=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),m?.appendChild(c.current))},[]);const u=o.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(o.useEffect(()=>{u?a(!0):setTimeout(()=>{a(!1)},s?.duration)},[u,s]),!c.current)return null;const v=Te.debounce(()=>{e?.()},300);return xi.createPortal(o.createElement(o.Fragment,null,r&&o.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:u?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},o.createElement("div",{className:`modal-container ${u?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((d=s?.duration)!==null&&d!==void 0?d:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},o.createElement("div",{onClick:e,className:"modal-icon-wrapper"},o.createElement("img",{src:Al,alt:"close",className:"modal-icon"})),i))),c.current)};var jt=o.memo(Pl);const Ol=(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(" ")+" "},Ml=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:s,unfoldText:d,isPost:r,onChange:a})=>{const[c,u]=o.useState(!1),[v,m]=o.useState(!1),y=Number(i?.lineClamp||2),b=o.useRef(null),T=o.useRef(null),_=o.useCallback(()=>{u(!c)},[c,a]);return o.useMemo(()=>!c&&t.length>e?Ol(t,e)+"...":t,[t,e,c]),o.useEffect(()=>{var p,g;((p=T?.current)===null||p===void 0?void 0:p.offsetHeight)>((g=b?.current)===null||g===void 0?void 0:g.offsetHeight)&&r?m(!0):m(!1),T.current.style.display="none"},[r]),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:!r||c?"":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&&r&&v&&o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??_},c?d||"show less":s||"show more"))};var Nt=o.memo(Ml);const Ll=o.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:s,loading:d}=t,[r,a]=o.useState(),{swiperRef:c}=me();return o.useImperativeHandle(e,()=>({setSrc:u=>{a(u)}})),o.useEffect(()=>{var u,v;const m=(v=(u=c?.current)===null||u===void 0?void 0:u.swiper)===null||v===void 0?void 0:v.activeIndex;(m===0||m>0)&&a(i)},[i,c]),o.useRef(null),o.createElement(o.Fragment,null,r?.includes(".avif")?o.createElement("picture",null,o.createElement("source",{type:"image/avif",srcSet:r}),o.createElement("source",{type:"image/webp",srcSet:`${r}?imageMogr2/format/webp`}),o.createElement("source",{type:"image/jpeg",srcSet:`${r}?imageMogr2/format/jpg`}),o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"})):o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)},alt:"image"}))});var Me=o.memo(Ll);const jl=t=>{var e,i,n,l,s,d,r,a,c,{content:u,style:v,bgImg:m,onClick:y,schema:b,isDefault:T,bottom_image:_,tipText:p,isPost:g,viewTime:f,rec:E,swiper:k,commodityStyles:h,buttonStyle:O,index:I}=t,w=_e(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:S}=me(),{popupDetailData:D,bffEventReport:x,isPreview:C,bffFbReport:P}=me(),{jumpToWeb:L,productView:N}=Be(),U=o.useRef(null),[F,B]=o.useState(!1),j=g?E:D,M=g?j?.product:(e=j?.video)===null||e===void 0?void 0:e.bindProduct,V=g?(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,z=g?I:D?.index,H=()=>{M?.link&&(L(j,M,V,z),g||N(j,M,V,f||U.current,z),window.location.href=window.getJointUtmLink(M.link))};o.useEffect(()=>{g||P?.({eventName:"ProductView"})},[g,P]),o.useEffect(()=>{const K=()=>{U.current=new Date};return K(),window.addEventListener("pageshow",K),()=>{window.removeEventListener("pageshow",K)}},[]);const G=o.useMemo(()=>{var K,J,Y,Q,ye;return M?.currency&&M?.price?`${(Y=(J=(K=M?.currency)===null||K===void 0?void 0:K.split("-")[1])===null||J===void 0?void 0:J.toUpperCase())!==null&&Y!==void 0?Y:""}${(ye=(Q=M?.price)===null||Q===void 0?void 0:Q.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ye!==void 0?ye:""}`:"$7,000"},[M?.price,M?.currency]),te=C?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,fe=({isPost:K})=>{var J,Y,Q;return o.createElement("div",null,o.createElement("div",{className:"pb-commondity-content-collection",style:q(h?.collection),hidden:!!M&&(!M?.collection||M?.collection==="")},(J=M?.collection)!==null&&J!==void 0?J:"Tiffany Lock"),o.createElement("div",{className:"pb-commondity-content-title",style:q(h?.title),hidden:!!M&&!M?.title},(Y=M?.title)!==null&&Y!==void 0?Y:"Pendant in Yellow Gold with Diamonds, Medium"),o.createElement("div",{className:"pb-commondity-content-price",style:q(h?.price),hidden:!!M&&!M?.price},G),o.createElement("div",{hidden:!!M&&(!M?.info||M?.info==="")},o.createElement(Nt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>B(!0),isPost:K,text:(Q=M?.info)!==null&&Q!==void 0?Q:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
             bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
             collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
             necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
-            18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:h?.info})))},fe=()=>{var q,X;return o.createElement(o.Fragment,null,(T||L?.link)&&o.createElement("button",{"aria-label":(q=F?.enTitle)!==null&&q!==void 0?q:"Purchase on Website",onClick:$,className:"pb-commondity-btn",style:O},(X=F?.enTitle)!==null&&X!==void 0?X:"Purchase on Website"))},Y=o.useCallback(q=>q?.lineClamp?Object.assign(Object.assign({},q),{overflow:"hidden",WebkitLineClamp:q?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):q,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:Z.css(Object.assign({},v))},x),L&&((d=L?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(ct,{height:ee,modules:[Nt,Bt],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}},(r=L?.homePage)===null||r===void 0?void 0:r.map(q=>o.createElement(Re,{key:q},o.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},o.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:q}))))),!(!((a=L?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:Z.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:Z.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=w?.bottom_image)!==null&&c!==void 0?c:_,alt:"pdp image"})),o.createElement("div",{className:"pb-commondity-content"},ue({isPost:g}))),fe(),o.createElement(Vt,{visible:V,onClose:()=>j(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},ue({isPost:!1})),fe()))};var Fl=o.memo(zl);const Vl=Fe(Fl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:to},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 Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],mi,hi,Ul=[{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:He?.fontOptions,initialValue:(hi=(mi=He?.fontOptions)===null||mi===void 0?void 0:mi[0])===null||hi===void 0?void 0:hi.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"]}]}],pn="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 Gl=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}},$l=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:r,onClick:a,submitButtonStyle:c}=t,u=Ie(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=ve(),{jumpToWeb:m}=ze(),y=typeof l=="string"?l:Gl(l),b=()=>{var T,_,p;if(d){const g=v,f=(T=g?.video)===null||T===void 0?void 0:T.bindProduct,E=(p=(_=g?.video)===null||_===void 0?void 0:_.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;m(g,f,E,k)}s||r?.(),a?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${Z.css(Object.assign({},n))}`},u),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:y??pn,alt:"success image"})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{"aria-label":i,className:"pb-prompt-btn",style:c,onClick:b},i))};var Wl=o.memo($l);const Yl=Fe(Wl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Ul,bindableProps:[],interactionRender:Hl},defaulSetting:{props:{icon:pn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var gi,bi,ql=[{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:ae,name:["fontFamily"],initialValue:(gi=ae?.[0])===null||gi===void 0?void 0:gi.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:ae,initialValue:(bi=ae?.[0])===null||bi===void 0?void 0:bi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Xl=t=>{var e,i,n,l,s,d,r,a,c,u,v,m,y,{style:b,isDefault:T,rec:_,viewTime:p,isPost:g,bottom_image:f,tipText:E,swiper:k,commodityStyles:h,buttonStyle:O,index:I}=t,x=Ie(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:w}=ve(),{popupDetailData:D,bffEventReport:S,isPreview:C,swiperRef:P,bffFbReport:M}=ve(),{jumpToWeb:N,productView:H}=ze(),V=o.useRef(null);o.useRef(null),o.useRef(null),o.useState(!1),o.useState(!1),o.useState(!0);const[j,z]=o.useState(!1),L=o.useRef(null),F=g?_:D,B=g?F?.product:(e=F?.video)===null||e===void 0?void 0:e.bindProduct,$=g?(i=F?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=F?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,U=g?I:D?.index,ee=()=>{B?.link&&(N(F,B,$,U),g||H(F,B,$,p||L.current,U),window.location.href=window.getJointUtmLink(B.link))};o.useEffect(()=>{g||M?.({eventName:"ProductView"})},[g,M]),o.useEffect(()=>{const X=()=>{L.current=new Date};return X(),window.addEventListener("pageshow",X),()=>{window.removeEventListener("pageshow",X)}},[]);const ue=o.useMemo(()=>{var X,Q,J,ye,te;return B?.currency&&B?.price?`${(J=(Q=(X=B?.currency)===null||X===void 0?void 0:X.split("-")[1])===null||Q===void 0?void 0:Q.toUpperCase())!==null&&J!==void 0?J:""}${(te=(ye=B?.price)===null||ye===void 0?void 0:ye.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&te!==void 0?te:""}`:"\xA3102,300.00"},[B?.price,B?.currency]),fe=C?375:(s=b?.width)!==null&&s!==void 0?s:window.innerWidth,Y=({isPost:X})=>o.createElement("div",{hidden:!!B&&(!B?.info||B?.info==="")},o.createElement(Ht,{isPost:X,onClick:()=>z(!0),className:"pb-commondityDiroNew-info",style:h?.info,foldText:E?.foldText,unfoldText:E?.unfoldText,text:B?.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
-Made in Italy`})),q=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:V,className:Z.css(Object.assign({},b))},x),B&&((d=B?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(ct,{height:fe,modules:[Nt,Bt],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}},(r=B?.homePage)===null||r===void 0?void 0:r.map(X=>o.createElement(Re,{key:X},o.createElement("div",{style:{overflow:"hidden",width:fe,height:fe}},o.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:X}))))),!(!((a=B?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:Z.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:Z.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=w?.bottom_image)!==null&&c!==void 0?c:f,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:q(h?.title)},(u=B?.title)!==null&&u!==void 0?u:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!B&&(!B?.collection||B?.collection===""),style:q(h?.collection)},B?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!B&&!B?.price,style:q(h?.price)},ue),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!B&&!B?.taxInfo,style:q(h?.taxInfo)},(v=B?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!B||B?.link)&&o.createElement("button",{"aria-label":(m=$?.enTitle)!==null&&m!==void 0?m:"Shop now",onClick:ee,className:"pb-commondityDiroNew-btn",style:O},(y=$?.enTitle)!==null&&y!==void 0?y:"Shop now"),Y({isPost:g}))),o.createElement(Vt,{visible:j,onClose:()=>z(!1)},Y({isPost:!1})))};var Jl=o.memo(Xl);const Kl=Fe(Jl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:ql},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 yi,wi,We=[{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:ae,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(yi=ae?.[0])===null||yi===void 0?void 0:yi.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:ae,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(wi=ae?.[0])===null||wi===void 0?void 0:wi.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"]}]}],Ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function vn(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 Zl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:r}=t;Ie(t,["rec","children","className","onClick","style","isExternalLink","index"]);const a=o.useRef(null),c=vn(a),{popup:u}=et(),{setPopupDetailData:v,ctaEvent:m}=ve(),{jumpToWeb:y}=ze();o.useEffect(()=>{var T,_;if(c&&a?.current){const p=(_=(T=e?.video)===null||T===void 0?void 0:T.bindProduct)!==null&&_!==void 0?_:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,r)}},[c,a,e,m,r]);const b=Te.throttle(()=>{var T,_,p,g,f,E,k,h;const O=(_=(T=e?.video)===null||T===void 0?void 0:T.bindProduct)!==null&&_!==void 0?_:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,O,r),v?.(Object.assign(Object.assign({},e),{index:r})),d){if(!((g=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||g===void 0)&&g.link){const I=(f=e?.video)===null||f===void 0?void 0:f.bindCta,x=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;y(e,x,I,r),window.location.href=window.getJointUtmLink((h=(k=e?.video)===null||k===void 0?void 0:k.bindProduct)===null||h===void 0?void 0:h.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:a,className:n,style:s,onClick:b},i)};var Ct=o.memo(Zl),Rl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const es=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(Ct,Object.assign({isExternalLink:T,rec:m,className:Z.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Le,{className:Z.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:Z.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Rl["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var ts=o.memo(es);const is=Fe(ts,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Ql,bindableProps:[],settingRender:We},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 ns=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const os=t=>{var e,i,n,l,{content:s,style:d,bgImg:r,recData:a,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,m=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=ve(),b=(e=a?.video)===null||e===void 0?void 0:e.bindCta;return o.createElement(Ct,Object.assign({isExternalLink:v,rec:a,className:Z.css(Object.assign({alignItems:"center"},d)),style:{display:"flex"}},m),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},o.createElement("img",{className:Z.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=b?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:"cta image"})),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},u?.ctaTitle))},(l=b?.enTitle)!==null&&l!==void 0?l:"Product Name"))};var ls=o.memo(os);const ss=Fe(ls,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:ns,settingRender:We?.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 rs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const as=t=>{var e,i,n,l,s,{content:d,style:r,bgImg:a,recData:c,bottom_image:u,ctaTempStyles:v,index:m}=t,y=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:b,bffEventReport:T}=ve(),{jumpToWeb:_}=ze(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,g=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{p?.link&&(_(c,g,p,m),window.location.href=window.getJointUtmLink(p.link))};return o.createElement(Ct,Object.assign({index:m,rec:c,className:Z.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},y,{onClick:f}),o.createElement("div",{className:Z.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},o.createElement(Le,{className:Z.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(l=(n=p?.icon)!==null&&n!==void 0?n:b?.bottom_image)!==null&&l!==void 0?l:u})),o.createElement("div",{className:Z.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:rs["tow-line-ellipsis"],style:v?.ctaTitle},(s=p?.enTitle)!==null&&s!==void 0?s:"Product Name")))};var ds=o.memo(as);const us=Fe(ds,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:We?.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 cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ps={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const vs=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(Ct,Object.assign({isExternalLink:T,rec:m,className:Z.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Le,{className:Z.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:Z.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ps["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var fs=o.memo(vs);const ms=Fe(fs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:cs,settingRender:We,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 hs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],gs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const bs=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(Ct,Object.assign({isExternalLink:T,rec:m,className:Z.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Le,{className:Z.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:Z.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:gs["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop now")))};var ys=o.memo(bs);const ws=Fe(ys,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:hs,bindableProps:[],settingRender:We},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 Ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ts=({children:t,isPadding:e=!0})=>o.createElement(ct,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[vo,po,co],style:{padding:e?"0 12px 0 20px":0}},t);var Ut=o.memo(Ts);const xs=({src:t,rec:e,item:i,index:n,style:l})=>{const s=o.useRef(null),d=vn(s),{ctaEvent:r}=ve();return o.useEffect(()=>{d&&t&&s?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[d,t,s,e,r,i,n]),o.createElement("div",{ref:s,hidden:!t,className:Z.css({width:"100%",height:"100%"})},o.createElement(Le,{className:Z.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},l)),src:t}))};var Si=o.memo(xs),Es={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Cs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:_}=ve(),{popup:p}=et(),{jumpToWeb:g}=ze(),[f,E]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Te.throttle(h=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(g(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Ut,{isPadding:!!d},f?.map(h=>{var O,I,x,w,D,S,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:Z.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(Si,{src:(w=(x=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&x!==void 0?x:_?.bottom_image)!==null&&w!==void 0?w:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:Z.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Es["two-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=h?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Is=o.memo(Cs);const _s=Fe(Is,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Ss,bindableProps:[],settingRender:We},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 ks=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ds={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const As=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=ve(),{ctaEvent:T,setPopupDetailData:_}=ve(),{popup:p}=et(),[g,f]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:E}=ze(),k=Te.throttle(h=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),_?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(E(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Ut,{isPadding:!!d},g?.map(h=>{var O,I,x,w,D,S,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h.itemId,className:Z.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(Si,{src:(w=(x=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&x!==void 0?x:b?.bottom_image)!==null&&w!==void 0?w:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:Z.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Ds["two-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=h?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Ps=o.memo(As);const Os=Fe(Ps,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:ks,settingRender:We,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 Ms=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ls={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const js=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:_}=ve(),{popup:p}=et(),{jumpToWeb:g}=ze(),[f,E]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Te.throttle(h=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(g(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Ut,{isPadding:!!d},f?.map(h=>{var O,I,x,w,D,S,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:Z.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:Z.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(Si,{src:(w=(x=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&x!==void 0?x:_?.bottom_image)!==null&&w!==void 0?w:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:Z.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:Ls["tow-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:Z.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(S=h?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&C!==void 0?C:"Shop now")))}))};var Ns=o.memo(js);const Bs=Fe(Ns,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Ms,bindableProps:[],settingRender:We},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 Ti,xi,zs=[{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:ae,name:["fontFamily"],initialValue:(Ti=ae?.[0])===null||Ti===void 0?void 0:Ti.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:ae,initialValue:(xi=ae?.[0])===null||xi===void 0?void 0:xi.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 Fs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=ve();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 fn=o.memo(Fs),Vs=null,Hs="3d989325-e7d6-4a74-8a97-98febdf5b567",Us=null,Gs=null,$s={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"},Ws=[{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}],Ys="Handbags",mn={productUserId:Vs,requestId:Hs,channel:Us,rtc:Gs,tag:$s,recList:Ws,hashTag:Ys};const qs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:r,reportTagsView:a,textStyles:c,space:u}=t,{swiperRef:v,setRtcList:m,setOpenHashtag:y,sxpParameter:b}=ve(),[T,_]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),g=o.useRef(null);o.useRef(null),o.useRef(null);const[f,E]=o.useState(""),k=o.useMemo(()=>{var S,C,P,M,N,H,V,j,z,L;return!((S=e?.video)===null||S===void 0)&&S.cover?(C=e?.video)===null||C===void 0?void 0:C.cover:!((M=(P=e?.video)===null||P===void 0?void 0:P.imgUrls)===null||M===void 0)&&M.length?(H=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||H===void 0?void 0:H[0]:!((j=(V=e?.product)===null||V===void 0?void 0:V.homePage)===null||j===void 0)&&j.length?(L=(z=e?.product)===null||z===void 0?void 0:z.homePage)===null||L===void 0?void 0:L[0]:b?.bottom_image||""},[e,b?.bottom_image]),h=o.useMemo(()=>{var S,C;return((S=e?.product)===null||S===void 0?void 0:S.title)||((C=e?.video)===null||C===void 0?void 0:C.title)||null},[e]),O=o.useMemo(()=>{var S;return i.transform?Number((S=i.transform)===null||S===void 0?void 0:S.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]);o.useMemo(()=>O===void 0?!1:O<=d,[O,d]);const I=o.useMemo(()=>{var S,C,P,M,N,H,V,j,z;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((C=e?.product)===null||C===void 0)&&C.price)?`${(H=(N=(M=(P=e?.product)===null||P===void 0?void 0:P.currency)===null||M===void 0?void 0:M.split("-")[1])===null||N===void 0?void 0:N.toUpperCase())!==null&&H!==void 0?H:""}${(z=(j=(V=e?.product)===null||V===void 0?void 0:V.price)===null||j===void 0?void 0:j.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&z!==void 0?z:""}`:null},[e]);o.useEffect(()=>{if(p.current===null||k==="")return;let S=null;T&&f?S=f:S=k,S&&p.current.setSrc(S)},[k,T,f]);const x=o.useRef(),w=o.useCallback(S=>{setTimeout(()=>{var C;const P=(C=x?.current)===null||C===void 0?void 0:C.offsetHeight;n(P+56+u,s)},0)},[u,n,s,l,x]),D=()=>{a(),m?.(r),setTimeout(()=>{var S;(S=v?.current)===null||S===void 0||S.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:g,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:x},o.createElement(Le,{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 ${I?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},h&&h),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!I,style:c.price},I)))};function Xs(t){var e,i,n,l,s,d,r,a,c,u,v,m,y,b,T,_,p,g,f,E,{reportTagsView:k,showBanner:h}=t,O=Ie(t,["reportTagsView","showBanner"]);const{waterFallData:I,getRecommendVideos:x,hashTagSize:w,loadingImage:D,isOpenHashTag:S}=ve(),C=o.useRef(null),[P,M]=o.useState(0),[N,H]=o.useState(),V=o.useRef(null),[j,z]=o.useState([]),L=o.useRef(),F=[170,230,300],[B,$]=o.useState(!1),[U,ee]=o.useState([]),ue=o.useRef(),fe=o.useCallback((le,de)=>Math.floor(Math.random()*(de-le+1))+le,[]),Y=o.useRef([]),[q,X]=o.useState({width:0}),Q=o.useMemo(()=>{const le=q.width||0;return le>=1200?6:le>=768&&le<=1199?4:2},[q]),J=o.useMemo(()=>q.width/Q-2,[Q,q]),ye=o.useCallback(()=>{var le;const de=(le=L.current)!==null&&le!==void 0?le:[],me=[];for(let ne=0;ne<U?.length;ne++){const je=Math.floor(ne/Q),Ye=ne%Q+1;let Ke=0,pt=9999999999;if(je===0)me[ne]=ne;else{for(let G=0;G<me.length;G++)Y.current[me[G]].top+Y.current[me[G]].height<pt&&(Ke=G,pt=Y.current[me[G]].top+Y.current[me[G]].height);me[Ke]=ne}Y.current[ne]===void 0&&(Y.current[ne]={}),je===0?(Ye===1?Y.current[ne].left=0:Y.current[ne].left=Y.current[ne-1].left+J+4,Y.current[ne].top=0):(Y.current[ne].left=Y.current[Ke].left,Y.current[ne].top=pt),Y.current[ne].height=Y.current[ne].height||F[fe(0,2)],de[ne]={transform:`translate(${Y.current[ne].left}px,${Y.current[ne].top}px)`,width:`${J}px`,height:Y.current[ne].height}}return z([...de]),[...de]},[J,Q,F,fe,U]),te=o.useCallback((le,de)=>{Y.current[de]===void 0&&(Y.current[de]={}),Y.current[de].height=le,L.current=ye()},[ye]);o.useEffect(()=>{L.current=ye()},[J,Q,U]),o.useEffect(()=>{var le,de;if($(!0),I&&x?.({hashTag:I?.hashTag,"itemFilter.itemId":I?.itemId,"itemFilter.itemType":I?.itemType,defaultSize:w,maxSize:w}).then(me=>{var ne,je;H(me),ee((je=(ne=me?.recList)===null||ne===void 0?void 0:ne.filter(Ye=>Ye?.video!==null||Ye?.product!==null))!==null&&je!==void 0?je:[]),$(!1)}),S){const me=mn;H(me),ee((de=(le=me?.recList)===null||le===void 0?void 0:le.filter(ne=>ne?.video!==null||ne?.product!==null))!==null&&de!==void 0?de:[]),$(!1)}},[I,x,w,S]);const _e=o.useCallback(()=>{V.current!==null&&X({width:V.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(V.current===null)return;const le=new ResizeObserver(de=>{_e()});return le.observe(V.current),()=>{le.disconnect()}},[_e]),o.useCallback(()=>{$(!0),I&&x?.({hashTag:I?.hashTag,"itemFilter.itemId":I?.itemId,"itemFilter.itemType":I?.itemType}).then(le=>{var de,me;ee(U?.concat((me=(de=le?.recList)===null||de===void 0?void 0:de.filter(ne=>!ne?.video))!==null&&me!==void 0?me:[])),$(!1)})},[I,x,U]);const Pe=o.useCallback(()=>{M(C.current.scrollTop)},[]);o.useEffect(()=>{var le;return(le=C?.current)===null||le===void 0||le.addEventListener("scroll",Pe),()=>{var de;(de=C?.current)===null||de===void 0||de.removeEventListener("scroll",Pe)}},[Pe,C]);const ke=()=>{var le,de;!((le=N?.tag)===null||le===void 0)&&le.link&&(k(),window.location.href=(de=N?.tag)===null||de===void 0?void 0:de.link)};return o.createElement(o.Fragment,null,B?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:V},o.createElement("div",{className:"waterFallList-scroll",ref:C},h&&((e=N?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:ke},o.createElement(Le,{className:Z.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=N?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=O?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=N?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=N?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=O?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:ke},((r=N?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},U?.map((le,de)=>{var me;return o.createElement(qs,Object.assign({key:de,index:de,rec:le,list:U,showBorder:P+((me=C?.current)===null||me===void 0?void 0:me.clientHeight),style:j[de],sizeChange:te,unitWidth:J,reportTagsView:k},O))}),o.createElement("div",{hidden:!(!((a=N?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((u=Y?.current[((c=Y?.current)===null||c===void 0?void 0:c.length)-1])===null||u===void 0?void 0:u.top)+((m=Y?.current[((v=Y?.current)===null||v===void 0?void 0:v.length)-1])===null||m===void 0?void 0:m.height))!==null&&y!==void 0?y:0}px)`,height:!((b=N?.tag)===null||b===void 0)&&b.link?((T=ue?.current)===null||T===void 0?void 0:T.offsetHeight)||((_=O?.buttonBgStyle)===null||_===void 0?void 0:_.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=N?.tag)===null||p===void 0)&&p.link),style:O?.buttonBgStyle}),o.createElement("div",{ref:ue,hidden:!(!((g=N?.tag)===null||g===void 0)&&g.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},O?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((f=N?.tag)===null||f===void 0?void 0:f.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:O?.buttonStyle,onClick:ke},((E=N?.tag)===null||E===void 0?void 0:E.linkTitle)||"Shop the collection"))))}var Js="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ks=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:r,setRtcList:a,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=ve(),[m,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),_=o.useRef(null),p=o.useRef(null),[g,f]=o.useState(""),E=o.useMemo(()=>{var x,w,D,S,C,P,M,N,H,V;return!((x=e?.video)===null||x===void 0)&&x.cover?(w=e?.video)===null||w===void 0?void 0:w.cover:!((S=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||S===void 0)&&S.length?(P=(C=e?.video)===null||C===void 0?void 0:C.imgUrls)===null||P===void 0?void 0:P[0]:!((N=(M=e?.product)===null||M===void 0?void 0:M.homePage)===null||N===void 0)&&N.length?(V=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||V===void 0?void 0:V[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var x,w;return((x=e?.product)===null||x===void 0?void 0:x.title)||((w=e?.video)===null||w===void 0?void 0:w.title)||null},[e]),h=o.useMemo(()=>{var x,w,D,S,C,P,M,N,H;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((w=e?.product)===null||w===void 0)&&w.price)?`${(P=(C=(S=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||S===void 0?void 0:S.split("-")[1])===null||C===void 0?void 0:C.toUpperCase())!==null&&P!==void 0?P:""}${(H=(N=(M=e?.product)===null||M===void 0?void 0:M.price)===null||N===void 0?void 0:N.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&H!==void 0?H:""}`:null},[e]);o.useEffect(()=>{const x=new IntersectionObserver(w=>{w.forEach(D=>{if(D.isIntersecting){if(T.current===null||E==="")return;m&&g?b.current.setSrc(g):b.current.setSrc(E),x.unobserve(T.current)}})});return x.observe(T.current),()=>{x.disconnect()}},[E,m,g]);const O=(x,w,D)=>{const S=x/w;return D/S};o.useEffect(()=>{const x=_?.current;x===null||E===""||!m||(x.src=E,x.currentTime=1,x.crossOrigin="anonymous",x.onloadeddata=()=>{const w=p?.current;if(!w)return;const D=w.getContext("2d"),S=window?.innerWidth/2,C=O(x.videoWidth,x.videoHeight,S);w.height=C,w.width=S,D?.drawImage(x,0,0,w.width,w.height),f(w.toDataURL()),x.remove(),w.remove()})},[E,m]);const I=()=>{l(),a?.(n),setTimeout(()=>{var x;(x=r?.current)===null||x===void 0||x.swiper.slideTo(i,0,!1),c?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},m&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:_,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(Le,{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 ${h?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!h},h)))};function Qs(t){var e,i,n,l,s,d,r,a,c,u,v,m,y,b,T,{reportTagsView:_,showBanner:p}=t,g=Ie(t,["reportTagsView","showBanner"]);const{waterFallData:f,getRecommendVideos:E,hashTagSize:k,loadingImage:h,isOpenHashTag:O}=ve(),[I,x]=o.useState(),[w,D]=o.useState(),[S,C]=o.useState(!1),P=o.useRef(null),[M,N]=o.useState(!1);o.useCallback(()=>{M||(N(!0),f&&E?.({hashTag:f?.hashTag,"itemFilter.itemId":f?.itemId,"itemFilter.itemType":f?.itemType}).then(V=>{var j;x(I?.concat((j=V?.recList)!==null&&j!==void 0?j:[])),N(!1)}))},[f,E,I,M]),o.useEffect(()=>{var V,j;if(C(!0),f&&E?.({hashTag:f?.hashTag,"itemFilter.itemId":f?.itemId,"itemFilter.itemType":f?.itemType,defaultSize:k,maxSize:k}).then(z=>{var L,F;D(z),x((F=(L=z?.recList)===null||L===void 0?void 0:L.filter(B=>B?.video!==null||B?.product!==null))!==null&&F!==void 0?F:[]),C(!1)}),O){const z=mn;D(z),x((j=(V=z?.recList)===null||V===void 0?void 0:V.filter(L=>L?.video!==null||L?.product!==null))!==null&&j!==void 0?j:[]),C(!1)}},[f,E,k,O]);const H=()=>{var V,j;!((V=w?.tag)===null||V===void 0)&&V.link&&(_(),window.location.href=(j=w?.tag)===null||j===void 0?void 0:j.link)};return o.createElement(o.Fragment,null,S?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:h,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:P},p&&((e=w?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:H},o.createElement(Le,{className:Z.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=g?.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:H,style:Object.assign(Object.assign({},(d=g?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:g?.space})},((r=w?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},I?.map((V,j)=>o.createElement(Ks,Object.assign({key:j,index:j,rec:V,list:I,reportTagsView:_},g)))),o.createElement("div",{hidden:!M,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((a=w?.tag)===null||a===void 0)&&a.link),style:{height:!((c=w?.tag)===null||c===void 0)&&c.link?((u=g?.buttonBgStyle)===null||u===void 0?void 0:u.height)||((v=g?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((m=w?.tag)===null||m===void 0)&&m.link),style:g?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=w?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},g?.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:g?.buttonStyle,onClick:H},((T=w?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const Zs=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:r,setRtcList:a,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:_}=ve(),{backMainFeed:p}=ze();o.useRef(null);const g=o.useRef(null),[f,E]=o.useState();o.useEffect(()=>{const x=document.getElementById("sxp-render"),w=document.getElementById("water-fall");w?g.current=w:(g.current=document.createElement("div"),g.current.setAttribute("id","water-fall"),x?.appendChild(g.current))},[]);const k=()=>{const x=Te.isEqual(u,r);!x&&r&&r?.length&&a?.(r),p("branch",_,void 0,i?.hashTag),I(),d?.(void 0),m?.(!1),setTimeout(()=>{var w,D;x||(D=(w=s?.current)===null||w===void 0?void 0:w.swiper)===null||D===void 0||D.slideTo(c,0,!1),n?.(!1)},0)},[h,O]=o.useState();o.useEffect(()=>{i&&O(i)},[i]);const I=o.useCallback(()=>{var x,w,D,S,C,P;const M=h?.rec;if(!M)return;let N="";y?N="hashTagPage":!((x=M?.video)===null||x===void 0)&&x.url?N="videoPage":!((D=(w=M?.video)===null||w===void 0?void 0:w.imgUrls)===null||D===void 0)&&D.length&&(N="imagePage"),b?.({eventInfo:{contentId:(S=M?.video)===null||S===void 0?void 0:S.itemId,position:c+"",contentTags:JSON.stringify((C=M?.video)===null||C===void 0?void 0:C.tags),traceInfo:(P=M?.video)===null||P===void 0?void 0:P.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:N,fromKPage:location?.href,timeOnSite:Math.floor((new Date-f)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,b,f,y,c]);return o.useEffect(()=>{l&&E(new Date)},[l]),o.useEffect(()=>{const x=()=>{E(new Date)};return window.addEventListener("pageshow",x),()=>{window.removeEventListener("pageshow",x)}},[]),g.current?ki.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(fn,{icon:Js,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(Qs,Object.assign({reportTagsView:I},t)):o.createElement(Xs,Object.assign({reportTagsView:I},t))),g.current):null};var hn=o.memo(Zs);const Rs=t=>o.createElement(hn,Object.assign({},t));var er=o.memo(Rs);const tr=Fe(er,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:zs,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 ir=[{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 gn=t=>o.createElement(gn,Object.assign({},t));var nr=o.memo(gn);const or=Fe(nr,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:ir},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var Ei=Object.freeze({__proto__:null,Appoint:ss,AppointForm:eo,Commodity:is,CommodityDetail:Vl,CommodityDetailDiroNew:Kl,CommodityDiro:ms,CommodityDiroNew:ws,Consent:or,HashTag:tr,Link:us,MultiCommodity:Os,MultiCommodityDiro:_s,MultiCommodityDiroNew:Bs,Prompt:Yl});const lr="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",sr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",rr=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=Ie(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:r,mutateUnlike:a,bffEventReport:c}=ve(),[u,v]=o.useState(e),m=Ge(sr),y=Ge(lr),b=Te.debounce(()=>Oe(void 0,void 0,void 0,function*(){var T,_,p,g,f,E,k,h,O,I,x,w,D,S,C,P,M,N,H,V;if(u){v(!1);const j=(p=yield a?.({videoItemId:(_=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&_!==void 0?_:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(g=l?.video)===null||g===void 0?void 0:g.itemId)!==null&&f!==void 0?f:"",contentName:(k=(E=l?.video)===null||E===void 0?void 0:E.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((O=(h=l?.video)===null||h===void 0?void 0:h.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!((I=l?.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(x=l?.video)===null||x===void 0?void 0:x.traceInfo}}),j||v(!0)}else{v(!0);const j=(w=yield r?.({content:JSON.stringify(l)}))!==null&&w!==void 0?w:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(S=(D=l?.video)===null||D===void 0?void 0:D.itemId)!==null&&S!==void 0?S:"",contentName:(P=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((N=(M=l?.video)===null||M===void 0?void 0:M.tags)!==null&&N!==void 0?N:[]),position:s+"",contentFormat:!((H=l?.video)===null||H===void 0)&&H.url?"video":"image",traceInfo:(V=l?.video)===null||V===void 0?void 0:V.traceInfo}}),j||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:u?i||m:n||y,alt:"icon"}))};var bn=o.memo(rr);const ar=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:r})=>{const[a,c]=o.useState(!1),{bffEventReport:u,sxpParameter:v,waterFallData:m,openHashtag:y,bffFbReport:b}=ve(),T=o.useRef(0),[_,p]=o.useState(!1),[g,f]=o.useState(!0),{isActive:E}=cn(),k=o.useRef(null),[h,O]=o.useState(""),I=`pb-cache-video-${e}`,x=o.useRef(null),w=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var $;return d?.mode==="2"?`translateY(-${50+(($=d?.offsetTop)!==null&&$!==void 0?$:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),S=o.useMemo(()=>{var $;return(($=t?.video)===null||$===void 0?void 0:$.cover)||h},[h,t]),C=o.useMemo(()=>w?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[w]),P=o.useMemo(()=>d?.bgWay==="1",[d]),M=o.useMemo(()=>P&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,P]);o.useEffect(()=>{r&&r?.muted(l)},[l,r]);const N=o.useCallback(()=>{r&&r?.play()},[r]),H=Ge("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),V=o.useCallback(()=>{var $,U,ee,ue,fe,Y,q,X,Q;if(!r)return;p(!0),c(!1);const J=n[e];if(J&&r?.duration()){T.current=r?.currentTime()||0;const ye=(($=r?.duration())!==null&&$!==void 0?$:0).toFixed(2),te=((U=r?.currentTime())!==null&&U!==void 0?U:0).toFixed(2),_e=g?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ue=(ee=J?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(fe=J?.video)===null||fe===void 0?void 0:fe.title)!==null&&Y!==void 0?Y:"",playType:_e,startTime:te,videoDuration:ye,contentTags:JSON.stringify((X=(q=J?.video)===null||q===void 0?void 0:q.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(Q=J?.video)===null||Q===void 0?void 0:Q.traceInfo}}),f(!1)}},[u,n,e,g,r]),j=o.useCallback(()=>{var $;if(!r||h||!w)return;const U=document.getElementById("player-container-id_html5_api");if(!U||(U.style.objectFit="contain",!(($=t?.video)===null||$===void 0)&&$.cover||!k||!k.current||P))return;const ee=()=>{const ue=U,fe=k?.current,Y=fe.getContext("2d"),q=window?.innerWidth,X=window?.innerHeight;fe.height=X,fe.width=q,Y?.drawImage(ue,0,0,fe.width,fe.height),O(fe.toDataURL())};ee(),setTimeout(()=>{ee()},500)},[r,P,t,h,w]),z=o.useCallback(()=>{r&&j()},[r,j]);o.useCallback(()=>{p(!0)},[]);const L=o.useCallback($=>()=>{if(!r||!_)return;const U=r?.paused();switch($){case"start":if(!U)return;r?.play(),c(!1);break;case"pause":if(U)return;r?.pause(),c(!0);break;default:U?r?.play():r?.pause(),c(!U);break}},[_,r]),F=o.useCallback(()=>{var $,U,ee,ue,fe,Y,q,X,Q;if(!r||s!==e)return;const J=n[e],ye=(($=r?.duration())!==null&&$!==void 0?$:0).toFixed(2),te=((U=r?.currentTime())!==null&&U!==void 0?U:0).toFixed(2);if(r?.duration()){const _e=(r?.currentTime()-T.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ue=(ee=J?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(fe=J?.video)===null||fe===void 0?void 0:fe.title)!==null&&Y!==void 0?Y:"",endTime:te,videoDuration:ye,playDuration:_e,contentTags:JSON.stringify((X=(q=J?.video)===null||q===void 0?void 0:q.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(Q=J?.video)===null||Q===void 0?void 0:Q.traceInfo}})}},[n,e,u,r,s]);o.useEffect(()=>{if(!E||!r)return;const $=t?.video.url;if(!$)return;r?.src($),c(!1);const U=document.querySelector(`#${I}`),ee=document.querySelector("#player-container-id"),ue=document.querySelector("#player-container-id-copy");if(!(!ee&&!ue))return U?.appendChild(ee||ue),r?.on("loadedmetadata",z),r?.on("loadeddata",j),r?.on("playing",V),r?.on("pause",F),r?.on("ended",N),()=>{ue?.appendChild(ee),r?.off("loadedmetadata",z),r?.off("loadeddata",j),r?.off("playing",V),r?.off("pause",F),r?.off("ended",N)}},[E,I,t,r]),o.useEffect(()=>{!r||!_||(E?(b?.({eventName:"ViewContent"}),r?.play()):r?.pause())},[E,_,r]),o.useEffect(()=>{if(!E||!r)return;!r?.paused()&&y?r?.pause():y||r?.play()},[y,E,r]),o.useEffect(()=>{if(!E)return;const $=()=>{L("start")(),b?.({eventName:"ViewContent"})},U=L("pause");return tt.on(Xe.PAGE_DID_SHOW,$),tt.on(Xe.PAGE_DID_HIDE,U),()=>{tt.off(Xe.PAGE_DID_SHOW,$),tt.off(Xe.PAGE_DID_HIDE,U)}},[L,E]);const B=o.useMemo(()=>!v?.placeholder_image||_?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[_,v?.placeholder_image]);return o.useEffect(()=>{if(!r)return;const $=()=>{var U;s===e&&(!((U=t?.video)===null||U===void 0)&&U.url)&&r&&!a&&L("pause")()};return window.addEventListener("beforeunload",$),()=>{window.removeEventListener("beforeunload",$)}},[s,e,t,r,L,a]),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"},M)},!P&&o.createElement(Le,{src:S,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},C)}),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:x,id:I,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",alt:"pause",src:H}))),B):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:x,id:I,style:{width:"100%",height:"100%"}}),B,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:H,alt:"pause"}))):null};var dr=o.memo(ar);const ur=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),r=a=>{a.stopPropagation();const c=!s;d(c),n?.(c)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:r},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var yn=o.memo(ur);const cr=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);et(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ge("/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"}))},wn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var u;return n?.mode==="2"?`translateY(-${50+((u=n?.offsetTop)!==null&&u!==void 0?u:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),a=o.useMemo(()=>n?.bgWay==="1",[n]),c=o.useMemo(()=>a&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,a]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!s||!a)&&o.createElement(Le,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r),onLoad:l}),s&&o.createElement(Le,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},pr=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:r})=>{var a;const c=o.useRef(),{isActive:u}=cn(),{sxpParameter:v,openHashtag:m}=ve(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&u?(c?.current&&c.current.swiper.autoplay.start(),m?s(n):d(l)):c?.current&&c.current.swiper.autoplay.stop()},[n,u,s,m,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(ct,{ref:c,defaultValue:0,direction:"horizontal",modules:[Nt,Bt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((a=r?.delay)!==null&&a!==void 0?a:3)*1e3}},t?.map((_,p)=>o.createElement(Re,{key:p},o.createElement(wn,{src:!y&&p>0?"":_,height:i,imgUrlsPostConfig:r,onShowFirstImage:T}))))};var vr=o.memo(pr);const fr=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,r]=o.useState(!1),{setWaterFallData:a,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:m}=ve(),y=b=>{v?m?.(!0):u?.(n),a?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),c?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>r(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Ut,null,t?.map((b,T)=>o.createElement(Re,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var Sn=o.memo(fr),mr="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 Gt(t){return o.memo(function(e){const{$store:i}=Vn(),n=s=>{let d=s;const r=s.match(/{{.*?}}/g);return r?.length&&r.forEach(a=>{a.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=Te.get(i,u);return d=d.replace(a,v),v}})}),d},l=o.useMemo(()=>{var s,d,r;const{bindDatas:a}=e,c=Ie(e,["bindDatas"]);if((s=a?.forEach)===null||s===void 0||s.call(a,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:m}=u;m.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,_;if(b){const p=(_=(T=Te.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&_!==void 0?_:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=Te.cloneDeep(c.event)||{};for(const v in u)if(Object.prototype.hasOwnProperty.call(u,v))try{u[v].value=n(u[v].value),c.eventMap[v]=new Function(u[v].value)}catch{}}return!((r=(d=c?.event)===null||d===void 0?void 0:d.onClick)===null||r===void 0)&&r.linkType&&(c.style.cursor="pointer"),c},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const hr=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=et(),s=o.useMemo(()=>{var d,r,a,c,u,v,m,y,b,T,_,p,g,f,E,k,h,O,I,x,w,D,S,C,P,M,N,H,V,j,z;if(!t?.video)return null;let L=null;!((r=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||r===void 0)&&r.length?L="\u591A\u5546\u54C1CTA":!((a=t?.video)===null||a===void 0)&&a.bindProduct?L="\u5546\u54C1CTA":L=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const F=i?.[L];if(((v=F?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((y=F?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=F?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((_=t?.video)===null||_===void 0)&&_.bindProduct)||((p=F?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((f=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||f===void 0)&&f.length)||((E=F?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((h=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||h===void 0)&&h.length)||((O=F?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((x=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||x===void 0)&&x.length))return null;if(F&&n){const B=n[(w=F?.item)===null||w===void 0?void 0:w.type],$=Gt(B),U=(D=B?.extend)===null||D===void 0?void 0:D.defaulSetting,ee=((P=(C=(S=F?.item)===null||S===void 0?void 0:S.event)===null||C===void 0?void 0:C.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return o.createElement($,Object.assign({style:Object.assign(Object.assign(Object.assign({},U?.style),(M=F?.item)===null||M===void 0?void 0:M.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},U?.textStyle),(N=F?.item)===null||N===void 0?void 0:N.textStyle),bindDatas:(V=(H=F?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&V!==void 0?V:[]},U?.props,(j=F?.item)===null||j===void 0?void 0:j.props,{event:((z=F?.item)===null||z===void 0?void 0:z.event)||{},schema:l,id:F?.id,key:F?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var Tn=o.memo(hr);const xn=({nudge:t})=>{var e,i,n,l,s,d,r;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})},(r=t?.content)!==null&&r!==void 0?r:"")))},gr=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:r,waterFallData:a,bffEventReport:c,selectTag:u,setSelectTag:v}=ve(),{backMainFeed:m}=ze(),y=o.useMemo(()=>[At,...t],[t]),b=T=>()=>{if(T===u)return;T!=="FOR U"?c?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):m("theme",T,u);let _;T!==At&&(_=T),d?.(!0),i?.({themeTag:_}).then(p=>{var g,f,E,k;tt.emit(Xe.CHANGE_THEME_TAG,_),n?.((g=p?.recList)!==null&&g!==void 0?g:[]),l?.((f=p?.recList)!==null&&f!==void 0?f:[]),e?.(0),s?.(0),(k=(E=r?.current)===null||E===void 0?void 0:E.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return a||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===u?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var En=o.memo(gr);const br=({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:r}=ve(),a=o.useMemo(()=>{const v=location.search.slice(1),m=$t.parse(v.replace(/\+/g,"%2B"));for(const y in m)m[y]=m[y].replace(/%2B/g,"+");return m},[]),c=v=>{var m;return(m=a[v])!==null&&m!==void 0?m:null};o.useEffect(()=>{r?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:c("utm_source"),utmMedium:c("utm_medium"),utmCampaign:c("utm_campaign"),utmId:c("utm_id"),utmContent:c("utm_content"),clSource:c("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const u=()=>{r?.({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(ji,"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:u},"Agree"),o.createElement("a",{className:"consent-policy",target:"_blank",href:l?`https://${l}`:void 0},s??"More information"))))};var yr=o.memo(br);const Cn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:r,tipText:a,nudge:c,_schema:u,hashTagStyle:v,tagList:m=[],licenseUrl:y})=>{var b,T,_,p,g,f,E,k,h,O,I,x,w;const{schema:D}=et(),[S,C]=o.useState(0),P=o.useRef(0),[M,N]=o.useState(!1),[H,V]=o.useState(!0),j=o.useRef(),[z,L]=o.useState(!1),[F,B]=o.useState(!1),{loadVideos:$,bffEventReport:U,loading:ee,setPopupDetailData:ue,ctaEvent:fe,swiperRef:Y,waterFallData:q,setOpenHashtag:X,appDomain:Q,openHashtag:J,loadingImage:ye,isFromHashtag:te,popupDetailData:_e,bffFbReport:Pe,curTime:ke,h5EnterLink:le,isShowConsent:de,selectTag:me}=ve(),{backMainFeed:ne}=ze(),[je,Ye]=o.useState(null),Ke=o.useRef(),{productView:pt}=ze(),G=o.useMemo(()=>d.length>0&&!ee&&$n(),[d,ee]),W=o.useCallback(()=>{if(d.length<=0)return;Un();const A=new Date;j.current=A,M&&le?.(),Pe?.({eventName:"PageView"}),N(!0)},[d.length,Pe,le,M]),ie=o.useRef();o.useEffect(()=>{var A,oe,K,se;if(!ie.current&&!je&&Ke?.current&&d?.length>0){ie.current=!0;const pe=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((oe=(A=d?.[0])===null||A===void 0?void 0:A.video)===null||oe===void 0)&&oe.url?[{src:(se=(K=d?.[0])===null||K===void 0?void 0:K.video)===null||se===void 0?void 0:se.url}]:[]});pe?.ready(()=>{Ye(pe)})}},[je,y,d]),o.useEffect(()=>{M||W()},[W,M]),o.useEffect(()=>{var A;const oe=d?.findIndex(K=>{var se,pe,he,R,re,xe,Ne,Be,we;return r==="\u591A\u5546\u54C1CTA"?((se=K?.video)===null||se===void 0?void 0:se.bindProducts)&&((he=(pe=K?.video)===null||pe===void 0?void 0:pe.bindProducts)===null||he===void 0?void 0:he.length)>0:r==="\u5546\u54C1CTA"?(R=K?.video)===null||R===void 0?void 0:R.bindProduct:((xe=(re=K?.video)===null||re===void 0?void 0:re.bindCta)===null||xe===void 0?void 0:xe.itemId)===r&&(((Ne=K?.video)===null||Ne===void 0?void 0:Ne.url)||((we=(Be=K?.video)===null||Be===void 0?void 0:Be.imgUrls)===null||we===void 0?void 0:we.length))})||0;(A=Y?.current)===null||A===void 0||A.swiper.slideTo(oe)},[r,Y]),o.useEffect(()=>{const A=d?.[S],oe=()=>{var K,se,pe,he,R,re,xe,Ne,Be,we,De,ft,mt,ht,dt,kt;const qe=!J&&!de;if(document.visibilityState==="hidden"){qe&&(tt.emit(Xe.PAGE_DID_HIDE,A),rt(A),vt(A));let gt="";_e&&(!((se=(K=A?.video)===null||K===void 0?void 0:K.bindProducts)===null||se===void 0)&&se.length||!((pe=A?.video)===null||pe===void 0)&&pe.bindProduct)?gt="pdpPage":_e&&((xe=l?.[(re=(R=(he=A?.video)===null||he===void 0?void 0:he.bindCta)===null||R===void 0?void 0:R.itemId)!==null&&re!==void 0?re:""].item)===null||xe===void 0?void 0:xe.type)==="Appoint"?gt="formPage":te?gt="hashTagPage":!((Ne=A?.video)===null||Ne===void 0)&&Ne.url?gt="videoPage":!((Be=A?.video)===null||Be===void 0)&&Be.imgUrls&&(!((De=(we=A?.video)===null||we===void 0?void 0:we.imgUrls)===null||De===void 0)&&De.length)?gt="imagePage":A?.product&&(gt="productPage"),U?.({eventInfo:{sessionDuration:Math.floor((new Date-ke.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(ft=A?.video)===null||ft===void 0?void 0:ft.itemId,productId:(mt=A?.product)===null||mt===void 0?void 0:mt.itemId,position:S+"",fromKName:gt,fromKPage:location?.href,ctatId:(kt=(dt=(ht=A?.video)===null||ht===void 0?void 0:ht.bindCta)===null||dt===void 0?void 0:dt.itemId)!==null&&kt!==void 0?kt:""}})}else document.visibilityState==="visible"&&(W(),qe&&(St(S),tt.emit(Xe.PAGE_DID_SHOW,A),ne("external",me)))};return document.addEventListener("visibilitychange",oe),()=>{document.removeEventListener("visibilitychange",oe)}},[S,U,d,W,_e,te,l,ke,ne,J,de,me]);const ge=o.useMemo(()=>{let A=0;return m.length>0&&(A+=45,q&&(A-=45)),A},[m,q]),ce=o.useMemo(()=>{let A=0;return t?.logoUrl&&t?.isShowLogo&&(A+=45),i-A-ge},[t,i,ge]),Ee=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]),be=o.useCallback((A,oe)=>{var K,se,pe,he;return!((K=A?.video)===null||K===void 0)&&K.url?o.createElement(dr,{rec:A,index:oe,muted:H,data:d,height:ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:je}):!((se=A?.video)===null||se===void 0)&&se.imgUrls?o.createElement(vr,{key:A?.video.itemId,imgUrls:A?.video.imgUrls,width:n,height:ce,rec:A,index:oe,onReportViewImageEnd:rt,onViewImageStartEvent:St,imgUrlsPostConfig:t?.imgUrlsPost}):A.product&&Array.isArray(t?.productPost)&&((pe=t?.productPost)===null||pe===void 0?void 0:pe.length)>0?(he=t?.productPost)===null||he===void 0?void 0:he.map((R,re)=>{var xe,Ne,Be,we,De,ft,mt,ht;const dt=s[(xe=R?.item)===null||xe===void 0?void 0:xe.type],kt=Gt(dt),qe=(Ne=dt?.extend)===null||Ne===void 0?void 0:Ne.defaulSetting;return o.createElement(kt,Object.assign({key:`${oe}${re}`,textStyle:Object.assign(Object.assign({},qe?.textStyle),(Be=R?.item)===null||Be===void 0?void 0:Be.textStyle),bindDatas:(De=(we=R?.item)===null||we===void 0?void 0:we.bindDatas)!==null&&De!==void 0?De:[]},qe?.props,(ft=R?.item)===null||ft===void 0?void 0:ft.props,{event:((mt=R?.item)===null||mt===void 0?void 0:mt.event)||{},schema:D,id:R?.id,viewTime:j.current,rec:A,isPost:!0,tipText:a,style:Object.assign(Object.assign(Object.assign({},qe?.style),(ht=R?.item)===null||ht===void 0?void 0:ht.style),{height:"100%",overflow:"auto"}),index:oe}))}):null},[n,d,ce,H,S,t?.productPost,j,a,s,D,je]),Ce=o.useCallback(A=>{B(A)},[]),it=o.useMemo(()=>F?{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"},[F]),st=o.useCallback((A,oe)=>{var K,se,pe,he,R,re,xe;return A?.video?o.createElement(o.Fragment,null,((K=A?.video)===null||K===void 0?void 0:K.title)&&!F&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(xn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(Tn,{rec:A,index:oe,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(Ht,{className:"clc-sxp-bottom-text",isPost:!0,foldText:a?.foldText,unfoldText:a?.unfoldText,text:(pe=(se=A?.video)===null||se===void 0?void 0:se.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:Ce}),o.createElement(Sn,{index:S,tags:(R=(he=A?.video)===null||he===void 0?void 0:he.hashTags)!==null&&R!==void 0?R:[],itemId:(re=A?.video)===null||re===void 0?void 0:re.itemId,itemType:!((xe=A?.video)===null||xe===void 0)&&xe.itemId?"VIDEO":null,rec:A,hashTagStyle:v})))):null},[e,S,l,s,a,c,v,t,Ce,F,it]),It=o.useCallback((A,oe)=>{var K,se,pe,he;if(!t?.isShowLike)return;let R=(K=t?.likeIconY)!==null&&K!==void 0?K:400;return q&&R<40&&(R+=40),A?.video?o.createElement(bn,{key:A.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:A.isCollected,recData:A,className:"clc-sxp-like-button",style:{[(se=t.likeIconXPosit)!==null&&se!==void 0?se:"right"]:(pe=t.likeIconX)!==null&&pe!==void 0?pe:0,[(he=t.likeIconYPosit)!==null&&he!==void 0?he:"bottom"]:R},position:oe}):null},[t,q]),rt=A=>{var oe,K,se,pe,he,R;if(!(!((oe=A?.video)===null||oe===void 0)&&oe.url)&&(!((K=A?.video)===null||K===void 0)&&K.imgUrls)){const re=Date.now(),xe=(re-P.current)/1e3;U?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(pe=(se=A?.video)===null||se===void 0?void 0:se.itemId)!==null&&pe!==void 0?pe:"",contentName:(he=A?.video.title)!==null&&he!==void 0?he:"",imageEndTime:`${re}`,playDuration:`${xe}`,contentTags:JSON.stringify((R=A?.video.tags)!==null&&R!==void 0?R:[]),position:S+"",contentFormat:"image",traceInfo:A?.video.traceInfo}})}},_t=A=>{var oe,K,se,pe,he,R,re,xe,Ne,Be;j.current=new Date;const we=d[A.previousIndex];if(!we)return;A.previousIndex-A.activeIndex<0?(U?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(K=(oe=we?.video)===null||oe===void 0?void 0:oe.itemId)!==null&&K!==void 0?K:"",productId:(pe=(se=we?.product)===null||se===void 0?void 0:se.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),rt(we)):(U?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(R=(he=we?.video)===null||he===void 0?void 0:he.itemId)!==null&&R!==void 0?R:"",productId:(xe=(re=we.product)===null||re===void 0?void 0:re.itemId)!==null&&xe!==void 0?xe:"",requestId:null}}),rt(we)),vt(we);const De=d[A.activeIndex];!(!((Ne=De?.video)===null||Ne===void 0)&&Ne.url)&&!(!((Be=De?.video)===null||Be===void 0)&&Be.imgUrls)&&De?.product&&Pe?.({eventName:"ProductView"})},vt=A=>{var oe,K,se;!(!((oe=A?.video)===null||oe===void 0)&&oe.url)&&!(!((K=A?.video)===null||K===void 0)&&K.imgUrls)&&A?.product&&pt(A,A.product,(se=A?.product)===null||se===void 0?void 0:se.bindCta,j.current,S)};o.useEffect(()=>{const A=d[S];J&&vt(A)},[J,d,S]);const St=A=>{var oe,K,se,pe,he,R;const re=d[A];if(!(!((oe=re?.video)===null||oe===void 0)&&oe.url)&&(!((K=re?.video)===null||K===void 0)&&K.imgUrls)){const xe=Date.now();P.current=xe,U?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(pe=(se=re?.video)===null||se===void 0?void 0:se.itemId)!==null&&pe!==void 0?pe:"",contentName:(he=re?.video.title)!==null&&he!==void 0?he:"",imageStartTime:`${xe}`,contentTags:JSON.stringify((R=re?.video.tags)!==null&&R!==void 0?R:[]),position:A+"",contentFormat:"image",traceInfo:re?.video.traceInfo}}),Pe?.({eventName:"ViewContent"})}},at=o.useMemo(()=>{const A=d?.map((oe,K)=>S===K||K-1===S||K+1===S?oe:null);return q?A:A.concat([{loading:!0}])},[d,S,q]),Ve=o.useMemo(()=>ee?o.createElement("div",{style:{height:ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:ye,alt:"loading...",style:{objectFit:"contain"}})):at?.map((A,oe)=>o.createElement(Re,{key:oe,virtualIndex:oe},A&&o.createElement(o.Fragment,null,A?.loading?o.createElement("div",{style:{height:ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:ye,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,be(A,oe),st(A,oe),It(A,oe))))),[n,d,ce,ee,st,be,at,ye]),_i=Ge("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Tt=Ge("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},de?o.createElement(yr,Object.assign({},(_=(T=(b=t?.consent)===null||b===void 0?void 0:b[0])===null||T===void 0?void 0:T.item)===null||_===void 0?void 0:_.props)):o.createElement(o.Fragment,null,q&&o.createElement(fn,{icon:mr,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{X?.(!0)}}),Ee,o.createElement(En,{tagList:m,setActiveIndex:C}),G?o.createElement(cr,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((p=t?.swipeTipOffset)!==null&&p!==void 0?p:0)}%`}}):null,o.createElement(ct,{style:{marginTop:ge},ref:Y,onSlideChange:()=>{Y.current.swiper.allowTouchMove=!1,setTimeout(()=>{Y.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:A=>{C(A.activeIndex),!J&&(_t(A),!q&&A?.activeIndex+2>=d?.length&&(z||(L(!0),$?.(Math.ceil(S/10)+1).then(()=>{L(!1)}))))},direction:"vertical",height:ce},o.createElement(yn,{style:{position:"fixed",visibility:!((f=(g=d?.[S])===null||g===void 0?void 0:g.video)===null||f===void 0)&&f.url?"visible":"hidden",zIndex:999,[(E=t?.muteIconXPosit)!==null&&E!==void 0?E:"right"]:(k=t?.muteIconX)!==null&&k!==void 0?k:0,[(h=t?.muteIconYPosit)!==null&&h!==void 0?h:"bottom"]:(O=t?.muteIconY)!==null&&O!==void 0?O:23},defaultValue:H,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_i,unactiveIcon:t?.muteIcon?t?.muteIcon:Tt,onChange:V}),Ve)),o.createElement(hn,Object.assign({},(w=(x=(I=t?.hashTag)===null||I===void 0?void 0:I[0])===null||x===void 0?void 0:x.item)===null||w===void 0?void 0:w.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:Ke,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},wr=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(ct,{defaultValue:0,direction:"horizontal",modules:[Nt,Bt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Re,{key:d},o.createElement(wn,{src:d,height:i,imgUrlsPostConfig:n}))));var Sr=o.memo(wr);const Tr=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:r})=>{const[a,c]=o.useState(!1),u=o.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:y,openHashtag:b}=ve(),T=o.useRef(0),[_,p]=o.useState(!1),[g,f]=o.useState(!0),E=o.useRef(null),[k,h]=o.useState("");o.useEffect(()=>{u.current&&(u.current.muted=l)},[l]);const O=o.useCallback(()=>{var j;(j=u.current)===null||j===void 0||j.play()},[]),I=Ge("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),x=o.useCallback(()=>{var j,z,L,F,B,$,U,ee,ue,fe,Y,q,X;c(!1);const Q=n[e];if(Q&&(!((j=u?.current)===null||j===void 0)&&j.duration)){T.current=((z=u?.current)===null||z===void 0?void 0:z.currentTime)||0;const J=((F=(L=u.current)===null||L===void 0?void 0:L.duration)!==null&&F!==void 0?F:0).toFixed(2),ye=(($=(B=u.current)===null||B===void 0?void 0:B.currentTime)!==null&&$!==void 0?$:0).toFixed(2),te=g?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(U=Q?.video)===null||U===void 0?void 0:U.itemId)!==null&&ee!==void 0?ee:"",contentName:(fe=(ue=Q?.video)===null||ue===void 0?void 0:ue.title)!==null&&fe!==void 0?fe:"",playType:te,startTime:ye,videoDuration:J,contentTags:JSON.stringify((q=(Y=Q?.video)===null||Y===void 0?void 0:Y.tags)!==null&&q!==void 0?q:[]),position:e+"",contentFormat:"video",traceInfo:(X=Q?.video)===null||X===void 0?void 0:X.traceInfo}}),f(!1)}},[v,n,e,g]),w=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(j=>()=>{var z,L,F,B,$;if(!_)return;const U=(z=u.current)===null||z===void 0?void 0:z.paused;switch(j){case"start":if(!U)return;(L=u.current)===null||L===void 0||L.play(),c(!1);break;case"pause":if(U)return;(F=u.current)===null||F===void 0||F.pause(),c(!0);break;default:U?(B=u.current)===null||B===void 0||B.play():($=u.current)===null||$===void 0||$.pause(),c(!U);break}},[_]),S=o.useCallback(()=>{var j,z,L,F,B,$,U,ee,ue,fe,Y,q,X;const Q=n[e],J=((z=(j=u.current)===null||j===void 0?void 0:j.duration)!==null&&z!==void 0?z:0).toFixed(2),ye=((F=(L=u.current)===null||L===void 0?void 0:L.currentTime)!==null&&F!==void 0?F:0).toFixed(2);if(!((B=u?.current)===null||B===void 0)&&B.duration){const te=((($=u?.current)===null||$===void 0?void 0:$.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(U=Q?.video)===null||U===void 0?void 0:U.itemId)!==null&&ee!==void 0?ee:"",contentName:(fe=(ue=Q?.video)===null||ue===void 0?void 0:ue.title)!==null&&fe!==void 0?fe:"",endTime:ye,videoDuration:J,playDuration:te,contentTags:JSON.stringify((q=(Y=Q?.video)===null||Y===void 0?void 0:Y.tags)!==null&&q!==void 0?q:[]),position:e+"",contentFormat:"video",traceInfo:(X=Q?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,v]),C=o.useMemo(()=>d?.mode==="2",[d]),P=o.useMemo(()=>{var j;return d?.mode==="2"?`translateY(-${50+((j=d?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),M=o.useMemo(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||k},[k,t]),N=o.useCallback(()=>{if(!E||!u||!u.current||!E.current)return;const j=u?.current,z=E?.current,L=z.getContext("2d"),F=window?.innerWidth,B=window?.innerHeight;z.height=B,z.width=F,L?.drawImage(j,0,0,z.width,z.height),h(z.toDataURL())},[]);o.useEffect(()=>{var j,z,L,F;if(u.current){if(c(!1),!u.current.src){const B=t?.video.url;if(B.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const $=new window.Hls;$.loadSource(B),$.attachMedia(u.current)}else u.current.canPlayType("application/vnd.apple.mpegurl"),u.current.src=B;else u.current.src=B;u.current.setAttribute("x5-playsinline","true"),u.current.setAttribute("webkit-playsinline","true")}return(j=u.current)===null||j===void 0||j.addEventListener("loadedmetadata",w),(z=u.current)===null||z===void 0||z.addEventListener("canplay",w),(L=u.current)===null||L===void 0||L.addEventListener("playing",x),(F=u.current)===null||F===void 0||F.addEventListener("loadeddata",N),()=>{var B,$,U,ee;(B=u.current)===null||B===void 0||B.removeEventListener("loadedmetadata",w),($=u.current)===null||$===void 0||$.removeEventListener("canplay",w),(U=u.current)===null||U===void 0||U.removeEventListener("playing",x),(ee=u.current)===null||ee===void 0||ee.removeEventListener("loadeddata",N)}}},[w,x,t?.video,N]);const H=o.useMemo(()=>!m?.placeholder_image||_?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image,alt:"video poster"}),[_,m?.placeholder_image]);o.useEffect(()=>{const j=()=>{var z,L;s===e&&(!((z=t?.video)===null||z===void 0)&&z.url)&&(!((L=u?.current)===null||L===void 0)&&L.src)&&!a&&D("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[s,e,t,u,D,a]);const V=o.useMemo(()=>C?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[C]);return t?.video?o.createElement(o.Fragment,null,C?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement(Le,{src:M,style:Object.assign({height:i,width:r,objectFit:"cover"},V)}),o.createElement("canvas",{ref:E,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:r,height:i,top:"50%",transform:P,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:r,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I,alt:"video pause image"}))),H):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:u,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:O}),H,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I,alt:"video pause image"}))):null};var xr=o.memo(Tr);const Ci={};Object.values(Ei).forEach(t=>{Ci[t.extend.type]=t});const Er="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Cr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Ir=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:r=664,containerWidth:a=375,appDomain:c,tagList:u=[]})=>{const v=o.useMemo(()=>{let h=0;return e?.logoUrl&&e?.isShowLogo&&(h+=45),u.length>0&&(h+=45),r-h},[e,r,u]),m=(h,O)=>{var I,x,w,D;if(!((I=h?.video)===null||I===void 0)&&I.url)return o.createElement(xr,{rec:h,index:O,muted:!0,width:a,data:t??[],height:v,activeIndex:O,videoPostConfig:e?.videoPost});if(!((x=h?.video)===null||x===void 0)&&x.imgUrls)return o.createElement(Sr,{key:h?.video.itemId,imgUrls:h?.video.imgUrls,width:a,height:v,rec:h,index:O,imgUrlsPostConfig:e?.imgUrlsPost});if(h.product&&h.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((S,C)=>{var P,M,N,H,V,j,z,L;const F=Ci[(P=S?.item)===null||P===void 0?void 0:P.type],B=Gt(F),$=(M=F?.extend)===null||M===void 0?void 0:M.defaulSetting;return o.createElement(B,Object.assign({key:`${O}${C}`,textStyle:Object.assign(Object.assign({},$?.textStyle),(N=S?.item)===null||N===void 0?void 0:N.textStyle),bindDatas:(V=(H=S?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&V!==void 0?V:[]},$?.props,(j=S?.item)===null||j===void 0?void 0:j.props,{event:((z=S?.item)===null||z===void 0?void 0:z.event)||{},id:S?.id,rec:h,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},$?.style),(L=S?.item)===null||L===void 0?void 0:L.style),{width:a,height:v,overflow:"auto"}),index:O}))})},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=(h,O)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(Tn,{rec:h,index:O,tempMap:l,resolver:Ci})):null,T=(h,O)=>{var I,x,w,D,S,C,P;return h?.video?o.createElement(o.Fragment,null,((I=h?.video)===null||I===void 0?void 0:I.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(xn,{nudge:n}),b(h,O),o.createElement("div",null,o.createElement(Ht,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(w=(x=h?.video)===null||x===void 0?void 0:x.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(Sn,{index:O,tags:(S=(D=h?.video)===null||D===void 0?void 0:D.hashTags)!==null&&S!==void 0?S:[],itemId:(C=h?.video)===null||C===void 0?void 0:C.itemId,itemType:!((P=h?.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:h,hashTagStyle:d}))):null},_=Ge(Cr,c),p=Ge(Er,c),g=(h,O)=>{var I,x,w,D;if(!e?.isShowLike)return;let S=(I=e?.likeIconY)!==null&&I!==void 0?I:400;return S<40&&(S+=40),h?.video?o.createElement(bn,{key:h.position,activeIcon:(x=e?.likeIcon)!==null&&x!==void 0?x:_,unActicveIcon:(w=e?.unlikeIcon)!==null&&w!==void 0?w:p,position:O,active:h.isCollected,recData:h,className:"clc-sxp-like-button",style:{top:S,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},f=Ge("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),E=Ge("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),k=(h,O)=>{var I,x,w,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(En,{tagList:u}),o.createElement(yn,{style:{position:"absolute",right:(I=e?.muteIconX)!==null&&I!==void 0?I:0,visibility:!((w=(x=t?.[O])===null||x===void 0?void 0:x.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:f,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),m(h,O),T(h,O),g(h,O))};return o.createElement("div",{className:Z.css({width:"100%",height:r,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((h,O)=>k(h,O)))};var _r=o.memo(Ir);const kr=()=>{const{schema:t,resolver:e,popup:i}=et(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=ve(),{productView:d}=ze(),[r,a]=o.useState(),c=o.useRef(null);o.useEffect(()=>{const m=()=>{c.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,a(i))},[i]);const u=()=>{var m,y,b,T;if(!i||i?.id===""||!r||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;a(Object.assign(Object.assign({},i),{id:""}));const _=l,p=(y=_?.video)===null||y===void 0?void 0:y.bindProduct,g=(T=(b=_?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&g&&d(_,p,g,c.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var m,y,b;return(b=(y=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,_)=>{var p,g,f,E,k,h,O,I,x,w,D,S,C,P,M;if(T?.id===i?.id){const N=e[(p=T?.item)===null||p===void 0?void 0:p.type],H=Gt(N),V=((E=(f=(g=T?.item)===null||g===void 0?void 0:g.event)===null||f===void 0?void 0:f.onClick)===null||E===void 0?void 0:E.linkType)==="externalLink",j=((O=(h=(k=T?.item)===null||k===void 0?void 0:k.event)===null||h===void 0?void 0:h.onClick)===null||O===void 0?void 0:O.linkType)==="popup",z=(I=N?.extend)===null||I===void 0?void 0:I.defaulSetting;return o.createElement(H,Object.assign({key:_,style:Object.assign(Object.assign(Object.assign({},z?.style),(x=T?.item)===null||x===void 0?void 0:x.style),{width:(w=window.innerWidth)!==null&&w!==void 0?w:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},z?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(C=(S=T?.item)===null||S===void 0?void 0:S.bindDatas)!==null&&C!==void 0?C:[]},z?.props,(P=T?.item)===null||P===void 0?void 0:P.props,{event:((M=T?.item)===null||M===void 0?void 0:M.event)||{},schema:t,id:T?.id,isExternalLink:V,isPopup:j,onClose:u}))}else return o.createElement(o.Fragment,null)})},[t,i,e,u]);return o.createElement(Vt,{popup:r,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},Ii={};Object.values(Ei).forEach(t=>{Ii[t.extend.type]=t});const Dr=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:r})=>{var a,c,u,v,m,y,b,T,_,p,g;const f=o.useMemo(()=>{var E;return location?.search?(E=location?.search)===null||E===void 0?void 0:E.replace("?",""):""},[]);return o.createElement(Gi,{resolver:Ii,enableDataSource:!1,schema:t?.data,utmVal:f},o.createElement(Fi,{utmVal:f,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(v=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(m=t?.sxp_parameter)===null||m===void 0?void 0:m.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:r,isShowTag:(_=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||_===void 0?void 0:_.isShowTag,globalConfig:(g=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||g===void 0?void 0:g.globalConfig,render:({rtcList:E,tagList:k})=>{var h;return o.createElement(o.Fragment,null,o.createElement(Cn,Object.assign({},(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf,{tagList:k,data:E,resolver:Ii,licenseUrl:d})),o.createElement(kr,null))}}))};var Ar=o.memo(Dr);const In=o.createContext({}),Pr=({children:t,data:e})=>{var i,n,l,s,d,r,a,c,u,v,m,y,b;const[T,_]=o.useState(!1),[p,g]=o.useState(!1);return o.createElement(In.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:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.loading_image,privacyContent:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.privacy_context,privacyNecessity:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_necessity,privacyPolicyTitle:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(m=e?.sxp_parameter)===null||m===void 0?void 0:m.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:_,openConsent:p,setOpenConsent:g}},t)};function Or(){return o.useContext(In)}Se.DiyPortalPreview=_r,Se.EditorDataProvider=Pr,Se.Modal=Vt,Se.SxpDataSourceProvider=Fi,Se.SxpPageCore=Ar,Se.SxpPageRender=Cn,Se.core=Xn,Se.default=Fn,Se.defaultSetting=He,Se.materials=Ei,Se.useEditorDataProvider=Or,Object.defineProperty(Se,"__esModule",{value:!0})});
-//# sourceMappingURL=pb-ui.min.js.map
+            18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:h?.info})))},se=()=>{var K,J;return o.createElement(o.Fragment,null,(T||M?.link)&&o.createElement("button",{"aria-label":(K=V?.enTitle)!==null&&K!==void 0?K:"Purchase on Website",onClick:H,className:"pb-commondity-btn",style:O},(J=V?.enTitle)!==null&&J!==void 0?J:"Purchase on Website"))},q=o.useCallback(K=>K?.lineClamp?Object.assign(Object.assign({},K),{overflow:"hidden",WebkitLineClamp:K?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):K,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:R.css(Object.assign({},v))},w),M&&((d=M?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(dt,{height:te,modules:[Pt,Ot],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}},(r=M?.homePage)===null||r===void 0?void 0:r.map(K=>o.createElement(Re,{key:K},o.createElement("div",{style:{overflow:"hidden",width:te,height:te}},o.createElement(Me,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:K}))))),!(!((a=M?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:R.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:R.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=S?.bottom_image)!==null&&c!==void 0?c:_,alt:"pdp image"})),o.createElement("div",{className:"pb-commondity-content"},fe({isPost:g}))),se(),o.createElement(jt,{visible:F,onClose:()=>B(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},fe({isPost:!1})),se()))};var Nl=o.memo(jl);const Bl=ze(Nl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Zn},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 zl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ci,pi,Fl=[{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:Ve?.fontOptions,initialValue:(pi=(ci=Ve?.fontOptions)===null||ci===void 0?void 0:ci[0])===null||pi===void 0?void 0:pi.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"]}]}],an="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 Vl=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}},Hl=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:r,onClick:a,submitButtonStyle:c}=t,u=_e(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=me(),{jumpToWeb:m}=Be(),y=typeof l=="string"?l:Vl(l),b=()=>{var T,_,p;if(d){const g=v,f=(T=g?.video)===null||T===void 0?void 0:T.bindProduct,E=(p=(_=g?.video)===null||_===void 0?void 0:_.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;m(g,f,E,k)}s||r?.(),a?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${R.css(Object.assign({},n))}`},u),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:y??an,alt:"success image"})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{"aria-label":i,className:"pb-prompt-btn",style:c,onClick:b},i))};var Ul=o.memo(Hl);const Gl=ze(Ul,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Fl,bindableProps:[],interactionRender:zl},defaulSetting:{props:{icon:an,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var vi,fi,$l=[{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:(vi=ce?.[0])===null||vi===void 0?void 0:vi.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:(fi=ce?.[0])===null||fi===void 0?void 0:fi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Wl=t=>{var e,i,n,l,s,d,r,a,c,u,v,m,y,{style:b,isDefault:T,rec:_,viewTime:p,isPost:g,bottom_image:f,tipText:E,swiper:k,commodityStyles:h,buttonStyle:O,index:I}=t,w=_e(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:S}=me(),{popupDetailData:D,bffEventReport:x,isPreview:C,swiperRef:P,bffFbReport:L}=me(),{jumpToWeb:N,productView:U}=Be(),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),M=o.useRef(null),V=g?_:D,z=g?V?.product:(e=V?.video)===null||e===void 0?void 0:e.bindProduct,H=g?(i=V?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=V?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,G=g?I:D?.index,te=()=>{z?.link&&(N(V,z,H,G),g||U(V,z,H,p||M.current,G),window.location.href=window.getJointUtmLink(z.link))};o.useEffect(()=>{g||L?.({eventName:"ProductView"})},[g,L]),o.useEffect(()=>{const J=()=>{M.current=new Date};return J(),window.addEventListener("pageshow",J),()=>{window.removeEventListener("pageshow",J)}},[]);const fe=o.useMemo(()=>{var J,Y,Q,ye,Ie;return z?.currency&&z?.price?`${(Q=(Y=(J=z?.currency)===null||J===void 0?void 0:J.split("-")[1])===null||Y===void 0?void 0:Y.toUpperCase())!==null&&Q!==void 0?Q:""}${(Ie=(ye=z?.price)===null||ye===void 0?void 0:ye.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Ie!==void 0?Ie:""}`:"\xA3102,300.00"},[z?.price,z?.currency]),se=C?375:(s=b?.width)!==null&&s!==void 0?s:window.innerWidth,q=({isPost:J})=>o.createElement("div",{hidden:!!z&&(!z?.info||z?.info==="")},o.createElement(Nt,{isPost:J,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:h?.info,foldText:E?.foldText,unfoldText:E?.unfoldText,text:z?.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
+Made in Italy`})),K=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-commondityDiroNew"},o.createElement("div",Object.assign({ref:F,className:R.css(Object.assign({},b))},w),z&&((d=z?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(dt,{height:se,modules:[Pt,Ot],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}},(r=z?.homePage)===null||r===void 0?void 0:r.map(J=>o.createElement(Re,{key:J},o.createElement("div",{style:{overflow:"hidden",width:se,height:se}},o.createElement(Me,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:J}))))),!(!((a=z?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:R.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:R.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=S?.bottom_image)!==null&&c!==void 0?c:f,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:K(h?.title)},(u=z?.title)!==null&&u!==void 0?u:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!z&&(!z?.collection||z?.collection===""),style:K(h?.collection)},z?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!z&&!z?.price,style:K(h?.price)},fe),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!z&&!z?.taxInfo,style:K(h?.taxInfo)},(v=z?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!z||z?.link)&&o.createElement("button",{"aria-label":(m=H?.enTitle)!==null&&m!==void 0?m:"Shop now",onClick:te,className:"pb-commondityDiroNew-btn",style:O},(y=H?.enTitle)!==null&&y!==void 0?y:"Shop now"),q({isPost:g}))),o.createElement(jt,{visible:B,onClose:()=>j(!1)},q({isPost:!1})))};var Yl=o.memo(Wl);const ql=ze(Yl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:$l},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 mi,hi,$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:(mi=ce?.[0])===null||mi===void 0?void 0:mi.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:(hi=ce?.[0])===null||hi===void 0?void 0:hi.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"]}]}],Xl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function dn(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 Jl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:r}=t;_e(t,["rec","children","className","onClick","style","isExternalLink","index"]);const a=o.useRef(null),c=dn(a),{popup:u}=tt(),{setPopupDetailData:v,ctaEvent:m}=me(),{jumpToWeb:y}=Be();o.useEffect(()=>{var T,_;if(c&&a?.current){const p=(_=(T=e?.video)===null||T===void 0?void 0:T.bindProduct)!==null&&_!==void 0?_:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,r)}},[c,a,e,m,r]);const b=Te.throttle(()=>{var T,_,p,g,f,E,k,h;const O=(_=(T=e?.video)===null||T===void 0?void 0:T.bindProduct)!==null&&_!==void 0?_:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,O,r),v?.(Object.assign(Object.assign({},e),{index:r})),d){if(!((g=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||g===void 0)&&g.link){const I=(f=e?.video)===null||f===void 0?void 0:f.bindCta,w=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;y(e,w,I,r),window.location.href=window.getJointUtmLink((h=(k=e?.video)===null||k===void 0?void 0:k.bindProduct)===null||h===void 0?void 0:h.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:a,className:n,style:s,onClick:b},i)};var wt=o.memo(Jl),Kl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Ql=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=me(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(wt,Object.assign({isExternalLink:T,rec:m,className:R.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:R.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Kl["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:R.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var Zl=o.memo(Ql);const Rl=ze(Zl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Xl,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 es=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ts=t=>{var e,i,n,l,{content:s,style:d,bgImg:r,recData:a,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,m=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=me(),b=(e=a?.video)===null||e===void 0?void 0:e.bindCta;return o.createElement(wt,Object.assign({isExternalLink:v,rec:a,className:R.css(Object.assign({alignItems:"center"},d)),style:{display:"flex"}},m),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},o.createElement("img",{className:R.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=b?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:"cta image"})),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},u?.ctaTitle))},(l=b?.enTitle)!==null&&l!==void 0?l:"Product Name"))};var is=o.memo(ts);const ns=ze(is,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:es,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 os={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const ls=t=>{var e,i,n,l,s,{content:d,style:r,bgImg:a,recData:c,bottom_image:u,ctaTempStyles:v,index:m}=t,y=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:b,bffEventReport:T}=me(),{jumpToWeb:_}=Be(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,g=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{p?.link&&(_(c,g,p,m),window.location.href=window.getJointUtmLink(p.link))};return o.createElement(wt,Object.assign({index:m,rec:c,className:R.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},y,{onClick:f}),o.createElement("div",{className:R.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(l=(n=p?.icon)!==null&&n!==void 0?n:b?.bottom_image)!==null&&l!==void 0?l:u})),o.createElement("div",{className:R.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:os["tow-line-ellipsis"],style:v?.ctaTitle},(s=p?.enTitle)!==null&&s!==void 0?s:"Product Name")))};var ss=o.memo(ls);const rs=ze(ss,{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 as=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ds={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const us=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=me(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(wt,Object.assign({isExternalLink:T,rec:m,className:R.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:R.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ds["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:R.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var cs=o.memo(us);const ps=ze(cs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:as,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 vs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],fs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ms=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:y,ctaTempStyles:b,isExternalLink:T,translateY:_=0}=t,p=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=me(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,E=(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:g?.bottom_image)!==null&&s!==void 0?s:y;return o.createElement(wt,Object.assign({isExternalLink:T,rec:m,className:R.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},b?.img))},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${_?-_+50:50}%`}),src:E})),o.createElement("div",{className:R.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:fs["tow-line-ellipsis"],style:b?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:R.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},b?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop now")))};var hs=o.memo(ms);const gs=ze(hs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:vs,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 bs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ys=({children:t,isPadding:e=!0})=>o.createElement(dt,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[uo,ao,ro],style:{padding:e?"0 12px 0 20px":0}},t);var Bt=o.memo(ys);const ws=({src:t,rec:e,item:i,index:n,style:l})=>{const s=o.useRef(null),d=dn(s),{ctaEvent:r}=me();return o.useEffect(()=>{d&&t&&s?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[d,t,s,e,r,i,n]),o.createElement("div",{ref:s,hidden:!t,className:R.css({width:"100%",height:"100%"})},o.createElement(Me,{className:R.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},l)),src:t}))};var gi=o.memo(ws),Ss={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Ts=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:_}=me(),{popup:p}=tt(),{jumpToWeb:g}=Be(),[f,E]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Te.throttle(h=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(g(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Bt,{isPadding:!!d},f?.map(h=>{var O,I,w,S,D,x,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:R.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(gi,{src:(S=(w=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&w!==void 0?w:_?.bottom_image)!==null&&S!==void 0?S:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:R.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Ss["two-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:R.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(x=h?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var xs=o.memo(Ts);const Es=ze(xs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:bs,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 Cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Is={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const _s=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=me(),{ctaEvent:T,setPopupDetailData:_}=me(),{popup:p}=tt(),[g,f]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:E}=Be(),k=Te.throttle(h=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),_?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(E(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Bt,{isPadding:!!d},g?.map(h=>{var O,I,w,S,D,x,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h.itemId,className:R.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(gi,{src:(S=(w=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&w!==void 0?w:b?.bottom_image)!==null&&S!==void 0?S:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:R.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Is["two-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:R.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(x=h?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var ks=o.memo(_s);const Ds=ze(ks,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Cs,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 As=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ps={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Os=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:_}=me(),{popup:p}=tt(),{jumpToWeb:g}=Be(),[f,E]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Te.throttle(h=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(g(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Bt,{isPadding:!!d},f?.map(h=>{var O,I,w,S,D,x,C;return o.createElement(Re,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:R.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(h)}),o.createElement("div",{className:R.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(gi,{src:(S=(w=(O=h?.cover)!==null&&O!==void 0?O:(I=h?.homePage)===null||I===void 0?void 0:I[0])!==null&&w!==void 0?w:_?.bottom_image)!==null&&S!==void 0?S:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:R.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:Ps["tow-line-ellipsis"],style:c?.title},(D=h?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:R.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(x=h?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&C!==void 0?C:"Shop now")))}))};var Ms=o.memo(Os);const Ls=ze(Ms,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:As,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 bi,yi,js=[{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:(bi=ce?.[0])===null||bi===void 0?void 0:bi.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:(yi=ce?.[0])===null||yi===void 0?void 0:yi.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 Ns=({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 un=o.memo(Ns),Bs=null,zs="3d989325-e7d6-4a74-8a97-98febdf5b567",Fs=null,Vs=null,Hs={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"},Us=[{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}],Gs="Handbags",cn={productUserId:Bs,requestId:zs,channel:Fs,rtc:Vs,tag:Hs,recList:Us,hashTag:Gs};const $s=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:r,reportTagsView:a,textStyles:c,space:u}=t,{swiperRef:v,setRtcList:m,setOpenHashtag:y,sxpParameter:b}=me(),[T,_]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),g=o.useRef(null);o.useRef(null),o.useRef(null);const[f,E]=o.useState(""),k=o.useMemo(()=>{var x,C,P,L,N,U,F,B,j,M;return!((x=e?.video)===null||x===void 0)&&x.cover?(C=e?.video)===null||C===void 0?void 0:C.cover:!((L=(P=e?.video)===null||P===void 0?void 0:P.imgUrls)===null||L===void 0)&&L.length?(U=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||U===void 0?void 0:U[0]:!((B=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||B===void 0)&&B.length?(M=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||M===void 0?void 0:M[0]:b?.bottom_image||""},[e,b?.bottom_image]),h=o.useMemo(()=>{var x,C;return((x=e?.product)===null||x===void 0?void 0:x.title)||((C=e?.video)===null||C===void 0?void 0:C.title)||null},[e]),O=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(()=>O===void 0?!1:O<=d,[O,d]);const I=o.useMemo(()=>{var x,C,P,L,N,U,F,B,j;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((C=e?.product)===null||C===void 0)&&C.price)?`${(U=(N=(L=(P=e?.product)===null||P===void 0?void 0:P.currency)===null||L===void 0?void 0:L.split("-")[1])===null||N===void 0?void 0:N.toUpperCase())!==null&&U!==void 0?U:""}${(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&&f?x=f:x=k,x&&p.current.setSrc(x)},[k,T,f]);const w=o.useRef(),S=o.useCallback(x=>{setTimeout(()=>{var C;const P=(C=w?.current)===null||C===void 0?void 0:C.offsetHeight;n(P+56+u,s)},0)},[u,n,s,l,w]),D=()=>{a(),m?.(r),setTimeout(()=>{var x;(x=v?.current)===null||x===void 0||x.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:g,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:w},o.createElement(Me,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",onLoad:S,ref:p})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${I?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},h&&h),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!I,style:c.price},I)))};function Ws(t){var e,i,n,l,s,d,r,a,c,u,v,m,y,b,T,_,p,g,f,E,{reportTagsView:k,showBanner:h}=t,O=_e(t,["reportTagsView","showBanner"]);const{waterFallData:I,getRecommendVideos:w,hashTagSize:S,loadingImage:D,isOpenHashTag:x}=me(),C=o.useRef(null),[P,L]=o.useState(0),[N,U]=o.useState(),F=o.useRef(null),[B,j]=o.useState([]),M=o.useRef(),V=[170,230,300],[z,H]=o.useState(!1),[G,te]=o.useState([]),fe=o.useRef(),se=o.useCallback((re,ve)=>Math.floor(Math.random()*(ve-re+1))+re,[]),q=o.useRef([]),[K,J]=o.useState({width:0}),Y=o.useMemo(()=>{const re=K.width||0;return re>=1200?6:re>=768&&re<=1199?4:2},[K]),Q=o.useMemo(()=>K.width/Y-2,[Y,K]),ye=o.useCallback(()=>{var re;const ve=(re=M.current)!==null&&re!==void 0?re:[],ue=[];for(let ae=0;ae<G?.length;ae++){const Ye=Math.floor(ae/Y),Fe=ae%Y+1;let et=0,Le=9999999999;if(Ye===0)ue[ae]=ae;else{for(let Ke=0;Ke<ue.length;Ke++)q.current[ue[Ke]].top+q.current[ue[Ke]].height<Le&&(et=Ke,Le=q.current[ue[Ke]].top+q.current[ue[Ke]].height);ue[et]=ae}q.current[ae]===void 0&&(q.current[ae]={}),Ye===0?(Fe===1?q.current[ae].left=0:q.current[ae].left=q.current[ae-1].left+Q+4,q.current[ae].top=0):(q.current[ae].left=q.current[et].left,q.current[ae].top=Le),q.current[ae].height=q.current[ae].height||V[se(0,2)],ve[ae]={transform:`translate(${q.current[ae].left}px,${q.current[ae].top}px)`,width:`${Q}px`,height:q.current[ae].height}}return j([...ve]),[...ve]},[Q,Y,V,se,G]),Ie=o.useCallback((re,ve)=>{q.current[ve]===void 0&&(q.current[ve]={}),q.current[ve].height=re,M.current=ye()},[ye]);o.useEffect(()=>{M.current=ye()},[Q,Y,G]),o.useEffect(()=>{var re,ve;if(H(!0),I&&w?.({hashTag:I?.hashTag,"itemFilter.itemId":I?.itemId,"itemFilter.itemType":I?.itemType,defaultSize:S,maxSize:S}).then(ue=>{var ae,Ye;U(ue),te((Ye=(ae=ue?.recList)===null||ae===void 0?void 0:ae.filter(Fe=>Fe?.video!==null||Fe?.product!==null))!==null&&Ye!==void 0?Ye:[]),H(!1)}),x){const ue=cn;U(ue),te((ve=(re=ue?.recList)===null||re===void 0?void 0:re.filter(ae=>ae?.video!==null||ae?.product!==null))!==null&&ve!==void 0?ve:[]),H(!1)}},[I,w,S,x]);const Ae=o.useCallback(()=>{F.current!==null&&J({width:F.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(F.current===null)return;const re=new ResizeObserver(ve=>{Ae()});return re.observe(F.current),()=>{re.disconnect()}},[Ae]),o.useCallback(()=>{H(!0),I&&w?.({hashTag:I?.hashTag,"itemFilter.itemId":I?.itemId,"itemFilter.itemType":I?.itemType}).then(re=>{var ve,ue;te(G?.concat((ue=(ve=re?.recList)===null||ve===void 0?void 0:ve.filter(ae=>!ae?.video))!==null&&ue!==void 0?ue:[])),H(!1)})},[I,w,G]);const We=o.useCallback(()=>{L(C.current.scrollTop)},[]);o.useEffect(()=>{var re;return(re=C?.current)===null||re===void 0||re.addEventListener("scroll",We),()=>{var ve;(ve=C?.current)===null||ve===void 0||ve.removeEventListener("scroll",We)}},[We,C]);const pe=()=>{var re,ve;!((re=N?.tag)===null||re===void 0)&&re.link&&(k(),window.location.href=(ve=N?.tag)===null||ve===void 0?void 0:ve.link)};return o.createElement(o.Fragment,null,z?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:C},h&&((e=N?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:pe},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=N?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=O?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=N?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=N?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=O?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:pe},((r=N?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},G?.map((re,ve)=>{var ue;return o.createElement($s,Object.assign({key:ve,index:ve,rec:re,list:G,showBorder:P+((ue=C?.current)===null||ue===void 0?void 0:ue.clientHeight),style:B[ve],sizeChange:Ie,unitWidth:Q,reportTagsView:k},O))}),o.createElement("div",{hidden:!(!((a=N?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((u=q?.current[((c=q?.current)===null||c===void 0?void 0:c.length)-1])===null||u===void 0?void 0:u.top)+((m=q?.current[((v=q?.current)===null||v===void 0?void 0:v.length)-1])===null||m===void 0?void 0:m.height))!==null&&y!==void 0?y:0}px)`,height:!((b=N?.tag)===null||b===void 0)&&b.link?((T=fe?.current)===null||T===void 0?void 0:T.offsetHeight)||((_=O?.buttonBgStyle)===null||_===void 0?void 0:_.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=N?.tag)===null||p===void 0)&&p.link),style:O?.buttonBgStyle}),o.createElement("div",{ref:fe,hidden:!(!((g=N?.tag)===null||g===void 0)&&g.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},O?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((f=N?.tag)===null||f===void 0?void 0:f.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:O?.buttonStyle,onClick:pe},((E=N?.tag)===null||E===void 0?void 0:E.linkTitle)||"Shop the collection"))))}var Ys="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const qs=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:r,setRtcList:a,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=me(),[m,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),_=o.useRef(null),p=o.useRef(null),[g,f]=o.useState(""),E=o.useMemo(()=>{var w,S,D,x,C,P,L,N,U,F;return!((w=e?.video)===null||w===void 0)&&w.cover?(S=e?.video)===null||S===void 0?void 0:S.cover:!((x=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||x===void 0)&&x.length?(P=(C=e?.video)===null||C===void 0?void 0:C.imgUrls)===null||P===void 0?void 0:P[0]:!((N=(L=e?.product)===null||L===void 0?void 0:L.homePage)===null||N===void 0)&&N.length?(F=(U=e?.product)===null||U===void 0?void 0:U.homePage)===null||F===void 0?void 0:F[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var w,S;return((w=e?.product)===null||w===void 0?void 0:w.title)||((S=e?.video)===null||S===void 0?void 0:S.title)||null},[e]),h=o.useMemo(()=>{var w,S,D,x,C,P,L,N,U;return!((w=e?.product)===null||w===void 0)&&w.currency&&(!((S=e?.product)===null||S===void 0)&&S.price)?`${(P=(C=(x=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||x===void 0?void 0:x.split("-")[1])===null||C===void 0?void 0:C.toUpperCase())!==null&&P!==void 0?P:""}${(U=(N=(L=e?.product)===null||L===void 0?void 0:L.price)===null||N===void 0?void 0:N.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&U!==void 0?U:""}`:null},[e]);o.useEffect(()=>{const w=new IntersectionObserver(S=>{S.forEach(D=>{if(D.isIntersecting){if(T.current===null||E==="")return;m&&g?b.current.setSrc(g):b.current.setSrc(E),w.unobserve(T.current)}})});return w.observe(T.current),()=>{w.disconnect()}},[E,m,g]);const O=(w,S,D)=>{const x=w/S;return D/x};o.useEffect(()=>{const w=_?.current;w===null||E===""||!m||(w.src=E,w.currentTime=1,w.crossOrigin="anonymous",w.onloadeddata=()=>{const S=p?.current;if(!S)return;const D=S.getContext("2d"),x=window?.innerWidth/2,C=O(w.videoWidth,w.videoHeight,x);S.height=C,S.width=x,D?.drawImage(w,0,0,S.width,S.height),f(S.toDataURL()),w.remove(),S.remove()})},[E,m]);const I=()=>{l(),a?.(n),setTimeout(()=>{var w;(w=r?.current)===null||w===void 0||w.swiper.slideTo(i,0,!1),c?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},m&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:_,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(Me,{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 ${h?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!h},h)))};function Xs(t){var e,i,n,l,s,d,r,a,c,u,v,m,y,b,T,{reportTagsView:_,showBanner:p}=t,g=_e(t,["reportTagsView","showBanner"]);const{waterFallData:f,getRecommendVideos:E,hashTagSize:k,loadingImage:h,isOpenHashTag:O}=me(),[I,w]=o.useState(),[S,D]=o.useState(),[x,C]=o.useState(!1),P=o.useRef(null),[L,N]=o.useState(!1);o.useCallback(()=>{L||(N(!0),f&&E?.({hashTag:f?.hashTag,"itemFilter.itemId":f?.itemId,"itemFilter.itemType":f?.itemType}).then(F=>{var B;w(I?.concat((B=F?.recList)!==null&&B!==void 0?B:[])),N(!1)}))},[f,E,I,L]),o.useEffect(()=>{var F,B;if(C(!0),f&&E?.({hashTag:f?.hashTag,"itemFilter.itemId":f?.itemId,"itemFilter.itemType":f?.itemType,defaultSize:k,maxSize:k}).then(j=>{var M,V;D(j),w((V=(M=j?.recList)===null||M===void 0?void 0:M.filter(z=>z?.video!==null||z?.product!==null))!==null&&V!==void 0?V:[]),C(!1)}),O){const j=cn;D(j),w((B=(F=j?.recList)===null||F===void 0?void 0:F.filter(M=>M?.video!==null||M?.product!==null))!==null&&B!==void 0?B:[]),C(!1)}},[f,E,k,O]);const U=()=>{var F,B;!((F=S?.tag)===null||F===void 0)&&F.link&&(_(),window.location.href=(B=S?.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:h,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:P},p&&((e=S?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:U},o.createElement(Me,{className:R.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=S?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"list-info",style:(n=g?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=S?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=S?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:U,style:Object.assign(Object.assign({},(d=g?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:g?.space})},((r=S?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},I?.map((F,B)=>o.createElement(qs,Object.assign({key:B,index:B,rec:F,list:I,reportTagsView:_},g)))),o.createElement("div",{hidden:!L,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((a=S?.tag)===null||a===void 0)&&a.link),style:{height:!((c=S?.tag)===null||c===void 0)&&c.link?((u=g?.buttonBgStyle)===null||u===void 0?void 0:u.height)||((v=g?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((m=S?.tag)===null||m===void 0)&&m.link),style:g?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=S?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},g?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((b=S?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection",className:"list-btn",style:g?.buttonStyle,onClick:U},((T=S?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const Js=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:r,setRtcList:a,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:_}=me(),{backMainFeed:p}=Be();o.useRef(null);const g=o.useRef(null),[f,E]=o.useState();o.useEffect(()=>{const w=document.getElementById("sxp-render"),S=document.getElementById("water-fall");S?g.current=S:(g.current=document.createElement("div"),g.current.setAttribute("id","water-fall"),w?.appendChild(g.current))},[]);const k=()=>{const w=Te.isEqual(u,r);!w&&r&&r?.length&&a?.(r),p("branch",_,void 0,i?.hashTag),I(),d?.(void 0),m?.(!1),setTimeout(()=>{var S,D;w||(D=(S=s?.current)===null||S===void 0?void 0:S.swiper)===null||D===void 0||D.slideTo(c,0,!1),n?.(!1)},0)},[h,O]=o.useState();o.useEffect(()=>{i&&O(i)},[i]);const I=o.useCallback(()=>{var w,S,D,x,C,P;const L=h?.rec;if(!L)return;let N="";y?N="hashTagPage":!((w=L?.video)===null||w===void 0)&&w.url?N="videoPage":!((D=(S=L?.video)===null||S===void 0?void 0:S.imgUrls)===null||D===void 0)&&D.length&&(N="imagePage"),b?.({eventInfo:{contentId:(x=L?.video)===null||x===void 0?void 0:x.itemId,position:c+"",contentTags:JSON.stringify((C=L?.video)===null||C===void 0?void 0:C.tags),traceInfo:(P=L?.video)===null||P===void 0?void 0:P.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:N,fromKPage:location?.href,timeOnSite:Math.floor((new Date-f)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,b,f,y,c]);return o.useEffect(()=>{l&&E(new Date)},[l]),o.useEffect(()=>{const w=()=>{E(new Date)};return window.addEventListener("pageshow",w),()=>{window.removeEventListener("pageshow",w)}},[]),g.current?xi.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(un,{icon:Ys,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(Xs,Object.assign({reportTagsView:I},t)):o.createElement(Ws,Object.assign({reportTagsView:I},t))),g.current):null};var pn=o.memo(Js);const Ks=t=>o.createElement(pn,Object.assign({},t));var Qs=o.memo(Ks);const Zs=ze(Qs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:js,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 Rs=[{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 vn=t=>o.createElement(vn,Object.assign({},t));var er=o.memo(vn);const tr=ze(er,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Rs},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var wi=Object.freeze({__proto__:null,Appoint:ns,AppointForm:Qn,Commodity:Rl,CommodityDetail:Bl,CommodityDetailDiroNew:ql,CommodityDiro:ps,CommodityDiroNew:gs,Consent:tr,HashTag:Zs,Link:rs,MultiCommodity:Ds,MultiCommodityDiro:Es,MultiCommodityDiroNew:Ls,Prompt:Gl});const ir="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",nr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",or=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=_e(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:r,mutateUnlike:a,bffEventReport:c}=me(),[u,v]=o.useState(e),m=Ue(nr),y=Ue(ir),b=Te.debounce(()=>Pe(void 0,void 0,void 0,function*(){var T,_,p,g,f,E,k,h,O,I,w,S,D,x,C,P,L,N,U,F;if(u){v(!1);const B=(p=yield a?.({videoItemId:(_=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&_!==void 0?_:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(g=l?.video)===null||g===void 0?void 0:g.itemId)!==null&&f!==void 0?f:"",contentName:(k=(E=l?.video)===null||E===void 0?void 0:E.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((O=(h=l?.video)===null||h===void 0?void 0:h.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!((I=l?.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(w=l?.video)===null||w===void 0?void 0:w.traceInfo}}),B||v(!0)}else{v(!0);const B=(S=yield r?.({content:JSON.stringify(l)}))!==null&&S!==void 0?S:!1;c?.({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:(P=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((N=(L=l?.video)===null||L===void 0?void 0:L.tags)!==null&&N!==void 0?N:[]),position:s+"",contentFormat:!((U=l?.video)===null||U===void 0)&&U.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:u?i||m:n||y,alt:"icon"}))};var fn=o.memo(or);const lr=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:r})=>{const[a,c]=o.useState(!1),{bffEventReport:u,sxpParameter:v,waterFallData:m,openHashtag:y,bffFbReport:b}=me(),T=o.useRef(0),[_,p]=o.useState(!1),[g,f]=o.useState(!0),{isActive:E}=rn(),k=o.useRef(null),[h,O]=o.useState(""),I=`pb-cache-video-${e}`,w=o.useRef(null),S=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var H;return d?.mode==="2"?`translateY(-${50+((H=d?.offsetTop)!==null&&H!==void 0?H:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),x=o.useMemo(()=>{var H;return((H=t?.video)===null||H===void 0?void 0:H.cover)||h},[h,t]),C=o.useMemo(()=>S?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[S]),P=o.useMemo(()=>d?.bgWay==="1",[d]),L=o.useMemo(()=>P&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,P]);o.useEffect(()=>{r&&r?.muted(l)},[l,r]);const N=o.useCallback(()=>{r&&r?.play()},[r]),U=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=o.useCallback(()=>{var H,G,te,fe,se,q,K,J,Y;if(!r)return;p(!0),c(!1);const Q=n[e];if(Q&&r?.duration()){T.current=r?.currentTime()||0;const ye=((H=r?.duration())!==null&&H!==void 0?H:0).toFixed(2),Ie=((G=r?.currentTime())!==null&&G!==void 0?G:0).toFixed(2),Ae=g?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(fe=(te=Q?.video)===null||te===void 0?void 0:te.itemId)!==null&&fe!==void 0?fe:"",contentName:(q=(se=Q?.video)===null||se===void 0?void 0:se.title)!==null&&q!==void 0?q:"",playType:Ae,startTime:Ie,videoDuration:ye,contentTags:JSON.stringify((J=(K=Q?.video)===null||K===void 0?void 0:K.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(Y=Q?.video)===null||Y===void 0?void 0:Y.traceInfo}}),f(!1)}},[u,n,e,g,r]),B=o.useCallback(()=>{var H;if(!r||h||!S)return;const G=document.getElementById("player-container-id_html5_api");if(!G||(G.style.objectFit="contain",!((H=t?.video)===null||H===void 0)&&H.cover||!k||!k.current||P))return;const te=()=>{const fe=G,se=k?.current,q=se.getContext("2d"),K=window?.innerWidth,J=window?.innerHeight;se.height=J,se.width=K,q?.drawImage(fe,0,0,se.width,se.height),O(se.toDataURL())};te(),setTimeout(()=>{te()},500)},[r,P,t,h,S]),j=o.useCallback(()=>{r&&B()},[r,B]);o.useCallback(()=>{p(!0)},[]);const M=o.useCallback(H=>()=>{if(!r||!_)return;const G=r?.paused();switch(H){case"start":if(!G)return;r?.play(),c(!1);break;case"pause":if(G)return;r?.pause(),c(!0);break;default:G?r?.play():r?.pause(),c(!G);break}},[_,r]),V=o.useCallback(()=>{var H,G,te,fe,se,q,K,J,Y;if(!r||s!==e)return;const Q=n[e],ye=((H=r?.duration())!==null&&H!==void 0?H:0).toFixed(2),Ie=((G=r?.currentTime())!==null&&G!==void 0?G:0).toFixed(2);if(r?.duration()){const Ae=(r?.currentTime()-T.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(fe=(te=Q?.video)===null||te===void 0?void 0:te.itemId)!==null&&fe!==void 0?fe:"",contentName:(q=(se=Q?.video)===null||se===void 0?void 0:se.title)!==null&&q!==void 0?q:"",endTime:Ie,videoDuration:ye,playDuration:Ae,contentTags:JSON.stringify((J=(K=Q?.video)===null||K===void 0?void 0:K.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(Y=Q?.video)===null||Y===void 0?void 0:Y.traceInfo}})}},[n,e,u,r,s]);o.useEffect(()=>{if(!E||!r)return;const H=t?.video.url;if(!H)return;r?.src(H),c(!1);const G=document.querySelector(`#${I}`),te=document.querySelector("#player-container-id"),fe=document.querySelector("#player-container-id-copy");if(!(!te&&!fe))return G?.appendChild(te||fe),r?.on("loadedmetadata",j),r?.on("loadeddata",B),r?.on("playing",F),r?.on("pause",V),r?.on("ended",N),()=>{fe?.appendChild(te),r?.off("loadedmetadata",j),r?.off("loadeddata",B),r?.off("playing",F),r?.off("pause",V),r?.off("ended",N)}},[E,I,t,r]),o.useEffect(()=>{!r||!_||(E?(b?.({eventName:"ViewContent"}),r?.play()):r?.pause())},[E,_,r]),o.useEffect(()=>{if(!E||!r)return;!r?.paused()&&y?r?.pause():y||r?.play()},[y,E,r]),o.useEffect(()=>{if(!E)return;const H=()=>{M("start")(),b?.({eventName:"ViewContent"})},G=M("pause");return it.on(Xe.PAGE_DID_SHOW,H),it.on(Xe.PAGE_DID_HIDE,G),()=>{it.off(Xe.PAGE_DID_SHOW,H),it.off(Xe.PAGE_DID_HIDE,G)}},[M,E]);const z=o.useMemo(()=>!v?.placeholder_image||_?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[_,v?.placeholder_image]);return o.useEffect(()=>{if(!r)return;const H=()=>{var G;s===e&&(!((G=t?.video)===null||G===void 0)&&G.url)&&r&&!a&&M("pause")()};return window.addEventListener("beforeunload",H),()=>{window.removeEventListener("beforeunload",H)}},[s,e,t,r,M,a]),t?.video?o.createElement(o.Fragment,null,S?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:M(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},L)},!P&&o.createElement(Me,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},C)}),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:w,id:I,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",alt:"pause",src:U}))),z):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:M()},o.createElement("div",{className:"n-full-screen",ref:w,id:I,style:{width:"100%",height:"100%"}}),z,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:U,alt:"pause"}))):null};var sr=o.memo(lr);const rr=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),r=a=>{a.stopPropagation();const c=!s;d(c),n?.(c)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:r},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var mn=o.memo(rr);const ar=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);tt(),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"}))},hn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var u;return n?.mode==="2"?`translateY(-${50+((u=n?.offsetTop)!==null&&u!==void 0?u:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),a=o.useMemo(()=>n?.bgWay==="1",[n]),c=o.useMemo(()=>a&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,a]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!s||!a)&&o.createElement(Me,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r),onLoad:l}),s&&o.createElement(Me,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},dr=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:r})=>{var a;const c=o.useRef(),{isActive:u}=rn(),{sxpParameter:v,openHashtag:m}=me(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&u?(c?.current&&c.current.swiper.autoplay.start(),m?s(n):d(l)):c?.current&&c.current.swiper.autoplay.stop()},[n,u,s,m,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(dt,{ref:c,defaultValue:0,direction:"horizontal",modules:[Pt,Ot],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((a=r?.delay)!==null&&a!==void 0?a:3)*1e3}},t?.map((_,p)=>o.createElement(Re,{key:p},o.createElement(hn,{src:!y&&p>0?"":_,height:i,imgUrlsPostConfig:r,onShowFirstImage:T}))))};var ur=o.memo(dr);const cr=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,r]=o.useState(!1),{setWaterFallData:a,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:m}=me(),y=b=>{v?m?.(!0):u?.(n),a?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),c?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>r(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Bt,null,t?.map((b,T)=>o.createElement(Re,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var gn=o.memo(cr),pr="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 zt(t){return o.memo(function(e){const{$store:i}=Nn(),n=s=>{let d=s;const r=s.match(/{{.*?}}/g);return r?.length&&r.forEach(a=>{a.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=Te.get(i,u);return d=d.replace(a,v),v}})}),d},l=o.useMemo(()=>{var s,d,r;const{bindDatas:a}=e,c=_e(e,["bindDatas"]);if((s=a?.forEach)===null||s===void 0||s.call(a,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:m}=u;m.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,_;if(b){const p=(_=(T=Te.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&_!==void 0?_:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=Te.cloneDeep(c.event)||{};for(const v in u)if(Object.prototype.hasOwnProperty.call(u,v))try{u[v].value=n(u[v].value),c.eventMap[v]=new Function(u[v].value)}catch{}}return!((r=(d=c?.event)===null||d===void 0?void 0:d.onClick)===null||r===void 0)&&r.linkType&&(c.style.cursor="pointer"),c},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const vr=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=tt(),s=o.useMemo(()=>{var d,r,a,c,u,v,m,y,b,T,_,p,g,f,E,k,h,O,I,w,S,D,x,C,P,L,N,U,F,B,j;if(!t?.video)return null;let M=null;!((r=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||r===void 0)&&r.length?M="\u591A\u5546\u54C1CTA":!((a=t?.video)===null||a===void 0)&&a.bindProduct?M="\u5546\u54C1CTA":M=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const V=i?.[M];if(((v=V?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((y=V?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=V?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((_=t?.video)===null||_===void 0)&&_.bindProduct)||((p=V?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((f=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||f===void 0)&&f.length)||((E=V?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((h=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||h===void 0)&&h.length)||((O=V?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((w=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||w===void 0)&&w.length))return null;if(V&&n){const z=n[(S=V?.item)===null||S===void 0?void 0:S.type],H=zt(z),G=(D=z?.extend)===null||D===void 0?void 0:D.defaulSetting,te=((P=(C=(x=V?.item)===null||x===void 0?void 0:x.event)===null||C===void 0?void 0:C.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return o.createElement(H,Object.assign({style:Object.assign(Object.assign(Object.assign({},G?.style),(L=V?.item)===null||L===void 0?void 0:L.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},G?.textStyle),(N=V?.item)===null||N===void 0?void 0:N.textStyle),bindDatas:(F=(U=V?.item)===null||U===void 0?void 0:U.bindDatas)!==null&&F!==void 0?F:[]},G?.props,(B=V?.item)===null||B===void 0?void 0:B.props,{event:((j=V?.item)===null||j===void 0?void 0:j.event)||{},schema:l,id:V?.id,key:V?.id,recData:t,isExternalLink:te,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var bn=o.memo(vr);const yn=({nudge:t})=>{var e,i,n,l,s,d,r;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})},(r=t?.content)!==null&&r!==void 0?r:"")))},fr=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:r,waterFallData:a,bffEventReport:c,selectTag:u,setSelectTag:v}=me(),{backMainFeed:m}=Be(),y=o.useMemo(()=>[Ct,...t],[t]),b=T=>()=>{if(T===u)return;T!=="FOR U"?c?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):m("theme",T,u);let _;T!==Ct&&(_=T),d?.(!0),i?.({themeTag:_}).then(p=>{var g,f,E,k;it.emit(Xe.CHANGE_THEME_TAG,_),n?.((g=p?.recList)!==null&&g!==void 0?g:[]),l?.((f=p?.recList)!==null&&f!==void 0?f:[]),e?.(0),s?.(0),(k=(E=r?.current)===null||E===void 0?void 0:E.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return a||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===u?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var wn=o.memo(fr);const Sn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:r,tipText:a,nudge:c,_schema:u,hashTagStyle:v,tagList:m=[],licenseUrl:y})=>{var b,T,_,p,g,f,E,k,h,O;const{schema:I}=tt(),[w,S]=o.useState(0),D=o.useRef(0);o.useState(!1);const[x,C]=o.useState(!0),P=o.useRef(),[L,N]=o.useState(!1),[U,F]=o.useState(!1),{loadVideos:B,bffEventReport:j,loading:M,setPopupDetailData:V,ctaEvent:z,swiperRef:H,waterFallData:G,setOpenHashtag:te,appDomain:fe,openHashtag:se,loadingImage:q,isFromHashtag:K,popupDetailData:J,bffFbReport:Y,curTime:Q,h5EnterLink:ye,isShowConsent:Ie,selectTag:Ae}=me(),{backMainFeed:We}=Be(),[pe,re]=o.useState(null),ve=o.useRef(),{productView:ue}=Be(),ae=o.useMemo(()=>d.length>0&&!M&&Fn(),[d,M]);o.useEffect(()=>{ki()},[]),o.useEffect(()=>{if(d?.length>0){const A=new Date;P.current=A,Y?.({eventName:"PageView"})}},[d?.length]);const Ye=o.useCallback(()=>{if(ki(),ye?.(),d.length>0){const A=new Date;P.current=A,Y?.({eventName:"PageView"})}},[d.length,Y,ye]),Fe=o.useRef();o.useEffect(()=>{var A,ee,X,le;if(!Fe.current&&!pe&&ve?.current&&d?.length>0){Fe.current=!0;const de=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((ee=(A=d?.[0])===null||A===void 0?void 0:A.video)===null||ee===void 0)&&ee.url?[{src:(le=(X=d?.[0])===null||X===void 0?void 0:X.video)===null||le===void 0?void 0:le.url}]:[]});de?.ready(()=>{re(de)})}},[pe,y,d]),o.useEffect(()=>{var A;const ee=d?.findIndex(X=>{var le,de,ne,Z,oe,xe,je,Ne,we;return r==="\u591A\u5546\u54C1CTA"?((le=X?.video)===null||le===void 0?void 0:le.bindProducts)&&((ne=(de=X?.video)===null||de===void 0?void 0:de.bindProducts)===null||ne===void 0?void 0:ne.length)>0:r==="\u5546\u54C1CTA"?(Z=X?.video)===null||Z===void 0?void 0:Z.bindProduct:((xe=(oe=X?.video)===null||oe===void 0?void 0:oe.bindCta)===null||xe===void 0?void 0:xe.itemId)===r&&(((je=X?.video)===null||je===void 0?void 0:je.url)||((we=(Ne=X?.video)===null||Ne===void 0?void 0:Ne.imgUrls)===null||we===void 0?void 0:we.length))})||0;(A=H?.current)===null||A===void 0||A.swiper.slideTo(ee)},[r,H]),o.useEffect(()=>{const A=d?.[w],ee=()=>{var X,le,de,ne,Z,oe,xe,je,Ne,we,ke,ct,pt,vt,rt,xt;const qe=!se&&!Ie;if(document.visibilityState==="hidden"){qe&&(it.emit(Xe.PAGE_DID_HIDE,A),he(A),Ee(A));let ft="";J&&(!((le=(X=A?.video)===null||X===void 0?void 0:X.bindProducts)===null||le===void 0)&&le.length||!((de=A?.video)===null||de===void 0)&&de.bindProduct)?ft="pdpPage":J&&((xe=l?.[(oe=(Z=(ne=A?.video)===null||ne===void 0?void 0:ne.bindCta)===null||Z===void 0?void 0:Z.itemId)!==null&&oe!==void 0?oe:""].item)===null||xe===void 0?void 0:xe.type)==="Appoint"?ft="formPage":K?ft="hashTagPage":!((je=A?.video)===null||je===void 0)&&je.url?ft="videoPage":!((Ne=A?.video)===null||Ne===void 0)&&Ne.imgUrls&&(!((ke=(we=A?.video)===null||we===void 0?void 0:we.imgUrls)===null||ke===void 0)&&ke.length)?ft="imagePage":A?.product&&(ft="productPage"),j?.({eventInfo:{sessionDuration:Math.floor((new Date-Q.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(ct=A?.video)===null||ct===void 0?void 0:ct.itemId,productId:(pt=A?.product)===null||pt===void 0?void 0:pt.itemId,position:w+"",fromKName:ft,fromKPage:location?.href,ctatId:(xt=(rt=(vt=A?.video)===null||vt===void 0?void 0:vt.bindCta)===null||rt===void 0?void 0:rt.itemId)!==null&&xt!==void 0?xt:""}})}else document.visibilityState==="visible"&&(Ye(),qe&&(be(w),it.emit(Xe.PAGE_DID_SHOW,A),We("external",Ae)))};return document.addEventListener("visibilitychange",ee),()=>{document.removeEventListener("visibilitychange",ee)}},[w,j,d,Ye,J,K,l,Q,We,se,Ie,Ae]);const et=o.useMemo(()=>{let A=0;return m.length>0&&(A+=45,G&&(A-=45)),A},[m,G]),Le=o.useMemo(()=>{let A=0;return t?.logoUrl&&t?.isShowLogo&&(A+=45),i-A-et},[t,i,et]),Ke=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]),St=o.useCallback((A,ee)=>{var X,le,de,ne;return!((X=A?.video)===null||X===void 0)&&X.url?o.createElement(sr,{rec:A,index:ee,muted:x,data:d,height:Le,activeIndex:w,videoPostConfig:t?.videoPost,videoRef:pe}):!((le=A?.video)===null||le===void 0)&&le.imgUrls?o.createElement(ur,{key:A?.video.itemId,imgUrls:A?.video.imgUrls,width:n,height:Le,rec:A,index:ee,onReportViewImageEnd:he,onViewImageStartEvent:be,imgUrlsPostConfig:t?.imgUrlsPost}):A.product&&Array.isArray(t?.productPost)&&((de=t?.productPost)===null||de===void 0?void 0:de.length)>0?(ne=t?.productPost)===null||ne===void 0?void 0:ne.map((Z,oe)=>{var xe,je,Ne,we,ke,ct,pt,vt;const rt=s[(xe=Z?.item)===null||xe===void 0?void 0:xe.type],xt=zt(rt),qe=(je=rt?.extend)===null||je===void 0?void 0:je.defaulSetting;return o.createElement(xt,Object.assign({key:`${ee}${oe}`,textStyle:Object.assign(Object.assign({},qe?.textStyle),(Ne=Z?.item)===null||Ne===void 0?void 0:Ne.textStyle),bindDatas:(ke=(we=Z?.item)===null||we===void 0?void 0:we.bindDatas)!==null&&ke!==void 0?ke:[]},qe?.props,(ct=Z?.item)===null||ct===void 0?void 0:ct.props,{event:((pt=Z?.item)===null||pt===void 0?void 0:pt.event)||{},schema:I,id:Z?.id,viewTime:P.current,rec:A,isPost:!0,tipText:a,style:Object.assign(Object.assign(Object.assign({},qe?.style),(vt=Z?.item)===null||vt===void 0?void 0:vt.style),{height:"100%",overflow:"auto"}),index:ee}))}):null},[n,d,Le,x,w,t?.productPost,P,a,s,I,pe]),Ft=o.useCallback(A=>{F(A)},[]),$=o.useMemo(()=>U?{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"},[U]),W=o.useCallback((A,ee)=>{var X,le,de,ne,Z,oe,xe;return A?.video?o.createElement(o.Fragment,null,((X=A?.video)===null||X===void 0?void 0:X.title)&&!U&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(yn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(bn,{rec:A,index:ee,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(Nt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:a?.foldText,unfoldText:a?.unfoldText,text:(de=(le=A?.video)===null||le===void 0?void 0:le.title)!==null&&de!==void 0?de:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ft}),o.createElement(gn,{index:w,tags:(Z=(ne=A?.video)===null||ne===void 0?void 0:ne.hashTags)!==null&&Z!==void 0?Z:[],itemId:(oe=A?.video)===null||oe===void 0?void 0:oe.itemId,itemType:!((xe=A?.video)===null||xe===void 0)&&xe.itemId?"VIDEO":null,rec:A,hashTagStyle:v})))):null},[e,w,l,s,a,c,v,t,Ft,U,$]),ie=o.useCallback((A,ee)=>{var X,le,de,ne;if(!t?.isShowLike)return;let Z=(X=t?.likeIconY)!==null&&X!==void 0?X:400;return G&&Z<40&&(Z+=40),A?.video?o.createElement(fn,{key:A.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:A.isCollected,recData:A,className:"clc-sxp-like-button",style:{[(le=t.likeIconXPosit)!==null&&le!==void 0?le:"right"]:(de=t.likeIconX)!==null&&de!==void 0?de:0,[(ne=t.likeIconYPosit)!==null&&ne!==void 0?ne:"bottom"]:Z},position:ee}):null},[t,G]),he=A=>{var ee,X,le,de,ne,Z;if(!(!((ee=A?.video)===null||ee===void 0)&&ee.url)&&(!((X=A?.video)===null||X===void 0)&&X.imgUrls)){const oe=Date.now(),xe=(oe-D.current)/1e3;j?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(de=(le=A?.video)===null||le===void 0?void 0:le.itemId)!==null&&de!==void 0?de:"",contentName:(ne=A?.video.title)!==null&&ne!==void 0?ne:"",imageEndTime:`${oe}`,playDuration:`${xe}`,contentTags:JSON.stringify((Z=A?.video.tags)!==null&&Z!==void 0?Z:[]),position:w+"",contentFormat:"image",traceInfo:A?.video.traceInfo}})}},ge=A=>{var ee,X,le,de,ne,Z,oe,xe,je,Ne;P.current=new Date;const we=d[A.previousIndex];if(!we)return;A.previousIndex-A.activeIndex<0?(j?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(X=(ee=we?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&X!==void 0?X:"",productId:(de=(le=we?.product)===null||le===void 0?void 0:le.itemId)!==null&&de!==void 0?de:"",requestId:null}}),he(we)):(j?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Z=(ne=we?.video)===null||ne===void 0?void 0:ne.itemId)!==null&&Z!==void 0?Z:"",productId:(xe=(oe=we.product)===null||oe===void 0?void 0:oe.itemId)!==null&&xe!==void 0?xe:"",requestId:null}}),he(we)),Ee(we);const ke=d[A.activeIndex];!(!((je=ke?.video)===null||je===void 0)&&je.url)&&!(!((Ne=ke?.video)===null||Ne===void 0)&&Ne.imgUrls)&&ke?.product&&Y?.({eventName:"ProductView"})},Ee=A=>{var ee,X,le;!(!((ee=A?.video)===null||ee===void 0)&&ee.url)&&!(!((X=A?.video)===null||X===void 0)&&X.imgUrls)&&A?.product&&ue(A,A.product,(le=A?.product)===null||le===void 0?void 0:le.bindCta,P.current,w)};o.useEffect(()=>{const A=d[w];se&&Ee(A)},[se,d,w]);const be=A=>{var ee,X,le,de,ne,Z;const oe=d[A];if(!(!((ee=oe?.video)===null||ee===void 0)&&ee.url)&&(!((X=oe?.video)===null||X===void 0)&&X.imgUrls)){const xe=Date.now();D.current=xe,j?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(de=(le=oe?.video)===null||le===void 0?void 0:le.itemId)!==null&&de!==void 0?de:"",contentName:(ne=oe?.video.title)!==null&&ne!==void 0?ne:"",imageStartTime:`${xe}`,contentTags:JSON.stringify((Z=oe?.video.tags)!==null&&Z!==void 0?Z:[]),position:A+"",contentFormat:"image",traceInfo:oe?.video.traceInfo}}),Y?.({eventName:"ViewContent"})}},Ce=o.useMemo(()=>{const A=d?.map((ee,X)=>w===X||X-1===w||X+1===w?ee:null);return G?A:A.concat([{loading:!0}])},[d,w,G]),nt=o.useMemo(()=>M?o.createElement("div",{style:{height:Le,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:q,alt:"loading...",style:{objectFit:"contain"}})):Ce?.map((A,ee)=>o.createElement(Re,{key:ee,virtualIndex:ee},A&&o.createElement(o.Fragment,null,A?.loading?o.createElement("div",{style:{height:Le,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:q,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,St(A,ee),W(A,ee),ie(A,ee))))),[n,d,Le,M,W,St,Ce,q]),ut=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Tt=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},G&&o.createElement(un,{icon:pr,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{te?.(!0)}}),Ke,o.createElement(wn,{tagList:m,setActiveIndex:S}),ae?o.createElement(ar,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((b=t?.swipeTipOffset)!==null&&b!==void 0?b:0)}%`}}):null,o.createElement(dt,{style:{marginTop:et},ref:H,onSlideChange:()=>{H.current.swiper.allowTouchMove=!1,setTimeout(()=>{H.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:A=>{S(A.activeIndex),!se&&(ge(A),!G&&A?.activeIndex+2>=d?.length&&(L||(N(!0),B?.(Math.ceil(w/10)+1).then(()=>{N(!1)}))))},direction:"vertical",height:Le},o.createElement(mn,{style:{position:"fixed",visibility:!((_=(T=d?.[w])===null||T===void 0?void 0:T.video)===null||_===void 0)&&_.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(g=t?.muteIconX)!==null&&g!==void 0?g:0,[(f=t?.muteIconYPosit)!==null&&f!==void 0?f:"bottom"]:(E=t?.muteIconY)!==null&&E!==void 0?E:23},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:ut,unactiveIcon:t?.muteIcon?t?.muteIcon:Tt,onChange:C}),nt),o.createElement(pn,Object.assign({},(O=(h=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||h===void 0?void 0:h.item)===null||O===void 0?void 0:O.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:ve,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},mr=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(dt,{defaultValue:0,direction:"horizontal",modules:[Pt,Ot],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Re,{key:d},o.createElement(hn,{src:d,height:i,imgUrlsPostConfig:n}))));var hr=o.memo(mr);const gr=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:r})=>{const[a,c]=o.useState(!1),u=o.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:y,openHashtag:b}=me(),T=o.useRef(0),[_,p]=o.useState(!1),[g,f]=o.useState(!0),E=o.useRef(null),[k,h]=o.useState("");o.useEffect(()=>{u.current&&(u.current.muted=l)},[l]);const O=o.useCallback(()=>{var B;(B=u.current)===null||B===void 0||B.play()},[]),I=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),w=o.useCallback(()=>{var B,j,M,V,z,H,G,te,fe,se,q,K,J;c(!1);const Y=n[e];if(Y&&(!((B=u?.current)===null||B===void 0)&&B.duration)){T.current=((j=u?.current)===null||j===void 0?void 0:j.currentTime)||0;const Q=((V=(M=u.current)===null||M===void 0?void 0:M.duration)!==null&&V!==void 0?V:0).toFixed(2),ye=((H=(z=u.current)===null||z===void 0?void 0:z.currentTime)!==null&&H!==void 0?H:0).toFixed(2),Ie=g?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(te=(G=Y?.video)===null||G===void 0?void 0:G.itemId)!==null&&te!==void 0?te:"",contentName:(se=(fe=Y?.video)===null||fe===void 0?void 0:fe.title)!==null&&se!==void 0?se:"",playType:Ie,startTime:ye,videoDuration:Q,contentTags:JSON.stringify((K=(q=Y?.video)===null||q===void 0?void 0:q.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(J=Y?.video)===null||J===void 0?void 0:J.traceInfo}}),f(!1)}},[v,n,e,g]),S=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(B=>()=>{var j,M,V,z,H;if(!_)return;const G=(j=u.current)===null||j===void 0?void 0:j.paused;switch(B){case"start":if(!G)return;(M=u.current)===null||M===void 0||M.play(),c(!1);break;case"pause":if(G)return;(V=u.current)===null||V===void 0||V.pause(),c(!0);break;default:G?(z=u.current)===null||z===void 0||z.play():(H=u.current)===null||H===void 0||H.pause(),c(!G);break}},[_]),x=o.useCallback(()=>{var B,j,M,V,z,H,G,te,fe,se,q,K,J;const Y=n[e],Q=((j=(B=u.current)===null||B===void 0?void 0:B.duration)!==null&&j!==void 0?j:0).toFixed(2),ye=((V=(M=u.current)===null||M===void 0?void 0:M.currentTime)!==null&&V!==void 0?V:0).toFixed(2);if(!((z=u?.current)===null||z===void 0)&&z.duration){const Ie=(((H=u?.current)===null||H===void 0?void 0:H.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(te=(G=Y?.video)===null||G===void 0?void 0:G.itemId)!==null&&te!==void 0?te:"",contentName:(se=(fe=Y?.video)===null||fe===void 0?void 0:fe.title)!==null&&se!==void 0?se:"",endTime:ye,videoDuration:Q,playDuration:Ie,contentTags:JSON.stringify((K=(q=Y?.video)===null||q===void 0?void 0:q.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(J=Y?.video)===null||J===void 0?void 0:J.traceInfo}})}},[n,e,v]),C=o.useMemo(()=>d?.mode==="2",[d]),P=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]),L=o.useMemo(()=>{var B;return((B=t?.video)===null||B===void 0?void 0:B.cover)||k},[k,t]),N=o.useCallback(()=>{if(!E||!u||!u.current||!E.current)return;const B=u?.current,j=E?.current,M=j.getContext("2d"),V=window?.innerWidth,z=window?.innerHeight;j.height=z,j.width=V,M?.drawImage(B,0,0,j.width,j.height),h(j.toDataURL())},[]);o.useEffect(()=>{var B,j,M,V;if(u.current){if(c(!1),!u.current.src){const z=t?.video.url;if(z.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const H=new window.Hls;H.loadSource(z),H.attachMedia(u.current)}else u.current.canPlayType("application/vnd.apple.mpegurl"),u.current.src=z;else u.current.src=z;u.current.setAttribute("x5-playsinline","true"),u.current.setAttribute("webkit-playsinline","true")}return(B=u.current)===null||B===void 0||B.addEventListener("loadedmetadata",S),(j=u.current)===null||j===void 0||j.addEventListener("canplay",S),(M=u.current)===null||M===void 0||M.addEventListener("playing",w),(V=u.current)===null||V===void 0||V.addEventListener("loadeddata",N),()=>{var z,H,G,te;(z=u.current)===null||z===void 0||z.removeEventListener("loadedmetadata",S),(H=u.current)===null||H===void 0||H.removeEventListener("canplay",S),(G=u.current)===null||G===void 0||G.removeEventListener("playing",w),(te=u.current)===null||te===void 0||te.removeEventListener("loadeddata",N)}}},[S,w,t?.video,N]);const U=o.useMemo(()=>!m?.placeholder_image||_?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image,alt:"video poster"}),[_,m?.placeholder_image]);o.useEffect(()=>{const B=()=>{var j,M;s===e&&(!((j=t?.video)===null||j===void 0)&&j.url)&&(!((M=u?.current)===null||M===void 0)&&M.src)&&!a&&D("pause")()};return window.addEventListener("beforeunload",B),()=>{window.removeEventListener("beforeunload",B)}},[s,e,t,u,D,a]);const F=o.useMemo(()=>C?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[C]);return t?.video?o.createElement(o.Fragment,null,C?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement(Me,{src:L,style:Object.assign({height:i,width:r,objectFit:"cover"},F)}),o.createElement("canvas",{ref:E,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:r,height:i,top:"50%",transform:P,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:r,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I,alt:"video pause image"}))),U):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:u,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O}),U,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:I,alt:"video pause image"}))):null};var br=o.memo(gr);const Si={};Object.values(wi).forEach(t=>{Si[t.extend.type]=t});const yr="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",wr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Sr=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:r=664,containerWidth:a=375,appDomain:c,tagList:u=[]})=>{const v=o.useMemo(()=>{let h=0;return e?.logoUrl&&e?.isShowLogo&&(h+=45),u.length>0&&(h+=45),r-h},[e,r,u]),m=(h,O)=>{var I,w,S,D;if(!((I=h?.video)===null||I===void 0)&&I.url)return o.createElement(br,{rec:h,index:O,muted:!0,width:a,data:t??[],height:v,activeIndex:O,videoPostConfig:e?.videoPost});if(!((w=h?.video)===null||w===void 0)&&w.imgUrls)return o.createElement(hr,{key:h?.video.itemId,imgUrls:h?.video.imgUrls,width:a,height:v,rec:h,index:O,imgUrlsPostConfig:e?.imgUrlsPost});if(h.product&&h.product&&Array.isArray(e?.productPost)&&((S=e?.productPost)===null||S===void 0?void 0:S.length)>0)return(D=e?.productPost)===null||D===void 0?void 0:D.map((x,C)=>{var P,L,N,U,F,B,j,M;const V=Si[(P=x?.item)===null||P===void 0?void 0:P.type],z=zt(V),H=(L=V?.extend)===null||L===void 0?void 0:L.defaulSetting;return o.createElement(z,Object.assign({key:`${O}${C}`,textStyle:Object.assign(Object.assign({},H?.textStyle),(N=x?.item)===null||N===void 0?void 0:N.textStyle),bindDatas:(F=(U=x?.item)===null||U===void 0?void 0:U.bindDatas)!==null&&F!==void 0?F:[]},H?.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:h,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},H?.style),(M=x?.item)===null||M===void 0?void 0:M.style),{width:a,height:v,overflow:"auto"}),index:O}))})},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=(h,O)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(bn,{rec:h,index:O,tempMap:l,resolver:Si})):null,T=(h,O)=>{var I,w,S,D,x,C,P;return h?.video?o.createElement(o.Fragment,null,((I=h?.video)===null||I===void 0?void 0:I.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(yn,{nudge:n}),b(h,O),o.createElement("div",null,o.createElement(Nt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(S=(w=h?.video)===null||w===void 0?void 0:w.title)!==null&&S!==void 0?S:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(gn,{index:O,tags:(x=(D=h?.video)===null||D===void 0?void 0:D.hashTags)!==null&&x!==void 0?x:[],itemId:(C=h?.video)===null||C===void 0?void 0:C.itemId,itemType:!((P=h?.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:h,hashTagStyle:d}))):null},_=Ue(wr,c),p=Ue(yr,c),g=(h,O)=>{var I,w,S,D;if(!e?.isShowLike)return;let x=(I=e?.likeIconY)!==null&&I!==void 0?I:400;return x<40&&(x+=40),h?.video?o.createElement(fn,{key:h.position,activeIcon:(w=e?.likeIcon)!==null&&w!==void 0?w:_,unActicveIcon:(S=e?.unlikeIcon)!==null&&S!==void 0?S:p,position:O,active:h.isCollected,recData:h,className:"clc-sxp-like-button",style:{top:x,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},f=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),E=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),k=(h,O)=>{var I,w,S,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(wn,{tagList:u}),o.createElement(mn,{style:{position:"absolute",right:(I=e?.muteIconX)!==null&&I!==void 0?I:0,visibility:!((S=(w=t?.[O])===null||w===void 0?void 0:w.video)===null||S===void 0)&&S.url?"visible":"hidden",bottom:(D=e?.muteIconY)!==null&&D!==void 0?D:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:f,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),m(h,O),T(h,O),g(h,O))};return o.createElement("div",{className:R.css({width:"100%",height:r,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((h,O)=>k(h,O)))};var Tr=o.memo(Sr);const xr=()=>{const{schema:t,resolver:e,popup:i}=tt(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=me(),{productView:d}=Be(),[r,a]=o.useState(),c=o.useRef(null);o.useEffect(()=>{const m=()=>{c.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,a(i))},[i]);const u=()=>{var m,y,b,T;if(!i||i?.id===""||!r||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;a(Object.assign(Object.assign({},i),{id:""}));const _=l,p=(y=_?.video)===null||y===void 0?void 0:y.bindProduct,g=(T=(b=_?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&g&&d(_,p,g,c.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var m,y,b;return(b=(y=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,_)=>{var p,g,f,E,k,h,O,I,w,S,D,x,C,P,L;if(T?.id===i?.id){const N=e[(p=T?.item)===null||p===void 0?void 0:p.type],U=zt(N),F=((E=(f=(g=T?.item)===null||g===void 0?void 0:g.event)===null||f===void 0?void 0:f.onClick)===null||E===void 0?void 0:E.linkType)==="externalLink",B=((O=(h=(k=T?.item)===null||k===void 0?void 0:k.event)===null||h===void 0?void 0:h.onClick)===null||O===void 0?void 0:O.linkType)==="popup",j=(I=N?.extend)===null||I===void 0?void 0:I.defaulSetting;return o.createElement(U,Object.assign({key:_,style:Object.assign(Object.assign(Object.assign({},j?.style),(w=T?.item)===null||w===void 0?void 0:w.style),{width:(S=window.innerWidth)!==null&&S!==void 0?S:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},j?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(C=(x=T?.item)===null||x===void 0?void 0:x.bindDatas)!==null&&C!==void 0?C:[]},j?.props,(P=T?.item)===null||P===void 0?void 0:P.props,{event:((L=T?.item)===null||L===void 0?void 0:L.event)||{},schema:t,id:T?.id,isExternalLink:F,isPopup:B,onClose:u}))}else return o.createElement(o.Fragment,null)})},[t,i,e,u]);return o.createElement(jt,{popup:r,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},Ti={};Object.values(wi).forEach(t=>{Ti[t.extend.type]=t});const Er=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:r})=>{var a,c,u,v,m,y,b,T,_,p,g;const f=o.useMemo(()=>{var E;return location?.search?(E=location?.search)===null||E===void 0?void 0:E.replace("?",""):""},[]);return o.createElement(Fi,{resolver:Ti,enableDataSource:!1,schema:t?.data,utmVal:f},o.createElement(ji,{utmVal:f,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(v=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(m=t?.sxp_parameter)===null||m===void 0?void 0:m.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:r,isShowTag:(_=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||_===void 0?void 0:_.isShowTag,globalConfig:(g=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||g===void 0?void 0:g.globalConfig,render:({rtcList:E,tagList:k})=>{var h;return o.createElement(o.Fragment,null,o.createElement(Sn,Object.assign({},(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf,{tagList:k,data:E,resolver:Ti,licenseUrl:d})),o.createElement(xr,null))}}))};var Cr=o.memo(Er);const Tn=o.createContext({}),Ir=({children:t,data:e})=>{var i,n,l,s,d,r,a,c,u,v,m,y,b;const[T,_]=o.useState(!1),[p,g]=o.useState(!1);return o.createElement(Tn.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:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.loading_image,privacyContent:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.privacy_context,privacyNecessity:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_necessity,privacyPolicyTitle:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(m=e?.sxp_parameter)===null||m===void 0?void 0:m.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:_,openConsent:p,setOpenConsent:g}},t)};function _r(){return o.useContext(Tn)}Se.DiyPortalPreview=Tr,Se.EditorDataProvider=Ir,Se.Modal=jt,Se.SxpDataSourceProvider=ji,Se.SxpPageCore=Cr,Se.SxpPageRender=Sn,Se.core=Wn,Se.default=jn,Se.defaultSetting=Ve,Se.materials=wi,Se.useEditorDataProvider=_r,Object.defineProperty(Se,"__esModule",{value:!0})});