pb-sxp-ui 1.0.70 → 1.0.71

package/dist/pb-ui.min.js

@@ -1,7 +1,7 @@
-(function(ue,pe){typeof exports=="object"&&typeof module<"u"?pe(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("react-dom"),require("hls.js")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","react-dom","hls.js"],pe):(ue=typeof globalThis<"u"?globalThis:ue||self,pe(ue.PUI={},ue.lodash,ue.uuid$1,ue.pako,ue.React,ue.qs,ue.EventEmitter,ue.css,ue.ReactDOM,ue.Hls))})(this,function(ue,pe,un,pn,r,fi,vn,J,fn,mi){"use strict";function mn(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 hi=mn(fn);function we(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 Te(t,e,i,n){function l(o){return o instanceof i?o:new i(function(a){a(o)})}return new(i||(i=Promise))(function(o,a){function s(c){try{u(n.next(c))}catch(v){a(v)}}function d(c){try{u(n.throw(c))}catch(v){a(v)}}function u(c){c.done?o(c.value):l(c.value).then(s,d)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const hn=/:\w+/g;var gi=(t,e)=>Te(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:o,method:a,url:s,urlParams:d,name:u,queryString:c,headers:v,body:h}=e[l];let m=s;d&&Object.entries(d).forEach(([w,b])=>{m=m.replace(hn,C=>C===w?b:C)}),c&&(m+=c),n[o]=u;try{const w=yield fetch(m,{method:a,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(h)}).then(b=>b.json());i[o]=w}catch(w){console.error("DataSource request error: ",w),i[o]={}}}return{$store:i,idMapName:n}});const bi="SXP_TOKEN_INFO",gn=(t,e)=>Te(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),o=t.getApiUrl(),a=window.localStorage.getItem(bi);let s=JSON.parse(a||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${o}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(c=>c.json());if(u.success){const c=u.data;s=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(bi,JSON.stringify(s))}}return s});function ht(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 o;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",l=0;l<36;l++)n[l]||(o=0|Math.random()*16,n[l]=i[l===19?o&3|8:o])}return n.join("")}const bn=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},yn=()=>{const t=un.v4();return t?.replaceAll?t.replaceAll("-",""):bn(32)};function yi(t){const i=atob(t).split("").map(function(o){return o.charCodeAt(0)}),n=new Uint8Array(i),l=pn.inflate(n,{to:"string"});return JSON.parse(l)}let Pt=null;const wn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Sn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Pt)return Pt;Pt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?wn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Se=null;const Tn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Se||(Se=new Sn),n&&Se.setApiUrl(n),Se.setAppId(t),Se.setTenantId(e),Se.setEnv(i)},getDetail:t=>{if(!Se)return;const e=Se.getTenantId(),i=Se.getAppId(),n=Se.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Te(void 0,void 0,void 0,function*(){var o,a;const s=yield l.json(),d=yi((o=s?.data)===null||o===void 0?void 0:o.data);if(d){const{$store:u}=yield gi(n,(a=d?.dataSource)!==null&&a!==void 0?a:[]);s.data.data=d,Object.assign(s.data.data,{__STORE__:u})}return s}))},getSxpDetailByPageId:t=>Te(void 0,void 0,void 0,function*(){if(!Se)return;const e=Se.getTenantId(),i=Se.getAppId(),n=Se.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Te(void 0,void 0,void 0,function*(){var o;const a=yield l.json();if(!a.success)return;const s=yi((o=a?.data)===null||o===void 0?void 0:o.data);return a.data.data=s,a.data}))}),getSxpRecommendVideoData:t=>Te(void 0,void 0,void 0,function*(){if(!Se)return;const e=yield gn(Se,t),i=ht(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");pe.isEmpty(n)&&(n=ht(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(o=>o.json());return l?.data||null})};function He(){return r.useContext(_i)}function xn(){return r.useContext(ki)}const Ot="feRealSessionIdKey",wi=()=>{const t=yn();return`${Date.now()}${t}`},En=()=>{let t=In();return t||(t=wi(),window.sessionStorage.setItem(Ot,t)),t},Cn=()=>{const t=wi();window.sessionStorage.setItem(Ot,t)},In=()=>window.sessionStorage.getItem(Ot),Si="SXP_FAKE_USER_ID",Ti="FAKE_USER_STATE",kn=()=>{let t=window.localStorage.getItem(Si);return pe.isEmpty(t)&&(t=ht(36,62),window.localStorage.setItem(Si,t)),t},_n=()=>{const t=window.localStorage.getItem(Ti);return pe.isEmpty(t)&&window.localStorage.setItem(Ti,"true"),pe.isEmpty(t)};function _e(t,e){const{appDomain:i}=re();return r.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Ue=new vn;var Oe;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Oe||(Oe={}));const xi=r.createContext({rtcList:[],tagList:[]});var Mt;(function(t){t[t.BFF=5]="BFF"})(Mt||(Mt={}));const Ei=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Dn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:o,isPreview:a=!1,sxpParameter:s,appDomain:d,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1,enabledMetaConversionApi:h=!1})=>{const[m,w]=r.useState([]),[b,C]=r.useState([]),[p,g]=r.useState(!1),[y,E]=r.useState({rtc:"",requestId:""}),_=r.useRef(null),f=r.useRef(!1),[O,I]=r.useState(),[S,x]=r.useState(),[A,T]=r.useState(v),[k,P]=r.useState([]),[N,B]=r.useState(0),[$,U]=r.useState(!1),[L,z]=r.useState(null),M=r.useRef();r.useEffect(()=>{const F=H=>{M.current=H};return Ue.on(Oe.CHANGE_THEME_TAG,F),()=>{Ue.off(Oe.CHANGE_THEME_TAG,F)}},[]),r.useEffect(()=>{T(v)},[v]);const D=r.useMemo(()=>e?.find(F=>F.type===Mt.BFF),[e]),V=r.useCallback((F,H)=>{if(!D)return;const K=D.url,ge=kn();if(H?.query){const fe=fi.stringify(H.query);F=`${F}?${fe}`}return H.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${K}/api/v1${F}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},D.headers),{"x-user-id":ge}),H.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${K}/api/v1${F}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ge},D.headers),method:H.method,body:JSON.stringify(H.body)}).then(fe=>fe.json()).catch(fe=>Promise.reject(fe))},[D]),G=r.useCallback(F=>Te(void 0,void 0,void 0,function*(){var H,K,ge,fe,be;if(F={maxSize:(H=F?.maxSize)!==null&&H!==void 0?H:l,defaultSize:(K=F?.defaultSize)!==null&&K!==void 0?K:o,"itemFilter.itemId":F?.["itemFilter.itemId"],"itemFilter.itemType":F?.["itemFilter.itemType"],hashTag:F?.hashTag,traceInfo:F?.traceInfo,themeTag:F?.themeTag},i){const ye=(be=(fe=(ge=i?.split("&"))===null||ge===void 0?void 0:ge.filter(Ge=>{const Je=Ge.split("=")[0];return Ei.includes(Je)}))===null||fe===void 0?void 0:fe.join("&"))!==null&&be!==void 0?be:"";F=Object.assign(Object.assign({},F),{channel:decodeURIComponent(ye)})}const me=yield V?.("/recommend/list",{method:"GET",query:F});if(me?.success)return F?.hashTag||E({rtc:me.data.rtc,requestId:me.data.requestId}),me?.data}),[V,i,l,o]),W=r.useCallback(()=>Te(void 0,void 0,void 0,function*(){var F,H;if(m.length<=0)return;const K=yield G({hashTag:S?.hashTag,"itemFilter.itemId":S?.itemId,"itemFilter.itemType":S?.itemType,themeTag:M.current});w(m.concat((F=K?.recList)!==null&&F!==void 0?F:[])),P(k.concat((H=K?.recList)!==null&&H!==void 0?H:[]))}),[G,m,S,k]),Z=r.useCallback(({userInfo:F,eventInfo:H})=>{if(!n)return;F||(F={});const K=En(),ge=Object.assign({sessionID:K,rtc:y.rtc,requestId:y.requestId},H),fe=Object.entries(F).map(([me,ye])=>({name:me,value:ye})),be=Object.entries(ge).map(([me,ye])=>ye&&{name:me,value:ye}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",F),console.log("eventInfo:",ge),console.log("========= \u7ED3\u675F ========="),V?.("/event/report",{method:"POST",body:{userInfo:fe,eventInfo:be},type:"beacon"})},[V,y,n]),R=r.useCallback(F=>{var H,{eventName:K,actionSource:ge="website",eventSourceUrl:fe=(H=window?.location)===null||H===void 0?void 0:H.href,externalId:be}=F;if(!(!n||!h))return V?.("/fb/events",{method:"POST",body:{eventName:K,actionSource:ge,eventSourceUrl:fe,"userData.externalId":be},type:"beacon"})},[V,n,h]),ee=r.useCallback(F=>Te(void 0,void 0,void 0,function*(){const H=yield V?.("/recommend/like",{method:"POST",body:F});return H?.success}),[V]),q=r.useCallback(F=>Te(void 0,void 0,void 0,function*(){const H=yield V?.("/recommend/unlike",{method:"POST",body:F});return H?.success}),[V]),se=r.useCallback(F=>Te(void 0,void 0,void 0,function*(){const H=yield V?.("/customform",{method:"POST",body:F});return H?.success}),[V]),ne=r.useCallback(()=>Te(void 0,void 0,void 0,function*(){var F,H,K,ge,fe;if(i)try{const be=(K=(H=(F=i?.split("&"))===null||F===void 0?void 0:F.filter(ye=>{const Ge=ye.split("=")[0];return Ei.includes(Ge)}))===null||H===void 0?void 0:H.join("&"))!==null&&K!==void 0?K:"",me=yield V?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(be)}});C((fe=(ge=me?.data)===null||ge===void 0?void 0:ge.tags)!==null&&fe!==void 0?fe:[])}catch(be){console.log("e",be)}}),[V,i]),oe=r.useCallback((F,H,K,ge)=>{var fe,be,me,ye,Ge,Je,je,ft,st,rt,mt,at;const Ee=K?.bindCta,dt=((fe=H?.video)===null||fe===void 0?void 0:fe.bindProduct)||((be=H?.video)===null||be===void 0?void 0:be.bindProducts)&&((ye=(me=H?.video)===null||me===void 0?void 0:me.bindProducts)===null||ye===void 0?void 0:ye.length)>0;let ct="";$?ct="hashTagPage":!((Ge=H?.video)===null||Ge===void 0)&&Ge.url?ct="videoPage":!((je=(Je=H?.video)===null||Je===void 0?void 0:Je.imgUrls)===null||je===void 0)&&je.length&&(ct="imagePage"),Z?.({eventInfo:Object.assign(Object.assign({},F),{ctaId:(ft=Ee?.itemId)!==null&&ft!==void 0?ft:"",ctaName:(st=Ee?.title)!==null&&st!==void 0?st:"",contentTags:JSON.stringify(Ee?.tags),position:ge+"",contentId:(mt=(rt=H?.video)===null||rt===void 0?void 0:rt.itemId)!==null&&mt!==void 0?mt:"",productId:dt?K?.itemId:"",traceInfo:(at=Ee?.traceInfo)!==null&&at!==void 0?at:"",fromKName:ct})})},[Z,$]);r.useEffect(()=>{g(!0),ne(),G().then(F=>{var H,K;w((H=F?.recList)!==null&&H!==void 0?H:[]),P((K=F?.recList)!==null&&K!==void 0?K:[])}).finally(()=>{g(!1),f.current=!0})},[]),r.useEffect(()=>{f.current&&(g(!0),ne(),G().then(F=>{var H,K;w((H=F?.recList)!==null&&H!==void 0?H:[]),P((K=F?.recList)!==null&&K!==void 0?K:[])}).finally(()=>{g(!1)}))},[G,ne]);const ce=_e("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return r.createElement(xi.Provider,{value:{rtcList:m,setRtcList:w,mutateLike:ee,mutateUnlike:q,submitForm:se,popupDetailData:O,loadVideos:W,setPopupDetailData:I,getRecommendVideos:G,bffEventReport:Z,utmVal:i,isPreview:a,loading:p,sxpParameter:s,waterFallData:S,setWaterFallData:x,ctaEvent:oe,swiperRef:_,openHashtag:A,setOpenHashtag:T,cacheRtcList:k,setCacheRtcList:P,cacheActiveIndex:N,setCacheActiveIndex:B,isFromHashtag:$,setIsFromHashtag:U,appDomain:d,hashTagSize:u,loadingImage:c??ce,isOpenHashTag:v,tagList:b,setLoading:g,videoRef:L,setVideoRef:z,bffFbReport:R}},t({rtcList:m,mutateLike:ee,mutateUnlike:q,submitForm:se,tagList:b}))};var Ci=r.memo(Dn);function re(){return r.useContext(xi)}var Ii;(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"})(Ii||(Ii={}));const ki=r.createContext({$store:{},options:[],configs:[]}),An=({children:t,isSsr:e,enable:i})=>{const[n,l]=r.useState([]),{schema:o}=He(),[a,s]=r.useState(o.__STORE__||{}),[d,u]=r.useState([]);r.useEffect(()=>{var h;e||pe.isEqual(d,o?.dataSource)||u((h=o?.dataSource)!==null&&h!==void 0?h:[])},[o?.dataSource,e]);const c=r.useCallback(()=>Te(void 0,void 0,void 0,function*(){const{$store:h,idMapName:m}=yield gi("",d);s(h),v(h,m)}),[d]),v=(h,m)=>{const w=[];Object.entries(h).forEach(([b,C])=>{Object.keys(C).forEach(p=>{const g={label:`${m[b]} - ${p}`,value:`{{ ${b}.${p} }}`};w.push(g)})}),l(w)};return r.useEffect(()=>{e||c()},[c,e,o]),i?r.createElement(ki.Provider,{value:{$store:o.__STORE__||a,options:n,configs:d}},t):t};var Pn=r.memo(An);const gt={id:ht(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},Lt={id:"",duration:0,name:"none"},_i=r.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[gt],redoStack:[],popup:Lt,setPopup:()=>{}}),Di=r.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:o},a)=>{const[s,d]=r.useState(null),[u,c]=r.useState(n||{pointData:[gt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,h]=r.useState([gt]),[m,w]=r.useState([[gt]]),[b,C]=r.useState([]),[p,g]=r.useState(Lt);typeof window<"u"&&(window.sxpPopup=(O,I)=>{g(Object.assign(Object.assign(Object.assign({},Lt),{id:O}),I))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(o?"&"+o:""):O+(o?"?"+o:"")),r.useEffect(()=>{w([u.pointData]),C([])},[u.type]);const y=r.useCallback(O=>{const I=pe.cloneDeep(u);I&&(I.dataSource=O,c?.(I))},[u]),[E,_]=r.useState();r.useImperativeHandle(a,()=>({loadSchema(O){O&&(w([O.pointData]),c(O))},exportSchema(){return pe.cloneDeep(u)},getPageInfoData(){return E},initPageInfoData(O){O&&_(O)}}));const f=r.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return r.createElement(_i.Provider,{value:{resolver:e,currentNode:s,schema:u,setCurrentNode:d,setSchema:c,saveDataSource:y,prePiontData:v,setPrePiontData:h,pageInfoData:E,setPageInfoData:O=>_(Object.assign(Object.assign({},E),O)),undoStack:m,redoStack:b,setRedoStack:C,setUndoStack:w,getCurPageConf:f,popup:p,setPopup:g}},r.createElement(Pn,{isSsr:i,enable:l},t))});var On=Object.freeze({__proto__:null,EditorCore:Di}),Mn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ie=[{label:"\u9ED8\u8BA4\u5B57\u4F53",value:"appFont"}],jt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Ln=jt&&jt!==""?JSON.parse(jt):[];var Ce={fontOptions:[...ie,...Ln]},Nt,Bt,zt,jn=[{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:ie,initialValue:(Nt=ie?.[0])===null||Nt===void 0?void 0:Nt.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:Ce?.fontOptions,initialValue:(zt=(Bt=Ce?.fontOptions)===null||Bt===void 0?void 0:Bt[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\u6587\u672C\u989C\u8272",type:"Color",name:["props","submitColor"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Me(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=re(),l=r.useCallback((a,s,d,u)=>{var c,v,h,m,w,b,C,p,g,y,E,_,f,O;let I="";e&&(!((v=(c=a?.video)===null||c===void 0?void 0:c.bindProducts)===null||v===void 0)&&v.length||!((h=a?.video)===null||h===void 0)&&h.bindProduct)?I="pdpPage":n?I="hashTagPage":!((m=a?.video)===null||m===void 0)&&m.url?I="videoPage":!((w=a?.video)===null||w===void 0)&&w.imgUrls&&(!((C=(b=a?.video)===null||b===void 0?void 0:b.imgUrls)===null||C===void 0)&&C.length)?I="imagePage":a?.product&&(I="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=s?.itemId)!==null&&p!==void 0?p:"",productName:(g=s?.title)!==null&&g!==void 0?g:"",price:s?.price?s?.price+"":"0",productCollection:(y=s?.collection)!==null&&y!==void 0?y:"",fromKName:I,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:u+"",contentId:(_=(E=a?.video)===null||E===void 0?void 0:E.itemId)!==null&&_!==void 0?_:"",ctatId:(f=d?.itemId)!==null&&f!==void 0?f:"",traceInfo:(O=s?.traceInfo)!==null&&O!==void 0?O:""}})},[t,e,n]),o=r.useCallback((a,s,d,u,c)=>{var v,h,m,w;let b="";e&&(!((h=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||h===void 0)&&h.length||!((m=a?.video)===null||m===void 0)&&m.bindProduct)?b="pdpPage":a?.product&&(b="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:c+"",contentId:(w=a?.video)===null||w===void 0?void 0:w.itemId,ctatId:d?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:l,productView:o}}const Nn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:o,submitColor:a,submitText:s,layoutType:d,isExternalLink:u,isPopup:c,onClick:v,onClose:h,submitButtonStyle:m}=t,w=we(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:b,popupDetailData:C}=re(),{jumpToWeb:p}=Me(),g=r.useRef(),[y,E]=r.useState(!1),_=r.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"}],[]);r.useMemo(()=>{if(d===void 0){const O=pe.cloneDeep(e)||_;return O?.map(I=>Object.assign(Object.assign({},I),{title:void 0,fieldProps:{placeholder:I?.title}}))}else return pe.cloneDeep(e)||_},[d,e,_]);const f=pe.debounce(()=>Te(void 0,void 0,void 0,function*(){var O,I,S,x,A,T;const k=yield(O=g?.current)===null||O===void 0?void 0:O.getFieldsValue();if(!k)return;const P=(S=(I=Object.keys(k))===null||I===void 0?void 0:I.map(B=>{var $;return{name:B,value:($=k[B])!==null&&$!==void 0?$:""}}))===null||S===void 0?void 0:S.filter(B=>B?.value);if(!P||!P?.length)return;E(!0);const N=yield b?.({attributes:P});if(E(!1),N){if(u){const B=C,$=(x=B?.video)===null||x===void 0?void 0:x.bindProduct,U=(T=(A=B?.video)===null||A===void 0?void 0:A.bindProduct)===null||T===void 0?void 0:T.bindCta,L=C?.index;p(B,$,U,L)}c||h?.(),v?.()}}),1e3);return r.createElement("div",{className:"pb-appoint-form"},r.createElement("div",{className:`pb-appoint-form-title ${J.css(Object.assign({},l))}`},n),r.createElement("div",Object.assign({className:J.css(Object.assign({},i))},w),r.createElement("div",{className:"pb-appoint-form-container"})),r.createElement("div",{className:"pb-appoint-form-btn-wrapper"},r.createElement("button",{onClick:f,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:o},m)},y?r.createElement(r.Fragment,null,"loading..."):s)))};var Bn=r.memo(Nn);function Ie(t,e){return t.extend=e,t}const zn=Ie(Bn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:jn,bindableProps:[],interactionRender:Mn},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 Vt,Ft,Vn=[{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:-100,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:ie,name:["fontFamily"],initialValue:(Vt=ie?.[0])===null||Vt===void 0?void 0:Vt.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:ie,initialValue:(Ft=ie?.[0])===null||Ft===void 0?void 0:Ft.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Ai(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Ht(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Ai(e[i])&&Ai(t[i])&&Object.keys(e[i]).length>0&&Ht(t[i],e[i])})}const Pi={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 Le(){const t=typeof document<"u"?document:{};return Ht(t,Pi),t}const Fn={document:Pi,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 xe(){const t=typeof window<"u"?window:{};return Ht(t,Fn),t}function qe(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Hn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function nt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function De(){return Date.now()}function Un(t){const e=xe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Gn(t,e){e===void 0&&(e="x");const i=xe();let n,l,o;const a=Un(t);return i.WebKitCSSMatrix?(l=a.transform||a.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(s=>s.replace(",",".")).join(", ")),o=new i.WebKitCSSMatrix(l==="none"?"":l)):(o=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=o.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?l=o.m41:n.length===16?l=parseFloat(n[12]):l=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?l=o.m42:n.length===16?l=parseFloat(n[13]):l=parseFloat(n[5])),l||0}function bt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function $n(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function ke(){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&&!$n(n)){const l=Object.keys(Object(n)).filter(o=>e.indexOf(o)<0);for(let o=0,a=l.length;o<a;o+=1){const s=l[o],d=Object.getOwnPropertyDescriptor(n,s);d!==void 0&&d.enumerable&&(bt(t[s])&&bt(n[s])?n[s].__swiper__?t[s]=n[s]:ke(t[s],n[s]):!bt(t[s])&&bt(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:ke(t[s],n[s])):t[s]=n[s])}}}return t}function yt(t,e,i){t.style.setProperty(e,i)}function Oi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=xe(),o=-e.translate;let a=null,s;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const u=i>o?"next":"prev",c=(h,m)=>u==="next"&&h>=m||u==="prev"&&h<=m,v=()=>{s=new Date().getTime(),a===null&&(a=s);const h=Math.max(Math.min((s-a)/d,1),0),m=.5-Math.cos(h*Math.PI)/2;let w=o+m*(i-o);if(c(w,i)&&(w=i),e.wrapperEl.scrollTo({[n]:w}),c(w,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:w})}),l.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=l.requestAnimationFrame(v)};v()}function ze(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function wt(t){try{console.warn(t);return}catch{}}function ut(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:qe(e)),i}function Wn(t){const e=xe(),i=Le(),n=t.getBoundingClientRect(),l=i.body,o=t.clientTop||l.clientTop||0,a=t.clientLeft||l.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-o,left:n.left+d-a}}function Yn(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 qn(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 Xe(t,e){return xe().getComputedStyle(t,null).getPropertyValue(e)}function St(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Mi(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 Ut(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Gt(t,e,i){const n=xe();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 Ve(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Xn(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=xe();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,s=De(),d;const u=[];function c(y){let O=0,I=0,S=0,x=0;return"detail"in y&&(I=y.detail),"wheelDelta"in y&&(I=-y.wheelDelta/120),"wheelDeltaY"in y&&(I=-y.wheelDeltaY/120),"wheelDeltaX"in y&&(O=-y.wheelDeltaX/120),"axis"in y&&y.axis===y.HORIZONTAL_AXIS&&(O=I,I=0),S=O*10,x=I*10,"deltaY"in y&&(x=y.deltaY),"deltaX"in y&&(S=y.deltaX),y.shiftKey&&!S&&(S=x,x=0),(S||x)&&y.deltaMode&&(y.deltaMode===1?(S*=40,x*=40):(S*=800,x*=800)),S&&!O&&(O=S<1?-1:1),x&&!I&&(I=x<1?-1:1),{spinX:O,spinY:I,pixelX:S,pixelY:x}}function v(){e.enabled&&(e.mouseEntered=!0)}function h(){e.enabled&&(e.mouseEntered=!1)}function m(y){return e.params.mousewheel.thresholdDelta&&y.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&De()-s<e.params.mousewheel.thresholdTime?!1:y.delta>=6&&De()-s<60?!0:(y.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",y.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",y.raw)),s=new o.Date().getTime(),!1)}function w(y){const E=e.params.mousewheel;if(y.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 b(y){let E=y,_=!0;if(!e.enabled||y.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const f=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&&!f.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let S=0;const x=e.rtlTranslate?-1:1,A=c(E);if(f.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))S=-A.pixelX*x;else return!0;else if(Math.abs(A.pixelY)>Math.abs(A.pixelX))S=-A.pixelY;else return!0;else S=Math.abs(A.pixelX)>Math.abs(A.pixelY)?-A.pixelX*x:-A.pixelY;if(S===0)return!0;f.invert&&(S=-S);let T=e.getTranslate()+S*f.sensitivity;if(T>=e.minTranslate()&&(T=e.minTranslate()),T<=e.maxTranslate()&&(T=e.maxTranslate()),_=e.params.loop?!0:!(T===e.minTranslate()||T===e.maxTranslate()),_&&e.params.nested&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const k={time:De(),delta:Math.abs(S),direction:Math.sign(S),raw:y};u.length>=2&&u.shift();const P=u.length?u[u.length-1]:void 0;if(u.push(k),P?(k.direction!==P.direction||k.delta>P.delta||k.time>P.time+150)&&m(k):m(k),w(k))return!0}else{const k={time:De(),delta:Math.abs(S),direction:Math.sign(S)},P=d&&k.time<d.time+500&&k.delta<=d.delta&&k.direction===d.direction;if(!P){d=void 0;let N=e.getTranslate()+S*f.sensitivity;const B=e.isBeginning,$=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!B&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:k.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,u.length>=15&&u.shift();const U=u.length?u[u.length-1]:void 0,L=u[0];if(u.push(k),U&&(k.delta>U.delta||k.direction!==U.direction))u.splice(0);else if(u.length>=15&&k.time-L.time<500&&L.delta-k.delta>=1&&k.delta<=6){const z=S>0?.8:.2;d=k,u.splice(0),a=nt(()=>{e.slideToClosest(e.params.speed,!0,void 0,z)},0)}a||(a=nt(()=>{d=k,u.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(),f.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function C(y){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[y]("mouseenter",v),E[y]("mouseleave",h),E[y]("wheel",b)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(C("addEventListener"),e.mousewheel.enabled=!0,!0)}function g(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(C("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 Li(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let o=ze(t.el,`.${n[l]}`)[0];o||(o=ut("div",n[l]),o.className=n[l],t.el.append(o)),i[l]=o,e[l]=o}}),i}function ot(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Tt(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o="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:`${o}-bullet`,bulletActiveClass:`${o}-bullet-active`,modifierClass:`${o}-`,currentClass:`${o}-current`,totalClass:`${o}-total`,hiddenClass:`${o}-hidden`,progressbarFillClass:`${o}-progressbar-fill`,progressbarOppositeClass:`${o}-progressbar-opposite`,clickableClass:`${o}-clickable`,lockClass:`${o}-lock`,horizontalClass:`${o}-horizontal`,verticalClass:`${o}-vertical`,paginationDisabledClass:`${o}-disabled`}}),e.pagination={el:null,bullets:[]};let a,s=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,g){const{bulletActiveClass:y}=e.params.pagination;p&&(p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${y}-${g}`),p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${y}-${g}-${g}`)))}function c(p){const g=p.target.closest(ot(e.params.pagination.bulletClass));if(!g)return;p.preventDefault();const y=St(g)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===y)return;e.slideToLoop(y)}else e.slideTo(y)}function v(){const p=e.rtl,g=e.params.pagination;if(d())return;let y=e.pagination.el;y=Ve(y);let E,_;const f=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(f/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(_=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,_=e.previousSnapIndex):(_=e.previousIndex||0,E=e.activeIndex||0),g.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let S,x,A;if(g.dynamicBullets&&(a=Gt(I[0],e.isHorizontal()?"width":"height",!0),y.forEach(T=>{T.style[e.isHorizontal()?"width":"height"]=`${a*(g.dynamicMainBullets+4)}px`}),g.dynamicMainBullets>1&&_!==void 0&&(s+=E-(_||0),s>g.dynamicMainBullets-1?s=g.dynamicMainBullets-1:s<0&&(s=0)),S=Math.max(E-s,0),x=S+(Math.min(I.length,g.dynamicMainBullets)-1),A=(x+S)/2),I.forEach(T=>{const k=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${g.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();T.classList.remove(...k)}),y.length>1)I.forEach(T=>{const k=St(T);k===E?T.classList.add(...g.bulletActiveClass.split(" ")):e.isElement&&T.setAttribute("part","bullet"),g.dynamicBullets&&(k>=S&&k<=x&&T.classList.add(...`${g.bulletActiveClass}-main`.split(" ")),k===S&&u(T,"prev"),k===x&&u(T,"next"))});else{const T=I[E];if(T&&T.classList.add(...g.bulletActiveClass.split(" ")),e.isElement&&I.forEach((k,P)=>{k.setAttribute("part",P===E?"bullet-active":"bullet")}),g.dynamicBullets){const k=I[S],P=I[x];for(let N=S;N<=x;N+=1)I[N]&&I[N].classList.add(...`${g.bulletActiveClass}-main`.split(" "));u(k,"prev"),u(P,"next")}}if(g.dynamicBullets){const T=Math.min(I.length,g.dynamicMainBullets+4),k=(a*T-a)/2-A*a,P=p?"right":"left";I.forEach(N=>{N.style[e.isHorizontal()?P:"top"]=`${k}px`})}}y.forEach((I,S)=>{if(g.type==="fraction"&&(I.querySelectorAll(ot(g.currentClass)).forEach(x=>{x.textContent=g.formatFractionCurrent(E+1)}),I.querySelectorAll(ot(g.totalClass)).forEach(x=>{x.textContent=g.formatFractionTotal(O)})),g.type==="progressbar"){let x;g.progressbarOpposite?x=e.isHorizontal()?"vertical":"horizontal":x=e.isHorizontal()?"horizontal":"vertical";const A=(E+1)/O;let T=1,k=1;x==="horizontal"?T=A:k=A,I.querySelectorAll(ot(g.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${T}) scaleY(${k})`,P.style.transitionDuration=`${e.params.speed}ms`})}g.type==="custom"&&g.renderCustom?(I.innerHTML=g.renderCustom(e,E+1,O),S===0&&l("paginationRender",I)):(S===0&&l("paginationRender",I),l("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](g.lockClass)})}function h(){const p=e.params.pagination;if(d())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 y=e.pagination.el;y=Ve(y);let E="";if(p.type==="bullets"){let _=e.params.loop?Math.ceil(g/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&_>g&&(_=g);for(let f=0;f<_;f+=1)p.renderBullet?E+=p.renderBullet.call(e,f,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=[],y.forEach(_=>{p.type!=="custom"&&(_.innerHTML=E||""),p.type==="bullets"&&e.pagination.bullets.push(..._.querySelectorAll(ot(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",y[0])}function m(){e.params.pagination=Li(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(y=>Mi(y,".swiper")[0]===e.el)[0])),Array.isArray(g)&&g.length===1&&(g=g[0]),Object.assign(e.pagination,{el:g}),g=Ve(g),g.forEach(y=>{p.type==="bullets"&&p.clickable&&y.classList.add(...(p.clickableClass||"").split(" ")),y.classList.add(p.modifierClass+p.type),y.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(y.classList.add(`${p.modifierClass}${p.type}-dynamic`),s=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&y.classList.add(p.progressbarOppositeClass),p.clickable&&y.addEventListener("click",c),e.enabled||y.classList.add(p.lockClass)}))}function w(){const p=e.params.pagination;if(d())return;let g=e.pagination.el;g&&(g=Ve(g),g.forEach(y=>{y.classList.remove(p.hiddenClass),y.classList.remove(p.modifierClass+p.type),y.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(y.classList.remove(...(p.clickableClass||"").split(" ")),y.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(y=>y.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=Ve(g),g.forEach(y=>{y.classList.remove(p.horizontalClass,p.verticalClass),y.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?C():(m(),h(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{h(),v()}),n("destroy",()=>{w()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ve(p),p.forEach(g=>g.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,g)=>{const y=g.target,E=Ve(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!y.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&y===e.navigation.nextEl||e.navigation.prevEl&&y===e.navigation.prevEl))return;const _=E[0].classList.contains(e.params.pagination.hiddenClass);l(_===!0?"paginationShow":"paginationHide"),E.forEach(f=>f.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ve(p),p.forEach(g=>g.classList.remove(e.params.pagination.paginationDisabledClass))),m(),h(),v()},C=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ve(p),p.forEach(g=>g.classList.add(e.params.pagination.paginationDisabledClass))),w()};Object.assign(e.pagination,{enable:b,disable:C,render:h,update:v,init:m,destroy:w})}function Jn(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=Le();let a=!1,s=null,d=null,u,c,v,h;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 m(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T,rtlTranslate:k}=e,{dragEl:P,el:N}=T,B=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let U=c,L=(v-c)*$;k?(L=-L,L>0?(U=c-L,L=0):-L+c>v&&(U=v+L)):L<0?(U=c+L,L=0):L+c>v&&(U=v-L),e.isHorizontal()?(P.style.transform=`translate3d(${L}px, 0, 0)`,P.style.width=`${U}px`):(P.style.transform=`translate3d(0px, ${L}px, 0)`,P.style.height=`${U}px`),B.hide&&(clearTimeout(s),N.style.opacity=1,s=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function w(T){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${T}ms`)}function b(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T}=e,{dragEl:k,el:P}=T;k.style.width="",k.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,h=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*h:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?k.style.width=`${c}px`:k.style.height=`${c}px`,h>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&T.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function C(T){return e.isHorizontal()?T.clientX:T.clientY}function p(T){const{scrollbar:k,rtlTranslate:P}=e,{el:N}=k;let B;B=(C(T)-Wn(N)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),B=Math.max(Math.min(B,1),0),P&&(B=1-B);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*B;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function g(T){const k=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:B,dragEl:$}=P;a=!0,u=T.target===$?C(T)-T.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,T.preventDefault(),T.stopPropagation(),N.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(T),clearTimeout(d),B.style.transitionDuration="0ms",k.hide&&(B.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",T)}function y(T){const{scrollbar:k,wrapperEl:P}=e,{el:N,dragEl:B}=k;a&&(T.preventDefault?T.preventDefault():T.returnValue=!1,p(T),P.style.transitionDuration="0ms",N.style.transitionDuration="0ms",B.style.transitionDuration="0ms",l("scrollbarDragMove",T))}function E(T){const k=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:B}=P;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),k.hide&&(clearTimeout(d),d=nt(()=>{B.style.opacity=0,B.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",T),k.snapOnRelease&&e.slideToClosest())}function _(T){const{scrollbar:k,params:P}=e,N=k.el;if(!N)return;const B=N,$=P.passiveListeners?{passive:!1,capture:!1}:!1,U=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!B)return;const L=T==="on"?"addEventListener":"removeEventListener";B[L]("pointerdown",g,$),o[L]("pointermove",y,$),o[L]("pointerup",E,U)}function f(){!e.params.scrollbar.el||!e.scrollbar.el||_("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||_("off")}function I(){const{scrollbar:T,el:k}=e;e.params.scrollbar=Li(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let N;if(typeof P.el=="string"&&e.isElement&&(N=e.el.querySelector(P.el)),!N&&typeof P.el=="string"){if(N=o.querySelectorAll(P.el),!N.length)return}else N||(N=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&N.length>1&&k.querySelectorAll(P.el).length===1&&(N=k.querySelector(P.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let B;N&&(B=N.querySelector(ot(e.params.scrollbar.dragClass)),B||(B=ut("div",e.params.scrollbar.dragClass),N.append(B))),Object.assign(T,{el:N,dragEl:B}),P.draggable&&f(),N&&N.classList[e.enabled?"remove":"add"](...qe(e.params.scrollbar.lockClass))}function S(){const T=e.params.scrollbar,k=e.scrollbar.el;k&&k.classList.remove(...qe(e.isHorizontal()?T.horizontalClass:T.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const T=e.params.scrollbar;let{el:k}=e.scrollbar;k=Ve(k),k.forEach(P=>{P.classList.remove(T.horizontalClass,T.verticalClass),P.classList.add(e.isHorizontal()?T.horizontalClass:T.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(I(),b(),m())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{m()}),n("setTransition",(T,k)=>{w(k)}),n("enable disable",()=>{const{el:T}=e.scrollbar;T&&T.classList[e.enabled?"remove":"add"](...qe(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const x=()=>{e.el.classList.remove(...qe(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...qe(e.params.scrollbar.scrollbarDisabledClass)),I(),b(),m()},A=()=>{e.el.classList.add(...qe(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...qe(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:x,disable:A,updateSize:b,setTranslate:m,init:I,destroy:S})}function xt(t){let{swiper:e,extendParams:i,on:n,emit:l,params:o}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,s,d=o&&o.autoplay?o.autoplay.delay:3e3,u=o&&o.autoplay?o.autoplay.delay:3e3,c,v=new Date().getTime(),h,m,w,b,C,p,g;function y(U){!e||e.destroyed||!e.wrapperEl||U.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",y),!g&&x())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?h=!0:h&&(u=c,h=!1);const U=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=U,l("autoplayTimeLeft",U,U/d),s=requestAnimationFrame(()=>{E()})},_=()=>{let U;return e.virtual&&e.params.virtual.enabled?U=e.slides.filter(z=>z.classList.contains("swiper-slide-active"))[0]:U=e.slides[e.activeIndex],U?parseInt(U.getAttribute("data-swiper-autoplay"),10):void 0},f=U=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),E();let L=typeof U>"u"?e.params.autoplay.delay:U;d=e.params.autoplay.delay,u=e.params.autoplay.delay;const z=_();!Number.isNaN(z)&&z>0&&typeof U>"u"&&(L=z,d=z,u=z),c=L;const M=e.params.speed,D=()=>{!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(()=>{f()})))};return L>0?(clearTimeout(a),a=setTimeout(()=>{D()},L)):requestAnimationFrame(()=>{D()}),L},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,f(),l("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(s),l("autoplayStop")},S=(U,L)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),U||(p=!0);const z=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",y):x()};if(e.autoplay.paused=!0,L){C&&(c=e.params.autoplay.delay),C=!1,z();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),z())},x=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,f(c)):f(),e.autoplay.paused=!1,l("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const U=Le();U.visibilityState==="hidden"&&(p=!0,S(!0)),U.visibilityState==="visible"&&x()},T=U=>{U.pointerType==="mouse"&&(p=!0,g=!0,!(e.animating||e.autoplay.paused)&&S(!0))},k=U=>{U.pointerType==="mouse"&&(g=!1,e.autoplay.paused&&x())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",T),e.el.addEventListener("pointerleave",k))},N=()=>{e.el.removeEventListener("pointerenter",T),e.el.removeEventListener("pointerleave",k)},B=()=>{Le().addEventListener("visibilitychange",A)},$=()=>{Le().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),B(),O())}),n("destroy",()=>{N(),$(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(w||p)&&x()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():S(!0,!0)}),n("beforeTransitionStart",(U,L,z)=>{e.destroyed||!e.autoplay.running||(z||!e.params.autoplay.disableOnInteraction?S(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}m=!0,w=!1,p=!1,b=setTimeout(()=>{p=!0,w=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!m)){if(clearTimeout(b),clearTimeout(a),e.params.autoplay.disableOnInteraction){w=!1,m=!1;return}w&&e.params.cssMode&&x(),w=!1,m=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(C=!0)}),Object.assign(e.autoplay,{start:O,stop:I,pause:S,resume:x})}function Kn(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 o(){if(e.params.cssMode)return;const d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:d,touches:u}=e;d.velocities.length===0&&d.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:De()})}function s(d){let{currentPos:u}=d;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:h,snapGrid:m,touchEventsData:w}=e,C=De()-w.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<m.length?e.slideTo(m.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(w.velocities.length>1){const I=w.velocities.pop(),S=w.velocities.pop(),x=I.position-S.position,A=I.time-S.time;e.velocity=x/A,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(A>150||De()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,w.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const g=e.velocity*p;let y=e.translate+g;h&&(y=-y);let E=!1,_;const f=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let O;if(y<e.maxTranslate())c.freeMode.momentumBounce?(y+e.maxTranslate()<-f&&(y=e.maxTranslate()-f),_=e.maxTranslate(),E=!0,w.allowMomentumBounce=!0):y=e.maxTranslate(),c.loop&&c.centeredSlides&&(O=!0);else if(y>e.minTranslate())c.freeMode.momentumBounce?(y-e.minTranslate()>f&&(y=e.minTranslate()+f),_=e.minTranslate(),E=!0,w.allowMomentumBounce=!0):y=e.minTranslate(),c.loop&&c.centeredSlides&&(O=!0);else if(c.freeMode.sticky){let I;for(let S=0;S<m.length;S+=1)if(m[S]>-y){I=S;break}Math.abs(m[I]-y)<Math.abs(m[I-1]-y)||e.swipeDirection==="next"?y=m[I]:y=m[I-1],y=-y}if(O&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(h?p=Math.abs((-y-e.translate)/e.velocity):p=Math.abs((y-e.translate)/e.velocity),c.freeMode.sticky){const I=Math.abs((h?-y:y)-e.translate),S=e.slidesSizesGrid[e.activeIndex];I<S?p=c.speed:I<2*S?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&E?(e.updateProgress(_),e.setTransition(p),e.setTranslate(y),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Ut(v,()=>{!e||e.destroyed||!w.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(_),Ut(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(y),e.setTransition(p),e.setTranslate(y),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Ut(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(y),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||C>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:o,onTouchMove:a,onTouchEnd:s}})}let $t;function Qn(){const t=xe(),e=Le();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 $t||($t=Qn()),$t}let Wt;function Zn(t){let{userAgent:e}=t===void 0?{}:t;const i=ji(),n=xe(),l=n.navigator.platform,o=e||n.navigator.userAgent,a={ios:!1,android:!1},s=n.screen.width,d=n.screen.height,u=o.match(/(Android);?[\s\/]+([\d.]+)?/);let c=o.match(/(iPad).*OS\s([\d_]+)/);const v=o.match(/(iPod)(.*OS\s([\d_]+))?/),h=!c&&o.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m=l==="Win32";let w=l==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&w&&i.touch&&b.indexOf(`${s}x${d}`)>=0&&(c=o.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),w=!1),u&&!m&&(a.os="android",a.android=!0),(c||h||v)&&(a.os="ios",a.ios=!0),a}function Ni(t){return t===void 0&&(t={}),Wt||(Wt=Zn(t)),Wt}let Yt;function Rn(){const t=xe(),e=Ni();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[d,u]=s.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=d<16||d===16&&u<2}}const l=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),o=n(),a=o||l&&e.ios;return{isSafari:i||o,needPerspectiveFix:i,need3dFix:a,isWebView:l}}function eo(){return Yt||(Yt=Rn()),Yt}function to(t){let{swiper:e,on:i,emit:n}=t;const l=xe();let o=null,a=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(o=new ResizeObserver(v=>{a=l.requestAnimationFrame(()=>{const{width:h,height:m}=e;let w=h,b=m;v.forEach(C=>{let{contentBoxSize:p,contentRect:g,target:y}=C;y&&y!==e.el||(w=g?g.width:(p[0]||p).inlineSize,b=g?g.height:(p[0]||p).blockSize)}),(w!==h||b!==m)&&s()})}),o.observe(e.el))},u=()=>{a&&l.cancelAnimationFrame(a),o&&o.unobserve&&e.el&&(o.unobserve(e.el),o=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){d();return}l.addEventListener("resize",s),l.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),l.removeEventListener("resize",s),l.removeEventListener("orientationchange",c)})}function io(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=[],a=xe(),s=function(c,v){v===void 0&&(v={});const h=a.MutationObserver||a.WebkitMutationObserver,m=new h(w=>{if(e.__preventObserver__)return;if(w.length===1){l("observerUpdate",w[0]);return}const b=function(){l("observerUpdate",w[0])};a.requestAnimationFrame?a.requestAnimationFrame(b):a.setTimeout(b,0)});m.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),o.push(m)},d=()=>{if(e.params.observer){if(e.params.observeParents){const c=Mi(e.hostEl);for(let v=0;v<c.length;v+=1)s(c[v])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},u=()=>{o.forEach(c=>{c.disconnect()}),o.splice(0,o.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",u)}var no={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(o=>{n.eventsListeners[o]||(n.eventsListeners[o]=[]),n.eventsListeners[o][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 o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];e.apply(n,a)}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,o)=>{(l===e||l.__emitterProxy&&l.__emitterProxy===e)&&i.eventsListeners[n].splice(o,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var l=arguments.length,o=new Array(l),a=0;a<l;a++)o[a]=arguments[a];return typeof o[0]=="string"||Array.isArray(o[0])?(e=o[0],i=o.slice(1,o.length),n=t):(e=o[0].events,i=o[0].data,n=o[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(u=>{u.apply(n,i)})}),t}};function oo(){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(Xe(n,"padding-left")||0,10)-parseInt(Xe(n,"padding-right")||0,10),i=i-parseInt(Xe(n,"padding-top")||0,10)-parseInt(Xe(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 lo(){const t=this;function e(x,A){return parseFloat(x.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:o,rtlTranslate:a,wrongRTL:s}=t,d=t.virtual&&i.virtual.enabled,u=d?t.virtual.slides.length:t.slides.length,c=ze(l,`.${t.params.slideClass}, swiper-slide`),v=d?t.virtual.slides.length:c.length;let h=[];const m=[],w=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let C=i.slidesOffsetAfter;typeof C=="function"&&(C=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,g=t.slidesGrid.length;let y=i.spaceBetween,E=-b,_=0,f=0;if(typeof o>"u")return;typeof y=="string"&&y.indexOf("%")>=0?y=parseFloat(y.replace("%",""))/100*o:typeof y=="string"&&(y=parseFloat(y)),t.virtualSize=-y,c.forEach(x=>{a?x.style.marginLeft="":x.style.marginRight="",x.style.marginBottom="",x.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(yt(n,"--swiper-centered-offset-before",""),yt(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let I;const S=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(x=>typeof i.breakpoints[x].slidesPerView<"u").length>0;for(let x=0;x<v;x+=1){I=0;let A;if(c[x]&&(A=c[x]),O&&t.grid.updateSlide(x,A,c),!(c[x]&&Xe(A,"display")==="none")){if(i.slidesPerView==="auto"){S&&(c[x].style[t.getDirectionLabel("width")]="");const T=getComputedStyle(A),k=A.style.transform,P=A.style.webkitTransform;if(k&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?Gt(A,"width",!0):Gt(A,"height",!0);else{const N=e(T,"width"),B=e(T,"padding-left"),$=e(T,"padding-right"),U=e(T,"margin-left"),L=e(T,"margin-right"),z=T.getPropertyValue("box-sizing");if(z&&z==="border-box")I=N+U+L;else{const{clientWidth:M,offsetWidth:D}=A;I=N+B+$+U+L+(D-M)}}k&&(A.style.transform=k),P&&(A.style.webkitTransform=P),i.roundLengths&&(I=Math.floor(I))}else I=(o-(i.slidesPerView-1)*y)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),c[x]&&(c[x].style[t.getDirectionLabel("width")]=`${I}px`);c[x]&&(c[x].swiperSlideSize=I),w.push(I),i.centeredSlides?(E=E+I/2+_/2+y,_===0&&x!==0&&(E=E-o/2-y),x===0&&(E=E-o/2-y),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),f%i.slidesPerGroup===0&&h.push(E),m.push(E)):(i.roundLengths&&(E=Math.floor(E)),(f-Math.min(t.params.slidesPerGroupSkip,f))%t.params.slidesPerGroup===0&&h.push(E),m.push(E),E=E+I+y),t.virtualSize+=I+y,_=I,f+=1}}if(t.virtualSize=Math.max(t.virtualSize,o)+C,a&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+y}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+y}px`),O&&t.grid.updateWrapperSize(I,h),!i.centeredSlides){const x=[];for(let A=0;A<h.length;A+=1){let T=h[A];i.roundLengths&&(T=Math.floor(T)),h[A]<=t.virtualSize-o&&x.push(T)}h=x,Math.floor(t.virtualSize-o)-Math.floor(h[h.length-1])>1&&h.push(t.virtualSize-o)}if(d&&i.loop){const x=w[0]+y;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),T=x*i.slidesPerGroup;for(let k=0;k<A;k+=1)h.push(h[h.length-1]+T)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&h.push(h[h.length-1]+x),m.push(m[m.length-1]+x),t.virtualSize+=x}if(h.length===0&&(h=[0]),y!==0){const x=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");c.filter((A,T)=>!i.cssMode||i.loop?!0:T!==c.length-1).forEach(A=>{A.style[x]=`${y}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let x=0;w.forEach(T=>{x+=T+(y||0)}),x-=y;const A=x-o;h=h.map(T=>T<=0?-b:T>A?A+C:T)}if(i.centerInsufficientSlides){let x=0;if(w.forEach(A=>{x+=A+(y||0)}),x-=y,x<o){const A=(o-x)/2;h.forEach((T,k)=>{h[k]=T-A}),m.forEach((T,k)=>{m[k]=T+A})}}if(Object.assign(t,{slides:c,snapGrid:h,slidesGrid:m,slidesSizesGrid:w}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){yt(n,"--swiper-centered-offset-before",`${-h[0]}px`),yt(n,"--swiper-centered-offset-after",`${t.size/2-w[w.length-1]/2}px`);const x=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(T=>T+x),t.slidesGrid=t.slidesGrid.map(T=>T+A)}if(v!==u&&t.emit("slidesLengthChange"),h.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),m.length!==g&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const x=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(x);v<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(x):A&&t.el.classList.remove(x)}}function so(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let l=0,o;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(o=0;o<Math.ceil(e.params.slidesPerView);o+=1){const s=e.activeIndex+o;if(s>e.slides.length&&!n)break;i.push(a(s))}else i.push(a(e.activeIndex));for(o=0;o<i.length;o+=1)if(typeof i[o]<"u"){const s=i[o].offsetHeight;l=s>l?s:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function ro(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function ao(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:l,snapGrid:o}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;l&&(a=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let d=0;d<n.length;d+=1){const u=n[d];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(a+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),h=(a-o[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),m=-(a-c),w=m+e.slidesSizesGrid[d],b=m>=0&&m<=e.size-e.slidesSizesGrid[d];(m>=0&&m<e.size-1||w>1&&w<=e.size||m<=0&&w>=e.size)&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),b&&n[d].classList.add(i.slideFullyVisibleClass),u.progress=l?-v:v,u.originalProgress=l?-h:h}}function co(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:o,isEnd:a,progressLoop:s}=e;const d=o,u=a;if(n===0)l=0,o=!0,a=!0;else{l=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;o=c||l<=0,a=v||l>=1,c&&(l=0),v&&(l=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),h=e.slidesGrid[c],m=e.slidesGrid[v],w=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=h?s=(b-h)/w:s=(b+w-m)/w,s>1&&(s-=1)}Object.assign(e,{progress:l,progressLoop:s,isBeginning:o,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),o&&!d&&e.emit("reachBeginning toEdge"),a&&!u&&e.emit("reachEnd toEdge"),(d&&!o||u&&!a)&&e.emit("fromEdge"),e.emit("progress",l)}function uo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:l}=t,o=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,s=v=>ze(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,u,c;if(o)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),d=s(`[data-swiper-slide-index="${v}"]`)}else d=s(`[data-swiper-slide-index="${l}"]`);else a?(d=e.filter(v=>v.column===l)[0],c=e.filter(v=>v.column===l+1)[0],u=e.filter(v=>v.column===l-1)[0]):d=e[l];d&&(d.classList.add(i.slideActiveClass),a?(c&&c.classList.add(i.slideNextClass),u&&u.classList.add(i.slidePrevClass)):(c=qn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),c&&c.classList.add(i.slideNextClass),u=Yn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]),u&&u.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Et=(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()}},qt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Xt=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 a=l,s=[a-e];s.push(...Array.from({length:e}).map((d,u)=>a+n+u)),t.slides.forEach((d,u)=>{s.includes(d.column)&&qt(t,u)});return}const o=l+n-1;if(t.params.rewind||t.params.loop)for(let a=l-e;a<=o+e;a+=1){const s=(a%i+i)%i;(s<l||s>o)&&qt(t,s)}else for(let a=Math.max(l-e,0);a<=Math.min(o+e,i-1);a+=1)a!==l&&(a>o||a<l)&&qt(t,a)};function po(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let l;for(let o=0;o<e.length;o+=1)typeof e[o+1]<"u"?n>=e[o]&&n<e[o+1]-(e[o+1]-e[o])/2?l=o:n>=e[o]&&n<e[o+1]&&(l=o+1):n>=e[o]&&(l=o);return i.normalizeSlideIndex&&(l<0||typeof l>"u")&&(l=0),l}function vo(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:o,realIndex:a,snapIndex:s}=e;let d=t,u;const c=m=>{let w=m-e.virtual.slidesBefore;return w<0&&(w=e.virtual.slides.length+w),w>=e.virtual.slides.length&&(w-=e.virtual.slides.length),w};if(typeof d>"u"&&(d=po(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const m=Math.min(l.slidesPerGroupSkip,d);u=m+Math.floor((d-m)/l.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),d===o&&!e.params.loop){u!==s&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(d===o&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(d);return}const v=e.grid&&l.grid&&l.grid.rows>1;let h;if(e.virtual&&l.virtual.enabled&&l.loop)h=c(d);else if(v){const m=e.slides.filter(b=>b.column===d)[0];let w=parseInt(m.getAttribute("data-swiper-slide-index"),10);Number.isNaN(w)&&(w=Math.max(e.slides.indexOf(m),0)),h=Math.floor(w/l.grid.rows)}else if(e.slides[d]){const m=e.slides[d].getAttribute("data-swiper-slide-index");m?h=parseInt(m,10):h=d}else h=d;Object.assign(e,{previousSnapIndex:s,snapIndex:u,previousRealIndex:a,realIndex:h,previousIndex:o,activeIndex:d}),e.initialized&&Xt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==h&&e.emit("realIndexChange"),e.emit("slideChange"))}function fo(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(s=>{!l&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(l=s)});let o=!1,a;if(l){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===l){o=!0,a=s;break}}if(l&&o)i.clickedSlide=l,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(l.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var mo={updateSize:oo,updateSlides:lo,updateAutoHeight:so,updateSlidesOffset:ro,updateSlidesProgress:ao,updateProgress:co,updateSlidesClasses:uo,updateActiveIndex:vo,updateClickedSlide:fo};function ho(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:l,wrapperEl:o}=e;if(i.virtualTranslate)return n?-l:l;if(i.cssMode)return l;let a=Gn(o,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function go(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:o,progress:a}=i;let s=0,d=0;const u=0;i.isHorizontal()?s=n?-t:t:d=t,l.roundLengths&&(s=Math.floor(s),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:d,l.cssMode?o[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-d:l.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),o.style.transform=`translate3d(${s}px, ${d}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function bo(){return-this.snapGrid[0]}function yo(){return-this.snapGrid[this.snapGrid.length-1]}function wo(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 o=this,{params:a,wrapperEl:s}=o;if(o.animating&&a.preventInteractionOnTransition)return!1;const d=o.minTranslate(),u=o.maxTranslate();let c;if(n&&t>d?c=d:n&&t<u?c=u:c=t,o.updateProgress(c),a.cssMode){const v=o.isHorizontal();if(e===0)s[v?"scrollLeft":"scrollTop"]=-c;else{if(!o.support.smoothScroll)return Oi({swiper:o,targetPosition:-c,side:v?"left":"top"}),!0;s.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(o.setTransition(0),o.setTranslate(c),i&&(o.emit("beforeTransitionStart",e,l),o.emit("transitionEnd"))):(o.setTransition(e),o.setTranslate(c),i&&(o.emit("beforeTransitionStart",e,l),o.emit("transitionStart")),o.animating||(o.animating=!0,o.onTranslateToWrapperTransitionEnd||(o.onTranslateToWrapperTransitionEnd=function(h){!o||o.destroyed||h.target===this&&(o.wrapperEl.removeEventListener("transitionend",o.onTranslateToWrapperTransitionEnd),o.onTranslateToWrapperTransitionEnd=null,delete o.onTranslateToWrapperTransitionEnd,i&&o.emit("transitionEnd"))}),o.wrapperEl.addEventListener("transitionend",o.onTranslateToWrapperTransitionEnd))),!0}var So={getTranslate:ho,setTranslate:go,minTranslate:bo,maxTranslate:yo,translateTo:wo};function To(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 Bi(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:o,previousIndex:a}=e;let s=n;if(s||(o>a?s="next":o<a?s="prev":s="reset"),e.emit(`transition${l}`),i&&o!==a){if(s==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),s==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function xo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Bi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Eo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Bi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Co={setTransition:To,transitionStart:xo,transitionEnd:Eo};function Io(t,e,i,n,l){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;let a=t;a<0&&(a=0);const{params:s,snapGrid:d,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:h,wrapperEl:m,enabled:w}=o;if(o.animating&&s.preventInteractionOnTransition||!w&&!n&&!l||o.destroyed)return!1;const b=Math.min(o.params.slidesPerGroupSkip,a);let C=b+Math.floor((a-b)/o.params.slidesPerGroup);C>=d.length&&(C=d.length-1);const p=-d[C];if(s.normalizeSlideIndex)for(let y=0;y<u.length;y+=1){const E=-Math.floor(p*100),_=Math.floor(u[y]*100),f=Math.floor(u[y+1]*100);typeof u[y+1]<"u"?E>=_&&E<f-(f-_)/2?a=y:E>=_&&E<f&&(a=y+1):E>=_&&(a=y)}if(o.initialized&&a!==v&&(!o.allowSlideNext&&(h?p>o.translate&&p>o.minTranslate():p<o.translate&&p<o.minTranslate())||!o.allowSlidePrev&&p>o.translate&&p>o.maxTranslate()&&(v||0)!==a))return!1;a!==(c||0)&&i&&o.emit("beforeSlideChangeStart"),o.updateProgress(p);let g;if(a>v?g="next":a<v?g="prev":g="reset",h&&-p===o.translate||!h&&p===o.translate)return o.updateActiveIndex(a),s.autoHeight&&o.updateAutoHeight(),o.updateSlidesClasses(),s.effect!=="slide"&&o.setTranslate(p),g!=="reset"&&(o.transitionStart(i,g),o.transitionEnd(i,g)),!1;if(s.cssMode){const y=o.isHorizontal(),E=h?p:-p;if(e===0){const _=o.virtual&&o.params.virtual.enabled;_&&(o.wrapperEl.style.scrollSnapType="none",o._immediateVirtual=!0),_&&!o._cssModeVirtualInitialSet&&o.params.initialSlide>0?(o._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{m[y?"scrollLeft":"scrollTop"]=E})):m[y?"scrollLeft":"scrollTop"]=E,_&&requestAnimationFrame(()=>{o.wrapperEl.style.scrollSnapType="",o._immediateVirtual=!1})}else{if(!o.support.smoothScroll)return Oi({swiper:o,targetPosition:E,side:y?"left":"top"}),!0;m.scrollTo({[y?"left":"top"]:E,behavior:"smooth"})}return!0}return o.setTransition(e),o.setTranslate(p),o.updateActiveIndex(a),o.updateSlidesClasses(),o.emit("beforeTransitionStart",e,n),o.transitionStart(i,g),e===0?o.transitionEnd(i,g):o.animating||(o.animating=!0,o.onSlideToWrapperTransitionEnd||(o.onSlideToWrapperTransitionEnd=function(E){!o||o.destroyed||E.target===this&&(o.wrapperEl.removeEventListener("transitionend",o.onSlideToWrapperTransitionEnd),o.onSlideToWrapperTransitionEnd=null,delete o.onSlideToWrapperTransitionEnd,o.transitionEnd(i,g))}),o.wrapperEl.addEventListener("transitionend",o.onSlideToWrapperTransitionEnd)),!0}function ko(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;if(l.destroyed)return;const o=l.grid&&l.params.grid&&l.params.grid.rows>1;let a=t;if(l.params.loop)if(l.virtual&&l.params.virtual.enabled)a=a+l.virtual.slidesBefore;else{let s;if(o){const h=a*l.params.grid.rows;s=l.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===h)[0].column}else s=l.getSlideIndexByData(a);const d=o?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:u}=l.params;let c=l.params.slidesPerView;c==="auto"?c=l.slidesPerViewDynamic():(c=Math.ceil(parseFloat(l.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=d-s<c;if(u&&(v=v||s<Math.ceil(c/2)),v){const h=u?s<l.activeIndex?"prev":"next":s-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:h,slideTo:!0,activeSlideIndex:h==="next"?s+1:s-d+1,slideRealIndex:h==="next"?l.realIndex:void 0})}if(o){const h=a*l.params.grid.rows;a=l.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===h)[0].column}else a=l.getSlideIndexByData(a)}return requestAnimationFrame(()=>{l.slideTo(a,e,i,n)}),l}function _o(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:l,params:o,animating:a}=n;if(!l||n.destroyed)return n;let s=o.slidesPerGroup;o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<o.slidesPerGroupSkip?1:s,u=n.virtual&&o.virtual.enabled;if(o.loop){if(a&&!u&&o.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+d,t,e,i)}),!0}return o.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function Do(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:l,snapGrid:o,slidesGrid:a,rtlTranslate:s,enabled:d,animating:u}=n;if(!d||n.destroyed)return n;const c=n.virtual&&l.virtual.enabled;if(l.loop){if(u&&!c&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=s?n.translate:-n.translate;function h(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const m=h(v),w=o.map(p=>h(p));let b=o[w.indexOf(m)-1];if(typeof b>"u"&&l.cssMode){let p;o.forEach((g,y)=>{m>=g&&(p=y)}),typeof p<"u"&&(b=o[p>0?p-1:p])}let C=0;if(typeof b<"u"&&(C=a.indexOf(b),C<0&&(C=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(C=C-n.slidesPerViewDynamic("previous",!0)+1,C=Math.max(C,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(C,t,e,i)}),!0;return n.slideTo(C,t,e,i)}function Ao(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this;if(!n.destroyed)return n.slideTo(n.activeIndex,t,e,i)}function Po(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const l=this;if(l.destroyed)return;let o=l.activeIndex;const a=Math.min(l.params.slidesPerGroupSkip,o),s=a+Math.floor((o-a)/l.params.slidesPerGroup),d=l.rtlTranslate?l.translate:-l.translate;if(d>=l.snapGrid[s]){const u=l.snapGrid[s],c=l.snapGrid[s+1];d-u>(c-u)*n&&(o+=l.params.slidesPerGroup)}else{const u=l.snapGrid[s-1],c=l.snapGrid[s];d-u<=(c-u)*n&&(o-=l.params.slidesPerGroup)}return o=Math.max(o,0),o=Math.min(o,l.slidesGrid.length-1),l.slideTo(o,t,e,i)}function Oo(){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,o;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;o=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(ze(i,`${a}[data-swiper-slide-index="${o}"]`)[0]),nt(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(ze(i,`${a}[data-swiper-slide-index="${o}"]`)[0]),nt(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Mo={slideTo:Io,slideToLoop:ko,slideNext:_o,slidePrev:Do,slideReset:Ao,slideToClosest:Po,slideToClickedSlide:Oo};function Lo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{ze(n,`.${i.slideClass}, swiper-slide`).forEach((v,h)=>{v.setAttribute("data-swiper-slide-index",h)})},o=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(o?i.grid.rows:1),s=e.slides.length%a!==0,d=o&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const h=e.isElement?ut("swiper-slide",[i.slideBlankClass]):ut("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(h)}};if(s){if(i.loopAddBlankSlides){const c=a-e.slides.length%a;u(c),e.recalcSlides(),e.updateSlides()}else wt("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(d){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else wt("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 jo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:o,byController:a,byMousewheel:s}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:h,params:m}=d,{centeredSlides:w}=m;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&m.virtual.enabled){i&&(!m.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):m.centeredSlides&&d.snapIndex<m.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0)),d.allowSlidePrev=c,d.allowSlideNext=v,d.emit("loopFix");return}let b=m.slidesPerView;b==="auto"?b=d.slidesPerViewDynamic():(b=Math.ceil(parseFloat(m.slidesPerView,10)),w&&b%2===0&&(b=b+1));const C=m.slidesPerGroupAuto?b:m.slidesPerGroup;let p=C;p%C!==0&&(p+=C-p%C),p+=m.loopAdditionalSlides,d.loopedSlides=p;const g=d.grid&&m.grid&&m.grid.rows>1;u.length<b+p?wt("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&&m.grid.fill==="row"&&wt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const y=[],E=[];let _=d.activeIndex;typeof o>"u"?o=d.getSlideIndex(u.filter(k=>k.classList.contains(m.slideActiveClass))[0]):_=o;const f=n==="next"||!n,O=n==="prev"||!n;let I=0,S=0;const x=g?Math.ceil(u.length/m.grid.rows):u.length,T=(g?u[o].column:o)+(w&&typeof l>"u"?-b/2+.5:0);if(T<p){I=Math.max(p-T,C);for(let k=0;k<p-T;k+=1){const P=k-Math.floor(k/x)*x;if(g){const N=x-P-1;for(let B=u.length-1;B>=0;B-=1)u[B].column===N&&y.push(B)}else y.push(x-P-1)}}else if(T+b>x-p){S=Math.max(T-(x-p*2),C);for(let k=0;k<S;k+=1){const P=k-Math.floor(k/x)*x;g?u.forEach((N,B)=>{N.column===P&&E.push(B)}):E.push(P)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),O&&y.forEach(k=>{u[k].swiperLoopMoveDOM=!0,h.prepend(u[k]),u[k].swiperLoopMoveDOM=!1}),f&&E.forEach(k=>{u[k].swiperLoopMoveDOM=!0,h.append(u[k]),u[k].swiperLoopMoveDOM=!1}),d.recalcSlides(),m.slidesPerView==="auto"?d.updateSlides():g&&(y.length>0&&O||E.length>0&&f)&&d.slides.forEach((k,P)=>{d.grid.updateSlide(P,k,d.slides)}),m.watchSlidesProgress&&d.updateSlidesOffset(),i){if(y.length>0&&O){if(typeof e>"u"){const k=d.slidesGrid[_],N=d.slidesGrid[_+I]-k;s?d.setTranslate(d.translate-N):(d.slideTo(_+Math.ceil(I),0,!1,!0),l&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else if(l){const k=g?y.length/m.grid.rows:y.length;d.slideTo(d.activeIndex+k,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(E.length>0&&f)if(typeof e>"u"){const k=d.slidesGrid[_],N=d.slidesGrid[_-S]-k;s?d.setTranslate(d.translate-N):(d.slideTo(_-S,0,!1,!0),l&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else{const k=g?E.length/m.grid.rows:E.length;d.slideTo(d.activeIndex-k,0,!1,!0)}}if(d.allowSlidePrev=c,d.allowSlideNext=v,d.controller&&d.controller.control&&!a){const k={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:o,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...k,slideTo:P.params.slidesPerView===m.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...k,slideTo:d.controller.control.params.slidesPerView===m.slidesPerView?i:!1})}d.emit("loopFix")}function No(){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 o=typeof l.swiperSlideIndex>"u"?l.getAttribute("data-swiper-slide-index")*1:l.swiperSlideIndex;n[o]=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 Bo={loopCreate:Lo,loopFix:jo,loopDestroy:No};function zo(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 Vo(){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 Fo={setGrabCursor:zo,unsetGrabCursor:Vo};function Ho(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Le()||n===xe())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 zi(t,e,i){const n=xe(),{params:l}=t,o=l.edgeSwipeDetection,a=l.edgeSwipeThreshold;return o&&(i<=a||i>=n.innerWidth-a)?o==="prevent"?(e.preventDefault(),!0):!1:!0}function Uo(t){const e=this,i=Le();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"){zi(e,n,n.targetTouches[0].pageX);return}const{params:o,touches:a,enabled:s}=e;if(!s||!o.simulateTouch&&n.pointerType==="mouse"||e.animating&&o.preventInteractionOnTransition)return;!e.animating&&o.cssMode&&o.loop&&e.loopFix();let d=n.target;if(o.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const u=!!o.noSwipingClass&&o.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(d=c[0]);const v=o.noSwipingSelector?o.noSwipingSelector:`.${o.noSwipingClass}`,h=!!(n.target&&n.target.shadowRoot);if(o.noSwiping&&(h?Ho(v,d):d.closest(v))){e.allowClick=!0;return}if(o.swipeHandler&&!d.closest(o.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const m=a.currentX,w=a.currentY;if(!zi(e,n,m))return;Object.assign(l,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=m,a.startY=w,l.touchStartTime=De(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,o.threshold>0&&(l.allowThresholdMove=!1);let b=!0;d.matches(l.focusableElements)&&(b=!1,d.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==d&&i.activeElement.blur();const C=b&&e.allowTouchMove&&o.touchStartPreventDefault;(o.touchStartForcePreventDefault||C)&&!d.isContentEditable&&n.preventDefault(),o.freeMode&&o.freeMode.enabled&&e.freeMode&&e.animating&&!o.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Go(t){const e=Le(),i=this,n=i.touchEventsData,{params:l,touches:o,rtlTranslate:a,enabled:s}=i;if(!s||!l.simulateTouch&&t.pointerType==="mouse")return;let d=t;if(d.originalEvent&&(d=d.originalEvent),d.type==="pointermove"&&(n.touchId!==null||d.pointerId!==n.pointerId))return;let u;if(d.type==="touchmove"){if(u=[...d.changedTouches].filter(f=>f.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const c=u.pageX,v=u.pageY;if(d.preventedByNestedSwiper){o.startX=c,o.startY=v;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(o,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=De());return}if(l.touchReleaseOnEdges&&!l.loop){if(i.isVertical()){if(v<o.startY&&i.translate<=i.maxTranslate()||v>o.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(c<o.startX&&i.translate<=i.maxTranslate()||c>o.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&d.target===e.activeElement&&d.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",d),o.previousX=o.currentX,o.previousY=o.currentY,o.currentX=c,o.currentY=v;const h=o.currentX-o.startX,m=o.currentY-o.startY;if(i.params.threshold&&Math.sqrt(h**2+m**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let f;i.isHorizontal()&&o.currentY===o.startY||i.isVertical()&&o.currentX===o.startX?n.isScrolling=!1:h*h+m*m>=25&&(f=Math.atan2(Math.abs(m),Math.abs(h))*180/Math.PI,n.isScrolling=i.isHorizontal()?f>l.touchAngle:90-f>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),typeof n.startMoving>"u"&&(o.currentX!==o.startX||o.currentY!==o.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&d.cancelable&&d.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&d.stopPropagation();let w=i.isHorizontal()?h:m,b=i.isHorizontal()?o.currentX-o.previousX:o.currentY-o.previousY;l.oneWayMovement&&(w=Math.abs(w)*(a?1:-1),b=Math.abs(b)*(a?1:-1)),o.diff=w,w*=l.touchRatio,a&&(w=-w,b=-b);const C=i.touchesDirection;i.swipeDirection=w>0?"prev":"next",i.touchesDirection=b>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 f=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(f)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let y;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&C!==i.touchesDirection&&p&&g&&Math.abs(w)>=1){Object.assign(o,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",d),n.isMoved=!0,n.currentTranslate=w+n.startTranslate;let E=!0,_=l.resistanceRatio;if(l.touchReleaseOnEdges&&(_=0),w>0?(p&&g&&!y&&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+w)**_))):w<0&&(p&&g&&!y&&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-w)**_))),E&&(d.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(w)>l.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,o.startX=o.currentX,o.startY=o.currentY,n.currentTranslate=n.startTranslate,o.diff=i.isHorizontal()?o.currentX-o.startX:o.currentY-o.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 $o(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(_=>_.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:a,touches:s,rtlTranslate:d,slidesGrid:u,enabled:c}=e;if(!c||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=De(),h=v-i.touchStartTime;if(e.allowClick){const _=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(_&&_[0]||n.target,_),e.emit("tap click",n),h<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=De(),nt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let m;if(a.followFinger?m=d?e.translate:-e.translate:m=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:m});return}const w=m>=-e.maxTranslate()&&!e.params.loop;let b=0,C=e.slidesSizesGrid[0];for(let _=0;_<u.length;_+=_<a.slidesPerGroupSkip?1:a.slidesPerGroup){const f=_<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof u[_+f]<"u"?(w||m>=u[_]&&m<u[_+f])&&(b=_,C=u[_+f]-u[_]):(w||m>=u[_])&&(b=_,C=u[u.length-1]-u[u.length-2])}let p=null,g=null;a.rewind&&(e.isBeginning?g=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const y=(m-u[b])/C,E=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(h>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(y>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?p:b+E):e.slideTo(b)),e.swipeDirection==="prev"&&(y>1-a.longSwipesRatio?e.slideTo(b+E):g!==null&&y<0&&Math.abs(y)>a.longSwipesRatio?e.slideTo(g):e.slideTo(b))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+E):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:b+E),e.swipeDirection==="prev"&&e.slideTo(g!==null?g:b))}}function Vi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:l,snapGrid:o}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=l,t.allowSlideNext=n,t.params.watchOverflow&&o!==t.snapGrid&&t.checkOverflow()}function Wo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Yo(){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 o=t.maxTranslate()-t.minTranslate();o===0?l=0:l=(t.translate-t.minTranslate())/o,l!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function qo(t){const e=this;Et(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Xo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Fi=(t,e)=>{const i=Le(),{params:n,el:l,wrapperEl:o,device:a}=t,s=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",u=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),l[d]("touchstart",t.onTouchStart,{passive:!1}),l[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[d]("touchend",t.onTouchEnd,{passive:!0}),i[d]("pointerup",t.onTouchEnd,{passive:!0}),i[d]("pointercancel",t.onTouchEnd,{passive:!0}),i[d]("touchcancel",t.onTouchEnd,{passive:!0}),i[d]("pointerout",t.onTouchEnd,{passive:!0}),i[d]("pointerleave",t.onTouchEnd,{passive:!0}),i[d]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&l[d]("click",t.onClick,!0),n.cssMode&&o[d]("scroll",t.onScroll),n.updateOnWindowResize?t[u](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",Vi,!0):t[u]("observerUpdate",Vi,!0),l[d]("load",t.onLoad,{capture:!0})};function Jo(){const t=this,{params:e}=t;t.onTouchStart=Uo.bind(t),t.onTouchMove=Go.bind(t),t.onTouchEnd=$o.bind(t),t.onDocumentTouchStart=Xo.bind(t),e.cssMode&&(t.onScroll=Yo.bind(t)),t.onClick=Wo.bind(t),t.onLoad=qo.bind(t),Fi(t,"on")}function Ko(){Fi(this,"off")}var Qo={attachEvents:Jo,detachEvents:Ko};const Hi=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function Zo(){const t=this,{realIndex:e,initialized:i,params:n,el:l}=t,o=n.breakpoints;if(!o||o&&Object.keys(o).length===0)return;const a=t.getBreakpoint(o,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const d=(a in o?o[a]:void 0)||t.originalParams,u=Hi(t,n),c=Hi(t,d),v=n.enabled;u&&!c?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(l.classList.add(`${n.containerModifierClass}grid`),(d.grid.fill&&d.grid.fill==="column"||!d.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof d[p]>"u")return;const g=n[p]&&n[p].enabled,y=d[p]&&d[p].enabled;g&&!y&&t[p].disable(),!g&&y&&t[p].enable()});const h=d.direction&&d.direction!==n.direction,m=n.loop&&(d.slidesPerView!==n.slidesPerView||h),w=n.loop;h&&i&&t.changeDirection(),ke(t.params,d);const b=t.params.enabled,C=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!b?t.disable():!v&&b&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",d),i&&(m?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!w&&C?(t.loopCreate(e),t.updateSlides()):w&&!C&&t.loopDestroy()),t.emit("breakpoint",d)}function Ro(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=xe(),o=e==="window"?l.innerHeight:i.clientHeight,a=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const d=parseFloat(s.substr(1));return{value:o*d,point:s}}return{value:s,point:s}});a.sort((s,d)=>parseInt(s.value,10)-parseInt(d.value,10));for(let s=0;s<a.length;s+=1){const{point:d,value:u}=a[s];e==="window"?l.matchMedia(`(min-width: ${u}px)`).matches&&(n=d):u<=i.clientWidth&&(n=d)}return n||"max"}var el={setBreakpoint:Zo,getBreakpoint:Ro};function tl(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 il(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:o}=t,a=tl(["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:o.android},{ios:o.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),l.classList.add(...e),t.emitContainerClasses()}function nl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var ol={addClasses:il,removeClasses:nl};function ll(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const l=t.slides.length-1,o=t.slidesGrid[l]+t.slidesSizesGrid[l]+n*2;t.isLocked=t.size>o}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 sl={checkOverflow:ll},Jt={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 rl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],o=n[l];if(typeof o!="object"||o===null){ke(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 o)){ke(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),ke(e,n)}}const Kt={eventsEmitter:no,update:mo,translate:So,transition:Co,slide:Mo,loop:Bo,grabCursor:Fo,events:Qo,breakpoints:el,checkOverflow:sl,classes:ol},Qt={};let Zt=class Ye{constructor(){let e,i;for(var n=arguments.length,l=new Array(n),o=0;o<n;o++)l[o]=arguments[o];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=ke({},i),e&&!i.el&&(i.el=e);const a=Le();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const c=[];return a.querySelectorAll(i.el).forEach(v=>{const h=ke({},i,{el:v});c.push(new Ye(h))}),c}const s=this;s.__swiper__=!0,s.support=ji(),s.device=Ni({userAgent:i.userAgent}),s.browser=eo(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const d={};s.modules.forEach(c=>{c({params:i,swiper:s,extendParams:rl(i,d),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const u=ke({},Jt,d);return s.params=ke({},u,Qt,i),s.originalParams=ke({},s.params),s.passedParams=ke({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(c=>{s.on(c,s.params.on[c])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,l=ze(i,`.${n.slideClass}, swiper-slide`),o=St(l[0]);return St(e)-o}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=ze(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(),a=(n.maxTranslate()-l)*e+l;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const 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:o,slidesGrid:a,slidesSizesGrid:s,size:d,activeIndex:u}=n;let c=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=o[u]?Math.ceil(o[u].swiperSlideSize):0,h;for(let m=u+1;m<o.length;m+=1)o[m]&&!h&&(v+=Math.ceil(o[m].swiperSlideSize),c+=1,v>d&&(h=!0));for(let m=u-1;m>=0;m-=1)o[m]&&!h&&(v+=o[m].swiperSlideSize,c+=1,v>d&&(h=!0))}else if(e==="current")for(let v=u+1;v<o.length;v+=1)(i?a[v]+s[v]-a[u]<d:a[v]-a[u]<d)&&(c+=1);else for(let v=u-1;v>=0;v-=1)a[u]-a[v]<d&&(c+=1);return c}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&Et(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const a=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let o;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 a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;o=e.slideTo(a.length-1,0,!1,!0)}else o=e.slideTo(e.activeIndex,0,!1,!0);o||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(o=>{e==="vertical"?o.style.width="":o.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 a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(l()):ze(n,l())[0];return!a&&i.params.createElements&&(a=ut("div",i.params.wrapperClass),n.append(a),ze(n,`.${i.params.slideClass}`).forEach(s=>{a.append(s)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Xe(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Xe(n,"direction")==="rtl"),wrongRTL:Xe(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const l=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&l.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),l.forEach(o=>{o.complete?Et(i,o):o.addEventListener("load",a=>{Et(i,a.target)})}),Xt(i),i.initialized=!0,Xt(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:o,wrapperEl:a,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),l.loop&&n.loopDestroy(),i&&(n.removeClasses(),o.removeAttribute("style"),a.removeAttribute("style"),s&&s.length&&s.forEach(d=>{d.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.slidePrevClass),d.removeAttribute("style"),d.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(d=>{n.off(d)}),e!==!1&&(n.el.swiper=null,Hn(n)),n.destroyed=!0),null}static extendDefaults(e){ke(Qt,e)}static get extendedDefaults(){return Qt}static get defaults(){return Jt}static installModule(e){Ye.prototype.__modules__||(Ye.prototype.__modules__=[]);const i=Ye.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Ye.installModule(i)),Ye):(Ye.installModule(e),Ye)}};Object.keys(Kt).forEach(t=>{Object.keys(Kt[t]).forEach(e=>{Zt.prototype[e]=Kt[t][e]})}),Zt.use([to,io]);const Ui=["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 Qe(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function lt(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]:Qe(e[n])&&Qe(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:lt(t[n],e[n]):t[n]=e[n]})}function Gi(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function $i(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Wi(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function Yi(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 al(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function dl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:o,prevEl:a,scrollbarEl:s,paginationEl:d}=t;const u=l.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:c,pagination:v,navigation:h,scrollbar:m,virtual:w,thumbs:b}=e;let C,p,g,y,E,_,f,O;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(C=!0),l.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(g=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(c.scrollbar||c.scrollbar===!1)&&m&&!m.el&&(y=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||o)&&(c.navigation||c.navigation===!1)&&h&&!h.prevEl&&!h.nextEl&&(E=!0);const I=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),c[S].prevEl=void 0,c[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),c[S].el=void 0,e[S].el=void 0))};l.includes("loop")&&e.isElement&&(c.loop&&!n.loop?_=!0:!c.loop&&n.loop?f=!0:O=!0),u.forEach(S=>{if(Qe(c[S])&&Qe(n[S]))Object.assign(c[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&I(S);else{const x=n[S];(x===!0||x===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?x===!1&&I(S):c[S]=n[S]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),l.includes("children")&&i&&w&&c.virtual.enabled?(w.slides=i,w.update(!0)):l.includes("virtual")&&w&&c.virtual.enabled&&(i&&(w.slides=i),w.update(!0)),l.includes("children")&&i&&c.loop&&(O=!0),C&&b.init()&&b.update(!0),p&&(e.controller.control=c.controller.control),g&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-pagination"),d.part.add("pagination"),e.el.appendChild(d)),d&&(c.pagination.el=d),v.init(),v.render(),v.update()),y&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(c.scrollbar.el=s),m.init(),m.updateSize(),m.setTranslate()),E&&(e.isElement&&((!o||typeof o=="string")&&(o=document.createElement("div"),o.classList.add("swiper-button-next"),o.innerHTML=e.hostEl.constructor.nextButtonSvg,o.part.add("button-next"),e.el.appendChild(o)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),o&&(c.navigation.nextEl=o),a&&(c.navigation.prevEl=a),h.init(),h.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(_||O)&&e.loopDestroy(),(f||O)&&e.loopCreate(),e.update()}function cl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};lt(i,Jt),i._emitClasses=!0,i.init=!1;const o={},a=Ui.map(d=>d.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(d=>{typeof t[d]>"u"||(a.indexOf(d)>=0?Qe(t[d])?(i[d]={},l[d]={},lt(i[d],t[d]),lt(l[d],t[d])):(i[d]=t[d],l[d]=t[d]):d.search(/on[A-Z]/)===0&&typeof t[d]=="function"?e?n[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:i.on[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:o[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:l,rest:o,events:n}}function ul(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:o,scrollbarEl:a,swiper:s}=t;Gi(e)&&n&&l&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=l,s.originalParams.navigation.prevEl=l),$i(e)&&o&&(s.params.pagination.el=o,s.originalParams.pagination.el=o),Wi(e)&&a&&(s.params.scrollbar.el=a,s.originalParams.scrollbar.el=a),s.init(i)}function pl(t,e,i,n,l){const o=[];if(!e)return o;const a=d=>{o.indexOf(d)<0&&o.push(d)};if(i&&n){const d=n.map(l),u=i.map(l);d.join("")!==u.join("")&&a("children"),n.length!==i.length&&a("children")}return Ui.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(Qe(t[d])&&Qe(e[d])){const u=Object.keys(t[d]),c=Object.keys(e[d]);u.length!==c.length?a(d):(u.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}),c.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}))}else t[d]!==e[d]&&a(d)}),o}const vl=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 Ct(){return Ct=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},Ct.apply(this,arguments)}function qi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Xi(t){const e=[];return r.Children.toArray(t).forEach(i=>{qi(i)?e.push(i):i.props&&i.props.children&&Xi(i.props.children).forEach(n=>e.push(n))}),e}function fl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return r.Children.toArray(t).forEach(n=>{if(qi(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=Xi(n.props.children);l.length>0?l.forEach(o=>e.push(o)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function ml(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},l=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:o,to:a}=i,s=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,u=[];for(let c=s;c<d;c+=1)c>=o&&c<=a&&u.push(e[n(c)]);return u.map((c,v)=>r.cloneElement(c,{swiper:t,style:l,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function pt(t,e){return typeof window>"u"?r.useEffect(t,e):r.useLayoutEffect(t,e)}const Rt=r.createContext(null),Ji=()=>r.useContext(Rt),hl=r.createContext(null),Ze=r.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:o,onSwiper:a,...s}=t===void 0?{}:t,d=!1;const[u,c]=r.useState("swiper"),[v,h]=r.useState(null),[m,w]=r.useState(!1),b=r.useRef(!1),C=r.useRef(null),p=r.useRef(null),g=r.useRef(null),y=r.useRef(null),E=r.useRef(null),_=r.useRef(null),f=r.useRef(null),O=r.useRef(null),{params:I,passedParams:S,rest:x,events:A}=cl(s),{slides:T,slots:k}=fl(o),P=()=>{w(!m)};Object.assign(I.on,{_containerClasses(L,z){c(z)}});const N=()=>{Object.assign(I.on,A),d=!0;const L={...I};if(delete L.wrapperClass,p.current=new Zt(L),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=T;const z={cache:!1,slides:T,renderExternal:h,renderExternalUpdate:!1};lt(p.current.params.virtual,z),lt(p.current.originalParams.virtual,z)}};C.current||N(),p.current&&p.current.on("_beforeBreakpoint",P);const B=()=>{d||!A||!p.current||Object.keys(A).forEach(L=>{p.current.on(L,A[L])})},$=()=>{!A||!p.current||Object.keys(A).forEach(L=>{p.current.off(L,A[L])})};r.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),r.useEffect(()=>{!b.current&&p.current&&(p.current.emitSlidesClasses(),b.current=!0)}),pt(()=>{if(e&&(e.current=C.current),!!C.current)return p.current.destroyed&&N(),ul({el:C.current,nextEl:E.current,prevEl:_.current,paginationEl:f.current,scrollbarEl:O.current,swiper:p.current},I),a&&!p.current.destroyed&&a(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),pt(()=>{B();const L=pl(S,g.current,T,y.current,z=>z.key);return g.current=S,y.current=T,L.length&&p.current&&!p.current.destroyed&&dl({swiper:p.current,slides:T,passedParams:S,changedParams:L,nextEl:E.current,prevEl:_.current,scrollbarEl:O.current,paginationEl:f.current}),()=>{$()}}),pt(()=>{vl(p.current)},[v]);function U(){return I.virtual?ml(p.current,T,v):T.map((L,z)=>r.cloneElement(L,{swiper:p.current,swiperSlideIndex:z}))}return r.createElement(n,Ct({ref:C,className:Yi(`${u}${i?` ${i}`:""}`)},x),r.createElement(hl.Provider,{value:p.current},k["container-start"],r.createElement(l,{className:al(I.wrapperClass)},k["wrapper-start"],U(),k["wrapper-end"]),Gi(I)&&r.createElement(r.Fragment,null,r.createElement("div",{ref:_,className:"swiper-button-prev"}),r.createElement("div",{ref:E,className:"swiper-button-next"})),Wi(I)&&r.createElement("div",{ref:O,className:"swiper-scrollbar"}),$i(I)&&r.createElement("div",{ref:f,className:"swiper-pagination"}),k["container-end"]))});Ze.displayName="Swiper";const Fe=r.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:o,zoom:a,lazy:s,virtualIndex:d,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=r.useRef(null),[h,m]=r.useState("swiper-slide"),[w,b]=r.useState(!1);function C(E,_,f){_===v.current&&m(f)}pt(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!o)){if(o.destroyed){h!=="swiper-slide"&&m("swiper-slide");return}return o.on("_slideClass",C),()=>{o&&o.off("_slideClass",C)}}}),pt(()=>{o&&v.current&&!o.destroyed&&m(o.getSlideClasses(v.current))},[o]);const p={isActive:h.indexOf("swiper-slide-active")>=0,isVisible:h.indexOf("swiper-slide-visible")>=0,isPrev:h.indexOf("swiper-slide-prev")>=0,isNext:h.indexOf("swiper-slide-next")>=0},g=()=>typeof n=="function"?n(p):n,y=()=>{b(!0)};return r.createElement(i,Ct({ref:v,className:Yi(`${h}${l?` ${l}`:""}`),"data-swiper-slide-index":d,onLoad:y},c),a&&r.createElement(Rt.Provider,{value:p},r.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},g(),s&&!w&&r.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&r.createElement(Rt.Provider,{value:p},g(),s&&!w&&r.createElement("div",{className:"swiper-lazy-preloader"})))});Fe.displayName="SwiperSlide";const gl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",bl=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:o})=>{var a;const[s,d]=r.useState(!1),u=r.useRef(null);r.useEffect(()=>{const h=document.getElementById("sxp-render"),m=document.getElementById("pb-modal");m?u.current=m:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),h?.appendChild(u.current))},[]);const c=r.useMemo(()=>o?.id&&o?.id!==""||t,[t,o]);if(r.useEffect(()=>{c?d(!0):setTimeout(()=>{d(!1)},o?.duration)},[c,o]),!u.current)return null;const v=pe.debounce(()=>{e?.()},300);return hi.createPortal(r.createElement(r.Fragment,null,s&&r.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},r.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((a=o?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:h=>{h.stopPropagation(),h.preventDefault()}},r.createElement("div",{onClick:e,className:"modal-icon-wrapper"},r.createElement("img",{src:gl,alt:"close",className:"modal-icon"})),i))),u.current)};var It=r.memo(bl);const yl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),l=[];for(let a=0;a<n.length&&(l.push(n[a]),!(l.join(" ").length>=e));a++);return(l.length>1&&l.length<n.length?l.slice(0,l.length-1):l).join(" ")+" "},wl=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:o,unfoldText:a,isPost:s,onChange:d})=>{const[u,c]=r.useState(!1),[v,h]=r.useState(!1),m=Number(i?.lineClamp||2),w=r.useRef(null),b=r.useRef(null),C=r.useCallback(()=>{c(!u)},[u,d]);return r.useMemo(()=>!u&&t.length>e?yl(t,e)+"...":t,[t,e,u]),r.useEffect(()=>{var p,g;((p=b?.current)===null||p===void 0?void 0:p.offsetHeight)>((g=w?.current)===null||g===void 0?void 0:g.offsetHeight)&&s?h(!0):h(!1),b.current.style.display="none"},[s]),r.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},r.createElement("div",{ref:w,style:{overflow:"hidden",WebkitLineClamp:!s||u?"":m,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),r.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&v&&r.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??C},u?a||"show less":o||"show more"))};var kt=r.memo(wl);const Sl=r.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:o,loading:a}=t,[s,d]=r.useState();return r.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),r.useEffect(()=>{d(i)},[i]),r.createElement(r.Fragment,null,s?.includes(".avif")?r.createElement("picture",null,r.createElement("source",{type:"image/avif",srcSet:s}),r.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),r.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),r.createElement("img",{className:o,src:s,style:l,loading:a,onLoad:u=>{n?.(u.target)}})):r.createElement("img",{className:o,src:s,style:l,loading:a,onLoad:u=>{n?.(u.target)}}))});var Ae=r.memo(Sl);const Tl=t=>{var e,i,n,l,o,a,s,d,u,{content:c,style:v,bgImg:h,onClick:m,schema:w,isDefault:b,bottom_image:C,tipText:p,isPost:g,viewTime:y,rec:E,swiper:_,commodityStyles:f,buttonStyle:O,index:I}=t,S=we(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:x}=re(),{popupDetailData:A,bffEventReport:T,isPreview:k,bffFbReport:P}=re(),{jumpToWeb:N,productView:B}=Me(),$=r.useRef(null),[U,L]=r.useState(!1),z=g?E:A,M=g?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,D=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,V=g?I:A?.index,G=()=>{M?.link&&(N(z,M,D,V),g||B(z,M,D,y||$.current,V),window.location.href=window.getJointUtmLink(M.link))};r.useEffect(()=>{g||P?.({eventName:"ProductView"})},[g,P]),r.useEffect(()=>{const q=()=>{$.current=new Date};return q(),window.addEventListener("pageshow",q),()=>{window.removeEventListener("pageshow",q)}},[]);const W=r.useMemo(()=>{var q,se,ne,oe,ce;return M?.currency&&M?.price?`${(ne=(se=(q=M?.currency)===null||q===void 0?void 0:q.split("-")[1])===null||se===void 0?void 0:se.toUpperCase())!==null&&ne!==void 0?ne:""}${(ce=(oe=M?.price)===null||oe===void 0?void 0:oe.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ce!==void 0?ce:""}`:"$7,000"},[M?.price,M?.currency]),Z=k?375:(o=v?.width)!==null&&o!==void 0?o:window.innerWidth,R=({isPost:q})=>{var se,ne,oe;return r.createElement("div",null,r.createElement("div",{className:"pb-commondity-content-collection",style:f?.collection,hidden:!!M&&(!M?.collection||M?.collection==="")},(se=M?.collection)!==null&&se!==void 0?se:"Tiffany Lock"),r.createElement("div",{className:"pb-commondity-content-title",style:f?.title,hidden:!!M&&!M?.title},(ne=M?.title)!==null&&ne!==void 0?ne:"Pendant in Yellow Gold with Diamonds, Medium"),r.createElement("div",{className:"pb-commondity-content-price",style:f?.price,hidden:!!M&&!M?.price},W),r.createElement("div",{hidden:!!M&&(!M?.info||M?.info==="")},r.createElement(kt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>L(!0),isPost:q,text:(oe=M?.info)!==null&&oe!==void 0?oe:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
+(function(ue,pe){typeof exports=="object"&&typeof module<"u"?pe(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("react-dom"),require("hls.js")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","react-dom","hls.js"],pe):(ue=typeof globalThis<"u"?globalThis:ue||self,pe(ue.PUI={},ue.lodash,ue.uuid$1,ue.pako,ue.React,ue.qs,ue.EventEmitter,ue.css,ue.ReactDOM,ue.Hls))})(this,function(ue,pe,pn,vn,r,fi,fn,J,mn,mi){"use strict";function hn(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 hi=hn(mn);function we(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 xe(t,e,i,n){function l(o){return o instanceof i?o:new i(function(a){a(o)})}return new(i||(i=Promise))(function(o,a){function s(c){try{u(n.next(c))}catch(v){a(v)}}function d(c){try{u(n.throw(c))}catch(v){a(v)}}function u(c){c.done?o(c.value):l(c.value).then(s,d)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const gn=/:\w+/g;var gi=(t,e)=>xe(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:o,method:a,url:s,urlParams:d,name:u,queryString:c,headers:v,body:b}=e[l];let h=s;d&&Object.entries(d).forEach(([y,m])=>{h=h.replace(gn,C=>C===y?m:C)}),c&&(h+=c),n[o]=u;try{const y=yield fetch(h,{method:a,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(b)}).then(m=>m.json());i[o]=y}catch(y){console.error("DataSource request error: ",y),i[o]={}}}return{$store:i,idMapName:n}});const bi="SXP_TOKEN_INFO",bn=(t,e)=>xe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),o=t.getApiUrl(),a=window.localStorage.getItem(bi);let s=JSON.parse(a||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${o}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(c=>c.json());if(u.success){const c=u.data;s=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(bi,JSON.stringify(s))}}return s});function ht(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 o;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",l=0;l<36;l++)n[l]||(o=0|Math.random()*16,n[l]=i[l===19?o&3|8:o])}return n.join("")}const yn=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},wn=()=>{const t=pn.v4();return t?.replaceAll?t.replaceAll("-",""):yn(32)};function yi(t){const i=atob(t).split("").map(function(o){return o.charCodeAt(0)}),n=new Uint8Array(i),l=vn.inflate(n,{to:"string"});return JSON.parse(l)}let Pt=null;const Sn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Tn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Pt)return Pt;Pt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Sn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Se=null;const xn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Se||(Se=new Tn),n&&Se.setApiUrl(n),Se.setAppId(t),Se.setTenantId(e),Se.setEnv(i)},getDetail:t=>{if(!Se)return;const e=Se.getTenantId(),i=Se.getAppId(),n=Se.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>xe(void 0,void 0,void 0,function*(){var o,a;const s=yield l.json(),d=yi((o=s?.data)===null||o===void 0?void 0:o.data);if(d){const{$store:u}=yield gi(n,(a=d?.dataSource)!==null&&a!==void 0?a:[]);s.data.data=d,Object.assign(s.data.data,{__STORE__:u})}return s}))},getSxpDetailByPageId:t=>xe(void 0,void 0,void 0,function*(){if(!Se)return;const e=Se.getTenantId(),i=Se.getAppId(),n=Se.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>xe(void 0,void 0,void 0,function*(){var o;const a=yield l.json();if(!a.success)return;const s=yi((o=a?.data)===null||o===void 0?void 0:o.data);return a.data.data=s,a.data}))}),getSxpRecommendVideoData:t=>xe(void 0,void 0,void 0,function*(){if(!Se)return;const e=yield bn(Se,t),i=ht(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");pe.isEmpty(n)&&(n=ht(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(o=>o.json());return l?.data||null})};function Ue(){return r.useContext(Di)}function En(){return r.useContext(_i)}const Ot="feRealSessionIdKey",wi=()=>{const t=wn();return`${Date.now()}${t}`},Cn=()=>{let t=kn();return t||(t=wi(),window.sessionStorage.setItem(Ot,t)),t},In=()=>{const t=wi();window.sessionStorage.setItem(Ot,t)},kn=()=>window.sessionStorage.getItem(Ot),Si="SXP_FAKE_USER_ID",Ti="FAKE_USER_STATE",xi=()=>{let t=window.localStorage.getItem(Si);return pe.isEmpty(t)&&(t=ht(36,62),window.localStorage.setItem(Si,t)),t},_n=()=>{const t=window.localStorage.getItem(Ti);return pe.isEmpty(t)&&window.localStorage.setItem(Ti,"true"),pe.isEmpty(t)};function Pe(t,e){const{appDomain:i}=re();return r.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Ge=new fn;var je;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(je||(je={}));const Ei=r.createContext({rtcList:[],tagList:[]});var Mt;(function(t){t[t.BFF=5]="BFF"})(Mt||(Mt={}));const Ci=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Dn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:o,isPreview:a=!1,sxpParameter:s,appDomain:d,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1,enabledMetaConversionApi:b=!1})=>{const[h,y]=r.useState([]),[m,C]=r.useState([]),[p,w]=r.useState(!1),[g,T]=r.useState({rtc:"",requestId:""}),_=r.useRef(null),f=r.useRef(!1),[O,k]=r.useState(),[S,E]=r.useState(),[A,x]=r.useState(v),[I,P]=r.useState([]),[N,B]=r.useState(0),[$,U]=r.useState(!1),[L,V]=r.useState(null),M=r.useRef();r.useEffect(()=>{const F=H=>{M.current=H};return Ge.on(je.CHANGE_THEME_TAG,F),()=>{Ge.off(je.CHANGE_THEME_TAG,F)}},[]),r.useEffect(()=>{x(v)},[v]);const D=r.useMemo(()=>e?.find(F=>F.type===Mt.BFF),[e]),z=r.useCallback((F,H)=>{if(!D)return;const K=D.url,ge=xi();if(H?.query){const me=fi.stringify(H.query);F=`${F}?${me}`}return H.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${K}/api/v1${F}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},D.headers),{"x-user-id":ge}),H.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${K}/api/v1${F}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ge},D.headers),method:H.method,body:JSON.stringify(H.body)}).then(me=>me.json()).catch(me=>Promise.reject(me))},[D]),G=r.useCallback(F=>xe(void 0,void 0,void 0,function*(){var H,K,ge,me,Te;if(F={maxSize:(H=F?.maxSize)!==null&&H!==void 0?H:l,defaultSize:(K=F?.defaultSize)!==null&&K!==void 0?K:o,"itemFilter.itemId":F?.["itemFilter.itemId"],"itemFilter.itemType":F?.["itemFilter.itemType"],hashTag:F?.hashTag,traceInfo:F?.traceInfo,themeTag:F?.themeTag},i){const be=(Te=(me=(ge=i?.split("&"))===null||ge===void 0?void 0:ge.filter($e=>{const Ke=$e.split("=")[0];return Ci.includes(Ke)}))===null||me===void 0?void 0:me.join("&"))!==null&&Te!==void 0?Te:"";F=Object.assign(Object.assign({},F),{channel:decodeURIComponent(be)})}const ve=yield z?.("/recommend/list",{method:"GET",query:F});if(ve?.success)return F?.hashTag||T({rtc:ve.data.rtc,requestId:ve.data.requestId}),ve?.data}),[z,i,l,o]),W=r.useCallback(()=>xe(void 0,void 0,void 0,function*(){var F,H;if(h.length<=0)return;const K=yield G({hashTag:S?.hashTag,"itemFilter.itemId":S?.itemId,"itemFilter.itemType":S?.itemType,themeTag:M.current});y(h.concat((F=K?.recList)!==null&&F!==void 0?F:[])),P(I.concat((H=K?.recList)!==null&&H!==void 0?H:[]))}),[G,h,S,I]),Z=r.useCallback(({userInfo:F,eventInfo:H})=>{if(!n)return;F||(F={});const K=Cn(),ge=Object.assign({sessionID:K,rtc:g.rtc,requestId:g.requestId},H),me=Object.entries(F).map(([ve,be])=>({name:ve,value:be})),Te=Object.entries(ge).map(([ve,be])=>be&&{name:ve,value:be}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",F),console.log("eventInfo:",ge),console.log("========= \u7ED3\u675F ========="),z?.("/event/report",{method:"POST",body:{userInfo:me,eventInfo:Te},type:"beacon"})},[z,g,n]),R=r.useCallback(F=>{var H,{eventName:K,actionSource:ge="website",eventSourceUrl:me=(H=window?.location)===null||H===void 0?void 0:H.href,externalId:Te}=F;if(!n||!b)return;const ve=xi();return z?.("/fb/events",{method:"POST",body:{eventName:K,actionSource:ge,eventSourceUrl:me,userData:{externalId:ve}},type:"beacon"})},[z,n,b]),ee=r.useCallback(F=>xe(void 0,void 0,void 0,function*(){const H=yield z?.("/recommend/like",{method:"POST",body:F});return H?.success}),[z]),q=r.useCallback(F=>xe(void 0,void 0,void 0,function*(){const H=yield z?.("/recommend/unlike",{method:"POST",body:F});return H?.success}),[z]),se=r.useCallback(F=>xe(void 0,void 0,void 0,function*(){const H=yield z?.("/customform",{method:"POST",body:F});return H?.success}),[z]),ne=r.useCallback(()=>xe(void 0,void 0,void 0,function*(){var F,H,K,ge,me;if(i)try{const Te=(K=(H=(F=i?.split("&"))===null||F===void 0?void 0:F.filter(be=>{const $e=be.split("=")[0];return Ci.includes($e)}))===null||H===void 0?void 0:H.join("&"))!==null&&K!==void 0?K:"",ve=yield z?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Te)}});C((me=(ge=ve?.data)===null||ge===void 0?void 0:ge.tags)!==null&&me!==void 0?me:[])}catch(Te){console.log("e",Te)}}),[z,i]),oe=r.useCallback((F,H,K,ge)=>{var me,Te,ve,be,$e,Ke,ze,ft,st,rt,mt,at;const ke=K?.bindCta,dt=((me=H?.video)===null||me===void 0?void 0:me.bindProduct)||((Te=H?.video)===null||Te===void 0?void 0:Te.bindProducts)&&((be=(ve=H?.video)===null||ve===void 0?void 0:ve.bindProducts)===null||be===void 0?void 0:be.length)>0;let ct="";$?ct="hashTagPage":!(($e=H?.video)===null||$e===void 0)&&$e.url?ct="videoPage":!((ze=(Ke=H?.video)===null||Ke===void 0?void 0:Ke.imgUrls)===null||ze===void 0)&&ze.length&&(ct="imagePage"),Z?.({eventInfo:Object.assign(Object.assign({},F),{ctaId:(ft=ke?.itemId)!==null&&ft!==void 0?ft:"",ctaName:(st=ke?.title)!==null&&st!==void 0?st:"",contentTags:JSON.stringify(ke?.tags),position:ge+"",contentId:(mt=(rt=H?.video)===null||rt===void 0?void 0:rt.itemId)!==null&&mt!==void 0?mt:"",productId:dt?K?.itemId:"",traceInfo:(at=ke?.traceInfo)!==null&&at!==void 0?at:"",fromKName:ct})})},[Z,$]);r.useEffect(()=>{w(!0),ne(),G().then(F=>{var H,K;y((H=F?.recList)!==null&&H!==void 0?H:[]),P((K=F?.recList)!==null&&K!==void 0?K:[])}).finally(()=>{w(!1),f.current=!0})},[]),r.useEffect(()=>{f.current&&(w(!0),ne(),G().then(F=>{var H,K;y((H=F?.recList)!==null&&H!==void 0?H:[]),P((K=F?.recList)!==null&&K!==void 0?K:[])}).finally(()=>{w(!1)}))},[G,ne]);const ce=Pe("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return r.createElement(Ei.Provider,{value:{rtcList:h,setRtcList:y,mutateLike:ee,mutateUnlike:q,submitForm:se,popupDetailData:O,loadVideos:W,setPopupDetailData:k,getRecommendVideos:G,bffEventReport:Z,utmVal:i,isPreview:a,loading:p,sxpParameter:s,waterFallData:S,setWaterFallData:E,ctaEvent:oe,swiperRef:_,openHashtag:A,setOpenHashtag:x,cacheRtcList:I,setCacheRtcList:P,cacheActiveIndex:N,setCacheActiveIndex:B,isFromHashtag:$,setIsFromHashtag:U,appDomain:d,hashTagSize:u,loadingImage:c??ce,isOpenHashTag:v,tagList:m,setLoading:w,videoRef:L,setVideoRef:V,bffFbReport:R}},t({rtcList:h,mutateLike:ee,mutateUnlike:q,submitForm:se,tagList:m}))};var Ii=r.memo(Dn);function re(){return r.useContext(Ei)}var ki;(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"})(ki||(ki={}));const _i=r.createContext({$store:{},options:[],configs:[]}),An=({children:t,isSsr:e,enable:i})=>{const[n,l]=r.useState([]),{schema:o}=Ue(),[a,s]=r.useState(o.__STORE__||{}),[d,u]=r.useState([]);r.useEffect(()=>{var b;e||pe.isEqual(d,o?.dataSource)||u((b=o?.dataSource)!==null&&b!==void 0?b:[])},[o?.dataSource,e]);const c=r.useCallback(()=>xe(void 0,void 0,void 0,function*(){const{$store:b,idMapName:h}=yield gi("",d);s(b),v(b,h)}),[d]),v=(b,h)=>{const y=[];Object.entries(b).forEach(([m,C])=>{Object.keys(C).forEach(p=>{const w={label:`${h[m]} - ${p}`,value:`{{ ${m}.${p} }}`};y.push(w)})}),l(y)};return r.useEffect(()=>{e||c()},[c,e,o]),i?r.createElement(_i.Provider,{value:{$store:o.__STORE__||a,options:n,configs:d}},t):t};var Pn=r.memo(An);const gt={id:ht(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},Lt={id:"",duration:0,name:"none"},Di=r.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[gt],redoStack:[],popup:Lt,setPopup:()=>{}}),Ai=r.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:o},a)=>{const[s,d]=r.useState(null),[u,c]=r.useState(n||{pointData:[gt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,b]=r.useState([gt]),[h,y]=r.useState([[gt]]),[m,C]=r.useState([]),[p,w]=r.useState(Lt);typeof window<"u"&&(window.sxpPopup=(O,k)=>{w(Object.assign(Object.assign(Object.assign({},Lt),{id:O}),k))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(o?"&"+o:""):O+(o?"?"+o:"")),r.useEffect(()=>{y([u.pointData]),C([])},[u.type]);const g=r.useCallback(O=>{const k=pe.cloneDeep(u);k&&(k.dataSource=O,c?.(k))},[u]),[T,_]=r.useState();r.useImperativeHandle(a,()=>({loadSchema(O){O&&(y([O.pointData]),c(O))},exportSchema(){return pe.cloneDeep(u)},getPageInfoData(){return T},initPageInfoData(O){O&&_(O)}}));const f=r.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return r.createElement(Di.Provider,{value:{resolver:e,currentNode:s,schema:u,setCurrentNode:d,setSchema:c,saveDataSource:g,prePiontData:v,setPrePiontData:b,pageInfoData:T,setPageInfoData:O=>_(Object.assign(Object.assign({},T),O)),undoStack:h,redoStack:m,setRedoStack:C,setUndoStack:y,getCurPageConf:f,popup:p,setPopup:w}},r.createElement(Pn,{isSsr:i,enable:l},t))});var On=Object.freeze({__proto__:null,EditorCore:Ai}),Mn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ie=[{label:"defalut",value:"appFont"}],jt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Ln=jt&&jt!==""?JSON.parse(jt):[];var _e={fontOptions:[...ie,...Ln]},Nt,Bt,zt,jn=[{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:ie,initialValue:(Nt=ie?.[0])===null||Nt===void 0?void 0:Nt.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:_e?.fontOptions,initialValue:(zt=(Bt=_e?.fontOptions)===null||Bt===void 0?void 0:Bt[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\u6587\u672C\u989C\u8272",type:"Color",name:["props","submitColor"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Ne(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=re(),l=r.useCallback((a,s,d,u)=>{var c,v,b,h,y,m,C,p,w,g,T,_,f,O;let k="";e&&(!((v=(c=a?.video)===null||c===void 0?void 0:c.bindProducts)===null||v===void 0)&&v.length||!((b=a?.video)===null||b===void 0)&&b.bindProduct)?k="pdpPage":n?k="hashTagPage":!((h=a?.video)===null||h===void 0)&&h.url?k="videoPage":!((y=a?.video)===null||y===void 0)&&y.imgUrls&&(!((C=(m=a?.video)===null||m===void 0?void 0:m.imgUrls)===null||C===void 0)&&C.length)?k="imagePage":a?.product&&(k="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=s?.itemId)!==null&&p!==void 0?p:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(g=s?.collection)!==null&&g!==void 0?g:"",fromKName:k,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:u+"",contentId:(_=(T=a?.video)===null||T===void 0?void 0:T.itemId)!==null&&_!==void 0?_:"",ctatId:(f=d?.itemId)!==null&&f!==void 0?f:"",traceInfo:(O=s?.traceInfo)!==null&&O!==void 0?O:""}})},[t,e,n]),o=r.useCallback((a,s,d,u,c)=>{var v,b,h,y;let m="";e&&(!((b=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||b===void 0)&&b.length||!((h=a?.video)===null||h===void 0)&&h.bindProduct)?m="pdpPage":a?.product&&(m="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:m,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:c+"",contentId:(y=a?.video)===null||y===void 0?void 0:y.itemId,ctatId:d?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:l,productView:o}}const Nn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:o,submitColor:a,submitText:s,layoutType:d,isExternalLink:u,isPopup:c,onClick:v,onClose:b,submitButtonStyle:h}=t,y=we(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:m,popupDetailData:C}=re(),{jumpToWeb:p}=Ne(),w=r.useRef(),[g,T]=r.useState(!1),_=r.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"}],[]);r.useMemo(()=>{if(d===void 0){const O=pe.cloneDeep(e)||_;return O?.map(k=>Object.assign(Object.assign({},k),{title:void 0,fieldProps:{placeholder:k?.title}}))}else return pe.cloneDeep(e)||_},[d,e,_]);const f=pe.debounce(()=>xe(void 0,void 0,void 0,function*(){var O,k,S,E,A,x;const I=yield(O=w?.current)===null||O===void 0?void 0:O.getFieldsValue();if(!I)return;const P=(S=(k=Object.keys(I))===null||k===void 0?void 0:k.map(B=>{var $;return{name:B,value:($=I[B])!==null&&$!==void 0?$:""}}))===null||S===void 0?void 0:S.filter(B=>B?.value);if(!P||!P?.length)return;T(!0);const N=yield m?.({attributes:P});if(T(!1),N){if(u){const B=C,$=(E=B?.video)===null||E===void 0?void 0:E.bindProduct,U=(x=(A=B?.video)===null||A===void 0?void 0:A.bindProduct)===null||x===void 0?void 0:x.bindCta,L=C?.index;p(B,$,U,L)}c||b?.(),v?.()}}),1e3);return r.createElement("div",{className:"pb-appoint-form"},r.createElement("div",{className:`pb-appoint-form-title ${J.css(Object.assign({},l))}`},n),r.createElement("div",Object.assign({className:J.css(Object.assign({},i))},y),r.createElement("div",{className:"pb-appoint-form-container"})),r.createElement("div",{className:"pb-appoint-form-btn-wrapper"},r.createElement("button",{onClick:f,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:o},h)},g?r.createElement(r.Fragment,null,"loading..."):s)))};var Bn=r.memo(Nn);function De(t,e){return t.extend=e,t}const zn=De(Bn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:jn,bindableProps:[],interactionRender:Mn},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 Vt,Ft,Vn=[{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:-100,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:ie,name:["fontFamily"],initialValue:(Vt=ie?.[0])===null||Vt===void 0?void 0:Vt.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:ie,initialValue:(Ft=ie?.[0])===null||Ft===void 0?void 0:Ft.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Pi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Ht(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Pi(e[i])&&Pi(t[i])&&Object.keys(e[i]).length>0&&Ht(t[i],e[i])})}const Oi={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 Be(){const t=typeof document<"u"?document:{};return Ht(t,Oi),t}const Fn={document:Oi,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 Ee(){const t=typeof window<"u"?window:{};return Ht(t,Fn),t}function Xe(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Hn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function nt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Oe(){return Date.now()}function Un(t){const e=Ee();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Gn(t,e){e===void 0&&(e="x");const i=Ee();let n,l,o;const a=Un(t);return i.WebKitCSSMatrix?(l=a.transform||a.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(s=>s.replace(",",".")).join(", ")),o=new i.WebKitCSSMatrix(l==="none"?"":l)):(o=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=o.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?l=o.m41:n.length===16?l=parseFloat(n[12]):l=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?l=o.m42:n.length===16?l=parseFloat(n[13]):l=parseFloat(n[5])),l||0}function bt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function $n(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Ae(){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&&!$n(n)){const l=Object.keys(Object(n)).filter(o=>e.indexOf(o)<0);for(let o=0,a=l.length;o<a;o+=1){const s=l[o],d=Object.getOwnPropertyDescriptor(n,s);d!==void 0&&d.enumerable&&(bt(t[s])&&bt(n[s])?n[s].__swiper__?t[s]=n[s]:Ae(t[s],n[s]):!bt(t[s])&&bt(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Ae(t[s],n[s])):t[s]=n[s])}}}return t}function yt(t,e,i){t.style.setProperty(e,i)}function Mi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Ee(),o=-e.translate;let a=null,s;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const u=i>o?"next":"prev",c=(b,h)=>u==="next"&&b>=h||u==="prev"&&b<=h,v=()=>{s=new Date().getTime(),a===null&&(a=s);const b=Math.max(Math.min((s-a)/d,1),0),h=.5-Math.cos(b*Math.PI)/2;let y=o+h*(i-o);if(c(y,i)&&(y=i),e.wrapperEl.scrollTo({[n]:y}),c(y,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:y})}),l.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=l.requestAnimationFrame(v)};v()}function Ve(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function wt(t){try{console.warn(t);return}catch{}}function ut(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:Xe(e)),i}function Wn(t){const e=Ee(),i=Be(),n=t.getBoundingClientRect(),l=i.body,o=t.clientTop||l.clientTop||0,a=t.clientLeft||l.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-o,left:n.left+d-a}}function Yn(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 qn(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 Je(t,e){return Ee().getComputedStyle(t,null).getPropertyValue(e)}function St(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Li(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 Ut(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Gt(t,e,i){const n=Ee();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 Fe(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Xn(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=Ee();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,s=Oe(),d;const u=[];function c(g){let O=0,k=0,S=0,E=0;return"detail"in g&&(k=g.detail),"wheelDelta"in g&&(k=-g.wheelDelta/120),"wheelDeltaY"in g&&(k=-g.wheelDeltaY/120),"wheelDeltaX"in g&&(O=-g.wheelDeltaX/120),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(O=k,k=0),S=O*10,E=k*10,"deltaY"in g&&(E=g.deltaY),"deltaX"in g&&(S=g.deltaX),g.shiftKey&&!S&&(S=E,E=0),(S||E)&&g.deltaMode&&(g.deltaMode===1?(S*=40,E*=40):(S*=800,E*=800)),S&&!O&&(O=S<1?-1:1),E&&!k&&(k=E<1?-1:1),{spinX:O,spinY:k,pixelX:S,pixelY:E}}function v(){e.enabled&&(e.mouseEntered=!0)}function b(){e.enabled&&(e.mouseEntered=!1)}function h(g){return e.params.mousewheel.thresholdDelta&&g.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Oe()-s<e.params.mousewheel.thresholdTime?!1:g.delta>=6&&Oe()-s<60?!0:(g.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",g.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",g.raw)),s=new o.Date().getTime(),!1)}function y(g){const T=e.params.mousewheel;if(g.direction<0){if(e.isEnd&&!e.params.loop&&T.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&T.releaseOnEdges)return!0;return!1}function m(g){let T=g,_=!0;if(!e.enabled||g.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const f=e.params.mousewheel;e.params.cssMode&&T.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const k=O&&O.contains(T.target);if(!e.mouseEntered&&!k&&!f.releaseOnEdges)return!0;T.originalEvent&&(T=T.originalEvent);let S=0;const E=e.rtlTranslate?-1:1,A=c(T);if(f.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))S=-A.pixelX*E;else return!0;else if(Math.abs(A.pixelY)>Math.abs(A.pixelX))S=-A.pixelY;else return!0;else S=Math.abs(A.pixelX)>Math.abs(A.pixelY)?-A.pixelX*E:-A.pixelY;if(S===0)return!0;f.invert&&(S=-S);let x=e.getTranslate()+S*f.sensitivity;if(x>=e.minTranslate()&&(x=e.minTranslate()),x<=e.maxTranslate()&&(x=e.maxTranslate()),_=e.params.loop?!0:!(x===e.minTranslate()||x===e.maxTranslate()),_&&e.params.nested&&T.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const I={time:Oe(),delta:Math.abs(S),direction:Math.sign(S),raw:g};u.length>=2&&u.shift();const P=u.length?u[u.length-1]:void 0;if(u.push(I),P?(I.direction!==P.direction||I.delta>P.delta||I.time>P.time+150)&&h(I):h(I),y(I))return!0}else{const I={time:Oe(),delta:Math.abs(S),direction:Math.sign(S)},P=d&&I.time<d.time+500&&I.delta<=d.delta&&I.direction===d.direction;if(!P){d=void 0;let N=e.getTranslate()+S*f.sensitivity;const B=e.isBeginning,$=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!B&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:I.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,u.length>=15&&u.shift();const U=u.length?u[u.length-1]:void 0,L=u[0];if(u.push(I),U&&(I.delta>U.delta||I.direction!==U.direction))u.splice(0);else if(u.length>=15&&I.time-L.time<500&&L.delta-I.delta>=1&&I.delta<=6){const V=S>0?.8:.2;d=I,u.splice(0),a=nt(()=>{e.slideToClosest(e.params.speed,!0,void 0,V)},0)}a||(a=nt(()=>{d=I,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||l("scroll",T),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),f.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return T.preventDefault?T.preventDefault():T.returnValue=!1,!1}function C(g){let T=e.el;e.params.mousewheel.eventsTarget!=="container"&&(T=document.querySelector(e.params.mousewheel.eventsTarget)),T[g]("mouseenter",v),T[g]("mouseleave",b),T[g]("wheel",m)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",m),!0):e.mousewheel.enabled?!1:(C("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,m),!0):e.mousewheel.enabled?(C("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:p,disable:w})}function ji(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let o=Ve(t.el,`.${n[l]}`)[0];o||(o=ut("div",n[l]),o.className=n[l],t.el.append(o)),i[l]=o,e[l]=o}}),i}function ot(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Tt(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o="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:`${o}-bullet`,bulletActiveClass:`${o}-bullet-active`,modifierClass:`${o}-`,currentClass:`${o}-current`,totalClass:`${o}-total`,hiddenClass:`${o}-hidden`,progressbarFillClass:`${o}-progressbar-fill`,progressbarOppositeClass:`${o}-progressbar-opposite`,clickableClass:`${o}-clickable`,lockClass:`${o}-lock`,horizontalClass:`${o}-horizontal`,verticalClass:`${o}-vertical`,paginationDisabledClass:`${o}-disabled`}}),e.pagination={el:null,bullets:[]};let a,s=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,w){const{bulletActiveClass:g}=e.params.pagination;p&&(p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${g}-${w}`),p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${g}-${w}-${w}`)))}function c(p){const w=p.target.closest(ot(e.params.pagination.bulletClass));if(!w)return;p.preventDefault();const g=St(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===g)return;e.slideToLoop(g)}else e.slideTo(g)}function v(){const p=e.rtl,w=e.params.pagination;if(d())return;let g=e.pagination.el;g=Fe(g);let T,_;const f=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(f/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(_=e.previousRealIndex||0,T=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(T=e.snapIndex,_=e.previousSnapIndex):(_=e.previousIndex||0,T=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const k=e.pagination.bullets;let S,E,A;if(w.dynamicBullets&&(a=Gt(k[0],e.isHorizontal()?"width":"height",!0),g.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&_!==void 0&&(s+=T-(_||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),S=Math.max(T-s,0),E=S+(Math.min(k.length,w.dynamicMainBullets)-1),A=(E+S)/2),k.forEach(x=>{const I=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${w.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();x.classList.remove(...I)}),g.length>1)k.forEach(x=>{const I=St(x);I===T?x.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),w.dynamicBullets&&(I>=S&&I<=E&&x.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),I===S&&u(x,"prev"),I===E&&u(x,"next"))});else{const x=k[T];if(x&&x.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&k.forEach((I,P)=>{I.setAttribute("part",P===T?"bullet-active":"bullet")}),w.dynamicBullets){const I=k[S],P=k[E];for(let N=S;N<=E;N+=1)k[N]&&k[N].classList.add(...`${w.bulletActiveClass}-main`.split(" "));u(I,"prev"),u(P,"next")}}if(w.dynamicBullets){const x=Math.min(k.length,w.dynamicMainBullets+4),I=(a*x-a)/2-A*a,P=p?"right":"left";k.forEach(N=>{N.style[e.isHorizontal()?P:"top"]=`${I}px`})}}g.forEach((k,S)=>{if(w.type==="fraction"&&(k.querySelectorAll(ot(w.currentClass)).forEach(E=>{E.textContent=w.formatFractionCurrent(T+1)}),k.querySelectorAll(ot(w.totalClass)).forEach(E=>{E.textContent=w.formatFractionTotal(O)})),w.type==="progressbar"){let E;w.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const A=(T+1)/O;let x=1,I=1;E==="horizontal"?x=A:I=A,k.querySelectorAll(ot(w.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${I})`,P.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(k.innerHTML=w.renderCustom(e,T+1,O),S===0&&l("paginationRender",k)):(S===0&&l("paginationRender",k),l("paginationUpdate",k)),e.params.watchOverflow&&e.enabled&&k.classList[e.isLocked?"add":"remove"](w.lockClass)})}function b(){const p=e.params.pagination;if(d())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let g=e.pagination.el;g=Fe(g);let T="";if(p.type==="bullets"){let _=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&_>w&&(_=w);for(let f=0;f<_;f+=1)p.renderBullet?T+=p.renderBullet.call(e,f,p.bulletClass):T+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?T=p.renderFraction.call(e,p.currentClass,p.totalClass):T=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?T=p.renderProgressbar.call(e,p.progressbarFillClass):T=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],g.forEach(_=>{p.type!=="custom"&&(_.innerHTML=T||""),p.type==="bullets"&&e.pagination.bullets.push(..._.querySelectorAll(ot(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",g[0])}function h(){e.params.pagination=ji(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let w;typeof p.el=="string"&&e.isElement&&(w=e.el.querySelector(p.el)),!w&&typeof p.el=="string"&&(w=[...document.querySelectorAll(p.el)]),w||(w=p.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(p.el)],w.length>1&&(w=w.filter(g=>Li(g,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Fe(w),w.forEach(g=>{p.type==="bullets"&&p.clickable&&g.classList.add(...(p.clickableClass||"").split(" ")),g.classList.add(p.modifierClass+p.type),g.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(g.classList.add(`${p.modifierClass}${p.type}-dynamic`),s=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&g.classList.add(p.progressbarOppositeClass),p.clickable&&g.addEventListener("click",c),e.enabled||g.classList.add(p.lockClass)}))}function y(){const p=e.params.pagination;if(d())return;let w=e.pagination.el;w&&(w=Fe(w),w.forEach(g=>{g.classList.remove(p.hiddenClass),g.classList.remove(p.modifierClass+p.type),g.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(g.classList.remove(...(p.clickableClass||"").split(" ")),g.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(g=>g.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:w}=e.pagination;w=Fe(w),w.forEach(g=>{g.classList.remove(p.horizontalClass,p.verticalClass),g.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?C():(h(),b(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{b(),v()}),n("destroy",()=>{y()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Fe(p),p.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,w)=>{const g=w.target,T=Fe(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&T&&T.length>0&&!g.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&g===e.navigation.nextEl||e.navigation.prevEl&&g===e.navigation.prevEl))return;const _=T[0].classList.contains(e.params.pagination.hiddenClass);l(_===!0?"paginationShow":"paginationHide"),T.forEach(f=>f.classList.toggle(e.params.pagination.hiddenClass))}});const m=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Fe(p),p.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),h(),b(),v()},C=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Fe(p),p.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),y()};Object.assign(e.pagination,{enable:m,disable:C,render:b,update:v,init:h,destroy:y})}function Jn(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=Be();let a=!1,s=null,d=null,u,c,v,b;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 h(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x,rtlTranslate:I}=e,{dragEl:P,el:N}=x,B=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let U=c,L=(v-c)*$;I?(L=-L,L>0?(U=c-L,L=0):-L+c>v&&(U=v+L)):L<0?(U=c+L,L=0):L+c>v&&(U=v-L),e.isHorizontal()?(P.style.transform=`translate3d(${L}px, 0, 0)`,P.style.width=`${U}px`):(P.style.transform=`translate3d(0px, ${L}px, 0)`,P.style.height=`${U}px`),B.hide&&(clearTimeout(s),N.style.opacity=1,s=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function y(x){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${x}ms`)}function m(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x}=e,{dragEl:I,el:P}=x;I.style.width="",I.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,b=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*b:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?I.style.width=`${c}px`:I.style.height=`${c}px`,b>=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 C(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:I,rtlTranslate:P}=e,{el:N}=I;let B;B=(C(x)-Wn(N)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),B=Math.max(Math.min(B,1),0),P&&(B=1-B);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*B;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function w(x){const I=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:B,dragEl:$}=P;a=!0,u=x.target===$?C(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),N.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(x),clearTimeout(d),B.style.transitionDuration="0ms",I.hide&&(B.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",x)}function g(x){const{scrollbar:I,wrapperEl:P}=e,{el:N,dragEl:B}=I;a&&(x.preventDefault?x.preventDefault():x.returnValue=!1,p(x),P.style.transitionDuration="0ms",N.style.transitionDuration="0ms",B.style.transitionDuration="0ms",l("scrollbarDragMove",x))}function T(x){const I=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:B}=P;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),I.hide&&(clearTimeout(d),d=nt(()=>{B.style.opacity=0,B.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",x),I.snapOnRelease&&e.slideToClosest())}function _(x){const{scrollbar:I,params:P}=e,N=I.el;if(!N)return;const B=N,$=P.passiveListeners?{passive:!1,capture:!1}:!1,U=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!B)return;const L=x==="on"?"addEventListener":"removeEventListener";B[L]("pointerdown",w,$),o[L]("pointermove",g,$),o[L]("pointerup",T,U)}function f(){!e.params.scrollbar.el||!e.scrollbar.el||_("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||_("off")}function k(){const{scrollbar:x,el:I}=e;e.params.scrollbar=ji(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let N;if(typeof P.el=="string"&&e.isElement&&(N=e.el.querySelector(P.el)),!N&&typeof P.el=="string"){if(N=o.querySelectorAll(P.el),!N.length)return}else N||(N=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&N.length>1&&I.querySelectorAll(P.el).length===1&&(N=I.querySelector(P.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let B;N&&(B=N.querySelector(ot(e.params.scrollbar.dragClass)),B||(B=ut("div",e.params.scrollbar.dragClass),N.append(B))),Object.assign(x,{el:N,dragEl:B}),P.draggable&&f(),N&&N.classList[e.enabled?"remove":"add"](...Xe(e.params.scrollbar.lockClass))}function S(){const x=e.params.scrollbar,I=e.scrollbar.el;I&&I.classList.remove(...Xe(e.isHorizontal()?x.horizontalClass:x.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:I}=e.scrollbar;I=Fe(I),I.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?A():(k(),m(),h())}),n("update resize observerUpdate lock unlock changeDirection",()=>{m()}),n("setTranslate",()=>{h()}),n("setTransition",(x,I)=>{y(I)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...Xe(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const E=()=>{e.el.classList.remove(...Xe(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Xe(e.params.scrollbar.scrollbarDisabledClass)),k(),m(),h()},A=()=>{e.el.classList.add(...Xe(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Xe(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:E,disable:A,updateSize:m,setTranslate:h,init:k,destroy:S})}function xt(t){let{swiper:e,extendParams:i,on:n,emit:l,params:o}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,s,d=o&&o.autoplay?o.autoplay.delay:3e3,u=o&&o.autoplay?o.autoplay.delay:3e3,c,v=new Date().getTime(),b,h,y,m,C,p,w;function g(U){!e||e.destroyed||!e.wrapperEl||U.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",g),!w&&E())}const T=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?b=!0:b&&(u=c,b=!1);const U=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=U,l("autoplayTimeLeft",U,U/d),s=requestAnimationFrame(()=>{T()})},_=()=>{let U;return e.virtual&&e.params.virtual.enabled?U=e.slides.filter(V=>V.classList.contains("swiper-slide-active"))[0]:U=e.slides[e.activeIndex],U?parseInt(U.getAttribute("data-swiper-autoplay"),10):void 0},f=U=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),T();let L=typeof U>"u"?e.params.autoplay.delay:U;d=e.params.autoplay.delay,u=e.params.autoplay.delay;const V=_();!Number.isNaN(V)&&V>0&&typeof U>"u"&&(L=V,d=V,u=V),c=L;const M=e.params.speed,D=()=>{!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(()=>{f()})))};return L>0?(clearTimeout(a),a=setTimeout(()=>{D()},L)):requestAnimationFrame(()=>{D()}),L},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,f(),l("autoplayStart")},k=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(s),l("autoplayStop")},S=(U,L)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),U||(p=!0);const V=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",g):E()};if(e.autoplay.paused=!0,L){C&&(c=e.params.autoplay.delay),C=!1,V();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),V())},E=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,f(c)):f(),e.autoplay.paused=!1,l("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const U=Be();U.visibilityState==="hidden"&&(p=!0,S(!0)),U.visibilityState==="visible"&&E()},x=U=>{U.pointerType==="mouse"&&(p=!0,w=!0,!(e.animating||e.autoplay.paused)&&S(!0))},I=U=>{U.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&E())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",I))},N=()=>{e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",I)},B=()=>{Be().addEventListener("visibilitychange",A)},$=()=>{Be().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),B(),O())}),n("destroy",()=>{N(),$(),e.autoplay.running&&k()}),n("_freeModeStaticRelease",()=>{(y||p)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?k():S(!0,!0)}),n("beforeTransitionStart",(U,L,V)=>{e.destroyed||!e.autoplay.running||(V||!e.params.autoplay.disableOnInteraction?S(!0,!0):k())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){k();return}h=!0,y=!1,p=!1,m=setTimeout(()=>{p=!0,y=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!h)){if(clearTimeout(m),clearTimeout(a),e.params.autoplay.disableOnInteraction){y=!1,h=!1;return}y&&e.params.cssMode&&E(),y=!1,h=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(C=!0)}),Object.assign(e.autoplay,{start:O,stop:k,pause:S,resume:E})}function Kn(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 o(){if(e.params.cssMode)return;const d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:d,touches:u}=e;d.velocities.length===0&&d.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:Oe()})}function s(d){let{currentPos:u}=d;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:b,snapGrid:h,touchEventsData:y}=e,C=Oe()-y.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<h.length?e.slideTo(h.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(y.velocities.length>1){const k=y.velocities.pop(),S=y.velocities.pop(),E=k.position-S.position,A=k.time-S.time;e.velocity=E/A,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(A>150||Oe()-k.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,y.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const w=e.velocity*p;let g=e.translate+w;b&&(g=-g);let T=!1,_;const f=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let O;if(g<e.maxTranslate())c.freeMode.momentumBounce?(g+e.maxTranslate()<-f&&(g=e.maxTranslate()-f),_=e.maxTranslate(),T=!0,y.allowMomentumBounce=!0):g=e.maxTranslate(),c.loop&&c.centeredSlides&&(O=!0);else if(g>e.minTranslate())c.freeMode.momentumBounce?(g-e.minTranslate()>f&&(g=e.minTranslate()+f),_=e.minTranslate(),T=!0,y.allowMomentumBounce=!0):g=e.minTranslate(),c.loop&&c.centeredSlides&&(O=!0);else if(c.freeMode.sticky){let k;for(let S=0;S<h.length;S+=1)if(h[S]>-g){k=S;break}Math.abs(h[k]-g)<Math.abs(h[k-1]-g)||e.swipeDirection==="next"?g=h[k]:g=h[k-1],g=-g}if(O&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(b?p=Math.abs((-g-e.translate)/e.velocity):p=Math.abs((g-e.translate)/e.velocity),c.freeMode.sticky){const k=Math.abs((b?-g:g)-e.translate),S=e.slidesSizesGrid[e.activeIndex];k<S?p=c.speed:k<2*S?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&T?(e.updateProgress(_),e.setTransition(p),e.setTranslate(g),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Ut(v,()=>{!e||e.destroyed||!y.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(_),Ut(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(g),e.setTransition(p),e.setTranslate(g),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Ut(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(g),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||C>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:o,onTouchMove:a,onTouchEnd:s}})}let $t;function Qn(){const t=Ee(),e=Be();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ni(){return $t||($t=Qn()),$t}let Wt;function Zn(t){let{userAgent:e}=t===void 0?{}:t;const i=Ni(),n=Ee(),l=n.navigator.platform,o=e||n.navigator.userAgent,a={ios:!1,android:!1},s=n.screen.width,d=n.screen.height,u=o.match(/(Android);?[\s\/]+([\d.]+)?/);let c=o.match(/(iPad).*OS\s([\d_]+)/);const v=o.match(/(iPod)(.*OS\s([\d_]+))?/),b=!c&&o.match(/(iPhone\sOS|iOS)\s([\d_]+)/),h=l==="Win32";let y=l==="MacIntel";const m=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&y&&i.touch&&m.indexOf(`${s}x${d}`)>=0&&(c=o.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),y=!1),u&&!h&&(a.os="android",a.android=!0),(c||b||v)&&(a.os="ios",a.ios=!0),a}function Bi(t){return t===void 0&&(t={}),Wt||(Wt=Zn(t)),Wt}let Yt;function Rn(){const t=Ee(),e=Bi();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[d,u]=s.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=d<16||d===16&&u<2}}const l=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),o=n(),a=o||l&&e.ios;return{isSafari:i||o,needPerspectiveFix:i,need3dFix:a,isWebView:l}}function eo(){return Yt||(Yt=Rn()),Yt}function to(t){let{swiper:e,on:i,emit:n}=t;const l=Ee();let o=null,a=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(o=new ResizeObserver(v=>{a=l.requestAnimationFrame(()=>{const{width:b,height:h}=e;let y=b,m=h;v.forEach(C=>{let{contentBoxSize:p,contentRect:w,target:g}=C;g&&g!==e.el||(y=w?w.width:(p[0]||p).inlineSize,m=w?w.height:(p[0]||p).blockSize)}),(y!==b||m!==h)&&s()})}),o.observe(e.el))},u=()=>{a&&l.cancelAnimationFrame(a),o&&o.unobserve&&e.el&&(o.unobserve(e.el),o=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){d();return}l.addEventListener("resize",s),l.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),l.removeEventListener("resize",s),l.removeEventListener("orientationchange",c)})}function io(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const o=[],a=Ee(),s=function(c,v){v===void 0&&(v={});const b=a.MutationObserver||a.WebkitMutationObserver,h=new b(y=>{if(e.__preventObserver__)return;if(y.length===1){l("observerUpdate",y[0]);return}const m=function(){l("observerUpdate",y[0])};a.requestAnimationFrame?a.requestAnimationFrame(m):a.setTimeout(m,0)});h.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),o.push(h)},d=()=>{if(e.params.observer){if(e.params.observeParents){const c=Li(e.hostEl);for(let v=0;v<c.length;v+=1)s(c[v])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},u=()=>{o.forEach(c=>{c.disconnect()}),o.splice(0,o.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",u)}var no={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(o=>{n.eventsListeners[o]||(n.eventsListeners[o]=[]),n.eventsListeners[o][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 o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];e.apply(n,a)}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,o)=>{(l===e||l.__emitterProxy&&l.__emitterProxy===e)&&i.eventsListeners[n].splice(o,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var l=arguments.length,o=new Array(l),a=0;a<l;a++)o[a]=arguments[a];return typeof o[0]=="string"||Array.isArray(o[0])?(e=o[0],i=o.slice(1,o.length),n=t):(e=o[0].events,i=o[0].data,n=o[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(u=>{u.apply(n,i)})}),t}};function oo(){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(Je(n,"padding-left")||0,10)-parseInt(Je(n,"padding-right")||0,10),i=i-parseInt(Je(n,"padding-top")||0,10)-parseInt(Je(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 lo(){const t=this;function e(E,A){return parseFloat(E.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:o,rtlTranslate:a,wrongRTL:s}=t,d=t.virtual&&i.virtual.enabled,u=d?t.virtual.slides.length:t.slides.length,c=Ve(l,`.${t.params.slideClass}, swiper-slide`),v=d?t.virtual.slides.length:c.length;let b=[];const h=[],y=[];let m=i.slidesOffsetBefore;typeof m=="function"&&(m=i.slidesOffsetBefore.call(t));let C=i.slidesOffsetAfter;typeof C=="function"&&(C=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,w=t.slidesGrid.length;let g=i.spaceBetween,T=-m,_=0,f=0;if(typeof o>"u")return;typeof g=="string"&&g.indexOf("%")>=0?g=parseFloat(g.replace("%",""))/100*o:typeof g=="string"&&(g=parseFloat(g)),t.virtualSize=-g,c.forEach(E=>{a?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(yt(n,"--swiper-centered-offset-before",""),yt(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let k;const S=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(E=>typeof i.breakpoints[E].slidesPerView<"u").length>0;for(let E=0;E<v;E+=1){k=0;let A;if(c[E]&&(A=c[E]),O&&t.grid.updateSlide(E,A,c),!(c[E]&&Je(A,"display")==="none")){if(i.slidesPerView==="auto"){S&&(c[E].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(A),I=A.style.transform,P=A.style.webkitTransform;if(I&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)k=t.isHorizontal()?Gt(A,"width",!0):Gt(A,"height",!0);else{const N=e(x,"width"),B=e(x,"padding-left"),$=e(x,"padding-right"),U=e(x,"margin-left"),L=e(x,"margin-right"),V=x.getPropertyValue("box-sizing");if(V&&V==="border-box")k=N+U+L;else{const{clientWidth:M,offsetWidth:D}=A;k=N+B+$+U+L+(D-M)}}I&&(A.style.transform=I),P&&(A.style.webkitTransform=P),i.roundLengths&&(k=Math.floor(k))}else k=(o-(i.slidesPerView-1)*g)/i.slidesPerView,i.roundLengths&&(k=Math.floor(k)),c[E]&&(c[E].style[t.getDirectionLabel("width")]=`${k}px`);c[E]&&(c[E].swiperSlideSize=k),y.push(k),i.centeredSlides?(T=T+k/2+_/2+g,_===0&&E!==0&&(T=T-o/2-g),E===0&&(T=T-o/2-g),Math.abs(T)<1/1e3&&(T=0),i.roundLengths&&(T=Math.floor(T)),f%i.slidesPerGroup===0&&b.push(T),h.push(T)):(i.roundLengths&&(T=Math.floor(T)),(f-Math.min(t.params.slidesPerGroupSkip,f))%t.params.slidesPerGroup===0&&b.push(T),h.push(T),T=T+k+g),t.virtualSize+=k+g,_=k,f+=1}}if(t.virtualSize=Math.max(t.virtualSize,o)+C,a&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+g}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+g}px`),O&&t.grid.updateWrapperSize(k,b),!i.centeredSlides){const E=[];for(let A=0;A<b.length;A+=1){let x=b[A];i.roundLengths&&(x=Math.floor(x)),b[A]<=t.virtualSize-o&&E.push(x)}b=E,Math.floor(t.virtualSize-o)-Math.floor(b[b.length-1])>1&&b.push(t.virtualSize-o)}if(d&&i.loop){const E=y[0]+g;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=E*i.slidesPerGroup;for(let I=0;I<A;I+=1)b.push(b[b.length-1]+x)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&b.push(b[b.length-1]+E),h.push(h[h.length-1]+E),t.virtualSize+=E}if(b.length===0&&(b=[0]),g!==0){const E=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");c.filter((A,x)=>!i.cssMode||i.loop?!0:x!==c.length-1).forEach(A=>{A.style[E]=`${g}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;y.forEach(x=>{E+=x+(g||0)}),E-=g;const A=E-o;b=b.map(x=>x<=0?-m:x>A?A+C:x)}if(i.centerInsufficientSlides){let E=0;if(y.forEach(A=>{E+=A+(g||0)}),E-=g,E<o){const A=(o-E)/2;b.forEach((x,I)=>{b[I]=x-A}),h.forEach((x,I)=>{h[I]=x+A})}}if(Object.assign(t,{slides:c,snapGrid:b,slidesGrid:h,slidesSizesGrid:y}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){yt(n,"--swiper-centered-offset-before",`${-b[0]}px`),yt(n,"--swiper-centered-offset-after",`${t.size/2-y[y.length-1]/2}px`);const E=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+E),t.slidesGrid=t.slidesGrid.map(x=>x+A)}if(v!==u&&t.emit("slidesLengthChange"),b.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),h.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(E);v<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(E):A&&t.el.classList.remove(E)}}function so(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let l=0,o;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(o=0;o<Math.ceil(e.params.slidesPerView);o+=1){const s=e.activeIndex+o;if(s>e.slides.length&&!n)break;i.push(a(s))}else i.push(a(e.activeIndex));for(o=0;o<i.length;o+=1)if(typeof i[o]<"u"){const s=i[o].offsetHeight;l=s>l?s:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function ro(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function ao(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:l,snapGrid:o}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;l&&(a=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let d=0;d<n.length;d+=1){const u=n[d];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(a+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),b=(a-o[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),h=-(a-c),y=h+e.slidesSizesGrid[d],m=h>=0&&h<=e.size-e.slidesSizesGrid[d];(h>=0&&h<e.size-1||y>1&&y<=e.size||h<=0&&y>=e.size)&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),m&&n[d].classList.add(i.slideFullyVisibleClass),u.progress=l?-v:v,u.originalProgress=l?-b:b}}function co(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:o,isEnd:a,progressLoop:s}=e;const d=o,u=a;if(n===0)l=0,o=!0,a=!0;else{l=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;o=c||l<=0,a=v||l>=1,c&&(l=0),v&&(l=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),b=e.slidesGrid[c],h=e.slidesGrid[v],y=e.slidesGrid[e.slidesGrid.length-1],m=Math.abs(t);m>=b?s=(m-b)/y:s=(m+y-h)/y,s>1&&(s-=1)}Object.assign(e,{progress:l,progressLoop:s,isBeginning:o,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),o&&!d&&e.emit("reachBeginning toEdge"),a&&!u&&e.emit("reachEnd toEdge"),(d&&!o||u&&!a)&&e.emit("fromEdge"),e.emit("progress",l)}function uo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:l}=t,o=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,s=v=>Ve(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,u,c;if(o)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),d=s(`[data-swiper-slide-index="${v}"]`)}else d=s(`[data-swiper-slide-index="${l}"]`);else a?(d=e.filter(v=>v.column===l)[0],c=e.filter(v=>v.column===l+1)[0],u=e.filter(v=>v.column===l-1)[0]):d=e[l];d&&(d.classList.add(i.slideActiveClass),a?(c&&c.classList.add(i.slideNextClass),u&&u.classList.add(i.slidePrevClass)):(c=qn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),c&&c.classList.add(i.slideNextClass),u=Yn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]),u&&u.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Et=(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()}},qt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Xt=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 a=l,s=[a-e];s.push(...Array.from({length:e}).map((d,u)=>a+n+u)),t.slides.forEach((d,u)=>{s.includes(d.column)&&qt(t,u)});return}const o=l+n-1;if(t.params.rewind||t.params.loop)for(let a=l-e;a<=o+e;a+=1){const s=(a%i+i)%i;(s<l||s>o)&&qt(t,s)}else for(let a=Math.max(l-e,0);a<=Math.min(o+e,i-1);a+=1)a!==l&&(a>o||a<l)&&qt(t,a)};function po(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let l;for(let o=0;o<e.length;o+=1)typeof e[o+1]<"u"?n>=e[o]&&n<e[o+1]-(e[o+1]-e[o])/2?l=o:n>=e[o]&&n<e[o+1]&&(l=o+1):n>=e[o]&&(l=o);return i.normalizeSlideIndex&&(l<0||typeof l>"u")&&(l=0),l}function vo(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:o,realIndex:a,snapIndex:s}=e;let d=t,u;const c=h=>{let y=h-e.virtual.slidesBefore;return y<0&&(y=e.virtual.slides.length+y),y>=e.virtual.slides.length&&(y-=e.virtual.slides.length),y};if(typeof d>"u"&&(d=po(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const h=Math.min(l.slidesPerGroupSkip,d);u=h+Math.floor((d-h)/l.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),d===o&&!e.params.loop){u!==s&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(d===o&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(d);return}const v=e.grid&&l.grid&&l.grid.rows>1;let b;if(e.virtual&&l.virtual.enabled&&l.loop)b=c(d);else if(v){const h=e.slides.filter(m=>m.column===d)[0];let y=parseInt(h.getAttribute("data-swiper-slide-index"),10);Number.isNaN(y)&&(y=Math.max(e.slides.indexOf(h),0)),b=Math.floor(y/l.grid.rows)}else if(e.slides[d]){const h=e.slides[d].getAttribute("data-swiper-slide-index");h?b=parseInt(h,10):b=d}else b=d;Object.assign(e,{previousSnapIndex:s,snapIndex:u,previousRealIndex:a,realIndex:b,previousIndex:o,activeIndex:d}),e.initialized&&Xt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==b&&e.emit("realIndexChange"),e.emit("slideChange"))}function fo(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(s=>{!l&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(l=s)});let o=!1,a;if(l){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===l){o=!0,a=s;break}}if(l&&o)i.clickedSlide=l,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(l.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var mo={updateSize:oo,updateSlides:lo,updateAutoHeight:so,updateSlidesOffset:ro,updateSlidesProgress:ao,updateProgress:co,updateSlidesClasses:uo,updateActiveIndex:vo,updateClickedSlide:fo};function ho(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:l,wrapperEl:o}=e;if(i.virtualTranslate)return n?-l:l;if(i.cssMode)return l;let a=Gn(o,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function go(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:o,progress:a}=i;let s=0,d=0;const u=0;i.isHorizontal()?s=n?-t:t:d=t,l.roundLengths&&(s=Math.floor(s),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:d,l.cssMode?o[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-d:l.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),o.style.transform=`translate3d(${s}px, ${d}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function bo(){return-this.snapGrid[0]}function yo(){return-this.snapGrid[this.snapGrid.length-1]}function wo(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 o=this,{params:a,wrapperEl:s}=o;if(o.animating&&a.preventInteractionOnTransition)return!1;const d=o.minTranslate(),u=o.maxTranslate();let c;if(n&&t>d?c=d:n&&t<u?c=u:c=t,o.updateProgress(c),a.cssMode){const v=o.isHorizontal();if(e===0)s[v?"scrollLeft":"scrollTop"]=-c;else{if(!o.support.smoothScroll)return Mi({swiper:o,targetPosition:-c,side:v?"left":"top"}),!0;s.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(o.setTransition(0),o.setTranslate(c),i&&(o.emit("beforeTransitionStart",e,l),o.emit("transitionEnd"))):(o.setTransition(e),o.setTranslate(c),i&&(o.emit("beforeTransitionStart",e,l),o.emit("transitionStart")),o.animating||(o.animating=!0,o.onTranslateToWrapperTransitionEnd||(o.onTranslateToWrapperTransitionEnd=function(b){!o||o.destroyed||b.target===this&&(o.wrapperEl.removeEventListener("transitionend",o.onTranslateToWrapperTransitionEnd),o.onTranslateToWrapperTransitionEnd=null,delete o.onTranslateToWrapperTransitionEnd,i&&o.emit("transitionEnd"))}),o.wrapperEl.addEventListener("transitionend",o.onTranslateToWrapperTransitionEnd))),!0}var So={getTranslate:ho,setTranslate:go,minTranslate:bo,maxTranslate:yo,translateTo:wo};function To(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:o,previousIndex:a}=e;let s=n;if(s||(o>a?s="next":o<a?s="prev":s="reset"),e.emit(`transition${l}`),i&&o!==a){if(s==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),s==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function xo(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 Eo(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 Co={setTransition:To,transitionStart:xo,transitionEnd:Eo};function Io(t,e,i,n,l){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;let a=t;a<0&&(a=0);const{params:s,snapGrid:d,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:b,wrapperEl:h,enabled:y}=o;if(o.animating&&s.preventInteractionOnTransition||!y&&!n&&!l||o.destroyed)return!1;const m=Math.min(o.params.slidesPerGroupSkip,a);let C=m+Math.floor((a-m)/o.params.slidesPerGroup);C>=d.length&&(C=d.length-1);const p=-d[C];if(s.normalizeSlideIndex)for(let g=0;g<u.length;g+=1){const T=-Math.floor(p*100),_=Math.floor(u[g]*100),f=Math.floor(u[g+1]*100);typeof u[g+1]<"u"?T>=_&&T<f-(f-_)/2?a=g:T>=_&&T<f&&(a=g+1):T>=_&&(a=g)}if(o.initialized&&a!==v&&(!o.allowSlideNext&&(b?p>o.translate&&p>o.minTranslate():p<o.translate&&p<o.minTranslate())||!o.allowSlidePrev&&p>o.translate&&p>o.maxTranslate()&&(v||0)!==a))return!1;a!==(c||0)&&i&&o.emit("beforeSlideChangeStart"),o.updateProgress(p);let w;if(a>v?w="next":a<v?w="prev":w="reset",b&&-p===o.translate||!b&&p===o.translate)return o.updateActiveIndex(a),s.autoHeight&&o.updateAutoHeight(),o.updateSlidesClasses(),s.effect!=="slide"&&o.setTranslate(p),w!=="reset"&&(o.transitionStart(i,w),o.transitionEnd(i,w)),!1;if(s.cssMode){const g=o.isHorizontal(),T=b?p:-p;if(e===0){const _=o.virtual&&o.params.virtual.enabled;_&&(o.wrapperEl.style.scrollSnapType="none",o._immediateVirtual=!0),_&&!o._cssModeVirtualInitialSet&&o.params.initialSlide>0?(o._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{h[g?"scrollLeft":"scrollTop"]=T})):h[g?"scrollLeft":"scrollTop"]=T,_&&requestAnimationFrame(()=>{o.wrapperEl.style.scrollSnapType="",o._immediateVirtual=!1})}else{if(!o.support.smoothScroll)return Mi({swiper:o,targetPosition:T,side:g?"left":"top"}),!0;h.scrollTo({[g?"left":"top"]:T,behavior:"smooth"})}return!0}return o.setTransition(e),o.setTranslate(p),o.updateActiveIndex(a),o.updateSlidesClasses(),o.emit("beforeTransitionStart",e,n),o.transitionStart(i,w),e===0?o.transitionEnd(i,w):o.animating||(o.animating=!0,o.onSlideToWrapperTransitionEnd||(o.onSlideToWrapperTransitionEnd=function(T){!o||o.destroyed||T.target===this&&(o.wrapperEl.removeEventListener("transitionend",o.onSlideToWrapperTransitionEnd),o.onSlideToWrapperTransitionEnd=null,delete o.onSlideToWrapperTransitionEnd,o.transitionEnd(i,w))}),o.wrapperEl.addEventListener("transitionend",o.onSlideToWrapperTransitionEnd)),!0}function ko(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;if(l.destroyed)return;const o=l.grid&&l.params.grid&&l.params.grid.rows>1;let a=t;if(l.params.loop)if(l.virtual&&l.params.virtual.enabled)a=a+l.virtual.slidesBefore;else{let s;if(o){const b=a*l.params.grid.rows;s=l.slides.filter(h=>h.getAttribute("data-swiper-slide-index")*1===b)[0].column}else s=l.getSlideIndexByData(a);const d=o?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:u}=l.params;let c=l.params.slidesPerView;c==="auto"?c=l.slidesPerViewDynamic():(c=Math.ceil(parseFloat(l.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=d-s<c;if(u&&(v=v||s<Math.ceil(c/2)),v){const b=u?s<l.activeIndex?"prev":"next":s-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:b,slideTo:!0,activeSlideIndex:b==="next"?s+1:s-d+1,slideRealIndex:b==="next"?l.realIndex:void 0})}if(o){const b=a*l.params.grid.rows;a=l.slides.filter(h=>h.getAttribute("data-swiper-slide-index")*1===b)[0].column}else a=l.getSlideIndexByData(a)}return requestAnimationFrame(()=>{l.slideTo(a,e,i,n)}),l}function _o(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:l,params:o,animating:a}=n;if(!l||n.destroyed)return n;let s=o.slidesPerGroup;o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<o.slidesPerGroupSkip?1:s,u=n.virtual&&o.virtual.enabled;if(o.loop){if(a&&!u&&o.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+d,t,e,i)}),!0}return o.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function Do(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:l,snapGrid:o,slidesGrid:a,rtlTranslate:s,enabled:d,animating:u}=n;if(!d||n.destroyed)return n;const c=n.virtual&&l.virtual.enabled;if(l.loop){if(u&&!c&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=s?n.translate:-n.translate;function b(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const h=b(v),y=o.map(p=>b(p));let m=o[y.indexOf(h)-1];if(typeof m>"u"&&l.cssMode){let p;o.forEach((w,g)=>{h>=w&&(p=g)}),typeof p<"u"&&(m=o[p>0?p-1:p])}let C=0;if(typeof m<"u"&&(C=a.indexOf(m),C<0&&(C=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(C=C-n.slidesPerViewDynamic("previous",!0)+1,C=Math.max(C,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(C,t,e,i)}),!0;return n.slideTo(C,t,e,i)}function Ao(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this;if(!n.destroyed)return n.slideTo(n.activeIndex,t,e,i)}function Po(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const l=this;if(l.destroyed)return;let o=l.activeIndex;const a=Math.min(l.params.slidesPerGroupSkip,o),s=a+Math.floor((o-a)/l.params.slidesPerGroup),d=l.rtlTranslate?l.translate:-l.translate;if(d>=l.snapGrid[s]){const u=l.snapGrid[s],c=l.snapGrid[s+1];d-u>(c-u)*n&&(o+=l.params.slidesPerGroup)}else{const u=l.snapGrid[s-1],c=l.snapGrid[s];d-u<=(c-u)*n&&(o-=l.params.slidesPerGroup)}return o=Math.max(o,0),o=Math.min(o,l.slidesGrid.length-1),l.slideTo(o,t,e,i)}function Oo(){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,o;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;o=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(Ve(i,`${a}[data-swiper-slide-index="${o}"]`)[0]),nt(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Ve(i,`${a}[data-swiper-slide-index="${o}"]`)[0]),nt(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Mo={slideTo:Io,slideToLoop:ko,slideNext:_o,slidePrev:Do,slideReset:Ao,slideToClosest:Po,slideToClickedSlide:Oo};function Lo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Ve(n,`.${i.slideClass}, swiper-slide`).forEach((v,b)=>{v.setAttribute("data-swiper-slide-index",b)})},o=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(o?i.grid.rows:1),s=e.slides.length%a!==0,d=o&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const b=e.isElement?ut("swiper-slide",[i.slideBlankClass]):ut("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(b)}};if(s){if(i.loopAddBlankSlides){const c=a-e.slides.length%a;u(c),e.recalcSlides(),e.updateSlides()}else wt("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(d){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else wt("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 jo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:o,byController:a,byMousewheel:s}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:b,params:h}=d,{centeredSlides:y}=h;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&h.virtual.enabled){i&&(!h.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):h.centeredSlides&&d.snapIndex<h.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0)),d.allowSlidePrev=c,d.allowSlideNext=v,d.emit("loopFix");return}let m=h.slidesPerView;m==="auto"?m=d.slidesPerViewDynamic():(m=Math.ceil(parseFloat(h.slidesPerView,10)),y&&m%2===0&&(m=m+1));const C=h.slidesPerGroupAuto?m:h.slidesPerGroup;let p=C;p%C!==0&&(p+=C-p%C),p+=h.loopAdditionalSlides,d.loopedSlides=p;const w=d.grid&&h.grid&&h.grid.rows>1;u.length<m+p?wt("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&h.grid.fill==="row"&&wt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const g=[],T=[];let _=d.activeIndex;typeof o>"u"?o=d.getSlideIndex(u.filter(I=>I.classList.contains(h.slideActiveClass))[0]):_=o;const f=n==="next"||!n,O=n==="prev"||!n;let k=0,S=0;const E=w?Math.ceil(u.length/h.grid.rows):u.length,x=(w?u[o].column:o)+(y&&typeof l>"u"?-m/2+.5:0);if(x<p){k=Math.max(p-x,C);for(let I=0;I<p-x;I+=1){const P=I-Math.floor(I/E)*E;if(w){const N=E-P-1;for(let B=u.length-1;B>=0;B-=1)u[B].column===N&&g.push(B)}else g.push(E-P-1)}}else if(x+m>E-p){S=Math.max(x-(E-p*2),C);for(let I=0;I<S;I+=1){const P=I-Math.floor(I/E)*E;w?u.forEach((N,B)=>{N.column===P&&T.push(B)}):T.push(P)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),O&&g.forEach(I=>{u[I].swiperLoopMoveDOM=!0,b.prepend(u[I]),u[I].swiperLoopMoveDOM=!1}),f&&T.forEach(I=>{u[I].swiperLoopMoveDOM=!0,b.append(u[I]),u[I].swiperLoopMoveDOM=!1}),d.recalcSlides(),h.slidesPerView==="auto"?d.updateSlides():w&&(g.length>0&&O||T.length>0&&f)&&d.slides.forEach((I,P)=>{d.grid.updateSlide(P,I,d.slides)}),h.watchSlidesProgress&&d.updateSlidesOffset(),i){if(g.length>0&&O){if(typeof e>"u"){const I=d.slidesGrid[_],N=d.slidesGrid[_+k]-I;s?d.setTranslate(d.translate-N):(d.slideTo(_+Math.ceil(k),0,!1,!0),l&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else if(l){const I=w?g.length/h.grid.rows:g.length;d.slideTo(d.activeIndex+I,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(T.length>0&&f)if(typeof e>"u"){const I=d.slidesGrid[_],N=d.slidesGrid[_-S]-I;s?d.setTranslate(d.translate-N):(d.slideTo(_-S,0,!1,!0),l&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else{const I=w?T.length/h.grid.rows:T.length;d.slideTo(d.activeIndex-I,0,!1,!0)}}if(d.allowSlidePrev=c,d.allowSlideNext=v,d.controller&&d.controller.control&&!a){const I={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:o,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...I,slideTo:P.params.slidesPerView===h.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...I,slideTo:d.controller.control.params.slidesPerView===h.slidesPerView?i:!1})}d.emit("loopFix")}function No(){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 o=typeof l.swiperSlideIndex>"u"?l.getAttribute("data-swiper-slide-index")*1:l.swiperSlideIndex;n[o]=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 Bo={loopCreate:Lo,loopFix:jo,loopDestroy:No};function zo(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 Vo(){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 Fo={setGrabCursor:zo,unsetGrabCursor:Vo};function Ho(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Be()||n===Ee())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 Vi(t,e,i){const n=Ee(),{params:l}=t,o=l.edgeSwipeDetection,a=l.edgeSwipeThreshold;return o&&(i<=a||i>=n.innerWidth-a)?o==="prevent"?(e.preventDefault(),!0):!1:!0}function Uo(t){const e=this,i=Be();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"){Vi(e,n,n.targetTouches[0].pageX);return}const{params:o,touches:a,enabled:s}=e;if(!s||!o.simulateTouch&&n.pointerType==="mouse"||e.animating&&o.preventInteractionOnTransition)return;!e.animating&&o.cssMode&&o.loop&&e.loopFix();let d=n.target;if(o.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const u=!!o.noSwipingClass&&o.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(d=c[0]);const v=o.noSwipingSelector?o.noSwipingSelector:`.${o.noSwipingClass}`,b=!!(n.target&&n.target.shadowRoot);if(o.noSwiping&&(b?Ho(v,d):d.closest(v))){e.allowClick=!0;return}if(o.swipeHandler&&!d.closest(o.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const h=a.currentX,y=a.currentY;if(!Vi(e,n,h))return;Object.assign(l,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=h,a.startY=y,l.touchStartTime=Oe(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,o.threshold>0&&(l.allowThresholdMove=!1);let m=!0;d.matches(l.focusableElements)&&(m=!1,d.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==d&&i.activeElement.blur();const C=m&&e.allowTouchMove&&o.touchStartPreventDefault;(o.touchStartForcePreventDefault||C)&&!d.isContentEditable&&n.preventDefault(),o.freeMode&&o.freeMode.enabled&&e.freeMode&&e.animating&&!o.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Go(t){const e=Be(),i=this,n=i.touchEventsData,{params:l,touches:o,rtlTranslate:a,enabled:s}=i;if(!s||!l.simulateTouch&&t.pointerType==="mouse")return;let d=t;if(d.originalEvent&&(d=d.originalEvent),d.type==="pointermove"&&(n.touchId!==null||d.pointerId!==n.pointerId))return;let u;if(d.type==="touchmove"){if(u=[...d.changedTouches].filter(f=>f.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const c=u.pageX,v=u.pageY;if(d.preventedByNestedSwiper){o.startX=c,o.startY=v;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(o,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=Oe());return}if(l.touchReleaseOnEdges&&!l.loop){if(i.isVertical()){if(v<o.startY&&i.translate<=i.maxTranslate()||v>o.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(c<o.startX&&i.translate<=i.maxTranslate()||c>o.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&d.target===e.activeElement&&d.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",d),o.previousX=o.currentX,o.previousY=o.currentY,o.currentX=c,o.currentY=v;const b=o.currentX-o.startX,h=o.currentY-o.startY;if(i.params.threshold&&Math.sqrt(b**2+h**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let f;i.isHorizontal()&&o.currentY===o.startY||i.isVertical()&&o.currentX===o.startX?n.isScrolling=!1:b*b+h*h>=25&&(f=Math.atan2(Math.abs(h),Math.abs(b))*180/Math.PI,n.isScrolling=i.isHorizontal()?f>l.touchAngle:90-f>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),typeof n.startMoving>"u"&&(o.currentX!==o.startX||o.currentY!==o.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&d.cancelable&&d.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&d.stopPropagation();let y=i.isHorizontal()?b:h,m=i.isHorizontal()?o.currentX-o.previousX:o.currentY-o.previousY;l.oneWayMovement&&(y=Math.abs(y)*(a?1:-1),m=Math.abs(m)*(a?1:-1)),o.diff=y,y*=l.touchRatio,a&&(y=-y,m=-m);const C=i.touchesDirection;i.swipeDirection=y>0?"prev":"next",i.touchesDirection=m>0?"prev":"next";const p=i.params.loop&&!l.cssMode,w=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&w&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const f=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(f)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let g;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&C!==i.touchesDirection&&p&&w&&Math.abs(y)>=1){Object.assign(o,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",d),n.isMoved=!0,n.currentTranslate=y+n.startTranslate;let T=!0,_=l.resistanceRatio;if(l.touchReleaseOnEdges&&(_=0),y>0?(p&&w&&!g&&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()&&(T=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+y)**_))):y<0&&(p&&w&&!g&&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()&&(T=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-y)**_))),T&&(d.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(y)>l.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,o.startX=o.currentX,o.startY=o.currentY,n.currentTranslate=n.startTranslate,o.diff=i.isHorizontal()?o.currentX-o.startX:o.currentY-o.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 $o(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(_=>_.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:a,touches:s,rtlTranslate:d,slidesGrid:u,enabled:c}=e;if(!c||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Oe(),b=v-i.touchStartTime;if(e.allowClick){const _=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(_&&_[0]||n.target,_),e.emit("tap click",n),b<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Oe(),nt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let h;if(a.followFinger?h=d?e.translate:-e.translate:h=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:h});return}const y=h>=-e.maxTranslate()&&!e.params.loop;let m=0,C=e.slidesSizesGrid[0];for(let _=0;_<u.length;_+=_<a.slidesPerGroupSkip?1:a.slidesPerGroup){const f=_<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof u[_+f]<"u"?(y||h>=u[_]&&h<u[_+f])&&(m=_,C=u[_+f]-u[_]):(y||h>=u[_])&&(m=_,C=u[u.length-1]-u[u.length-2])}let p=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const g=(h-u[m])/C,T=m<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(b>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(g>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?p:m+T):e.slideTo(m)),e.swipeDirection==="prev"&&(g>1-a.longSwipesRatio?e.slideTo(m+T):w!==null&&g<0&&Math.abs(g)>a.longSwipesRatio?e.slideTo(w):e.slideTo(m))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(m+T):e.slideTo(m):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:m+T),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:m))}}function Fi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:l,snapGrid:o}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=l,t.allowSlideNext=n,t.params.watchOverflow&&o!==t.snapGrid&&t.checkOverflow()}function Wo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Yo(){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 o=t.maxTranslate()-t.minTranslate();o===0?l=0:l=(t.translate-t.minTranslate())/o,l!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function qo(t){const e=this;Et(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Xo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Hi=(t,e)=>{const i=Be(),{params:n,el:l,wrapperEl:o,device:a}=t,s=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",u=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),l[d]("touchstart",t.onTouchStart,{passive:!1}),l[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[d]("touchend",t.onTouchEnd,{passive:!0}),i[d]("pointerup",t.onTouchEnd,{passive:!0}),i[d]("pointercancel",t.onTouchEnd,{passive:!0}),i[d]("touchcancel",t.onTouchEnd,{passive:!0}),i[d]("pointerout",t.onTouchEnd,{passive:!0}),i[d]("pointerleave",t.onTouchEnd,{passive:!0}),i[d]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&l[d]("click",t.onClick,!0),n.cssMode&&o[d]("scroll",t.onScroll),n.updateOnWindowResize?t[u](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",Fi,!0):t[u]("observerUpdate",Fi,!0),l[d]("load",t.onLoad,{capture:!0})};function Jo(){const t=this,{params:e}=t;t.onTouchStart=Uo.bind(t),t.onTouchMove=Go.bind(t),t.onTouchEnd=$o.bind(t),t.onDocumentTouchStart=Xo.bind(t),e.cssMode&&(t.onScroll=Yo.bind(t)),t.onClick=Wo.bind(t),t.onLoad=qo.bind(t),Hi(t,"on")}function Ko(){Hi(this,"off")}var Qo={attachEvents:Jo,detachEvents:Ko};const Ui=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function Zo(){const t=this,{realIndex:e,initialized:i,params:n,el:l}=t,o=n.breakpoints;if(!o||o&&Object.keys(o).length===0)return;const a=t.getBreakpoint(o,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const d=(a in o?o[a]:void 0)||t.originalParams,u=Ui(t,n),c=Ui(t,d),v=n.enabled;u&&!c?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(l.classList.add(`${n.containerModifierClass}grid`),(d.grid.fill&&d.grid.fill==="column"||!d.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof d[p]>"u")return;const w=n[p]&&n[p].enabled,g=d[p]&&d[p].enabled;w&&!g&&t[p].disable(),!w&&g&&t[p].enable()});const b=d.direction&&d.direction!==n.direction,h=n.loop&&(d.slidesPerView!==n.slidesPerView||b),y=n.loop;b&&i&&t.changeDirection(),Ae(t.params,d);const m=t.params.enabled,C=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!m?t.disable():!v&&m&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",d),i&&(h?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!y&&C?(t.loopCreate(e),t.updateSlides()):y&&!C&&t.loopDestroy()),t.emit("breakpoint",d)}function Ro(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Ee(),o=e==="window"?l.innerHeight:i.clientHeight,a=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const d=parseFloat(s.substr(1));return{value:o*d,point:s}}return{value:s,point:s}});a.sort((s,d)=>parseInt(s.value,10)-parseInt(d.value,10));for(let s=0;s<a.length;s+=1){const{point:d,value:u}=a[s];e==="window"?l.matchMedia(`(min-width: ${u}px)`).matches&&(n=d):u<=i.clientWidth&&(n=d)}return n||"max"}var el={setBreakpoint:Zo,getBreakpoint:Ro};function tl(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 il(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:o}=t,a=tl(["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:o.android},{ios:o.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),l.classList.add(...e),t.emitContainerClasses()}function nl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var ol={addClasses:il,removeClasses:nl};function ll(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const l=t.slides.length-1,o=t.slidesGrid[l]+t.slidesSizesGrid[l]+n*2;t.isLocked=t.size>o}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 sl={checkOverflow:ll},Jt={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 rl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],o=n[l];if(typeof o!="object"||o===null){Ae(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 o)){Ae(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),Ae(e,n)}}const Kt={eventsEmitter:no,update:mo,translate:So,transition:Co,slide:Mo,loop:Bo,grabCursor:Fo,events:Qo,breakpoints:el,checkOverflow:sl,classes:ol},Qt={};let Zt=class qe{constructor(){let e,i;for(var n=arguments.length,l=new Array(n),o=0;o<n;o++)l[o]=arguments[o];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=Ae({},i),e&&!i.el&&(i.el=e);const a=Be();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const c=[];return a.querySelectorAll(i.el).forEach(v=>{const b=Ae({},i,{el:v});c.push(new qe(b))}),c}const s=this;s.__swiper__=!0,s.support=Ni(),s.device=Bi({userAgent:i.userAgent}),s.browser=eo(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const d={};s.modules.forEach(c=>{c({params:i,swiper:s,extendParams:rl(i,d),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const u=Ae({},Jt,d);return s.params=Ae({},u,Qt,i),s.originalParams=Ae({},s.params),s.passedParams=Ae({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(c=>{s.on(c,s.params.on[c])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,l=Ve(i,`.${n.slideClass}, swiper-slide`),o=St(l[0]);return St(e)-o}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=Ve(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(),a=(n.maxTranslate()-l)*e+l;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const 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:o,slidesGrid:a,slidesSizesGrid:s,size:d,activeIndex:u}=n;let c=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=o[u]?Math.ceil(o[u].swiperSlideSize):0,b;for(let h=u+1;h<o.length;h+=1)o[h]&&!b&&(v+=Math.ceil(o[h].swiperSlideSize),c+=1,v>d&&(b=!0));for(let h=u-1;h>=0;h-=1)o[h]&&!b&&(v+=o[h].swiperSlideSize,c+=1,v>d&&(b=!0))}else if(e==="current")for(let v=u+1;v<o.length;v+=1)(i?a[v]+s[v]-a[u]<d:a[v]-a[u]<d)&&(c+=1);else for(let v=u-1;v>=0;v-=1)a[u]-a[v]<d&&(c+=1);return c}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&Et(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const a=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let o;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 a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;o=e.slideTo(a.length-1,0,!1,!0)}else o=e.slideTo(e.activeIndex,0,!1,!0);o||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(o=>{e==="vertical"?o.style.width="":o.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 a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(l()):Ve(n,l())[0];return!a&&i.params.createElements&&(a=ut("div",i.params.wrapperClass),n.append(a),Ve(n,`.${i.params.slideClass}`).forEach(s=>{a.append(s)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Je(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Je(n,"direction")==="rtl"),wrongRTL:Je(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const l=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&l.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),l.forEach(o=>{o.complete?Et(i,o):o.addEventListener("load",a=>{Et(i,a.target)})}),Xt(i),i.initialized=!0,Xt(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:o,wrapperEl:a,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),l.loop&&n.loopDestroy(),i&&(n.removeClasses(),o.removeAttribute("style"),a.removeAttribute("style"),s&&s.length&&s.forEach(d=>{d.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.slidePrevClass),d.removeAttribute("style"),d.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(d=>{n.off(d)}),e!==!1&&(n.el.swiper=null,Hn(n)),n.destroyed=!0),null}static extendDefaults(e){Ae(Qt,e)}static get extendedDefaults(){return Qt}static get defaults(){return Jt}static installModule(e){qe.prototype.__modules__||(qe.prototype.__modules__=[]);const i=qe.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>qe.installModule(i)),qe):(qe.installModule(e),qe)}};Object.keys(Kt).forEach(t=>{Object.keys(Kt[t]).forEach(e=>{Zt.prototype[e]=Kt[t][e]})}),Zt.use([to,io]);const Gi=["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 Ze(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function lt(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]:Ze(e[n])&&Ze(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:lt(t[n],e[n]):t[n]=e[n]})}function $i(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Wi(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Yi(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function qi(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 al(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function dl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:o,prevEl:a,scrollbarEl:s,paginationEl:d}=t;const u=l.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:c,pagination:v,navigation:b,scrollbar:h,virtual:y,thumbs:m}=e;let C,p,w,g,T,_,f,O;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(C=!0),l.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(w=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(c.scrollbar||c.scrollbar===!1)&&h&&!h.el&&(g=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||o)&&(c.navigation||c.navigation===!1)&&b&&!b.prevEl&&!b.nextEl&&(T=!0);const k=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),c[S].prevEl=void 0,c[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),c[S].el=void 0,e[S].el=void 0))};l.includes("loop")&&e.isElement&&(c.loop&&!n.loop?_=!0:!c.loop&&n.loop?f=!0:O=!0),u.forEach(S=>{if(Ze(c[S])&&Ze(n[S]))Object.assign(c[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&k(S);else{const E=n[S];(E===!0||E===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?E===!1&&k(S):c[S]=n[S]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),l.includes("children")&&i&&y&&c.virtual.enabled?(y.slides=i,y.update(!0)):l.includes("virtual")&&y&&c.virtual.enabled&&(i&&(y.slides=i),y.update(!0)),l.includes("children")&&i&&c.loop&&(O=!0),C&&m.init()&&m.update(!0),p&&(e.controller.control=c.controller.control),w&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-pagination"),d.part.add("pagination"),e.el.appendChild(d)),d&&(c.pagination.el=d),v.init(),v.render(),v.update()),g&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(c.scrollbar.el=s),h.init(),h.updateSize(),h.setTranslate()),T&&(e.isElement&&((!o||typeof o=="string")&&(o=document.createElement("div"),o.classList.add("swiper-button-next"),o.innerHTML=e.hostEl.constructor.nextButtonSvg,o.part.add("button-next"),e.el.appendChild(o)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),o&&(c.navigation.nextEl=o),a&&(c.navigation.prevEl=a),b.init(),b.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(_||O)&&e.loopDestroy(),(f||O)&&e.loopCreate(),e.update()}function cl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};lt(i,Jt),i._emitClasses=!0,i.init=!1;const o={},a=Gi.map(d=>d.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(d=>{typeof t[d]>"u"||(a.indexOf(d)>=0?Ze(t[d])?(i[d]={},l[d]={},lt(i[d],t[d]),lt(l[d],t[d])):(i[d]=t[d],l[d]=t[d]):d.search(/on[A-Z]/)===0&&typeof t[d]=="function"?e?n[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:i.on[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:o[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:l,rest:o,events:n}}function ul(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:o,scrollbarEl:a,swiper:s}=t;$i(e)&&n&&l&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=l,s.originalParams.navigation.prevEl=l),Wi(e)&&o&&(s.params.pagination.el=o,s.originalParams.pagination.el=o),Yi(e)&&a&&(s.params.scrollbar.el=a,s.originalParams.scrollbar.el=a),s.init(i)}function pl(t,e,i,n,l){const o=[];if(!e)return o;const a=d=>{o.indexOf(d)<0&&o.push(d)};if(i&&n){const d=n.map(l),u=i.map(l);d.join("")!==u.join("")&&a("children"),n.length!==i.length&&a("children")}return Gi.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(Ze(t[d])&&Ze(e[d])){const u=Object.keys(t[d]),c=Object.keys(e[d]);u.length!==c.length?a(d):(u.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}),c.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}))}else t[d]!==e[d]&&a(d)}),o}const vl=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 Ct(){return Ct=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},Ct.apply(this,arguments)}function Xi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Ji(t){const e=[];return r.Children.toArray(t).forEach(i=>{Xi(i)?e.push(i):i.props&&i.props.children&&Ji(i.props.children).forEach(n=>e.push(n))}),e}function fl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return r.Children.toArray(t).forEach(n=>{if(Xi(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=Ji(n.props.children);l.length>0?l.forEach(o=>e.push(o)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function ml(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},l=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:o,to:a}=i,s=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,u=[];for(let c=s;c<d;c+=1)c>=o&&c<=a&&u.push(e[n(c)]);return u.map((c,v)=>r.cloneElement(c,{swiper:t,style:l,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function pt(t,e){return typeof window>"u"?r.useEffect(t,e):r.useLayoutEffect(t,e)}const Rt=r.createContext(null),Ki=()=>r.useContext(Rt),hl=r.createContext(null),Re=r.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:o,onSwiper:a,...s}=t===void 0?{}:t,d=!1;const[u,c]=r.useState("swiper"),[v,b]=r.useState(null),[h,y]=r.useState(!1),m=r.useRef(!1),C=r.useRef(null),p=r.useRef(null),w=r.useRef(null),g=r.useRef(null),T=r.useRef(null),_=r.useRef(null),f=r.useRef(null),O=r.useRef(null),{params:k,passedParams:S,rest:E,events:A}=cl(s),{slides:x,slots:I}=fl(o),P=()=>{y(!h)};Object.assign(k.on,{_containerClasses(L,V){c(V)}});const N=()=>{Object.assign(k.on,A),d=!0;const L={...k};if(delete L.wrapperClass,p.current=new Zt(L),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const V={cache:!1,slides:x,renderExternal:b,renderExternalUpdate:!1};lt(p.current.params.virtual,V),lt(p.current.originalParams.virtual,V)}};C.current||N(),p.current&&p.current.on("_beforeBreakpoint",P);const B=()=>{d||!A||!p.current||Object.keys(A).forEach(L=>{p.current.on(L,A[L])})},$=()=>{!A||!p.current||Object.keys(A).forEach(L=>{p.current.off(L,A[L])})};r.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),r.useEffect(()=>{!m.current&&p.current&&(p.current.emitSlidesClasses(),m.current=!0)}),pt(()=>{if(e&&(e.current=C.current),!!C.current)return p.current.destroyed&&N(),ul({el:C.current,nextEl:T.current,prevEl:_.current,paginationEl:f.current,scrollbarEl:O.current,swiper:p.current},k),a&&!p.current.destroyed&&a(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),pt(()=>{B();const L=pl(S,w.current,x,g.current,V=>V.key);return w.current=S,g.current=x,L.length&&p.current&&!p.current.destroyed&&dl({swiper:p.current,slides:x,passedParams:S,changedParams:L,nextEl:T.current,prevEl:_.current,scrollbarEl:O.current,paginationEl:f.current}),()=>{$()}}),pt(()=>{vl(p.current)},[v]);function U(){return k.virtual?ml(p.current,x,v):x.map((L,V)=>r.cloneElement(L,{swiper:p.current,swiperSlideIndex:V}))}return r.createElement(n,Ct({ref:C,className:qi(`${u}${i?` ${i}`:""}`)},E),r.createElement(hl.Provider,{value:p.current},I["container-start"],r.createElement(l,{className:al(k.wrapperClass)},I["wrapper-start"],U(),I["wrapper-end"]),$i(k)&&r.createElement(r.Fragment,null,r.createElement("div",{ref:_,className:"swiper-button-prev"}),r.createElement("div",{ref:T,className:"swiper-button-next"})),Yi(k)&&r.createElement("div",{ref:O,className:"swiper-scrollbar"}),Wi(k)&&r.createElement("div",{ref:f,className:"swiper-pagination"}),I["container-end"]))});Re.displayName="Swiper";const He=r.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:o,zoom:a,lazy:s,virtualIndex:d,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=r.useRef(null),[b,h]=r.useState("swiper-slide"),[y,m]=r.useState(!1);function C(T,_,f){_===v.current&&h(f)}pt(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!o)){if(o.destroyed){b!=="swiper-slide"&&h("swiper-slide");return}return o.on("_slideClass",C),()=>{o&&o.off("_slideClass",C)}}}),pt(()=>{o&&v.current&&!o.destroyed&&h(o.getSlideClasses(v.current))},[o]);const p={isActive:b.indexOf("swiper-slide-active")>=0,isVisible:b.indexOf("swiper-slide-visible")>=0,isPrev:b.indexOf("swiper-slide-prev")>=0,isNext:b.indexOf("swiper-slide-next")>=0},w=()=>typeof n=="function"?n(p):n,g=()=>{m(!0)};return r.createElement(i,Ct({ref:v,className:qi(`${b}${l?` ${l}`:""}`),"data-swiper-slide-index":d,onLoad:g},c),a&&r.createElement(Rt.Provider,{value:p},r.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),s&&!y&&r.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&r.createElement(Rt.Provider,{value:p},w(),s&&!y&&r.createElement("div",{className:"swiper-lazy-preloader"})))});He.displayName="SwiperSlide";const gl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",bl=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:o})=>{var a;const[s,d]=r.useState(!1),u=r.useRef(null);r.useEffect(()=>{const b=document.getElementById("sxp-render"),h=document.getElementById("pb-modal");h?u.current=h:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),b?.appendChild(u.current))},[]);const c=r.useMemo(()=>o?.id&&o?.id!==""||t,[t,o]);if(r.useEffect(()=>{c?d(!0):setTimeout(()=>{d(!1)},o?.duration)},[c,o]),!u.current)return null;const v=pe.debounce(()=>{e?.()},300);return hi.createPortal(r.createElement(r.Fragment,null,s&&r.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},r.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((a=o?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:b=>{b.stopPropagation(),b.preventDefault()}},r.createElement("div",{onClick:e,className:"modal-icon-wrapper"},r.createElement("img",{src:gl,alt:"close",className:"modal-icon"})),i))),u.current)};var It=r.memo(bl);const yl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),l=[];for(let a=0;a<n.length&&(l.push(n[a]),!(l.join(" ").length>=e));a++);return(l.length>1&&l.length<n.length?l.slice(0,l.length-1):l).join(" ")+" "},wl=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:o,unfoldText:a,isPost:s,onChange:d})=>{const[u,c]=r.useState(!1),[v,b]=r.useState(!1),h=Number(i?.lineClamp||2),y=r.useRef(null),m=r.useRef(null),C=r.useCallback(()=>{c(!u)},[u,d]);return r.useMemo(()=>!u&&t.length>e?yl(t,e)+"...":t,[t,e,u]),r.useEffect(()=>{var p,w;((p=m?.current)===null||p===void 0?void 0:p.offsetHeight)>((w=y?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?b(!0):b(!1),m.current.style.display="none"},[s]),r.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},r.createElement("div",{ref:y,style:{overflow:"hidden",WebkitLineClamp:!s||u?"":h,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),r.createElement("div",{ref:m,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&v&&r.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??C},u?a||"show less":o||"show more"))};var kt=r.memo(wl);const Sl=r.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:o,loading:a}=t,[s,d]=r.useState();return r.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),r.useEffect(()=>{d(i)},[i]),r.createElement(r.Fragment,null,s?.includes(".avif")?r.createElement("picture",null,r.createElement("source",{type:"image/avif",srcSet:s}),r.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),r.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),r.createElement("img",{className:o,src:s,style:l,loading:a,onLoad:u=>{n?.(u.target)}})):r.createElement("img",{className:o,src:s,style:l,loading:a,onLoad:u=>{n?.(u.target)}}))});var Me=r.memo(Sl);const Tl=t=>{var e,i,n,l,o,a,s,d,u,{content:c,style:v,bgImg:b,onClick:h,schema:y,isDefault:m,bottom_image:C,tipText:p,isPost:w,viewTime:g,rec:T,swiper:_,commodityStyles:f,buttonStyle:O,index:k}=t,S=we(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=re(),{popupDetailData:A,bffEventReport:x,isPreview:I,bffFbReport:P}=re(),{jumpToWeb:N,productView:B}=Ne(),$=r.useRef(null),[U,L]=r.useState(!1),V=w?T:A,M=w?V?.product:(e=V?.video)===null||e===void 0?void 0:e.bindProduct,D=w?(i=V?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=V?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,z=w?k:A?.index,G=()=>{M?.link&&(N(V,M,D,z),w||B(V,M,D,g||$.current,z),window.location.href=window.getJointUtmLink(M.link))};r.useEffect(()=>{w||P?.({eventName:"ProductView"})},[w,P]),r.useEffect(()=>{const q=()=>{$.current=new Date};return q(),window.addEventListener("pageshow",q),()=>{window.removeEventListener("pageshow",q)}},[]);const W=r.useMemo(()=>{var q,se,ne,oe,ce;return M?.currency&&M?.price?`${(ne=(se=(q=M?.currency)===null||q===void 0?void 0:q.split("-")[1])===null||se===void 0?void 0:se.toUpperCase())!==null&&ne!==void 0?ne:""}${(ce=(oe=M?.price)===null||oe===void 0?void 0:oe.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ce!==void 0?ce:""}`:"$7,000"},[M?.price,M?.currency]),Z=I?375:(o=v?.width)!==null&&o!==void 0?o:window.innerWidth,R=({isPost:q})=>{var se,ne,oe;return r.createElement("div",null,r.createElement("div",{className:"pb-commondity-content-collection",style:f?.collection,hidden:!!M&&(!M?.collection||M?.collection==="")},(se=M?.collection)!==null&&se!==void 0?se:"Tiffany Lock"),r.createElement("div",{className:"pb-commondity-content-title",style:f?.title,hidden:!!M&&!M?.title},(ne=M?.title)!==null&&ne!==void 0?ne:"Pendant in Yellow Gold with Diamonds, Medium"),r.createElement("div",{className:"pb-commondity-content-price",style:f?.price,hidden:!!M&&!M?.price},W),r.createElement("div",{hidden:!!M&&(!M?.info||M?.info==="")},r.createElement(kt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>L(!0),isPost:q,text:(oe=M?.info)!==null&&oe!==void 0?oe:`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:f?.info})))},ee=()=>{var q;return r.createElement(r.Fragment,null,(b||M?.link)&&r.createElement("button",{onClick:G,className:"pb-commondity-btn",style:O},(q=D?.enTitle)!==null&&q!==void 0?q:"Purchase on Website"))};return r.createElement("div",{className:"pb-commondity"},r.createElement("div",Object.assign({className:J.css(Object.assign({},v))},S),M&&((a=M?.homePage)===null||a===void 0?void 0:a.length)>0&&r.createElement(Ze,{height:Z,modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:_?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:_?.delay*1e3}},(s=M?.homePage)===null||s===void 0?void 0:s.map(q=>r.createElement(Fe,{key:q},r.createElement("div",{style:{overflow:"hidden",width:Z,height:Z}},r.createElement(Ae,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",transform:`translateY(${_?.translateY})%`},src:q}))))),!(!((d=M?.homePage)===null||d===void 0)&&d.length)&&r.createElement("div",{className:J.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},r.createElement("img",{className:J.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=x?.bottom_image)!==null&&u!==void 0?u:C,alt:""})),r.createElement("div",{className:"pb-commondity-content"},R({isPost:g}))),ee(),r.createElement(It,{visible:U,onClose:()=>L(!1)},r.createElement("div",{style:{paddingBottom:"80px"}},R({isPost:!1})),ee()))};var xl=r.memo(Tl);const El=Ie(xl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Vn},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 Cl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ei,ti,Il=[{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:Ce?.fontOptions,initialValue:(ti=(ei=Ce?.fontOptions)===null||ei===void 0?void 0:ei[0])===null||ti===void 0?void 0:ti.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"]}]}],Ki="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 kl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:l,src:o}=t;switch(i){case 2:return n||null;case 3:return o||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:o,isExternalLink:a,onClose:s,onClick:d,submitButtonStyle:u}=t,c=we(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=re(),{jumpToWeb:h}=Me(),m=typeof l=="string"?l:kl(l),w=()=>{var b,C,p;if(a){const g=v,y=(b=g?.video)===null||b===void 0?void 0:b.bindProduct,E=(p=(C=g?.video)===null||C===void 0?void 0:C.bindProduct)===null||p===void 0?void 0:p.bindCta,_=v?.index;h(g,y,E,_)}o||s?.(),d?.()};return r.createElement("div",Object.assign({className:`pb-prompt ${J.css(Object.assign({},n))}`},c),r.createElement("div",{className:"pb-prompt-icon"},r.createElement("img",{width:"100%",src:m??Ki})),r.createElement("div",{className:"pb-prompt-content"},e),r.createElement("button",{className:"pb-prompt-btn",style:u,onClick:w},i))};var Dl=r.memo(_l);const Al=Ie(Dl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Il,bindableProps:[],interactionRender:Cl},defaulSetting:{props:{icon:Ki,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ii,ni,Pl=[{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:-100,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:ie,name:["fontFamily"],initialValue:(ii=ie?.[0])===null||ii===void 0?void 0:ii.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:ie,initialValue:(ni=ie?.[0])===null||ni===void 0?void 0:ni.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Ol=t=>{var e,i,n,l,o,a,s,d,u,c,v,h,{style:m,isDefault:w,rec:b,viewTime:C,isPost:p,bottom_image:g,tipText:y,swiper:E,commodityStyles:_,buttonStyle:f,index:O}=t,I=we(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);r.useState(!0);const{sxpParameter:S}=re(),{popupDetailData:x,bffEventReport:A,isPreview:T,swiperRef:k,bffFbReport:P}=re(),{jumpToWeb:N,productView:B}=Me(),$=r.useRef(null);r.useRef(null),r.useRef(null),r.useState(!1),r.useState(!1),r.useState(!0);const[U,L]=r.useState(!1),z=r.useRef(null),M=p?b:x,D=p?M?.product:(e=M?.video)===null||e===void 0?void 0:e.bindProduct,V=p?(i=M?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=M?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,G=p?O:x?.index,W=()=>{D?.link&&(N(M,D,V,G),p||B(M,D,V,C||z.current,G),window.location.href=window.getJointUtmLink(D.link))};r.useEffect(()=>{p||P?.({eventName:"ProductView"})},[p,P]),r.useEffect(()=>{const q=()=>{z.current=new Date};return q(),window.addEventListener("pageshow",q),()=>{window.removeEventListener("pageshow",q)}},[]);const Z=r.useMemo(()=>{var q,se,ne,oe,ce;return D?.currency&&D?.price?`${(ne=(se=(q=D?.currency)===null||q===void 0?void 0:q.split("-")[1])===null||se===void 0?void 0:se.toUpperCase())!==null&&ne!==void 0?ne:""}${(ce=(oe=D?.price)===null||oe===void 0?void 0:oe.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ce!==void 0?ce:""}`:"\xA3102,300.00"},[D?.price,D?.currency]),R=T?375:(o=m?.width)!==null&&o!==void 0?o:window.innerWidth,ee=({isPost:q})=>r.createElement("div",{hidden:!!D&&(!D?.info||D?.info==="")},r.createElement(kt,{isPost:q,onClick:()=>L(!0),className:"pb-commondityDiroNew-info",style:_?.info,foldText:y?.foldText,unfoldText:y?.unfoldText,text:D?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
-Made in Italy`}));return r.createElement("div",{className:"pb-commondityDiroNew"},r.createElement("div",Object.assign({ref:$,className:J.css(Object.assign({},m))},I),D&&((a=D?.homePage)===null||a===void 0?void 0:a.length)>0&&r.createElement(Ze,{height:R,modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:E?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:E?.delay*1e3}},(s=D?.homePage)===null||s===void 0?void 0:s.map(q=>r.createElement(Fe,{key:q},r.createElement("div",{style:{overflow:"hidden",width:R,height:R}},r.createElement(Ae,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",transform:`translateY(${E?.translateY})%`},src:q}))))),!(!((d=D?.homePage)===null||d===void 0)&&d.length)&&r.createElement("div",{className:J.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},r.createElement("img",{className:J.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=S?.bottom_image)!==null&&u!==void 0?u:g,alt:""})),r.createElement("div",{className:"pb-commondityDiroNew-content"},r.createElement("div",{className:"pb-commondityDiroNew-content-top"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:_?.title},(c=D?.title)!==null&&c!==void 0?c:"Large Dior Toujours Bag"),r.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!D&&(!D?.collection||D?.collection===""),style:_?.collection},D?.collection||"Black Macrocannage Calfskin")),r.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.price,style:_?.price},Z),r.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.taxInfo,style:_?.taxInfo},(v=D?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!D||D?.link)&&r.createElement("button",{onClick:W,className:"pb-commondityDiroNew-btn",style:f},(h=V?.enTitle)!==null&&h!==void 0?h:"Shop now"),ee({isPost:p}))),r.createElement(It,{visible:U,onClose:()=>L(!1)},ee({isPost:!1})))};var Ml=r.memo(Ol);const Ll=Ie(Ml,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Pl},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 oi,li,Pe=[{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:-100,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:ie,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(oi=ie?.[0])===null||oi===void 0?void 0:oi.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:ie,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(li=ie?.[0])===null||li===void 0?void 0:li.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"]}]}],jl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Qi(t){const e=r.useRef(null),[i,n]=r.useState(!1);return r.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),r.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var o;(o=e?.current)===null||o===void 0||o.disconnect()}},[t]),i}const Nl=t=>{var{rec:e,children:i,className:n,onClick:l,style:o,isExternalLink:a=!1,index:s}=t;we(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=r.useRef(null),u=Qi(d),{popup:c}=He(),{setPopupDetailData:v,ctaEvent:h}=re(),{jumpToWeb:m}=Me();r.useEffect(()=>{var b,C;if(u&&d?.current){const p=(C=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&C!==void 0?C:e?.video;h?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,s)}},[u,d,e,h,s]);const w=pe.throttle(()=>{var b,C,p,g,y,E,_,f;const O=(C=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&C!==void 0?C:e?.video;if(h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,O,s),v?.(Object.assign(Object.assign({},e),{index:s})),a){if(!((g=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||g===void 0)&&g.link){const I=(y=e?.video)===null||y===void 0?void 0:y.bindCta,S=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;m(e,S,I,s),window.location.href=window.getJointUtmLink((f=(_=e?.video)===null||_===void 0?void 0:_.bindProduct)===null||f===void 0?void 0:f.link)}}else l?.()},c?.duration);return r.createElement("div",{ref:d,className:n,style:o,onClick:w},i)};var vt=r.memo(Nl),Bl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const zl=t=>{var e,i,n,l,o,a,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:h,ctaTempStyles:m,isExternalLink:w,translateY:b=0}=t,C=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:p}=re(),g=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(l=(n=(i=g?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:p?.bottom_image)!==null&&l!==void 0?l:h;return r.createElement(vt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},u)),style:{display:"flex"}},C),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Ae,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${b}%)`}),src:y})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Bl["tow-line-ellipsis"],style:m?.title},(o=g?.title)!==null&&o!==void 0?o:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(a=g?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var Vl=r.memo(zl);const Fl=Ie(Vl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:jl,bindableProps:[],settingRender:Pe},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 Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ul=t=>{var e,i,n,l,{content:o,style:a,bgImg:s,recData:d,bottom_image:u,ctaTempStyles:c,isExternalLink:v}=t,h=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:m}=re(),w=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return r.createElement(vt,Object.assign({isExternalLink:v,rec:d,className:J.css(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},h),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},r.createElement("img",{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=w?.icon)!==null&&i!==void 0?i:m?.bottom_image)!==null&&n!==void 0?n:u,alt:""})),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},c?.ctaTitle))},(l=w?.enTitle)!==null&&l!==void 0?l:"Product Name"))};var Gl=r.memo(Ul);const $l=Ie(Gl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Hl,settingRender:Pe?.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 Wl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Yl=t=>{var e,i,n,l,o,{content:a,style:s,bgImg:d,recData:u,bottom_image:c,ctaTempStyles:v,index:h}=t,m=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:w,bffEventReport:b}=re(),{jumpToWeb:C}=Me(),p=(e=u?.video)===null||e===void 0?void 0:e.bindCta,g=(i=u?.video)===null||i===void 0?void 0:i.bindProduct,y=()=>{p?.link&&(C(u,g,p,h),window.location.href=window.getJointUtmLink(p.link))};return r.createElement(vt,Object.assign({index:h,rec:u,className:J.css(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},m,{onClick:y}),r.createElement("div",{className:J.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},r.createElement(Ae,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(l=(n=p?.icon)!==null&&n!==void 0?n:w?.bottom_image)!==null&&l!==void 0?l:c})),r.createElement("div",{className:J.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Wl["tow-line-ellipsis"],style:v?.ctaTitle},(o=p?.enTitle)!==null&&o!==void 0?o:"Product Name")))};var ql=r.memo(Yl);const Xl=Ie(ql,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Pe?.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 Jl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Kl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Ql=t=>{var e,i,n,l,o,a,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:h,ctaTempStyles:m,isExternalLink:w,translateY:b=0}=t,C=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:p}=re(),g=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(l=(n=(i=g?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:p?.bottom_image)!==null&&l!==void 0?l:h;return r.createElement(vt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},u)),style:{display:"flex"}},C),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Ae,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${b}%)`}),src:y})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Kl["tow-line-ellipsis"],style:m?.title},(o=g?.title)!==null&&o!==void 0?o:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(a=g?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var Zl=r.memo(Ql);const Rl=Ie(Zl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Jl,settingRender:Pe,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 es=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const is=t=>{var e,i,n,l,o,a,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:h,ctaTempStyles:m,isExternalLink:w,translateY:b=0}=t,C=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:p}=re(),g=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(l=(n=(i=g?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:p?.bottom_image)!==null&&l!==void 0?l:h;return r.createElement(vt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},u)),style:{display:"flex"}},C),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Ae,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${b}%)`}),src:y})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},r.createElement("div",{className:ts["tow-line-ellipsis"],style:m?.title},(o=g?.title)!==null&&o!==void 0?o:"Product Name"),r.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(a=g?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&s!==void 0?s:"Shop now")))};var ns=r.memo(is);const os=Ie(ns,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:es,bindableProps:[],settingRender:Pe},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 ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ss=({children:t,isPadding:e=!0})=>r.createElement(Ze,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Kn,Jn,Xn],style:{padding:e?"0 12px 0 20px":0}},t);var _t=r.memo(ss);const rs=({src:t,rec:e,item:i,index:n,style:l})=>{const o=r.useRef(null),a=Qi(o),{ctaEvent:s}=re();return r.useEffect(()=>{a&&t&&o?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,o,e,s,i,n]),r.createElement("div",{ref:o,hidden:!t,className:J.css({width:"100%",height:"100%"})},r.createElement(Ae,{className:J.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},l)),src:t}))};var si=r.memo(rs),as={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const ds=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:h=0}=t,m=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:w,setPopupDetailData:b,sxpParameter:C}=re(),{popup:p}=He(),{jumpToWeb:g}=Me(),[y,E]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=pe.throttle(f=>{w?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(g(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},y?.map(f=>{var O,I,S,x,A,T;return r.createElement(Fe,Object.assign({hidden:a&&!f?.bindCta,key:f?.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(S=(I=(O=f?.homePage)===null||O===void 0?void 0:O[0])!==null&&I!==void 0?I:C?.bottom_image)!==null&&S!==void 0?S:d,rec:a,item:f,index:v,style:{transform:`translateY(${h}%)`}})),r.createElement("div",{className:J.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:as["two-line-ellipsis"],style:u?.title},(x=f?.title)!==null&&x!==void 0?x:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(T=(A=f?.bindCta)===null||A===void 0?void 0:A.enTitle)!==null&&T!==void 0?T:"Shop Now")))}))};var cs=r.memo(ds);const us=Ie(cs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ls,bindableProps:[],settingRender:Pe},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 ps=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vs={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const fs=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:h=0}=t,m=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:w}=re(),{ctaEvent:b,setPopupDetailData:C}=re(),{popup:p}=He(),[g,y]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:E}=Me(),_=pe.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),C?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(E(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},g?.map(f=>{var O,I,S,x,A,T;return r.createElement(Fe,Object.assign({hidden:a&&!f?.bindCta,key:f.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(S=(I=(O=f?.homePage)===null||O===void 0?void 0:O[0])!==null&&I!==void 0?I:w?.bottom_image)!==null&&S!==void 0?S:d,rec:a,item:f,index:v,style:{transform:`translateY(${h}%)`}})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:vs["two-line-ellipsis"],style:u?.title},(x=f?.title)!==null&&x!==void 0?x:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(T=(A=f?.bindCta)===null||A===void 0?void 0:A.enTitle)!==null&&T!==void 0?T:"Shop Now")))}))};var ms=r.memo(fs);const hs=Ie(ms,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:ps,settingRender:Pe,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 gs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],bs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ys=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:h=0}=t,m=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:w,setPopupDetailData:b,sxpParameter:C}=re(),{popup:p}=He(),{jumpToWeb:g}=Me(),[y,E]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=pe.throttle(f=>{w?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(g(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},y?.map(f=>{var O,I,S,x,A,T;return r.createElement(Fe,Object.assign({hidden:a&&!f?.bindCta,key:f?.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(S=(I=(O=f?.homePage)===null||O===void 0?void 0:O[0])!==null&&I!==void 0?I:C?.bottom_image)!==null&&S!==void 0?S:d,rec:a,item:f,index:v,style:{transform:`translateY(${h}%)`}})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},r.createElement("div",{className:bs["tow-line-ellipsis"],style:u?.title},(x=f?.title)!==null&&x!==void 0?x:"Product Name"),r.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(T=(A=f?.bindCta)===null||A===void 0?void 0:A.enTitle)!==null&&T!==void 0?T:"Shop now")))}))};var ws=r.memo(ys);const Ss=Ie(ws,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:gs,bindableProps:[],settingRender:Pe},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 ri,ai,Ts=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u6587\u672C\u884C\u6570",name:["props","lineClamp"]},{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{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:ie,name:["fontFamily"],initialValue:(ri=ie?.[0])===null||ri===void 0?void 0:ri.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:ie,initialValue:(ai=ie?.[0])===null||ai===void 0?void 0:ai.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 xs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:o,setOpenHashtag:a}=re();return r.createElement("div",{className:"clc-sxp-nav",style:e},r.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),r.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=o?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var Zi=r.memo(xs),Es=null,Cs="3d989325-e7d6-4a74-8a97-98febdf5b567",Is=null,ks=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"},Ds=[{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}],As="Handbags",Ps={productUserId:Es,requestId:Cs,channel:Is,rtc:ks,tag:_s,recList:Ds,hashTag:As};const Os=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:o,space:a}=t,{swiperRef:s,setRtcList:d,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=re(),[h,m]=r.useState(!1),w=r.useRef(null),b=r.useRef(null),C=r.useRef(null),p=r.useRef(null),[g,y]=r.useState(""),E=r.useMemo(()=>{var S,x,A,T,k,P,N,B,$,U,L,z;return!((S=e?.video)===null||S===void 0)&&S.cover?(x=e?.video)===null||x===void 0?void 0:x.cover:!((A=e?.video)===null||A===void 0)&&A.url?(m(!0),(T=e?.video)===null||T===void 0?void 0:T.url):!((P=(k=e?.video)===null||k===void 0?void 0:k.imgUrls)===null||P===void 0)&&P.length?(B=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||B===void 0?void 0:B[0]:!((U=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||U===void 0)&&U.length?(z=(L=e?.product)===null||L===void 0?void 0:L.homePage)===null||z===void 0?void 0:z[0]:v?.bottom_image||""},[e,v?.bottom_image]),_=r.useMemo(()=>{var S,x;return((S=e?.product)===null||S===void 0?void 0:S.title)||((x=e?.video)===null||x===void 0?void 0:x.title)||null},[e]),f=r.useMemo(()=>{var S,x,A,T,k,P,N,B,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((x=e?.product)===null||x===void 0)&&x.price)?`${(P=(k=(T=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||T===void 0?void 0:T.split("-")[1])===null||k===void 0?void 0:k.toUpperCase())!==null&&P!==void 0?P:""}${($=(B=(N=e?.product)===null||N===void 0?void 0:N.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);r.useEffect(()=>{const S=new IntersectionObserver(x=>{x.forEach(A=>{if(A.isIntersecting){if(b.current===null||E==="")return;h&&g?w.current.setSrc(g):w.current.setSrc(E),S.unobserve(b.current)}})});return S.observe(b.current),()=>{S.disconnect()}},[E,h,g]);const O=(S,x,A)=>{const T=S/x;return A/T};r.useEffect(()=>{const S=C?.current;S===null||E===""||!h||(S.src=E,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const x=p?.current;if(!x)return;const A=x.getContext("2d"),T=window?.innerWidth/2,k=O(S.videoWidth,S.videoHeight,T);x.height=k,x.width=T,A?.drawImage(S,0,0,x.width,x.height),y(x.toDataURL()),S.remove(),x.remove()})},[E,h]);const I=()=>{l(),d?.(n),setTimeout(()=>{var S;(S=s?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return r.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:a}},r.createElement("div",{className:"list-content-listItem-picture"},h&&r.createElement("div",{style:{display:"none"}},r.createElement("video",{ref:C,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),r.createElement("canvas",{ref:p})),r.createElement(Ae,{loading:"lazy",className:"list-content-listItem-picture-img",ref:w})),r.createElement("div",{className:"list-content-listItem-info"},r.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:o?.title},_&&_),r.createElement("div",{className:"list-content-listItem-info-price",style:o?.price,hidden:!f},f)))};function Ms(t){var e,i,n,l,o,a,s,d,u,c,v,h,{reportTagsView:m}=t,w=we(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:C,hashTagSize:p,loadingImage:g,isOpenHashTag:y}=re(),[E,_]=r.useState(),[f,O]=r.useState(),[I,S]=r.useState(!1),x=r.useRef(null),[A,T]=r.useState(!1);r.useCallback(()=>{A||(T(!0),b&&C?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(P=>{var N;_(E?.concat((N=P?.recList)!==null&&N!==void 0?N:[])),T(!1)}))},[b,C,E,A]),r.useEffect(()=>{var P,N;if(S(!0),b&&C?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:p,maxSize:p}).then(B=>{var $,U;O(B),_((U=($=B?.recList)===null||$===void 0?void 0:$.filter(L=>L?.video!==null||L?.product!==null))!==null&&U!==void 0?U:[]),S(!1)}),y){const B=Ps;O(B),_((N=(P=B?.recList)===null||P===void 0?void 0:P.filter($=>$?.video!==null||$?.product!==null))!==null&&N!==void 0?N:[]),S(!1)}},[b,C,p,y]);const k=()=>{var P,N;!((P=f?.tag)===null||P===void 0)&&P.link&&(m(),window.location.href=(N=f?.tag)===null||N===void 0?void 0:N.link)};return r.createElement(r.Fragment,null,I?r.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:g,alt:"loading...",style:{objectFit:"contain"}})):r.createElement("div",{className:"list"},r.createElement("div",{className:"list-scroll",ref:x},r.createElement("div",{className:"list-info",style:(e=w?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=f?.tag)===null||i===void 0?void 0:i.info),r.createElement("div",{hidden:!(!((n=f?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:k,style:Object.assign(Object.assign({},(l=w?.textStyles)===null||l===void 0?void 0:l.hashTagLink),{marginBottom:w?.space})},((o=f?.tag)===null||o===void 0?void 0:o.linkTitle)||"Shop the collection"),r.createElement("div",{className:"list-content"},E?.map((P,N)=>r.createElement(Os,Object.assign({key:N,index:N,rec:P,list:E,reportTagsView:m},w)))),r.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),r.createElement("div",{hidden:!(!((a=f?.tag)===null||a===void 0)&&a.link),style:{height:!((s=f?.tag)===null||s===void 0)&&s.link?((d=w?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((u=w?.buttonStyle)===null||u===void 0?void 0:u.height)||"100px":0}})),r.createElement("div",{className:"list-bottom",hidden:!(!((c=f?.tag)===null||c===void 0)&&c.link),style:w?.buttonBgStyle}),r.createElement("div",{hidden:!(!((v=f?.tag)===null||v===void 0)&&v.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},w?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},r.createElement("button",{className:"list-btn",style:w?.buttonStyle,onClick:k},((h=f?.tag)===null||h===void 0?void 0:h.linkTitle)||"Shop the collection"))))}var Ls="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const js=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:o,setWaterFallData:a,cacheRtcList:s,setRtcList:d,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:h,isFromHashtag:m,bffEventReport:w}=re();r.useRef(null);const b=r.useRef(null),[C,p]=r.useState();r.useEffect(()=>{const f=document.getElementById("sxp-render"),O=document.getElementById("water-fall");O?b.current=O:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),f?.appendChild(b.current))},[]);const g=()=>{const f=pe.isEqual(c,s);!f&&s&&s?.length&&d?.(s),_(),a?.(void 0),h?.(!1),setTimeout(()=>{var O,I;f||(I=(O=o?.current)===null||O===void 0?void 0:O.swiper)===null||I===void 0||I.slideTo(u,0,!1),n?.(!1)},0)},[y,E]=r.useState();r.useEffect(()=>{i&&E(i)},[i]);const _=r.useCallback(()=>{var f,O,I,S,x,A;const T=y?.rec;if(!T)return;let k="";m?k="hashTagPage":!((f=T?.video)===null||f===void 0)&&f.url?k="videoPage":!((I=(O=T?.video)===null||O===void 0?void 0:O.imgUrls)===null||I===void 0)&&I.length&&(k="imagePage"),w?.({eventInfo:{contentId:(S=T?.video)===null||S===void 0?void 0:S.itemId,position:u+"",contentTags:JSON.stringify((x=T?.video)===null||x===void 0?void 0:x.tags),traceInfo:(A=T?.video)===null||A===void 0?void 0:A.traceInfo,hashTags:JSON.stringify([y?.hashTag]),fromKName:k,fromKPage:location?.href,timeOnSite:Math.floor((new Date-C)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[y,w,C,m,u]);return r.useEffect(()=>{l&&p(new Date)},[l]),r.useEffect(()=>{const f=()=>{p(new Date)};return window.addEventListener("pageshow",f),()=>{window.removeEventListener("pageshow",f)}},[]),b.current?hi.createPortal(r.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},r.createElement(Zi,{icon:Ls,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:g}),r.createElement(Ms,Object.assign({reportTagsView:_},t))),b.current):null};var Ri=r.memo(js);const Ns=t=>r.createElement(Ri,Object.assign({},t));var Bs=r.memo(Ns);const zs=Ie(Bs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ts,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 di=Object.freeze({__proto__:null,Appoint:$l,AppointForm:zn,Commodity:Fl,CommodityDetail:El,CommodityDetailDiroNew:Ll,CommodityDiro:Rl,CommodityDiroNew:os,HashTag:zs,Link:Xl,MultiCommodity:hs,MultiCommodityDiro:us,MultiCommodityDiroNew:Ss,Prompt:Al});const Vs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Fs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Hs=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:o}=t,a=we(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:d,bffEventReport:u}=re(),[c,v]=r.useState(e),h=_e(Fs),m=_e(Vs),w=pe.debounce(()=>Te(void 0,void 0,void 0,function*(){var b,C,p,g,y,E,_,f,O,I,S,x,A,T,k,P,N,B,$,U;if(c){v(!1);const L=(p=yield d?.({videoItemId:(C=(b=l.video)===null||b===void 0?void 0:b.itemId)!==null&&C!==void 0?C:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(y=(g=l.video)===null||g===void 0?void 0:g.itemId)!==null&&y!==void 0?y:"",contentName:(_=(E=l.video)===null||E===void 0?void 0:E.title)!==null&&_!==void 0?_:"",contentTags:JSON.stringify((O=(f=l.video)===null||f===void 0?void 0:f.tags)!==null&&O!==void 0?O:[]),position:o+"",contentFormat:!((I=l.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(S=l.video)===null||S===void 0?void 0:S.traceInfo}}),L||v(!0)}else{v(!0);const L=(x=yield s?.({content:JSON.stringify(l)}))!==null&&x!==void 0?x:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(T=(A=l.video)===null||A===void 0?void 0:A.itemId)!==null&&T!==void 0?T:"",contentName:(P=(k=l.video)===null||k===void 0?void 0:k.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((B=(N=l.video)===null||N===void 0?void 0:N.tags)!==null&&B!==void 0?B:[]),position:o+"",contentFormat:!(($=l.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(U=l.video)===null||U===void 0?void 0:U.traceInfo}}),L||v(!1)}}),200);return r.createElement("button",Object.assign({},a,{onClick:w}),r.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||h:n||m,alt:"icon"}))};var en=r.memo(Hs);const Us=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:o,videoPostConfig:a,videoRef:s})=>{const[d,u]=r.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:h,openHashtag:m,bffFbReport:w}=re(),b=r.useRef(0),[C,p]=r.useState(!1),[g,y]=r.useState(!0),{isActive:E}=Ji(),_=r.useRef(null),[f,O]=r.useState(""),I=`pb-cache-video-${e}`,S=r.useRef(null),x=r.useMemo(()=>a?.mode==="2",[a]),A=r.useMemo(()=>{var G;return a?.mode==="2"?`translateY(-${50+((G=a?.offsetTop)!==null&&G!==void 0?G:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),T=r.useMemo(()=>{var G;return((G=t?.video)===null||G===void 0?void 0:G.cover)||f},[f,t]),k=r.useMemo(()=>x?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[x]),P=r.useMemo(()=>a?.bgWay==="1",[a]),N=r.useMemo(()=>P&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,P]);r.useEffect(()=>{s&&s?.muted(l)},[l,s]);const B=r.useCallback(()=>{s&&s?.play()},[s]),$=_e("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),U=r.useCallback(()=>{var G,W,Z,R,ee,q,se,ne,oe;if(!s)return;p(!0),u(!1);const ce=n[e];if(ce&&s?.duration()){b.current=s?.currentTime()||0;const F=((G=s?.duration())!==null&&G!==void 0?G:0).toFixed(2),H=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2),K=g?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(R=(Z=ce.video)===null||Z===void 0?void 0:Z.itemId)!==null&&R!==void 0?R:"",contentName:(q=(ee=ce.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",playType:K,startTime:H,videoDuration:F,contentTags:JSON.stringify((ne=(se=ce.video)===null||se===void 0?void 0:se.tags)!==null&&ne!==void 0?ne:[]),position:e+"",contentFormat:"video",traceInfo:(oe=ce.video)===null||oe===void 0?void 0:oe.traceInfo}}),y(!1)}},[c,n,e,g,s]),L=r.useCallback(()=>{var G;if(!s||f||!x)return;const W=document.getElementById("player-container-id_html5_api");if(!W||(W.style.objectFit="contain",!((G=t?.video)===null||G===void 0)&&G.cover||!_||!_.current||P))return;const Z=()=>{const R=W,ee=_?.current,q=ee.getContext("2d"),se=window?.innerWidth,ne=window?.innerHeight;ee.height=ne,ee.width=se,q?.drawImage(R,0,0,ee.width,ee.height),O(ee.toDataURL())};Z(),setTimeout(()=>{Z()},500)},[s,P,t,f,x]),z=r.useCallback(()=>{s&&L()},[s,L]);r.useCallback(()=>{p(!0)},[]);const M=r.useCallback(G=>()=>{if(!s||!C)return;const W=s?.paused();switch(G){case"start":if(!W)return;s?.play(),u(!1);break;case"pause":if(W)return;s?.pause(),u(!0);break;default:W?s?.play():s?.pause(),u(!W);break}},[C,s]),D=r.useCallback(()=>{var G,W,Z,R,ee,q,se,ne,oe;if(!s||o!==e)return;const ce=n[e],F=((G=s?.duration())!==null&&G!==void 0?G:0).toFixed(2),H=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2);if(s?.duration()){const K=(s?.currentTime()-b.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(R=(Z=ce.video)===null||Z===void 0?void 0:Z.itemId)!==null&&R!==void 0?R:"",contentName:(q=(ee=ce.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",endTime:H,videoDuration:F,playDuration:K,contentTags:JSON.stringify((ne=(se=ce.video)===null||se===void 0?void 0:se.tags)!==null&&ne!==void 0?ne:[]),position:e+"",contentFormat:"video",traceInfo:(oe=ce.video)===null||oe===void 0?void 0:oe.traceInfo}})}},[n,e,c,s,o]);r.useEffect(()=>{if(!E||!s)return;const G=t.video.url;if(!G)return;u(!1);const W=document.querySelector(`#${I}`),Z=document.querySelector("#player-container-id"),R=document.querySelector("#player-container-id-copy");if(!(!Z&&!R))return W?.appendChild(Z||R),s?.src(G),s?.on("loadedmetadata",z),s?.on("loadeddata",L),s?.on("playing",U),s?.on("pause",D),s?.on("ended",B),()=>{R?.appendChild(Z),s?.off("loadedmetadata",z),s?.off("loadeddata",L),s?.off("playing",U),s?.off("pause",D),s?.off("ended",B)}},[E,I,t,s]),r.useEffect(()=>{!s||!C||(E?(w?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[E,C,s]),r.useEffect(()=>{if(!E||!s)return;!s?.paused()&&m?s?.pause():m||s?.play()},[m,E,s]),r.useEffect(()=>{if(!E)return;const G=()=>{M("start")(),w?.({eventName:"ViewContent"})},W=M("pause");return Ue.on(Oe.PAGE_DID_SHOW,G),Ue.on(Oe.PAGE_DID_HIDE,W),()=>{Ue.off(Oe.PAGE_DID_SHOW,G),Ue.off(Oe.PAGE_DID_HIDE,W)}},[M,E]);const V=r.useMemo(()=>!v?.placeholder_image||C?null:r.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[C,v?.placeholder_image]);return r.useEffect(()=>{if(!s)return;const G=()=>{var W;o===e&&(!((W=t?.video)===null||W===void 0)&&W.url)&&s&&!d&&M("pause")()};return window.addEventListener("beforeunload",G),()=>{window.removeEventListener("beforeunload",G)}},[o,e,t,s,M,d]),t.video?r.createElement(r.Fragment,null,x?r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:M(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!P&&r.createElement(Ae,{src:T,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},k)}),r.createElement("canvas",{ref:_,style:{display:"none"}}),r.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},r.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},r.createElement("div",{className:"n-full-screen",ref:S,id:I,style:{width:"100%",height:"100%"}}),r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))),V):r.createElement("div",{className:"video-container",key:t.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:M()},r.createElement("div",{className:"n-full-screen",ref:S,id:I,style:{width:"100%",height:"100%"}}),V,r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))):null};var Gs=r.memo(Us);const $s=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[o,a]=r.useState(t),s=d=>{d.stopPropagation();const u=!o;a(u),n?.(u)};return r.createElement("button",{style:l,className:"pb-toggle-button",onClick:s},r.createElement("img",{className:"pb-toggle-button-icon",src:o?e:i}))};var tn=r.memo($s);const Ws=({imageUrl:t,style:e})=>{const[i,n]=r.useState(!0);He(),r.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=_e("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=r.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return r.createElement("div",{hidden:!i,className:`pb-finger-wrap ${o}`,style:e},r.createElement("img",{src:t||l}))},nn=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,l=r.useMemo(()=>n?.mode==="2",[n]),o=r.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]),a=r.useMemo(()=>l?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[l]),s=r.useMemo(()=>n?.bgWay==="1",[n]),d=r.useMemo(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return r.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},d)},(!l||!s)&&r.createElement(Ae,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a)}),l&&r.createElement(Ae,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:o,left:0,right:0}}))},Ys=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:o,onViewImageStartEvent:a,imgUrlsPostConfig:s})=>{var d;const u=r.useRef(),{isActive:c}=Ji(),{sxpParameter:v,openHashtag:h}=re(),[m,w]=r.useState(!1);return r.useEffect(()=>{m&&c?(u?.current&&u.current.swiper.autoplay.start(),h?o(n):a(l)):(w(!0),u?.current&&u.current.swiper.autoplay.stop())},[n,c,o,h,l,a,m]),r.createElement(Ze,{ref:u,defaultValue:0,direction:"horizontal",modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=s?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map(b=>r.createElement(Fe,{key:b},r.createElement(nn,{src:b,height:i,imgUrlsPostConfig:s}))))};var qs=r.memo(Ys);const Xs=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:o})=>{const[a,s]=r.useState(!1),{setWaterFallData:d,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:h}=re(),m=w=>{v?h?.(!0):c?.(n),d?.(i?{hashTag:w,itemId:e,itemType:i,rec:l}:{hashTag:w,rec:l}),u?.(!0)};return r.useMemo(()=>t.length<=6?null:r.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!a)},a?"show less":"show more"),[a,t]),r.createElement("div",{className:"clc-sxp-bottom-hashtag"},r.createElement(_t,null,t?.map((w,b)=>r.createElement(Fe,{key:b,hidden:a?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:o,onClick:()=>m(w)},`#${w}`))))};var on=r.memo(Xs),Js="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 Dt(t){return r.memo(function(e){const{$store:i}=xn(),n=o=>{let a=o;const s=o.match(/{{.*?}}/g);return s?.length&&s.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=pe.get(i,c);return a=a.replace(d,v),v}})}),a},l=r.useMemo(()=>{var o,a,s;const{bindDatas:d}=e,u=we(e,["bindDatas"]);if((o=d?.forEach)===null||o===void 0||o.call(d,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:h}=c;h.replace(/{{\s*([\w.]+)\s*}}/g,(m,w)=>{var b,C;if(w){const p=(C=(b=pe.get(i,w))!==null&&b!==void 0?b:e[v])!==null&&C!==void 0?C:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=pe.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((s=(a=u?.event)===null||a===void 0?void 0:a.onClick)===null||s===void 0)&&s.linkType&&(u.style.cursor="pointer"),u},[i,e]);return r.createElement(t,Object.assign({},l,l.eventMap))})}const Ks=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=He(),o=r.useMemo(()=>{var a,s,d,u,c,v,h,m,w,b,C,p,g,y,E,_,f,O,I,S,x,A,T,k,P,N,B,$,U,L,z;if(!t?.video)return null;let M=null;!((s=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||s===void 0)&&s.length?M="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?M="\u5546\u54C1CTA":M=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const D=i?.[M];if(((v=D?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((m=D?.item)===null||m===void 0?void 0:m.type)==="Commodity"&&!(!((w=t?.video)===null||w===void 0)&&w.bindProduct)||((b=D?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((C=t?.video)===null||C===void 0)&&C.bindProduct)||((p=D?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((y=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||y===void 0)&&y.length)||((E=D?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((f=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||f===void 0)&&f.length)||((O=D?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((S=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||S===void 0)&&S.length))return null;if(D&&n){const V=n[(x=D?.item)===null||x===void 0?void 0:x.type],G=Dt(V),W=(A=V?.extend)===null||A===void 0?void 0:A.defaulSetting,Z=((P=(k=(T=D?.item)===null||T===void 0?void 0:T.event)===null||k===void 0?void 0:k.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return r.createElement(G,Object.assign({style:Object.assign(Object.assign(Object.assign({},W?.style),(N=D?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},W?.textStyle),(B=D?.item)===null||B===void 0?void 0:B.textStyle),bindDatas:(U=($=D?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&U!==void 0?U:[]},W?.props,(L=D?.item)===null||L===void 0?void 0:L.props,{event:((z=D?.item)===null||z===void 0?void 0:z.event)||{},schema:l,id:D?.id,key:D?.id,recData:t,isExternalLink:Z,index:e}))}else return null},[t,n,i,l]);return r.createElement(r.Fragment,null,o)};var ln=r.memo(Ks);const sn=({nudge:t})=>{var e,i,n,l,o,a,s;return r.createElement(r.Fragment,null,t?.isOpen&&r.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:(o=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&o!==void 0?o:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?r.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,r.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"})},(s=t?.content)!==null&&s!==void 0?s:"")))},ci="FOR U",Qs=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=r.useState(ci),{getRecommendVideos:l,setRtcList:o,setCacheRtcList:a,setCacheActiveIndex:s,setLoading:d,swiperRef:u,waterFallData:c}=re(),v=r.useMemo(()=>[ci,...t],[t]),h=m=>()=>{if(m===i)return;let w;m!==ci&&(w=m),d?.(!0),l?.({themeTag:w}).then(b=>{var C,p,g,y;Ue.emit(Oe.CHANGE_THEME_TAG,w),o?.((C=b?.recList)!==null&&C!==void 0?C:[]),a?.((p=b?.recList)!==null&&p!==void 0?p:[]),e?.(0),s?.(0),(y=(g=u?.current)===null||g===void 0?void 0:g.swiper)===null||y===void 0||y.slideTo(0)}).finally(()=>{d?.(!1)}),n(m)};return c||t.length<=0?null:r.createElement("div",{className:"clc-sxp-tagbar"},r.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},v.map(m=>r.createElement("li",{className:`clc-sxp-tagbar-list-item ${m===i?"clc-sxp-tagbar-list-item-active":""}`,key:m,onClick:h(m)},m))))};var rn=r.memo(Qs);const an=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:o,data:a=[],ctaType:s,tipText:d,nudge:u,_schema:c,hashTagStyle:v,tagList:h=[],licenseUrl:m})=>{var w,b,C,p,g,y,E,_,f,O;const{schema:I}=He(),[S,x]=r.useState(0),A=r.useRef(0),[T,k]=r.useState(!1),[P,N]=r.useState(!0),B=r.useRef(),$=r.useRef(),[U,L]=r.useState(!1),[z,M]=r.useState(!1),{loadVideos:D,bffEventReport:V,loading:G,setPopupDetailData:W,ctaEvent:Z,swiperRef:R,waterFallData:ee,setOpenHashtag:q,appDomain:se,openHashtag:ne,loadingImage:oe,isFromHashtag:ce,popupDetailData:F,bffFbReport:H}=re(),[K,ge]=r.useState(null),fe=r.useRef(),{productView:be}=Me(),me=r.useMemo(()=>a.length>0&&!G&&_n(),[a,G]),ye=r.useCallback(()=>{if(a.length<=0)return;Ge();const j=location.search.slice(1),Q=fi.parse(j.replace(/\+/g,"%2B"));for(const te in Q)Q[te]=Q[te].replace(/%2B/g,"+");const Y=te=>{var le;return(le=Q[te])!==null&&le!==void 0?le:""};V?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:Y("utm_source"),utmMedium:Y("utm_medium"),utmCampaign:Y("utm_campaign"),utmId:Y("utm_id"),utmContent:Y("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),H?.({eventName:"PageView"}),k(!0)},[V,a.length,H]),Ge=()=>{B.current=new Date,$.current=new Date,Cn()},Je=r.useRef();r.useEffect(()=>{if(!Je.current&&!K){Je.current=!0;const j=TCPlayer("player-container-id",{licenseUrl:m,controls:!1,autoplay:!1,loop:!1,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0});j?.ready(()=>{ge(j)})}},[K,m]),r.useEffect(()=>{T||ye()},[ye,T]),r.useEffect(()=>{var j;const Q=a?.findIndex(Y=>{var te,le,ae,X,de,ve,he,Ne,Be;return s==="\u591A\u5546\u54C1CTA"?((te=Y?.video)===null||te===void 0?void 0:te.bindProducts)&&((ae=(le=Y?.video)===null||le===void 0?void 0:le.bindProducts)===null||ae===void 0?void 0:ae.length)>0:s==="\u5546\u54C1CTA"?(X=Y?.video)===null||X===void 0?void 0:X.bindProduct:((ve=(de=Y?.video)===null||de===void 0?void 0:de.bindCta)===null||ve===void 0?void 0:ve.itemId)===s&&(((he=Y?.video)===null||he===void 0?void 0:he.url)||((Be=(Ne=Y?.video)===null||Ne===void 0?void 0:Ne.imgUrls)===null||Be===void 0?void 0:Be.length))})||0;(j=R?.current)===null||j===void 0||j.swiper.slideTo(Q)},[s,R]),r.useEffect(()=>{const j=a?.[S],Q=()=>{var Y,te,le,ae,X,de,ve,he,Ne,Be,Re,et,tt,it,Ke;if(document.visibilityState==="hidden"){Ue.emit(Oe.PAGE_DID_HIDE,j),dt(j),vi(j);let $e="";F&&(!((te=(Y=j?.video)===null||Y===void 0?void 0:Y.bindProducts)===null||te===void 0)&&te.length||!((le=j?.video)===null||le===void 0)&&le.bindProduct)?$e="pdpPage":F&&l?.[(de=(X=(ae=j.video)===null||ae===void 0?void 0:ae.bindCta)===null||X===void 0?void 0:X.itemId)!==null&&de!==void 0?de:""].item.type==="Appoint"?$e="formPage":ce?$e="hashTagPage":!((ve=j?.video)===null||ve===void 0)&&ve.url?$e="videoPage":!((he=j?.video)===null||he===void 0)&&he.imgUrls&&(!((Be=(Ne=j?.video)===null||Ne===void 0?void 0:Ne.imgUrls)===null||Be===void 0)&&Be.length)?$e="imagePage":j?.product&&($e="productPage"),V?.({eventInfo:{sessionDuration:Math.floor((new Date-B.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(Re=j?.video)===null||Re===void 0?void 0:Re.itemId,productId:(et=j?.product)===null||et===void 0?void 0:et.itemId,position:S+"",fromKName:$e,fromKPage:location?.href,ctatId:(Ke=(it=(tt=j.video)===null||tt===void 0?void 0:tt.bindCta)===null||it===void 0?void 0:it.itemId)!==null&&Ke!==void 0?Ke:""}})}else document.visibilityState==="visible"&&(ye(),cn(S),Ue.emit(Oe.PAGE_DID_SHOW,j))};return document.addEventListener("visibilitychange",Q),()=>{document.removeEventListener("visibilitychange",Q)}},[S,V,B,a,ye,F,ce,l]);const je=r.useMemo(()=>{let j=0;return t?.logoUrl&&t?.isShowLogo&&(j+=45),h.length>0&&(j+=45,ee&&(j-=45)),i-j},[t,i,h,ee]),ft=r.useMemo(()=>t?.logoUrl&&t?.isShowLogo?r.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},r.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),st=r.useCallback((j,Q)=>{var Y,te,le,ae;return!((Y=j.video)===null||Y===void 0)&&Y.url?r.createElement(Gs,{rec:j,index:Q,muted:P,data:a,height:je,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:K}):!((te=j.video)===null||te===void 0)&&te.imgUrls?r.createElement(qs,{key:j.video.itemId,imgUrls:j.video.imgUrls,width:n,height:je,rec:j,index:Q,onReportViewImageEnd:dt,onViewImageStartEvent:cn,imgUrlsPostConfig:t?.imgUrlsPost}):j.product&&Array.isArray(t?.productPost)&&((le=t?.productPost)===null||le===void 0?void 0:le.length)>0?(ae=t?.productPost)===null||ae===void 0?void 0:ae.map((X,de)=>{var ve,he,Ne,Be,Re,et,tt,it;const Ke=o[(ve=X?.item)===null||ve===void 0?void 0:ve.type],$e=Dt(Ke),We=(he=Ke?.extend)===null||he===void 0?void 0:he.defaulSetting;return r.createElement($e,Object.assign({key:`${Q}${de}`,textStyle:Object.assign(Object.assign({},We?.textStyle),(Ne=X?.item)===null||Ne===void 0?void 0:Ne.textStyle),bindDatas:(Re=(Be=X?.item)===null||Be===void 0?void 0:Be.bindDatas)!==null&&Re!==void 0?Re:[]},We?.props,(et=X?.item)===null||et===void 0?void 0:et.props,{event:((tt=X?.item)===null||tt===void 0?void 0:tt.event)||{},schema:I,id:X?.id,viewTime:$.current,rec:j,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},We?.style),(it=X?.item)===null||it===void 0?void 0:it.style),{height:"100%",overflow:"auto"}),index:Q}))}):null},[n,a,je,P,S,t?.productPost,$,d,o,I,K]),rt=r.useCallback(j=>{M(j)},[]),mt=r.useMemo(()=>z?{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"},[z]),at=r.useCallback((j,Q)=>{var Y,te,le,ae,X,de,ve;return j.video?r.createElement(r.Fragment,null,((Y=j.video)===null||Y===void 0?void 0:Y.title)&&!z&&r.createElement("div",{className:"clc-sxp-bottom-shadow"}),r.createElement("div",{className:"clc-sxp-bottom"},r.createElement(sn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?r.createElement("div",{className:"clc-sxp-bottom-card"},r.createElement(ln,{rec:j,index:Q,tempMap:l,resolver:o})):null,r.createElement("div",null,r.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(le=(te=j.video)===null||te===void 0?void 0:te.title)!==null&&le!==void 0?le:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),r.createElement(on,{index:S,tags:(X=(ae=j?.video)===null||ae===void 0?void 0:ae.hashTags)!==null&&X!==void 0?X:[],itemId:(de=j?.video)===null||de===void 0?void 0:de.itemId,itemType:!((ve=j.video)===null||ve===void 0)&&ve.itemId?"VIDEO":null,rec:j,hashTagStyle:v})))):null},[e,S,l,o,d,u,v,t,rt,z,mt]),Ee=r.useCallback((j,Q)=>{var Y,te,le,ae;if(!t?.isShowLike)return;let X=(Y=t?.likeIconY)!==null&&Y!==void 0?Y:400;return ee&&X<40&&(X+=40),j.video?r.createElement(en,{key:j.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:j.isCollected,recData:j,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(le=t.likeIconX)!==null&&le!==void 0?le:0,[(ae=t.likeIconYPosit)!==null&&ae!==void 0?ae:"bottom"]:X},position:Q}):null},[t,ee]),dt=j=>{var Q,Y,te,le,ae,X;if(!(!((Q=j.video)===null||Q===void 0)&&Q.url)&&(!((Y=j.video)===null||Y===void 0)&&Y.imgUrls)){const de=Date.now(),ve=(de-A.current)/1e3;V?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(le=(te=j.video)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",contentName:(ae=j.video.title)!==null&&ae!==void 0?ae:"",imageEndTime:`${de}`,playDuration:`${ve}`,contentTags:JSON.stringify((X=j.video.tags)!==null&&X!==void 0?X:[]),position:S+"",contentFormat:"image",traceInfo:j.video.traceInfo}})}},ct=j=>{var Q,Y,te,le,ae,X,de,ve;$.current=new Date;const he=a[j.previousIndex];he&&(j.previousIndex-j.activeIndex<0?(V?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(Y=(Q=he.video)===null||Q===void 0?void 0:Q.itemId)!==null&&Y!==void 0?Y:"",productId:(le=(te=he.product)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",requestId:null}}),dt(he)):(V?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(X=(ae=he.video)===null||ae===void 0?void 0:ae.itemId)!==null&&X!==void 0?X:"",productId:(ve=(de=he.product)===null||de===void 0?void 0:de.itemId)!==null&&ve!==void 0?ve:"",requestId:null}}),dt(he)),vi(he))},vi=j=>{var Q,Y,te;!(!((Q=j?.video)===null||Q===void 0)&&Q.url)&&!(!((Y=j?.video)===null||Y===void 0)&&Y.imgUrls)&&j?.product&&(be(j,j.product,(te=j?.product)===null||te===void 0?void 0:te.bindCta,$.current,S),H?.({eventName:"ProductView"}))};r.useEffect(()=>{const j=a[S];ne&&vi(j)},[ne,a,S]);const cn=j=>{var Q,Y,te,le,ae,X;const de=a[j];if(!(!((Q=de?.video)===null||Q===void 0)&&Q.url)&&(!((Y=de?.video)===null||Y===void 0)&&Y.imgUrls)){const ve=Date.now();A.current=ve,V?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(le=(te=de.video)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",contentName:(ae=de.video.title)!==null&&ae!==void 0?ae:"",imageStartTime:`${ve}`,contentTags:JSON.stringify((X=de.video.tags)!==null&&X!==void 0?X:[]),position:j+"",contentFormat:"image",traceInfo:de.video.traceInfo}}),H?.({eventName:"ViewContent"})}},At=r.useMemo(()=>{const j=a?.map((Q,Y)=>S===Y||Y-1===S||Y+1===S?Q:null);return ee?j:j.concat([{loading:!0}])},[a,S,ee]),ur=r.useMemo(()=>G?r.createElement("div",{style:{height:je,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):At?.map((j,Q)=>r.createElement(Fe,{key:Q,virtualIndex:Q},j&&r.createElement(r.Fragment,null,j?.loading?r.createElement("div",{style:{height:je,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):r.createElement(r.Fragment,null,st(j,Q),at(j,Q),Ee(j,Q))))),[n,a,je,G,at,st,At,oe]),pr=_e("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),vr=_e("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return r.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},ee&&r.createElement(Zi,{icon:Js,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),ft,r.createElement(rn,{tagList:h,setActiveIndex:x}),me?r.createElement(Ws,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((w=t?.swipeTipOffset)!==null&&w!==void 0?w:0)}%`}}):null,r.createElement(Ze,{ref:R,onSlideChange:()=>{R.current.swiper.allowTouchMove=!1,setTimeout(()=>{R.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:j=>{x(j.activeIndex),!ne&&(ct(j),!ee&&j?.activeIndex+2>=a?.length&&(U||(L(!0),D?.(Math.ceil(S/10)+1).then(()=>{L(!1)}))))},direction:"vertical",height:je},r.createElement(tn,{style:{position:"fixed",visibility:!((C=(b=a?.[S])===null||b===void 0?void 0:b.video)===null||C===void 0)&&C.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(g=t?.muteIconX)!==null&&g!==void 0?g:0,[(y=t?.muteIconYPosit)!==null&&y!==void 0?y:"bottom"]:(E=t?.muteIconY)!==null&&E!==void 0?E:23},defaultValue:P,activeIcon:t?.unMuteIcon?t?.unMuteIcon:pr,unactiveIcon:t?.muteIcon?t?.muteIcon:vr,onChange:N}),ur),r.createElement(Ri,Object.assign({},(O=(f=(_=t?.hashTag)===null||_===void 0?void 0:_[0])===null||f===void 0?void 0:f.item)===null||O===void 0?void 0:O.props)),r.createElement("div",{style:{position:"absolute",zIndex:-100}},r.createElement("video",{ref:fe,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),r.createElement("div",{id:"player-container-id-copy"})))},Zs=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:o})=>r.createElement(Ze,{defaultValue:0,direction:"horizontal",modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>r.createElement(Fe,{key:a},r.createElement(nn,{src:a,height:i,imgUrlsPostConfig:n}))));var Rs=r.memo(Zs);const er=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:o,videoPostConfig:a,width:s})=>{const[d,u]=r.useState(!1),c=r.useRef(null),{bffEventReport:v,sxpParameter:h,waterFallData:m,openHashtag:w}=re(),b=r.useRef(0),[C,p]=r.useState(!1),[g,y]=r.useState(!0),E=r.useRef(null),[_,f]=r.useState("");r.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const O=r.useCallback(()=>{var L;(L=c.current)===null||L===void 0||L.play()},[]),I=_e("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=r.useCallback(()=>{var L,z,M,D,V,G,W,Z,R,ee,q,se,ne;u(!1);const oe=n[e];if(oe&&(!((L=c?.current)===null||L===void 0)&&L.duration)){b.current=((z=c?.current)===null||z===void 0?void 0:z.currentTime)||0;const ce=((D=(M=c.current)===null||M===void 0?void 0:M.duration)!==null&&D!==void 0?D:0).toFixed(2),F=((G=(V=c.current)===null||V===void 0?void 0:V.currentTime)!==null&&G!==void 0?G:0).toFixed(2),H=g?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(Z=(W=oe.video)===null||W===void 0?void 0:W.itemId)!==null&&Z!==void 0?Z:"",contentName:(ee=(R=oe.video)===null||R===void 0?void 0:R.title)!==null&&ee!==void 0?ee:"",playType:H,startTime:F,videoDuration:ce,contentTags:JSON.stringify((se=(q=oe.video)===null||q===void 0?void 0:q.tags)!==null&&se!==void 0?se:[]),position:e+"",contentFormat:"video",traceInfo:(ne=oe.video)===null||ne===void 0?void 0:ne.traceInfo}}),y(!1)}},[v,n,e,g]),x=r.useCallback(()=>{p(!0)},[]),A=r.useCallback(L=>()=>{var z,M,D,V,G;if(!C)return;const W=(z=c.current)===null||z===void 0?void 0:z.paused;switch(L){case"start":if(!W)return;(M=c.current)===null||M===void 0||M.play(),u(!1);break;case"pause":if(W)return;(D=c.current)===null||D===void 0||D.pause(),u(!0);break;default:W?(V=c.current)===null||V===void 0||V.play():(G=c.current)===null||G===void 0||G.pause(),u(!W);break}},[C]),T=r.useCallback(()=>{var L,z,M,D,V,G,W,Z,R,ee,q,se,ne;const oe=n[e],ce=((z=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&z!==void 0?z:0).toFixed(2),F=((D=(M=c.current)===null||M===void 0?void 0:M.currentTime)!==null&&D!==void 0?D:0).toFixed(2);if(!((V=c?.current)===null||V===void 0)&&V.duration){const H=(((G=c?.current)===null||G===void 0?void 0:G.currentTime)-b.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(Z=(W=oe.video)===null||W===void 0?void 0:W.itemId)!==null&&Z!==void 0?Z:"",contentName:(ee=(R=oe.video)===null||R===void 0?void 0:R.title)!==null&&ee!==void 0?ee:"",endTime:F,videoDuration:ce,playDuration:H,contentTags:JSON.stringify((se=(q=oe.video)===null||q===void 0?void 0:q.tags)!==null&&se!==void 0?se:[]),position:e+"",contentFormat:"video",traceInfo:(ne=oe.video)===null||ne===void 0?void 0:ne.traceInfo}})}},[n,e,v]),k=r.useMemo(()=>a?.mode==="2",[a]),P=r.useMemo(()=>{var L;return a?.mode==="2"?`translateY(-${50+((L=a?.offsetTop)!==null&&L!==void 0?L:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=r.useMemo(()=>{var L;return((L=t?.video)===null||L===void 0?void 0:L.cover)||_},[_,t]),B=r.useCallback(()=>{if(!E||!c||!c.current||!E.current)return;const L=c?.current,z=E?.current,M=z.getContext("2d"),D=window?.innerWidth,V=window?.innerHeight;z.height=V,z.width=D,M?.drawImage(L,0,0,z.width,z.height),f(z.toDataURL())},[]);r.useEffect(()=>{var L,z,M,D;if(c.current){if(u(!1),!c.current.src){const V=t.video.url;if(V.includes(".m3u8"))if(mi.isSupported()){const G=new mi;G.loadSource(V),G.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=V;else c.current.src=V;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(L=c.current)===null||L===void 0||L.addEventListener("loadedmetadata",x),(z=c.current)===null||z===void 0||z.addEventListener("canplay",x),(M=c.current)===null||M===void 0||M.addEventListener("playing",S),(D=c.current)===null||D===void 0||D.addEventListener("loadeddata",B),()=>{var V,G,W,Z;(V=c.current)===null||V===void 0||V.removeEventListener("loadedmetadata",x),(G=c.current)===null||G===void 0||G.removeEventListener("canplay",x),(W=c.current)===null||W===void 0||W.removeEventListener("playing",S),(Z=c.current)===null||Z===void 0||Z.removeEventListener("loadeddata",B)}}},[x,S,t.video,B]);const $=r.useMemo(()=>!h?.placeholder_image||C?null:r.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:h?.placeholder_image}),[C,h?.placeholder_image]);r.useEffect(()=>{const L=()=>{var z,M;o===e&&(!((z=t?.video)===null||z===void 0)&&z.url)&&(!((M=c?.current)===null||M===void 0)&&M.src)&&!d&&A("pause")()};return window.addEventListener("beforeunload",L),()=>{window.removeEventListener("beforeunload",L)}},[o,e,t,c,A,d]);const U=r.useMemo(()=>k?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[k]);return t.video?r.createElement(r.Fragment,null,k?r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},r.createElement(Ae,{src:N,style:Object.assign({height:i,width:s,objectFit:"cover"},U)}),r.createElement("canvas",{ref:E,style:{display:"none"}}),r.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:P,left:0,right:0}},r.createElement("div",{style:{position:"relative",width:s,height:"100%"}},r.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))),$):r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},r.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:O}),$,r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))):null};var tr=r.memo(er);const ui={};Object.values(di).forEach(t=>{ui[t.extend.type]=t});const ir="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",nr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",or=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:o,hashTagStyle:a,containerHeight:s=664,containerWidth:d=375,appDomain:u,tagList:c=[]})=>{const v=r.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),s-f},[e,s,c]),h=(f,O)=>{var I,S,x,A;if(!((I=f.video)===null||I===void 0)&&I.url)return r.createElement(tr,{rec:f,index:O,muted:!0,width:d,data:t??[],height:v,activeIndex:O,videoPostConfig:e?.videoPost});if(!((S=f.video)===null||S===void 0)&&S.imgUrls)return r.createElement(Rs,{key:f.video.itemId,imgUrls:f.video.imgUrls,width:d,height:v,rec:f,index:O,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((x=e?.productPost)===null||x===void 0?void 0:x.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((T,k)=>{var P,N,B,$,U,L,z,M;const D=ui[(P=T?.item)===null||P===void 0?void 0:P.type],V=Dt(D),G=(N=D?.extend)===null||N===void 0?void 0:N.defaulSetting;return r.createElement(V,Object.assign({key:`${O}${k}`,textStyle:Object.assign(Object.assign({},G?.textStyle),(B=T?.item)===null||B===void 0?void 0:B.textStyle),bindDatas:(U=($=T?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&U!==void 0?U:[]},G?.props,(L=T?.item)===null||L===void 0?void 0:L.props,{event:((z=T?.item)===null||z===void 0?void 0:z.event)||{},id:T?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},G?.style),(M=T?.item)===null||M===void 0?void 0:M.style),{width:d,height:v,overflow:"auto"}),index:O}))})},m=r.useMemo(()=>e?.logoUrl&&e?.isShowLogo?r.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},r.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),w=(f,O)=>e?.isShowCTA===void 0||e?.isShowCTA?r.createElement("div",{className:"clc-sxp-bottom-card"},r.createElement(ln,{rec:f,index:O,tempMap:l,resolver:ui})):null,b=(f,O)=>{var I,S,x,A,T,k,P;return f.video?r.createElement(r.Fragment,null,((I=f.video)===null||I===void 0?void 0:I.title)&&r.createElement("div",{className:"clc-sxp-bottom-shadow"}),r.createElement("div",{className:"clc-sxp-bottom"},r.createElement(sn,{nudge:n}),w(f,O),r.createElement("div",null,r.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(x=(S=f.video)===null||S===void 0?void 0:S.title)!==null&&x!==void 0?x:"",style:Object.assign(Object.assign({},o),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),r.createElement(on,{index:O,tags:(T=(A=f?.video)===null||A===void 0?void 0:A.hashTags)!==null&&T!==void 0?T:[],itemId:(k=f?.video)===null||k===void 0?void 0:k.itemId,itemType:!((P=f.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:f,hashTagStyle:a}))):null},C=_e(nr,u),p=_e(ir,u),g=(f,O)=>{var I,S,x,A;if(!e?.isShowLike)return;let T=(I=e?.likeIconY)!==null&&I!==void 0?I:400;return T<40&&(T+=40),f.video?r.createElement(en,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:C,unActicveIcon:(x=e?.unlikeIcon)!==null&&x!==void 0?x:p,position:O,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:T,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},y=_e("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),E=_e("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),_=(f,O)=>{var I,S,x,A;return r.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},m,r.createElement(rn,{tagList:c}),r.createElement(tn,{style:{position:"absolute",right:(I=e?.muteIconX)!==null&&I!==void 0?I:0,visibility:!((x=(S=t?.[O])===null||S===void 0?void 0:S.video)===null||x===void 0)&&x.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:y,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),h(f,O),b(f,O),g(f,O))};return r.createElement("div",{className:J.css({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,O)=>_(f,O)))};var lr=r.memo(or);const sr=()=>{const{schema:t,resolver:e,popup:i}=He(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:o}=re(),{productView:a}=Me(),[s,d]=r.useState(),u=r.useRef(null);r.useEffect(()=>{const h=()=>{u.current=new Date};return h(),window.addEventListener("pageshow",h),()=>{window.removeEventListener("pageshow",h)}},[]),r.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,d(i))},[i]);const c=()=>{var h,m,w,b;if(!i||i?.id===""||!s||new Date-u.current<((h=i?.duration)!==null&&h!==void 0?h:0))return;d(Object.assign(Object.assign({},i),{id:""}));const C=l,p=(m=C?.video)===null||m===void 0?void 0:m.bindProduct,g=(b=(w=C?.video)===null||w===void 0?void 0:w.bindProduct)===null||b===void 0?void 0:b.bindCta;p&&g&&a(C,p,g,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=r.useMemo(()=>{var h,m,w;return(w=(m=(h=t?.sxpPageConf)===null||h===void 0?void 0:h.globalConfig)===null||m===void 0?void 0:m.popupList)===null||w===void 0?void 0:w.map((b,C)=>{var p,g,y,E,_,f,O,I,S,x,A,T,k,P;if(b?.id===i?.id){const N=e[(p=b?.item)===null||p===void 0?void 0:p.type],B=Dt(N),$=((E=(y=(g=b?.item)===null||g===void 0?void 0:g.event)===null||y===void 0?void 0:y.onClick)===null||E===void 0?void 0:E.linkType)==="externalLink",U=((O=(f=(_=b?.item)===null||_===void 0?void 0:_.event)===null||f===void 0?void 0:f.onClick)===null||O===void 0?void 0:O.linkType)==="popup",L=(I=N?.extend)===null||I===void 0?void 0:I.defaulSetting;return r.createElement(B,Object.assign({key:C,style:Object.assign(Object.assign(Object.assign({},L?.style),(S=b?.item)===null||S===void 0?void 0:S.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},L?.textStyle),(x=b?.item)===null||x===void 0?void 0:x.textStyle),bindDatas:(T=(A=b?.item)===null||A===void 0?void 0:A.bindDatas)!==null&&T!==void 0?T:[]},L?.props,(k=b?.item)===null||k===void 0?void 0:k.props,{event:((P=b?.item)===null||P===void 0?void 0:P.event)||{},schema:t,id:b?.id,isExternalLink:$,isPopup:U,onClose:c}))}else return r.createElement(r.Fragment,null)})},[t,i,e,c]);return r.createElement(It,{popup:s,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},pi={};Object.values(di).forEach(t=>{pi[t.extend.type]=t});const rr=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:o,licenseUrl:a,enabledMetaConversionApi:s})=>{var d,u,c,v,h,m;const w=r.useMemo(()=>{var b;return location?.search?(b=location?.search)===null||b===void 0?void 0:b.replace("?",""):""},[]);return r.createElement(Di,{resolver:pi,enableDataSource:!1,schema:t?.data,utmVal:w},r.createElement(Ci,{utmVal:w,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(m=(h=t?.sxp_parameter)===null||h===void 0?void 0:h.hash_tag_size)!==null&&m!==void 0?m:n,loadingImage:l,appDomain:o,enabledMetaConversionApi:s,render:({rtcList:b,tagList:C})=>{var p;return r.createElement(r.Fragment,null,r.createElement(an,Object.assign({},(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf,{tagList:C,data:b,resolver:pi,licenseUrl:a})),r.createElement(sr,null))}}))};var ar=r.memo(rr);const dn=r.createContext({}),dr=({children:t,data:e})=>{var i,n,l,o,a,s;const[d,u]=r.useState(!1);return r.createElement(dn.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:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:u}},t)};function cr(){return r.useContext(dn)}ue.DiyPortalPreview=lr,ue.EditorDataProvider=dr,ue.Modal=It,ue.SxpDataSourceProvider=Ci,ue.SxpPageCore=ar,ue.SxpPageRender=an,ue.core=On,ue.default=Tn,ue.defaultSetting=Ce,ue.materials=di,ue.useEditorDataProvider=cr,Object.defineProperty(ue,"__esModule",{value:!0})});
+            18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:f?.info})))},ee=()=>{var q;return r.createElement(r.Fragment,null,(m||M?.link)&&r.createElement("button",{onClick:G,className:"pb-commondity-btn",style:O},(q=D?.enTitle)!==null&&q!==void 0?q:"Purchase on Website"))};return r.createElement("div",{className:"pb-commondity"},r.createElement("div",Object.assign({className:J.css(Object.assign({},v))},S),M&&((a=M?.homePage)===null||a===void 0?void 0:a.length)>0&&r.createElement(Re,{height:Z,modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:_?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:_?.delay*1e3}},(s=M?.homePage)===null||s===void 0?void 0:s.map(q=>r.createElement(He,{key:q},r.createElement("div",{style:{overflow:"hidden",width:Z,height:Z}},r.createElement(Me,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",transform:`translateY(${_?.translateY})%`},src:q}))))),!(!((d=M?.homePage)===null||d===void 0)&&d.length)&&r.createElement("div",{className:J.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},r.createElement("img",{className:J.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=E?.bottom_image)!==null&&u!==void 0?u:C,alt:""})),r.createElement("div",{className:"pb-commondity-content"},R({isPost:w}))),ee(),r.createElement(It,{visible:U,onClose:()=>L(!1)},r.createElement("div",{style:{paddingBottom:"80px"}},R({isPost:!1})),ee()))};var xl=r.memo(Tl);const El=De(xl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Vn},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 Cl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ei,ti,Il=[{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:_e?.fontOptions,initialValue:(ti=(ei=_e?.fontOptions)===null||ei===void 0?void 0:ei[0])===null||ti===void 0?void 0:ti.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"]}]}],Qi="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 kl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:l,src:o}=t;switch(i){case 2:return n||null;case 3:return o||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:o,isExternalLink:a,onClose:s,onClick:d,submitButtonStyle:u}=t,c=we(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=re(),{jumpToWeb:b}=Ne(),h=typeof l=="string"?l:kl(l),y=()=>{var m,C,p;if(a){const w=v,g=(m=w?.video)===null||m===void 0?void 0:m.bindProduct,T=(p=(C=w?.video)===null||C===void 0?void 0:C.bindProduct)===null||p===void 0?void 0:p.bindCta,_=v?.index;b(w,g,T,_)}o||s?.(),d?.()};return r.createElement("div",Object.assign({className:`pb-prompt ${J.css(Object.assign({},n))}`},c),r.createElement("div",{className:"pb-prompt-icon"},r.createElement("img",{width:"100%",src:h??Qi})),r.createElement("div",{className:"pb-prompt-content"},e),r.createElement("button",{className:"pb-prompt-btn",style:u,onClick:y},i))};var Dl=r.memo(_l);const Al=De(Dl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Il,bindableProps:[],interactionRender:Cl},defaulSetting:{props:{icon:Qi,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ii,ni,Pl=[{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:-100,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:ie,name:["fontFamily"],initialValue:(ii=ie?.[0])===null||ii===void 0?void 0:ii.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:ie,initialValue:(ni=ie?.[0])===null||ni===void 0?void 0:ni.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Ol=t=>{var e,i,n,l,o,a,s,d,u,c,v,b,{style:h,isDefault:y,rec:m,viewTime:C,isPost:p,bottom_image:w,tipText:g,swiper:T,commodityStyles:_,buttonStyle:f,index:O}=t,k=we(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);r.useState(!0);const{sxpParameter:S}=re(),{popupDetailData:E,bffEventReport:A,isPreview:x,swiperRef:I,bffFbReport:P}=re(),{jumpToWeb:N,productView:B}=Ne(),$=r.useRef(null);r.useRef(null),r.useRef(null),r.useState(!1),r.useState(!1),r.useState(!0);const[U,L]=r.useState(!1),V=r.useRef(null),M=p?m:E,D=p?M?.product:(e=M?.video)===null||e===void 0?void 0:e.bindProduct,z=p?(i=M?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=M?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,G=p?O:E?.index,W=()=>{D?.link&&(N(M,D,z,G),p||B(M,D,z,C||V.current,G),window.location.href=window.getJointUtmLink(D.link))};r.useEffect(()=>{p||P?.({eventName:"ProductView"})},[p,P]),r.useEffect(()=>{const q=()=>{V.current=new Date};return q(),window.addEventListener("pageshow",q),()=>{window.removeEventListener("pageshow",q)}},[]);const Z=r.useMemo(()=>{var q,se,ne,oe,ce;return D?.currency&&D?.price?`${(ne=(se=(q=D?.currency)===null||q===void 0?void 0:q.split("-")[1])===null||se===void 0?void 0:se.toUpperCase())!==null&&ne!==void 0?ne:""}${(ce=(oe=D?.price)===null||oe===void 0?void 0:oe.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ce!==void 0?ce:""}`:"\xA3102,300.00"},[D?.price,D?.currency]),R=x?375:(o=h?.width)!==null&&o!==void 0?o:window.innerWidth,ee=({isPost:q})=>r.createElement("div",{hidden:!!D&&(!D?.info||D?.info==="")},r.createElement(kt,{isPost:q,onClick:()=>L(!0),className:"pb-commondityDiroNew-info",style:_?.info,foldText:g?.foldText,unfoldText:g?.unfoldText,text:D?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
+Made in Italy`}));return r.createElement("div",{className:"pb-commondityDiroNew"},r.createElement("div",Object.assign({ref:$,className:J.css(Object.assign({},h))},k),D&&((a=D?.homePage)===null||a===void 0?void 0:a.length)>0&&r.createElement(Re,{height:R,modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:T?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:T?.delay*1e3}},(s=D?.homePage)===null||s===void 0?void 0:s.map(q=>r.createElement(He,{key:q},r.createElement("div",{style:{overflow:"hidden",width:R,height:R}},r.createElement(Me,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",transform:`translateY(${T?.translateY})%`},src:q}))))),!(!((d=D?.homePage)===null||d===void 0)&&d.length)&&r.createElement("div",{className:J.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},r.createElement("img",{className:J.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=S?.bottom_image)!==null&&u!==void 0?u:w,alt:""})),r.createElement("div",{className:"pb-commondityDiroNew-content"},r.createElement("div",{className:"pb-commondityDiroNew-content-top"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:_?.title},(c=D?.title)!==null&&c!==void 0?c:"Large Dior Toujours Bag"),r.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!D&&(!D?.collection||D?.collection===""),style:_?.collection},D?.collection||"Black Macrocannage Calfskin")),r.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},r.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.price,style:_?.price},Z),r.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.taxInfo,style:_?.taxInfo},(v=D?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!D||D?.link)&&r.createElement("button",{onClick:W,className:"pb-commondityDiroNew-btn",style:f},(b=z?.enTitle)!==null&&b!==void 0?b:"Shop now"),ee({isPost:p}))),r.createElement(It,{visible:U,onClose:()=>L(!1)},ee({isPost:!1})))};var Ml=r.memo(Ol);const Ll=De(Ml,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Pl},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 oi,li,Le=[{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:-100,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:ie,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(oi=ie?.[0])===null||oi===void 0?void 0:oi.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:ie,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(li=ie?.[0])===null||li===void 0?void 0:li.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"]}]}],jl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Zi(t){const e=r.useRef(null),[i,n]=r.useState(!1);return r.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),r.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var o;(o=e?.current)===null||o===void 0||o.disconnect()}},[t]),i}const Nl=t=>{var{rec:e,children:i,className:n,onClick:l,style:o,isExternalLink:a=!1,index:s}=t;we(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=r.useRef(null),u=Zi(d),{popup:c}=Ue(),{setPopupDetailData:v,ctaEvent:b}=re(),{jumpToWeb:h}=Ne();r.useEffect(()=>{var m,C;if(u&&d?.current){const p=(C=(m=e?.video)===null||m===void 0?void 0:m.bindProduct)!==null&&C!==void 0?C:e?.video;b?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,s)}},[u,d,e,b,s]);const y=pe.throttle(()=>{var m,C,p,w,g,T,_,f;const O=(C=(m=e?.video)===null||m===void 0?void 0:m.bindProduct)!==null&&C!==void 0?C:e?.video;if(b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,O,s),v?.(Object.assign(Object.assign({},e),{index:s})),a){if(!((w=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||w===void 0)&&w.link){const k=(g=e?.video)===null||g===void 0?void 0:g.bindCta,S=(T=e?.video)===null||T===void 0?void 0:T.bindProduct;h(e,S,k,s),window.location.href=window.getJointUtmLink((f=(_=e?.video)===null||_===void 0?void 0:_.bindProduct)===null||f===void 0?void 0:f.link)}}else l?.()},c?.duration);return r.createElement("div",{ref:d,className:n,style:o,onClick:y},i)};var vt=r.memo(Nl),Bl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const zl=t=>{var e,i,n,l,o,a,s,d,u,{content:c,style:v,bgImg:b,recData:h,bottom_image:y,ctaTempStyles:m,isExternalLink:C,translateY:p=0}=t,w=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=re(),T=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,_=(a=(o=(n=(i=h?.product)===null||i===void 0?void 0:i.cover)!==null&&n!==void 0?n:(l=T?.homePage)===null||l===void 0?void 0:l[0])!==null&&o!==void 0?o:g?.bottom_image)!==null&&a!==void 0?a:y;return r.createElement(vt,Object.assign({isExternalLink:C,rec:h,className:J.css(Object.assign({},v)),style:{display:"flex"}},w),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Me,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${p}%)`}),src:_})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Bl["tow-line-ellipsis"],style:m?.title},(s=T?.title)!==null&&s!==void 0?s:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(u=(d=T?.bindCta)===null||d===void 0?void 0:d.enTitle)!==null&&u!==void 0?u:"Shop Now")))};var Vl=r.memo(zl);const Fl=De(Vl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:jl,bindableProps:[],settingRender:Le},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 Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ul=t=>{var e,i,n,l,{content:o,style:a,bgImg:s,recData:d,bottom_image:u,ctaTempStyles:c,isExternalLink:v}=t,b=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:h}=re(),y=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return r.createElement(vt,Object.assign({isExternalLink:v,rec:d,className:J.css(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},b),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},r.createElement("img",{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=y?.icon)!==null&&i!==void 0?i:h?.bottom_image)!==null&&n!==void 0?n:u,alt:""})),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},c?.ctaTitle))},(l=y?.enTitle)!==null&&l!==void 0?l:"Product Name"))};var Gl=r.memo(Ul);const $l=De(Gl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Hl,settingRender:Le?.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 Wl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Yl=t=>{var e,i,n,l,o,{content:a,style:s,bgImg:d,recData:u,bottom_image:c,ctaTempStyles:v,index:b}=t,h=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:y,bffEventReport:m}=re(),{jumpToWeb:C}=Ne(),p=(e=u?.video)===null||e===void 0?void 0:e.bindCta,w=(i=u?.video)===null||i===void 0?void 0:i.bindProduct,g=()=>{p?.link&&(C(u,w,p,b),window.location.href=window.getJointUtmLink(p.link))};return r.createElement(vt,Object.assign({index:b,rec:u,className:J.css(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},h,{onClick:g}),r.createElement("div",{className:J.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},r.createElement(Me,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(l=(n=p?.icon)!==null&&n!==void 0?n:y?.bottom_image)!==null&&l!==void 0?l:c})),r.createElement("div",{className:J.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Wl["tow-line-ellipsis"],style:v?.ctaTitle},(o=p?.enTitle)!==null&&o!==void 0?o:"Product Name")))};var ql=r.memo(Yl);const Xl=De(ql,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Le?.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 Jl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Kl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Ql=t=>{var e,i,n,l,o,a,s,d,u,{content:c,style:v,bgImg:b,recData:h,bottom_image:y,ctaTempStyles:m,isExternalLink:C,translateY:p=0}=t,w=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=re(),T=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,_=(a=(o=(n=(i=h?.product)===null||i===void 0?void 0:i.cover)!==null&&n!==void 0?n:(l=T?.homePage)===null||l===void 0?void 0:l[0])!==null&&o!==void 0?o:g?.bottom_image)!==null&&a!==void 0?a:y;return r.createElement(vt,Object.assign({isExternalLink:C,rec:h,className:J.css(Object.assign({},v)),style:{display:"flex"}},w),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Me,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${p}%)`}),src:_})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:Kl["tow-line-ellipsis"],style:m?.title},(s=T?.title)!==null&&s!==void 0?s:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},m?.ctaTitle))},(u=(d=T?.bindCta)===null||d===void 0?void 0:d.enTitle)!==null&&u!==void 0?u:"Shop Now")))};var Zl=r.memo(Ql);const Rl=De(Zl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Jl,settingRender:Le,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 es=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const is=t=>{var e,i,n,l,o,a,s,d,u,{content:c,style:v,bgImg:b,recData:h,bottom_image:y,ctaTempStyles:m,isExternalLink:C,translateY:p=0}=t,w=we(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:g}=re(),T=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,_=(a=(o=(n=(i=h?.product)===null||i===void 0?void 0:i.cover)!==null&&n!==void 0?n:(l=T?.homePage)===null||l===void 0?void 0:l[0])!==null&&o!==void 0?o:g?.bottom_image)!==null&&a!==void 0?a:y;return r.createElement(vt,Object.assign({isExternalLink:C,rec:h,className:J.css(Object.assign({},v)),style:{display:"flex"}},w),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},r.createElement(Me,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block",transform:`translateY(${p}%)`}),src:_})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},r.createElement("div",{className:ts["tow-line-ellipsis"],style:m?.title},(s=T?.title)!==null&&s!==void 0?s:"Product Name"),r.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(u=(d=T?.bindCta)===null||d===void 0?void 0:d.enTitle)!==null&&u!==void 0?u:"Shop now")))};var ns=r.memo(is);const os=De(ns,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:es,bindableProps:[],settingRender:Le},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 ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ss=({children:t,isPadding:e=!0})=>r.createElement(Re,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Kn,Jn,Xn],style:{padding:e?"0 12px 0 20px":0}},t);var _t=r.memo(ss);const rs=({src:t,rec:e,item:i,index:n,style:l})=>{const o=r.useRef(null),a=Zi(o),{ctaEvent:s}=re();return r.useEffect(()=>{a&&t&&o?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,o,e,s,i,n]),r.createElement("div",{ref:o,hidden:!t,className:J.css({width:"100%",height:"100%"})},r.createElement(Me,{className:J.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},l)),src:t}))};var si=r.memo(rs),as={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const ds=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:b=0}=t,h=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:m,sxpParameter:C}=re(),{popup:p}=Ue(),{jumpToWeb:w}=Ne(),[g,T]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=pe.throttle(f=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),m?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(w(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},g?.map(f=>{var O,k,S,E,A,x,I;return r.createElement(He,Object.assign({hidden:a&&!f?.bindCta,key:f?.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(E=(S=(O=f?.cover)!==null&&O!==void 0?O:(k=f?.homePage)===null||k===void 0?void 0:k[0])!==null&&S!==void 0?S:C?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:f,index:v,style:{transform:`translateY(${b}%)`}})),r.createElement("div",{className:J.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:as["two-line-ellipsis"],style:u?.title},(A=f?.title)!==null&&A!==void 0?A:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now")))}))};var cs=r.memo(ds);const us=De(cs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ls,bindableProps:[],settingRender:Le},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 ps=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vs={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const fs=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:b=0}=t,h=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:y}=re(),{ctaEvent:m,setPopupDetailData:C}=re(),{popup:p}=Ue(),[w,g]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:T}=Ne(),_=pe.throttle(f=>{m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),C?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(T(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},w?.map(f=>{var O,k,S,E,A,x,I;return r.createElement(He,Object.assign({hidden:a&&!f?.bindCta,key:f.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(E=(S=(O=f?.cover)!==null&&O!==void 0?O:(k=f?.homePage)===null||k===void 0?void 0:k[0])!==null&&S!==void 0?S:y?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:f,index:v,style:{transform:`translateY(${b}%)`}})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},r.createElement("div",{className:vs["two-line-ellipsis"],style:u?.title},(A=f?.title)!==null&&A!==void 0?A:"Product Name"),r.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now")))}))};var ms=r.memo(fs);const hs=De(ms,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:ps,settingRender:Le,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 gs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],bs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ys=t=>{var e,i,{content:n,style:l,bgImg:o,recData:a,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v,translateY:b=0}=t,h=we(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:m,sxpParameter:C}=re(),{popup:p}=Ue(),{jumpToWeb:w}=Ne(),[g,T]=r.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=pe.throttle(f=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,f,v),m?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:f}),index:v})),c?f?.link&&(w(a,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):s?.()},p?.duration);return r.createElement(_t,{isPadding:!!a},g?.map(f=>{var O,k,S,E,A,x,I;return r.createElement(He,Object.assign({hidden:a&&!f?.bindCta,key:f?.itemId,className:J.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>_(f)}),r.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},r.createElement(si,{src:(E=(S=(O=f?.cover)!==null&&O!==void 0?O:(k=f?.homePage)===null||k===void 0?void 0:k[0])!==null&&S!==void 0?S:C?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:f,index:v,style:{transform:`translateY(${b}%)`}})),r.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},r.createElement("div",{className:bs["tow-line-ellipsis"],style:u?.title},(A=f?.title)!==null&&A!==void 0?A:"Product Name"),r.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop now")))}))};var ws=r.memo(ys);const Ss=De(ws,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:gs,bindableProps:[],settingRender:Le},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 ri,ai,Ts=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{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:ie,name:["fontFamily"],initialValue:(ri=ie?.[0])===null||ri===void 0?void 0:ri.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:ie,initialValue:(ai=ie?.[0])===null||ai===void 0?void 0:ai.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 xs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:o,setOpenHashtag:a}=re();return r.createElement("div",{className:"clc-sxp-nav",style:e},r.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),r.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=o?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var Ri=r.memo(xs),Es=null,Cs="3d989325-e7d6-4a74-8a97-98febdf5b567",Is=null,ks=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"},Ds=[{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}],As="Handbags",Ps={productUserId:Es,requestId:Cs,channel:Is,rtc:ks,tag:_s,recList:Ds,hashTag:As};const Os=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:o,space:a}=t,{swiperRef:s,setRtcList:d,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=re(),[b,h]=r.useState(!1),y=r.useRef(null),m=r.useRef(null),C=r.useRef(null),p=r.useRef(null),[w,g]=r.useState(""),T=r.useMemo(()=>{var S,E,A,x,I,P,N,B,$,U;return!((S=e?.video)===null||S===void 0)&&S.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((x=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||x===void 0)&&x.length?(P=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||P===void 0?void 0:P[0]:!((B=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||B===void 0)&&B.length?(U=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||U===void 0?void 0:U[0]:v?.bottom_image||""},[e,v?.bottom_image]),_=r.useMemo(()=>{var S,E;return((S=e?.product)===null||S===void 0?void 0:S.title)||((E=e?.video)===null||E===void 0?void 0:E.title)||null},[e]),f=r.useMemo(()=>{var S,E,A,x,I,P,N,B,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(P=(I=(x=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||x===void 0?void 0:x.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&P!==void 0?P:""}${($=(B=(N=e?.product)===null||N===void 0?void 0:N.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);r.useEffect(()=>{const S=new IntersectionObserver(E=>{E.forEach(A=>{if(A.isIntersecting){if(m.current===null||T==="")return;b&&w?y.current.setSrc(w):y.current.setSrc(T),S.unobserve(m.current)}})});return S.observe(m.current),()=>{S.disconnect()}},[T,b,w]);const O=(S,E,A)=>{const x=S/E;return A/x};r.useEffect(()=>{const S=C?.current;S===null||T===""||!b||(S.src=T,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const E=p?.current;if(!E)return;const A=E.getContext("2d"),x=window?.innerWidth/2,I=O(S.videoWidth,S.videoHeight,x);E.height=I,E.width=x,A?.drawImage(S,0,0,E.width,E.height),g(E.toDataURL()),S.remove(),E.remove()})},[T,b]);const k=()=>{l(),d?.(n),setTimeout(()=>{var S;(S=s?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return r.createElement("div",{ref:m,className:"list-content-listItem",key:i,onClick:k,style:{marginBottom:a}},r.createElement("div",{className:"list-content-listItem-picture"},b&&r.createElement("div",{style:{display:"none"}},r.createElement("video",{ref:C,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),r.createElement("canvas",{ref:p})),r.createElement(Me,{loading:"lazy",className:"list-content-listItem-picture-img",ref:y})),r.createElement("div",{className:"list-content-listItem-info"},r.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:o?.title},_&&_),r.createElement("div",{className:"list-content-listItem-info-price",style:o?.price,hidden:!f},f)))};function Ms(t){var e,i,n,l,o,a,s,d,u,c,v,b,{reportTagsView:h}=t,y=we(t,["reportTagsView"]);const{waterFallData:m,getRecommendVideos:C,hashTagSize:p,loadingImage:w,isOpenHashTag:g}=re(),[T,_]=r.useState(),[f,O]=r.useState(),[k,S]=r.useState(!1),E=r.useRef(null),[A,x]=r.useState(!1);r.useCallback(()=>{A||(x(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType}).then(P=>{var N;_(T?.concat((N=P?.recList)!==null&&N!==void 0?N:[])),x(!1)}))},[m,C,T,A]),r.useEffect(()=>{var P,N;if(S(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType,defaultSize:p,maxSize:p}).then(B=>{var $,U;O(B),_((U=($=B?.recList)===null||$===void 0?void 0:$.filter(L=>L?.video!==null||L?.product!==null))!==null&&U!==void 0?U:[]),S(!1)}),g){const B=Ps;O(B),_((N=(P=B?.recList)===null||P===void 0?void 0:P.filter($=>$?.video!==null||$?.product!==null))!==null&&N!==void 0?N:[]),S(!1)}},[m,C,p,g]);const I=()=>{var P,N;!((P=f?.tag)===null||P===void 0)&&P.link&&(h(),window.location.href=(N=f?.tag)===null||N===void 0?void 0:N.link)};return r.createElement(r.Fragment,null,k?r.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):r.createElement("div",{className:"list"},r.createElement("div",{className:"list-scroll",ref:E},r.createElement("div",{className:"list-info",style:(e=y?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=f?.tag)===null||i===void 0?void 0:i.info),r.createElement("div",{hidden:!(!((n=f?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:I,style:Object.assign(Object.assign({},(l=y?.textStyles)===null||l===void 0?void 0:l.hashTagLink),{marginBottom:y?.space})},((o=f?.tag)===null||o===void 0?void 0:o.linkTitle)||"Shop the collection"),r.createElement("div",{className:"list-content"},T?.map((P,N)=>r.createElement(Os,Object.assign({key:N,index:N,rec:P,list:T,reportTagsView:h},y)))),r.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),r.createElement("div",{hidden:!(!((a=f?.tag)===null||a===void 0)&&a.link),style:{height:!((s=f?.tag)===null||s===void 0)&&s.link?((d=y?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((u=y?.buttonStyle)===null||u===void 0?void 0:u.height)||"100px":0}})),r.createElement("div",{className:"list-bottom",hidden:!(!((c=f?.tag)===null||c===void 0)&&c.link),style:y?.buttonBgStyle}),r.createElement("div",{hidden:!(!((v=f?.tag)===null||v===void 0)&&v.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},y?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},r.createElement("button",{className:"list-btn",style:y?.buttonStyle,onClick:I},((b=f?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection"))))}var Ls="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const js=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:o,setWaterFallData:a,cacheRtcList:s,setRtcList:d,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:b,isFromHashtag:h,bffEventReport:y}=re();r.useRef(null);const m=r.useRef(null),[C,p]=r.useState();r.useEffect(()=>{const f=document.getElementById("sxp-render"),O=document.getElementById("water-fall");O?m.current=O:(m.current=document.createElement("div"),m.current.setAttribute("id","water-fall"),f?.appendChild(m.current))},[]);const w=()=>{const f=pe.isEqual(c,s);!f&&s&&s?.length&&d?.(s),_(),a?.(void 0),b?.(!1),setTimeout(()=>{var O,k;f||(k=(O=o?.current)===null||O===void 0?void 0:O.swiper)===null||k===void 0||k.slideTo(u,0,!1),n?.(!1)},0)},[g,T]=r.useState();r.useEffect(()=>{i&&T(i)},[i]);const _=r.useCallback(()=>{var f,O,k,S,E,A;const x=g?.rec;if(!x)return;let I="";h?I="hashTagPage":!((f=x?.video)===null||f===void 0)&&f.url?I="videoPage":!((k=(O=x?.video)===null||O===void 0?void 0:O.imgUrls)===null||k===void 0)&&k.length&&(I="imagePage"),y?.({eventInfo:{contentId:(S=x?.video)===null||S===void 0?void 0:S.itemId,position:u+"",contentTags:JSON.stringify((E=x?.video)===null||E===void 0?void 0:E.tags),traceInfo:(A=x?.video)===null||A===void 0?void 0:A.traceInfo,hashTags:JSON.stringify([g?.hashTag]),fromKName:I,fromKPage:location?.href,timeOnSite:Math.floor((new Date-C)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[g,y,C,h,u]);return r.useEffect(()=>{l&&p(new Date)},[l]),r.useEffect(()=>{const f=()=>{p(new Date)};return window.addEventListener("pageshow",f),()=>{window.removeEventListener("pageshow",f)}},[]),m.current?hi.createPortal(r.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},r.createElement(Ri,{icon:Ls,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),r.createElement(Ms,Object.assign({reportTagsView:_},t))),m.current):null};var en=r.memo(js);const Ns=t=>r.createElement(en,Object.assign({},t));var Bs=r.memo(Ns);const zs=De(Bs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ts,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 di=Object.freeze({__proto__:null,Appoint:$l,AppointForm:zn,Commodity:Fl,CommodityDetail:El,CommodityDetailDiroNew:Ll,CommodityDiro:Rl,CommodityDiroNew:os,HashTag:zs,Link:Xl,MultiCommodity:hs,MultiCommodityDiro:us,MultiCommodityDiroNew:Ss,Prompt:Al});const Vs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Fs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Hs=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:o}=t,a=we(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:d,bffEventReport:u}=re(),[c,v]=r.useState(e),b=Pe(Fs),h=Pe(Vs),y=pe.debounce(()=>xe(void 0,void 0,void 0,function*(){var m,C,p,w,g,T,_,f,O,k,S,E,A,x,I,P,N,B,$,U;if(c){v(!1);const L=(p=yield d?.({videoItemId:(C=(m=l.video)===null||m===void 0?void 0:m.itemId)!==null&&C!==void 0?C:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(g=(w=l.video)===null||w===void 0?void 0:w.itemId)!==null&&g!==void 0?g:"",contentName:(_=(T=l.video)===null||T===void 0?void 0:T.title)!==null&&_!==void 0?_:"",contentTags:JSON.stringify((O=(f=l.video)===null||f===void 0?void 0:f.tags)!==null&&O!==void 0?O:[]),position:o+"",contentFormat:!((k=l.video)===null||k===void 0)&&k.url?"video":"image",traceInfo:(S=l.video)===null||S===void 0?void 0:S.traceInfo}}),L||v(!0)}else{v(!0);const L=(E=yield s?.({content:JSON.stringify(l)}))!==null&&E!==void 0?E:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(A=l.video)===null||A===void 0?void 0:A.itemId)!==null&&x!==void 0?x:"",contentName:(P=(I=l.video)===null||I===void 0?void 0:I.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((B=(N=l.video)===null||N===void 0?void 0:N.tags)!==null&&B!==void 0?B:[]),position:o+"",contentFormat:!(($=l.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(U=l.video)===null||U===void 0?void 0:U.traceInfo}}),L||v(!1)}}),200);return r.createElement("button",Object.assign({},a,{onClick:y}),r.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||b:n||h,alt:"icon"}))};var tn=r.memo(Hs);const Us=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:o,videoPostConfig:a,videoRef:s})=>{const[d,u]=r.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:b,openHashtag:h,bffFbReport:y}=re(),m=r.useRef(0),[C,p]=r.useState(!1),[w,g]=r.useState(!0),{isActive:T}=Ki(),_=r.useRef(null),[f,O]=r.useState(""),k=`pb-cache-video-${e}`,S=r.useRef(null),E=r.useMemo(()=>a?.mode==="2",[a]),A=r.useMemo(()=>{var G;return a?.mode==="2"?`translateY(-${50+((G=a?.offsetTop)!==null&&G!==void 0?G:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),x=r.useMemo(()=>{var G;return((G=t?.video)===null||G===void 0?void 0:G.cover)||f},[f,t]),I=r.useMemo(()=>E?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[E]),P=r.useMemo(()=>a?.bgWay==="1",[a]),N=r.useMemo(()=>P&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,P]);r.useEffect(()=>{s&&s?.muted(l)},[l,s]);const B=r.useCallback(()=>{s&&s?.play()},[s]),$=Pe("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),U=r.useCallback(()=>{var G,W,Z,R,ee,q,se,ne,oe;if(!s)return;p(!0),u(!1);const ce=n[e];if(ce&&s?.duration()){m.current=s?.currentTime()||0;const F=((G=s?.duration())!==null&&G!==void 0?G:0).toFixed(2),H=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2),K=w?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(R=(Z=ce.video)===null||Z===void 0?void 0:Z.itemId)!==null&&R!==void 0?R:"",contentName:(q=(ee=ce.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",playType:K,startTime:H,videoDuration:F,contentTags:JSON.stringify((ne=(se=ce.video)===null||se===void 0?void 0:se.tags)!==null&&ne!==void 0?ne:[]),position:e+"",contentFormat:"video",traceInfo:(oe=ce.video)===null||oe===void 0?void 0:oe.traceInfo}}),g(!1)}},[c,n,e,w,s]),L=r.useCallback(()=>{var G;if(!s||f||!E)return;const W=document.getElementById("player-container-id_html5_api");if(!W||(W.style.objectFit="contain",!((G=t?.video)===null||G===void 0)&&G.cover||!_||!_.current||P))return;const Z=()=>{const R=W,ee=_?.current,q=ee.getContext("2d"),se=window?.innerWidth,ne=window?.innerHeight;ee.height=ne,ee.width=se,q?.drawImage(R,0,0,ee.width,ee.height),O(ee.toDataURL())};Z(),setTimeout(()=>{Z()},500)},[s,P,t,f,E]),V=r.useCallback(()=>{s&&L()},[s,L]);r.useCallback(()=>{p(!0)},[]);const M=r.useCallback(G=>()=>{if(!s||!C)return;const W=s?.paused();switch(G){case"start":if(!W)return;s?.play(),u(!1);break;case"pause":if(W)return;s?.pause(),u(!0);break;default:W?s?.play():s?.pause(),u(!W);break}},[C,s]),D=r.useCallback(()=>{var G,W,Z,R,ee,q,se,ne,oe;if(!s||o!==e)return;const ce=n[e],F=((G=s?.duration())!==null&&G!==void 0?G:0).toFixed(2),H=((W=s?.currentTime())!==null&&W!==void 0?W:0).toFixed(2);if(s?.duration()){const K=(s?.currentTime()-m.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(R=(Z=ce.video)===null||Z===void 0?void 0:Z.itemId)!==null&&R!==void 0?R:"",contentName:(q=(ee=ce.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",endTime:H,videoDuration:F,playDuration:K,contentTags:JSON.stringify((ne=(se=ce.video)===null||se===void 0?void 0:se.tags)!==null&&ne!==void 0?ne:[]),position:e+"",contentFormat:"video",traceInfo:(oe=ce.video)===null||oe===void 0?void 0:oe.traceInfo}})}},[n,e,c,s,o]);r.useEffect(()=>{if(!T||!s)return;const G=t.video.url;if(!G)return;u(!1);const W=document.querySelector(`#${k}`),Z=document.querySelector("#player-container-id"),R=document.querySelector("#player-container-id-copy");if(!(!Z&&!R))return W?.appendChild(Z||R),s?.src(G),s?.on("loadedmetadata",V),s?.on("loadeddata",L),s?.on("playing",U),s?.on("pause",D),s?.on("ended",B),()=>{R?.appendChild(Z),s?.off("loadedmetadata",V),s?.off("loadeddata",L),s?.off("playing",U),s?.off("pause",D),s?.off("ended",B)}},[T,k,t,s]),r.useEffect(()=>{!s||!C||(T?(y?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[T,C,s]),r.useEffect(()=>{if(!T||!s)return;!s?.paused()&&h?s?.pause():h||s?.play()},[h,T,s]),r.useEffect(()=>{if(!T)return;const G=()=>{M("start")(),y?.({eventName:"ViewContent"})},W=M("pause");return Ge.on(je.PAGE_DID_SHOW,G),Ge.on(je.PAGE_DID_HIDE,W),()=>{Ge.off(je.PAGE_DID_SHOW,G),Ge.off(je.PAGE_DID_HIDE,W)}},[M,T]);const z=r.useMemo(()=>!v?.placeholder_image||C?null:r.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[C,v?.placeholder_image]);return r.useEffect(()=>{if(!s)return;const G=()=>{var W;o===e&&(!((W=t?.video)===null||W===void 0)&&W.url)&&s&&!d&&M("pause")()};return window.addEventListener("beforeunload",G),()=>{window.removeEventListener("beforeunload",G)}},[o,e,t,s,M,d]),t.video?r.createElement(r.Fragment,null,E?r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:M(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!P&&r.createElement(Me,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),r.createElement("canvas",{ref:_,style:{display:"none"}}),r.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},r.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},r.createElement("div",{className:"n-full-screen",ref:S,id:k,style:{width:"100%",height:"100%"}}),r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))),z):r.createElement("div",{className:"video-container",key:t.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:M()},r.createElement("div",{className:"n-full-screen",ref:S,id:k,style:{width:"100%",height:"100%"}}),z,r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))):null};var Gs=r.memo(Us);const $s=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[o,a]=r.useState(t),s=d=>{d.stopPropagation();const u=!o;a(u),n?.(u)};return r.createElement("button",{style:l,className:"pb-toggle-button",onClick:s},r.createElement("img",{className:"pb-toggle-button-icon",src:o?e:i}))};var nn=r.memo($s);const Ws=({imageUrl:t,style:e})=>{const[i,n]=r.useState(!0);Ue(),r.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Pe("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=r.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return r.createElement("div",{hidden:!i,className:`pb-finger-wrap ${o}`,style:e},r.createElement("img",{src:t||l}))},on=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,l=r.useMemo(()=>n?.mode==="2",[n]),o=r.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]),a=r.useMemo(()=>l?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[l]),s=r.useMemo(()=>n?.bgWay==="1",[n]),d=r.useMemo(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return r.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},d)},(!l||!s)&&r.createElement(Me,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a)}),l&&r.createElement(Me,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:o,left:0,right:0}}))},Ys=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:o,onViewImageStartEvent:a,imgUrlsPostConfig:s})=>{var d;const u=r.useRef(),{isActive:c}=Ki(),{sxpParameter:v,openHashtag:b}=re(),[h,y]=r.useState(!1);return r.useEffect(()=>{h&&c?(u?.current&&u.current.swiper.autoplay.start(),b?o(n):a(l)):(y(!0),u?.current&&u.current.swiper.autoplay.stop())},[n,c,o,b,l,a,h]),r.createElement(Re,{ref:u,defaultValue:0,direction:"horizontal",modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=s?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map(m=>r.createElement(He,{key:m},r.createElement(on,{src:m,height:i,imgUrlsPostConfig:s}))))};var qs=r.memo(Ys);const Xs=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:o})=>{const[a,s]=r.useState(!1),{setWaterFallData:d,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:b}=re(),h=y=>{v?b?.(!0):c?.(n),d?.(i?{hashTag:y,itemId:e,itemType:i,rec:l}:{hashTag:y,rec:l}),u?.(!0)};return r.useMemo(()=>t.length<=6?null:r.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!a)},a?"show less":"show more"),[a,t]),r.createElement("div",{className:"clc-sxp-bottom-hashtag"},r.createElement(_t,null,t?.map((y,m)=>r.createElement(He,{key:m,hidden:a?!1:m>=6,className:"clc-sxp-bottom-hashtag-item",style:o,onClick:()=>h(y)},`#${y}`))))};var ln=r.memo(Xs),Js="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 Dt(t){return r.memo(function(e){const{$store:i}=En(),n=o=>{let a=o;const s=o.match(/{{.*?}}/g);return s?.length&&s.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=pe.get(i,c);return a=a.replace(d,v),v}})}),a},l=r.useMemo(()=>{var o,a,s;const{bindDatas:d}=e,u=we(e,["bindDatas"]);if((o=d?.forEach)===null||o===void 0||o.call(d,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:b}=c;b.replace(/{{\s*([\w.]+)\s*}}/g,(h,y)=>{var m,C;if(y){const p=(C=(m=pe.get(i,y))!==null&&m!==void 0?m:e[v])!==null&&C!==void 0?C:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=pe.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((s=(a=u?.event)===null||a===void 0?void 0:a.onClick)===null||s===void 0)&&s.linkType&&(u.style.cursor="pointer"),u},[i,e]);return r.createElement(t,Object.assign({},l,l.eventMap))})}const Ks=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=Ue(),o=r.useMemo(()=>{var a,s,d,u,c,v,b,h,y,m,C,p,w,g,T,_,f,O,k,S,E,A,x,I,P,N,B,$,U,L,V;if(!t?.video)return null;let M=null;!((s=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||s===void 0)&&s.length?M="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?M="\u5546\u54C1CTA":M=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const D=i?.[M];if(((v=D?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((h=D?.item)===null||h===void 0?void 0:h.type)==="Commodity"&&!(!((y=t?.video)===null||y===void 0)&&y.bindProduct)||((m=D?.item)===null||m===void 0?void 0:m.type)==="CommodityDiroNew"&&!(!((C=t?.video)===null||C===void 0)&&C.bindProduct)||((p=D?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((g=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||g===void 0)&&g.length)||((T=D?.item)===null||T===void 0?void 0:T.type)==="MultiCommodityDiro"&&!(!((f=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||f===void 0)&&f.length)||((O=D?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((S=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||S===void 0)&&S.length))return null;if(D&&n){const z=n[(E=D?.item)===null||E===void 0?void 0:E.type],G=Dt(z),W=(A=z?.extend)===null||A===void 0?void 0:A.defaulSetting,Z=((P=(I=(x=D?.item)===null||x===void 0?void 0:x.event)===null||I===void 0?void 0:I.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return r.createElement(G,Object.assign({style:Object.assign(Object.assign(Object.assign({},W?.style),(N=D?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},W?.textStyle),(B=D?.item)===null||B===void 0?void 0:B.textStyle),bindDatas:(U=($=D?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&U!==void 0?U:[]},W?.props,(L=D?.item)===null||L===void 0?void 0:L.props,{event:((V=D?.item)===null||V===void 0?void 0:V.event)||{},schema:l,id:D?.id,key:D?.id,recData:t,isExternalLink:Z,index:e}))}else return null},[t,n,i,l]);return r.createElement(r.Fragment,null,o)};var sn=r.memo(Ks);const rn=({nudge:t})=>{var e,i,n,l,o,a,s;return r.createElement(r.Fragment,null,t?.isOpen&&r.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:(o=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&o!==void 0?o:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?r.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,r.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(s=t?.content)!==null&&s!==void 0?s:"")))},ci="FOR U",Qs=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=r.useState(ci),{getRecommendVideos:l,setRtcList:o,setCacheRtcList:a,setCacheActiveIndex:s,setLoading:d,swiperRef:u,waterFallData:c}=re(),v=r.useMemo(()=>[ci,...t],[t]),b=h=>()=>{if(h===i)return;let y;h!==ci&&(y=h),d?.(!0),l?.({themeTag:y}).then(m=>{var C,p,w,g;Ge.emit(je.CHANGE_THEME_TAG,y),o?.((C=m?.recList)!==null&&C!==void 0?C:[]),a?.((p=m?.recList)!==null&&p!==void 0?p:[]),e?.(0),s?.(0),(g=(w=u?.current)===null||w===void 0?void 0:w.swiper)===null||g===void 0||g.slideTo(0)}).finally(()=>{d?.(!1)}),n(h)};return c||t.length<=0?null:r.createElement("div",{className:"clc-sxp-tagbar"},r.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},v.map(h=>r.createElement("li",{className:`clc-sxp-tagbar-list-item ${h===i?"clc-sxp-tagbar-list-item-active":""}`,key:h,onClick:b(h)},h))))};var an=r.memo(Qs);const dn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:o,data:a=[],ctaType:s,tipText:d,nudge:u,_schema:c,hashTagStyle:v,tagList:b=[],licenseUrl:h})=>{var y,m,C,p,w,g,T,_,f,O;const{schema:k}=Ue(),[S,E]=r.useState(0),A=r.useRef(0),[x,I]=r.useState(!1),[P,N]=r.useState(!0),B=r.useRef(),$=r.useRef(),[U,L]=r.useState(!1),[V,M]=r.useState(!1),{loadVideos:D,bffEventReport:z,loading:G,setPopupDetailData:W,ctaEvent:Z,swiperRef:R,waterFallData:ee,setOpenHashtag:q,appDomain:se,openHashtag:ne,loadingImage:oe,isFromHashtag:ce,popupDetailData:F,bffFbReport:H}=re(),[K,ge]=r.useState(null),me=r.useRef(),{productView:Te}=Ne(),ve=r.useMemo(()=>a.length>0&&!G&&_n(),[a,G]),be=r.useCallback(()=>{if(a.length<=0)return;$e();const j=location.search.slice(1),Q=fi.parse(j.replace(/\+/g,"%2B"));for(const te in Q)Q[te]=Q[te].replace(/%2B/g,"+");const Y=te=>{var le;return(le=Q[te])!==null&&le!==void 0?le:""};z?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:Y("utm_source"),utmMedium:Y("utm_medium"),utmCampaign:Y("utm_campaign"),utmId:Y("utm_id"),utmContent:Y("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),H?.({eventName:"PageView"}),I(!0)},[z,a.length,H]),$e=()=>{B.current=new Date,$.current=new Date,In()},Ke=r.useRef();r.useEffect(()=>{if(!Ke.current&&!K){Ke.current=!0;const j=TCPlayer("player-container-id",{licenseUrl:h,controls:!1,autoplay:!1,loop:!1,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0});j?.ready(()=>{ge(j)})}},[K,h]),r.useEffect(()=>{x||be()},[be,x]),r.useEffect(()=>{var j;const Q=a?.findIndex(Y=>{var te,le,ae,X,de,fe,Ce,Ie,he;return s==="\u591A\u5546\u54C1CTA"?((te=Y?.video)===null||te===void 0?void 0:te.bindProducts)&&((ae=(le=Y?.video)===null||le===void 0?void 0:le.bindProducts)===null||ae===void 0?void 0:ae.length)>0:s==="\u5546\u54C1CTA"?(X=Y?.video)===null||X===void 0?void 0:X.bindProduct:((fe=(de=Y?.video)===null||de===void 0?void 0:de.bindCta)===null||fe===void 0?void 0:fe.itemId)===s&&(((Ce=Y?.video)===null||Ce===void 0?void 0:Ce.url)||((he=(Ie=Y?.video)===null||Ie===void 0?void 0:Ie.imgUrls)===null||he===void 0?void 0:he.length))})||0;(j=R?.current)===null||j===void 0||j.swiper.slideTo(Q)},[s,R]),r.useEffect(()=>{const j=a?.[S],Q=()=>{var Y,te,le,ae,X,de,fe,Ce,Ie,he,ye,et,tt,it,Qe;if(document.visibilityState==="hidden"){Ge.emit(je.PAGE_DID_HIDE,j),dt(j),vi(j);let We="";F&&(!((te=(Y=j?.video)===null||Y===void 0?void 0:Y.bindProducts)===null||te===void 0)&&te.length||!((le=j?.video)===null||le===void 0)&&le.bindProduct)?We="pdpPage":F&&l?.[(de=(X=(ae=j.video)===null||ae===void 0?void 0:ae.bindCta)===null||X===void 0?void 0:X.itemId)!==null&&de!==void 0?de:""].item.type==="Appoint"?We="formPage":ce?We="hashTagPage":!((fe=j?.video)===null||fe===void 0)&&fe.url?We="videoPage":!((Ce=j?.video)===null||Ce===void 0)&&Ce.imgUrls&&(!((he=(Ie=j?.video)===null||Ie===void 0?void 0:Ie.imgUrls)===null||he===void 0)&&he.length)?We="imagePage":j?.product&&(We="productPage"),z?.({eventInfo:{sessionDuration:Math.floor((new Date-B.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(ye=j?.video)===null||ye===void 0?void 0:ye.itemId,productId:(et=j?.product)===null||et===void 0?void 0:et.itemId,position:S+"",fromKName:We,fromKPage:location?.href,ctatId:(Qe=(it=(tt=j.video)===null||tt===void 0?void 0:tt.bindCta)===null||it===void 0?void 0:it.itemId)!==null&&Qe!==void 0?Qe:""}})}else document.visibilityState==="visible"&&(be(),un(S),Ge.emit(je.PAGE_DID_SHOW,j))};return document.addEventListener("visibilitychange",Q),()=>{document.removeEventListener("visibilitychange",Q)}},[S,z,B,a,be,F,ce,l]);const ze=r.useMemo(()=>{let j=0;return t?.logoUrl&&t?.isShowLogo&&(j+=45),b.length>0&&(j+=45,ee&&(j-=45)),i-j},[t,i,b,ee]),ft=r.useMemo(()=>t?.logoUrl&&t?.isShowLogo?r.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},r.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),st=r.useCallback((j,Q)=>{var Y,te,le,ae;return!((Y=j.video)===null||Y===void 0)&&Y.url?r.createElement(Gs,{rec:j,index:Q,muted:P,data:a,height:ze,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:K}):!((te=j.video)===null||te===void 0)&&te.imgUrls?r.createElement(qs,{key:j.video.itemId,imgUrls:j.video.imgUrls,width:n,height:ze,rec:j,index:Q,onReportViewImageEnd:dt,onViewImageStartEvent:un,imgUrlsPostConfig:t?.imgUrlsPost}):j.product&&Array.isArray(t?.productPost)&&((le=t?.productPost)===null||le===void 0?void 0:le.length)>0?(ae=t?.productPost)===null||ae===void 0?void 0:ae.map((X,de)=>{var fe,Ce,Ie,he,ye,et,tt,it;const Qe=o[(fe=X?.item)===null||fe===void 0?void 0:fe.type],We=Dt(Qe),Ye=(Ce=Qe?.extend)===null||Ce===void 0?void 0:Ce.defaulSetting;return r.createElement(We,Object.assign({key:`${Q}${de}`,textStyle:Object.assign(Object.assign({},Ye?.textStyle),(Ie=X?.item)===null||Ie===void 0?void 0:Ie.textStyle),bindDatas:(ye=(he=X?.item)===null||he===void 0?void 0:he.bindDatas)!==null&&ye!==void 0?ye:[]},Ye?.props,(et=X?.item)===null||et===void 0?void 0:et.props,{event:((tt=X?.item)===null||tt===void 0?void 0:tt.event)||{},schema:k,id:X?.id,viewTime:$.current,rec:j,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},Ye?.style),(it=X?.item)===null||it===void 0?void 0:it.style),{height:"100%",overflow:"auto"}),index:Q}))}):null},[n,a,ze,P,S,t?.productPost,$,d,o,k,K]),rt=r.useCallback(j=>{M(j)},[]),mt=r.useMemo(()=>V?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[V]),at=r.useCallback((j,Q)=>{var Y,te,le,ae,X,de,fe;return j.video?r.createElement(r.Fragment,null,((Y=j.video)===null||Y===void 0?void 0:Y.title)&&!V&&r.createElement("div",{className:"clc-sxp-bottom-shadow"}),r.createElement("div",{className:"clc-sxp-bottom"},r.createElement(rn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?r.createElement("div",{className:"clc-sxp-bottom-card"},r.createElement(sn,{rec:j,index:Q,tempMap:l,resolver:o})):null,r.createElement("div",null,r.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(le=(te=j.video)===null||te===void 0?void 0:te.title)!==null&&le!==void 0?le:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),r.createElement(ln,{index:S,tags:(X=(ae=j?.video)===null||ae===void 0?void 0:ae.hashTags)!==null&&X!==void 0?X:[],itemId:(de=j?.video)===null||de===void 0?void 0:de.itemId,itemType:!((fe=j.video)===null||fe===void 0)&&fe.itemId?"VIDEO":null,rec:j,hashTagStyle:v})))):null},[e,S,l,o,d,u,v,t,rt,V,mt]),ke=r.useCallback((j,Q)=>{var Y,te,le,ae;if(!t?.isShowLike)return;let X=(Y=t?.likeIconY)!==null&&Y!==void 0?Y:400;return ee&&X<40&&(X+=40),j.video?r.createElement(tn,{key:j.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:j.isCollected,recData:j,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(le=t.likeIconX)!==null&&le!==void 0?le:0,[(ae=t.likeIconYPosit)!==null&&ae!==void 0?ae:"bottom"]:X},position:Q}):null},[t,ee]),dt=j=>{var Q,Y,te,le,ae,X;if(!(!((Q=j.video)===null||Q===void 0)&&Q.url)&&(!((Y=j.video)===null||Y===void 0)&&Y.imgUrls)){const de=Date.now(),fe=(de-A.current)/1e3;z?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(le=(te=j.video)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",contentName:(ae=j.video.title)!==null&&ae!==void 0?ae:"",imageEndTime:`${de}`,playDuration:`${fe}`,contentTags:JSON.stringify((X=j.video.tags)!==null&&X!==void 0?X:[]),position:S+"",contentFormat:"image",traceInfo:j.video.traceInfo}})}},ct=j=>{var Q,Y,te,le,ae,X,de,fe,Ce,Ie;$.current=new Date;const he=a[j.previousIndex];if(!he)return;j.previousIndex-j.activeIndex<0?(z?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(Y=(Q=he.video)===null||Q===void 0?void 0:Q.itemId)!==null&&Y!==void 0?Y:"",productId:(le=(te=he.product)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",requestId:null}}),dt(he)):(z?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(X=(ae=he.video)===null||ae===void 0?void 0:ae.itemId)!==null&&X!==void 0?X:"",productId:(fe=(de=he.product)===null||de===void 0?void 0:de.itemId)!==null&&fe!==void 0?fe:"",requestId:null}}),dt(he)),vi(he);const ye=a[j.activeIndex];!(!((Ce=ye?.video)===null||Ce===void 0)&&Ce.url)&&!(!((Ie=ye?.video)===null||Ie===void 0)&&Ie.imgUrls)&&ye?.product&&H?.({eventName:"ProductView"})},vi=j=>{var Q,Y,te;!(!((Q=j?.video)===null||Q===void 0)&&Q.url)&&!(!((Y=j?.video)===null||Y===void 0)&&Y.imgUrls)&&j?.product&&Te(j,j.product,(te=j?.product)===null||te===void 0?void 0:te.bindCta,$.current,S)};r.useEffect(()=>{const j=a[S];ne&&vi(j)},[ne,a,S]);const un=j=>{var Q,Y,te,le,ae,X;const de=a[j];if(!(!((Q=de?.video)===null||Q===void 0)&&Q.url)&&(!((Y=de?.video)===null||Y===void 0)&&Y.imgUrls)){const fe=Date.now();A.current=fe,z?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(le=(te=de.video)===null||te===void 0?void 0:te.itemId)!==null&&le!==void 0?le:"",contentName:(ae=de.video.title)!==null&&ae!==void 0?ae:"",imageStartTime:`${fe}`,contentTags:JSON.stringify((X=de.video.tags)!==null&&X!==void 0?X:[]),position:j+"",contentFormat:"image",traceInfo:de.video.traceInfo}}),H?.({eventName:"ViewContent"})}},At=r.useMemo(()=>{const j=a?.map((Q,Y)=>S===Y||Y-1===S||Y+1===S?Q:null);return ee?j:j.concat([{loading:!0}])},[a,S,ee]),ur=r.useMemo(()=>G?r.createElement("div",{style:{height:ze,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):At?.map((j,Q)=>r.createElement(He,{key:Q,virtualIndex:Q},j&&r.createElement(r.Fragment,null,j?.loading?r.createElement("div",{style:{height:ze,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):r.createElement(r.Fragment,null,st(j,Q),at(j,Q),ke(j,Q))))),[n,a,ze,G,at,st,At,oe]),pr=Pe("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),vr=Pe("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return r.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},ee&&r.createElement(Ri,{icon:Js,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),ft,r.createElement(an,{tagList:b,setActiveIndex:E}),ve?r.createElement(Ws,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((y=t?.swipeTipOffset)!==null&&y!==void 0?y:0)}%`}}):null,r.createElement(Re,{ref:R,onSlideChange:()=>{R.current.swiper.allowTouchMove=!1,setTimeout(()=>{R.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:j=>{E(j.activeIndex),!ne&&(ct(j),!ee&&j?.activeIndex+2>=a?.length&&(U||(L(!0),D?.(Math.ceil(S/10)+1).then(()=>{L(!1)}))))},direction:"vertical",height:ze},r.createElement(nn,{style:{position:"fixed",visibility:!((C=(m=a?.[S])===null||m===void 0?void 0:m.video)===null||C===void 0)&&C.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(w=t?.muteIconX)!==null&&w!==void 0?w:0,[(g=t?.muteIconYPosit)!==null&&g!==void 0?g:"bottom"]:(T=t?.muteIconY)!==null&&T!==void 0?T:23},defaultValue:P,activeIcon:t?.unMuteIcon?t?.unMuteIcon:pr,unactiveIcon:t?.muteIcon?t?.muteIcon:vr,onChange:N}),ur),r.createElement(en,Object.assign({},(O=(f=(_=t?.hashTag)===null||_===void 0?void 0:_[0])===null||f===void 0?void 0:f.item)===null||O===void 0?void 0:O.props)),r.createElement("div",{style:{position:"absolute",zIndex:-100}},r.createElement("video",{ref:me,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),r.createElement("div",{id:"player-container-id-copy"})))},Zs=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:o})=>r.createElement(Re,{defaultValue:0,direction:"horizontal",modules:[Tt,xt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>r.createElement(He,{key:a},r.createElement(on,{src:a,height:i,imgUrlsPostConfig:n}))));var Rs=r.memo(Zs);const er=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:o,videoPostConfig:a,width:s})=>{const[d,u]=r.useState(!1),c=r.useRef(null),{bffEventReport:v,sxpParameter:b,waterFallData:h,openHashtag:y}=re(),m=r.useRef(0),[C,p]=r.useState(!1),[w,g]=r.useState(!0),T=r.useRef(null),[_,f]=r.useState("");r.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const O=r.useCallback(()=>{var L;(L=c.current)===null||L===void 0||L.play()},[]),k=Pe("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=r.useCallback(()=>{var L,V,M,D,z,G,W,Z,R,ee,q,se,ne;u(!1);const oe=n[e];if(oe&&(!((L=c?.current)===null||L===void 0)&&L.duration)){m.current=((V=c?.current)===null||V===void 0?void 0:V.currentTime)||0;const ce=((D=(M=c.current)===null||M===void 0?void 0:M.duration)!==null&&D!==void 0?D:0).toFixed(2),F=((G=(z=c.current)===null||z===void 0?void 0:z.currentTime)!==null&&G!==void 0?G:0).toFixed(2),H=w?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(Z=(W=oe.video)===null||W===void 0?void 0:W.itemId)!==null&&Z!==void 0?Z:"",contentName:(ee=(R=oe.video)===null||R===void 0?void 0:R.title)!==null&&ee!==void 0?ee:"",playType:H,startTime:F,videoDuration:ce,contentTags:JSON.stringify((se=(q=oe.video)===null||q===void 0?void 0:q.tags)!==null&&se!==void 0?se:[]),position:e+"",contentFormat:"video",traceInfo:(ne=oe.video)===null||ne===void 0?void 0:ne.traceInfo}}),g(!1)}},[v,n,e,w]),E=r.useCallback(()=>{p(!0)},[]),A=r.useCallback(L=>()=>{var V,M,D,z,G;if(!C)return;const W=(V=c.current)===null||V===void 0?void 0:V.paused;switch(L){case"start":if(!W)return;(M=c.current)===null||M===void 0||M.play(),u(!1);break;case"pause":if(W)return;(D=c.current)===null||D===void 0||D.pause(),u(!0);break;default:W?(z=c.current)===null||z===void 0||z.play():(G=c.current)===null||G===void 0||G.pause(),u(!W);break}},[C]),x=r.useCallback(()=>{var L,V,M,D,z,G,W,Z,R,ee,q,se,ne;const oe=n[e],ce=((V=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&V!==void 0?V:0).toFixed(2),F=((D=(M=c.current)===null||M===void 0?void 0:M.currentTime)!==null&&D!==void 0?D:0).toFixed(2);if(!((z=c?.current)===null||z===void 0)&&z.duration){const H=(((G=c?.current)===null||G===void 0?void 0:G.currentTime)-m.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(Z=(W=oe.video)===null||W===void 0?void 0:W.itemId)!==null&&Z!==void 0?Z:"",contentName:(ee=(R=oe.video)===null||R===void 0?void 0:R.title)!==null&&ee!==void 0?ee:"",endTime:F,videoDuration:ce,playDuration:H,contentTags:JSON.stringify((se=(q=oe.video)===null||q===void 0?void 0:q.tags)!==null&&se!==void 0?se:[]),position:e+"",contentFormat:"video",traceInfo:(ne=oe.video)===null||ne===void 0?void 0:ne.traceInfo}})}},[n,e,v]),I=r.useMemo(()=>a?.mode==="2",[a]),P=r.useMemo(()=>{var L;return a?.mode==="2"?`translateY(-${50+((L=a?.offsetTop)!==null&&L!==void 0?L:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=r.useMemo(()=>{var L;return((L=t?.video)===null||L===void 0?void 0:L.cover)||_},[_,t]),B=r.useCallback(()=>{if(!T||!c||!c.current||!T.current)return;const L=c?.current,V=T?.current,M=V.getContext("2d"),D=window?.innerWidth,z=window?.innerHeight;V.height=z,V.width=D,M?.drawImage(L,0,0,V.width,V.height),f(V.toDataURL())},[]);r.useEffect(()=>{var L,V,M,D;if(c.current){if(u(!1),!c.current.src){const z=t.video.url;if(z.includes(".m3u8"))if(mi.isSupported()){const G=new mi;G.loadSource(z),G.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=z;else c.current.src=z;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(L=c.current)===null||L===void 0||L.addEventListener("loadedmetadata",E),(V=c.current)===null||V===void 0||V.addEventListener("canplay",E),(M=c.current)===null||M===void 0||M.addEventListener("playing",S),(D=c.current)===null||D===void 0||D.addEventListener("loadeddata",B),()=>{var z,G,W,Z;(z=c.current)===null||z===void 0||z.removeEventListener("loadedmetadata",E),(G=c.current)===null||G===void 0||G.removeEventListener("canplay",E),(W=c.current)===null||W===void 0||W.removeEventListener("playing",S),(Z=c.current)===null||Z===void 0||Z.removeEventListener("loadeddata",B)}}},[E,S,t.video,B]);const $=r.useMemo(()=>!b?.placeholder_image||C?null:r.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:b?.placeholder_image}),[C,b?.placeholder_image]);r.useEffect(()=>{const L=()=>{var V,M;o===e&&(!((V=t?.video)===null||V===void 0)&&V.url)&&(!((M=c?.current)===null||M===void 0)&&M.src)&&!d&&A("pause")()};return window.addEventListener("beforeunload",L),()=>{window.removeEventListener("beforeunload",L)}},[o,e,t,c,A,d]);const U=r.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t.video?r.createElement(r.Fragment,null,I?r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},r.createElement(Me,{src:N,style:Object.assign({height:i,width:s,objectFit:"cover"},U)}),r.createElement("canvas",{ref:T,style:{display:"none"}}),r.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:P,left:0,right:0}},r.createElement("div",{style:{position:"relative",width:s,height:"100%"}},r.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:k}))),$):r.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},r.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O}),$,r.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:k}))):null};var tr=r.memo(er);const ui={};Object.values(di).forEach(t=>{ui[t.extend.type]=t});const ir="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",nr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",or=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:o,hashTagStyle:a,containerHeight:s=664,containerWidth:d=375,appDomain:u,tagList:c=[]})=>{const v=r.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),s-f},[e,s,c]),b=(f,O)=>{var k,S,E,A;if(!((k=f.video)===null||k===void 0)&&k.url)return r.createElement(tr,{rec:f,index:O,muted:!0,width:d,data:t??[],height:v,activeIndex:O,videoPostConfig:e?.videoPost});if(!((S=f.video)===null||S===void 0)&&S.imgUrls)return r.createElement(Rs,{key:f.video.itemId,imgUrls:f.video.imgUrls,width:d,height:v,rec:f,index:O,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((x,I)=>{var P,N,B,$,U,L,V,M;const D=ui[(P=x?.item)===null||P===void 0?void 0:P.type],z=Dt(D),G=(N=D?.extend)===null||N===void 0?void 0:N.defaulSetting;return r.createElement(z,Object.assign({key:`${O}${I}`,textStyle:Object.assign(Object.assign({},G?.textStyle),(B=x?.item)===null||B===void 0?void 0:B.textStyle),bindDatas:(U=($=x?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&U!==void 0?U:[]},G?.props,(L=x?.item)===null||L===void 0?void 0:L.props,{event:((V=x?.item)===null||V===void 0?void 0:V.event)||{},id:x?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},G?.style),(M=x?.item)===null||M===void 0?void 0:M.style),{width:d,height:v,overflow:"auto"}),index:O}))})},h=r.useMemo(()=>e?.logoUrl&&e?.isShowLogo?r.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},r.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),y=(f,O)=>e?.isShowCTA===void 0||e?.isShowCTA?r.createElement("div",{className:"clc-sxp-bottom-card"},r.createElement(sn,{rec:f,index:O,tempMap:l,resolver:ui})):null,m=(f,O)=>{var k,S,E,A,x,I,P;return f.video?r.createElement(r.Fragment,null,((k=f.video)===null||k===void 0?void 0:k.title)&&r.createElement("div",{className:"clc-sxp-bottom-shadow"}),r.createElement("div",{className:"clc-sxp-bottom"},r.createElement(rn,{nudge:n}),y(f,O),r.createElement("div",null,r.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(S=f.video)===null||S===void 0?void 0:S.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},o),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),r.createElement(ln,{index:O,tags:(x=(A=f?.video)===null||A===void 0?void 0:A.hashTags)!==null&&x!==void 0?x:[],itemId:(I=f?.video)===null||I===void 0?void 0:I.itemId,itemType:!((P=f.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:f,hashTagStyle:a}))):null},C=Pe(nr,u),p=Pe(ir,u),w=(f,O)=>{var k,S,E,A;if(!e?.isShowLike)return;let x=(k=e?.likeIconY)!==null&&k!==void 0?k:400;return x<40&&(x+=40),f.video?r.createElement(tn,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:C,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:p,position:O,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:x,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},g=Pe("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),T=Pe("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),_=(f,O)=>{var k,S,E,A;return r.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},h,r.createElement(an,{tagList:c}),r.createElement(nn,{style:{position:"absolute",right:(k=e?.muteIconX)!==null&&k!==void 0?k:0,visibility:!((E=(S=t?.[O])===null||S===void 0?void 0:S.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:g,unactiveIcon:e?.muteIcon?e?.muteIcon:T}),b(f,O),m(f,O),w(f,O))};return r.createElement("div",{className:J.css({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,O)=>_(f,O)))};var lr=r.memo(or);const sr=()=>{const{schema:t,resolver:e,popup:i}=Ue(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:o}=re(),{productView:a}=Ne(),[s,d]=r.useState(),u=r.useRef(null);r.useEffect(()=>{const b=()=>{u.current=new Date};return b(),window.addEventListener("pageshow",b),()=>{window.removeEventListener("pageshow",b)}},[]),r.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,d(i))},[i]);const c=()=>{var b,h,y,m;if(!i||i?.id===""||!s||new Date-u.current<((b=i?.duration)!==null&&b!==void 0?b:0))return;d(Object.assign(Object.assign({},i),{id:""}));const C=l,p=(h=C?.video)===null||h===void 0?void 0:h.bindProduct,w=(m=(y=C?.video)===null||y===void 0?void 0:y.bindProduct)===null||m===void 0?void 0:m.bindCta;p&&w&&a(C,p,w,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=r.useMemo(()=>{var b,h,y;return(y=(h=(b=t?.sxpPageConf)===null||b===void 0?void 0:b.globalConfig)===null||h===void 0?void 0:h.popupList)===null||y===void 0?void 0:y.map((m,C)=>{var p,w,g,T,_,f,O,k,S,E,A,x,I,P;if(m?.id===i?.id){const N=e[(p=m?.item)===null||p===void 0?void 0:p.type],B=Dt(N),$=((T=(g=(w=m?.item)===null||w===void 0?void 0:w.event)===null||g===void 0?void 0:g.onClick)===null||T===void 0?void 0:T.linkType)==="externalLink",U=((O=(f=(_=m?.item)===null||_===void 0?void 0:_.event)===null||f===void 0?void 0:f.onClick)===null||O===void 0?void 0:O.linkType)==="popup",L=(k=N?.extend)===null||k===void 0?void 0:k.defaulSetting;return r.createElement(B,Object.assign({key:C,style:Object.assign(Object.assign(Object.assign({},L?.style),(S=m?.item)===null||S===void 0?void 0:S.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},L?.textStyle),(E=m?.item)===null||E===void 0?void 0:E.textStyle),bindDatas:(x=(A=m?.item)===null||A===void 0?void 0:A.bindDatas)!==null&&x!==void 0?x:[]},L?.props,(I=m?.item)===null||I===void 0?void 0:I.props,{event:((P=m?.item)===null||P===void 0?void 0:P.event)||{},schema:t,id:m?.id,isExternalLink:$,isPopup:U,onClose:c}))}else return r.createElement(r.Fragment,null)})},[t,i,e,c]);return r.createElement(It,{popup:s,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},pi={};Object.values(di).forEach(t=>{pi[t.extend.type]=t});const rr=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:o,licenseUrl:a,enabledMetaConversionApi:s})=>{var d,u,c,v,b,h;const y=r.useMemo(()=>{var m;return location?.search?(m=location?.search)===null||m===void 0?void 0:m.replace("?",""):""},[]);return r.createElement(Ai,{resolver:pi,enableDataSource:!1,schema:t?.data,utmVal:y},r.createElement(Ii,{utmVal:y,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(h=(b=t?.sxp_parameter)===null||b===void 0?void 0:b.hash_tag_size)!==null&&h!==void 0?h:n,loadingImage:l,appDomain:o,enabledMetaConversionApi:s,render:({rtcList:m,tagList:C})=>{var p;return r.createElement(r.Fragment,null,r.createElement(dn,Object.assign({},(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf,{tagList:C,data:m,resolver:pi,licenseUrl:a})),r.createElement(sr,null))}}))};var ar=r.memo(rr);const cn=r.createContext({}),dr=({children:t,data:e})=>{var i,n,l,o,a,s;const[d,u]=r.useState(!1);return r.createElement(cn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:u}},t)};function cr(){return r.useContext(cn)}ue.DiyPortalPreview=lr,ue.EditorDataProvider=dr,ue.Modal=It,ue.SxpDataSourceProvider=Ii,ue.SxpPageCore=ar,ue.SxpPageRender=dn,ue.core=On,ue.default=xn,ue.defaultSetting=_e,ue.materials=di,ue.useEditorDataProvider=cr,Object.defineProperty(ue,"__esModule",{value:!0})});
 //# sourceMappingURL=pb-ui.min.js.map