pb-sxp-ui 1.0.74 → 1.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +30 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +7 -3
- package/dist/index.js +30 -30
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +30 -30
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/index.js +29 -29
- package/lib/core/components/SxpPageRender/index.js +29 -29
- package/package.json +1 -1
package/dist/index.min.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
import{isEmpty as Et,isEqual as Ci,cloneDeep as gt,debounce as Ht,throttle as It,get as _i}from"lodash";import{v4 as Dn}from"uuid";import kn from"pako";import f,{useContext as bt,useMemo as oe,createContext as yt,memo as fe,useState as G,useRef as te,useEffect as Q,useCallback as de,forwardRef as Ct,useImperativeHandle as Di,useLayoutEffect as An}from"react";import ki from"qs";import Pn from"eventemitter3";import{css as Z}from"@emotion/css";import{BetaSchemaForm as On}from"@ant-design/pro-components";import*as Ai from"react-dom";function _e(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i}function Pe(t,e,i,n){function o(l){return l instanceof i?l:new i(function(a){a(l)})}return new(i||(i=Promise))(function(l,a){function s(d){try{c(n.next(d))}catch(p){a(p)}}function r(d){try{c(n.throw(d))}catch(p){a(p)}}function c(d){d.done?l(d.value):o(d.value).then(s,r)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Mn=/:\w+/g;var Pi=(t,e)=>Pe(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:a,url:s,urlParams:r,name:c,queryString:d,headers:p,body:h}=e[o];let y=s;r&&Object.entries(r).forEach(([g,b])=>{y=y.replace(Mn,I=>I===g?b:I)}),d&&(y+=d),n[l]=c;try{const g=yield fetch(y,{method:a,headers:Object.assign({"Content-Type":"application/json"},p),body:JSON.stringify(h)}).then(b=>b.json());i[l]=g}catch(g){console.error("DataSource request error: ",g),i[l]={}}}return{$store:i,idMapName:n}});const Oi="SXP_TOKEN_INFO",Ln=(t,e)=>Pe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),a=window.localStorage.getItem(Oi);let s=JSON.parse(a||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(d=>d.json());if(c.success){const d=c.data;s=Object.assign(Object.assign({},d),{expireTime:Date.now()+d.expire*1e3}),window.localStorage.setItem(Oi,JSON.stringify(s))}}return s});function _t(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let o;if(e=e||i.length,t)for(o=0;o<t;o++)n[o]=i[0|Math.random()*e];else{let l;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",o=0;o<36;o++)n[o]||(l=0|Math.random()*16,n[o]=i[o===19?l&3|8:l])}return n.join("")}const jn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},Nn=()=>{const t=Dn();return t?.replaceAll?t.replaceAll("-",""):jn(32)};function Mi(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=kn.inflate(n,{to:"string"});return JSON.parse(o)}let Ut=null;const Bn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class zn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Ut)return Ut;Ut=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Bn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let De=null;const Vn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{De||(De=new zn),n&&De.setApiUrl(n),De.setAppId(t),De.setTenantId(e),De.setEnv(i)},getDetail:t=>{if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Pe(void 0,void 0,void 0,function*(){var l,a;const s=yield o.json(),r=Mi((l=s?.data)===null||l===void 0?void 0:l.data);if(r){const{$store:c}=yield Pi(n,(a=r?.dataSource)!==null&&a!==void 0?a:[]);s.data.data=r,Object.assign(s.data.data,{__STORE__:c})}return s}))},getSxpDetailByPageId:t=>Pe(void 0,void 0,void 0,function*(){if(!De)return;const e=De.getTenantId(),i=De.getAppId(),n=De.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Pe(void 0,void 0,void 0,function*(){var l;const a=yield o.json();if(!a.success)return;const s=Mi((l=a?.data)===null||l===void 0?void 0:l.data);return a.data.data=s,a.data}))}),getSxpRecommendVideoData:t=>Pe(void 0,void 0,void 0,function*(){if(!De)return;const e=yield Ln(De,t),i=_t(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Et(n)&&(n=_t(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const o=yield fetch("https://dev-sxp-be.chatlabs.net/platform/open/rec/v1.2",{method:"POST",headers:{"Content-Type":"application/json",token:e.token,channel:e.channel,userId:e.userId},body:JSON.stringify({productUserId:n,channel:e.channel,maxRecs:10,requestId:i})}).then(l=>l.json());return o?.data||null})};function Xe(){return bt(Ui)}function Rn(){return bt(Hi)}const Gt="feRealSessionIdKey",Li=()=>{const t=Nn();return`${Date.now()}${t}`},Fn=()=>{let t=Un();return t||(t=Li(),window.sessionStorage.setItem(Gt,t)),t},Hn=()=>{const t=Li();window.sessionStorage.setItem(Gt,t)},Un=()=>window.sessionStorage.getItem(Gt),ji="SXP_FAKE_USER_ID",Ni="FAKE_USER_STATE",Bi=()=>{let t=window.localStorage.getItem(ji);return Et(t)&&(t=_t(36,62),window.localStorage.setItem(ji,t)),t},Gn=()=>{const t=window.localStorage.getItem(Ni);return Et(t)&&window.localStorage.setItem(Ni,"true"),Et(t)};function ze(t,e){const{appDomain:i}=me();return oe(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Je=new Pn;var He;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(He||(He={}));const zi=yt({rtcList:[],tagList:[]});var $t;(function(t){t[t.BFF=5]="BFF"})($t||($t={}));const Vi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],$n=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:a=!1,sxpParameter:s,appDomain:r,hashTagSize:c,loadingImage:d,isOpenHashTag:p=!1,enabledMetaConversionApi:h=!1,isShowTag:y=!0})=>{const[g,b]=G([]),[I,u]=G([]),[w,m]=G(!1),[E,D]=G({rtc:"",requestId:""}),v=te(null),M=te(!1),[_,S]=G(),[x,A]=G(),[T,C]=G(p),[P,j]=G([]),[V,H]=G(0),[F,N]=G(!1),[B,L]=G(null),k=te();Q(()=>{const R=U=>{k.current=U};return Je.on(He.CHANGE_THEME_TAG,R),()=>{Je.off(He.CHANGE_THEME_TAG,R)}},[]),Q(()=>{C(p)},[p]);const $=oe(()=>e?.find(R=>R.type===$t.BFF),[e]),z=de((R,U)=>{if(!$)return;const ae=$.url,Se=Bi();if(U?.query){const we=ki.stringify(U.query);R=`${R}?${we}`}return U.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ae}/api/v1${R}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},$.headers),{"x-user-id":Se}),U.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ae}/api/v1${R}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":Se},$.headers),method:U.method,body:JSON.stringify(U.body)}).then(we=>we.json()).catch(we=>Promise.reject(we))},[$]),Y=de(R=>Pe(void 0,void 0,void 0,function*(){var U,ae,Se,we,Ce;if(R={maxSize:(U=R?.maxSize)!==null&&U!==void 0?U:o,defaultSize:(ae=R?.defaultSize)!==null&&ae!==void 0?ae:l,"itemFilter.itemId":R?.["itemFilter.itemId"],"itemFilter.itemType":R?.["itemFilter.itemType"],hashTag:R?.hashTag,traceInfo:R?.traceInfo,themeTag:R?.themeTag},i){const Me=(Ce=(we=(Se=i?.split("&"))===null||Se===void 0?void 0:Se.filter($e=>{const Le=$e.split("=")[0];return Vi.includes(Le)}))===null||we===void 0?void 0:we.join("&"))!==null&&Ce!==void 0?Ce:"";R=Object.assign(Object.assign({},R),{channel:decodeURIComponent(Me)})}const ge=yield z?.("/recommend/list",{method:"GET",query:R});if(ge?.success)return R?.hashTag||D({rtc:ge.data.rtc,requestId:ge.data.requestId}),ge?.data}),[z,i,o,l]),re=de(()=>Pe(void 0,void 0,void 0,function*(){var R,U;if(g.length<=0)return;const ae=yield Y({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType,themeTag:k.current});b(g.concat((R=ae?.recList)!==null&&R!==void 0?R:[])),j(P.concat((U=ae?.recList)!==null&&U!==void 0?U:[]))}),[Y,g,x,P]),ne=de(({userInfo:R,eventInfo:U})=>{if(!n)return;R||(R={});const ae=Fn(),Se=Object.assign({sessionID:ae,rtc:E.rtc,requestId:E.requestId},U),we=Object.entries(R).map(([ge,Me])=>({name:ge,value:Me})),Ce=Object.entries(Se).map(([ge,Me])=>Me&&{name:ge,value:Me}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",R),console.log("eventInfo:",Se),console.log("========= \u7ED3\u675F ========="),z?.("/event/report",{method:"POST",body:{userInfo:we,eventInfo:Ce},type:"beacon"})},[z,E,n]),le=de(R=>{var U,{eventName:ae,actionSource:Se="website",eventSourceUrl:we=(U=window?.location)===null||U===void 0?void 0:U.href,externalId:Ce}=R;if(!n||!h)return;const ge=Bi();return z?.("/fb/events",{method:"POST",body:{eventName:ae,actionSource:Se,eventSourceUrl:we,userData:{externalId:ge}},type:"beacon"})},[z,n,h]),pe=de(R=>Pe(void 0,void 0,void 0,function*(){const U=yield z?.("/recommend/like",{method:"POST",body:R});return U?.success}),[z]),W=de(R=>Pe(void 0,void 0,void 0,function*(){const U=yield z?.("/recommend/unlike",{method:"POST",body:R});return U?.success}),[z]),ue=de(R=>Pe(void 0,void 0,void 0,function*(){const U=yield z?.("/customform",{method:"POST",body:R});return U?.success}),[z]),X=de(()=>Pe(void 0,void 0,void 0,function*(){var R,U,ae,Se,we;if(!(!i||!y))try{const Ce=(ae=(U=(R=i?.split("&"))===null||R===void 0?void 0:R.filter(Me=>{const $e=Me.split("=")[0];return Vi.includes($e)}))===null||U===void 0?void 0:U.join("&"))!==null&&ae!==void 0?ae:"",ge=yield z?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Ce)}});u((we=(Se=ge?.data)===null||Se===void 0?void 0:Se.tags)!==null&&we!==void 0?we:[])}catch(Ce){console.log("e",Ce)}}),[z,i,y]),K=de((R,U,ae,Se)=>{var we,Ce,ge,Me,$e,Le,vt,at,rt,ft,dt,mt;const xe=ae?.bindCta,Ft=((we=U?.video)===null||we===void 0?void 0:we.bindProduct)||((Ce=U?.video)===null||Ce===void 0?void 0:Ce.bindProducts)&&((Me=(ge=U?.video)===null||ge===void 0?void 0:ge.bindProducts)===null||Me===void 0?void 0:Me.length)>0;let Qe="";F?Qe="hashTagPage":!(($e=U?.video)===null||$e===void 0)&&$e.url?Qe="videoPage":!((vt=(Le=U?.video)===null||Le===void 0?void 0:Le.imgUrls)===null||vt===void 0)&&vt.length&&(Qe="imagePage"),ne?.({eventInfo:Object.assign(Object.assign({},R),{ctaId:(at=xe?.itemId)!==null&&at!==void 0?at:"",ctaName:(rt=xe?.title)!==null&&rt!==void 0?rt:"",contentTags:JSON.stringify(xe?.tags),position:Se+"",contentId:(dt=(ft=U?.video)===null||ft===void 0?void 0:ft.itemId)!==null&&dt!==void 0?dt:"",productId:Ft?ae?.itemId:"",traceInfo:(mt=xe?.traceInfo)!==null&&mt!==void 0?mt:"",fromKName:Qe})})},[ne,F]);Q(()=>{m(!0),X(),Y().then(R=>{var U,ae;b((U=R?.recList)!==null&&U!==void 0?U:[]),j((ae=R?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{m(!1),M.current=!0})},[]),Q(()=>{M.current&&(m(!0),X(),Y().then(R=>{var U,ae;b((U=R?.recList)!==null&&U!==void 0?U:[]),j((ae=R?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{m(!1)}))},[Y,X]);const Te=ze("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return f.createElement(zi.Provider,{value:{rtcList:g,setRtcList:b,mutateLike:pe,mutateUnlike:W,submitForm:ue,popupDetailData:_,loadVideos:re,setPopupDetailData:S,getRecommendVideos:Y,bffEventReport:ne,utmVal:i,isPreview:a,loading:w,sxpParameter:s,waterFallData:x,setWaterFallData:A,ctaEvent:K,swiperRef:v,openHashtag:T,setOpenHashtag:C,cacheRtcList:P,setCacheRtcList:j,cacheActiveIndex:V,setCacheActiveIndex:H,isFromHashtag:F,setIsFromHashtag:N,appDomain:r,hashTagSize:c,loadingImage:d??Te,isOpenHashTag:p,tagList:I,setLoading:m,videoRef:B,setVideoRef:L,bffFbReport:le}},t({rtcList:g,mutateLike:pe,mutateUnlike:W,submitForm:ue,tagList:I}))};var Ri=fe($n);function me(){return bt(zi)}var Fi;(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"})(Fi||(Fi={}));const Hi=yt({$store:{},options:[],configs:[]}),Wn=({children:t,isSsr:e,enable:i})=>{const[n,o]=G([]),{schema:l}=Xe(),[a,s]=G(l.__STORE__||{}),[r,c]=G([]);Q(()=>{var h;e||Ci(r,l?.dataSource)||c((h=l?.dataSource)!==null&&h!==void 0?h:[])},[l?.dataSource,e]);const d=de(()=>Pe(void 0,void 0,void 0,function*(){const{$store:h,idMapName:y}=yield Pi("",r);s(h),p(h,y)}),[r]),p=(h,y)=>{const g=[];Object.entries(h).forEach(([b,I])=>{Object.keys(I).forEach(u=>{const w={label:`${y[b]} - ${u}`,value:`{{ ${b}.${u} }}`};g.push(w)})}),o(g)};return Q(()=>{e||d()},[d,e,l]),i?f.createElement(Hi.Provider,{value:{$store:l.__STORE__||a,options:n,configs:r}},t):t};var Yn=fe(Wn);const Dt={id:_t(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},Wt={id:"",duration:0,name:"none"},Ui=f.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[Dt],redoStack:[],popup:Wt,setPopup:()=>{}}),Gi=Ct(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},a)=>{const[s,r]=G(null),[c,d]=G(n||{pointData:[Dt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[p,h]=G([Dt]),[y,g]=G([[Dt]]),[b,I]=G([]),[u,w]=G(Wt);typeof window<"u"&&(window.sxpPopup=(M,_)=>{w(Object.assign(Object.assign(Object.assign({},Wt),{id:M}),_))}),typeof window<"u"&&(window.getJointUtmLink=M=>M?.indexOf("?")!==-1?M+(l?"&"+l:""):M+(l?"?"+l:"")),Q(()=>{g([c.pointData]),I([])},[c.type]);const m=de(M=>{const _=gt(c);_&&(_.dataSource=M,d?.(_))},[c]),[E,D]=G();Di(a,()=>({loadSchema(M){M&&(g([M.pointData]),d(M))},exportSchema(){return gt(c)},getPageInfoData(){return E},initPageInfoData(M){M&&D(M)}}));const v=oe(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return f.createElement(Ui.Provider,{value:{resolver:e,currentNode:s,schema:c,setCurrentNode:r,setSchema:d,saveDataSource:m,prePiontData:p,setPrePiontData:h,pageInfoData:E,setPageInfoData:M=>D(Object.assign(Object.assign({},E),M)),undoStack:y,redoStack:b,setRedoStack:I,setUndoStack:g,getCurPageConf:v,popup:u,setPopup:w}},f.createElement(Yn,{isSsr:i,enable:o},t))});var qn=Object.freeze({__proto__:null,EditorCore:Gi}),Xn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ce=[{label:"defalut",value:"appFont"}],Yt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Jn=Yt&&Yt!==""?JSON.parse(Yt):[];var je={fontOptions:[...ce,...Jn]},qt,Xt,Jt,Kn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ce,initialValue:(qt=ce?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:je?.fontOptions,initialValue:(Jt=(Xt=je?.fontOptions)===null||Xt===void 0?void 0:Xt[0])===null||Jt===void 0?void 0:Jt.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Ue(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=me(),o=de((a,s,r,c)=>{var d,p,h,y,g,b,I,u,w,m,E,D,v,M;let _="";e&&(!((p=(d=a?.video)===null||d===void 0?void 0:d.bindProducts)===null||p===void 0)&&p.length||!((h=a?.video)===null||h===void 0)&&h.bindProduct)?_="pdpPage":n?_="hashTagPage":!((y=a?.video)===null||y===void 0)&&y.url?_="videoPage":!((g=a?.video)===null||g===void 0)&&g.imgUrls&&(!((I=(b=a?.video)===null||b===void 0?void 0:b.imgUrls)===null||I===void 0)&&I.length)?_="imagePage":a?.product&&(_="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(u=s?.itemId)!==null&&u!==void 0?u:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(m=s?.collection)!==null&&m!==void 0?m:"",fromKName:_,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:c+"",contentId:(D=(E=a?.video)===null||E===void 0?void 0:E.itemId)!==null&&D!==void 0?D:"",ctatId:(v=r?.itemId)!==null&&v!==void 0?v:"",traceInfo:(M=s?.traceInfo)!==null&&M!==void 0?M:""}})},[t,e,n]),l=de((a,s,r,c,d)=>{var p,h,y,g;let b="";e&&(!((h=(p=a?.video)===null||p===void 0?void 0:p.bindProducts)===null||h===void 0)&&h.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?b="pdpPage":a?.product&&(b="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:d+"",contentId:(g=a?.video)===null||g===void 0?void 0:g.itemId,ctatId:r?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const Qn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:a,submitText:s,layoutType:r,isExternalLink:c,isPopup:d,onClick:p,onClose:h,submitButtonStyle:y}=t,g=_e(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:b,popupDetailData:I}=me(),{jumpToWeb:u}=Ue(),w=te(),[m,E]=G(!1),D=oe(()=>[{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"}],[]),v=oe(()=>{if(r===void 0){const _=gt(e)||D;return _?.map(S=>Object.assign(Object.assign({},S),{title:void 0,fieldProps:{placeholder:S?.title}}))}else return gt(e)||D},[r,e,D]),M=Ht(()=>Pe(void 0,void 0,void 0,function*(){var _,S,x,A,T,C;const P=yield(_=w?.current)===null||_===void 0?void 0:_.getFieldsValue();if(!P)return;const j=(x=(S=Object.keys(P))===null||S===void 0?void 0:S.map(H=>{var F;return{name:H,value:(F=P[H])!==null&&F!==void 0?F:""}}))===null||x===void 0?void 0:x.filter(H=>H?.value);if(!j||!j?.length)return;E(!0);const V=yield b?.({attributes:j});if(E(!1),V){if(c){const H=I,F=(A=H?.video)===null||A===void 0?void 0:A.bindProduct,N=(C=(T=H?.video)===null||T===void 0?void 0:T.bindProduct)===null||C===void 0?void 0:C.bindCta,B=I?.index;u(H,F,N,B)}d||h?.(),p?.()}}),1e3);return f.createElement("div",{className:"pb-appoint-form"},f.createElement("div",{className:`pb-appoint-form-title ${Z(Object.assign({},o))}`},n),f.createElement("div",Object.assign({className:Z(Object.assign({},i))},g),f.createElement("div",{className:"pb-appoint-form-container"},f.createElement(On,{columns:v,submitter:!1,layout:r,autoFocusFirstInput:!1,size:"large",formRef:w,className:"panel-reset"}))),f.createElement("div",{className:"pb-appoint-form-btn-wrapper"},f.createElement("button",{onClick:M,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:l},y)},m?f.createElement(f.Fragment,null,"loading..."):s)))};var Zn=fe(Qn);function Ne(t,e){return t.extend=e,t}const eo=Ne(Zn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Kn,bindableProps:[],interactionRender:Xn},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 Kt,Qt,to=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(Kt=ce?.[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(Qt=ce?.[0])===null||Qt===void 0?void 0:Qt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function $i(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Zt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:$i(e[i])&&$i(t[i])&&Object.keys(e[i]).length>0&&Zt(t[i],e[i])})}const Wi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function Ge(){const t=typeof document<"u"?document:{};return Zt(t,Wi),t}const io={document:Wi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Oe(){const t=typeof window<"u"?window:{};return Zt(t,io),t}function et(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function no(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function ct(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ve(){return Date.now()}function oo(t){const e=Oe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function lo(t,e){e===void 0&&(e="x");const i=Oe();let n,o,l;const a=oo(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function kt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function so(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Be(){const t=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let i=1;i<arguments.length;i+=1){const n=i<0||arguments.length<=i?void 0:arguments[i];if(n!=null&&!so(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,a=o.length;l<a;l+=1){const s=o[l],r=Object.getOwnPropertyDescriptor(n,s);r!==void 0&&r.enumerable&&(kt(t[s])&&kt(n[s])?n[s].__swiper__?t[s]=n[s]:Be(t[s],n[s]):!kt(t[s])&&kt(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Be(t[s],n[s])):t[s]=n[s])}}}return t}function At(t,e,i){t.style.setProperty(e,i)}function Yi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=Oe(),l=-e.translate;let a=null,s;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",d=(h,y)=>c==="next"&&h>=y||c==="prev"&&h<=y,p=()=>{s=new Date().getTime(),a===null&&(a=s);const h=Math.max(Math.min((s-a)/r,1),0),y=.5-Math.cos(h*Math.PI)/2;let g=l+y*(i-l);if(d(g,i)&&(g=i),e.wrapperEl.scrollTo({[n]:g}),d(g,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:g})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(p)};p()}function We(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Pt(t){try{console.warn(t);return}catch{}}function wt(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:et(e)),i}function ao(t){const e=Oe(),i=Ge(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+r-a}}function ro(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 co(t,e){const i=[];for(;t.nextElementSibling;){const n=t.nextElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function tt(t,e){return Oe().getComputedStyle(t,null).getPropertyValue(e)}function Ot(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function qi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function ei(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function ti(t,e,i){const n=Oe();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Ye(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function uo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Oe();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,s=Ve(),r;const c=[];function d(m){let M=0,_=0,S=0,x=0;return"detail"in m&&(_=m.detail),"wheelDelta"in m&&(_=-m.wheelDelta/120),"wheelDeltaY"in m&&(_=-m.wheelDeltaY/120),"wheelDeltaX"in m&&(M=-m.wheelDeltaX/120),"axis"in m&&m.axis===m.HORIZONTAL_AXIS&&(M=_,_=0),S=M*10,x=_*10,"deltaY"in m&&(x=m.deltaY),"deltaX"in m&&(S=m.deltaX),m.shiftKey&&!S&&(S=x,x=0),(S||x)&&m.deltaMode&&(m.deltaMode===1?(S*=40,x*=40):(S*=800,x*=800)),S&&!M&&(M=S<1?-1:1),x&&!_&&(_=x<1?-1:1),{spinX:M,spinY:_,pixelX:S,pixelY:x}}function p(){e.enabled&&(e.mouseEntered=!0)}function h(){e.enabled&&(e.mouseEntered=!1)}function y(m){return e.params.mousewheel.thresholdDelta&&m.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ve()-s<e.params.mousewheel.thresholdTime?!1:m.delta>=6&&Ve()-s<60?!0:(m.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",m.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",m.raw)),s=new l.Date().getTime(),!1)}function g(m){const E=e.params.mousewheel;if(m.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(m){let E=m,D=!0;if(!e.enabled||m.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const v=e.params.mousewheel;e.params.cssMode&&E.preventDefault();let M=e.el;e.params.mousewheel.eventsTarget!=="container"&&(M=document.querySelector(e.params.mousewheel.eventsTarget));const _=M&&M.contains(E.target);if(!e.mouseEntered&&!_&&!v.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let S=0;const x=e.rtlTranslate?-1:1,A=d(E);if(v.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;v.invert&&(S=-S);let T=e.getTranslate()+S*v.sensitivity;if(T>=e.minTranslate()&&(T=e.minTranslate()),T<=e.maxTranslate()&&(T=e.maxTranslate()),D=e.params.loop?!0:!(T===e.minTranslate()||T===e.maxTranslate()),D&&e.params.nested&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const C={time:Ve(),delta:Math.abs(S),direction:Math.sign(S),raw:m};c.length>=2&&c.shift();const P=c.length?c[c.length-1]:void 0;if(c.push(C),P?(C.direction!==P.direction||C.delta>P.delta||C.time>P.time+150)&&y(C):y(C),g(C))return!0}else{const C={time:Ve(),delta:Math.abs(S),direction:Math.sign(S)},P=r&&C.time<r.time+500&&C.delta<=r.delta&&C.direction===r.direction;if(!P){r=void 0;let j=e.getTranslate()+S*v.sensitivity;const V=e.isBeginning,H=e.isEnd;if(j>=e.minTranslate()&&(j=e.minTranslate()),j<=e.maxTranslate()&&(j=e.maxTranslate()),e.setTransition(0),e.setTranslate(j),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!V&&e.isBeginning||!H&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:C.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const F=c.length?c[c.length-1]:void 0,N=c[0];if(c.push(C),F&&(C.delta>F.delta||C.direction!==F.direction))c.splice(0);else if(c.length>=15&&C.time-N.time<500&&N.delta-C.delta>=1&&C.delta<=6){const B=S>0?.8:.2;r=C,c.splice(0),a=ct(()=>{e.slideToClosest(e.params.speed,!0,void 0,B)},0)}a||(a=ct(()=>{r=C,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||o("scroll",E),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),v.releaseOnEdges&&(j===e.minTranslate()||j===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function I(m){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[m]("mouseenter",p),E[m]("mouseleave",h),E[m]("wheel",b)}function u(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&u()}),n("destroy",()=>{e.params.cssMode&&u(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:u,disable:w})}function Xi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=We(t.el,`.${n[o]}`)[0];l||(l=wt("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function ut(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Mt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:u=>u,formatFractionTotal:u=>u,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let a,s=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(u,w){const{bulletActiveClass:m}=e.params.pagination;u&&(u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&(u.classList.add(`${m}-${w}`),u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&u.classList.add(`${m}-${w}-${w}`)))}function d(u){const w=u.target.closest(ut(e.params.pagination.bulletClass));if(!w)return;u.preventDefault();const m=Ot(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===m)return;e.slideToLoop(m)}else e.slideTo(m)}function p(){const u=e.rtl,w=e.params.pagination;if(r())return;let m=e.pagination.el;m=Ye(m);let E,D;const v=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,M=e.params.loop?Math.ceil(v/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(D=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,D=e.previousSnapIndex):(D=e.previousIndex||0,E=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let S,x,A;if(w.dynamicBullets&&(a=ti(_[0],e.isHorizontal()?"width":"height",!0),m.forEach(T=>{T.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&D!==void 0&&(s+=E-(D||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),S=Math.max(E-s,0),x=S+(Math.min(_.length,w.dynamicMainBullets)-1),A=(x+S)/2),_.forEach(T=>{const C=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${w.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();T.classList.remove(...C)}),m.length>1)_.forEach(T=>{const C=Ot(T);C===E?T.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&T.setAttribute("part","bullet"),w.dynamicBullets&&(C>=S&&C<=x&&T.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),C===S&&c(T,"prev"),C===x&&c(T,"next"))});else{const T=_[E];if(T&&T.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&_.forEach((C,P)=>{C.setAttribute("part",P===E?"bullet-active":"bullet")}),w.dynamicBullets){const C=_[S],P=_[x];for(let j=S;j<=x;j+=1)_[j]&&_[j].classList.add(...`${w.bulletActiveClass}-main`.split(" "));c(C,"prev"),c(P,"next")}}if(w.dynamicBullets){const T=Math.min(_.length,w.dynamicMainBullets+4),C=(a*T-a)/2-A*a,P=u?"right":"left";_.forEach(j=>{j.style[e.isHorizontal()?P:"top"]=`${C}px`})}}m.forEach((_,S)=>{if(w.type==="fraction"&&(_.querySelectorAll(ut(w.currentClass)).forEach(x=>{x.textContent=w.formatFractionCurrent(E+1)}),_.querySelectorAll(ut(w.totalClass)).forEach(x=>{x.textContent=w.formatFractionTotal(M)})),w.type==="progressbar"){let x;w.progressbarOpposite?x=e.isHorizontal()?"vertical":"horizontal":x=e.isHorizontal()?"horizontal":"vertical";const A=(E+1)/M;let T=1,C=1;x==="horizontal"?T=A:C=A,_.querySelectorAll(ut(w.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${T}) scaleY(${C})`,P.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(_.innerHTML=w.renderCustom(e,E+1,M),S===0&&o("paginationRender",_)):(S===0&&o("paginationRender",_),o("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](w.lockClass)})}function h(){const u=e.params.pagination;if(r())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let m=e.pagination.el;m=Ye(m);let E="";if(u.type==="bullets"){let D=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&D>w&&(D=w);for(let v=0;v<D;v+=1)u.renderBullet?E+=u.renderBullet.call(e,v,u.bulletClass):E+=`<${u.bulletElement} ${e.isElement?'part="bullet"':""} class="${u.bulletClass}"></${u.bulletElement}>`}u.type==="fraction"&&(u.renderFraction?E=u.renderFraction.call(e,u.currentClass,u.totalClass):E=`<span class="${u.currentClass}"></span> / <span class="${u.totalClass}"></span>`),u.type==="progressbar"&&(u.renderProgressbar?E=u.renderProgressbar.call(e,u.progressbarFillClass):E=`<span class="${u.progressbarFillClass}"></span>`),e.pagination.bullets=[],m.forEach(D=>{u.type!=="custom"&&(D.innerHTML=E||""),u.type==="bullets"&&e.pagination.bullets.push(...D.querySelectorAll(ut(u.bulletClass)))}),u.type!=="custom"&&o("paginationRender",m[0])}function y(){e.params.pagination=Xi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const u=e.params.pagination;if(!u.el)return;let w;typeof u.el=="string"&&e.isElement&&(w=e.el.querySelector(u.el)),!w&&typeof u.el=="string"&&(w=[...document.querySelectorAll(u.el)]),w||(w=u.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof u.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(u.el)],w.length>1&&(w=w.filter(m=>qi(m,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Ye(w),w.forEach(m=>{u.type==="bullets"&&u.clickable&&m.classList.add(...(u.clickableClass||"").split(" ")),m.classList.add(u.modifierClass+u.type),m.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.type==="bullets"&&u.dynamicBullets&&(m.classList.add(`${u.modifierClass}${u.type}-dynamic`),s=0,u.dynamicMainBullets<1&&(u.dynamicMainBullets=1)),u.type==="progressbar"&&u.progressbarOpposite&&m.classList.add(u.progressbarOppositeClass),u.clickable&&m.addEventListener("click",d),e.enabled||m.classList.add(u.lockClass)}))}function g(){const u=e.params.pagination;if(r())return;let w=e.pagination.el;w&&(w=Ye(w),w.forEach(m=>{m.classList.remove(u.hiddenClass),m.classList.remove(u.modifierClass+u.type),m.classList.remove(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.clickable&&(m.classList.remove(...(u.clickableClass||"").split(" ")),m.removeEventListener("click",d))})),e.pagination.bullets&&e.pagination.bullets.forEach(m=>m.classList.remove(...u.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const u=e.params.pagination;let{el:w}=e.pagination;w=Ye(w),w.forEach(m=>{m.classList.remove(u.horizontalClass,u.verticalClass),m.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(y(),h(),p())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&p()}),n("snapIndexChange",()=>{p()}),n("snapGridLengthChange",()=>{h(),p()}),n("destroy",()=>{g()}),n("enable disable",()=>{let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{p()}),n("click",(u,w)=>{const m=w.target,E=Ye(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!m.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&m===e.navigation.nextEl||e.navigation.prevEl&&m===e.navigation.prevEl))return;const D=E[0].classList.contains(e.params.pagination.hiddenClass);o(D===!0?"paginationShow":"paginationHide"),E.forEach(v=>v.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),y(),h(),p()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),g()};Object.assign(e.pagination,{enable:b,disable:I,render:h,update:p,init:y,destroy:g})}function po(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ge();let a=!1,s=null,r=null,c,d,p,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 y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T,rtlTranslate:C}=e,{dragEl:P,el:j}=T,V=e.params.scrollbar,H=e.params.loop?e.progressLoop:e.progress;let F=d,N=(p-d)*H;C?(N=-N,N>0?(F=d-N,N=0):-N+d>p&&(F=p+N)):N<0?(F=d+N,N=0):N+d>p&&(F=p-N),e.isHorizontal()?(P.style.transform=`translate3d(${N}px, 0, 0)`,P.style.width=`${F}px`):(P.style.transform=`translate3d(0px, ${N}px, 0)`,P.style.height=`${F}px`),V.hide&&(clearTimeout(s),j.style.opacity=1,s=setTimeout(()=>{j.style.opacity=0,j.style.transitionDuration="400ms"},1e3))}function g(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:C,el:P}=T;C.style.width="",C.style.height="",p=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"?d=p*h:d=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?C.style.width=`${d}px`:C.style.height=`${d}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 I(T){return e.isHorizontal()?T.clientX:T.clientY}function u(T){const{scrollbar:C,rtlTranslate:P}=e,{el:j}=C;let V;V=(I(T)-ao(j)[e.isHorizontal()?"left":"top"]-(c!==null?c:d/2))/(p-d),V=Math.max(Math.min(V,1),0),P&&(V=1-V);const H=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*V;e.updateProgress(H),e.setTranslate(H),e.updateActiveIndex(),e.updateSlidesClasses()}function w(T){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:j}=e,{el:V,dragEl:H}=P;a=!0,c=T.target===H?I(T)-T.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,T.preventDefault(),T.stopPropagation(),j.style.transitionDuration="100ms",H.style.transitionDuration="100ms",u(T),clearTimeout(r),V.style.transitionDuration="0ms",C.hide&&(V.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",T)}function m(T){const{scrollbar:C,wrapperEl:P}=e,{el:j,dragEl:V}=C;a&&(T.preventDefault?T.preventDefault():T.returnValue=!1,u(T),P.style.transitionDuration="0ms",j.style.transitionDuration="0ms",V.style.transitionDuration="0ms",o("scrollbarDragMove",T))}function E(T){const C=e.params.scrollbar,{scrollbar:P,wrapperEl:j}=e,{el:V}=P;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",j.style.transitionDuration=""),C.hide&&(clearTimeout(r),r=ct(()=>{V.style.opacity=0,V.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",T),C.snapOnRelease&&e.slideToClosest())}function D(T){const{scrollbar:C,params:P}=e,j=C.el;if(!j)return;const V=j,H=P.passiveListeners?{passive:!1,capture:!1}:!1,F=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!V)return;const N=T==="on"?"addEventListener":"removeEventListener";V[N]("pointerdown",w,H),l[N]("pointermove",m,H),l[N]("pointerup",E,F)}function v(){!e.params.scrollbar.el||!e.scrollbar.el||D("on")}function M(){!e.params.scrollbar.el||!e.scrollbar.el||D("off")}function _(){const{scrollbar:T,el:C}=e;e.params.scrollbar=Xi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let j;if(typeof P.el=="string"&&e.isElement&&(j=e.el.querySelector(P.el)),!j&&typeof P.el=="string"){if(j=l.querySelectorAll(P.el),!j.length)return}else j||(j=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&j.length>1&&C.querySelectorAll(P.el).length===1&&(j=C.querySelector(P.el)),j.length>0&&(j=j[0]),j.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let V;j&&(V=j.querySelector(ut(e.params.scrollbar.dragClass)),V||(V=wt("div",e.params.scrollbar.dragClass),j.append(V))),Object.assign(T,{el:j,dragEl:V}),P.draggable&&v(),j&&j.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}function S(){const T=e.params.scrollbar,C=e.scrollbar.el;C&&C.classList.remove(...et(e.isHorizontal()?T.horizontalClass:T.verticalClass)),M()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const T=e.params.scrollbar;let{el:C}=e.scrollbar;C=Ye(C),C.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():(_(),b(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{y()}),n("setTransition",(T,C)=>{g(C)}),n("enable disable",()=>{const{el:T}=e.scrollbar;T&&T.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const x=()=>{e.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),_(),b(),y()},A=()=>{e.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:x,disable:A,updateSize:b,setTranslate:y,init:_,destroy:S})}function Lt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,s,r=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,d,p=new Date().getTime(),h,y,g,b,I,u,w;function m(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),!w&&x())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?h=!0:h&&(c=d,h=!1);const F=e.autoplay.paused?d:p+c-new Date().getTime();e.autoplay.timeLeft=F,o("autoplayTimeLeft",F,F/r),s=requestAnimationFrame(()=>{E()})},D=()=>{let F;return e.virtual&&e.params.virtual.enabled?F=e.slides.filter(B=>B.classList.contains("swiper-slide-active"))[0]:F=e.slides[e.activeIndex],F?parseInt(F.getAttribute("data-swiper-autoplay"),10):void 0},v=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),E();let N=typeof F>"u"?e.params.autoplay.delay:F;r=e.params.autoplay.delay,c=e.params.autoplay.delay;const B=D();!Number.isNaN(B)&&B>0&&typeof F>"u"&&(N=B,r=B,c=B),d=N;const L=e.params.speed,k=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(L,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,L,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(L,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,L,!0,!0),o("autoplay")),e.params.cssMode&&(p=new Date().getTime(),requestAnimationFrame(()=>{v()})))};return N>0?(clearTimeout(a),a=setTimeout(()=>{k()},N)):requestAnimationFrame(()=>{k()}),N},M=()=>{p=new Date().getTime(),e.autoplay.running=!0,v(),o("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(s),o("autoplayStop")},S=(F,N)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),F||(u=!0);const B=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):x()};if(e.autoplay.paused=!0,N){I&&(d=e.params.autoplay.delay),I=!1,B();return}d=(d||e.params.autoplay.delay)-(new Date().getTime()-p),!(e.isEnd&&d<0&&!e.params.loop)&&(d<0&&(d=0),B())},x=()=>{e.isEnd&&d<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(p=new Date().getTime(),u?(u=!1,v(d)):v(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Ge();F.visibilityState==="hidden"&&(u=!0,S(!0)),F.visibilityState==="visible"&&x()},T=F=>{F.pointerType==="mouse"&&(u=!0,w=!0,!(e.animating||e.autoplay.paused)&&S(!0))},C=F=>{F.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&x())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",T),e.el.addEventListener("pointerleave",C))},j=()=>{e.el.removeEventListener("pointerenter",T),e.el.removeEventListener("pointerleave",C)},V=()=>{Ge().addEventListener("visibilitychange",A)},H=()=>{Ge().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),V(),M())}),n("destroy",()=>{j(),H(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(g||u)&&x()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():S(!0,!0)}),n("beforeTransitionStart",(F,N,B)=>{e.destroyed||!e.autoplay.running||(B||!e.params.autoplay.disableOnInteraction?S(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,g=!1,u=!1,b=setTimeout(()=>{u=!0,g=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(b),clearTimeout(a),e.params.autoplay.disableOnInteraction){g=!1,y=!1;return}g&&e.params.cssMode&&x(),g=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(I=!0)}),Object.assign(e.autoplay,{start:M,stop:_,pause:S,resume:x})}function vo(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const r=e.getTranslate();e.setTranslate(r),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:r,touches:c}=e;r.velocities.length===0&&r.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Ve()})}function s(r){let{currentPos:c}=r;if(e.params.cssMode)return;const{params:d,wrapperEl:p,rtlTranslate:h,snapGrid:y,touchEventsData:g}=e,I=Ve()-g.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(d.freeMode.momentum){if(g.velocities.length>1){const _=g.velocities.pop(),S=g.velocities.pop(),x=_.position-S.position,A=_.time-S.time;e.velocity=x/A,e.velocity/=2,Math.abs(e.velocity)<d.freeMode.minimumVelocity&&(e.velocity=0),(A>150||Ve()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=d.freeMode.momentumVelocityRatio,g.velocities.length=0;let u=1e3*d.freeMode.momentumRatio;const w=e.velocity*u;let m=e.translate+w;h&&(m=-m);let E=!1,D;const v=Math.abs(e.velocity)*20*d.freeMode.momentumBounceRatio;let M;if(m<e.maxTranslate())d.freeMode.momentumBounce?(m+e.maxTranslate()<-v&&(m=e.maxTranslate()-v),D=e.maxTranslate(),E=!0,g.allowMomentumBounce=!0):m=e.maxTranslate(),d.loop&&d.centeredSlides&&(M=!0);else if(m>e.minTranslate())d.freeMode.momentumBounce?(m-e.minTranslate()>v&&(m=e.minTranslate()+v),D=e.minTranslate(),E=!0,g.allowMomentumBounce=!0):m=e.minTranslate(),d.loop&&d.centeredSlides&&(M=!0);else if(d.freeMode.sticky){let _;for(let S=0;S<y.length;S+=1)if(y[S]>-m){_=S;break}Math.abs(y[_]-m)<Math.abs(y[_-1]-m)||e.swipeDirection==="next"?m=y[_]:m=y[_-1],m=-m}if(M&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(h?u=Math.abs((-m-e.translate)/e.velocity):u=Math.abs((m-e.translate)/e.velocity),d.freeMode.sticky){const _=Math.abs((h?-m:m)-e.translate),S=e.slidesSizesGrid[e.activeIndex];_<S?u=d.speed:_<2*S?u=d.speed*1.5:u=d.speed*2.5}}else if(d.freeMode.sticky){e.slideToClosest();return}d.freeMode.momentumBounce&&E?(e.updateProgress(D),e.setTransition(u),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating=!0,ei(p,()=>{!e||e.destroyed||!g.allowMomentumBounce||(n("momentumBounce"),e.setTransition(d.speed),setTimeout(()=>{e.setTranslate(D),ei(p,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(m),e.setTransition(u),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,ei(p,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(m),e.updateActiveIndex(),e.updateSlidesClasses()}else if(d.freeMode.sticky){e.slideToClosest();return}else d.freeMode&&n("_freeModeNoMomentumRelease");(!d.freeMode.momentum||I>=d.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:a,onTouchEnd:s}})}let ii;function fo(){const t=Oe(),e=Ge();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 ii||(ii=fo()),ii}let ni;function mo(t){let{userAgent:e}=t===void 0?{}:t;const i=Ji(),n=Oe(),o=n.navigator.platform,l=e||n.navigator.userAgent,a={ios:!1,android:!1},s=n.screen.width,r=n.screen.height,c=l.match(/(Android);?[\s\/]+([\d.]+)?/);let d=l.match(/(iPad).*OS\s([\d_]+)/);const p=l.match(/(iPod)(.*OS\s([\d_]+))?/),h=!d&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=o==="Win32";let g=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!d&&g&&i.touch&&b.indexOf(`${s}x${r}`)>=0&&(d=l.match(/(Version)\/([\d.]+)/),d||(d=[0,1,"13_0_0"]),g=!1),c&&!y&&(a.os="android",a.android=!0),(d||h||p)&&(a.os="ios",a.ios=!0),a}function Ki(t){return t===void 0&&(t={}),ni||(ni=mo(t)),ni}let oi;function ho(){const t=Oe(),e=Ki();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[r,c]=s.split("Version/")[1].split(" ")[0].split(".").map(d=>Number(d));i=r<16||r===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),a=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function go(){return oi||(oi=ho()),oi}function bo(t){let{swiper:e,on:i,emit:n}=t;const o=Oe();let l=null,a=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(p=>{a=o.requestAnimationFrame(()=>{const{width:h,height:y}=e;let g=h,b=y;p.forEach(I=>{let{contentBoxSize:u,contentRect:w,target:m}=I;m&&m!==e.el||(g=w?w.width:(u[0]||u).inlineSize,b=w?w.height:(u[0]||u).blockSize)}),(g!==h||b!==y)&&s()})}),l.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},d=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){r();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",d)}),i("destroy",()=>{c(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",d)})}function yo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],a=Oe(),s=function(d,p){p===void 0&&(p={});const h=a.MutationObserver||a.WebkitMutationObserver,y=new h(g=>{if(e.__preventObserver__)return;if(g.length===1){o("observerUpdate",g[0]);return}const b=function(){o("observerUpdate",g[0])};a.requestAnimationFrame?a.requestAnimationFrame(b):a.setTimeout(b,0)});y.observe(d,{attributes:typeof p.attributes>"u"?!0:p.attributes,childList:typeof p.childList>"u"?!0:p.childList,characterData:typeof p.characterData>"u"?!0:p.characterData}),l.push(y)},r=()=>{if(e.params.observer){if(e.params.observeParents){const d=qi(e.hostEl);for(let p=0;p<d.length;p+=1)s(d[p])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},c=()=>{l.forEach(d=>{d.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",r),n("destroy",c)}var wo={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,a=new Array(l),s=0;s<l;s++)a[s]=arguments[s];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),a=0;a<o;a++)l[a]=arguments[a];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(c=>{c.apply(n,i)})}),t}};function So(){const t=this;let e,i;const n=t.el;typeof t.params.width<"u"&&t.params.width!==null?e=t.params.width:e=n.clientWidth,typeof t.params.height<"u"&&t.params.height!==null?i=t.params.height:i=n.clientHeight,!(e===0&&t.isHorizontal()||i===0&&t.isVertical())&&(e=e-parseInt(tt(n,"padding-left")||0,10)-parseInt(tt(n,"padding-right")||0,10),i=i-parseInt(tt(n,"padding-top")||0,10)-parseInt(tt(n,"padding-bottom")||0,10),Number.isNaN(e)&&(e=0),Number.isNaN(i)&&(i=0),Object.assign(t,{width:e,height:i,size:t.isHorizontal()?e:i}))}function To(){const t=this;function e(x,A){return parseFloat(x.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:a,wrongRTL:s}=t,r=t.virtual&&i.virtual.enabled,c=r?t.virtual.slides.length:t.slides.length,d=We(o,`.${t.params.slideClass}, swiper-slide`),p=r?t.virtual.slides.length:d.length;let h=[];const y=[],g=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const u=t.snapGrid.length,w=t.slidesGrid.length;let m=i.spaceBetween,E=-b,D=0,v=0;if(typeof l>"u")return;typeof m=="string"&&m.indexOf("%")>=0?m=parseFloat(m.replace("%",""))/100*l:typeof m=="string"&&(m=parseFloat(m)),t.virtualSize=-m,d.forEach(x=>{a?x.style.marginLeft="":x.style.marginRight="",x.style.marginBottom="",x.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(At(n,"--swiper-centered-offset-before",""),At(n,"--swiper-centered-offset-after",""));const M=i.grid&&i.grid.rows>1&&t.grid;M?t.grid.initSlides(d):t.grid&&t.grid.unsetSlides();let _;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<p;x+=1){_=0;let A;if(d[x]&&(A=d[x]),M&&t.grid.updateSlide(x,A,d),!(d[x]&&tt(A,"display")==="none")){if(i.slidesPerView==="auto"){S&&(d[x].style[t.getDirectionLabel("width")]="");const T=getComputedStyle(A),C=A.style.transform,P=A.style.webkitTransform;if(C&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?ti(A,"width",!0):ti(A,"height",!0);else{const j=e(T,"width"),V=e(T,"padding-left"),H=e(T,"padding-right"),F=e(T,"margin-left"),N=e(T,"margin-right"),B=T.getPropertyValue("box-sizing");if(B&&B==="border-box")_=j+F+N;else{const{clientWidth:L,offsetWidth:k}=A;_=j+V+H+F+N+(k-L)}}C&&(A.style.transform=C),P&&(A.style.webkitTransform=P),i.roundLengths&&(_=Math.floor(_))}else _=(l-(i.slidesPerView-1)*m)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),d[x]&&(d[x].style[t.getDirectionLabel("width")]=`${_}px`);d[x]&&(d[x].swiperSlideSize=_),g.push(_),i.centeredSlides?(E=E+_/2+D/2+m,D===0&&x!==0&&(E=E-l/2-m),x===0&&(E=E-l/2-m),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),v%i.slidesPerGroup===0&&h.push(E),y.push(E)):(i.roundLengths&&(E=Math.floor(E)),(v-Math.min(t.params.slidesPerGroupSkip,v))%t.params.slidesPerGroup===0&&h.push(E),y.push(E),E=E+_+m),t.virtualSize+=_+m,D=_,v+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+I,a&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+m}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+m}px`),M&&t.grid.updateWrapperSize(_,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-l&&x.push(T)}h=x,Math.floor(t.virtualSize-l)-Math.floor(h[h.length-1])>1&&h.push(t.virtualSize-l)}if(r&&i.loop){const x=g[0]+m;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),T=x*i.slidesPerGroup;for(let C=0;C<A;C+=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),y.push(y[y.length-1]+x),t.virtualSize+=x}if(h.length===0&&(h=[0]),m!==0){const x=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");d.filter((A,T)=>!i.cssMode||i.loop?!0:T!==d.length-1).forEach(A=>{A.style[x]=`${m}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let x=0;g.forEach(T=>{x+=T+(m||0)}),x-=m;const A=x-l;h=h.map(T=>T<=0?-b:T>A?A+I:T)}if(i.centerInsufficientSlides){let x=0;if(g.forEach(A=>{x+=A+(m||0)}),x-=m,x<l){const A=(l-x)/2;h.forEach((T,C)=>{h[C]=T-A}),y.forEach((T,C)=>{y[C]=T+A})}}if(Object.assign(t,{slides:d,snapGrid:h,slidesGrid:y,slidesSizesGrid:g}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){At(n,"--swiper-centered-offset-before",`${-h[0]}px`),At(n,"--swiper-centered-offset-after",`${t.size/2-g[g.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(p!==c&&t.emit("slidesLengthChange"),h.length!==u&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const x=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(x);p<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(x):A&&t.el.classList.remove(x)}}function xo(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(a(s))}else i.push(a(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Eo(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function Io(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(r=>{r.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let r=0;r<n.length;r+=1){const c=n[r];let d=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(d-=n[0].swiperSlideOffset);const p=(a+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),h=(a-l[0]+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),y=-(a-d),g=y+e.slidesSizesGrid[r],b=y>=0&&y<=e.size-e.slidesSizesGrid[r];(y>=0&&y<e.size-1||g>1&&g<=e.size||y<=0&&g>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(r),n[r].classList.add(i.slideVisibleClass)),b&&n[r].classList.add(i.slideFullyVisibleClass),c.progress=o?-p:p,c.originalProgress=o?-h:h}}function Co(t){const e=this;if(typeof t>"u"){const d=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*d||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:a,progressLoop:s}=e;const r=l,c=a;if(n===0)o=0,l=!0,a=!0;else{o=(t-e.minTranslate())/n;const d=Math.abs(t-e.minTranslate())<1,p=Math.abs(t-e.maxTranslate())<1;l=d||o<=0,a=p||o>=1,d&&(o=0),p&&(o=1)}if(i.loop){const d=e.getSlideIndexByData(0),p=e.getSlideIndexByData(e.slides.length-1),h=e.slidesGrid[d],y=e.slidesGrid[p],g=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=h?s=(b-h)/g:s=(b+g-y)/g,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!r&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(r&&!l||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function _o(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,s=p=>We(n,`.${i.slideClass}${p}, swiper-slide${p}`)[0];e.forEach(p=>{p.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let r,c,d;if(l)if(i.loop){let p=o-t.virtual.slidesBefore;p<0&&(p=t.virtual.slides.length+p),p>=t.virtual.slides.length&&(p-=t.virtual.slides.length),r=s(`[data-swiper-slide-index="${p}"]`)}else r=s(`[data-swiper-slide-index="${o}"]`);else a?(r=e.filter(p=>p.column===o)[0],d=e.filter(p=>p.column===o+1)[0],c=e.filter(p=>p.column===o-1)[0]):r=e[o];r&&(r.classList.add(i.slideActiveClass),a?(d&&d.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(d=co(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!d&&(d=e[0]),d&&d.classList.add(i.slideNextClass),c=ro(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const jt=(t,e)=>{if(!t||t.destroyed||!t.params)return;const i=()=>t.isElement?"swiper-slide":`.${t.params.slideClass}`,n=e.closest(i());if(n){let o=n.querySelector(`.${t.params.lazyPreloaderClass}`);!o&&t.isElement&&(n.shadowRoot?o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),o&&o.remove())})),o&&o.remove()}},li=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},si=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,s=[a-e];s.push(...Array.from({length:e}).map((r,c)=>a+n+c)),t.slides.forEach((r,c)=>{s.includes(r.column)&&li(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=l+e;a+=1){const s=(a%i+i)%i;(s<o||s>l)&&li(t,s)}else for(let a=Math.max(o-e,0);a<=Math.min(l+e,i-1);a+=1)a!==o&&(a>l||a<o)&&li(t,a)};function Do(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let o;for(let l=0;l<e.length;l+=1)typeof e[l+1]<"u"?n>=e[l]&&n<e[l+1]-(e[l+1]-e[l])/2?o=l:n>=e[l]&&n<e[l+1]&&(o=l+1):n>=e[l]&&(o=l);return i.normalizeSlideIndex&&(o<0||typeof o>"u")&&(o=0),o}function ko(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:a,snapIndex:s}=e;let r=t,c;const d=y=>{let g=y-e.virtual.slidesBefore;return g<0&&(g=e.virtual.slides.length+g),g>=e.virtual.slides.length&&(g-=e.virtual.slides.length),g};if(typeof r>"u"&&(r=Do(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(o.slidesPerGroupSkip,r);c=y+Math.floor((r-y)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),r===l&&!e.params.loop){c!==s&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(r===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=d(r);return}const p=e.grid&&o.grid&&o.grid.rows>1;let h;if(e.virtual&&o.virtual.enabled&&o.loop)h=d(r);else if(p){const y=e.slides.filter(b=>b.column===r)[0];let g=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(g)&&(g=Math.max(e.slides.indexOf(y),0)),h=Math.floor(g/o.grid.rows)}else if(e.slides[r]){const y=e.slides[r].getAttribute("data-swiper-slide-index");y?h=parseInt(y,10):h=r}else h=r;Object.assign(e,{previousSnapIndex:s,snapIndex:c,previousRealIndex:a,realIndex:h,previousIndex:l,activeIndex:r}),e.initialized&&si(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==h&&e.emit("realIndexChange"),e.emit("slideChange"))}function Ao(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,a;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,a=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Po={updateSize:So,updateSlides:To,updateAutoHeight:xo,updateSlidesOffset:Eo,updateSlidesProgress:Io,updateProgress:Co,updateSlidesClasses:_o,updateActiveIndex:ko,updateClickedSlide:Ao};function Oo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=lo(l,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function Mo(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:a}=i;let s=0,r=0;const c=0;i.isHorizontal()?s=n?-t:t:r=t,o.roundLengths&&(s=Math.floor(s),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:r,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-r:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${r}px, ${c}px)`);let d;const p=i.maxTranslate()-i.minTranslate();p===0?d=0:d=(t-i.minTranslate())/p,d!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Lo(){return-this.snapGrid[0]}function jo(){return-this.snapGrid[this.snapGrid.length-1]}function No(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:a,wrapperEl:s}=l;if(l.animating&&a.preventInteractionOnTransition)return!1;const r=l.minTranslate(),c=l.maxTranslate();let d;if(n&&t>r?d=r:n&&t<c?d=c:d=t,l.updateProgress(d),a.cssMode){const p=l.isHorizontal();if(e===0)s[p?"scrollLeft":"scrollTop"]=-d;else{if(!l.support.smoothScroll)return Yi({swiper:l,targetPosition:-d,side:p?"left":"top"}),!0;s.scrollTo({[p?"left":"top"]:-d,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(h){!l||l.destroyed||h.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var Bo={getTranslate:Oo,setTranslate:Mo,minTranslate:Lo,maxTranslate:jo,translateTo:No};function zo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function Qi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:a}=e;let s=n;if(s||(l>a?s="next":l<a?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==a){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function Vo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Qi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Ro(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Qi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Fo={setTransition:zo,transitionStart:Vo,transitionEnd:Ro};function Ho(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let a=t;a<0&&(a=0);const{params:s,snapGrid:r,slidesGrid:c,previousIndex:d,activeIndex:p,rtlTranslate:h,wrapperEl:y,enabled:g}=l;if(l.animating&&s.preventInteractionOnTransition||!g&&!n&&!o||l.destroyed)return!1;const b=Math.min(l.params.slidesPerGroupSkip,a);let I=b+Math.floor((a-b)/l.params.slidesPerGroup);I>=r.length&&(I=r.length-1);const u=-r[I];if(s.normalizeSlideIndex)for(let m=0;m<c.length;m+=1){const E=-Math.floor(u*100),D=Math.floor(c[m]*100),v=Math.floor(c[m+1]*100);typeof c[m+1]<"u"?E>=D&&E<v-(v-D)/2?a=m:E>=D&&E<v&&(a=m+1):E>=D&&(a=m)}if(l.initialized&&a!==p&&(!l.allowSlideNext&&(h?u>l.translate&&u>l.minTranslate():u<l.translate&&u<l.minTranslate())||!l.allowSlidePrev&&u>l.translate&&u>l.maxTranslate()&&(p||0)!==a))return!1;a!==(d||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(u);let w;if(a>p?w="next":a<p?w="prev":w="reset",h&&-u===l.translate||!h&&u===l.translate)return l.updateActiveIndex(a),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(u),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(s.cssMode){const m=l.isHorizontal(),E=h?u:-u;if(e===0){const D=l.virtual&&l.params.virtual.enabled;D&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),D&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[m?"scrollLeft":"scrollTop"]=E})):y[m?"scrollLeft":"scrollTop"]=E,D&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return Yi({swiper:l,targetPosition:E,side:m?"left":"top"}),!0;y.scrollTo({[m?"left":"top"]:E,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(u),l.updateActiveIndex(a),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,w),e===0?l.transitionEnd(i,w):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(E){!l||l.destroyed||E.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,w))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function Uo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let s;if(l){const h=a*o.params.grid.rows;s=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===h)[0].column}else s=o.getSlideIndexByData(a);const r=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let d=o.params.slidesPerView;d==="auto"?d=o.slidesPerViewDynamic():(d=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&d%2===0&&(d=d+1));let p=r-s<d;if(c&&(p=p||s<Math.ceil(d/2)),p){const h=c?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:h,slideTo:!0,activeSlideIndex:h==="next"?s+1:s-r+1,slideRealIndex:h==="next"?o.realIndex:void 0})}if(l){const h=a*o.params.grid.rows;a=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===h)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function Go(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:a}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<l.slidesPerGroupSkip?1:s,c=n.virtual&&l.virtual.enabled;if(l.loop){if(a&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function $o(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:a,rtlTranslate:s,enabled:r,animating:c}=n;if(!r||n.destroyed)return n;const d=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!d&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const p=s?n.translate:-n.translate;function h(u){return u<0?-Math.floor(Math.abs(u)):Math.floor(u)}const y=h(p),g=l.map(u=>h(u));let b=l[g.indexOf(y)-1];if(typeof b>"u"&&o.cssMode){let u;l.forEach((w,m)=>{y>=w&&(u=m)}),typeof u<"u"&&(b=l[u>0?u-1:u])}let I=0;if(typeof b<"u"&&(I=a.indexOf(b),I<0&&(I=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(I=I-n.slidesPerViewDynamic("previous",!0)+1,I=Math.max(I,0))),o.rewind&&n.isBeginning){const u=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(u,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(I,t,e,i)}),!0;return n.slideTo(I,t,e,i)}function Wo(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 Yo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,l),s=a+Math.floor((l-a)/o.params.slidesPerGroup),r=o.rtlTranslate?o.translate:-o.translate;if(r>=o.snapGrid[s]){const c=o.snapGrid[s],d=o.snapGrid[s+1];r-c>(d-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[s-1],d=o.snapGrid[s];r-c<=(d-c)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function qo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),ct(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),ct(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var Xo={slideTo:Ho,slideToLoop:Uo,slideNext:Go,slidePrev:$o,slideReset:Wo,slideToClosest:Yo,slideToClickedSlide:qo};function Jo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{We(n,`.${i.slideClass}, swiper-slide`).forEach((p,h)=>{p.setAttribute("data-swiper-slide-index",h)})},l=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%a!==0,r=l&&e.slides.length%i.grid.rows!==0,c=d=>{for(let p=0;p<d;p+=1){const h=e.isElement?wt("swiper-slide",[i.slideBlankClass]):wt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(h)}};if(s){if(i.loopAddBlankSlides){const d=a-e.slides.length%a;c(d),e.recalcSlides(),e.updateSlides()}else Pt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(r){if(i.loopAddBlankSlides){const d=i.grid.rows-e.slides.length%i.grid.rows;c(d),e.recalcSlides(),e.updateSlides()}else Pt("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function Ko(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:a,byMousewheel:s}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:c,allowSlidePrev:d,allowSlideNext:p,slidesEl:h,params:y}=r,{centeredSlides:g}=y;if(r.allowSlidePrev=!0,r.allowSlideNext=!0,r.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&r.snapIndex===0?r.slideTo(r.virtual.slides.length,0,!1,!0):y.centeredSlides&&r.snapIndex<y.slidesPerView?r.slideTo(r.virtual.slides.length+r.snapIndex,0,!1,!0):r.snapIndex===r.snapGrid.length-1&&r.slideTo(r.virtual.slidesBefore,0,!1,!0)),r.allowSlidePrev=d,r.allowSlideNext=p,r.emit("loopFix");return}let b=y.slidesPerView;b==="auto"?b=r.slidesPerViewDynamic():(b=Math.ceil(parseFloat(y.slidesPerView,10)),g&&b%2===0&&(b=b+1));const I=y.slidesPerGroupAuto?b:y.slidesPerGroup;let u=I;u%I!==0&&(u+=I-u%I),u+=y.loopAdditionalSlides,r.loopedSlides=u;const w=r.grid&&y.grid&&y.grid.rows>1;c.length<b+u?Pt("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&y.grid.fill==="row"&&Pt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const m=[],E=[];let D=r.activeIndex;typeof l>"u"?l=r.getSlideIndex(c.filter(C=>C.classList.contains(y.slideActiveClass))[0]):D=l;const v=n==="next"||!n,M=n==="prev"||!n;let _=0,S=0;const x=w?Math.ceil(c.length/y.grid.rows):c.length,T=(w?c[l].column:l)+(g&&typeof o>"u"?-b/2+.5:0);if(T<u){_=Math.max(u-T,I);for(let C=0;C<u-T;C+=1){const P=C-Math.floor(C/x)*x;if(w){const j=x-P-1;for(let V=c.length-1;V>=0;V-=1)c[V].column===j&&m.push(V)}else m.push(x-P-1)}}else if(T+b>x-u){S=Math.max(T-(x-u*2),I);for(let C=0;C<S;C+=1){const P=C-Math.floor(C/x)*x;w?c.forEach((j,V)=>{j.column===P&&E.push(V)}):E.push(P)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),M&&m.forEach(C=>{c[C].swiperLoopMoveDOM=!0,h.prepend(c[C]),c[C].swiperLoopMoveDOM=!1}),v&&E.forEach(C=>{c[C].swiperLoopMoveDOM=!0,h.append(c[C]),c[C].swiperLoopMoveDOM=!1}),r.recalcSlides(),y.slidesPerView==="auto"?r.updateSlides():w&&(m.length>0&&M||E.length>0&&v)&&r.slides.forEach((C,P)=>{r.grid.updateSlide(P,C,r.slides)}),y.watchSlidesProgress&&r.updateSlidesOffset(),i){if(m.length>0&&M){if(typeof e>"u"){const C=r.slidesGrid[D],j=r.slidesGrid[D+_]-C;s?r.setTranslate(r.translate-j):(r.slideTo(D+Math.ceil(_),0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-j,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-j))}else if(o){const C=w?m.length/y.grid.rows:m.length;r.slideTo(r.activeIndex+C,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(E.length>0&&v)if(typeof e>"u"){const C=r.slidesGrid[D],j=r.slidesGrid[D-S]-C;s?r.setTranslate(r.translate-j):(r.slideTo(D-S,0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-j,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-j))}else{const C=w?E.length/y.grid.rows:E.length;r.slideTo(r.activeIndex-C,0,!1,!0)}}if(r.allowSlidePrev=d,r.allowSlideNext=p,r.controller&&r.controller.control&&!a){const C={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...C,slideTo:P.params.slidesPerView===y.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...C,slideTo:r.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}r.emit("loopFix")}function Qo(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(o=>{const l=typeof o.swiperSlideIndex>"u"?o.getAttribute("data-swiper-slide-index")*1:o.swiperSlideIndex;n[l]=o}),t.slides.forEach(o=>{o.removeAttribute("data-swiper-slide-index")}),n.forEach(o=>{i.append(o)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var Zo={loopCreate:Jo,loopFix:Ko,loopDestroy:Qo};function el(t){const e=this;if(!e.params.simulateTouch||e.params.watchOverflow&&e.isLocked||e.params.cssMode)return;const i=e.params.touchEventsTarget==="container"?e.el:e.wrapperEl;e.isElement&&(e.__preventObserver__=!0),i.style.cursor="move",i.style.cursor=t?"grabbing":"grab",e.isElement&&requestAnimationFrame(()=>{e.__preventObserver__=!1})}function tl(){const t=this;t.params.watchOverflow&&t.isLocked||t.params.cssMode||(t.isElement&&(t.__preventObserver__=!0),t[t.params.touchEventsTarget==="container"?"el":"wrapperEl"].style.cursor="",t.isElement&&requestAnimationFrame(()=>{t.__preventObserver__=!1}))}var il={setGrabCursor:el,unsetGrabCursor:tl};function nl(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ge()||n===Oe())return null;n.assignedSlot&&(n=n.assignedSlot);const o=n.closest(t);return!o&&!n.getRootNode?null:o||i(n.getRootNode().host)}return i(e)}function Zi(t,e,i){const n=Oe(),{params:o}=t,l=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return l&&(i<=a||i>=n.innerWidth-a)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function ol(t){const e=this,i=Ge();let n=t;n.originalEvent&&(n=n.originalEvent);const o=e.touchEventsData;if(n.type==="pointerdown"){if(o.pointerId!==null&&o.pointerId!==n.pointerId)return;o.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(o.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){Zi(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:a,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let r=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",d=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&d&&(r=d[0]);const p=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,h=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(h?nl(p,r):r.closest(p))){e.allowClick=!0;return}if(l.swipeHandler&&!r.closest(l.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const y=a.currentX,g=a.currentY;if(!Zi(e,n,y))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=y,a.startY=g,o.touchStartTime=Ve(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let b=!0;r.matches(o.focusableElements)&&(b=!1,r.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const I=b&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||I)&&!r.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function ll(t){const e=Ge(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:a,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let r=t;if(r.originalEvent&&(r=r.originalEvent),r.type==="pointermove"&&(n.touchId!==null||r.pointerId!==n.pointerId))return;let c;if(r.type==="touchmove"){if(c=[...r.changedTouches].filter(v=>v.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const d=c.pageX,p=c.pageY;if(r.preventedByNestedSwiper){l.startX=d,l.startY=p;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p}),n.touchStartTime=Ve());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(p<l.startY&&i.translate<=i.maxTranslate()||p>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(d<l.startX&&i.translate<=i.maxTranslate()||d>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&r.target===e.activeElement&&r.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",r),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=d,l.currentY=p;const h=l.currentX-l.startX,y=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(h**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let v;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:h*h+y*y>=25&&(v=Math.atan2(Math.abs(y),Math.abs(h))*180/Math.PI,n.isScrolling=i.isHorizontal()?v>o.touchAngle:90-v>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&r.cancelable&&r.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&r.stopPropagation();let g=i.isHorizontal()?h:y,b=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(g=Math.abs(g)*(a?1:-1),b=Math.abs(b)*(a?1:-1)),l.diff=g,g*=o.touchRatio,a&&(g=-g,b=-b);const I=i.touchesDirection;i.swipeDirection=g>0?"prev":"next",i.touchesDirection=b>0?"prev":"next";const u=i.params.loop&&!o.cssMode,w=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(u&&w&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const v=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(v)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let m;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&u&&w&&Math.abs(g)>=1){Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",r),n.isMoved=!0,n.currentTranslate=g+n.startTranslate;let E=!0,D=o.resistanceRatio;if(o.touchReleaseOnEdges&&(D=0),g>0?(u&&w&&!m&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+g)**D))):g<0&&(u&&w&&!m&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-g)**D))),E&&(r.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(g)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function sl(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let o;if(n.type==="touchend"||n.type==="touchcancel"){if(o=[...n.changedTouches].filter(D=>D.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:a,touches:s,rtlTranslate:r,slidesGrid:c,enabled:d}=e;if(!d||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const p=Ve(),h=p-i.touchStartTime;if(e.allowClick){const D=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(D&&D[0]||n.target,D),e.emit("tap click",n),h<300&&p-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ve(),ct(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let y;if(a.followFinger?y=r?e.translate:-e.translate:y=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const g=y>=-e.maxTranslate()&&!e.params.loop;let b=0,I=e.slidesSizesGrid[0];for(let D=0;D<c.length;D+=D<a.slidesPerGroupSkip?1:a.slidesPerGroup){const v=D<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[D+v]<"u"?(g||y>=c[D]&&y<c[D+v])&&(b=D,I=c[D+v]-c[D]):(g||y>=c[D])&&(b=D,I=c[c.length-1]-c[c.length-2])}let u=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(u=0));const m=(y-c[b])/I,E=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(h>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(m>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?u:b+E):e.slideTo(b)),e.swipeDirection==="prev"&&(m>1-a.longSwipesRatio?e.slideTo(b+E):w!==null&&m<0&&Math.abs(m)>a.longSwipesRatio?e.slideTo(w):e.slideTo(b))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+E):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(u!==null?u:b+E),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:b))}}function en(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function al(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function rl(){const t=this,{wrapperEl:e,rtlTranslate:i,enabled:n}=t;if(!n)return;t.previousTranslate=t.translate,t.isHorizontal()?t.translate=-e.scrollLeft:t.translate=-e.scrollTop,t.translate===0&&(t.translate=0),t.updateActiveIndex(),t.updateSlidesClasses();let o;const l=t.maxTranslate()-t.minTranslate();l===0?o=0:o=(t.translate-t.minTranslate())/l,o!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function dl(t){const e=this;jt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function cl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const tn=(t,e)=>{const i=Ge(),{params:n,el:o,wrapperEl:l,device:a}=t,s=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",c=e;i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[r]("touchstart",t.onTouchStart,{passive:!1}),o[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[r]("touchend",t.onTouchEnd,{passive:!0}),i[r]("pointerup",t.onTouchEnd,{passive:!0}),i[r]("pointercancel",t.onTouchEnd,{passive:!0}),i[r]("touchcancel",t.onTouchEnd,{passive:!0}),i[r]("pointerout",t.onTouchEnd,{passive:!0}),i[r]("pointerleave",t.onTouchEnd,{passive:!0}),i[r]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[r]("click",t.onClick,!0),n.cssMode&&l[r]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",en,!0):t[c]("observerUpdate",en,!0),o[r]("load",t.onLoad,{capture:!0})};function ul(){const t=this,{params:e}=t;t.onTouchStart=ol.bind(t),t.onTouchMove=ll.bind(t),t.onTouchEnd=sl.bind(t),t.onDocumentTouchStart=cl.bind(t),e.cssMode&&(t.onScroll=rl.bind(t)),t.onClick=al.bind(t),t.onLoad=dl.bind(t),tn(t,"on")}function pl(){tn(this,"off")}var vl={attachEvents:ul,detachEvents:pl};const nn=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function fl(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const a=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const r=(a in l?l[a]:void 0)||t.originalParams,c=nn(t,n),d=nn(t,r),p=n.enabled;c&&!d?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&d&&(o.classList.add(`${n.containerModifierClass}grid`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(u=>{if(typeof r[u]>"u")return;const w=n[u]&&n[u].enabled,m=r[u]&&r[u].enabled;w&&!m&&t[u].disable(),!w&&m&&t[u].enable()});const h=r.direction&&r.direction!==n.direction,y=n.loop&&(r.slidesPerView!==n.slidesPerView||h),g=n.loop;h&&i&&t.changeDirection(),Be(t.params,r);const b=t.params.enabled,I=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),p&&!b?t.disable():!p&&b&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",r),i&&(y?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!g&&I?(t.loopCreate(e),t.updateSlides()):g&&!I&&t.loopDestroy()),t.emit("breakpoint",r)}function ml(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=Oe(),l=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const r=parseFloat(s.substr(1));return{value:l*r,point:s}}return{value:s,point:s}});a.sort((s,r)=>parseInt(s.value,10)-parseInt(r.value,10));for(let s=0;s<a.length;s+=1){const{point:r,value:c}=a[s];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=r):c<=i.clientWidth&&(n=r)}return n||"max"}var hl={setBreakpoint:fl,getBreakpoint:ml};function gl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(o=>{n[o]&&i.push(e+o)}):typeof n=="string"&&i.push(e+n)}),i}function bl(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,a=gl(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function yl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var wl={addClasses:bl,removeClasses:yl};function Sl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,l=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>l}else t.isLocked=t.snapGrid.length===1;i.allowSlideNext===!0&&(t.allowSlideNext=!t.isLocked),i.allowSlidePrev===!0&&(t.allowSlidePrev=!t.isLocked),e&&e!==t.isLocked&&(t.isEnd=!1),e!==t.isLocked&&t.emit(t.isLocked?"lock":"unlock")}var Tl={checkOverflow:Sl},ai={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function xl(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){Be(e,n);return}if(t[o]===!0&&(t[o]={enabled:!0}),o==="navigation"&&t[o]&&t[o].enabled&&!t[o].prevEl&&!t[o].nextEl&&(t[o].auto=!0),["pagination","scrollbar"].indexOf(o)>=0&&t[o]&&t[o].enabled&&!t[o].el&&(t[o].auto=!0),!(o in t&&"enabled"in l)){Be(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Be(e,n)}}const ri={eventsEmitter:wo,update:Po,translate:Bo,transition:Fo,slide:Xo,loop:Zo,grabCursor:il,events:vl,breakpoints:hl,checkOverflow:Tl,classes:wl},di={};let ci=class Ke{constructor(){let e,i;for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];o.length===1&&o[0].constructor&&Object.prototype.toString.call(o[0]).slice(8,-1)==="Object"?i=o[0]:[e,i]=o,i||(i={}),i=Be({},i),e&&!i.el&&(i.el=e);const a=Ge();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const d=[];return a.querySelectorAll(i.el).forEach(p=>{const h=Be({},i,{el:p});d.push(new Ke(h))}),d}const s=this;s.__swiper__=!0,s.support=Ji(),s.device=Ki({userAgent:i.userAgent}),s.browser=go(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const r={};s.modules.forEach(d=>{d({params:i,swiper:s,extendParams:xl(i,r),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const c=Be({},ai,r);return s.params=Be({},c,di,i),s.originalParams=Be({},s.params),s.passedParams=Be({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(d=>{s.on(d,s.params.on[d])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=We(i,`.${n.slideClass}, swiper-slide`),l=Ot(o[0]);return Ot(e)-l}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter(i=>i.getAttribute("data-swiper-slide-index")*1===e)[0])}recalcSlides(){const e=this,{slidesEl:i,params:n}=e;e.slides=We(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:a,slidesSizesGrid:s,size:r,activeIndex:c}=n;let d=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let p=l[c]?Math.ceil(l[c].swiperSlideSize):0,h;for(let y=c+1;y<l.length;y+=1)l[y]&&!h&&(p+=Math.ceil(l[y].swiperSlideSize),d+=1,p>r&&(h=!0));for(let y=c-1;y>=0;y-=1)l[y]&&!h&&(p+=l[y].swiperSlideSize,d+=1,p>r&&(h=!0))}else if(e==="current")for(let p=c+1;p<l.length;p+=1)(i?a[p]+s[p]-a[c]<r:a[p]-a[c]<r)&&(d+=1);else for(let p=c-1;p>=0;p-=1)a[c]-a[p]<r&&(d+=1);return d}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&jt(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(a.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):We(n,o())[0];return!a&&i.params.createElements&&(a=wt("div",i.params.wrapperClass),n.append(a),We(n,`.${i.params.slideClass}`).forEach(s=>{a.append(s)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl"),wrongRTL:tt(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?jt(i,l):l.addEventListener("load",a=>{jt(i,a.target)})}),si(i),i.initialized=!0,si(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:a,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),a.removeAttribute("style"),s&&s.length&&s.forEach(r=>{r.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),r.removeAttribute("style"),r.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(r=>{n.off(r)}),e!==!1&&(n.el.swiper=null,no(n)),n.destroyed=!0),null}static extendDefaults(e){Be(di,e)}static get extendedDefaults(){return di}static get defaults(){return ai}static installModule(e){Ke.prototype.__modules__||(Ke.prototype.__modules__=[]);const i=Ke.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Ke.installModule(i)),Ke):(Ke.installModule(e),Ke)}};Object.keys(ri).forEach(t=>{Object.keys(ri[t]).forEach(e=>{ci.prototype[e]=ri[t][e]})}),ci.use([bo,yo]);const on=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function lt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function pt(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:lt(e[n])&<(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:pt(t[n],e[n]):t[n]=e[n]})}function ln(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function sn(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function an(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function rn(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function El(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Il(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:a,scrollbarEl:s,paginationEl:r}=t;const c=o.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:d,pagination:p,navigation:h,scrollbar:y,virtual:g,thumbs:b}=e;let I,u,w,m,E,D,v,M;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&d.thumbs&&!d.thumbs.swiper&&(I=!0),o.includes("controller")&&n.controller&&n.controller.control&&d.controller&&!d.controller.control&&(u=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(d.pagination||d.pagination===!1)&&p&&!p.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(d.scrollbar||d.scrollbar===!1)&&y&&!y.el&&(m=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||l)&&(d.navigation||d.navigation===!1)&&h&&!h.prevEl&&!h.nextEl&&(E=!0);const _=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),d[S].prevEl=void 0,d[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),d[S].el=void 0,e[S].el=void 0))};o.includes("loop")&&e.isElement&&(d.loop&&!n.loop?D=!0:!d.loop&&n.loop?v=!0:M=!0),c.forEach(S=>{if(lt(d[S])&<(n[S]))Object.assign(d[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&_(S);else{const x=n[S];(x===!0||x===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?x===!1&&_(S):d[S]=n[S]}}),c.includes("controller")&&!u&&e.controller&&e.controller.control&&d.controller&&d.controller.control&&(e.controller.control=d.controller.control),o.includes("children")&&i&&g&&d.virtual.enabled?(g.slides=i,g.update(!0)):o.includes("virtual")&&g&&d.virtual.enabled&&(i&&(g.slides=i),g.update(!0)),o.includes("children")&&i&&d.loop&&(M=!0),I&&b.init()&&b.update(!0),u&&(e.controller.control=d.controller.control),w&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(d.pagination.el=r),p.init(),p.render(),p.update()),m&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(d.scrollbar.el=s),y.init(),y.updateSize(),y.setTranslate()),E&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),l&&(d.navigation.nextEl=l),a&&(d.navigation.prevEl=a),h.init(),h.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(D||M)&&e.loopDestroy(),(v||M)&&e.loopCreate(),e.update()}function Cl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};pt(i,ai),i._emitClasses=!0,i.init=!1;const l={},a=on.map(r=>r.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(r=>{typeof t[r]>"u"||(a.indexOf(r)>=0?lt(t[r])?(i[r]={},o[r]={},pt(i[r],t[r]),pt(o[r],t[r])):(i[r]=t[r],o[r]=t[r]):r.search(/on[A-Z]/)===0&&typeof t[r]=="function"?e?n[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:i.on[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:l[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:o,rest:l,events:n}}function _l(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:a,swiper:s}=t;ln(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),sn(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),an(e)&&a&&(s.params.scrollbar.el=a,s.originalParams.scrollbar.el=a),s.init(i)}function Dl(t,e,i,n,o){const l=[];if(!e)return l;const a=r=>{l.indexOf(r)<0&&l.push(r)};if(i&&n){const r=n.map(o),c=i.map(o);r.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return on.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if(lt(t[r])&<(e[r])){const c=Object.keys(t[r]),d=Object.keys(e[r]);c.length!==d.length?a(r):(c.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}),d.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}))}else t[r]!==e[r]&&a(r)}),l}const kl=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 Nt(){return Nt=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},Nt.apply(this,arguments)}function dn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function cn(t){const e=[];return f.Children.toArray(t).forEach(i=>{dn(i)?e.push(i):i.props&&i.props.children&&cn(i.props.children).forEach(n=>e.push(n))}),e}function Al(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return f.Children.toArray(t).forEach(n=>{if(dn(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const o=cn(n.props.children);o.length>0?o.forEach(l=>e.push(l)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function Pl(t,e,i){if(!i)return null;const n=d=>{let p=d;return d<0?p=e.length+d:p>=e.length&&(p=p-e.length),p},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:a}=i,s=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,c=[];for(let d=s;d<r;d+=1)d>=l&&d<=a&&c.push(e[n(d)]);return c.map((d,p)=>f.cloneElement(d,{swiper:t,style:o,key:d.props.virtualIndex||d.key||`slide-${p}`}))}function St(t,e){return typeof window>"u"?Q(t,e):An(t,e)}const ui=yt(null),un=()=>bt(ui),Ol=yt(null),st=Ct(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:a,...s}=t===void 0?{}:t,r=!1;const[c,d]=G("swiper"),[p,h]=G(null),[y,g]=G(!1),b=te(!1),I=te(null),u=te(null),w=te(null),m=te(null),E=te(null),D=te(null),v=te(null),M=te(null),{params:_,passedParams:S,rest:x,events:A}=Cl(s),{slides:T,slots:C}=Al(l),P=()=>{g(!y)};Object.assign(_.on,{_containerClasses(N,B){d(B)}});const j=()=>{Object.assign(_.on,A),r=!0;const N={..._};if(delete N.wrapperClass,u.current=new ci(N),u.current.virtual&&u.current.params.virtual.enabled){u.current.virtual.slides=T;const B={cache:!1,slides:T,renderExternal:h,renderExternalUpdate:!1};pt(u.current.params.virtual,B),pt(u.current.originalParams.virtual,B)}};I.current||j(),u.current&&u.current.on("_beforeBreakpoint",P);const V=()=>{r||!A||!u.current||Object.keys(A).forEach(N=>{u.current.on(N,A[N])})},H=()=>{!A||!u.current||Object.keys(A).forEach(N=>{u.current.off(N,A[N])})};Q(()=>()=>{u.current&&u.current.off("_beforeBreakpoint",P)}),Q(()=>{!b.current&&u.current&&(u.current.emitSlidesClasses(),b.current=!0)}),St(()=>{if(e&&(e.current=I.current),!!I.current)return u.current.destroyed&&j(),_l({el:I.current,nextEl:E.current,prevEl:D.current,paginationEl:v.current,scrollbarEl:M.current,swiper:u.current},_),a&&!u.current.destroyed&&a(u.current),()=>{u.current&&!u.current.destroyed&&u.current.destroy(!0,!1)}},[]),St(()=>{V();const N=Dl(S,w.current,T,m.current,B=>B.key);return w.current=S,m.current=T,N.length&&u.current&&!u.current.destroyed&&Il({swiper:u.current,slides:T,passedParams:S,changedParams:N,nextEl:E.current,prevEl:D.current,scrollbarEl:M.current,paginationEl:v.current}),()=>{H()}}),St(()=>{kl(u.current)},[p]);function F(){return _.virtual?Pl(u.current,T,p):T.map((N,B)=>f.cloneElement(N,{swiper:u.current,swiperSlideIndex:B}))}return f.createElement(n,Nt({ref:I,className:rn(`${c}${i?` ${i}`:""}`)},x),f.createElement(Ol.Provider,{value:u.current},C["container-start"],f.createElement(o,{className:El(_.wrapperClass)},C["wrapper-start"],F(),C["wrapper-end"]),ln(_)&&f.createElement(f.Fragment,null,f.createElement("div",{ref:D,className:"swiper-button-prev"}),f.createElement("div",{ref:E,className:"swiper-button-next"})),an(_)&&f.createElement("div",{ref:M,className:"swiper-scrollbar"}),sn(_)&&f.createElement("div",{ref:v,className:"swiper-pagination"}),C["container-end"]))});st.displayName="Swiper";const qe=Ct(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:a,lazy:s,virtualIndex:r,swiperSlideIndex:c,...d}=t===void 0?{}:t;const p=te(null),[h,y]=G("swiper-slide"),[g,b]=G(!1);function I(E,D,v){D===p.current&&y(v)}St(()=>{if(typeof c<"u"&&(p.current.swiperSlideIndex=c),e&&(e.current=p.current),!(!p.current||!l)){if(l.destroyed){h!=="swiper-slide"&&y("swiper-slide");return}return l.on("_slideClass",I),()=>{l&&l.off("_slideClass",I)}}}),St(()=>{l&&p.current&&!l.destroyed&&y(l.getSlideClasses(p.current))},[l]);const u={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},w=()=>typeof n=="function"?n(u):n,m=()=>{b(!0)};return f.createElement(i,Nt({ref:p,className:rn(`${h}${o?` ${o}`:""}`),"data-swiper-slide-index":r,onLoad:m},d),a&&f.createElement(ui.Provider,{value:u},f.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),s&&!g&&f.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&f.createElement(ui.Provider,{value:u},w(),s&&!g&&f.createElement("div",{className:"swiper-lazy-preloader"})))});qe.displayName="SwiperSlide";const Ml="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Ll=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var a;const[s,r]=G(!1),c=te(null);Q(()=>{const h=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),h?.appendChild(c.current))},[]);const d=oe(()=>l?.id&&l?.id!==""||t,[t,l]);if(Q(()=>{d?r(!0):setTimeout(()=>{r(!1)},l?.duration)},[d,l]),!c.current)return null;const p=Ht(()=>{e?.()},300);return Ai.createPortal(f.createElement(f.Fragment,null,s&&f.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:d?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:p},f.createElement("div",{className:`modal-container ${d?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((a=l?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:h=>{h.stopPropagation(),h.preventDefault()}},f.createElement("div",{onClick:e,className:"modal-icon-wrapper"},f.createElement("img",{src:Ml,alt:"close",className:"modal-icon"})),i))),c.current)};var Bt=fe(Ll);const jl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},Nl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:a,isPost:s,onChange:r})=>{const[c,d]=G(!1),[p,h]=G(!1),y=Number(i?.lineClamp||2),g=te(null),b=te(null),I=de(()=>{d(!c)},[c,r]);return oe(()=>!c&&t.length>e?jl(t,e)+"...":t,[t,e,c]),Q(()=>{var u,w;((u=b?.current)===null||u===void 0?void 0:u.offsetHeight)>((w=g?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?h(!0):h(!1),b.current.style.display="none"},[s]),f.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},f.createElement("div",{ref:g,style:{overflow:"hidden",WebkitLineClamp:!s||c?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),f.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&p&&f.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??I},c?a||"show less":l||"show more"))};var zt=fe(Nl);const Bl=Ct((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:a}=t,[s,r]=G(),{swiperRef:c}=me();return Di(e,()=>({setSrc:d=>{r(d)}})),Q(()=>{var d,p;const h=(p=(d=c?.current)===null||d===void 0?void 0:d.swiper)===null||p===void 0?void 0:p.activeIndex;(h===0||h>0)&&r(i)},[i,c]),te(null),f.createElement(f.Fragment,null,s?.includes(".avif")?f.createElement("picture",null,f.createElement("source",{type:"image/avif",srcSet:s}),f.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),f.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),f.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}})):f.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}}))});var Re=fe(Bl);const zl=t=>{var e,i,n,o,l,a,s,r,c,{content:d,style:p,bgImg:h,onClick:y,schema:g,isDefault:b,bottom_image:I,tipText:u,isPost:w,viewTime:m,rec:E,swiper:D,commodityStyles:v,buttonStyle:M,index:_}=t,S=_e(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:x}=me(),{popupDetailData:A,bffEventReport:T,isPreview:C,bffFbReport:P}=me(),{jumpToWeb:j,productView:V}=Ue(),H=te(null),[F,N]=G(!1),B=w?E:A,L=w?B?.product:(e=B?.video)===null||e===void 0?void 0:e.bindProduct,k=w?(i=B?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=B?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,$=w?_:A?.index,z=()=>{L?.link&&(j(B,L,k,$),w||V(B,L,k,m||H.current,$),window.location.href=window.getJointUtmLink(L.link))};Q(()=>{w||P?.({eventName:"ProductView"})},[w,P]),Q(()=>{const W=()=>{H.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const Y=oe(()=>{var W,ue,X,K,Te;return L?.currency&&L?.price?`${(X=(ue=(W=L?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ue===void 0?void 0:ue.toUpperCase())!==null&&X!==void 0?X:""}${(Te=(K=L?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"$7,000"},[L?.price,L?.currency]),re=C?375:(l=p?.width)!==null&&l!==void 0?l:window.innerWidth,ne=({isPost:W})=>{var ue,X,K;return f.createElement("div",null,f.createElement("div",{className:"pb-commondity-content-collection",style:pe(v?.collection),hidden:!!L&&(!L?.collection||L?.collection==="")},(ue=L?.collection)!==null&&ue!==void 0?ue:"Tiffany Lock"),f.createElement("div",{className:"pb-commondity-content-title",style:pe(v?.title),hidden:!!L&&!L?.title},(X=L?.title)!==null&&X!==void 0?X:"Pendant in Yellow Gold with Diamonds, Medium"),f.createElement("div",{className:"pb-commondity-content-price",style:pe(v?.price),hidden:!!L&&!L?.price},Y),f.createElement("div",{hidden:!!L&&(!L?.info||L?.info==="")},f.createElement(zt,{foldText:u?.foldText,unfoldText:u?.unfoldText,onClick:()=>N(!0),isPost:W,text:(K=L?.info)!==null&&K!==void 0?K:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
1
|
+
import{isEmpty as It,isEqual as _i,cloneDeep as bt,debounce as Ut,throttle as Ct,get as Di}from"lodash";import{v4 as kn}from"uuid";import An from"pako";import f,{useContext as yt,useMemo as ne,createContext as wt,memo as fe,useState as G,useRef as te,useEffect as Q,useCallback as de,forwardRef as _t,useImperativeHandle as ki,useLayoutEffect as Pn}from"react";import Ai from"qs";import On from"eventemitter3";import{css as Z}from"@emotion/css";import{BetaSchemaForm as Mn}from"@ant-design/pro-components";import*as Pi from"react-dom";function Ce(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i}function Ae(t,e,i,n){function o(l){return l instanceof i?l:new i(function(a){a(l)})}return new(i||(i=Promise))(function(l,a){function s(d){try{c(n.next(d))}catch(p){a(p)}}function r(d){try{c(n.throw(d))}catch(p){a(p)}}function c(d){d.done?l(d.value):o(d.value).then(s,r)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Ln=/:\w+/g;var Oi=(t,e)=>Ae(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:a,url:s,urlParams:r,name:c,queryString:d,headers:p,body:h}=e[o];let y=s;r&&Object.entries(r).forEach(([g,b])=>{y=y.replace(Ln,I=>I===g?b:I)}),d&&(y+=d),n[l]=c;try{const g=yield fetch(y,{method:a,headers:Object.assign({"Content-Type":"application/json"},p),body:JSON.stringify(h)}).then(b=>b.json());i[l]=g}catch(g){console.error("DataSource request error: ",g),i[l]={}}}return{$store:i,idMapName:n}});const Mi="SXP_TOKEN_INFO",jn=(t,e)=>Ae(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),a=window.localStorage.getItem(Mi);let s=JSON.parse(a||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(d=>d.json());if(c.success){const d=c.data;s=Object.assign(Object.assign({},d),{expireTime:Date.now()+d.expire*1e3}),window.localStorage.setItem(Mi,JSON.stringify(s))}}return s});function Dt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let o;if(e=e||i.length,t)for(o=0;o<t;o++)n[o]=i[0|Math.random()*e];else{let l;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",o=0;o<36;o++)n[o]||(l=0|Math.random()*16,n[o]=i[o===19?l&3|8:l])}return n.join("")}const Nn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},Bn=()=>{const t=kn();return t?.replaceAll?t.replaceAll("-",""):Nn(32)};function Li(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=An.inflate(n,{to:"string"});return JSON.parse(o)}let Gt=null;const zn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Vn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Gt)return Gt;Gt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?zn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let _e=null;const Rn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{_e||(_e=new Vn),n&&_e.setApiUrl(n),_e.setAppId(t),_e.setTenantId(e),_e.setEnv(i)},getDetail:t=>{if(!_e)return;const e=_e.getTenantId(),i=_e.getAppId(),n=_e.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Ae(void 0,void 0,void 0,function*(){var l,a;const s=yield o.json(),r=Li((l=s?.data)===null||l===void 0?void 0:l.data);if(r){const{$store:c}=yield Oi(n,(a=r?.dataSource)!==null&&a!==void 0?a:[]);s.data.data=r,Object.assign(s.data.data,{__STORE__:c})}return s}))},getSxpDetailByPageId:t=>Ae(void 0,void 0,void 0,function*(){if(!_e)return;const e=_e.getTenantId(),i=_e.getAppId(),n=_e.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Ae(void 0,void 0,void 0,function*(){var l;const a=yield o.json();if(!a.success)return;const s=Li((l=a?.data)===null||l===void 0?void 0:l.data);return a.data.data=s,a.data}))}),getSxpRecommendVideoData:t=>Ae(void 0,void 0,void 0,function*(){if(!_e)return;const e=yield jn(_e,t),i=Dt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");It(n)&&(n=Dt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const o=yield fetch("https://dev-sxp-be.chatlabs.net/platform/open/rec/v1.2",{method:"POST",headers:{"Content-Type":"application/json",token:e.token,channel:e.channel,userId:e.userId},body:JSON.stringify({productUserId:n,channel:e.channel,maxRecs:10,requestId:i})}).then(l=>l.json());return o?.data||null})};function Je(){return yt(Gi)}function Fn(){return yt(Ui)}const $t="feRealSessionIdKey",ji=()=>{const t=Bn();return`${Date.now()}${t}`},Hn=()=>{let t=Gn();return t||(t=ji(),window.sessionStorage.setItem($t,t)),t},Un=()=>{const t=ji();window.sessionStorage.setItem($t,t)},Gn=()=>window.sessionStorage.getItem($t),Ni="SXP_FAKE_USER_ID",Bi="FAKE_USER_STATE",zi=()=>{let t=window.localStorage.getItem(Ni);return It(t)&&(t=Dt(36,62),window.localStorage.setItem(Ni,t)),t},$n=()=>{const t=window.localStorage.getItem(Bi);return It(t)&&window.localStorage.setItem(Bi,"true"),It(t)};function Be(t,e){const{appDomain:i}=me();return ne(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Ke=new On;var He;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(He||(He={}));const Vi=wt({rtcList:[],tagList:[]});var Wt;(function(t){t[t.BFF=5]="BFF"})(Wt||(Wt={}));const Ri=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Wn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:a=!1,sxpParameter:s,appDomain:r,hashTagSize:c,loadingImage:d,isOpenHashTag:p=!1,enabledMetaConversionApi:h=!1,isShowTag:y=!0})=>{const[g,b]=G([]),[I,u]=G([]),[w,m]=G(!1),[E,D]=G({rtc:"",requestId:""}),v=te(null),M=te(!1),[_,S]=G(),[x,A]=G(),[T,C]=G(p),[O,j]=G([]),[V,H]=G(0),[F,N]=G(!1),[B,L]=G(null),k=te();Q(()=>{const R=U=>{k.current=U};return Ke.on(He.CHANGE_THEME_TAG,R),()=>{Ke.off(He.CHANGE_THEME_TAG,R)}},[]),Q(()=>{C(p)},[p]);const $=ne(()=>e?.find(R=>R.type===Wt.BFF),[e]),z=de((R,U)=>{if(!$)return;const ae=$.url,Se=zi();if(U?.query){const we=Ai.stringify(U.query);R=`${R}?${we}`}return U.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ae}/api/v1${R}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},$.headers),{"x-user-id":Se}),U.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ae}/api/v1${R}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":Se},$.headers),method:U.method,body:JSON.stringify(U.body)}).then(we=>we.json()).catch(we=>Promise.reject(we))},[$]),Y=de(R=>Ae(void 0,void 0,void 0,function*(){var U,ae,Se,we,Ie;if(R={maxSize:(U=R?.maxSize)!==null&&U!==void 0?U:o,defaultSize:(ae=R?.defaultSize)!==null&&ae!==void 0?ae:l,"itemFilter.itemId":R?.["itemFilter.itemId"],"itemFilter.itemType":R?.["itemFilter.itemType"],hashTag:R?.hashTag,traceInfo:R?.traceInfo,themeTag:R?.themeTag},i){const Oe=(Ie=(we=(Se=i?.split("&"))===null||Se===void 0?void 0:Se.filter($e=>{const Xe=$e.split("=")[0];return Ri.includes(Xe)}))===null||we===void 0?void 0:we.join("&"))!==null&&Ie!==void 0?Ie:"";R=Object.assign(Object.assign({},R),{channel:decodeURIComponent(Oe)})}const ge=yield z?.("/recommend/list",{method:"GET",query:R});if(ge?.success)return R?.hashTag||D({rtc:ge.data.rtc,requestId:ge.data.requestId}),ge?.data}),[z,i,o,l]),re=de(()=>Ae(void 0,void 0,void 0,function*(){var R,U;if(g.length<=0)return;const ae=yield Y({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType,themeTag:k.current});b(g.concat((R=ae?.recList)!==null&&R!==void 0?R:[])),j(O.concat((U=ae?.recList)!==null&&U!==void 0?U:[]))}),[Y,g,x,O]),oe=de(({userInfo:R,eventInfo:U})=>{if(!n)return;R||(R={});const ae=Hn(),Se=Object.assign({sessionID:ae,rtc:E.rtc,requestId:E.requestId},U),we=Object.entries(R).map(([ge,Oe])=>({name:ge,value:Oe})),Ie=Object.entries(Se).map(([ge,Oe])=>Oe&&{name:ge,value:Oe}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",R),console.log("eventInfo:",Se),console.log("========= \u7ED3\u675F ========="),z?.("/event/report",{method:"POST",body:{userInfo:we,eventInfo:Ie},type:"beacon"})},[z,E,n]),le=de(R=>{var U,{eventName:ae,actionSource:Se="website",eventSourceUrl:we=(U=window?.location)===null||U===void 0?void 0:U.href,externalId:Ie}=R;if(!n||!h)return;const ge=zi();return z?.("/fb/events",{method:"POST",body:{eventName:ae,actionSource:Se,eventSourceUrl:we,userData:{externalId:ge}},type:"beacon"})},[z,n,h]),pe=de(R=>Ae(void 0,void 0,void 0,function*(){const U=yield z?.("/recommend/like",{method:"POST",body:R});return U?.success}),[z]),W=de(R=>Ae(void 0,void 0,void 0,function*(){const U=yield z?.("/recommend/unlike",{method:"POST",body:R});return U?.success}),[z]),ue=de(R=>Ae(void 0,void 0,void 0,function*(){const U=yield z?.("/customform",{method:"POST",body:R});return U?.success}),[z]),X=de(()=>Ae(void 0,void 0,void 0,function*(){var R,U,ae,Se,we;if(!(!i||!y))try{const Ie=(ae=(U=(R=i?.split("&"))===null||R===void 0?void 0:R.filter(Oe=>{const $e=Oe.split("=")[0];return Ri.includes($e)}))===null||U===void 0?void 0:U.join("&"))!==null&&ae!==void 0?ae:"",ge=yield z?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(Ie)}});u((we=(Se=ge?.data)===null||Se===void 0?void 0:Se.tags)!==null&&we!==void 0?we:[])}catch(Ie){console.log("e",Ie)}}),[z,i,y]),K=de((R,U,ae,Se)=>{var we,Ie,ge,Oe,$e,Xe,Fe,mt,at,rt,ht,dt;const Me=ae?.bindCta,ct=((we=U?.video)===null||we===void 0?void 0:we.bindProduct)||((Ie=U?.video)===null||Ie===void 0?void 0:Ie.bindProducts)&&((Oe=(ge=U?.video)===null||ge===void 0?void 0:ge.bindProducts)===null||Oe===void 0?void 0:Oe.length)>0;let ut="";F?ut="hashTagPage":!(($e=U?.video)===null||$e===void 0)&&$e.url?ut="videoPage":!((Fe=(Xe=U?.video)===null||Xe===void 0?void 0:Xe.imgUrls)===null||Fe===void 0)&&Fe.length&&(ut="imagePage"),oe?.({eventInfo:Object.assign(Object.assign({},R),{ctaId:(mt=Me?.itemId)!==null&&mt!==void 0?mt:"",ctaName:(at=Me?.title)!==null&&at!==void 0?at:"",contentTags:JSON.stringify(Me?.tags),position:Se+"",contentId:(ht=(rt=U?.video)===null||rt===void 0?void 0:rt.itemId)!==null&&ht!==void 0?ht:"",productId:ct?ae?.itemId:"",traceInfo:(dt=Me?.traceInfo)!==null&&dt!==void 0?dt:"",fromKName:ut})})},[oe,F]);Q(()=>{m(!0),X(),Y().then(R=>{var U,ae;b((U=R?.recList)!==null&&U!==void 0?U:[]),j((ae=R?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{m(!1),M.current=!0})},[]),Q(()=>{M.current&&(m(!0),X(),Y().then(R=>{var U,ae;b((U=R?.recList)!==null&&U!==void 0?U:[]),j((ae=R?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{m(!1)}))},[Y,X]);const Te=Be("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return f.createElement(Vi.Provider,{value:{rtcList:g,setRtcList:b,mutateLike:pe,mutateUnlike:W,submitForm:ue,popupDetailData:_,loadVideos:re,setPopupDetailData:S,getRecommendVideos:Y,bffEventReport:oe,utmVal:i,isPreview:a,loading:w,sxpParameter:s,waterFallData:x,setWaterFallData:A,ctaEvent:K,swiperRef:v,openHashtag:T,setOpenHashtag:C,cacheRtcList:O,setCacheRtcList:j,cacheActiveIndex:V,setCacheActiveIndex:H,isFromHashtag:F,setIsFromHashtag:N,appDomain:r,hashTagSize:c,loadingImage:d??Te,isOpenHashTag:p,tagList:I,setLoading:m,videoRef:B,setVideoRef:L,bffFbReport:le}},t({rtcList:g,mutateLike:pe,mutateUnlike:W,submitForm:ue,tagList:I}))};var Fi=fe(Wn);function me(){return yt(Vi)}var Hi;(function(t){t.STRING="string",t.NUMBER="number",t.ARRAY="array",t.OBJECT="object",t.BOOLEAN="boolean",t.ARRAY_OBJECT="array-object",t.ARRAY_STRING="array-string",t.ARRAY_NUMBER="array-number"})(Hi||(Hi={}));const Ui=wt({$store:{},options:[],configs:[]}),Yn=({children:t,isSsr:e,enable:i})=>{const[n,o]=G([]),{schema:l}=Je(),[a,s]=G(l.__STORE__||{}),[r,c]=G([]);Q(()=>{var h;e||_i(r,l?.dataSource)||c((h=l?.dataSource)!==null&&h!==void 0?h:[])},[l?.dataSource,e]);const d=de(()=>Ae(void 0,void 0,void 0,function*(){const{$store:h,idMapName:y}=yield Oi("",r);s(h),p(h,y)}),[r]),p=(h,y)=>{const g=[];Object.entries(h).forEach(([b,I])=>{Object.keys(I).forEach(u=>{const w={label:`${y[b]} - ${u}`,value:`{{ ${b}.${u} }}`};g.push(w)})}),o(g)};return Q(()=>{e||d()},[d,e,l]),i?f.createElement(Ui.Provider,{value:{$store:l.__STORE__||a,options:n,configs:r}},t):t};var qn=fe(Yn);const kt={id:Dt(6,10),item:{type:"common",h:300,category:"block",displayName:"block",isFirstLayout:!0,w:1e3},point:{i:"x-0",x:-38.34375,y:0,w:1e3,h:300,isBounded:!0,actualX:0,actualY:0},pathArr:[0],positionY:0},Yt={id:"",duration:0,name:"none"},Gi=f.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[kt],redoStack:[],popup:Yt,setPopup:()=>{}}),$i=_t(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},a)=>{const[s,r]=G(null),[c,d]=G(n||{pointData:[kt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[p,h]=G([kt]),[y,g]=G([[kt]]),[b,I]=G([]),[u,w]=G(Yt);typeof window<"u"&&(window.sxpPopup=(M,_)=>{w(Object.assign(Object.assign(Object.assign({},Yt),{id:M}),_))}),typeof window<"u"&&(window.getJointUtmLink=M=>M?.indexOf("?")!==-1?M+(l?"&"+l:""):M+(l?"?"+l:"")),Q(()=>{g([c.pointData]),I([])},[c.type]);const m=de(M=>{const _=bt(c);_&&(_.dataSource=M,d?.(_))},[c]),[E,D]=G();ki(a,()=>({loadSchema(M){M&&(g([M.pointData]),d(M))},exportSchema(){return bt(c)},getPageInfoData(){return E},initPageInfoData(M){M&&D(M)}}));const v=ne(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return f.createElement(Gi.Provider,{value:{resolver:e,currentNode:s,schema:c,setCurrentNode:r,setSchema:d,saveDataSource:m,prePiontData:p,setPrePiontData:h,pageInfoData:E,setPageInfoData:M=>D(Object.assign(Object.assign({},E),M)),undoStack:y,redoStack:b,setRedoStack:I,setUndoStack:g,getCurPageConf:v,popup:u,setPopup:w}},f.createElement(qn,{isSsr:i,enable:o},t))});var Xn=Object.freeze({__proto__:null,EditorCore:$i}),Jn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ce=[{label:"defalut",value:"appFont"}],qt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Kn=qt&&qt!==""?JSON.parse(qt):[];var Le={fontOptions:[...ce,...Kn]},Xt,Jt,Kt,Qn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ce,initialValue:(Xt=ce?.[0])===null||Xt===void 0?void 0:Xt.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Le?.fontOptions,initialValue:(Kt=(Jt=Le?.fontOptions)===null||Jt===void 0?void 0:Jt[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Ue(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=me(),o=de((a,s,r,c)=>{var d,p,h,y,g,b,I,u,w,m,E,D,v,M;let _="";e&&(!((p=(d=a?.video)===null||d===void 0?void 0:d.bindProducts)===null||p===void 0)&&p.length||!((h=a?.video)===null||h===void 0)&&h.bindProduct)?_="pdpPage":n?_="hashTagPage":!((y=a?.video)===null||y===void 0)&&y.url?_="videoPage":!((g=a?.video)===null||g===void 0)&&g.imgUrls&&(!((I=(b=a?.video)===null||b===void 0?void 0:b.imgUrls)===null||I===void 0)&&I.length)?_="imagePage":a?.product&&(_="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(u=s?.itemId)!==null&&u!==void 0?u:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(m=s?.collection)!==null&&m!==void 0?m:"",fromKName:_,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:c+"",contentId:(D=(E=a?.video)===null||E===void 0?void 0:E.itemId)!==null&&D!==void 0?D:"",ctatId:(v=r?.itemId)!==null&&v!==void 0?v:"",traceInfo:(M=s?.traceInfo)!==null&&M!==void 0?M:""}})},[t,e,n]),l=de((a,s,r,c,d)=>{var p,h,y,g;let b="";e&&(!((h=(p=a?.video)===null||p===void 0?void 0:p.bindProducts)===null||h===void 0)&&h.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?b="pdpPage":a?.product&&(b="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:d+"",contentId:(g=a?.video)===null||g===void 0?void 0:g.itemId,ctatId:r?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const Zn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:a,submitText:s,layoutType:r,isExternalLink:c,isPopup:d,onClick:p,onClose:h,submitButtonStyle:y}=t,g=Ce(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:b,popupDetailData:I}=me(),{jumpToWeb:u}=Ue(),w=te(),[m,E]=G(!1),D=ne(()=>[{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"}],[]),v=ne(()=>{if(r===void 0){const _=bt(e)||D;return _?.map(S=>Object.assign(Object.assign({},S),{title:void 0,fieldProps:{placeholder:S?.title}}))}else return bt(e)||D},[r,e,D]),M=Ut(()=>Ae(void 0,void 0,void 0,function*(){var _,S,x,A,T,C;const O=yield(_=w?.current)===null||_===void 0?void 0:_.getFieldsValue();if(!O)return;const j=(x=(S=Object.keys(O))===null||S===void 0?void 0:S.map(H=>{var F;return{name:H,value:(F=O[H])!==null&&F!==void 0?F:""}}))===null||x===void 0?void 0:x.filter(H=>H?.value);if(!j||!j?.length)return;E(!0);const V=yield b?.({attributes:j});if(E(!1),V){if(c){const H=I,F=(A=H?.video)===null||A===void 0?void 0:A.bindProduct,N=(C=(T=H?.video)===null||T===void 0?void 0:T.bindProduct)===null||C===void 0?void 0:C.bindCta,B=I?.index;u(H,F,N,B)}d||h?.(),p?.()}}),1e3);return f.createElement("div",{className:"pb-appoint-form"},f.createElement("div",{className:`pb-appoint-form-title ${Z(Object.assign({},o))}`},n),f.createElement("div",Object.assign({className:Z(Object.assign({},i))},g),f.createElement("div",{className:"pb-appoint-form-container"},f.createElement(Mn,{columns:v,submitter:!1,layout:r,autoFocusFirstInput:!1,size:"large",formRef:w,className:"panel-reset"}))),f.createElement("div",{className:"pb-appoint-form-btn-wrapper"},f.createElement("button",{onClick:M,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:l},y)},m?f.createElement(f.Fragment,null,"loading..."):s)))};var eo=fe(Zn);function je(t,e){return t.extend=e,t}const to=je(eo,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Qn,bindableProps:[],interactionRender:Jn},defaulSetting:{name:"\u8868\u5355",props:{title:"Appointment Booking",submitColor:"#fff",submitBgColor:"#000",submitText:"Submit",layoutType:void 0},style:{},textStyle:{fontSize:14,color:"#000",textAlign:"center"}},w:100,h:40,sort:2});var Qt,Zt,io=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(Qt=ce?.[0])===null||Qt===void 0?void 0:Qt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(Zt=ce?.[0])===null||Zt===void 0?void 0:Zt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Wi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function ei(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Wi(e[i])&&Wi(t[i])&&Object.keys(e[i]).length>0&&ei(t[i],e[i])})}const Yi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function Ge(){const t=typeof document<"u"?document:{};return ei(t,Yi),t}const no={document:Yi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Pe(){const t=typeof window<"u"?window:{};return ei(t,no),t}function et(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function oo(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function pt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function ze(){return Date.now()}function lo(t){const e=Pe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function so(t,e){e===void 0&&(e="x");const i=Pe();let n,o,l;const a=lo(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function At(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function ao(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Ne(){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&&!ao(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,a=o.length;l<a;l+=1){const s=o[l],r=Object.getOwnPropertyDescriptor(n,s);r!==void 0&&r.enumerable&&(At(t[s])&&At(n[s])?n[s].__swiper__?t[s]=n[s]:Ne(t[s],n[s]):!At(t[s])&&At(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Ne(t[s],n[s])):t[s]=n[s])}}}return t}function Pt(t,e,i){t.style.setProperty(e,i)}function qi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=Pe(),l=-e.translate;let a=null,s;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",d=(h,y)=>c==="next"&&h>=y||c==="prev"&&h<=y,p=()=>{s=new Date().getTime(),a===null&&(a=s);const h=Math.max(Math.min((s-a)/r,1),0),y=.5-Math.cos(h*Math.PI)/2;let g=l+y*(i-l);if(d(g,i)&&(g=i),e.wrapperEl.scrollTo({[n]:g}),d(g,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:g})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(p)};p()}function We(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function Ot(t){try{console.warn(t);return}catch{}}function St(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:et(e)),i}function ro(t){const e=Pe(),i=Ge(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+r-a}}function co(t,e){const i=[];for(;t.previousElementSibling;){const n=t.previousElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function uo(t,e){const i=[];for(;t.nextElementSibling;){const n=t.nextElementSibling;e?n.matches(e)&&i.push(n):i.push(n),t=n}return i}function tt(t,e){return Pe().getComputedStyle(t,null).getPropertyValue(e)}function Mt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Xi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function ti(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function ii(t,e,i){const n=Pe();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Ye(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function po(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Pe();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=ze(),r;const c=[];function d(m){let M=0,_=0,S=0,x=0;return"detail"in m&&(_=m.detail),"wheelDelta"in m&&(_=-m.wheelDelta/120),"wheelDeltaY"in m&&(_=-m.wheelDeltaY/120),"wheelDeltaX"in m&&(M=-m.wheelDeltaX/120),"axis"in m&&m.axis===m.HORIZONTAL_AXIS&&(M=_,_=0),S=M*10,x=_*10,"deltaY"in m&&(x=m.deltaY),"deltaX"in m&&(S=m.deltaX),m.shiftKey&&!S&&(S=x,x=0),(S||x)&&m.deltaMode&&(m.deltaMode===1?(S*=40,x*=40):(S*=800,x*=800)),S&&!M&&(M=S<1?-1:1),x&&!_&&(_=x<1?-1:1),{spinX:M,spinY:_,pixelX:S,pixelY:x}}function p(){e.enabled&&(e.mouseEntered=!0)}function h(){e.enabled&&(e.mouseEntered=!1)}function y(m){return e.params.mousewheel.thresholdDelta&&m.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&ze()-s<e.params.mousewheel.thresholdTime?!1:m.delta>=6&&ze()-s<60?!0:(m.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",m.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",m.raw)),s=new l.Date().getTime(),!1)}function g(m){const E=e.params.mousewheel;if(m.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(m){let E=m,D=!0;if(!e.enabled||m.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const v=e.params.mousewheel;e.params.cssMode&&E.preventDefault();let M=e.el;e.params.mousewheel.eventsTarget!=="container"&&(M=document.querySelector(e.params.mousewheel.eventsTarget));const _=M&&M.contains(E.target);if(!e.mouseEntered&&!_&&!v.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let S=0;const x=e.rtlTranslate?-1:1,A=d(E);if(v.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;v.invert&&(S=-S);let T=e.getTranslate()+S*v.sensitivity;if(T>=e.minTranslate()&&(T=e.minTranslate()),T<=e.maxTranslate()&&(T=e.maxTranslate()),D=e.params.loop?!0:!(T===e.minTranslate()||T===e.maxTranslate()),D&&e.params.nested&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const C={time:ze(),delta:Math.abs(S),direction:Math.sign(S),raw:m};c.length>=2&&c.shift();const O=c.length?c[c.length-1]:void 0;if(c.push(C),O?(C.direction!==O.direction||C.delta>O.delta||C.time>O.time+150)&&y(C):y(C),g(C))return!0}else{const C={time:ze(),delta:Math.abs(S),direction:Math.sign(S)},O=r&&C.time<r.time+500&&C.delta<=r.delta&&C.direction===r.direction;if(!O){r=void 0;let j=e.getTranslate()+S*v.sensitivity;const V=e.isBeginning,H=e.isEnd;if(j>=e.minTranslate()&&(j=e.minTranslate()),j<=e.maxTranslate()&&(j=e.maxTranslate()),e.setTransition(0),e.setTranslate(j),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!V&&e.isBeginning||!H&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:C.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const F=c.length?c[c.length-1]:void 0,N=c[0];if(c.push(C),F&&(C.delta>F.delta||C.direction!==F.direction))c.splice(0);else if(c.length>=15&&C.time-N.time<500&&N.delta-C.delta>=1&&C.delta<=6){const B=S>0?.8:.2;r=C,c.splice(0),a=pt(()=>{e.slideToClosest(e.params.speed,!0,void 0,B)},0)}a||(a=pt(()=>{r=C,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(O||o("scroll",E),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),v.releaseOnEdges&&(j===e.minTranslate()||j===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function I(m){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[m]("mouseenter",p),E[m]("mouseleave",h),E[m]("wheel",b)}function u(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&u()}),n("destroy",()=>{e.params.cssMode&&u(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:u,disable:w})}function Ji(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=We(t.el,`.${n[o]}`)[0];l||(l=St("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function vt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Lt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:u=>u,formatFractionTotal:u=>u,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let a,s=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(u,w){const{bulletActiveClass:m}=e.params.pagination;u&&(u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&(u.classList.add(`${m}-${w}`),u=u[`${w==="prev"?"previous":"next"}ElementSibling`],u&&u.classList.add(`${m}-${w}-${w}`)))}function d(u){const w=u.target.closest(vt(e.params.pagination.bulletClass));if(!w)return;u.preventDefault();const m=Mt(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===m)return;e.slideToLoop(m)}else e.slideTo(m)}function p(){const u=e.rtl,w=e.params.pagination;if(r())return;let m=e.pagination.el;m=Ye(m);let E,D;const v=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,M=e.params.loop?Math.ceil(v/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(D=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,D=e.previousSnapIndex):(D=e.previousIndex||0,E=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let S,x,A;if(w.dynamicBullets&&(a=ii(_[0],e.isHorizontal()?"width":"height",!0),m.forEach(T=>{T.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&D!==void 0&&(s+=E-(D||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),S=Math.max(E-s,0),x=S+(Math.min(_.length,w.dynamicMainBullets)-1),A=(x+S)/2),_.forEach(T=>{const C=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(O=>`${w.bulletActiveClass}${O}`)].map(O=>typeof O=="string"&&O.includes(" ")?O.split(" "):O).flat();T.classList.remove(...C)}),m.length>1)_.forEach(T=>{const C=Mt(T);C===E?T.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&T.setAttribute("part","bullet"),w.dynamicBullets&&(C>=S&&C<=x&&T.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),C===S&&c(T,"prev"),C===x&&c(T,"next"))});else{const T=_[E];if(T&&T.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&_.forEach((C,O)=>{C.setAttribute("part",O===E?"bullet-active":"bullet")}),w.dynamicBullets){const C=_[S],O=_[x];for(let j=S;j<=x;j+=1)_[j]&&_[j].classList.add(...`${w.bulletActiveClass}-main`.split(" "));c(C,"prev"),c(O,"next")}}if(w.dynamicBullets){const T=Math.min(_.length,w.dynamicMainBullets+4),C=(a*T-a)/2-A*a,O=u?"right":"left";_.forEach(j=>{j.style[e.isHorizontal()?O:"top"]=`${C}px`})}}m.forEach((_,S)=>{if(w.type==="fraction"&&(_.querySelectorAll(vt(w.currentClass)).forEach(x=>{x.textContent=w.formatFractionCurrent(E+1)}),_.querySelectorAll(vt(w.totalClass)).forEach(x=>{x.textContent=w.formatFractionTotal(M)})),w.type==="progressbar"){let x;w.progressbarOpposite?x=e.isHorizontal()?"vertical":"horizontal":x=e.isHorizontal()?"horizontal":"vertical";const A=(E+1)/M;let T=1,C=1;x==="horizontal"?T=A:C=A,_.querySelectorAll(vt(w.progressbarFillClass)).forEach(O=>{O.style.transform=`translate3d(0,0,0) scaleX(${T}) scaleY(${C})`,O.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(_.innerHTML=w.renderCustom(e,E+1,M),S===0&&o("paginationRender",_)):(S===0&&o("paginationRender",_),o("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](w.lockClass)})}function h(){const u=e.params.pagination;if(r())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let m=e.pagination.el;m=Ye(m);let E="";if(u.type==="bullets"){let D=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&D>w&&(D=w);for(let v=0;v<D;v+=1)u.renderBullet?E+=u.renderBullet.call(e,v,u.bulletClass):E+=`<${u.bulletElement} ${e.isElement?'part="bullet"':""} class="${u.bulletClass}"></${u.bulletElement}>`}u.type==="fraction"&&(u.renderFraction?E=u.renderFraction.call(e,u.currentClass,u.totalClass):E=`<span class="${u.currentClass}"></span> / <span class="${u.totalClass}"></span>`),u.type==="progressbar"&&(u.renderProgressbar?E=u.renderProgressbar.call(e,u.progressbarFillClass):E=`<span class="${u.progressbarFillClass}"></span>`),e.pagination.bullets=[],m.forEach(D=>{u.type!=="custom"&&(D.innerHTML=E||""),u.type==="bullets"&&e.pagination.bullets.push(...D.querySelectorAll(vt(u.bulletClass)))}),u.type!=="custom"&&o("paginationRender",m[0])}function y(){e.params.pagination=Ji(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const u=e.params.pagination;if(!u.el)return;let w;typeof u.el=="string"&&e.isElement&&(w=e.el.querySelector(u.el)),!w&&typeof u.el=="string"&&(w=[...document.querySelectorAll(u.el)]),w||(w=u.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof u.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(u.el)],w.length>1&&(w=w.filter(m=>Xi(m,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Ye(w),w.forEach(m=>{u.type==="bullets"&&u.clickable&&m.classList.add(...(u.clickableClass||"").split(" ")),m.classList.add(u.modifierClass+u.type),m.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.type==="bullets"&&u.dynamicBullets&&(m.classList.add(`${u.modifierClass}${u.type}-dynamic`),s=0,u.dynamicMainBullets<1&&(u.dynamicMainBullets=1)),u.type==="progressbar"&&u.progressbarOpposite&&m.classList.add(u.progressbarOppositeClass),u.clickable&&m.addEventListener("click",d),e.enabled||m.classList.add(u.lockClass)}))}function g(){const u=e.params.pagination;if(r())return;let w=e.pagination.el;w&&(w=Ye(w),w.forEach(m=>{m.classList.remove(u.hiddenClass),m.classList.remove(u.modifierClass+u.type),m.classList.remove(e.isHorizontal()?u.horizontalClass:u.verticalClass),u.clickable&&(m.classList.remove(...(u.clickableClass||"").split(" ")),m.removeEventListener("click",d))})),e.pagination.bullets&&e.pagination.bullets.forEach(m=>m.classList.remove(...u.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const u=e.params.pagination;let{el:w}=e.pagination;w=Ye(w),w.forEach(m=>{m.classList.remove(u.horizontalClass,u.verticalClass),m.classList.add(e.isHorizontal()?u.horizontalClass:u.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(y(),h(),p())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&p()}),n("snapIndexChange",()=>{p()}),n("snapGridLengthChange",()=>{h(),p()}),n("destroy",()=>{g()}),n("enable disable",()=>{let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{p()}),n("click",(u,w)=>{const m=w.target,E=Ye(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!m.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&m===e.navigation.nextEl||e.navigation.prevEl&&m===e.navigation.prevEl))return;const D=E[0].classList.contains(e.params.pagination.hiddenClass);o(D===!0?"paginationShow":"paginationHide"),E.forEach(v=>v.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),y(),h(),p()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:u}=e.pagination;u&&(u=Ye(u),u.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),g()};Object.assign(e.pagination,{enable:b,disable:I,render:h,update:p,init:y,destroy:g})}function vo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ge();let a=!1,s=null,r=null,c,d,p,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 y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T,rtlTranslate:C}=e,{dragEl:O,el:j}=T,V=e.params.scrollbar,H=e.params.loop?e.progressLoop:e.progress;let F=d,N=(p-d)*H;C?(N=-N,N>0?(F=d-N,N=0):-N+d>p&&(F=p+N)):N<0?(F=d+N,N=0):N+d>p&&(F=p-N),e.isHorizontal()?(O.style.transform=`translate3d(${N}px, 0, 0)`,O.style.width=`${F}px`):(O.style.transform=`translate3d(0px, ${N}px, 0)`,O.style.height=`${F}px`),V.hide&&(clearTimeout(s),j.style.opacity=1,s=setTimeout(()=>{j.style.opacity=0,j.style.transitionDuration="400ms"},1e3))}function g(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:C,el:O}=T;C.style.width="",C.style.height="",p=e.isHorizontal()?O.offsetWidth:O.offsetHeight,h=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?d=p*h:d=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?C.style.width=`${d}px`:C.style.height=`${d}px`,h>=1?O.style.display="none":O.style.display="",e.params.scrollbar.hide&&(O.style.opacity=0),e.params.watchOverflow&&e.enabled&&T.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function I(T){return e.isHorizontal()?T.clientX:T.clientY}function u(T){const{scrollbar:C,rtlTranslate:O}=e,{el:j}=C;let V;V=(I(T)-ro(j)[e.isHorizontal()?"left":"top"]-(c!==null?c:d/2))/(p-d),V=Math.max(Math.min(V,1),0),O&&(V=1-V);const H=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*V;e.updateProgress(H),e.setTranslate(H),e.updateActiveIndex(),e.updateSlidesClasses()}function w(T){const C=e.params.scrollbar,{scrollbar:O,wrapperEl:j}=e,{el:V,dragEl:H}=O;a=!0,c=T.target===H?I(T)-T.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,T.preventDefault(),T.stopPropagation(),j.style.transitionDuration="100ms",H.style.transitionDuration="100ms",u(T),clearTimeout(r),V.style.transitionDuration="0ms",C.hide&&(V.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",T)}function m(T){const{scrollbar:C,wrapperEl:O}=e,{el:j,dragEl:V}=C;a&&(T.preventDefault?T.preventDefault():T.returnValue=!1,u(T),O.style.transitionDuration="0ms",j.style.transitionDuration="0ms",V.style.transitionDuration="0ms",o("scrollbarDragMove",T))}function E(T){const C=e.params.scrollbar,{scrollbar:O,wrapperEl:j}=e,{el:V}=O;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",j.style.transitionDuration=""),C.hide&&(clearTimeout(r),r=pt(()=>{V.style.opacity=0,V.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",T),C.snapOnRelease&&e.slideToClosest())}function D(T){const{scrollbar:C,params:O}=e,j=C.el;if(!j)return;const V=j,H=O.passiveListeners?{passive:!1,capture:!1}:!1,F=O.passiveListeners?{passive:!0,capture:!1}:!1;if(!V)return;const N=T==="on"?"addEventListener":"removeEventListener";V[N]("pointerdown",w,H),l[N]("pointermove",m,H),l[N]("pointerup",E,F)}function v(){!e.params.scrollbar.el||!e.scrollbar.el||D("on")}function M(){!e.params.scrollbar.el||!e.scrollbar.el||D("off")}function _(){const{scrollbar:T,el:C}=e;e.params.scrollbar=Ji(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const O=e.params.scrollbar;if(!O.el)return;let j;if(typeof O.el=="string"&&e.isElement&&(j=e.el.querySelector(O.el)),!j&&typeof O.el=="string"){if(j=l.querySelectorAll(O.el),!j.length)return}else j||(j=O.el);e.params.uniqueNavElements&&typeof O.el=="string"&&j.length>1&&C.querySelectorAll(O.el).length===1&&(j=C.querySelector(O.el)),j.length>0&&(j=j[0]),j.classList.add(e.isHorizontal()?O.horizontalClass:O.verticalClass);let V;j&&(V=j.querySelector(vt(e.params.scrollbar.dragClass)),V||(V=St("div",e.params.scrollbar.dragClass),j.append(V))),Object.assign(T,{el:j,dragEl:V}),O.draggable&&v(),j&&j.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}function S(){const T=e.params.scrollbar,C=e.scrollbar.el;C&&C.classList.remove(...et(e.isHorizontal()?T.horizontalClass:T.verticalClass)),M()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const T=e.params.scrollbar;let{el:C}=e.scrollbar;C=Ye(C),C.forEach(O=>{O.classList.remove(T.horizontalClass,T.verticalClass),O.classList.add(e.isHorizontal()?T.horizontalClass:T.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(_(),b(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{y()}),n("setTransition",(T,C)=>{g(C)}),n("enable disable",()=>{const{el:T}=e.scrollbar;T&&T.classList[e.enabled?"remove":"add"](...et(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const x=()=>{e.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...et(e.params.scrollbar.scrollbarDisabledClass)),_(),b(),y()},A=()=>{e.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...et(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:x,disable:A,updateSize:b,setTranslate:y,init:_,destroy:S})}function jt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,s,r=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,d,p=new Date().getTime(),h,y,g,b,I,u,w;function m(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),!w&&x())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?h=!0:h&&(c=d,h=!1);const F=e.autoplay.paused?d:p+c-new Date().getTime();e.autoplay.timeLeft=F,o("autoplayTimeLeft",F,F/r),s=requestAnimationFrame(()=>{E()})},D=()=>{let F;return e.virtual&&e.params.virtual.enabled?F=e.slides.filter(B=>B.classList.contains("swiper-slide-active"))[0]:F=e.slides[e.activeIndex],F?parseInt(F.getAttribute("data-swiper-autoplay"),10):void 0},v=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),E();let N=typeof F>"u"?e.params.autoplay.delay:F;r=e.params.autoplay.delay,c=e.params.autoplay.delay;const B=D();!Number.isNaN(B)&&B>0&&typeof F>"u"&&(N=B,r=B,c=B),d=N;const L=e.params.speed,k=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(L,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,L,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(L,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,L,!0,!0),o("autoplay")),e.params.cssMode&&(p=new Date().getTime(),requestAnimationFrame(()=>{v()})))};return N>0?(clearTimeout(a),a=setTimeout(()=>{k()},N)):requestAnimationFrame(()=>{k()}),N},M=()=>{p=new Date().getTime(),e.autoplay.running=!0,v(),o("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(s),o("autoplayStop")},S=(F,N)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),F||(u=!0);const B=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):x()};if(e.autoplay.paused=!0,N){I&&(d=e.params.autoplay.delay),I=!1,B();return}d=(d||e.params.autoplay.delay)-(new Date().getTime()-p),!(e.isEnd&&d<0&&!e.params.loop)&&(d<0&&(d=0),B())},x=()=>{e.isEnd&&d<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(p=new Date().getTime(),u?(u=!1,v(d)):v(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Ge();F.visibilityState==="hidden"&&(u=!0,S(!0)),F.visibilityState==="visible"&&x()},T=F=>{F.pointerType==="mouse"&&(u=!0,w=!0,!(e.animating||e.autoplay.paused)&&S(!0))},C=F=>{F.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&x())},O=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",T),e.el.addEventListener("pointerleave",C))},j=()=>{e.el.removeEventListener("pointerenter",T),e.el.removeEventListener("pointerleave",C)},V=()=>{Ge().addEventListener("visibilitychange",A)},H=()=>{Ge().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(O(),V(),M())}),n("destroy",()=>{j(),H(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(g||u)&&x()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():S(!0,!0)}),n("beforeTransitionStart",(F,N,B)=>{e.destroyed||!e.autoplay.running||(B||!e.params.autoplay.disableOnInteraction?S(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,g=!1,u=!1,b=setTimeout(()=>{u=!0,g=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(b),clearTimeout(a),e.params.autoplay.disableOnInteraction){g=!1,y=!1;return}g&&e.params.cssMode&&x(),g=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(I=!0)}),Object.assign(e.autoplay,{start:M,stop:_,pause:S,resume:x})}function fo(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const r=e.getTranslate();e.setTranslate(r),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:r,touches:c}=e;r.velocities.length===0&&r.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:ze()})}function s(r){let{currentPos:c}=r;if(e.params.cssMode)return;const{params:d,wrapperEl:p,rtlTranslate:h,snapGrid:y,touchEventsData:g}=e,I=ze()-g.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(d.freeMode.momentum){if(g.velocities.length>1){const _=g.velocities.pop(),S=g.velocities.pop(),x=_.position-S.position,A=_.time-S.time;e.velocity=x/A,e.velocity/=2,Math.abs(e.velocity)<d.freeMode.minimumVelocity&&(e.velocity=0),(A>150||ze()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=d.freeMode.momentumVelocityRatio,g.velocities.length=0;let u=1e3*d.freeMode.momentumRatio;const w=e.velocity*u;let m=e.translate+w;h&&(m=-m);let E=!1,D;const v=Math.abs(e.velocity)*20*d.freeMode.momentumBounceRatio;let M;if(m<e.maxTranslate())d.freeMode.momentumBounce?(m+e.maxTranslate()<-v&&(m=e.maxTranslate()-v),D=e.maxTranslate(),E=!0,g.allowMomentumBounce=!0):m=e.maxTranslate(),d.loop&&d.centeredSlides&&(M=!0);else if(m>e.minTranslate())d.freeMode.momentumBounce?(m-e.minTranslate()>v&&(m=e.minTranslate()+v),D=e.minTranslate(),E=!0,g.allowMomentumBounce=!0):m=e.minTranslate(),d.loop&&d.centeredSlides&&(M=!0);else if(d.freeMode.sticky){let _;for(let S=0;S<y.length;S+=1)if(y[S]>-m){_=S;break}Math.abs(y[_]-m)<Math.abs(y[_-1]-m)||e.swipeDirection==="next"?m=y[_]:m=y[_-1],m=-m}if(M&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(h?u=Math.abs((-m-e.translate)/e.velocity):u=Math.abs((m-e.translate)/e.velocity),d.freeMode.sticky){const _=Math.abs((h?-m:m)-e.translate),S=e.slidesSizesGrid[e.activeIndex];_<S?u=d.speed:_<2*S?u=d.speed*1.5:u=d.speed*2.5}}else if(d.freeMode.sticky){e.slideToClosest();return}d.freeMode.momentumBounce&&E?(e.updateProgress(D),e.setTransition(u),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating=!0,ti(p,()=>{!e||e.destroyed||!g.allowMomentumBounce||(n("momentumBounce"),e.setTransition(d.speed),setTimeout(()=>{e.setTranslate(D),ti(p,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(m),e.setTransition(u),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,ti(p,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(m),e.updateActiveIndex(),e.updateSlidesClasses()}else if(d.freeMode.sticky){e.slideToClosest();return}else d.freeMode&&n("_freeModeNoMomentumRelease");(!d.freeMode.momentum||I>=d.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:a,onTouchEnd:s}})}let ni;function mo(){const t=Pe(),e=Ge();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ki(){return ni||(ni=mo()),ni}let oi;function ho(t){let{userAgent:e}=t===void 0?{}:t;const i=Ki(),n=Pe(),o=n.navigator.platform,l=e||n.navigator.userAgent,a={ios:!1,android:!1},s=n.screen.width,r=n.screen.height,c=l.match(/(Android);?[\s\/]+([\d.]+)?/);let d=l.match(/(iPad).*OS\s([\d_]+)/);const p=l.match(/(iPod)(.*OS\s([\d_]+))?/),h=!d&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=o==="Win32";let g=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!d&&g&&i.touch&&b.indexOf(`${s}x${r}`)>=0&&(d=l.match(/(Version)\/([\d.]+)/),d||(d=[0,1,"13_0_0"]),g=!1),c&&!y&&(a.os="android",a.android=!0),(d||h||p)&&(a.os="ios",a.ios=!0),a}function Qi(t){return t===void 0&&(t={}),oi||(oi=ho(t)),oi}let li;function go(){const t=Pe(),e=Qi();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[r,c]=s.split("Version/")[1].split(" ")[0].split(".").map(d=>Number(d));i=r<16||r===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),a=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function bo(){return li||(li=go()),li}function yo(t){let{swiper:e,on:i,emit:n}=t;const o=Pe();let l=null,a=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(p=>{a=o.requestAnimationFrame(()=>{const{width:h,height:y}=e;let g=h,b=y;p.forEach(I=>{let{contentBoxSize:u,contentRect:w,target:m}=I;m&&m!==e.el||(g=w?w.width:(u[0]||u).inlineSize,b=w?w.height:(u[0]||u).blockSize)}),(g!==h||b!==y)&&s()})}),l.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},d=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){r();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",d)}),i("destroy",()=>{c(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",d)})}function wo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],a=Pe(),s=function(d,p){p===void 0&&(p={});const h=a.MutationObserver||a.WebkitMutationObserver,y=new h(g=>{if(e.__preventObserver__)return;if(g.length===1){o("observerUpdate",g[0]);return}const b=function(){o("observerUpdate",g[0])};a.requestAnimationFrame?a.requestAnimationFrame(b):a.setTimeout(b,0)});y.observe(d,{attributes:typeof p.attributes>"u"?!0:p.attributes,childList:typeof p.childList>"u"?!0:p.childList,characterData:typeof p.characterData>"u"?!0:p.characterData}),l.push(y)},r=()=>{if(e.params.observer){if(e.params.observeParents){const d=Xi(e.hostEl);for(let p=0;p<d.length;p+=1)s(d[p])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},c=()=>{l.forEach(d=>{d.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",r),n("destroy",c)}var So={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,a=new Array(l),s=0;s<l;s++)a[s]=arguments[s];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),a=0;a<o;a++)l[a]=arguments[a];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(c=>{c.apply(n,i)})}),t}};function To(){const t=this;let e,i;const n=t.el;typeof t.params.width<"u"&&t.params.width!==null?e=t.params.width:e=n.clientWidth,typeof t.params.height<"u"&&t.params.height!==null?i=t.params.height:i=n.clientHeight,!(e===0&&t.isHorizontal()||i===0&&t.isVertical())&&(e=e-parseInt(tt(n,"padding-left")||0,10)-parseInt(tt(n,"padding-right")||0,10),i=i-parseInt(tt(n,"padding-top")||0,10)-parseInt(tt(n,"padding-bottom")||0,10),Number.isNaN(e)&&(e=0),Number.isNaN(i)&&(i=0),Object.assign(t,{width:e,height:i,size:t.isHorizontal()?e:i}))}function xo(){const t=this;function e(x,A){return parseFloat(x.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:a,wrongRTL:s}=t,r=t.virtual&&i.virtual.enabled,c=r?t.virtual.slides.length:t.slides.length,d=We(o,`.${t.params.slideClass}, swiper-slide`),p=r?t.virtual.slides.length:d.length;let h=[];const y=[],g=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const u=t.snapGrid.length,w=t.slidesGrid.length;let m=i.spaceBetween,E=-b,D=0,v=0;if(typeof l>"u")return;typeof m=="string"&&m.indexOf("%")>=0?m=parseFloat(m.replace("%",""))/100*l:typeof m=="string"&&(m=parseFloat(m)),t.virtualSize=-m,d.forEach(x=>{a?x.style.marginLeft="":x.style.marginRight="",x.style.marginBottom="",x.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(Pt(n,"--swiper-centered-offset-before",""),Pt(n,"--swiper-centered-offset-after",""));const M=i.grid&&i.grid.rows>1&&t.grid;M?t.grid.initSlides(d):t.grid&&t.grid.unsetSlides();let _;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<p;x+=1){_=0;let A;if(d[x]&&(A=d[x]),M&&t.grid.updateSlide(x,A,d),!(d[x]&&tt(A,"display")==="none")){if(i.slidesPerView==="auto"){S&&(d[x].style[t.getDirectionLabel("width")]="");const T=getComputedStyle(A),C=A.style.transform,O=A.style.webkitTransform;if(C&&(A.style.transform="none"),O&&(A.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?ii(A,"width",!0):ii(A,"height",!0);else{const j=e(T,"width"),V=e(T,"padding-left"),H=e(T,"padding-right"),F=e(T,"margin-left"),N=e(T,"margin-right"),B=T.getPropertyValue("box-sizing");if(B&&B==="border-box")_=j+F+N;else{const{clientWidth:L,offsetWidth:k}=A;_=j+V+H+F+N+(k-L)}}C&&(A.style.transform=C),O&&(A.style.webkitTransform=O),i.roundLengths&&(_=Math.floor(_))}else _=(l-(i.slidesPerView-1)*m)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),d[x]&&(d[x].style[t.getDirectionLabel("width")]=`${_}px`);d[x]&&(d[x].swiperSlideSize=_),g.push(_),i.centeredSlides?(E=E+_/2+D/2+m,D===0&&x!==0&&(E=E-l/2-m),x===0&&(E=E-l/2-m),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),v%i.slidesPerGroup===0&&h.push(E),y.push(E)):(i.roundLengths&&(E=Math.floor(E)),(v-Math.min(t.params.slidesPerGroupSkip,v))%t.params.slidesPerGroup===0&&h.push(E),y.push(E),E=E+_+m),t.virtualSize+=_+m,D=_,v+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+I,a&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+m}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+m}px`),M&&t.grid.updateWrapperSize(_,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-l&&x.push(T)}h=x,Math.floor(t.virtualSize-l)-Math.floor(h[h.length-1])>1&&h.push(t.virtualSize-l)}if(r&&i.loop){const x=g[0]+m;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),T=x*i.slidesPerGroup;for(let C=0;C<A;C+=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),y.push(y[y.length-1]+x),t.virtualSize+=x}if(h.length===0&&(h=[0]),m!==0){const x=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");d.filter((A,T)=>!i.cssMode||i.loop?!0:T!==d.length-1).forEach(A=>{A.style[x]=`${m}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let x=0;g.forEach(T=>{x+=T+(m||0)}),x-=m;const A=x-l;h=h.map(T=>T<=0?-b:T>A?A+I:T)}if(i.centerInsufficientSlides){let x=0;if(g.forEach(A=>{x+=A+(m||0)}),x-=m,x<l){const A=(l-x)/2;h.forEach((T,C)=>{h[C]=T-A}),y.forEach((T,C)=>{y[C]=T+A})}}if(Object.assign(t,{slides:d,snapGrid:h,slidesGrid:y,slidesSizesGrid:g}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){Pt(n,"--swiper-centered-offset-before",`${-h[0]}px`),Pt(n,"--swiper-centered-offset-after",`${t.size/2-g[g.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(p!==c&&t.emit("slidesLengthChange"),h.length!==u&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const x=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(x);p<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(x):A&&t.el.classList.remove(x)}}function Eo(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(a(s))}else i.push(a(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Io(){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 Co(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(r=>{r.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let r=0;r<n.length;r+=1){const c=n[r];let d=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(d-=n[0].swiperSlideOffset);const p=(a+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),h=(a-l[0]+(i.centeredSlides?e.minTranslate():0)-d)/(c.swiperSlideSize+s),y=-(a-d),g=y+e.slidesSizesGrid[r],b=y>=0&&y<=e.size-e.slidesSizesGrid[r];(y>=0&&y<e.size-1||g>1&&g<=e.size||y<=0&&g>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(r),n[r].classList.add(i.slideVisibleClass)),b&&n[r].classList.add(i.slideFullyVisibleClass),c.progress=o?-p:p,c.originalProgress=o?-h:h}}function _o(t){const e=this;if(typeof t>"u"){const d=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*d||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:a,progressLoop:s}=e;const r=l,c=a;if(n===0)o=0,l=!0,a=!0;else{o=(t-e.minTranslate())/n;const d=Math.abs(t-e.minTranslate())<1,p=Math.abs(t-e.maxTranslate())<1;l=d||o<=0,a=p||o>=1,d&&(o=0),p&&(o=1)}if(i.loop){const d=e.getSlideIndexByData(0),p=e.getSlideIndexByData(e.slides.length-1),h=e.slidesGrid[d],y=e.slidesGrid[p],g=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=h?s=(b-h)/g:s=(b+g-y)/g,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!r&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(r&&!l||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function Do(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,s=p=>We(n,`.${i.slideClass}${p}, swiper-slide${p}`)[0];e.forEach(p=>{p.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let r,c,d;if(l)if(i.loop){let p=o-t.virtual.slidesBefore;p<0&&(p=t.virtual.slides.length+p),p>=t.virtual.slides.length&&(p-=t.virtual.slides.length),r=s(`[data-swiper-slide-index="${p}"]`)}else r=s(`[data-swiper-slide-index="${o}"]`);else a?(r=e.filter(p=>p.column===o)[0],d=e.filter(p=>p.column===o+1)[0],c=e.filter(p=>p.column===o-1)[0]):r=e[o];r&&(r.classList.add(i.slideActiveClass),a?(d&&d.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(d=uo(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!d&&(d=e[0]),d&&d.classList.add(i.slideNextClass),c=co(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Nt=(t,e)=>{if(!t||t.destroyed||!t.params)return;const i=()=>t.isElement?"swiper-slide":`.${t.params.slideClass}`,n=e.closest(i());if(n){let o=n.querySelector(`.${t.params.lazyPreloaderClass}`);!o&&t.isElement&&(n.shadowRoot?o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(o=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),o&&o.remove())})),o&&o.remove()}},si=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},ai=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,s=[a-e];s.push(...Array.from({length:e}).map((r,c)=>a+n+c)),t.slides.forEach((r,c)=>{s.includes(r.column)&&si(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=l+e;a+=1){const s=(a%i+i)%i;(s<o||s>l)&&si(t,s)}else for(let a=Math.max(o-e,0);a<=Math.min(l+e,i-1);a+=1)a!==o&&(a>l||a<o)&&si(t,a)};function ko(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let o;for(let l=0;l<e.length;l+=1)typeof e[l+1]<"u"?n>=e[l]&&n<e[l+1]-(e[l+1]-e[l])/2?o=l:n>=e[l]&&n<e[l+1]&&(o=l+1):n>=e[l]&&(o=l);return i.normalizeSlideIndex&&(o<0||typeof o>"u")&&(o=0),o}function Ao(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:a,snapIndex:s}=e;let r=t,c;const d=y=>{let g=y-e.virtual.slidesBefore;return g<0&&(g=e.virtual.slides.length+g),g>=e.virtual.slides.length&&(g-=e.virtual.slides.length),g};if(typeof r>"u"&&(r=ko(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(o.slidesPerGroupSkip,r);c=y+Math.floor((r-y)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),r===l&&!e.params.loop){c!==s&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(r===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=d(r);return}const p=e.grid&&o.grid&&o.grid.rows>1;let h;if(e.virtual&&o.virtual.enabled&&o.loop)h=d(r);else if(p){const y=e.slides.filter(b=>b.column===r)[0];let g=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(g)&&(g=Math.max(e.slides.indexOf(y),0)),h=Math.floor(g/o.grid.rows)}else if(e.slides[r]){const y=e.slides[r].getAttribute("data-swiper-slide-index");y?h=parseInt(y,10):h=r}else h=r;Object.assign(e,{previousSnapIndex:s,snapIndex:c,previousRealIndex:a,realIndex:h,previousIndex:l,activeIndex:r}),e.initialized&&ai(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==h&&e.emit("realIndexChange"),e.emit("slideChange"))}function Po(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,a;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,a=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Oo={updateSize:To,updateSlides:xo,updateAutoHeight:Eo,updateSlidesOffset:Io,updateSlidesProgress:Co,updateProgress:_o,updateSlidesClasses:Do,updateActiveIndex:Ao,updateClickedSlide:Po};function Mo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=so(l,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function Lo(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:a}=i;let s=0,r=0;const c=0;i.isHorizontal()?s=n?-t:t:r=t,o.roundLengths&&(s=Math.floor(s),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:r,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-r:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${r}px, ${c}px)`);let d;const p=i.maxTranslate()-i.minTranslate();p===0?d=0:d=(t-i.minTranslate())/p,d!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function jo(){return-this.snapGrid[0]}function No(){return-this.snapGrid[this.snapGrid.length-1]}function Bo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:a,wrapperEl:s}=l;if(l.animating&&a.preventInteractionOnTransition)return!1;const r=l.minTranslate(),c=l.maxTranslate();let d;if(n&&t>r?d=r:n&&t<c?d=c:d=t,l.updateProgress(d),a.cssMode){const p=l.isHorizontal();if(e===0)s[p?"scrollLeft":"scrollTop"]=-d;else{if(!l.support.smoothScroll)return qi({swiper:l,targetPosition:-d,side:p?"left":"top"}),!0;s.scrollTo({[p?"left":"top"]:-d,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(d),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(h){!l||l.destroyed||h.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var zo={getTranslate:Mo,setTranslate:Lo,minTranslate:jo,maxTranslate:No,translateTo:Bo};function Vo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function Zi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:a}=e;let s=n;if(s||(l>a?s="next":l<a?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==a){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function Ro(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Zi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Fo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Zi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Ho={setTransition:Vo,transitionStart:Ro,transitionEnd:Fo};function Uo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let a=t;a<0&&(a=0);const{params:s,snapGrid:r,slidesGrid:c,previousIndex:d,activeIndex:p,rtlTranslate:h,wrapperEl:y,enabled:g}=l;if(l.animating&&s.preventInteractionOnTransition||!g&&!n&&!o||l.destroyed)return!1;const b=Math.min(l.params.slidesPerGroupSkip,a);let I=b+Math.floor((a-b)/l.params.slidesPerGroup);I>=r.length&&(I=r.length-1);const u=-r[I];if(s.normalizeSlideIndex)for(let m=0;m<c.length;m+=1){const E=-Math.floor(u*100),D=Math.floor(c[m]*100),v=Math.floor(c[m+1]*100);typeof c[m+1]<"u"?E>=D&&E<v-(v-D)/2?a=m:E>=D&&E<v&&(a=m+1):E>=D&&(a=m)}if(l.initialized&&a!==p&&(!l.allowSlideNext&&(h?u>l.translate&&u>l.minTranslate():u<l.translate&&u<l.minTranslate())||!l.allowSlidePrev&&u>l.translate&&u>l.maxTranslate()&&(p||0)!==a))return!1;a!==(d||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(u);let w;if(a>p?w="next":a<p?w="prev":w="reset",h&&-u===l.translate||!h&&u===l.translate)return l.updateActiveIndex(a),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(u),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(s.cssMode){const m=l.isHorizontal(),E=h?u:-u;if(e===0){const D=l.virtual&&l.params.virtual.enabled;D&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),D&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[m?"scrollLeft":"scrollTop"]=E})):y[m?"scrollLeft":"scrollTop"]=E,D&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return qi({swiper:l,targetPosition:E,side:m?"left":"top"}),!0;y.scrollTo({[m?"left":"top"]:E,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(u),l.updateActiveIndex(a),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,w),e===0?l.transitionEnd(i,w):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(E){!l||l.destroyed||E.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,w))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function Go(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let s;if(l){const h=a*o.params.grid.rows;s=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===h)[0].column}else s=o.getSlideIndexByData(a);const r=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let d=o.params.slidesPerView;d==="auto"?d=o.slidesPerViewDynamic():(d=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&d%2===0&&(d=d+1));let p=r-s<d;if(c&&(p=p||s<Math.ceil(d/2)),p){const h=c?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:h,slideTo:!0,activeSlideIndex:h==="next"?s+1:s-r+1,slideRealIndex:h==="next"?o.realIndex:void 0})}if(l){const h=a*o.params.grid.rows;a=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===h)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function $o(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:a}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<l.slidesPerGroupSkip?1:s,c=n.virtual&&l.virtual.enabled;if(l.loop){if(a&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function Wo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:a,rtlTranslate:s,enabled:r,animating:c}=n;if(!r||n.destroyed)return n;const d=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!d&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const p=s?n.translate:-n.translate;function h(u){return u<0?-Math.floor(Math.abs(u)):Math.floor(u)}const y=h(p),g=l.map(u=>h(u));let b=l[g.indexOf(y)-1];if(typeof b>"u"&&o.cssMode){let u;l.forEach((w,m)=>{y>=w&&(u=m)}),typeof u<"u"&&(b=l[u>0?u-1:u])}let I=0;if(typeof b<"u"&&(I=a.indexOf(b),I<0&&(I=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(I=I-n.slidesPerViewDynamic("previous",!0)+1,I=Math.max(I,0))),o.rewind&&n.isBeginning){const u=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(u,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(I,t,e,i)}),!0;return n.slideTo(I,t,e,i)}function Yo(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 qo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,l),s=a+Math.floor((l-a)/o.params.slidesPerGroup),r=o.rtlTranslate?o.translate:-o.translate;if(r>=o.snapGrid[s]){const c=o.snapGrid[s],d=o.snapGrid[s+1];r-c>(d-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[s-1],d=o.snapGrid[s];r-c<=(d-c)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function Xo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),pt(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(We(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),pt(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var Jo={slideTo:Uo,slideToLoop:Go,slideNext:$o,slidePrev:Wo,slideReset:Yo,slideToClosest:qo,slideToClickedSlide:Xo};function Ko(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{We(n,`.${i.slideClass}, swiper-slide`).forEach((p,h)=>{p.setAttribute("data-swiper-slide-index",h)})},l=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%a!==0,r=l&&e.slides.length%i.grid.rows!==0,c=d=>{for(let p=0;p<d;p+=1){const h=e.isElement?St("swiper-slide",[i.slideBlankClass]):St("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(h)}};if(s){if(i.loopAddBlankSlides){const d=a-e.slides.length%a;c(d),e.recalcSlides(),e.updateSlides()}else Ot("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(r){if(i.loopAddBlankSlides){const d=i.grid.rows-e.slides.length%i.grid.rows;c(d),e.recalcSlides(),e.updateSlides()}else Ot("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function Qo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:a,byMousewheel:s}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:c,allowSlidePrev:d,allowSlideNext:p,slidesEl:h,params:y}=r,{centeredSlides:g}=y;if(r.allowSlidePrev=!0,r.allowSlideNext=!0,r.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&r.snapIndex===0?r.slideTo(r.virtual.slides.length,0,!1,!0):y.centeredSlides&&r.snapIndex<y.slidesPerView?r.slideTo(r.virtual.slides.length+r.snapIndex,0,!1,!0):r.snapIndex===r.snapGrid.length-1&&r.slideTo(r.virtual.slidesBefore,0,!1,!0)),r.allowSlidePrev=d,r.allowSlideNext=p,r.emit("loopFix");return}let b=y.slidesPerView;b==="auto"?b=r.slidesPerViewDynamic():(b=Math.ceil(parseFloat(y.slidesPerView,10)),g&&b%2===0&&(b=b+1));const I=y.slidesPerGroupAuto?b:y.slidesPerGroup;let u=I;u%I!==0&&(u+=I-u%I),u+=y.loopAdditionalSlides,r.loopedSlides=u;const w=r.grid&&y.grid&&y.grid.rows>1;c.length<b+u?Ot("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&y.grid.fill==="row"&&Ot("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const m=[],E=[];let D=r.activeIndex;typeof l>"u"?l=r.getSlideIndex(c.filter(C=>C.classList.contains(y.slideActiveClass))[0]):D=l;const v=n==="next"||!n,M=n==="prev"||!n;let _=0,S=0;const x=w?Math.ceil(c.length/y.grid.rows):c.length,T=(w?c[l].column:l)+(g&&typeof o>"u"?-b/2+.5:0);if(T<u){_=Math.max(u-T,I);for(let C=0;C<u-T;C+=1){const O=C-Math.floor(C/x)*x;if(w){const j=x-O-1;for(let V=c.length-1;V>=0;V-=1)c[V].column===j&&m.push(V)}else m.push(x-O-1)}}else if(T+b>x-u){S=Math.max(T-(x-u*2),I);for(let C=0;C<S;C+=1){const O=C-Math.floor(C/x)*x;w?c.forEach((j,V)=>{j.column===O&&E.push(V)}):E.push(O)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),M&&m.forEach(C=>{c[C].swiperLoopMoveDOM=!0,h.prepend(c[C]),c[C].swiperLoopMoveDOM=!1}),v&&E.forEach(C=>{c[C].swiperLoopMoveDOM=!0,h.append(c[C]),c[C].swiperLoopMoveDOM=!1}),r.recalcSlides(),y.slidesPerView==="auto"?r.updateSlides():w&&(m.length>0&&M||E.length>0&&v)&&r.slides.forEach((C,O)=>{r.grid.updateSlide(O,C,r.slides)}),y.watchSlidesProgress&&r.updateSlidesOffset(),i){if(m.length>0&&M){if(typeof e>"u"){const C=r.slidesGrid[D],j=r.slidesGrid[D+_]-C;s?r.setTranslate(r.translate-j):(r.slideTo(D+Math.ceil(_),0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-j,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-j))}else if(o){const C=w?m.length/y.grid.rows:m.length;r.slideTo(r.activeIndex+C,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(E.length>0&&v)if(typeof e>"u"){const C=r.slidesGrid[D],j=r.slidesGrid[D-S]-C;s?r.setTranslate(r.translate-j):(r.slideTo(D-S,0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-j,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-j))}else{const C=w?E.length/y.grid.rows:E.length;r.slideTo(r.activeIndex-C,0,!1,!0)}}if(r.allowSlidePrev=d,r.allowSlideNext=p,r.controller&&r.controller.control&&!a){const C={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(O=>{!O.destroyed&&O.params.loop&&O.loopFix({...C,slideTo:O.params.slidesPerView===y.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...C,slideTo:r.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}r.emit("loopFix")}function Zo(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(o=>{const l=typeof o.swiperSlideIndex>"u"?o.getAttribute("data-swiper-slide-index")*1:o.swiperSlideIndex;n[l]=o}),t.slides.forEach(o=>{o.removeAttribute("data-swiper-slide-index")}),n.forEach(o=>{i.append(o)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var el={loopCreate:Ko,loopFix:Qo,loopDestroy:Zo};function tl(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 il(){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 nl={setGrabCursor:tl,unsetGrabCursor:il};function ol(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ge()||n===Pe())return null;n.assignedSlot&&(n=n.assignedSlot);const o=n.closest(t);return!o&&!n.getRootNode?null:o||i(n.getRootNode().host)}return i(e)}function en(t,e,i){const n=Pe(),{params:o}=t,l=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return l&&(i<=a||i>=n.innerWidth-a)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function ll(t){const e=this,i=Ge();let n=t;n.originalEvent&&(n=n.originalEvent);const o=e.touchEventsData;if(n.type==="pointerdown"){if(o.pointerId!==null&&o.pointerId!==n.pointerId)return;o.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(o.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){en(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:a,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let r=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",d=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&d&&(r=d[0]);const p=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,h=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(h?ol(p,r):r.closest(p))){e.allowClick=!0;return}if(l.swipeHandler&&!r.closest(l.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const y=a.currentX,g=a.currentY;if(!en(e,n,y))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=y,a.startY=g,o.touchStartTime=ze(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let b=!0;r.matches(o.focusableElements)&&(b=!1,r.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const I=b&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||I)&&!r.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function sl(t){const e=Ge(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:a,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let r=t;if(r.originalEvent&&(r=r.originalEvent),r.type==="pointermove"&&(n.touchId!==null||r.pointerId!==n.pointerId))return;let c;if(r.type==="touchmove"){if(c=[...r.changedTouches].filter(v=>v.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const d=c.pageX,p=c.pageY;if(r.preventedByNestedSwiper){l.startX=d,l.startY=p;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p}),n.touchStartTime=ze());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(p<l.startY&&i.translate<=i.maxTranslate()||p>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(d<l.startX&&i.translate<=i.maxTranslate()||d>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&r.target===e.activeElement&&r.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",r),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=d,l.currentY=p;const h=l.currentX-l.startX,y=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(h**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let v;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:h*h+y*y>=25&&(v=Math.atan2(Math.abs(y),Math.abs(h))*180/Math.PI,n.isScrolling=i.isHorizontal()?v>o.touchAngle:90-v>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&r.cancelable&&r.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&r.stopPropagation();let g=i.isHorizontal()?h:y,b=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(g=Math.abs(g)*(a?1:-1),b=Math.abs(b)*(a?1:-1)),l.diff=g,g*=o.touchRatio,a&&(g=-g,b=-b);const I=i.touchesDirection;i.swipeDirection=g>0?"prev":"next",i.touchesDirection=b>0?"prev":"next";const u=i.params.loop&&!o.cssMode,w=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(u&&w&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const v=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(v)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let m;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&u&&w&&Math.abs(g)>=1){Object.assign(l,{startX:d,startY:p,currentX:d,currentY:p,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",r),n.isMoved=!0,n.currentTranslate=g+n.startTranslate;let E=!0,D=o.resistanceRatio;if(o.touchReleaseOnEdges&&(D=0),g>0?(u&&w&&!m&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+g)**D))):g<0&&(u&&w&&!m&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-g)**D))),E&&(r.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(g)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function al(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let o;if(n.type==="touchend"||n.type==="touchcancel"){if(o=[...n.changedTouches].filter(D=>D.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:a,touches:s,rtlTranslate:r,slidesGrid:c,enabled:d}=e;if(!d||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const p=ze(),h=p-i.touchStartTime;if(e.allowClick){const D=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(D&&D[0]||n.target,D),e.emit("tap click",n),h<300&&p-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=ze(),pt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let y;if(a.followFinger?y=r?e.translate:-e.translate:y=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const g=y>=-e.maxTranslate()&&!e.params.loop;let b=0,I=e.slidesSizesGrid[0];for(let D=0;D<c.length;D+=D<a.slidesPerGroupSkip?1:a.slidesPerGroup){const v=D<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[D+v]<"u"?(g||y>=c[D]&&y<c[D+v])&&(b=D,I=c[D+v]-c[D]):(g||y>=c[D])&&(b=D,I=c[c.length-1]-c[c.length-2])}let u=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(u=0));const m=(y-c[b])/I,E=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(h>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(m>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?u:b+E):e.slideTo(b)),e.swipeDirection==="prev"&&(m>1-a.longSwipesRatio?e.slideTo(b+E):w!==null&&m<0&&Math.abs(m)>a.longSwipesRatio?e.slideTo(w):e.slideTo(b))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+E):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(u!==null?u:b+E),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:b))}}function tn(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function rl(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function dl(){const t=this,{wrapperEl:e,rtlTranslate:i,enabled:n}=t;if(!n)return;t.previousTranslate=t.translate,t.isHorizontal()?t.translate=-e.scrollLeft:t.translate=-e.scrollTop,t.translate===0&&(t.translate=0),t.updateActiveIndex(),t.updateSlidesClasses();let o;const l=t.maxTranslate()-t.minTranslate();l===0?o=0:o=(t.translate-t.minTranslate())/l,o!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function cl(t){const e=this;Nt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function ul(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const nn=(t,e)=>{const i=Ge(),{params:n,el:o,wrapperEl:l,device:a}=t,s=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",c=e;i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[r]("touchstart",t.onTouchStart,{passive:!1}),o[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[r]("touchend",t.onTouchEnd,{passive:!0}),i[r]("pointerup",t.onTouchEnd,{passive:!0}),i[r]("pointercancel",t.onTouchEnd,{passive:!0}),i[r]("touchcancel",t.onTouchEnd,{passive:!0}),i[r]("pointerout",t.onTouchEnd,{passive:!0}),i[r]("pointerleave",t.onTouchEnd,{passive:!0}),i[r]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[r]("click",t.onClick,!0),n.cssMode&&l[r]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",tn,!0):t[c]("observerUpdate",tn,!0),o[r]("load",t.onLoad,{capture:!0})};function pl(){const t=this,{params:e}=t;t.onTouchStart=ll.bind(t),t.onTouchMove=sl.bind(t),t.onTouchEnd=al.bind(t),t.onDocumentTouchStart=ul.bind(t),e.cssMode&&(t.onScroll=dl.bind(t)),t.onClick=rl.bind(t),t.onLoad=cl.bind(t),nn(t,"on")}function vl(){nn(this,"off")}var fl={attachEvents:pl,detachEvents:vl};const on=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function ml(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const a=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const r=(a in l?l[a]:void 0)||t.originalParams,c=on(t,n),d=on(t,r),p=n.enabled;c&&!d?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&d&&(o.classList.add(`${n.containerModifierClass}grid`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(u=>{if(typeof r[u]>"u")return;const w=n[u]&&n[u].enabled,m=r[u]&&r[u].enabled;w&&!m&&t[u].disable(),!w&&m&&t[u].enable()});const h=r.direction&&r.direction!==n.direction,y=n.loop&&(r.slidesPerView!==n.slidesPerView||h),g=n.loop;h&&i&&t.changeDirection(),Ne(t.params,r);const b=t.params.enabled,I=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),p&&!b?t.disable():!p&&b&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",r),i&&(y?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!g&&I?(t.loopCreate(e),t.updateSlides()):g&&!I&&t.loopDestroy()),t.emit("breakpoint",r)}function hl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=Pe(),l=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const r=parseFloat(s.substr(1));return{value:l*r,point:s}}return{value:s,point:s}});a.sort((s,r)=>parseInt(s.value,10)-parseInt(r.value,10));for(let s=0;s<a.length;s+=1){const{point:r,value:c}=a[s];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=r):c<=i.clientWidth&&(n=r)}return n||"max"}var gl={setBreakpoint:ml,getBreakpoint:hl};function bl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(o=>{n[o]&&i.push(e+o)}):typeof n=="string"&&i.push(e+n)}),i}function yl(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,a=bl(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function wl(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Sl={addClasses:yl,removeClasses:wl};function Tl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,l=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>l}else t.isLocked=t.snapGrid.length===1;i.allowSlideNext===!0&&(t.allowSlideNext=!t.isLocked),i.allowSlidePrev===!0&&(t.allowSlidePrev=!t.isLocked),e&&e!==t.isLocked&&(t.isEnd=!1),e!==t.isLocked&&t.emit(t.isLocked?"lock":"unlock")}var xl={checkOverflow:Tl},ri={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function El(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){Ne(e,n);return}if(t[o]===!0&&(t[o]={enabled:!0}),o==="navigation"&&t[o]&&t[o].enabled&&!t[o].prevEl&&!t[o].nextEl&&(t[o].auto=!0),["pagination","scrollbar"].indexOf(o)>=0&&t[o]&&t[o].enabled&&!t[o].el&&(t[o].auto=!0),!(o in t&&"enabled"in l)){Ne(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Ne(e,n)}}const di={eventsEmitter:So,update:Oo,translate:zo,transition:Ho,slide:Jo,loop:el,grabCursor:nl,events:fl,breakpoints:gl,checkOverflow:xl,classes:Sl},ci={};let ui=class Qe{constructor(){let e,i;for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];o.length===1&&o[0].constructor&&Object.prototype.toString.call(o[0]).slice(8,-1)==="Object"?i=o[0]:[e,i]=o,i||(i={}),i=Ne({},i),e&&!i.el&&(i.el=e);const a=Ge();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const d=[];return a.querySelectorAll(i.el).forEach(p=>{const h=Ne({},i,{el:p});d.push(new Qe(h))}),d}const s=this;s.__swiper__=!0,s.support=Ki(),s.device=Qi({userAgent:i.userAgent}),s.browser=bo(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const r={};s.modules.forEach(d=>{d({params:i,swiper:s,extendParams:El(i,r),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const c=Ne({},ri,r);return s.params=Ne({},c,ci,i),s.originalParams=Ne({},s.params),s.passedParams=Ne({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(d=>{s.on(d,s.params.on[d])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=We(i,`.${n.slideClass}, swiper-slide`),l=Mt(o[0]);return Mt(e)-l}getSlideIndexByData(e){return this.getSlideIndex(this.slides.filter(i=>i.getAttribute("data-swiper-slide-index")*1===e)[0])}recalcSlides(){const e=this,{slidesEl:i,params:n}=e;e.slides=We(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:a,slidesSizesGrid:s,size:r,activeIndex:c}=n;let d=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let p=l[c]?Math.ceil(l[c].swiperSlideSize):0,h;for(let y=c+1;y<l.length;y+=1)l[y]&&!h&&(p+=Math.ceil(l[y].swiperSlideSize),d+=1,p>r&&(h=!0));for(let y=c-1;y>=0;y-=1)l[y]&&!h&&(p+=l[y].swiperSlideSize,d+=1,p>r&&(h=!0))}else if(e==="current")for(let p=c+1;p<l.length;p+=1)(i?a[p]+s[p]-a[c]<r:a[p]-a[c]<r)&&(d+=1);else for(let p=c-1;p>=0;p-=1)a[c]-a[p]<r&&(d+=1);return d}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&Nt(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(a.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):We(n,o())[0];return!a&&i.params.createElements&&(a=St("div",i.params.wrapperClass),n.append(a),We(n,`.${i.params.slideClass}`).forEach(s=>{a.append(s)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||tt(n,"direction")==="rtl"),wrongRTL:tt(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?Nt(i,l):l.addEventListener("load",a=>{Nt(i,a.target)})}),ai(i),i.initialized=!0,ai(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:a,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),a.removeAttribute("style"),s&&s.length&&s.forEach(r=>{r.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),r.removeAttribute("style"),r.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(r=>{n.off(r)}),e!==!1&&(n.el.swiper=null,oo(n)),n.destroyed=!0),null}static extendDefaults(e){Ne(ci,e)}static get extendedDefaults(){return ci}static get defaults(){return ri}static installModule(e){Qe.prototype.__modules__||(Qe.prototype.__modules__=[]);const i=Qe.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Qe.installModule(i)),Qe):(Qe.installModule(e),Qe)}};Object.keys(di).forEach(t=>{Object.keys(di[t]).forEach(e=>{ui.prototype[e]=di[t][e]})}),ui.use([yo,wo]);const ln=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function lt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function ft(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:lt(e[n])&<(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:ft(t[n],e[n]):t[n]=e[n]})}function sn(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function an(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function rn(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function dn(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function Il(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Cl(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:a,scrollbarEl:s,paginationEl:r}=t;const c=o.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:d,pagination:p,navigation:h,scrollbar:y,virtual:g,thumbs:b}=e;let I,u,w,m,E,D,v,M;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&d.thumbs&&!d.thumbs.swiper&&(I=!0),o.includes("controller")&&n.controller&&n.controller.control&&d.controller&&!d.controller.control&&(u=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(d.pagination||d.pagination===!1)&&p&&!p.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(d.scrollbar||d.scrollbar===!1)&&y&&!y.el&&(m=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||l)&&(d.navigation||d.navigation===!1)&&h&&!h.prevEl&&!h.nextEl&&(E=!0);const _=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),d[S].prevEl=void 0,d[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),d[S].el=void 0,e[S].el=void 0))};o.includes("loop")&&e.isElement&&(d.loop&&!n.loop?D=!0:!d.loop&&n.loop?v=!0:M=!0),c.forEach(S=>{if(lt(d[S])&<(n[S]))Object.assign(d[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&_(S);else{const x=n[S];(x===!0||x===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?x===!1&&_(S):d[S]=n[S]}}),c.includes("controller")&&!u&&e.controller&&e.controller.control&&d.controller&&d.controller.control&&(e.controller.control=d.controller.control),o.includes("children")&&i&&g&&d.virtual.enabled?(g.slides=i,g.update(!0)):o.includes("virtual")&&g&&d.virtual.enabled&&(i&&(g.slides=i),g.update(!0)),o.includes("children")&&i&&d.loop&&(M=!0),I&&b.init()&&b.update(!0),u&&(e.controller.control=d.controller.control),w&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(d.pagination.el=r),p.init(),p.render(),p.update()),m&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(d.scrollbar.el=s),y.init(),y.updateSize(),y.setTranslate()),E&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),l&&(d.navigation.nextEl=l),a&&(d.navigation.prevEl=a),h.init(),h.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(D||M)&&e.loopDestroy(),(v||M)&&e.loopCreate(),e.update()}function _l(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};ft(i,ri),i._emitClasses=!0,i.init=!1;const l={},a=ln.map(r=>r.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(r=>{typeof t[r]>"u"||(a.indexOf(r)>=0?lt(t[r])?(i[r]={},o[r]={},ft(i[r],t[r]),ft(o[r],t[r])):(i[r]=t[r],o[r]=t[r]):r.search(/on[A-Z]/)===0&&typeof t[r]=="function"?e?n[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:i.on[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:l[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:o,rest:l,events:n}}function Dl(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:a,swiper:s}=t;sn(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),an(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),rn(e)&&a&&(s.params.scrollbar.el=a,s.originalParams.scrollbar.el=a),s.init(i)}function kl(t,e,i,n,o){const l=[];if(!e)return l;const a=r=>{l.indexOf(r)<0&&l.push(r)};if(i&&n){const r=n.map(o),c=i.map(o);r.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return ln.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if(lt(t[r])&<(e[r])){const c=Object.keys(t[r]),d=Object.keys(e[r]);c.length!==d.length?a(r):(c.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}),d.forEach(p=>{t[r][p]!==e[r][p]&&a(r)}))}else t[r]!==e[r]&&a(r)}),l}const Al=t=>{!t||t.destroyed||!t.params.virtual||t.params.virtual&&!t.params.virtual.enabled||(t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.parallax&&t.params.parallax&&t.params.parallax.enabled&&t.parallax.setTranslate())};function Bt(){return Bt=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},Bt.apply(this,arguments)}function cn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function un(t){const e=[];return f.Children.toArray(t).forEach(i=>{cn(i)?e.push(i):i.props&&i.props.children&&un(i.props.children).forEach(n=>e.push(n))}),e}function Pl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return f.Children.toArray(t).forEach(n=>{if(cn(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const o=un(n.props.children);o.length>0?o.forEach(l=>e.push(l)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function Ol(t,e,i){if(!i)return null;const n=d=>{let p=d;return d<0?p=e.length+d:p>=e.length&&(p=p-e.length),p},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:a}=i,s=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,c=[];for(let d=s;d<r;d+=1)d>=l&&d<=a&&c.push(e[n(d)]);return c.map((d,p)=>f.cloneElement(d,{swiper:t,style:o,key:d.props.virtualIndex||d.key||`slide-${p}`}))}function Tt(t,e){return typeof window>"u"?Q(t,e):Pn(t,e)}const pi=wt(null),pn=()=>yt(pi),Ml=wt(null),st=_t(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:a,...s}=t===void 0?{}:t,r=!1;const[c,d]=G("swiper"),[p,h]=G(null),[y,g]=G(!1),b=te(!1),I=te(null),u=te(null),w=te(null),m=te(null),E=te(null),D=te(null),v=te(null),M=te(null),{params:_,passedParams:S,rest:x,events:A}=_l(s),{slides:T,slots:C}=Pl(l),O=()=>{g(!y)};Object.assign(_.on,{_containerClasses(N,B){d(B)}});const j=()=>{Object.assign(_.on,A),r=!0;const N={..._};if(delete N.wrapperClass,u.current=new ui(N),u.current.virtual&&u.current.params.virtual.enabled){u.current.virtual.slides=T;const B={cache:!1,slides:T,renderExternal:h,renderExternalUpdate:!1};ft(u.current.params.virtual,B),ft(u.current.originalParams.virtual,B)}};I.current||j(),u.current&&u.current.on("_beforeBreakpoint",O);const V=()=>{r||!A||!u.current||Object.keys(A).forEach(N=>{u.current.on(N,A[N])})},H=()=>{!A||!u.current||Object.keys(A).forEach(N=>{u.current.off(N,A[N])})};Q(()=>()=>{u.current&&u.current.off("_beforeBreakpoint",O)}),Q(()=>{!b.current&&u.current&&(u.current.emitSlidesClasses(),b.current=!0)}),Tt(()=>{if(e&&(e.current=I.current),!!I.current)return u.current.destroyed&&j(),Dl({el:I.current,nextEl:E.current,prevEl:D.current,paginationEl:v.current,scrollbarEl:M.current,swiper:u.current},_),a&&!u.current.destroyed&&a(u.current),()=>{u.current&&!u.current.destroyed&&u.current.destroy(!0,!1)}},[]),Tt(()=>{V();const N=kl(S,w.current,T,m.current,B=>B.key);return w.current=S,m.current=T,N.length&&u.current&&!u.current.destroyed&&Cl({swiper:u.current,slides:T,passedParams:S,changedParams:N,nextEl:E.current,prevEl:D.current,scrollbarEl:M.current,paginationEl:v.current}),()=>{H()}}),Tt(()=>{Al(u.current)},[p]);function F(){return _.virtual?Ol(u.current,T,p):T.map((N,B)=>f.cloneElement(N,{swiper:u.current,swiperSlideIndex:B}))}return f.createElement(n,Bt({ref:I,className:dn(`${c}${i?` ${i}`:""}`)},x),f.createElement(Ml.Provider,{value:u.current},C["container-start"],f.createElement(o,{className:Il(_.wrapperClass)},C["wrapper-start"],F(),C["wrapper-end"]),sn(_)&&f.createElement(f.Fragment,null,f.createElement("div",{ref:D,className:"swiper-button-prev"}),f.createElement("div",{ref:E,className:"swiper-button-next"})),rn(_)&&f.createElement("div",{ref:M,className:"swiper-scrollbar"}),an(_)&&f.createElement("div",{ref:v,className:"swiper-pagination"}),C["container-end"]))});st.displayName="Swiper";const qe=_t(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:a,lazy:s,virtualIndex:r,swiperSlideIndex:c,...d}=t===void 0?{}:t;const p=te(null),[h,y]=G("swiper-slide"),[g,b]=G(!1);function I(E,D,v){D===p.current&&y(v)}Tt(()=>{if(typeof c<"u"&&(p.current.swiperSlideIndex=c),e&&(e.current=p.current),!(!p.current||!l)){if(l.destroyed){h!=="swiper-slide"&&y("swiper-slide");return}return l.on("_slideClass",I),()=>{l&&l.off("_slideClass",I)}}}),Tt(()=>{l&&p.current&&!l.destroyed&&y(l.getSlideClasses(p.current))},[l]);const u={isActive: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},w=()=>typeof n=="function"?n(u):n,m=()=>{b(!0)};return f.createElement(i,Bt({ref:p,className:dn(`${h}${o?` ${o}`:""}`),"data-swiper-slide-index":r,onLoad:m},d),a&&f.createElement(pi.Provider,{value:u},f.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),s&&!g&&f.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&f.createElement(pi.Provider,{value:u},w(),s&&!g&&f.createElement("div",{className:"swiper-lazy-preloader"})))});qe.displayName="SwiperSlide";const Ll="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",jl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var a;const[s,r]=G(!1),c=te(null);Q(()=>{const h=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),h?.appendChild(c.current))},[]);const d=ne(()=>l?.id&&l?.id!==""||t,[t,l]);if(Q(()=>{d?r(!0):setTimeout(()=>{r(!1)},l?.duration)},[d,l]),!c.current)return null;const p=Ut(()=>{e?.()},300);return Pi.createPortal(f.createElement(f.Fragment,null,s&&f.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:d?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:p},f.createElement("div",{className:`modal-container ${d?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((a=l?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:h=>{h.stopPropagation(),h.preventDefault()}},f.createElement("div",{onClick:e,className:"modal-icon-wrapper"},f.createElement("img",{src:Ll,alt:"close",className:"modal-icon"})),i))),c.current)};var zt=fe(jl);const Nl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},Bl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:a,isPost:s,onChange:r})=>{const[c,d]=G(!1),[p,h]=G(!1),y=Number(i?.lineClamp||2),g=te(null),b=te(null),I=de(()=>{d(!c)},[c,r]);return ne(()=>!c&&t.length>e?Nl(t,e)+"...":t,[t,e,c]),Q(()=>{var u,w;((u=b?.current)===null||u===void 0?void 0:u.offsetHeight)>((w=g?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?h(!0):h(!1),b.current.style.display="none"},[s]),f.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},f.createElement("div",{ref:g,style:{overflow:"hidden",WebkitLineClamp:!s||c?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),f.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&p&&f.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??I},c?a||"show less":l||"show more"))};var Vt=fe(Bl);const zl=_t((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:a}=t,[s,r]=G(),{swiperRef:c}=me();return ki(e,()=>({setSrc:d=>{r(d)}})),Q(()=>{var d,p;const h=(p=(d=c?.current)===null||d===void 0?void 0:d.swiper)===null||p===void 0?void 0:p.activeIndex;(h===0||h>0)&&r(i)},[i,c]),te(null),f.createElement(f.Fragment,null,s?.includes(".avif")?f.createElement("picture",null,f.createElement("source",{type:"image/avif",srcSet:s}),f.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),f.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),f.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}})):f.createElement("img",{className:l,src:s,style:o,loading:a,onLoad:d=>{n?.(d.target)}}))});var Ve=fe(zl);const Vl=t=>{var e,i,n,o,l,a,s,r,c,{content:d,style:p,bgImg:h,onClick:y,schema:g,isDefault:b,bottom_image:I,tipText:u,isPost:w,viewTime:m,rec:E,swiper:D,commodityStyles:v,buttonStyle:M,index:_}=t,S=Ce(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:x}=me(),{popupDetailData:A,bffEventReport:T,isPreview:C,bffFbReport:O}=me(),{jumpToWeb:j,productView:V}=Ue(),H=te(null),[F,N]=G(!1),B=w?E:A,L=w?B?.product:(e=B?.video)===null||e===void 0?void 0:e.bindProduct,k=w?(i=B?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=B?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,$=w?_:A?.index,z=()=>{L?.link&&(j(B,L,k,$),w||V(B,L,k,m||H.current,$),window.location.href=window.getJointUtmLink(L.link))};Q(()=>{w||O?.({eventName:"ProductView"})},[w,O]),Q(()=>{const W=()=>{H.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const Y=ne(()=>{var W,ue,X,K,Te;return L?.currency&&L?.price?`${(X=(ue=(W=L?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ue===void 0?void 0:ue.toUpperCase())!==null&&X!==void 0?X:""}${(Te=(K=L?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"$7,000"},[L?.price,L?.currency]),re=C?375:(l=p?.width)!==null&&l!==void 0?l:window.innerWidth,oe=({isPost:W})=>{var ue,X,K;return f.createElement("div",null,f.createElement("div",{className:"pb-commondity-content-collection",style:pe(v?.collection),hidden:!!L&&(!L?.collection||L?.collection==="")},(ue=L?.collection)!==null&&ue!==void 0?ue:"Tiffany Lock"),f.createElement("div",{className:"pb-commondity-content-title",style:pe(v?.title),hidden:!!L&&!L?.title},(X=L?.title)!==null&&X!==void 0?X:"Pendant in Yellow Gold with Diamonds, Medium"),f.createElement("div",{className:"pb-commondity-content-price",style:pe(v?.price),hidden:!!L&&!L?.price},Y),f.createElement("div",{hidden:!!L&&(!L?.info||L?.info==="")},f.createElement(Vt,{foldText:u?.foldText,unfoldText:u?.unfoldText,onClick:()=>N(!0),isPost:W,text:(K=L?.info)!==null&&K!==void 0?K:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
2
2
|
bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
|
3
3
|
collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
|
4
4
|
necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
|
5
|
-
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:v?.info})))},le=()=>{var W;return f.createElement(f.Fragment,null,(b||L?.link)&&f.createElement("button",{onClick:z,className:"pb-commondity-btn",style:M},(W=k?.enTitle)!==null&&W!==void 0?W:"Purchase on Website"))},pe=de(W=>W?.lineClamp?Object.assign(Object.assign({},W),{overflow:"hidden",WebkitLineClamp:W?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):W,[]);return f.createElement("div",{className:"pb-commondity"},f.createElement("div",Object.assign({className:Z(Object.assign({},p))},S),L&&((a=L?.homePage)===null||a===void 0?void 0:a.length)>0&&f.createElement(st,{height:re,modules:[Mt,Lt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:D?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:D?.delay*1e3}},(s=L?.homePage)===null||s===void 0?void 0:s.map(W=>f.createElement(qe,{key:W},f.createElement("div",{style:{overflow:"hidden",width:re,height:re}},f.createElement(Re,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${D?.translateY?-D?.translateY+50:50}%`},src:W}))))),!(!((r=L?.homePage)===null||r===void 0)&&r.length)&&f.createElement("div",{className:Z({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},f.createElement("img",{className:Z({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=x?.bottom_image)!==null&&c!==void 0?c:I,alt:""})),f.createElement("div",{className:"pb-commondity-content"},ne({isPost:w}))),le(),f.createElement(Bt,{visible:F,onClose:()=>N(!1)},f.createElement("div",{style:{paddingBottom:"80px"}},ne({isPost:!1})),le()))};var Vl=fe(zl);const Rl=Ne(Vl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:to},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var Fl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],pi,vi,Hl=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:je?.fontOptions,initialValue:(vi=(pi=je?.fontOptions)===null||pi===void 0?void 0:pi[0])===null||vi===void 0?void 0:vi.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],pn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const Ul=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:o,src:l}=t;switch(i){case 2:return n||null;case 3:return l||null;default:return o&&o.length>0?(e=o[0])===null||e===void 0?void 0:e.url:null}},Gl=t=>{var{content:e,btnText:i,style:n,icon:o,isPopup:l,isExternalLink:a,onClose:s,onClick:r,submitButtonStyle:c}=t,d=_e(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:p}=me(),{jumpToWeb:h}=Ue(),y=typeof o=="string"?o:Ul(o),g=()=>{var b,I,u;if(a){const w=p,m=(b=w?.video)===null||b===void 0?void 0:b.bindProduct,E=(u=(I=w?.video)===null||I===void 0?void 0:I.bindProduct)===null||u===void 0?void 0:u.bindCta,D=p?.index;h(w,m,E,D)}l||s?.(),r?.()};return f.createElement("div",Object.assign({className:`pb-prompt ${Z(Object.assign({},n))}`},d),f.createElement("div",{className:"pb-prompt-icon"},f.createElement("img",{width:"100%",src:y??pn})),f.createElement("div",{className:"pb-prompt-content"},e),f.createElement("button",{className:"pb-prompt-btn",style:c,onClick:g},i))};var $l=fe(Gl);const Wl=Ne($l,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Hl,bindableProps:[],interactionRender:Fl},defaulSetting:{props:{icon:pn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var fi,mi,Yl=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(fi=ce?.[0])===null||fi===void 0?void 0:fi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(mi=ce?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const ql=t=>{var e,i,n,o,l,a,s,r,c,d,p,h,{style:y,isDefault:g,rec:b,viewTime:I,isPost:u,bottom_image:w,tipText:m,swiper:E,commodityStyles:D,buttonStyle:v,index:M}=t,_=_e(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);G(!0);const{sxpParameter:S}=me(),{popupDetailData:x,bffEventReport:A,isPreview:T,swiperRef:C,bffFbReport:P}=me(),{jumpToWeb:j,productView:V}=Ue(),H=te(null);te(null),te(null),G(!1),G(!1),G(!0);const[F,N]=G(!1),B=te(null),L=u?b:x,k=u?L?.product:(e=L?.video)===null||e===void 0?void 0:e.bindProduct,$=u?(i=L?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=L?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,z=u?M:x?.index,Y=()=>{k?.link&&(j(L,k,$,z),u||V(L,k,$,I||B.current,z),window.location.href=window.getJointUtmLink(k.link))};Q(()=>{u||P?.({eventName:"ProductView"})},[u,P]),Q(()=>{const W=()=>{B.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const re=oe(()=>{var W,ue,X,K,Te;return k?.currency&&k?.price?`${(X=(ue=(W=k?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ue===void 0?void 0:ue.toUpperCase())!==null&&X!==void 0?X:""}${(Te=(K=k?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"\xA3102,300.00"},[k?.price,k?.currency]),ne=T?375:(l=y?.width)!==null&&l!==void 0?l:window.innerWidth,le=({isPost:W})=>f.createElement("div",{hidden:!!k&&(!k?.info||k?.info==="")},f.createElement(zt,{isPost:W,onClick:()=>N(!0),className:"pb-commondityDiroNew-info",style:D?.info,foldText:m?.foldText,unfoldText:m?.unfoldText,text:k?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
-
Made in Italy`})),pe=de(W=>W?.lineClamp?Object.assign(Object.assign({},W),{overflow:"hidden",WebkitLineClamp:W?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):W,[]);return f.createElement("div",{className:"pb-commondityDiroNew"},f.createElement("div",Object.assign({ref:H,className:Z(Object.assign({},y))},_),k&&((a=k?.homePage)===null||a===void 0?void 0:a.length)>0&&f.createElement(st,{height:ne,modules:[Mt,Lt],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=k?.homePage)===null||s===void 0?void 0:s.map(W=>f.createElement(qe,{key:W},f.createElement("div",{style:{overflow:"hidden",width:ne,height:ne}},f.createElement(Re,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${E?.translateY?-E?.translateY+50:50}%`},src:W}))))),!(!((r=k?.homePage)===null||r===void 0)&&r.length)&&f.createElement("div",{className:Z({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},f.createElement("img",{className:Z({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=S?.bottom_image)!==null&&c!==void 0?c:w,alt:""})),f.createElement("div",{className:"pb-commondityDiroNew-content"},f.createElement("div",{className:"pb-commondityDiroNew-content-top"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:pe(D?.title)},(d=k?.title)!==null&&d!==void 0?d:"Large Dior Toujours BagLarge"),f.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!k&&(!k?.collection||k?.collection===""),style:pe(D?.collection)},k?.collection||"Black Macrocannage CalfskinLarge")),f.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.price,style:pe(D?.price)},re),f.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.taxInfo,style:pe(D?.taxInfo)},(p=k?.taxInfo)!==null&&p!==void 0?p:"\u7A0E\u8D39"))),(!k||k?.link)&&f.createElement("button",{onClick:Y,className:"pb-commondityDiroNew-btn",style:v},(h=$?.enTitle)!==null&&h!==void 0?h:"Shop now"),le({isPost:u}))),f.createElement(Bt,{visible:F,onClose:()=>N(!1)},le({isPost:!1})))};var Xl=fe(ql);const Jl=Ne(Xl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Yl},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 hi,gi,Fe=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(hi=ce?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(gi=ce?.[0])===null||gi===void 0?void 0:gi.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"]}]}],Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function vn(t){const e=te(null),[i,n]=G(!1);return Q(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),Q(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const Ql=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:a=!1,index:s}=t;_e(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=te(null),c=vn(r),{popup:d}=Xe(),{setPopupDetailData:p,ctaEvent:h}=me(),{jumpToWeb:y}=Ue();Q(()=>{var b,I;if(c&&r?.current){const u=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;h?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,u,s)}},[c,r,e,h,s]);const g=It(()=>{var b,I,u,w,m,E,D,v;const M=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;if(h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,M,s),p?.(Object.assign(Object.assign({},e),{index:s})),a){if(!((w=(u=e?.video)===null||u===void 0?void 0:u.bindProduct)===null||w===void 0)&&w.link){const _=(m=e?.video)===null||m===void 0?void 0:m.bindCta,S=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;y(e,S,_,s),window.location.href=window.getJointUtmLink((v=(D=e?.video)===null||D===void 0?void 0:D.bindProduct)===null||v===void 0?void 0:v.link)}}else o?.()},d?.duration);return f.createElement("div",{ref:r,className:n,style:l,onClick:g},i)};var Tt=fe(Ql),Zl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const es=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(Tt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Re,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:Zl["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var ts=fe(es);const is=Ne(ts,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Kl,bindableProps:[],settingRender:Fe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var ns=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const os=t=>{var e,i,n,o,{content:l,style:a,bgImg:s,recData:r,bottom_image:c,ctaTempStyles:d,isExternalLink:p}=t,h=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=me(),g=(e=r?.video)===null||e===void 0?void 0:e.bindCta;return f.createElement(Tt,Object.assign({isExternalLink:p,rec:r,className:Z(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},h),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d?.img))},f.createElement("img",{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=g?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},d?.ctaTitle))},(o=g?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var ls=fe(os);const ss=Ne(ls,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:ns,settingRender:Fe?.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 as={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const rs=t=>{var e,i,n,o,l,{content:a,style:s,bgImg:r,recData:c,bottom_image:d,ctaTempStyles:p,index:h}=t,y=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:g,bffEventReport:b}=me(),{jumpToWeb:I}=Ue(),u=(e=c?.video)===null||e===void 0?void 0:e.bindCta,w=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,m=()=>{u?.link&&(I(c,w,u,h),window.location.href=window.getJointUtmLink(u.link))};return f.createElement(Tt,Object.assign({index:h,rec:c,className:Z(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},y,{onClick:m}),f.createElement("div",{className:Z(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},p?.img))},f.createElement(Re,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=u?.icon)!==null&&n!==void 0?n:g?.bottom_image)!==null&&o!==void 0?o:d})),f.createElement("div",{className:Z({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},f.createElement("div",{className:as["tow-line-ellipsis"],style:p?.ctaTitle},(l=u?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var ds=fe(rs);const cs=Ne(ds,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Fe?.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 us=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ps={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const vs=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(Tt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Re,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:ps["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var fs=fe(vs);const ms=Ne(fs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:us,settingRender:Fe,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var hs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],gs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const bs=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=_e(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(Tt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Re,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},f.createElement("div",{className:gs["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop now")))};var ys=fe(bs);const ws=Ne(ys,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:hs,bindableProps:[],settingRender:Fe},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var Ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ts=({children:t,isPadding:e=!0})=>f.createElement(st,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[vo,po,uo],style:{padding:e?"0 12px 0 20px":0}},t);var Vt=fe(Ts);const xs=({src:t,rec:e,item:i,index:n,style:o})=>{const l=te(null),a=vn(l),{ctaEvent:s}=me();return Q(()=>{a&&t&&l?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,l,e,s,i,n]),f.createElement("div",{ref:l,hidden:!t,className:Z({width:"100%",height:"100%"})},f.createElement(Re,{className:Z(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},o)),src:t}))};var bi=fe(xs),Es={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Is=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:g,setPopupDetailData:b,sxpParameter:I}=me(),{popup:u}=Xe(),{jumpToWeb:w}=Ue(),[m,E]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),D=It(v=>{g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(w(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Vt,{isPadding:!!a},m?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v?.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(bi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:I?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:Es["two-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Cs=fe(Is);const _s=Ne(Cs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Ss,bindableProps:[],settingRender:Fe},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 Ds=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ks={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const As=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:g}=me(),{ctaEvent:b,setPopupDetailData:I}=me(),{popup:u}=Xe(),[w,m]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:E}=Ue(),D=It(v=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),I?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(E(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Vt,{isPadding:!!a},w?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(bi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:g?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:ks["two-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Ps=fe(As);const Os=Ne(Ps,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Ds,settingRender:Fe,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var Ms=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ls={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const js=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=_e(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:g,setPopupDetailData:b,sxpParameter:I}=me(),{popup:u}=Xe(),{jumpToWeb:w}=Ue(),[m,E]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),D=It(v=>{g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(w(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Vt,{isPadding:!!a},m?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v?.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(bi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:I?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},f.createElement("div",{className:Ls["tow-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop now")))}))};var Ns=fe(js);const Bs=Ne(Ns,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Ms,bindableProps:[],settingRender:Fe},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 yi,wi,zs=[{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:ce,name:["fontFamily"],initialValue:(yi=ce?.[0])===null||yi===void 0?void 0:yi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(wi=ce?.[0])===null||wi===void 0?void 0:wi.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 Vs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:a}=me();return f.createElement("div",{className:"clc-sxp-nav",style:e},f.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),f.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var fn=fe(Vs),Rs=null,Fs="3d989325-e7d6-4a74-8a97-98febdf5b567",Hs=null,Us=null,Gs={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"},$s=[{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}],Ws="Handbags",Ys={productUserId:Rs,requestId:Fs,channel:Hs,rtc:Us,tag:Gs,recList:$s,hashTag:Ws};const qs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:a}=t,{swiperRef:s,setRtcList:r,setOpenHashtag:c,bffEventReport:d,sxpParameter:p}=me(),[h,y]=G(!1),g=te(null),b=te(null),I=te(null),u=te(null),[w,m]=G(""),E=oe(()=>{var S,x,A,T,C,P,j,V,H,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(x=e?.video)===null||x===void 0?void 0:x.cover:!((T=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||T===void 0)&&T.length?(P=(C=e?.video)===null||C===void 0?void 0:C.imgUrls)===null||P===void 0?void 0:P[0]:!((V=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||V===void 0)&&V.length?(F=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||F===void 0?void 0:F[0]:p?.bottom_image||""},[e,p?.bottom_image]),D=oe(()=>{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]),v=oe(()=>{var S,x,A,T,C,P,j,V,H;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((x=e?.product)===null||x===void 0)&&x.price)?`${(P=(C=(T=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||T===void 0?void 0:T.split("-")[1])===null||C===void 0?void 0:C.toUpperCase())!==null&&P!==void 0?P:""}${(H=(V=(j=e?.product)===null||j===void 0?void 0:j.price)===null||V===void 0?void 0:V.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&H!==void 0?H:""}`:null},[e]);Q(()=>{const S=new IntersectionObserver(x=>{x.forEach(A=>{if(A.isIntersecting){if(b.current===null||E==="")return;h&&w?g.current.setSrc(w):g.current.setSrc(E),S.unobserve(b.current)}})});return S.observe(b.current),()=>{S.disconnect()}},[E,h,w]);const M=(S,x,A)=>{const T=S/x;return A/T};Q(()=>{const S=I?.current;S===null||E===""||!h||(S.src=E,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const x=u?.current;if(!x)return;const A=x.getContext("2d"),T=window?.innerWidth/2,C=M(S.videoWidth,S.videoHeight,T);x.height=C,x.width=T,A?.drawImage(S,0,0,x.width,x.height),m(x.toDataURL()),S.remove(),x.remove()})},[E,h]);const _=()=>{o(),r?.(n),setTimeout(()=>{var S;(S=s?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),c?.(!1)},0)};return f.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:a}},f.createElement("div",{className:"list-content-listItem-picture"},h&&f.createElement("div",{style:{display:"none"}},f.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),f.createElement("canvas",{ref:u})),f.createElement(Re,{loading:"lazy",className:"list-content-listItem-picture-img",ref:g})),f.createElement("div",{className:"list-content-listItem-info"},f.createElement("div",{className:`list-content-listItem-info-title ${v?"list-content-listItem-info-nowrap":""}`,style:l?.title},D&&D),f.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!v},v)))};function Xs(t){var e,i,n,o,l,a,s,r,c,d,p,h,{reportTagsView:y}=t,g=_e(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:I,hashTagSize:u,loadingImage:w,isOpenHashTag:m}=me(),[E,D]=G(),[v,M]=G(),[_,S]=G(!1),x=te(null),[A,T]=G(!1);de(()=>{A||(T(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(P=>{var j;D(E?.concat((j=P?.recList)!==null&&j!==void 0?j:[])),T(!1)}))},[b,I,E,A]),Q(()=>{var P,j;if(S(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:u,maxSize:u}).then(V=>{var H,F;M(V),D((F=(H=V?.recList)===null||H===void 0?void 0:H.filter(N=>N?.video!==null||N?.product!==null))!==null&&F!==void 0?F:[]),S(!1)}),m){const V=Ys;M(V),D((j=(P=V?.recList)===null||P===void 0?void 0:P.filter(H=>H?.video!==null||H?.product!==null))!==null&&j!==void 0?j:[]),S(!1)}},[b,I,u,m]);const C=()=>{var P,j;!((P=v?.tag)===null||P===void 0)&&P.link&&(y(),window.location.href=(j=v?.tag)===null||j===void 0?void 0:j.link)};return f.createElement(f.Fragment,null,_?f.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):f.createElement("div",{className:"list"},f.createElement("div",{className:"list-scroll",ref:x},f.createElement("div",{className:"list-info",style:(e=g?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=v?.tag)===null||i===void 0?void 0:i.info),f.createElement("div",{hidden:!(!((n=v?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:C,style:Object.assign(Object.assign({},(o=g?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:g?.space})},((l=v?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),f.createElement("div",{className:"list-content"},E?.map((P,j)=>f.createElement(qs,Object.assign({key:j,index:j,rec:P,list:E,reportTagsView:y},g)))),f.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),f.createElement("div",{hidden:!(!((a=v?.tag)===null||a===void 0)&&a.link),style:{height:!((s=v?.tag)===null||s===void 0)&&s.link?((r=g?.buttonBgStyle)===null||r===void 0?void 0:r.height)||((c=g?.buttonStyle)===null||c===void 0?void 0:c.height)||"100px":0}})),f.createElement("div",{className:"list-bottom",hidden:!(!((d=v?.tag)===null||d===void 0)&&d.link),style:g?.buttonBgStyle}),f.createElement("div",{hidden:!(!((p=v?.tag)===null||p===void 0)&&p.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},g?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},f.createElement("button",{className:"list-btn",style:g?.buttonStyle,onClick:C},((h=v?.tag)===null||h===void 0?void 0:h.linkTitle)||"Shop the collection"))))}var Js="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ks=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:a,cacheRtcList:s,setRtcList:r,cacheActiveIndex:c,rtcList:d,setCacheRtcList:p,setIsFromHashtag:h,isFromHashtag:y,bffEventReport:g}=me();te(null);const b=te(null),[I,u]=G();Q(()=>{const v=document.getElementById("sxp-render"),M=document.getElementById("water-fall");M?b.current=M:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),v?.appendChild(b.current))},[]);const w=()=>{const v=Ci(d,s);!v&&s&&s?.length&&r?.(s),D(),a?.(void 0),h?.(!1),setTimeout(()=>{var M,_;v||(_=(M=l?.current)===null||M===void 0?void 0:M.swiper)===null||_===void 0||_.slideTo(c,0,!1),n?.(!1)},0)},[m,E]=G();Q(()=>{i&&E(i)},[i]);const D=de(()=>{var v,M,_,S,x,A;const T=m?.rec;if(!T)return;let C="";y?C="hashTagPage":!((v=T?.video)===null||v===void 0)&&v.url?C="videoPage":!((_=(M=T?.video)===null||M===void 0?void 0:M.imgUrls)===null||_===void 0)&&_.length&&(C="imagePage"),g?.({eventInfo:{contentId:(S=T?.video)===null||S===void 0?void 0:S.itemId,position:c+"",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([m?.hashTag]),fromKName:C,fromKPage:location?.href,timeOnSite:Math.floor((new Date-I)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[m,g,I,y,c]);return Q(()=>{o&&u(new Date)},[o]),Q(()=>{const v=()=>{u(new Date)};return window.addEventListener("pageshow",v),()=>{window.removeEventListener("pageshow",v)}},[]),b.current?Ai.createPortal(f.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},f.createElement(fn,{icon:Js,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),f.createElement(Xs,Object.assign({reportTagsView:D},t))),b.current):null};var mn=fe(Ks);const Qs=t=>f.createElement(mn,Object.assign({},t));var Zs=fe(Qs);const ea=Ne(Zs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:zs,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Si=Object.freeze({__proto__:null,Appoint:ss,AppointForm:eo,Commodity:is,CommodityDetail:Rl,CommodityDetailDiroNew:Jl,CommodityDiro:ms,CommodityDiroNew:ws,HashTag:ea,Link:cs,MultiCommodity:Os,MultiCommodityDiro:_s,MultiCommodityDiroNew:Bs,Prompt:Wl});const ta="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ia="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",na=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,a=_e(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:r,bffEventReport:c}=me(),[d,p]=G(e),h=ze(ia),y=ze(ta),g=Ht(()=>Pe(void 0,void 0,void 0,function*(){var b,I,u,w,m,E,D,v,M,_,S,x,A,T,C,P,j,V,H,F;if(d){p(!1);const N=(u=yield r?.({videoItemId:(I=(b=o?.video)===null||b===void 0?void 0:b.itemId)!==null&&I!==void 0?I:""}))!==null&&u!==void 0?u:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(w=o?.video)===null||w===void 0?void 0:w.itemId)!==null&&m!==void 0?m:"",contentName:(D=(E=o?.video)===null||E===void 0?void 0:E.title)!==null&&D!==void 0?D:"",contentTags:JSON.stringify((M=(v=o?.video)===null||v===void 0?void 0:v.tags)!==null&&M!==void 0?M:[]),position:l+"",contentFormat:!((_=o?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=o?.video)===null||S===void 0?void 0:S.traceInfo}}),N||p(!0)}else{p(!0);const N=(x=yield s?.({content:JSON.stringify(o)}))!==null&&x!==void 0?x:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(T=(A=o?.video)===null||A===void 0?void 0:A.itemId)!==null&&T!==void 0?T:"",contentName:(P=(C=o?.video)===null||C===void 0?void 0:C.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((V=(j=o?.video)===null||j===void 0?void 0:j.tags)!==null&&V!==void 0?V:[]),position:l+"",contentFormat:!((H=o?.video)===null||H===void 0)&&H.url?"video":"image",traceInfo:(F=o?.video)===null||F===void 0?void 0:F.traceInfo}}),N||p(!1)}}),200);return f.createElement("button",Object.assign({},a,{onClick:g}),f.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:d?i||h:n||y,alt:"icon"}))};var hn=fe(na);const oa=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,videoRef:s})=>{const[r,c]=G(!1),{bffEventReport:d,sxpParameter:p,waterFallData:h,openHashtag:y,bffFbReport:g}=me(),b=te(0),[I,u]=G(!1),[w,m]=G(!0),{isActive:E}=un(),D=te(null),[v,M]=G(""),_=`pb-cache-video-${e}`,S=te(null),x=oe(()=>a?.mode==="2",[a]),A=oe(()=>{var z;return a?.mode==="2"?`translateY(-${50+((z=a?.offsetTop)!==null&&z!==void 0?z:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),T=oe(()=>{var z;return((z=t?.video)===null||z===void 0?void 0:z.cover)||v},[v,t]),C=oe(()=>x?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[x]),P=oe(()=>a?.bgWay==="1",[a]),j=oe(()=>P&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,P]);Q(()=>{s&&s?.muted(o)},[o,s]);const V=de(()=>{s&&s?.play()},[s]),H=ze("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=de(()=>{var z,Y,re,ne,le,pe,W,ue,X;if(!s)return;u(!0),c(!1);const K=n[e];if(K&&s?.duration()){b.current=s?.currentTime()||0;const Te=((z=s?.duration())!==null&&z!==void 0?z:0).toFixed(2),R=((Y=s?.currentTime())!==null&&Y!==void 0?Y:0).toFixed(2),U=w?"0":"1";d?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ne=(re=K?.video)===null||re===void 0?void 0:re.itemId)!==null&&ne!==void 0?ne:"",contentName:(pe=(le=K?.video)===null||le===void 0?void 0:le.title)!==null&&pe!==void 0?pe:"",playType:U,startTime:R,videoDuration:Te,contentTags:JSON.stringify((ue=(W=K?.video)===null||W===void 0?void 0:W.tags)!==null&&ue!==void 0?ue:[]),position:e+"",contentFormat:"video",traceInfo:(X=K?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[d,n,e,w,s]),N=de(()=>{var z;if(!s||v||!x)return;const Y=document.getElementById("player-container-id_html5_api");if(!Y||(Y.style.objectFit="contain",!((z=t?.video)===null||z===void 0)&&z.cover||!D||!D.current||P))return;const re=()=>{const ne=Y,le=D?.current,pe=le.getContext("2d"),W=window?.innerWidth,ue=window?.innerHeight;le.height=ue,le.width=W,pe?.drawImage(ne,0,0,le.width,le.height),M(le.toDataURL())};re(),setTimeout(()=>{re()},500)},[s,P,t,v,x]),B=de(()=>{s&&N()},[s,N]);de(()=>{u(!0)},[]);const L=de(z=>()=>{if(!s||!I)return;const Y=s?.paused();switch(z){case"start":if(!Y)return;s?.play(),c(!1);break;case"pause":if(Y)return;s?.pause(),c(!0);break;default:Y?s?.play():s?.pause(),c(!Y);break}},[I,s]),k=de(()=>{var z,Y,re,ne,le,pe,W,ue,X;if(!s||l!==e)return;const K=n[e],Te=((z=s?.duration())!==null&&z!==void 0?z:0).toFixed(2),R=((Y=s?.currentTime())!==null&&Y!==void 0?Y:0).toFixed(2);if(s?.duration()){const U=(s?.currentTime()-b.current).toFixed(2);d?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ne=(re=K?.video)===null||re===void 0?void 0:re.itemId)!==null&&ne!==void 0?ne:"",contentName:(pe=(le=K?.video)===null||le===void 0?void 0:le.title)!==null&&pe!==void 0?pe:"",endTime:R,videoDuration:Te,playDuration:U,contentTags:JSON.stringify((ue=(W=K?.video)===null||W===void 0?void 0:W.tags)!==null&&ue!==void 0?ue:[]),position:e+"",contentFormat:"video",traceInfo:(X=K?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,d,s,l]);Q(()=>{if(!E||!s)return;const z=t?.video.url;if(!z)return;s?.src(z),c(!1);const Y=document.querySelector(`#${_}`),re=document.querySelector("#player-container-id"),ne=document.querySelector("#player-container-id-copy");if(!(!re&&!ne))return Y?.appendChild(re||ne),s?.on("loadedmetadata",B),s?.on("loadeddata",N),s?.on("playing",F),s?.on("pause",k),s?.on("ended",V),()=>{ne?.appendChild(re),s?.off("loadedmetadata",B),s?.off("loadeddata",N),s?.off("playing",F),s?.off("pause",k),s?.off("ended",V)}},[E,_,t,s]),Q(()=>{!s||!I||(E?(g?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[E,I,s]),Q(()=>{if(!E||!s)return;!s?.paused()&&y?s?.pause():y||s?.play()},[y,E,s]),Q(()=>{if(!E)return;const z=()=>{L("start")(),g?.({eventName:"ViewContent"})},Y=L("pause");return Je.on(He.PAGE_DID_SHOW,z),Je.on(He.PAGE_DID_HIDE,Y),()=>{Je.off(He.PAGE_DID_SHOW,z),Je.off(He.PAGE_DID_HIDE,Y)}},[L,E]);const $=oe(()=>!p?.placeholder_image||I?null:f.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:p?.placeholder_image}),[I,p?.placeholder_image]);return Q(()=>{if(!s)return;const z=()=>{var Y;l===e&&(!((Y=t?.video)===null||Y===void 0)&&Y.url)&&s&&!r&&L("pause")()};return window.addEventListener("beforeunload",z),()=>{window.removeEventListener("beforeunload",z)}},[l,e,t,s,L,r]),t?.video?f.createElement(f.Fragment,null,x?f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},j)},!P&&f.createElement(Re,{src:T,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},C)}),f.createElement("canvas",{ref:D,style:{display:"none"}}),f.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},f.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},f.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:H}))),$):f.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},f.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),$,f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:H}))):null};var la=fe(oa);const sa=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,a]=G(t),s=r=>{r.stopPropagation();const c=!l;a(c),n?.(c)};return f.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},f.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var gn=fe(sa);const aa=({imageUrl:t,style:e})=>{const[i,n]=G(!0);Xe(),Q(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const o=ze("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),l=oe(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return f.createElement("div",{hidden:!i,className:`pb-finger-wrap ${l}`,style:e},f.createElement("img",{src:t||o}))},bn=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=oe(()=>n?.mode==="2",[n]),l=oe(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=oe(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]),s=oe(()=>n?.bgWay==="1",[n]),r=oe(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return f.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},r)},(!o||!s)&&f.createElement(Re,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a)}),o&&f.createElement(Re,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},ra=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:a,imgUrlsPostConfig:s})=>{var r;const c=te(),{isActive:d}=un(),{sxpParameter:p,openHashtag:h}=me(),[y,g]=G(!1);return Q(()=>{y&&d?(c?.current&&c.current.swiper.autoplay.start(),h?l(n):a(o)):(g(!0),c?.current&&c.current.swiper.autoplay.stop())},[n,d,l,h,o,a,y]),f.createElement(st,{ref:c,defaultValue:0,direction:"horizontal",modules:[Mt,Lt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=s?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map(b=>f.createElement(qe,{key:b},f.createElement(bn,{src:b,height:i,imgUrlsPostConfig:s}))))};var da=fe(ra);const ca=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[a,s]=G(!1),{setWaterFallData:r,setOpenHashtag:c,setCacheActiveIndex:d,waterFallData:p,setIsFromHashtag:h}=me(),y=g=>{p?h?.(!0):d?.(n),r?.(i?{hashTag:g,itemId:e,itemType:i,rec:o}:{hashTag:g,rec:o}),c?.(!0)};return oe(()=>t.length<=6?null:f.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!a)},a?"show less":"show more"),[a,t]),f.createElement("div",{className:"clc-sxp-bottom-hashtag"},f.createElement(Vt,null,t?.map((g,b)=>f.createElement(qe,{key:b,hidden:a?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>y(g)},`#${g}`))))};var yn=fe(ca),ua="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function Rt(t){return fe(function(e){const{$store:i}=Rn(),n=l=>{let a=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(c,d)=>{if(d){const p=_i(i,d);return a=a.replace(r,p),p}})}),a},o=oe(()=>{var l,a,s;const{bindDatas:r}=e,c=_e(e,["bindDatas"]);if((l=r?.forEach)===null||l===void 0||l.call(r,d=>{if(d?.propKey&&d?.dataPath){const{propKey:p,dataPath:h}=d;h.replace(/{{\s*([\w.]+)\s*}}/g,(y,g)=>{var b,I;if(g){const u=(I=(b=_i(i,g))!==null&&b!==void 0?b:e[p])!==null&&I!==void 0?I:"";return c[p]=u,u}})}}),c){c.eventMap={};const d=gt(c.event)||{};for(const p in d)if(Object.prototype.hasOwnProperty.call(d,p))try{d[p].value=n(d[p].value),c.eventMap[p]=new Function(d[p].value)}catch{}}return!((s=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||s===void 0)&&s.linkType&&(c.style.cursor="pointer"),c},[i,e]);return f.createElement(t,Object.assign({},o,o.eventMap))})}const pa=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Xe(),l=oe(()=>{var a,s,r,c,d,p,h,y,g,b,I,u,w,m,E,D,v,M,_,S,x,A,T,C,P,j,V,H,F,N,B;if(!t?.video)return null;let L=null;!((s=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||s===void 0)&&s.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(d=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||d===void 0?void 0:d.itemId;const k=i?.[L];if(((p=k?.item)===null||p===void 0?void 0:p.type)==="CommodityDiro"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((y=k?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((b=k?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((u=k?.item)===null||u===void 0?void 0:u.type)==="MultiCommodity"&&!(!((m=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||m===void 0)&&m.length)||((E=k?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((v=(D=t?.video)===null||D===void 0?void 0:D.bindProducts)===null||v===void 0)&&v.length)||((M=k?.item)===null||M===void 0?void 0:M.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(k&&n){const $=n[(x=k?.item)===null||x===void 0?void 0:x.type],z=Rt($),Y=(A=$?.extend)===null||A===void 0?void 0:A.defaulSetting,re=((P=(C=(T=k?.item)===null||T===void 0?void 0:T.event)===null||C===void 0?void 0:C.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return f.createElement(z,Object.assign({style:Object.assign(Object.assign(Object.assign({},Y?.style),(j=k?.item)===null||j===void 0?void 0:j.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},Y?.textStyle),(V=k?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(H=k?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&F!==void 0?F:[]},Y?.props,(N=k?.item)===null||N===void 0?void 0:N.props,{event:((B=k?.item)===null||B===void 0?void 0:B.event)||{},schema:o,id:k?.id,key:k?.id,recData:t,isExternalLink:re,index:e}))}else return null},[t,n,i,o]);return f.createElement(f.Fragment,null,l)};var wn=fe(pa);const Sn=({nudge:t})=>{var e,i,n,o,l,a,s;return f.createElement(f.Fragment,null,t?.isOpen&&f.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?f.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,f.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:"")))},Ti="FOR U",va=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=G(Ti),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:a,setCacheActiveIndex:s,setLoading:r,swiperRef:c,waterFallData:d}=me(),p=oe(()=>[Ti,...t],[t]),h=y=>()=>{if(y===i)return;let g;y!==Ti&&(g=y),r?.(!0),o?.({themeTag:g}).then(b=>{var I,u,w,m;Je.emit(He.CHANGE_THEME_TAG,g),l?.((I=b?.recList)!==null&&I!==void 0?I:[]),a?.((u=b?.recList)!==null&&u!==void 0?u:[]),e?.(0),s?.(0),(m=(w=c?.current)===null||w===void 0?void 0:w.swiper)===null||m===void 0||m.slideTo(0)}).finally(()=>{r?.(!1)}),n(y)};return d||t.length<=0?null:f.createElement("div",{className:"clc-sxp-tagbar"},f.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},p.map(y=>f.createElement("li",{className:`clc-sxp-tagbar-list-item ${y===i?"clc-sxp-tagbar-list-item-active":""}`,key:y,onClick:h(y)},y))))};var Tn=fe(va);const xn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:a=[],ctaType:s,tipText:r,nudge:c,_schema:d,hashTagStyle:p,tagList:h=[],licenseUrl:y})=>{var g,b,I,u,w,m,E,D,v,M;const{schema:_}=Xe(),[S,x]=G(0),A=te(0),[T,C]=G(!1),[P,j]=G(!0),V=te(),H=te(),[F,N]=G(!1),[B,L]=G(!1),{loadVideos:k,bffEventReport:$,loading:z,setPopupDetailData:Y,ctaEvent:re,swiperRef:ne,waterFallData:le,setOpenHashtag:pe,appDomain:W,openHashtag:ue,loadingImage:X,isFromHashtag:K,popupDetailData:Te,bffFbReport:R}=me(),[U,ae]=G(null),Se=te(),{productView:we}=Ue(),Ce=oe(()=>a.length>0&&!z&&Gn(),[a,z]),ge=de(()=>{if(a.length<=0)return;Me();const O=location.search.slice(1),ee=ki.parse(O.replace(/\+/g,"%2B"));for(const ie in ee)ee[ie]=ee[ie].replace(/%2B/g,"+");const q=ie=>{var ve;return(ve=ee[ie])!==null&&ve!==void 0?ve:""};$?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:q("utm_source"),utmMedium:q("utm_medium"),utmCampaign:q("utm_campaign"),utmId:q("utm_id"),utmContent:q("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),R?.({eventName:"PageView"}),C(!0)},[$,a.length,R]),Me=()=>{V.current=new Date,H.current=new Date,Hn()},$e=te();Q(()=>{var O,ee,q;if(!$e.current&&!U&&Se?.current&&a?.length>0){$e.current=!0;const ie=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:[{src:(q=(ee=(O=a?.[0])===null||O===void 0?void 0:O.video)===null||ee===void 0?void 0:ee.url)!==null&&q!==void 0?q:""}]});ie?.ready(()=>{ae(ie)})}},[U,y,a]),Q(()=>{T||ge()},[ge,T]),Q(()=>{var O;const ee=a?.findIndex(q=>{var ie,ve,he,J,se,ye,ke,Ae,be;return s==="\u591A\u5546\u54C1CTA"?((ie=q?.video)===null||ie===void 0?void 0:ie.bindProducts)&&((he=(ve=q?.video)===null||ve===void 0?void 0:ve.bindProducts)===null||he===void 0?void 0:he.length)>0:s==="\u5546\u54C1CTA"?(J=q?.video)===null||J===void 0?void 0:J.bindProduct:((ye=(se=q?.video)===null||se===void 0?void 0:se.bindCta)===null||ye===void 0?void 0:ye.itemId)===s&&(((ke=q?.video)===null||ke===void 0?void 0:ke.url)||((be=(Ae=q?.video)===null||Ae===void 0?void 0:Ae.imgUrls)===null||be===void 0?void 0:be.length))})||0;(O=ne?.current)===null||O===void 0||O.swiper.slideTo(ee)},[s,ne]),Q(()=>{const O=a?.[S],ee=()=>{var q,ie,ve,he,J,se,ye,ke,Ae,be,Ee,it,nt,ot,Ze,ht;if(document.visibilityState==="hidden"){Je.emit(He.PAGE_DID_HIDE,O),xe(O),Qe(O);let Ie="";Te&&(!((ie=(q=O?.video)===null||q===void 0?void 0:q.bindProducts)===null||ie===void 0)&&ie.length||!((ve=O?.video)===null||ve===void 0)&&ve.bindProduct)?Ie="pdpPage":Te&&((ye=o?.[(se=(J=(he=O?.video)===null||he===void 0?void 0:he.bindCta)===null||J===void 0?void 0:J.itemId)!==null&&se!==void 0?se:""].item)===null||ye===void 0?void 0:ye.type)==="Appoint"?Ie="formPage":K?Ie="hashTagPage":!((ke=O?.video)===null||ke===void 0)&&ke.url?Ie="videoPage":!((Ae=O?.video)===null||Ae===void 0)&&Ae.imgUrls&&(!((Ee=(be=O?.video)===null||be===void 0?void 0:be.imgUrls)===null||Ee===void 0)&&Ee.length)?Ie="imagePage":O?.product&&(Ie="productPage"),$?.({eventInfo:{sessionDuration:Math.floor((new Date-V.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(it=O?.video)===null||it===void 0?void 0:it.itemId,productId:(nt=O?.product)===null||nt===void 0?void 0:nt.itemId,position:S+"",fromKName:Ie,fromKPage:location?.href,ctatId:(ht=(Ze=(ot=O?.video)===null||ot===void 0?void 0:ot.bindCta)===null||Ze===void 0?void 0:Ze.itemId)!==null&&ht!==void 0?ht:""}})}else document.visibilityState==="visible"&&(ge(),Ii(S),Je.emit(He.PAGE_DID_SHOW,O))};return document.addEventListener("visibilitychange",ee),()=>{document.removeEventListener("visibilitychange",ee)}},[S,$,V,a,ge,Te,K,o]);const Le=oe(()=>{let O=0;return t?.logoUrl&&t?.isShowLogo&&(O+=45),h.length>0&&(O+=45,le&&(O-=45)),i-O},[t,i,h,le]),vt=oe(()=>t?.logoUrl&&t?.isShowLogo?f.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},f.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),at=de((O,ee)=>{var q,ie,ve,he;return!((q=O?.video)===null||q===void 0)&&q.url?f.createElement(la,{rec:O,index:ee,muted:P,data:a,height:Le,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:U}):!((ie=O?.video)===null||ie===void 0)&&ie.imgUrls?f.createElement(da,{key:O?.video.itemId,imgUrls:O?.video.imgUrls,width:n,height:Le,rec:O,index:ee,onReportViewImageEnd:xe,onViewImageStartEvent:Ii,imgUrlsPostConfig:t?.imgUrlsPost}):O.product&&Array.isArray(t?.productPost)&&((ve=t?.productPost)===null||ve===void 0?void 0:ve.length)>0?(he=t?.productPost)===null||he===void 0?void 0:he.map((J,se)=>{var ye,ke,Ae,be,Ee,it,nt,ot;const Ze=l[(ye=J?.item)===null||ye===void 0?void 0:ye.type],ht=Rt(Ze),Ie=(ke=Ze?.extend)===null||ke===void 0?void 0:ke.defaulSetting;return f.createElement(ht,Object.assign({key:`${ee}${se}`,textStyle:Object.assign(Object.assign({},Ie?.textStyle),(Ae=J?.item)===null||Ae===void 0?void 0:Ae.textStyle),bindDatas:(Ee=(be=J?.item)===null||be===void 0?void 0:be.bindDatas)!==null&&Ee!==void 0?Ee:[]},Ie?.props,(it=J?.item)===null||it===void 0?void 0:it.props,{event:((nt=J?.item)===null||nt===void 0?void 0:nt.event)||{},schema:_,id:J?.id,viewTime:H.current,rec:O,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},Ie?.style),(ot=J?.item)===null||ot===void 0?void 0:ot.style),{height:"100%",overflow:"auto"}),index:ee}))}):null},[n,a,Le,P,S,t?.productPost,H,r,l,_,U]),rt=de(O=>{L(O)},[]),ft=oe(()=>B?{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"},[B]),dt=de((O,ee)=>{var q,ie,ve,he,J,se,ye;return O?.video?f.createElement(f.Fragment,null,((q=O?.video)===null||q===void 0?void 0:q.title)&&!B&&f.createElement("div",{className:"clc-sxp-bottom-shadow"}),f.createElement("div",{className:"clc-sxp-bottom"},f.createElement(Sn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?f.createElement("div",{className:"clc-sxp-bottom-card"},f.createElement(wn,{rec:O,index:ee,tempMap:o,resolver:l})):null,f.createElement("div",null,f.createElement(zt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(ve=(ie=O?.video)===null||ie===void 0?void 0:ie.title)!==null&&ve!==void 0?ve:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),f.createElement(yn,{index:S,tags:(J=(he=O?.video)===null||he===void 0?void 0:he.hashTags)!==null&&J!==void 0?J:[],itemId:(se=O?.video)===null||se===void 0?void 0:se.itemId,itemType:!((ye=O?.video)===null||ye===void 0)&&ye.itemId?"VIDEO":null,rec:O,hashTagStyle:p})))):null},[e,S,o,l,r,c,p,t,rt,B,ft]),mt=de((O,ee)=>{var q,ie,ve,he;if(!t?.isShowLike)return;let J=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return le&&J<40&&(J+=40),O?.video?f.createElement(hn,{key:O.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:O.isCollected,recData:O,className:"clc-sxp-like-button",style:{[(ie=t.likeIconXPosit)!==null&&ie!==void 0?ie:"right"]:(ve=t.likeIconX)!==null&&ve!==void 0?ve:0,[(he=t.likeIconYPosit)!==null&&he!==void 0?he:"bottom"]:J},position:ee}):null},[t,le]),xe=O=>{var ee,q,ie,ve,he,J;if(!(!((ee=O?.video)===null||ee===void 0)&&ee.url)&&(!((q=O?.video)===null||q===void 0)&&q.imgUrls)){const se=Date.now(),ye=(se-A.current)/1e3;$?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ve=(ie=O?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",contentName:(he=O?.video.title)!==null&&he!==void 0?he:"",imageEndTime:`${se}`,playDuration:`${ye}`,contentTags:JSON.stringify((J=O?.video.tags)!==null&&J!==void 0?J:[]),position:S+"",contentFormat:"image",traceInfo:O?.video.traceInfo}})}},Ft=O=>{var ee,q,ie,ve,he,J,se,ye,ke,Ae;H.current=new Date;const be=a[O.previousIndex];if(!be)return;O.previousIndex-O.activeIndex<0?($?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ee=be?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&q!==void 0?q:"",productId:(ve=(ie=be?.product)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",requestId:null}}),xe(be)):($?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(J=(he=be?.video)===null||he===void 0?void 0:he.itemId)!==null&&J!==void 0?J:"",productId:(ye=(se=be.product)===null||se===void 0?void 0:se.itemId)!==null&&ye!==void 0?ye:"",requestId:null}}),xe(be)),Qe(be);const Ee=a[O.activeIndex];!(!((ke=Ee?.video)===null||ke===void 0)&&ke.url)&&!(!((Ae=Ee?.video)===null||Ae===void 0)&&Ae.imgUrls)&&Ee?.product&&R?.({eventName:"ProductView"})},Qe=O=>{var ee,q,ie;!(!((ee=O?.video)===null||ee===void 0)&&ee.url)&&!(!((q=O?.video)===null||q===void 0)&&q.imgUrls)&&O?.product&&we(O,O.product,(ie=O?.product)===null||ie===void 0?void 0:ie.bindCta,H.current,S)};Q(()=>{const O=a[S];ue&&Qe(O)},[ue,a,S]);const Ii=O=>{var ee,q,ie,ve,he,J;const se=a[O];if(!(!((ee=se?.video)===null||ee===void 0)&&ee.url)&&(!((q=se?.video)===null||q===void 0)&&q.imgUrls)){const ye=Date.now();A.current=ye,$?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ve=(ie=se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",contentName:(he=se?.video.title)!==null&&he!==void 0?he:"",imageStartTime:`${ye}`,contentTags:JSON.stringify((J=se?.video.tags)!==null&&J!==void 0?J:[]),position:O+"",contentFormat:"image",traceInfo:se?.video.traceInfo}}),R?.({eventName:"ViewContent"})}},xt=oe(()=>{const O=a?.map((ee,q)=>S===q||q-1===S||q+1===S?ee:null);return le?O:O.concat([{loading:!0}])},[a,S,le]),In=oe(()=>z?f.createElement("div",{style:{height:Le,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:X,alt:"loading...",style:{objectFit:"contain"}})):xt?.map((O,ee)=>f.createElement(qe,{key:ee,virtualIndex:ee},O&&f.createElement(f.Fragment,null,O?.loading?f.createElement("div",{style:{height:Le,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:X,alt:"loading...",style:{objectFit:"contain"}})):f.createElement(f.Fragment,null,at(O,ee),dt(O,ee),mt(O,ee))))),[n,a,Le,z,dt,at,xt,X]),Cn=ze("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),_n=ze("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return f.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},le&&f.createElement(fn,{icon:ua,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{pe?.(!0)}}),vt,f.createElement(Tn,{tagList:h,setActiveIndex:x}),Ce?f.createElement(aa,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((g=t?.swipeTipOffset)!==null&&g!==void 0?g:0)}%`}}):null,f.createElement(st,{ref:ne,onSlideChange:()=>{ne.current.swiper.allowTouchMove=!1,setTimeout(()=>{ne.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:O=>{x(O.activeIndex),!ue&&(Ft(O),!le&&O?.activeIndex+2>=a?.length&&(F||(N(!0),k?.(Math.ceil(S/10)+1).then(()=>{N(!1)}))))},direction:"vertical",height:Le},f.createElement(gn,{style:{position:"fixed",visibility:!((I=(b=a?.[S])===null||b===void 0?void 0:b.video)===null||I===void 0)&&I.url?"visible":"hidden",zIndex:999,[(u=t?.muteIconXPosit)!==null&&u!==void 0?u:"right"]:(w=t?.muteIconX)!==null&&w!==void 0?w:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(E=t?.muteIconY)!==null&&E!==void 0?E:23},defaultValue:P,activeIcon:t?.unMuteIcon?t?.unMuteIcon:Cn,unactiveIcon:t?.muteIcon?t?.muteIcon:_n,onChange:j}),In),f.createElement(mn,Object.assign({},(M=(v=(D=t?.hashTag)===null||D===void 0?void 0:D[0])===null||v===void 0?void 0:v.item)===null||M===void 0?void 0:M.props)),f.createElement("div",{style:{position:"absolute",zIndex:-100}},f.createElement("video",{ref:Se,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),f.createElement("div",{id:"player-container-id-copy"})))},fa=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>f.createElement(st,{defaultValue:0,direction:"horizontal",modules:[Mt,Lt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>f.createElement(qe,{key:a},f.createElement(bn,{src:a,height:i,imgUrlsPostConfig:n}))));var ma=fe(fa);const ha=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,width:s})=>{const[r,c]=G(!1),d=te(null),{bffEventReport:p,sxpParameter:h,waterFallData:y,openHashtag:g}=me(),b=te(0),[I,u]=G(!1),[w,m]=G(!0),E=te(null),[D,v]=G("");Q(()=>{d.current&&(d.current.muted=o)},[o]);const M=de(()=>{var N;(N=d.current)===null||N===void 0||N.play()},[]),_=ze("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=de(()=>{var N,B,L,k,$,z,Y,re,ne,le,pe,W,ue;c(!1);const X=n[e];if(X&&(!((N=d?.current)===null||N===void 0)&&N.duration)){b.current=((B=d?.current)===null||B===void 0?void 0:B.currentTime)||0;const K=((k=(L=d.current)===null||L===void 0?void 0:L.duration)!==null&&k!==void 0?k:0).toFixed(2),Te=((z=($=d.current)===null||$===void 0?void 0:$.currentTime)!==null&&z!==void 0?z:0).toFixed(2),R=w?"0":"1";p?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(re=(Y=X?.video)===null||Y===void 0?void 0:Y.itemId)!==null&&re!==void 0?re:"",contentName:(le=(ne=X?.video)===null||ne===void 0?void 0:ne.title)!==null&&le!==void 0?le:"",playType:R,startTime:Te,videoDuration:K,contentTags:JSON.stringify((W=(pe=X?.video)===null||pe===void 0?void 0:pe.tags)!==null&&W!==void 0?W:[]),position:e+"",contentFormat:"video",traceInfo:(ue=X?.video)===null||ue===void 0?void 0:ue.traceInfo}}),m(!1)}},[p,n,e,w]),x=de(()=>{u(!0)},[]),A=de(N=>()=>{var B,L,k,$,z;if(!I)return;const Y=(B=d.current)===null||B===void 0?void 0:B.paused;switch(N){case"start":if(!Y)return;(L=d.current)===null||L===void 0||L.play(),c(!1);break;case"pause":if(Y)return;(k=d.current)===null||k===void 0||k.pause(),c(!0);break;default:Y?($=d.current)===null||$===void 0||$.play():(z=d.current)===null||z===void 0||z.pause(),c(!Y);break}},[I]),T=de(()=>{var N,B,L,k,$,z,Y,re,ne,le,pe,W,ue;const X=n[e],K=((B=(N=d.current)===null||N===void 0?void 0:N.duration)!==null&&B!==void 0?B:0).toFixed(2),Te=((k=(L=d.current)===null||L===void 0?void 0:L.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!(($=d?.current)===null||$===void 0)&&$.duration){const R=(((z=d?.current)===null||z===void 0?void 0:z.currentTime)-b.current).toFixed(2);p?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(re=(Y=X?.video)===null||Y===void 0?void 0:Y.itemId)!==null&&re!==void 0?re:"",contentName:(le=(ne=X?.video)===null||ne===void 0?void 0:ne.title)!==null&&le!==void 0?le:"",endTime:Te,videoDuration:K,playDuration:R,contentTags:JSON.stringify((W=(pe=X?.video)===null||pe===void 0?void 0:pe.tags)!==null&&W!==void 0?W:[]),position:e+"",contentFormat:"video",traceInfo:(ue=X?.video)===null||ue===void 0?void 0:ue.traceInfo}})}},[n,e,p]),C=oe(()=>a?.mode==="2",[a]),P=oe(()=>{var N;return a?.mode==="2"?`translateY(-${50+((N=a?.offsetTop)!==null&&N!==void 0?N:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),j=oe(()=>{var N;return((N=t?.video)===null||N===void 0?void 0:N.cover)||D},[D,t]),V=de(()=>{if(!E||!d||!d.current||!E.current)return;const N=d?.current,B=E?.current,L=B.getContext("2d"),k=window?.innerWidth,$=window?.innerHeight;B.height=$,B.width=k,L?.drawImage(N,0,0,B.width,B.height),v(B.toDataURL())},[]);Q(()=>{var N,B,L,k;if(d.current){if(c(!1),!d.current.src){const $=t?.video.url;if($.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const z=new window.Hls;z.loadSource($),z.attachMedia(d.current)}else d.current.canPlayType("application/vnd.apple.mpegurl"),d.current.src=$;else d.current.src=$;d.current.setAttribute("x5-playsinline","true"),d.current.setAttribute("webkit-playsinline","true")}return(N=d.current)===null||N===void 0||N.addEventListener("loadedmetadata",x),(B=d.current)===null||B===void 0||B.addEventListener("canplay",x),(L=d.current)===null||L===void 0||L.addEventListener("playing",S),(k=d.current)===null||k===void 0||k.addEventListener("loadeddata",V),()=>{var $,z,Y,re;($=d.current)===null||$===void 0||$.removeEventListener("loadedmetadata",x),(z=d.current)===null||z===void 0||z.removeEventListener("canplay",x),(Y=d.current)===null||Y===void 0||Y.removeEventListener("playing",S),(re=d.current)===null||re===void 0||re.removeEventListener("loadeddata",V)}}},[x,S,t?.video,V]);const H=oe(()=>!h?.placeholder_image||I?null:f.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:h?.placeholder_image}),[I,h?.placeholder_image]);Q(()=>{const N=()=>{var B,L;l===e&&(!((B=t?.video)===null||B===void 0)&&B.url)&&(!((L=d?.current)===null||L===void 0)&&L.src)&&!r&&A("pause")()};return window.addEventListener("beforeunload",N),()=>{window.removeEventListener("beforeunload",N)}},[l,e,t,d,A,r]);const F=oe(()=>C?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[C]);return t?.video?f.createElement(f.Fragment,null,C?f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},f.createElement(Re,{src:j,style:Object.assign({height:i,width:s,objectFit:"cover"},F)}),f.createElement("canvas",{ref:E,style:{display:"none"}}),f.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:P,left:0,right:0}},f.createElement("div",{style:{position:"relative",width:s,height:"100%"}},f.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:d,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:M,style:{width:"100%",height:i,objectFit:"contain"}}),f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))),H):f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},f.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:d,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:M}),H,f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))):null};var ga=fe(ha);const xi={};Object.values(Si).forEach(t=>{xi[t.extend.type]=t});const ba="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ya="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",wa=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:a,containerHeight:s=664,containerWidth:r=375,appDomain:c,tagList:d=[]})=>{const p=oe(()=>{let v=0;return e?.logoUrl&&e?.isShowLogo&&(v+=45),d.length>0&&(v+=45),s-v},[e,s,d]),h=(v,M)=>{var _,S,x,A;if(!((_=v?.video)===null||_===void 0)&&_.url)return f.createElement(ga,{rec:v,index:M,muted:!0,width:r,data:t??[],height:p,activeIndex:M,videoPostConfig:e?.videoPost});if(!((S=v?.video)===null||S===void 0)&&S.imgUrls)return f.createElement(ma,{key:v?.video.itemId,imgUrls:v?.video.imgUrls,width:r,height:p,rec:v,index:M,imgUrlsPostConfig:e?.imgUrlsPost});if(v.product&&v.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,C)=>{var P,j,V,H,F,N,B,L;const k=xi[(P=T?.item)===null||P===void 0?void 0:P.type],$=Rt(k),z=(j=k?.extend)===null||j===void 0?void 0:j.defaulSetting;return f.createElement($,Object.assign({key:`${M}${C}`,textStyle:Object.assign(Object.assign({},z?.textStyle),(V=T?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(H=T?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&F!==void 0?F:[]},z?.props,(N=T?.item)===null||N===void 0?void 0:N.props,{event:((B=T?.item)===null||B===void 0?void 0:B.event)||{},id:T?.id,rec:v,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},z?.style),(L=T?.item)===null||L===void 0?void 0:L.style),{width:r,height:p,overflow:"auto"}),index:M}))})},y=oe(()=>e?.logoUrl&&e?.isShowLogo?f.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},f.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),g=(v,M)=>e?.isShowCTA===void 0||e?.isShowCTA?f.createElement("div",{className:"clc-sxp-bottom-card"},f.createElement(wn,{rec:v,index:M,tempMap:o,resolver:xi})):null,b=(v,M)=>{var _,S,x,A,T,C,P;return v?.video?f.createElement(f.Fragment,null,((_=v?.video)===null||_===void 0?void 0:_.title)&&f.createElement("div",{className:"clc-sxp-bottom-shadow"}),f.createElement("div",{className:"clc-sxp-bottom"},f.createElement(Sn,{nudge:n}),g(v,M),f.createElement("div",null,f.createElement(zt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(x=(S=v?.video)===null||S===void 0?void 0:S.title)!==null&&x!==void 0?x:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),f.createElement(yn,{index:M,tags:(T=(A=v?.video)===null||A===void 0?void 0:A.hashTags)!==null&&T!==void 0?T:[],itemId:(C=v?.video)===null||C===void 0?void 0:C.itemId,itemType:!((P=v?.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:v,hashTagStyle:a}))):null},I=ze(ya,c),u=ze(ba,c),w=(v,M)=>{var _,S,x,A;if(!e?.isShowLike)return;let T=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return T<40&&(T+=40),v?.video?f.createElement(hn,{key:v.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:I,unActicveIcon:(x=e?.unlikeIcon)!==null&&x!==void 0?x:u,position:M,active:v.isCollected,recData:v,className:"clc-sxp-like-button",style:{top:T,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},m=ze("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),E=ze("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),D=(v,M)=>{var _,S,x,A;return f.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,f.createElement(Tn,{tagList:d}),f.createElement(gn,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((x=(S=t?.[M])===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:m,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),h(v,M),b(v,M),w(v,M))};return f.createElement("div",{className:Z({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((v,M)=>D(v,M)))};var Sa=fe(wa);const Ta=()=>{const{schema:t,resolver:e,popup:i}=Xe(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=me(),{productView:a}=Ue(),[s,r]=G(),c=te(null);Q(()=>{const h=()=>{c.current=new Date};return h(),window.addEventListener("pageshow",h),()=>{window.removeEventListener("pageshow",h)}},[]),Q(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,r(i))},[i]);const d=()=>{var h,y,g,b;if(!i||i?.id===""||!s||new Date-c.current<((h=i?.duration)!==null&&h!==void 0?h:0))return;r(Object.assign(Object.assign({},i),{id:""}));const I=o,u=(y=I?.video)===null||y===void 0?void 0:y.bindProduct,w=(b=(g=I?.video)===null||g===void 0?void 0:g.bindProduct)===null||b===void 0?void 0:b.bindCta;u&&w&&a(I,u,w,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},p=oe(()=>{var h,y,g;return(g=(y=(h=t?.sxpPageConf)===null||h===void 0?void 0:h.globalConfig)===null||y===void 0?void 0:y.popupList)===null||g===void 0?void 0:g.map((b,I)=>{var u,w,m,E,D,v,M,_,S,x,A,T,C,P,j;if(b?.id===i?.id){const V=e[(u=b?.item)===null||u===void 0?void 0:u.type],H=Rt(V),F=((E=(m=(w=b?.item)===null||w===void 0?void 0:w.event)===null||m===void 0?void 0:m.onClick)===null||E===void 0?void 0:E.linkType)==="externalLink",N=((M=(v=(D=b?.item)===null||D===void 0?void 0:D.event)===null||v===void 0?void 0:v.onClick)===null||M===void 0?void 0:M.linkType)==="popup",B=(_=V?.extend)===null||_===void 0?void 0:_.defaulSetting;return f.createElement(H,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},B?.style),(S=b?.item)===null||S===void 0?void 0:S.style),{width:(x=window.innerWidth)!==null&&x!==void 0?x:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},B?.textStyle),(A=b?.item)===null||A===void 0?void 0:A.textStyle),bindDatas:(C=(T=b?.item)===null||T===void 0?void 0:T.bindDatas)!==null&&C!==void 0?C:[]},B?.props,(P=b?.item)===null||P===void 0?void 0:P.props,{event:((j=b?.item)===null||j===void 0?void 0:j.event)||{},schema:t,id:b?.id,isExternalLink:F,isPopup:N,onClose:d}))}else return f.createElement(f.Fragment,null)})},[t,i,e,d]);return f.createElement(Bt,{popup:s,onClose:d,padding:0,modalStyle:{position:"fixed"}},p)},Ei={};Object.values(Si).forEach(t=>{Ei[t.extend.type]=t});const xa=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:a,enabledMetaConversionApi:s})=>{var r,c,d,p,h,y,g,b,I;const u=oe(()=>{var w;return location?.search?(w=location?.search)===null||w===void 0?void 0:w.replace("?",""):""},[]);return f.createElement(Gi,{resolver:Ei,enableDataSource:!1,schema:t?.data,utmVal:u},f.createElement(Ri,{utmVal:u,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(p=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.default_recommend)!==null&&p!==void 0?p:i,hashTagSize:(y=(h=t?.sxp_parameter)===null||h===void 0?void 0:h.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:o,appDomain:l,enabledMetaConversionApi:s,isShowTag:(I=(b=(g=t?.data)===null||g===void 0?void 0:g.sxpPageConf)===null||b===void 0?void 0:b.globalConfig)===null||I===void 0?void 0:I.isShowTag,render:({rtcList:w,tagList:m})=>{var E;return f.createElement(f.Fragment,null,f.createElement(xn,Object.assign({},(E=t?.data)===null||E===void 0?void 0:E.sxpPageConf,{tagList:m,data:w,resolver:Ei,licenseUrl:a})),f.createElement(Ta,null))}}))};var Ea=fe(xa);const En=yt({}),Ia=({children:t,data:e})=>{var i,n,o,l,a,s;const[r,c]=G(!1);return f.createElement(En.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:r,setOpenHashtag:c}},t)};function Ca(){return bt(En)}export{Sa as DiyPortalPreview,Ia as EditorDataProvider,Bt as Modal,Ri as SxpDataSourceProvider,Ea as SxpPageCore,xn as SxpPageRender,qn as core,Vn as default,je as defaultSetting,Si as materials,Ca as useEditorDataProvider};
|
5
|
+
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:v?.info})))},le=()=>{var W;return f.createElement(f.Fragment,null,(b||L?.link)&&f.createElement("button",{onClick:z,className:"pb-commondity-btn",style:M},(W=k?.enTitle)!==null&&W!==void 0?W:"Purchase on Website"))},pe=de(W=>W?.lineClamp?Object.assign(Object.assign({},W),{overflow:"hidden",WebkitLineClamp:W?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):W,[]);return f.createElement("div",{className:"pb-commondity"},f.createElement("div",Object.assign({className:Z(Object.assign({},p))},S),L&&((a=L?.homePage)===null||a===void 0?void 0:a.length)>0&&f.createElement(st,{height:re,modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:D?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:D?.delay*1e3}},(s=L?.homePage)===null||s===void 0?void 0:s.map(W=>f.createElement(qe,{key:W},f.createElement("div",{style:{overflow:"hidden",width:re,height:re}},f.createElement(Ve,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${D?.translateY?-D?.translateY+50:50}%`},src:W}))))),!(!((r=L?.homePage)===null||r===void 0)&&r.length)&&f.createElement("div",{className:Z({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},f.createElement("img",{className:Z({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=x?.bottom_image)!==null&&c!==void 0?c:I,alt:""})),f.createElement("div",{className:"pb-commondity-content"},oe({isPost:w}))),le(),f.createElement(zt,{visible:F,onClose:()=>N(!1)},f.createElement("div",{style:{paddingBottom:"80px"}},oe({isPost:!1})),le()))};var Rl=fe(Vl);const Fl=je(Rl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:io},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vi,fi,Ul=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Le?.fontOptions,initialValue:(fi=(vi=Le?.fontOptions)===null||vi===void 0?void 0:vi[0])===null||fi===void 0?void 0:fi.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],vn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const Gl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:o,src:l}=t;switch(i){case 2:return n||null;case 3:return l||null;default:return o&&o.length>0?(e=o[0])===null||e===void 0?void 0:e.url:null}},$l=t=>{var{content:e,btnText:i,style:n,icon:o,isPopup:l,isExternalLink:a,onClose:s,onClick:r,submitButtonStyle:c}=t,d=Ce(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:p}=me(),{jumpToWeb:h}=Ue(),y=typeof o=="string"?o:Gl(o),g=()=>{var b,I,u;if(a){const w=p,m=(b=w?.video)===null||b===void 0?void 0:b.bindProduct,E=(u=(I=w?.video)===null||I===void 0?void 0:I.bindProduct)===null||u===void 0?void 0:u.bindCta,D=p?.index;h(w,m,E,D)}l||s?.(),r?.()};return f.createElement("div",Object.assign({className:`pb-prompt ${Z(Object.assign({},n))}`},d),f.createElement("div",{className:"pb-prompt-icon"},f.createElement("img",{width:"100%",src:y??vn})),f.createElement("div",{className:"pb-prompt-content"},e),f.createElement("button",{className:"pb-prompt-btn",style:c,onClick:g},i))};var Wl=fe($l);const Yl=je(Wl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Ul,bindableProps:[],interactionRender:Hl},defaulSetting:{props:{icon:vn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var mi,hi,ql=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(mi=ce?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(hi=ce?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Xl=t=>{var e,i,n,o,l,a,s,r,c,d,p,h,{style:y,isDefault:g,rec:b,viewTime:I,isPost:u,bottom_image:w,tipText:m,swiper:E,commodityStyles:D,buttonStyle:v,index:M}=t,_=Ce(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);G(!0);const{sxpParameter:S}=me(),{popupDetailData:x,bffEventReport:A,isPreview:T,swiperRef:C,bffFbReport:O}=me(),{jumpToWeb:j,productView:V}=Ue(),H=te(null);te(null),te(null),G(!1),G(!1),G(!0);const[F,N]=G(!1),B=te(null),L=u?b:x,k=u?L?.product:(e=L?.video)===null||e===void 0?void 0:e.bindProduct,$=u?(i=L?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=L?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,z=u?M:x?.index,Y=()=>{k?.link&&(j(L,k,$,z),u||V(L,k,$,I||B.current,z),window.location.href=window.getJointUtmLink(k.link))};Q(()=>{u||O?.({eventName:"ProductView"})},[u,O]),Q(()=>{const W=()=>{B.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const re=ne(()=>{var W,ue,X,K,Te;return k?.currency&&k?.price?`${(X=(ue=(W=k?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ue===void 0?void 0:ue.toUpperCase())!==null&&X!==void 0?X:""}${(Te=(K=k?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Te!==void 0?Te:""}`:"\xA3102,300.00"},[k?.price,k?.currency]),oe=T?375:(l=y?.width)!==null&&l!==void 0?l:window.innerWidth,le=({isPost:W})=>f.createElement("div",{hidden:!!k&&(!k?.info||k?.info==="")},f.createElement(Vt,{isPost:W,onClick:()=>N(!0),className:"pb-commondityDiroNew-info",style:D?.info,foldText:m?.foldText,unfoldText:m?.unfoldText,text:k?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
+
Made in Italy`})),pe=de(W=>W?.lineClamp?Object.assign(Object.assign({},W),{overflow:"hidden",WebkitLineClamp:W?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):W,[]);return f.createElement("div",{className:"pb-commondityDiroNew"},f.createElement("div",Object.assign({ref:H,className:Z(Object.assign({},y))},_),k&&((a=k?.homePage)===null||a===void 0?void 0:a.length)>0&&f.createElement(st,{height:oe,modules:[Lt,jt],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=k?.homePage)===null||s===void 0?void 0:s.map(W=>f.createElement(qe,{key:W},f.createElement("div",{style:{overflow:"hidden",width:oe,height:oe}},f.createElement(Ve,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${E?.translateY?-E?.translateY+50:50}%`},src:W}))))),!(!((r=k?.homePage)===null||r===void 0)&&r.length)&&f.createElement("div",{className:Z({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},f.createElement("img",{className:Z({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=S?.bottom_image)!==null&&c!==void 0?c:w,alt:""})),f.createElement("div",{className:"pb-commondityDiroNew-content"},f.createElement("div",{className:"pb-commondityDiroNew-content-top"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:pe(D?.title)},(d=k?.title)!==null&&d!==void 0?d:"Large Dior Toujours BagLarge"),f.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!k&&(!k?.collection||k?.collection===""),style:pe(D?.collection)},k?.collection||"Black Macrocannage CalfskinLarge")),f.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},f.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.price,style:pe(D?.price)},re),f.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.taxInfo,style:pe(D?.taxInfo)},(p=k?.taxInfo)!==null&&p!==void 0?p:"\u7A0E\u8D39"))),(!k||k?.link)&&f.createElement("button",{onClick:Y,className:"pb-commondityDiroNew-btn",style:v},(h=$?.enTitle)!==null&&h!==void 0?h:"Shop now"),le({isPost:u}))),f.createElement(zt,{visible:F,onClose:()=>N(!1)},le({isPost:!1})))};var Jl=fe(Xl);const Kl=je(Jl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:ql},defaulSetting:{props:{swiper:{dotsAlign:"left",delay:3},commodityStyles:{price:{color:"#000",fontWeight:"bold",fontSize:13},title:{color:"#000",fontSize:13},collection:{color:"#757575",fontSize:13},info:{color:"#757575",fontSize:13},taxInfo:{color:"#000",fontWeight:"bold",fontSize:13,textAlign:"right"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25,marginTop:16,marginBottom:16}},style:{}},w:100,h:40,sort:1});var gi,bi,Re=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(gi=ce?.[0])===null||gi===void 0?void 0:gi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(bi=ce?.[0])===null||bi===void 0?void 0:bi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],Ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function fn(t){const e=te(null),[i,n]=G(!1);return Q(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),Q(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const Zl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:a=!1,index:s}=t;Ce(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=te(null),c=fn(r),{popup:d}=Je(),{setPopupDetailData:p,ctaEvent:h}=me(),{jumpToWeb:y}=Ue();Q(()=>{var b,I;if(c&&r?.current){const u=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;h?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,u,s)}},[c,r,e,h,s]);const g=Ct(()=>{var b,I,u,w,m,E,D,v;const M=(I=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&I!==void 0?I:e?.video;if(h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,M,s),p?.(Object.assign(Object.assign({},e),{index:s})),a){if(!((w=(u=e?.video)===null||u===void 0?void 0:u.bindProduct)===null||w===void 0)&&w.link){const _=(m=e?.video)===null||m===void 0?void 0:m.bindCta,S=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;y(e,S,_,s),window.location.href=window.getJointUtmLink((v=(D=e?.video)===null||D===void 0?void 0:D.bindProduct)===null||v===void 0?void 0:v.link)}}else o?.()},d?.duration);return f.createElement("div",{ref:r,className:n,style:l,onClick:g},i)};var xt=fe(Zl),es={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const ts=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=Ce(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(xt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Ve,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:es["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var is=fe(ts);const ns=je(is,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Ql,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var os=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ls=t=>{var e,i,n,o,{content:l,style:a,bgImg:s,recData:r,bottom_image:c,ctaTempStyles:d,isExternalLink:p}=t,h=Ce(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=me(),g=(e=r?.video)===null||e===void 0?void 0:e.bindCta;return f.createElement(xt,Object.assign({isExternalLink:p,rec:r,className:Z(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},h),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d?.img))},f.createElement("img",{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=g?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},d?.ctaTitle))},(o=g?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var ss=fe(ls);const as=je(ss,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:os,settingRender:Re?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var rs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const ds=t=>{var e,i,n,o,l,{content:a,style:s,bgImg:r,recData:c,bottom_image:d,ctaTempStyles:p,index:h}=t,y=Ce(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:g,bffEventReport:b}=me(),{jumpToWeb:I}=Ue(),u=(e=c?.video)===null||e===void 0?void 0:e.bindCta,w=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,m=()=>{u?.link&&(I(c,w,u,h),window.location.href=window.getJointUtmLink(u.link))};return f.createElement(xt,Object.assign({index:h,rec:c,className:Z(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},y,{onClick:m}),f.createElement("div",{className:Z(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},p?.img))},f.createElement(Ve,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=u?.icon)!==null&&n!==void 0?n:g?.bottom_image)!==null&&o!==void 0?o:d})),f.createElement("div",{className:Z({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},f.createElement("div",{className:rs["tow-line-ellipsis"],style:p?.ctaTitle},(l=u?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var cs=fe(ds);const us=je(cs,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Re?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var ps=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const fs=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=Ce(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(xt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Ve,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:vs["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop Now")))};var ms=fe(fs);const hs=je(ms,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:ps,settingRender:Re,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var gs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],bs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ys=t=>{var e,i,n,o,l,a,s,r,{content:c,style:d,bgImg:p,recData:h,bottom_image:y,ctaTempStyles:g,isExternalLink:b,translateY:I=0}=t,u=Ce(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=me(),m=(e=h?.video)===null||e===void 0?void 0:e.bindProduct,E=(l=(o=(i=m?.cover)!==null&&i!==void 0?i:(n=m?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&l!==void 0?l:y;return f.createElement(xt,Object.assign({isExternalLink:b,rec:h,className:Z(Object.assign({},d)),style:{display:"flex"}},u),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},g?.img))},f.createElement(Ve,{className:Z({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:E})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},f.createElement("div",{className:bs["tow-line-ellipsis"],style:g?.title},(a=m?.title)!==null&&a!==void 0?a:"Product Name"),f.createElement("div",{className:Z(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},g?.ctaTitle))},(r=(s=m?.bindCta)===null||s===void 0?void 0:s.enTitle)!==null&&r!==void 0?r:"Shop now")))};var ws=fe(ys);const Ss=je(ws,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:gs,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var Ts=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const xs=({children:t,isPadding:e=!0})=>f.createElement(st,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[fo,vo,po],style:{padding:e?"0 12px 0 20px":0}},t);var Rt=fe(xs);const Es=({src:t,rec:e,item:i,index:n,style:o})=>{const l=te(null),a=fn(l),{ctaEvent:s}=me();return Q(()=>{a&&t&&l?.current&&s?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,l,e,s,i,n]),f.createElement("div",{ref:l,hidden:!t,className:Z({width:"100%",height:"100%"})},f.createElement(Ve,{className:Z(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},o)),src:t}))};var yi=fe(Es),Is={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Cs=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=Ce(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:g,setPopupDetailData:b,sxpParameter:I}=me(),{popup:u}=Je(),{jumpToWeb:w}=Ue(),[m,E]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),D=Ct(v=>{g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(w(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Rt,{isPadding:!!a},m?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v?.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(yi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:I?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:Is["two-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var _s=fe(Cs);const Ds=je(_s,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Ts,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var ks=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],As={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Ps=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=Ce(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:g}=me(),{ctaEvent:b,setPopupDetailData:I}=me(),{popup:u}=Je(),[w,m]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:E}=Ue(),D=Ct(v=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),I?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(E(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Rt,{isPadding:!!a},w?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(yi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:g?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},f.createElement("div",{className:As["two-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop Now")))}))};var Os=fe(Ps);const Ms=je(Os,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:ks,settingRender:Re,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var Ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],js={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Ns=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:s,bottom_image:r,ctaTempStyles:c,isExternalLink:d,index:p,translateY:h=0}=t,y=Ce(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:g,setPopupDetailData:b,sxpParameter:I}=me(),{popup:u}=Je(),{jumpToWeb:w}=Ue(),[m,E]=G((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),D=Ct(v=>{g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,v,p),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:v}),index:p})),d?v?.link&&(w(a,v,v.bindCta,p),window.location.href=window.getJointUtmLink(v.link)):s?.()},u?.duration);return f.createElement(Rt,{isPadding:!!a},m?.map(v=>{var M,_,S,x,A,T,C;return f.createElement(qe,Object.assign({hidden:a&&!v?.bindCta,key:v?.itemId,className:Z(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>D(v)}),f.createElement("div",{className:Z(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},f.createElement(yi,{src:(x=(S=(M=v?.cover)!==null&&M!==void 0?M:(_=v?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:I?.bottom_image)!==null&&x!==void 0?x:r,rec:a,item:v,index:p,style:{objectPosition:`50% ${h?-h+50:50}%`}})),f.createElement("div",{className:Z({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},f.createElement("div",{className:js["tow-line-ellipsis"],style:c?.title},(A=v?.title)!==null&&A!==void 0?A:"Product Name"),f.createElement("div",{className:Z(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(C=(T=v?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&C!==void 0?C:"Shop now")))}))};var Bs=fe(Ns);const zs=je(Bs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Ls,bindableProps:[],settingRender:Re},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var wi,Si,Vs=[{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:ce,name:["fontFamily"],initialValue:(wi=ce?.[0])===null||wi===void 0?void 0:wi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(Si=ce?.[0])===null||Si===void 0?void 0:Si.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const Rs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:a}=me();return f.createElement("div",{className:"clc-sxp-nav",style:e},f.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),f.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var mn=fe(Rs),Fs=null,Hs="3d989325-e7d6-4a74-8a97-98febdf5b567",Us=null,Gs=null,$s={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Ws=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],Ys="Handbags",qs={productUserId:Fs,requestId:Hs,channel:Us,rtc:Gs,tag:$s,recList:Ws,hashTag:Ys};const Xs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:a}=t,{swiperRef:s,setRtcList:r,setOpenHashtag:c,bffEventReport:d,sxpParameter:p}=me(),[h,y]=G(!1),g=te(null),b=te(null),I=te(null),u=te(null),[w,m]=G(""),E=ne(()=>{var S,x,A,T,C,O,j,V,H,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(x=e?.video)===null||x===void 0?void 0:x.cover:!((T=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||T===void 0)&&T.length?(O=(C=e?.video)===null||C===void 0?void 0:C.imgUrls)===null||O===void 0?void 0:O[0]:!((V=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||V===void 0)&&V.length?(F=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||F===void 0?void 0:F[0]:p?.bottom_image||""},[e,p?.bottom_image]),D=ne(()=>{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]),v=ne(()=>{var S,x,A,T,C,O,j,V,H;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((x=e?.product)===null||x===void 0)&&x.price)?`${(O=(C=(T=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||T===void 0?void 0:T.split("-")[1])===null||C===void 0?void 0:C.toUpperCase())!==null&&O!==void 0?O:""}${(H=(V=(j=e?.product)===null||j===void 0?void 0:j.price)===null||V===void 0?void 0:V.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&H!==void 0?H:""}`:null},[e]);Q(()=>{const S=new IntersectionObserver(x=>{x.forEach(A=>{if(A.isIntersecting){if(b.current===null||E==="")return;h&&w?g.current.setSrc(w):g.current.setSrc(E),S.unobserve(b.current)}})});return S.observe(b.current),()=>{S.disconnect()}},[E,h,w]);const M=(S,x,A)=>{const T=S/x;return A/T};Q(()=>{const S=I?.current;S===null||E===""||!h||(S.src=E,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const x=u?.current;if(!x)return;const A=x.getContext("2d"),T=window?.innerWidth/2,C=M(S.videoWidth,S.videoHeight,T);x.height=C,x.width=T,A?.drawImage(S,0,0,x.width,x.height),m(x.toDataURL()),S.remove(),x.remove()})},[E,h]);const _=()=>{o(),r?.(n),setTimeout(()=>{var S;(S=s?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),c?.(!1)},0)};return f.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:a}},f.createElement("div",{className:"list-content-listItem-picture"},h&&f.createElement("div",{style:{display:"none"}},f.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),f.createElement("canvas",{ref:u})),f.createElement(Ve,{loading:"lazy",className:"list-content-listItem-picture-img",ref:g})),f.createElement("div",{className:"list-content-listItem-info"},f.createElement("div",{className:`list-content-listItem-info-title ${v?"list-content-listItem-info-nowrap":""}`,style:l?.title},D&&D),f.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!v},v)))};function Js(t){var e,i,n,o,l,a,s,r,c,d,p,h,{reportTagsView:y}=t,g=Ce(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:I,hashTagSize:u,loadingImage:w,isOpenHashTag:m}=me(),[E,D]=G(),[v,M]=G(),[_,S]=G(!1),x=te(null),[A,T]=G(!1);de(()=>{A||(T(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(O=>{var j;D(E?.concat((j=O?.recList)!==null&&j!==void 0?j:[])),T(!1)}))},[b,I,E,A]),Q(()=>{var O,j;if(S(!0),b&&I?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:u,maxSize:u}).then(V=>{var H,F;M(V),D((F=(H=V?.recList)===null||H===void 0?void 0:H.filter(N=>N?.video!==null||N?.product!==null))!==null&&F!==void 0?F:[]),S(!1)}),m){const V=qs;M(V),D((j=(O=V?.recList)===null||O===void 0?void 0:O.filter(H=>H?.video!==null||H?.product!==null))!==null&&j!==void 0?j:[]),S(!1)}},[b,I,u,m]);const C=()=>{var O,j;!((O=v?.tag)===null||O===void 0)&&O.link&&(y(),window.location.href=(j=v?.tag)===null||j===void 0?void 0:j.link)};return f.createElement(f.Fragment,null,_?f.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):f.createElement("div",{className:"list"},f.createElement("div",{className:"list-scroll",ref:x},f.createElement("div",{className:"list-info",style:(e=g?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=v?.tag)===null||i===void 0?void 0:i.info),f.createElement("div",{hidden:!(!((n=v?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:C,style:Object.assign(Object.assign({},(o=g?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:g?.space})},((l=v?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),f.createElement("div",{className:"list-content"},E?.map((O,j)=>f.createElement(Xs,Object.assign({key:j,index:j,rec:O,list:E,reportTagsView:y},g)))),f.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),f.createElement("div",{hidden:!(!((a=v?.tag)===null||a===void 0)&&a.link),style:{height:!((s=v?.tag)===null||s===void 0)&&s.link?((r=g?.buttonBgStyle)===null||r===void 0?void 0:r.height)||((c=g?.buttonStyle)===null||c===void 0?void 0:c.height)||"100px":0}})),f.createElement("div",{className:"list-bottom",hidden:!(!((d=v?.tag)===null||d===void 0)&&d.link),style:g?.buttonBgStyle}),f.createElement("div",{hidden:!(!((p=v?.tag)===null||p===void 0)&&p.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},g?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},f.createElement("button",{className:"list-btn",style:g?.buttonStyle,onClick:C},((h=v?.tag)===null||h===void 0?void 0:h.linkTitle)||"Shop the collection"))))}var Ks="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Qs=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:a,cacheRtcList:s,setRtcList:r,cacheActiveIndex:c,rtcList:d,setCacheRtcList:p,setIsFromHashtag:h,isFromHashtag:y,bffEventReport:g}=me();te(null);const b=te(null),[I,u]=G();Q(()=>{const v=document.getElementById("sxp-render"),M=document.getElementById("water-fall");M?b.current=M:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),v?.appendChild(b.current))},[]);const w=()=>{const v=_i(d,s);!v&&s&&s?.length&&r?.(s),D(),a?.(void 0),h?.(!1),setTimeout(()=>{var M,_;v||(_=(M=l?.current)===null||M===void 0?void 0:M.swiper)===null||_===void 0||_.slideTo(c,0,!1),n?.(!1)},0)},[m,E]=G();Q(()=>{i&&E(i)},[i]);const D=de(()=>{var v,M,_,S,x,A;const T=m?.rec;if(!T)return;let C="";y?C="hashTagPage":!((v=T?.video)===null||v===void 0)&&v.url?C="videoPage":!((_=(M=T?.video)===null||M===void 0?void 0:M.imgUrls)===null||_===void 0)&&_.length&&(C="imagePage"),g?.({eventInfo:{contentId:(S=T?.video)===null||S===void 0?void 0:S.itemId,position:c+"",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([m?.hashTag]),fromKName:C,fromKPage:location?.href,timeOnSite:Math.floor((new Date-I)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[m,g,I,y,c]);return Q(()=>{o&&u(new Date)},[o]),Q(()=>{const v=()=>{u(new Date)};return window.addEventListener("pageshow",v),()=>{window.removeEventListener("pageshow",v)}},[]),b.current?Pi.createPortal(f.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},f.createElement(mn,{icon:Ks,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),f.createElement(Js,Object.assign({reportTagsView:D},t))),b.current):null};var hn=fe(Qs);const Zs=t=>f.createElement(hn,Object.assign({},t));var ea=fe(Zs);const ta=je(ea,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Vs,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Ti=Object.freeze({__proto__:null,Appoint:as,AppointForm:to,Commodity:ns,CommodityDetail:Fl,CommodityDetailDiroNew:Kl,CommodityDiro:hs,CommodityDiroNew:Ss,HashTag:ta,Link:us,MultiCommodity:Ms,MultiCommodityDiro:Ds,MultiCommodityDiroNew:zs,Prompt:Yl});const ia="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",na="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",oa=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,a=Ce(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:r,bffEventReport:c}=me(),[d,p]=G(e),h=Be(na),y=Be(ia),g=Ut(()=>Ae(void 0,void 0,void 0,function*(){var b,I,u,w,m,E,D,v,M,_,S,x,A,T,C,O,j,V,H,F;if(d){p(!1);const N=(u=yield r?.({videoItemId:(I=(b=o?.video)===null||b===void 0?void 0:b.itemId)!==null&&I!==void 0?I:""}))!==null&&u!==void 0?u:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(w=o?.video)===null||w===void 0?void 0:w.itemId)!==null&&m!==void 0?m:"",contentName:(D=(E=o?.video)===null||E===void 0?void 0:E.title)!==null&&D!==void 0?D:"",contentTags:JSON.stringify((M=(v=o?.video)===null||v===void 0?void 0:v.tags)!==null&&M!==void 0?M:[]),position:l+"",contentFormat:!((_=o?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=o?.video)===null||S===void 0?void 0:S.traceInfo}}),N||p(!0)}else{p(!0);const N=(x=yield s?.({content:JSON.stringify(o)}))!==null&&x!==void 0?x:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(T=(A=o?.video)===null||A===void 0?void 0:A.itemId)!==null&&T!==void 0?T:"",contentName:(O=(C=o?.video)===null||C===void 0?void 0:C.title)!==null&&O!==void 0?O:"",contentTags:JSON.stringify((V=(j=o?.video)===null||j===void 0?void 0:j.tags)!==null&&V!==void 0?V:[]),position:l+"",contentFormat:!((H=o?.video)===null||H===void 0)&&H.url?"video":"image",traceInfo:(F=o?.video)===null||F===void 0?void 0:F.traceInfo}}),N||p(!1)}}),200);return f.createElement("button",Object.assign({},a,{onClick:g}),f.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:d?i||h:n||y,alt:"icon"}))};var gn=fe(oa);const la=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,videoRef:s})=>{const[r,c]=G(!1),{bffEventReport:d,sxpParameter:p,waterFallData:h,openHashtag:y,bffFbReport:g}=me(),b=te(0),[I,u]=G(!1),[w,m]=G(!0),{isActive:E}=pn(),D=te(null),[v,M]=G(""),_=`pb-cache-video-${e}`,S=te(null),x=ne(()=>a?.mode==="2",[a]),A=ne(()=>{var z;return a?.mode==="2"?`translateY(-${50+((z=a?.offsetTop)!==null&&z!==void 0?z:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),T=ne(()=>{var z;return((z=t?.video)===null||z===void 0?void 0:z.cover)||v},[v,t]),C=ne(()=>x?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[x]),O=ne(()=>a?.bgWay==="1",[a]),j=ne(()=>O&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,O]);Q(()=>{s&&s?.muted(o)},[o,s]);const V=de(()=>{s&&s?.play()},[s]),H=Be("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=de(()=>{var z,Y,re,oe,le,pe,W,ue,X;if(!s)return;u(!0),c(!1);const K=n[e];if(K&&s?.duration()){b.current=s?.currentTime()||0;const Te=((z=s?.duration())!==null&&z!==void 0?z:0).toFixed(2),R=((Y=s?.currentTime())!==null&&Y!==void 0?Y:0).toFixed(2),U=w?"0":"1";d?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(oe=(re=K?.video)===null||re===void 0?void 0:re.itemId)!==null&&oe!==void 0?oe:"",contentName:(pe=(le=K?.video)===null||le===void 0?void 0:le.title)!==null&&pe!==void 0?pe:"",playType:U,startTime:R,videoDuration:Te,contentTags:JSON.stringify((ue=(W=K?.video)===null||W===void 0?void 0:W.tags)!==null&&ue!==void 0?ue:[]),position:e+"",contentFormat:"video",traceInfo:(X=K?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[d,n,e,w,s]),N=de(()=>{var z;if(!s||v||!x)return;const Y=document.getElementById("player-container-id_html5_api");if(!Y||(Y.style.objectFit="contain",!((z=t?.video)===null||z===void 0)&&z.cover||!D||!D.current||O))return;const re=()=>{const oe=Y,le=D?.current,pe=le.getContext("2d"),W=window?.innerWidth,ue=window?.innerHeight;le.height=ue,le.width=W,pe?.drawImage(oe,0,0,le.width,le.height),M(le.toDataURL())};re(),setTimeout(()=>{re()},500)},[s,O,t,v,x]),B=de(()=>{s&&N()},[s,N]);de(()=>{u(!0)},[]);const L=de(z=>()=>{if(!s||!I)return;const Y=s?.paused();switch(z){case"start":if(!Y)return;s?.play(),c(!1);break;case"pause":if(Y)return;s?.pause(),c(!0);break;default:Y?s?.play():s?.pause(),c(!Y);break}},[I,s]),k=de(()=>{var z,Y,re,oe,le,pe,W,ue,X;if(!s||l!==e)return;const K=n[e],Te=((z=s?.duration())!==null&&z!==void 0?z:0).toFixed(2),R=((Y=s?.currentTime())!==null&&Y!==void 0?Y:0).toFixed(2);if(s?.duration()){const U=(s?.currentTime()-b.current).toFixed(2);d?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(oe=(re=K?.video)===null||re===void 0?void 0:re.itemId)!==null&&oe!==void 0?oe:"",contentName:(pe=(le=K?.video)===null||le===void 0?void 0:le.title)!==null&&pe!==void 0?pe:"",endTime:R,videoDuration:Te,playDuration:U,contentTags:JSON.stringify((ue=(W=K?.video)===null||W===void 0?void 0:W.tags)!==null&&ue!==void 0?ue:[]),position:e+"",contentFormat:"video",traceInfo:(X=K?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,d,s,l]);Q(()=>{if(!E||!s)return;const z=t?.video.url;if(!z)return;s?.src(z),c(!1);const Y=document.querySelector(`#${_}`),re=document.querySelector("#player-container-id"),oe=document.querySelector("#player-container-id-copy");if(!(!re&&!oe))return Y?.appendChild(re||oe),s?.on("loadedmetadata",B),s?.on("loadeddata",N),s?.on("playing",F),s?.on("pause",k),s?.on("ended",V),()=>{oe?.appendChild(re),s?.off("loadedmetadata",B),s?.off("loadeddata",N),s?.off("playing",F),s?.off("pause",k),s?.off("ended",V)}},[E,_,t,s]),Q(()=>{!s||!I||(E?(g?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[E,I,s]),Q(()=>{if(!E||!s)return;!s?.paused()&&y?s?.pause():y||s?.play()},[y,E,s]),Q(()=>{if(!E)return;const z=()=>{L("start")(),g?.({eventName:"ViewContent"})},Y=L("pause");return Ke.on(He.PAGE_DID_SHOW,z),Ke.on(He.PAGE_DID_HIDE,Y),()=>{Ke.off(He.PAGE_DID_SHOW,z),Ke.off(He.PAGE_DID_HIDE,Y)}},[L,E]);const $=ne(()=>!p?.placeholder_image||I?null:f.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:p?.placeholder_image}),[I,p?.placeholder_image]);return Q(()=>{if(!s)return;const z=()=>{var Y;l===e&&(!((Y=t?.video)===null||Y===void 0)&&Y.url)&&s&&!r&&L("pause")()};return window.addEventListener("beforeunload",z),()=>{window.removeEventListener("beforeunload",z)}},[l,e,t,s,L,r]),t?.video?f.createElement(f.Fragment,null,x?f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},j)},!O&&f.createElement(Ve,{src:T,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},C)}),f.createElement("canvas",{ref:D,style:{display:"none"}}),f.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},f.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},f.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:H}))),$):f.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},f.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),$,f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:H}))):null};var sa=fe(la);const aa=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,a]=G(t),s=r=>{r.stopPropagation();const c=!l;a(c),n?.(c)};return f.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},f.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var bn=fe(aa);const ra=({imageUrl:t,style:e})=>{const[i,n]=G(!0);Je(),Q(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const o=Be("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),l=ne(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return f.createElement("div",{hidden:!i,className:`pb-finger-wrap ${l}`,style:e},f.createElement("img",{src:t||o}))},yn=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=ne(()=>n?.mode==="2",[n]),l=ne(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=ne(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]),s=ne(()=>n?.bgWay==="1",[n]),r=ne(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return f.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},r)},(!o||!s)&&f.createElement(Ve,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a)}),o&&f.createElement(Ve,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},da=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:a,imgUrlsPostConfig:s})=>{var r;const c=te(),{isActive:d}=pn(),{sxpParameter:p,openHashtag:h}=me(),[y,g]=G(!1);return Q(()=>{y&&d?(c?.current&&c.current.swiper.autoplay.start(),h?l(n):a(o)):(g(!0),c?.current&&c.current.swiper.autoplay.stop())},[n,d,l,h,o,a,y]),f.createElement(st,{ref:c,defaultValue:0,direction:"horizontal",modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=s?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map(b=>f.createElement(qe,{key:b},f.createElement(yn,{src:b,height:i,imgUrlsPostConfig:s}))))};var ca=fe(da);const ua=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[a,s]=G(!1),{setWaterFallData:r,setOpenHashtag:c,setCacheActiveIndex:d,waterFallData:p,setIsFromHashtag:h}=me(),y=g=>{p?h?.(!0):d?.(n),r?.(i?{hashTag:g,itemId:e,itemType:i,rec:o}:{hashTag:g,rec:o}),c?.(!0)};return ne(()=>t.length<=6?null:f.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!a)},a?"show less":"show more"),[a,t]),f.createElement("div",{className:"clc-sxp-bottom-hashtag"},f.createElement(Rt,null,t?.map((g,b)=>f.createElement(qe,{key:b,hidden:a?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>y(g)},`#${g}`))))};var wn=fe(ua),pa="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 Ft(t){return fe(function(e){const{$store:i}=Fn(),n=l=>{let a=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(c,d)=>{if(d){const p=Di(i,d);return a=a.replace(r,p),p}})}),a},o=ne(()=>{var l,a,s;const{bindDatas:r}=e,c=Ce(e,["bindDatas"]);if((l=r?.forEach)===null||l===void 0||l.call(r,d=>{if(d?.propKey&&d?.dataPath){const{propKey:p,dataPath:h}=d;h.replace(/{{\s*([\w.]+)\s*}}/g,(y,g)=>{var b,I;if(g){const u=(I=(b=Di(i,g))!==null&&b!==void 0?b:e[p])!==null&&I!==void 0?I:"";return c[p]=u,u}})}}),c){c.eventMap={};const d=bt(c.event)||{};for(const p in d)if(Object.prototype.hasOwnProperty.call(d,p))try{d[p].value=n(d[p].value),c.eventMap[p]=new Function(d[p].value)}catch{}}return!((s=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||s===void 0)&&s.linkType&&(c.style.cursor="pointer"),c},[i,e]);return f.createElement(t,Object.assign({},o,o.eventMap))})}const va=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Je(),l=ne(()=>{var a,s,r,c,d,p,h,y,g,b,I,u,w,m,E,D,v,M,_,S,x,A,T,C,O,j,V,H,F,N,B;if(!t?.video)return null;let L=null;!((s=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||s===void 0)&&s.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(d=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||d===void 0?void 0:d.itemId;const k=i?.[L];if(((p=k?.item)===null||p===void 0?void 0:p.type)==="CommodityDiro"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((y=k?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((b=k?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((u=k?.item)===null||u===void 0?void 0:u.type)==="MultiCommodity"&&!(!((m=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||m===void 0)&&m.length)||((E=k?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((v=(D=t?.video)===null||D===void 0?void 0:D.bindProducts)===null||v===void 0)&&v.length)||((M=k?.item)===null||M===void 0?void 0:M.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(k&&n){const $=n[(x=k?.item)===null||x===void 0?void 0:x.type],z=Ft($),Y=(A=$?.extend)===null||A===void 0?void 0:A.defaulSetting,re=((O=(C=(T=k?.item)===null||T===void 0?void 0:T.event)===null||C===void 0?void 0:C.onClick)===null||O===void 0?void 0:O.linkType)==="externalLink";return f.createElement(z,Object.assign({style:Object.assign(Object.assign(Object.assign({},Y?.style),(j=k?.item)===null||j===void 0?void 0:j.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},Y?.textStyle),(V=k?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(H=k?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&F!==void 0?F:[]},Y?.props,(N=k?.item)===null||N===void 0?void 0:N.props,{event:((B=k?.item)===null||B===void 0?void 0:B.event)||{},schema:o,id:k?.id,key:k?.id,recData:t,isExternalLink:re,index:e}))}else return null},[t,n,i,o]);return f.createElement(f.Fragment,null,l)};var Sn=fe(va);const Tn=({nudge:t})=>{var e,i,n,o,l,a,s;return f.createElement(f.Fragment,null,t?.isOpen&&f.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?f.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,f.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(s=t?.content)!==null&&s!==void 0?s:"")))},xi="FOR U",fa=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=G(xi),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:a,setCacheActiveIndex:s,setLoading:r,swiperRef:c,waterFallData:d}=me(),p=ne(()=>[xi,...t],[t]),h=y=>()=>{if(y===i)return;let g;y!==xi&&(g=y),r?.(!0),o?.({themeTag:g}).then(b=>{var I,u,w,m;Ke.emit(He.CHANGE_THEME_TAG,g),l?.((I=b?.recList)!==null&&I!==void 0?I:[]),a?.((u=b?.recList)!==null&&u!==void 0?u:[]),e?.(0),s?.(0),(m=(w=c?.current)===null||w===void 0?void 0:w.swiper)===null||m===void 0||m.slideTo(0)}).finally(()=>{r?.(!1)}),n(y)};return d||t.length<=0?null:f.createElement("div",{className:"clc-sxp-tagbar"},f.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},p.map(y=>f.createElement("li",{className:`clc-sxp-tagbar-list-item ${y===i?"clc-sxp-tagbar-list-item-active":""}`,key:y,onClick:h(y)},y))))};var xn=fe(fa);const En=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:a=[],ctaType:s,tipText:r,nudge:c,_schema:d,hashTagStyle:p,tagList:h=[],licenseUrl:y})=>{var g,b,I,u,w,m,E,D,v,M;const{schema:_}=Je(),[S,x]=G(0),A=te(0),[T,C]=G(!1),[O,j]=G(!0),V=te(),H=te(),[F,N]=G(!1),[B,L]=G(!1),{loadVideos:k,bffEventReport:$,loading:z,setPopupDetailData:Y,ctaEvent:re,swiperRef:oe,waterFallData:le,setOpenHashtag:pe,appDomain:W,openHashtag:ue,loadingImage:X,isFromHashtag:K,popupDetailData:Te,bffFbReport:R}=me(),[U,ae]=G(null),Se=te(),{productView:we}=Ue(),Ie=ne(()=>a.length>0&&!z&&$n(),[a,z]),ge=de(()=>{if(a.length<=0)return;Oe();const P=location.search.slice(1),ee=Ai.parse(P.replace(/\+/g,"%2B"));for(const ie in ee)ee[ie]=ee[ie].replace(/%2B/g,"+");const q=ie=>{var ve;return(ve=ee[ie])!==null&&ve!==void 0?ve:""};$?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:q("utm_source"),utmMedium:q("utm_medium"),utmCampaign:q("utm_campaign"),utmId:q("utm_id"),utmContent:q("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),R?.({eventName:"PageView"}),C(!0)},[$,a.length,R]),Oe=()=>{V.current=new Date,H.current=new Date,Un()},$e=te();Q(()=>{var P,ee,q;if(!$e.current&&!U&&Se?.current&&a?.length>0){$e.current=!0;const ie=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:[{src:(q=(ee=(P=a?.[0])===null||P===void 0?void 0:P.video)===null||ee===void 0?void 0:ee.url)!==null&&q!==void 0?q:""}]});ie?.ready(()=>{ae(ie)})}},[U,y,a]),Q(()=>{T||ge()},[ge,T]),Q(()=>{var P;const ee=a?.findIndex(q=>{var ie,ve,he,J,se,ye,De,ke,be;return s==="\u591A\u5546\u54C1CTA"?((ie=q?.video)===null||ie===void 0?void 0:ie.bindProducts)&&((he=(ve=q?.video)===null||ve===void 0?void 0:ve.bindProducts)===null||he===void 0?void 0:he.length)>0:s==="\u5546\u54C1CTA"?(J=q?.video)===null||J===void 0?void 0:J.bindProduct:((ye=(se=q?.video)===null||se===void 0?void 0:se.bindCta)===null||ye===void 0?void 0:ye.itemId)===s&&(((De=q?.video)===null||De===void 0?void 0:De.url)||((be=(ke=q?.video)===null||ke===void 0?void 0:ke.imgUrls)===null||be===void 0?void 0:be.length))})||0;(P=oe?.current)===null||P===void 0||P.swiper.slideTo(ee)},[s,oe]),Q(()=>{const P=a?.[S],ee=()=>{var q,ie,ve,he,J,se,ye,De,ke,be,xe,it,nt,ot,Ze,gt;if(document.visibilityState==="hidden"){Ke.emit(He.PAGE_DID_HIDE,P),ct(P),Ht(P);let Ee="";Te&&(!((ie=(q=P?.video)===null||q===void 0?void 0:q.bindProducts)===null||ie===void 0)&&ie.length||!((ve=P?.video)===null||ve===void 0)&&ve.bindProduct)?Ee="pdpPage":Te&&((ye=o?.[(se=(J=(he=P?.video)===null||he===void 0?void 0:he.bindCta)===null||J===void 0?void 0:J.itemId)!==null&&se!==void 0?se:""].item)===null||ye===void 0?void 0:ye.type)==="Appoint"?Ee="formPage":K?Ee="hashTagPage":!((De=P?.video)===null||De===void 0)&&De.url?Ee="videoPage":!((ke=P?.video)===null||ke===void 0)&&ke.imgUrls&&(!((xe=(be=P?.video)===null||be===void 0?void 0:be.imgUrls)===null||xe===void 0)&&xe.length)?Ee="imagePage":P?.product&&(Ee="productPage"),$?.({eventInfo:{sessionDuration:Math.floor((new Date-V.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(it=P?.video)===null||it===void 0?void 0:it.itemId,productId:(nt=P?.product)===null||nt===void 0?void 0:nt.itemId,position:S+"",fromKName:Ee,fromKPage:location?.href,ctatId:(gt=(Ze=(ot=P?.video)===null||ot===void 0?void 0:ot.bindCta)===null||Ze===void 0?void 0:Ze.itemId)!==null&>!==void 0?gt:""}})}else document.visibilityState==="visible"&&(ge(),Ci(S),Ke.emit(He.PAGE_DID_SHOW,P))};return document.addEventListener("visibilitychange",ee),()=>{document.removeEventListener("visibilitychange",ee)}},[S,$,V,a,ge,Te,K,o]);const Xe=ne(()=>{let P=0;return h.length>0&&(P+=45,le&&(P-=45)),P},[h,le]),Fe=ne(()=>{let P=0;return t?.logoUrl&&t?.isShowLogo&&(P+=45),i-P-Xe},[t,i,Xe]),mt=ne(()=>t?.logoUrl&&t?.isShowLogo?f.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},f.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),at=de((P,ee)=>{var q,ie,ve,he;return!((q=P?.video)===null||q===void 0)&&q.url?f.createElement(sa,{rec:P,index:ee,muted:O,data:a,height:Fe,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:U}):!((ie=P?.video)===null||ie===void 0)&&ie.imgUrls?f.createElement(ca,{key:P?.video.itemId,imgUrls:P?.video.imgUrls,width:n,height:Fe,rec:P,index:ee,onReportViewImageEnd:ct,onViewImageStartEvent:Ci,imgUrlsPostConfig:t?.imgUrlsPost}):P.product&&Array.isArray(t?.productPost)&&((ve=t?.productPost)===null||ve===void 0?void 0:ve.length)>0?(he=t?.productPost)===null||he===void 0?void 0:he.map((J,se)=>{var ye,De,ke,be,xe,it,nt,ot;const Ze=l[(ye=J?.item)===null||ye===void 0?void 0:ye.type],gt=Ft(Ze),Ee=(De=Ze?.extend)===null||De===void 0?void 0:De.defaulSetting;return f.createElement(gt,Object.assign({key:`${ee}${se}`,textStyle:Object.assign(Object.assign({},Ee?.textStyle),(ke=J?.item)===null||ke===void 0?void 0:ke.textStyle),bindDatas:(xe=(be=J?.item)===null||be===void 0?void 0:be.bindDatas)!==null&&xe!==void 0?xe:[]},Ee?.props,(it=J?.item)===null||it===void 0?void 0:it.props,{event:((nt=J?.item)===null||nt===void 0?void 0:nt.event)||{},schema:_,id:J?.id,viewTime:H.current,rec:P,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},Ee?.style),(ot=J?.item)===null||ot===void 0?void 0:ot.style),{height:"100%",overflow:"auto"}),index:ee}))}):null},[n,a,Fe,O,S,t?.productPost,H,r,l,_,U]),rt=de(P=>{L(P)},[]),ht=ne(()=>B?{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"},[B]),dt=de((P,ee)=>{var q,ie,ve,he,J,se,ye;return P?.video?f.createElement(f.Fragment,null,((q=P?.video)===null||q===void 0?void 0:q.title)&&!B&&f.createElement("div",{className:"clc-sxp-bottom-shadow"}),f.createElement("div",{className:"clc-sxp-bottom"},f.createElement(Tn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?f.createElement("div",{className:"clc-sxp-bottom-card"},f.createElement(Sn,{rec:P,index:ee,tempMap:o,resolver:l})):null,f.createElement("div",null,f.createElement(Vt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(ve=(ie=P?.video)===null||ie===void 0?void 0:ie.title)!==null&&ve!==void 0?ve:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),f.createElement(wn,{index:S,tags:(J=(he=P?.video)===null||he===void 0?void 0:he.hashTags)!==null&&J!==void 0?J:[],itemId:(se=P?.video)===null||se===void 0?void 0:se.itemId,itemType:!((ye=P?.video)===null||ye===void 0)&&ye.itemId?"VIDEO":null,rec:P,hashTagStyle:p})))):null},[e,S,o,l,r,c,p,t,rt,B,ht]),Me=de((P,ee)=>{var q,ie,ve,he;if(!t?.isShowLike)return;let J=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return le&&J<40&&(J+=40),P?.video?f.createElement(gn,{key:P.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:P.isCollected,recData:P,className:"clc-sxp-like-button",style:{[(ie=t.likeIconXPosit)!==null&&ie!==void 0?ie:"right"]:(ve=t.likeIconX)!==null&&ve!==void 0?ve:0,[(he=t.likeIconYPosit)!==null&&he!==void 0?he:"bottom"]:J},position:ee}):null},[t,le]),ct=P=>{var ee,q,ie,ve,he,J;if(!(!((ee=P?.video)===null||ee===void 0)&&ee.url)&&(!((q=P?.video)===null||q===void 0)&&q.imgUrls)){const se=Date.now(),ye=(se-A.current)/1e3;$?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ve=(ie=P?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",contentName:(he=P?.video.title)!==null&&he!==void 0?he:"",imageEndTime:`${se}`,playDuration:`${ye}`,contentTags:JSON.stringify((J=P?.video.tags)!==null&&J!==void 0?J:[]),position:S+"",contentFormat:"image",traceInfo:P?.video.traceInfo}})}},ut=P=>{var ee,q,ie,ve,he,J,se,ye,De,ke;H.current=new Date;const be=a[P.previousIndex];if(!be)return;P.previousIndex-P.activeIndex<0?($?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ee=be?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&q!==void 0?q:"",productId:(ve=(ie=be?.product)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",requestId:null}}),ct(be)):($?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(J=(he=be?.video)===null||he===void 0?void 0:he.itemId)!==null&&J!==void 0?J:"",productId:(ye=(se=be.product)===null||se===void 0?void 0:se.itemId)!==null&&ye!==void 0?ye:"",requestId:null}}),ct(be)),Ht(be);const xe=a[P.activeIndex];!(!((De=xe?.video)===null||De===void 0)&&De.url)&&!(!((ke=xe?.video)===null||ke===void 0)&&ke.imgUrls)&&xe?.product&&R?.({eventName:"ProductView"})},Ht=P=>{var ee,q,ie;!(!((ee=P?.video)===null||ee===void 0)&&ee.url)&&!(!((q=P?.video)===null||q===void 0)&&q.imgUrls)&&P?.product&&we(P,P.product,(ie=P?.product)===null||ie===void 0?void 0:ie.bindCta,H.current,S)};Q(()=>{const P=a[S];ue&&Ht(P)},[ue,a,S]);const Ci=P=>{var ee,q,ie,ve,he,J;const se=a[P];if(!(!((ee=se?.video)===null||ee===void 0)&&ee.url)&&(!((q=se?.video)===null||q===void 0)&&q.imgUrls)){const ye=Date.now();A.current=ye,$?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ve=(ie=se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&ve!==void 0?ve:"",contentName:(he=se?.video.title)!==null&&he!==void 0?he:"",imageStartTime:`${ye}`,contentTags:JSON.stringify((J=se?.video.tags)!==null&&J!==void 0?J:[]),position:P+"",contentFormat:"image",traceInfo:se?.video.traceInfo}}),R?.({eventName:"ViewContent"})}},Et=ne(()=>{const P=a?.map((ee,q)=>S===q||q-1===S||q+1===S?ee:null);return le?P:P.concat([{loading:!0}])},[a,S,le]),Cn=ne(()=>z?f.createElement("div",{style:{height:Fe,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:X,alt:"loading...",style:{objectFit:"contain"}})):Et?.map((P,ee)=>f.createElement(qe,{key:ee,virtualIndex:ee},P&&f.createElement(f.Fragment,null,P?.loading?f.createElement("div",{style:{height:Fe,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},f.createElement("img",{width:64,height:64,src:X,alt:"loading...",style:{objectFit:"contain"}})):f.createElement(f.Fragment,null,at(P,ee),dt(P,ee),Me(P,ee))))),[n,a,Fe,z,dt,at,Et,X]),_n=Be("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Dn=Be("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return f.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},le&&f.createElement(mn,{icon:pa,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{pe?.(!0)}}),mt,f.createElement(xn,{tagList:h,setActiveIndex:x}),Ie?f.createElement(ra,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((g=t?.swipeTipOffset)!==null&&g!==void 0?g:0)}%`}}):null,f.createElement(st,{style:{marginTop:Xe},ref:oe,onSlideChange:()=>{oe.current.swiper.allowTouchMove=!1,setTimeout(()=>{oe.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:P=>{x(P.activeIndex),!ue&&(ut(P),!le&&P?.activeIndex+2>=a?.length&&(F||(N(!0),k?.(Math.ceil(S/10)+1).then(()=>{N(!1)}))))},direction:"vertical",height:Fe},f.createElement(bn,{style:{position:"fixed",visibility:!((I=(b=a?.[S])===null||b===void 0?void 0:b.video)===null||I===void 0)&&I.url?"visible":"hidden",zIndex:999,[(u=t?.muteIconXPosit)!==null&&u!==void 0?u:"right"]:(w=t?.muteIconX)!==null&&w!==void 0?w:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(E=t?.muteIconY)!==null&&E!==void 0?E:23},defaultValue:O,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_n,unactiveIcon:t?.muteIcon?t?.muteIcon:Dn,onChange:j}),Cn),f.createElement(hn,Object.assign({},(M=(v=(D=t?.hashTag)===null||D===void 0?void 0:D[0])===null||v===void 0?void 0:v.item)===null||M===void 0?void 0:M.props)),f.createElement("div",{style:{position:"absolute",zIndex:-100}},f.createElement("video",{ref:Se,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),f.createElement("div",{id:"player-container-id-copy"})))},ma=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>f.createElement(st,{defaultValue:0,direction:"horizontal",modules:[Lt,jt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>f.createElement(qe,{key:a},f.createElement(yn,{src:a,height:i,imgUrlsPostConfig:n}))));var ha=fe(ma);const ga=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,width:s})=>{const[r,c]=G(!1),d=te(null),{bffEventReport:p,sxpParameter:h,waterFallData:y,openHashtag:g}=me(),b=te(0),[I,u]=G(!1),[w,m]=G(!0),E=te(null),[D,v]=G("");Q(()=>{d.current&&(d.current.muted=o)},[o]);const M=de(()=>{var N;(N=d.current)===null||N===void 0||N.play()},[]),_=Be("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=de(()=>{var N,B,L,k,$,z,Y,re,oe,le,pe,W,ue;c(!1);const X=n[e];if(X&&(!((N=d?.current)===null||N===void 0)&&N.duration)){b.current=((B=d?.current)===null||B===void 0?void 0:B.currentTime)||0;const K=((k=(L=d.current)===null||L===void 0?void 0:L.duration)!==null&&k!==void 0?k:0).toFixed(2),Te=((z=($=d.current)===null||$===void 0?void 0:$.currentTime)!==null&&z!==void 0?z:0).toFixed(2),R=w?"0":"1";p?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(re=(Y=X?.video)===null||Y===void 0?void 0:Y.itemId)!==null&&re!==void 0?re:"",contentName:(le=(oe=X?.video)===null||oe===void 0?void 0:oe.title)!==null&&le!==void 0?le:"",playType:R,startTime:Te,videoDuration:K,contentTags:JSON.stringify((W=(pe=X?.video)===null||pe===void 0?void 0:pe.tags)!==null&&W!==void 0?W:[]),position:e+"",contentFormat:"video",traceInfo:(ue=X?.video)===null||ue===void 0?void 0:ue.traceInfo}}),m(!1)}},[p,n,e,w]),x=de(()=>{u(!0)},[]),A=de(N=>()=>{var B,L,k,$,z;if(!I)return;const Y=(B=d.current)===null||B===void 0?void 0:B.paused;switch(N){case"start":if(!Y)return;(L=d.current)===null||L===void 0||L.play(),c(!1);break;case"pause":if(Y)return;(k=d.current)===null||k===void 0||k.pause(),c(!0);break;default:Y?($=d.current)===null||$===void 0||$.play():(z=d.current)===null||z===void 0||z.pause(),c(!Y);break}},[I]),T=de(()=>{var N,B,L,k,$,z,Y,re,oe,le,pe,W,ue;const X=n[e],K=((B=(N=d.current)===null||N===void 0?void 0:N.duration)!==null&&B!==void 0?B:0).toFixed(2),Te=((k=(L=d.current)===null||L===void 0?void 0:L.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!(($=d?.current)===null||$===void 0)&&$.duration){const R=(((z=d?.current)===null||z===void 0?void 0:z.currentTime)-b.current).toFixed(2);p?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(re=(Y=X?.video)===null||Y===void 0?void 0:Y.itemId)!==null&&re!==void 0?re:"",contentName:(le=(oe=X?.video)===null||oe===void 0?void 0:oe.title)!==null&&le!==void 0?le:"",endTime:Te,videoDuration:K,playDuration:R,contentTags:JSON.stringify((W=(pe=X?.video)===null||pe===void 0?void 0:pe.tags)!==null&&W!==void 0?W:[]),position:e+"",contentFormat:"video",traceInfo:(ue=X?.video)===null||ue===void 0?void 0:ue.traceInfo}})}},[n,e,p]),C=ne(()=>a?.mode==="2",[a]),O=ne(()=>{var N;return a?.mode==="2"?`translateY(-${50+((N=a?.offsetTop)!==null&&N!==void 0?N:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),j=ne(()=>{var N;return((N=t?.video)===null||N===void 0?void 0:N.cover)||D},[D,t]),V=de(()=>{if(!E||!d||!d.current||!E.current)return;const N=d?.current,B=E?.current,L=B.getContext("2d"),k=window?.innerWidth,$=window?.innerHeight;B.height=$,B.width=k,L?.drawImage(N,0,0,B.width,B.height),v(B.toDataURL())},[]);Q(()=>{var N,B,L,k;if(d.current){if(c(!1),!d.current.src){const $=t?.video.url;if($.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const z=new window.Hls;z.loadSource($),z.attachMedia(d.current)}else d.current.canPlayType("application/vnd.apple.mpegurl"),d.current.src=$;else d.current.src=$;d.current.setAttribute("x5-playsinline","true"),d.current.setAttribute("webkit-playsinline","true")}return(N=d.current)===null||N===void 0||N.addEventListener("loadedmetadata",x),(B=d.current)===null||B===void 0||B.addEventListener("canplay",x),(L=d.current)===null||L===void 0||L.addEventListener("playing",S),(k=d.current)===null||k===void 0||k.addEventListener("loadeddata",V),()=>{var $,z,Y,re;($=d.current)===null||$===void 0||$.removeEventListener("loadedmetadata",x),(z=d.current)===null||z===void 0||z.removeEventListener("canplay",x),(Y=d.current)===null||Y===void 0||Y.removeEventListener("playing",S),(re=d.current)===null||re===void 0||re.removeEventListener("loadeddata",V)}}},[x,S,t?.video,V]);const H=ne(()=>!h?.placeholder_image||I?null:f.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:h?.placeholder_image}),[I,h?.placeholder_image]);Q(()=>{const N=()=>{var B,L;l===e&&(!((B=t?.video)===null||B===void 0)&&B.url)&&(!((L=d?.current)===null||L===void 0)&&L.src)&&!r&&A("pause")()};return window.addEventListener("beforeunload",N),()=>{window.removeEventListener("beforeunload",N)}},[l,e,t,d,A,r]);const F=ne(()=>C?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[C]);return t?.video?f.createElement(f.Fragment,null,C?f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},f.createElement(Ve,{src:j,style:Object.assign({height:i,width:s,objectFit:"cover"},F)}),f.createElement("canvas",{ref:E,style:{display:"none"}}),f.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:O,left:0,right:0}},f.createElement("div",{style:{position:"relative",width:s,height:"100%"}},f.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:d,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:M,style:{width:"100%",height:i,objectFit:"contain"}}),f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))),H):f.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},f.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:d,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:M}),H,f.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_}))):null};var ba=fe(ga);const Ei={};Object.values(Ti).forEach(t=>{Ei[t.extend.type]=t});const ya="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",wa="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Sa=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:a,containerHeight:s=664,containerWidth:r=375,appDomain:c,tagList:d=[]})=>{const p=ne(()=>{let v=0;return e?.logoUrl&&e?.isShowLogo&&(v+=45),d.length>0&&(v+=45),s-v},[e,s,d]),h=(v,M)=>{var _,S,x,A;if(!((_=v?.video)===null||_===void 0)&&_.url)return f.createElement(ba,{rec:v,index:M,muted:!0,width:r,data:t??[],height:p,activeIndex:M,videoPostConfig:e?.videoPost});if(!((S=v?.video)===null||S===void 0)&&S.imgUrls)return f.createElement(ha,{key:v?.video.itemId,imgUrls:v?.video.imgUrls,width:r,height:p,rec:v,index:M,imgUrlsPostConfig:e?.imgUrlsPost});if(v.product&&v.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,C)=>{var O,j,V,H,F,N,B,L;const k=Ei[(O=T?.item)===null||O===void 0?void 0:O.type],$=Ft(k),z=(j=k?.extend)===null||j===void 0?void 0:j.defaulSetting;return f.createElement($,Object.assign({key:`${M}${C}`,textStyle:Object.assign(Object.assign({},z?.textStyle),(V=T?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(H=T?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&F!==void 0?F:[]},z?.props,(N=T?.item)===null||N===void 0?void 0:N.props,{event:((B=T?.item)===null||B===void 0?void 0:B.event)||{},id:T?.id,rec:v,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},z?.style),(L=T?.item)===null||L===void 0?void 0:L.style),{width:r,height:p,overflow:"auto"}),index:M}))})},y=ne(()=>e?.logoUrl&&e?.isShowLogo?f.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},f.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),g=(v,M)=>e?.isShowCTA===void 0||e?.isShowCTA?f.createElement("div",{className:"clc-sxp-bottom-card"},f.createElement(Sn,{rec:v,index:M,tempMap:o,resolver:Ei})):null,b=(v,M)=>{var _,S,x,A,T,C,O;return v?.video?f.createElement(f.Fragment,null,((_=v?.video)===null||_===void 0?void 0:_.title)&&f.createElement("div",{className:"clc-sxp-bottom-shadow"}),f.createElement("div",{className:"clc-sxp-bottom"},f.createElement(Tn,{nudge:n}),g(v,M),f.createElement("div",null,f.createElement(Vt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(x=(S=v?.video)===null||S===void 0?void 0:S.title)!==null&&x!==void 0?x:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),f.createElement(wn,{index:M,tags:(T=(A=v?.video)===null||A===void 0?void 0:A.hashTags)!==null&&T!==void 0?T:[],itemId:(C=v?.video)===null||C===void 0?void 0:C.itemId,itemType:!((O=v?.video)===null||O===void 0)&&O.itemId?"VIDEO":null,rec:v,hashTagStyle:a}))):null},I=Be(wa,c),u=Be(ya,c),w=(v,M)=>{var _,S,x,A;if(!e?.isShowLike)return;let T=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return T<40&&(T+=40),v?.video?f.createElement(gn,{key:v.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:I,unActicveIcon:(x=e?.unlikeIcon)!==null&&x!==void 0?x:u,position:M,active:v.isCollected,recData:v,className:"clc-sxp-like-button",style:{top:T,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},m=Be("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),E=Be("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),D=(v,M)=>{var _,S,x,A;return f.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,f.createElement(xn,{tagList:d}),f.createElement(bn,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((x=(S=t?.[M])===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:m,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),h(v,M),b(v,M),w(v,M))};return f.createElement("div",{className:Z({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((v,M)=>D(v,M)))};var Ta=fe(Sa);const xa=()=>{const{schema:t,resolver:e,popup:i}=Je(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=me(),{productView:a}=Ue(),[s,r]=G(),c=te(null);Q(()=>{const h=()=>{c.current=new Date};return h(),window.addEventListener("pageshow",h),()=>{window.removeEventListener("pageshow",h)}},[]),Q(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,r(i))},[i]);const d=()=>{var h,y,g,b;if(!i||i?.id===""||!s||new Date-c.current<((h=i?.duration)!==null&&h!==void 0?h:0))return;r(Object.assign(Object.assign({},i),{id:""}));const I=o,u=(y=I?.video)===null||y===void 0?void 0:y.bindProduct,w=(b=(g=I?.video)===null||g===void 0?void 0:g.bindProduct)===null||b===void 0?void 0:b.bindCta;u&&w&&a(I,u,w,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},p=ne(()=>{var h,y,g;return(g=(y=(h=t?.sxpPageConf)===null||h===void 0?void 0:h.globalConfig)===null||y===void 0?void 0:y.popupList)===null||g===void 0?void 0:g.map((b,I)=>{var u,w,m,E,D,v,M,_,S,x,A,T,C,O,j;if(b?.id===i?.id){const V=e[(u=b?.item)===null||u===void 0?void 0:u.type],H=Ft(V),F=((E=(m=(w=b?.item)===null||w===void 0?void 0:w.event)===null||m===void 0?void 0:m.onClick)===null||E===void 0?void 0:E.linkType)==="externalLink",N=((M=(v=(D=b?.item)===null||D===void 0?void 0:D.event)===null||v===void 0?void 0:v.onClick)===null||M===void 0?void 0:M.linkType)==="popup",B=(_=V?.extend)===null||_===void 0?void 0:_.defaulSetting;return f.createElement(H,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},B?.style),(S=b?.item)===null||S===void 0?void 0:S.style),{width:(x=window.innerWidth)!==null&&x!==void 0?x:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},B?.textStyle),(A=b?.item)===null||A===void 0?void 0:A.textStyle),bindDatas:(C=(T=b?.item)===null||T===void 0?void 0:T.bindDatas)!==null&&C!==void 0?C:[]},B?.props,(O=b?.item)===null||O===void 0?void 0:O.props,{event:((j=b?.item)===null||j===void 0?void 0:j.event)||{},schema:t,id:b?.id,isExternalLink:F,isPopup:N,onClose:d}))}else return f.createElement(f.Fragment,null)})},[t,i,e,d]);return f.createElement(zt,{popup:s,onClose:d,padding:0,modalStyle:{position:"fixed"}},p)},Ii={};Object.values(Ti).forEach(t=>{Ii[t.extend.type]=t});const Ea=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:a,enabledMetaConversionApi:s})=>{var r,c,d,p,h,y,g,b,I;const u=ne(()=>{var w;return location?.search?(w=location?.search)===null||w===void 0?void 0:w.replace("?",""):""},[]);return f.createElement($i,{resolver:Ii,enableDataSource:!1,schema:t?.data,utmVal:u},f.createElement(Fi,{utmVal:u,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(p=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.default_recommend)!==null&&p!==void 0?p:i,hashTagSize:(y=(h=t?.sxp_parameter)===null||h===void 0?void 0:h.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:o,appDomain:l,enabledMetaConversionApi:s,isShowTag:(I=(b=(g=t?.data)===null||g===void 0?void 0:g.sxpPageConf)===null||b===void 0?void 0:b.globalConfig)===null||I===void 0?void 0:I.isShowTag,render:({rtcList:w,tagList:m})=>{var E;return f.createElement(f.Fragment,null,f.createElement(En,Object.assign({},(E=t?.data)===null||E===void 0?void 0:E.sxpPageConf,{tagList:m,data:w,resolver:Ii,licenseUrl:a})),f.createElement(xa,null))}}))};var Ia=fe(Ea);const In=wt({}),Ca=({children:t,data:e})=>{var i,n,o,l,a,s;const[r,c]=G(!1);return f.createElement(In.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:r,setOpenHashtag:c}},t)};function _a(){return yt(In)}export{Ta as DiyPortalPreview,Ca as EditorDataProvider,zt as Modal,Fi as SxpDataSourceProvider,Ia as SxpPageCore,En as SxpPageRender,Xn as core,Rn as default,Le as defaultSetting,Ti as materials,_a as useEditorDataProvider};
|
7
7
|
//# sourceMappingURL=index.min.js.map
|