pb-sxp-ui 1.0.42 → 1.0.43
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/LICENSE +21 -21
- package/README.md +111 -111
- package/dist/index.cjs +237 -600
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +4 -54
- package/dist/index.js +237 -599
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +241 -603
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageCore/index.js +2 -2
- package/es/core/components/SxpPageRender/Nudge/index.js +5 -6
- package/es/core/components/SxpPageRender/VideoWidget/index.d.ts +1 -0
- package/es/core/components/SxpPageRender/VideoWidget/index.js +119 -88
- package/es/core/components/SxpPageRender/WaterFall/index.js +1 -1
- package/es/core/components/SxpPageRender/index.d.ts +0 -2
- package/es/core/components/SxpPageRender/index.js +63 -25
- package/es/core/context/SxpDataSourceProvider.d.ts +2 -3
- package/es/core/context/SxpDataSourceProvider.js +7 -28
- package/es/core/hooks/useEventReport.js +4 -4
- package/es/index.d.ts +0 -1
- package/es/index.js +0 -1
- package/es/materials/sxp/popup/CommodityDetail/index.js +10 -10
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +10 -10
- package/lib/core/components/SxpPageCore/index.js +2 -2
- package/lib/core/components/SxpPageRender/Nudge/index.js +5 -6
- package/lib/core/components/SxpPageRender/VideoWidget/index.d.ts +1 -0
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +119 -88
- package/lib/core/components/SxpPageRender/WaterFall/index.js +1 -1
- package/lib/core/components/SxpPageRender/index.d.ts +0 -2
- package/lib/core/components/SxpPageRender/index.js +63 -25
- package/lib/core/context/SxpDataSourceProvider.d.ts +2 -3
- package/lib/core/context/SxpDataSourceProvider.js +7 -28
- package/lib/core/hooks/useEventReport.js +4 -4
- package/lib/index.d.ts +0 -1
- package/lib/index.js +1 -3
- package/lib/materials/sxp/popup/CommodityDetail/index.js +10 -10
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +10 -10
- package/package.json +114 -115
- package/es/core/components/DiyPortalPreview/PictureGroup.d.ts +0 -13
- package/es/core/components/DiyPortalPreview/PictureGroup.js +0 -11
- package/es/core/components/DiyPortalPreview/VideoWidget.d.ts +0 -15
- package/es/core/components/DiyPortalPreview/VideoWidget.js +0 -236
- package/es/core/components/DiyPortalPreview/index.d.ts +0 -6
- package/es/core/components/DiyPortalPreview/index.js +0 -127
- package/es/core/components/SxpPageRender/Tagbar.d.ts +0 -7
- package/es/core/components/SxpPageRender/Tagbar.js +0 -37
- package/lib/core/components/DiyPortalPreview/PictureGroup.d.ts +0 -13
- package/lib/core/components/DiyPortalPreview/PictureGroup.js +0 -14
- package/lib/core/components/DiyPortalPreview/VideoWidget.d.ts +0 -15
- package/lib/core/components/DiyPortalPreview/VideoWidget.js +0 -239
- package/lib/core/components/DiyPortalPreview/index.d.ts +0 -6
- package/lib/core/components/DiyPortalPreview/index.js +0 -130
- package/lib/core/components/SxpPageRender/Tagbar.d.ts +0 -7
- package/lib/core/components/SxpPageRender/Tagbar.js +0 -40
package/dist/pb-ui.min.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
|
-
(function(ae,ce){typeof exports=="object"&&typeof module<"u"?ce(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom"),require("eventemitter3"),require("hls.js")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","@emotion/css","@ant-design/pro-components","react-dom","eventemitter3","hls.js"],ce):(ae=typeof globalThis<"u"?globalThis:ae||self,ce(ae.PUI={},ae.lodash,ae.uuid$1,ae.pako,ae.React,ae.qs,ae.css,ae.proComponents,ae.ReactDOM,ae.EventEmitter,ae.Hls))})(this,function(ae,ce,Ji,Ki,s,ti,J,Qi,Zi,Ri,ii){"use strict";function en(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:function(){return t[i]}})}}),e.default=t,Object.freeze(e)}var ni=en(Zi);function fe(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 he(t,e,i,n){function o(l){return l instanceof i?l:new i(function(r){r(l)})}return new(i||(i=Promise))(function(l,r){function d(u){try{c(n.next(u))}catch(v){r(v)}}function a(u){try{c(n.throw(u))}catch(v){r(v)}}function c(u){u.done?l(u.value):o(u.value).then(d,a)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const tn=/:\w+/g;var oi=(t,e)=>he(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:r,url:d,urlParams:a,name:c,queryString:u,headers:v,body:m}=e[o];let f=d;a&&Object.entries(a).forEach(([w,b])=>{f=f.replace(tn,P=>P===w?b:P)}),u&&(f+=u),n[l]=c;try{const w=yield fetch(f,{method:r,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(b=>b.json());i[l]=w}catch(w){console.error("DataSource request error: ",w),i[l]={}}}return{$store:i,idMapName:n}});const li="SXP_TOKEN_INFO",nn=(t,e)=>he(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),r=window.localStorage.getItem(li);let d=JSON.parse(r||"{}");if(Date.now()>((i=d?.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(u=>u.json());if(c.success){const u=c.data;d=Object.assign(Object.assign({},u),{expireTime:Date.now()+u.expire*1e3}),window.localStorage.setItem(li,JSON.stringify(d))}}return d});function ct(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 on=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},ln=()=>{const t=Ji.v4();return t?.replaceAll?t.replaceAll("-",""):on(32)};function si(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Ki.inflate(n,{to:"string"});return JSON.parse(o)}let Et=null;const sn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class rn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Et)return Et;Et=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?sn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let me=null;const an={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{me||(me=new rn),n&&me.setApiUrl(n),me.setAppId(t),me.setTenantId(e),me.setEnv(i)},getDetail:t=>{if(!me)return;const e=me.getTenantId(),i=me.getAppId(),n=me.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>he(void 0,void 0,void 0,function*(){var l,r;const d=yield o.json(),a=si((l=d?.data)===null||l===void 0?void 0:l.data);if(a){const{$store:c}=yield oi(n,(r=a?.dataSource)!==null&&r!==void 0?r:[]);d.data.data=a,Object.assign(d.data.data,{__STORE__:c})}return d}))},getSxpDetailByPageId:t=>he(void 0,void 0,void 0,function*(){if(!me)return;const e=me.getTenantId(),i=me.getAppId(),n=me.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>he(void 0,void 0,void 0,function*(){var l;const r=yield o.json();if(!r.success)return;const d=si((l=r?.data)===null||l===void 0?void 0:l.data);return r.data.data=d,r.data}))}),getSxpRecommendVideoData:t=>he(void 0,void 0,void 0,function*(){if(!me)return;const e=yield nn(me,t),i=ct(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");ce.isEmpty(n)&&(n=ct(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 Me(){return s.useContext(fi)}function dn(){return s.useContext(vi)}const Ct="feRealSessionIdKey",ri=()=>{const t=ln();return`${Date.now()}${t}`},cn=()=>{let t=pn();return t||(t=ri(),window.sessionStorage.setItem(Ct,t)),t},un=()=>{const t=ri();window.sessionStorage.setItem(Ct,t)},pn=()=>window.sessionStorage.getItem(Ct),ai="SXP_FAKE_USER_ID",di="FAKE_USER_STATE",vn=()=>{let t=window.localStorage.getItem(ai);return ce.isEmpty(t)&&(t=ct(36,62),window.localStorage.setItem(ai,t)),t},fn=()=>{const t=window.localStorage.getItem(di);return ce.isEmpty(t)&&window.localStorage.setItem(di,"true"),ce.isEmpty(t)};function Se(t,e){const{appDomain:i}=oe();return s.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const ci=s.createContext({rtcList:[],tagList:[]});var It;(function(t){t[t.BFF=5]="BFF"})(It||(It={}));const mn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],hn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:r=!1,sxpParameter:d,appDomain:a,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1})=>{const[m,f]=s.useState([]),[w,b]=s.useState([]),[P,p]=s.useState(!1),[y,h]=s.useState({rtc:"",requestId:""}),I=s.useRef(null),g=s.useRef(!1),[D,O]=s.useState(),[E,S]=s.useState(),[T,_]=s.useState(v),[x,A]=s.useState([]),[j,z]=s.useState(0),[F,Y]=s.useState(!1);s.useEffect(()=>{_(v)},[v]);const H=s.useMemo(()=>e?.find(B=>B.type===It.BFF),[e]),C=s.useCallback((B,V)=>{if(!H)return;const G=H.url,X=vn();if(V?.query){const te=ti.stringify(V.query);B=`${B}?${te}`}return V.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${G}/api/v1${B}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},H.headers),{"x-user-id":X}),V.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${G}/api/v1${B}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":X},H.headers),method:V.method,body:JSON.stringify(V.body)}).then(te=>te.json()).catch(te=>Promise.reject(te))},[H]),L=s.useCallback(B=>he(void 0,void 0,void 0,function*(){var V,G,X,te;if(B={maxSize:o,defaultSize:(V=B?.defaultSize)!==null&&V!==void 0?V:l,"itemFilter.itemId":B?.["itemFilter.itemId"],"itemFilter.itemType":B?.["itemFilter.itemType"],hashTag:B?.hashTag,traceInfo:B?.traceInfo},i){const de=(te=(X=(G=i?.split("&"))===null||G===void 0?void 0:G.filter(Ce=>{const Fe=Ce.split("=")[0];return mn.includes(Fe)}))===null||X===void 0?void 0:X.join("&"))!==null&&te!==void 0?te:"";B=Object.assign(Object.assign({},B),{channel:decodeURIComponent(de)})}const ue=yield C?.("/recommend/list",{method:"GET",query:B});if(ue?.success)return B?.hashTag||h({rtc:ue.data.rtc,requestId:ue.data.requestId}),ue?.data}),[C,i,o,l]),M=s.useCallback(()=>he(void 0,void 0,void 0,function*(){var B,V;if(m.length<=0)return;const G=yield L({hashTag:E?.hashTag,"itemFilter.itemId":E?.itemId,"itemFilter.itemType":E?.itemType});f(m.concat((B=G?.recList)!==null&&B!==void 0?B:[])),A(x.concat((V=G?.recList)!==null&&V!==void 0?V:[]))}),[L,m,E,x]),k=s.useCallback(({userInfo:B,eventInfo:V})=>{if(!n)return;B||(B={});const G=cn(),X=Object.assign({sessionID:G,rtc:y.rtc,requestId:y.requestId},V),te=Object.entries(B).map(([de,Ce])=>({name:de,value:Ce})),ue=Object.entries(X).map(([de,Ce])=>Ce&&{name:de,value:Ce}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",B),console.log("eventInfo:",X),console.log("========= \u7ED3\u675F ========="),C?.("/event/report",{method:"POST",body:{userInfo:te,eventInfo:ue},type:"beacon"})},[C,y,n]),U=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield C?.("/recommend/like",{method:"POST",body:B});return V?.success}),[C]),$=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield C?.("/recommend/unlike",{method:"POST",body:B});return V?.success}),[C]),q=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield C?.("/customform",{method:"POST",body:B});return V?.success}),[C]),ee=s.useCallback(()=>he(void 0,void 0,void 0,function*(){var B,V;if(i)try{const G=yield C?.("/tag/list",{method:"GET",query:{channel:i}});b((V=(B=G?.data)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[])}catch(G){console.log("e",G)}}),[C,i]),le=s.useCallback((B,V,G,X)=>{var te,ue,de,Ce,Fe,et,rt,tt,at,He,dt,We;const be=G?.bindCta,it=((te=V?.video)===null||te===void 0?void 0:te.bindProduct)||((ue=V?.video)===null||ue===void 0?void 0:ue.bindProducts)&&((Ce=(de=V?.video)===null||de===void 0?void 0:de.bindProducts)===null||Ce===void 0?void 0:Ce.length)>0;let nt="";F?nt="hashTagPage":!((Fe=V?.video)===null||Fe===void 0)&&Fe.url?nt="videoPage":!((rt=(et=V?.video)===null||et===void 0?void 0:et.imgUrls)===null||rt===void 0)&&rt.length&&(nt="imagePage"),k?.({eventInfo:Object.assign(Object.assign({},B),{ctaId:(tt=be?.itemId)!==null&&tt!==void 0?tt:"",ctaName:(at=be?.title)!==null&&at!==void 0?at:"",contentTags:JSON.stringify(be?.tags),position:X+"",contentId:(dt=(He=V?.video)===null||He===void 0?void 0:He.itemId)!==null&&dt!==void 0?dt:"",productId:it?G?.itemId:"",traceInfo:(We=be?.traceInfo)!==null&&We!==void 0?We:"",fromKName:nt})})},[k,F]);s.useEffect(()=>{p(!0),ee(),L().then(B=>{var V,G;f((V=B?.recList)!==null&&V!==void 0?V:[]),A((G=B?.recList)!==null&&G!==void 0?G:[])}).finally(()=>{p(!1),g.current=!0})},[]),s.useEffect(()=>{g.current&&(p(!0),ee(),L().then(B=>{var V,G;f((V=B?.recList)!==null&&V!==void 0?V:[]),A((G=B?.recList)!==null&&G!==void 0?G:[])}).finally(()=>{p(!1)}))},[L,ee]);const se=Se("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",a);return s.createElement(ci.Provider,{value:{rtcList:m,setRtcList:f,mutateLike:U,mutateUnlike:$,submitForm:q,popupDetailData:D,loadVideos:M,setPopupDetailData:O,getRecommendVideos:L,bffEventReport:k,utmVal:i,isPreview:r,loading:P,sxpParameter:d,waterFallData:E,setWaterFallData:S,ctaEvent:le,swiperRef:I,openHashtag:T,setOpenHashtag:_,cacheRtcList:x,setCacheRtcList:A,cacheActiveIndex:j,setCacheActiveIndex:z,isFromHashtag:F,setIsFromHashtag:Y,appDomain:a,hashTagSize:c,loadingImage:u??se,isOpenHashTag:v,tagList:w,setLoading:p}},t({rtcList:m,mutateLike:U,mutateUnlike:$,submitForm:q,tagList:w}))};var ui=s.memo(hn);function oe(){return s.useContext(ci)}var pi;(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"})(pi||(pi={}));const vi=s.createContext({$store:{},options:[],configs:[]}),gn=({children:t,isSsr:e,enable:i})=>{const[n,o]=s.useState([]),{schema:l}=Me(),[r,d]=s.useState(l.__STORE__||{}),[a,c]=s.useState([]);s.useEffect(()=>{var m;e||ce.isEqual(a,l?.dataSource)||c((m=l?.dataSource)!==null&&m!==void 0?m:[])},[l?.dataSource,e]);const u=s.useCallback(()=>he(void 0,void 0,void 0,function*(){const{$store:m,idMapName:f}=yield oi("",a);d(m),v(m,f)}),[a]),v=(m,f)=>{const w=[];Object.entries(m).forEach(([b,P])=>{Object.keys(P).forEach(p=>{const y={label:`${f[b]} - ${p}`,value:`{{ ${b}.${p} }}`};w.push(y)})}),o(w)};return s.useEffect(()=>{e||u()},[u,e,l]),i?s.createElement(vi.Provider,{value:{$store:l.__STORE__||r,options:n,configs:a}},t):t};var bn=s.memo(gn);const ut={id:ct(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},Dt={id:"",duration:0,name:"none"},fi=s.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[ut],redoStack:[],popup:Dt,setPopup:()=>{}}),mi=s.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},r)=>{const[d,a]=s.useState(null),[c,u]=s.useState(n||{pointData:[ut],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=s.useState([ut]),[f,w]=s.useState([[ut]]),[b,P]=s.useState([]),[p,y]=s.useState(Dt);typeof window<"u"&&(window.sxpPopup=(O,E)=>{y(Object.assign(Object.assign(Object.assign({},Dt),{id:O}),E))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(l?"&"+l:""):O+(l?"?"+l:"")),s.useEffect(()=>{w([c.pointData]),P([])},[c.type]);const h=s.useCallback(O=>{const E=ce.cloneDeep(c);E&&(E.dataSource=O,u?.(E))},[c]),[I,g]=s.useState();s.useImperativeHandle(r,()=>({loadSchema(O){O&&(w([O.pointData]),u(O))},exportSchema(){return ce.cloneDeep(c)},getPageInfoData(){return I},initPageInfoData(O){O&&g(O)}}));const D=s.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return s.createElement(fi.Provider,{value:{resolver:e,currentNode:d,schema:c,setCurrentNode:a,setSchema:u,saveDataSource:h,prePiontData:v,setPrePiontData:m,pageInfoData:I,setPageInfoData:O=>g(Object.assign(Object.assign({},I),O)),undoStack:f,redoStack:b,setRedoStack:P,setUndoStack:w,getCurPageConf:D,popup:p,setPopup:y}},s.createElement(bn,{isSsr:i,enable:o},t))});var yn=Object.freeze({__proto__:null,EditorCore:mi}),wn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const R=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var Sn={fontOptions:R},_t,Tn=[{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:R,initialValue:(_t=R?.[0])===null||_t===void 0?void 0:_t.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"]},{label:"\u63D0\u4EA4\u6587\u672C\u989C\u8272",type:"Color",name:["props","submitColor"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];const xn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:r,submitText:d,layoutType:a,onClick:c}=t,u=fe(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick"]);const{submitForm:v}=oe(),m=s.useRef(),[f,w]=s.useState(!1),b=s.useMemo(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),P=s.useMemo(()=>{if(a===void 0){const y=ce.cloneDeep(e)||b;return y?.map(h=>Object.assign(Object.assign({},h),{title:void 0,fieldProps:{placeholder:h?.title}}))}else return ce.cloneDeep(e)||b},[a,e,b]),p=ce.debounce(()=>he(void 0,void 0,void 0,function*(){var y,h,I;w(!0);const g=yield(y=m?.current)===null||y===void 0?void 0:y.getFieldsValue(),D=(I=(h=Object.keys(g))===null||h===void 0?void 0:h.map(E=>({name:E,value:g[E]})))===null||I===void 0?void 0:I.filter(E=>E?.value);if(!D||!D?.length)return;const O=yield v?.({attributes:D});w(!1),O&&(window?.sxpPopup(""),O&&c?.())}),1e3);return s.createElement("div",{className:"pb-appoint-form"},s.createElement("div",{className:`pb-appoint-form-title ${J.css(Object.assign({},o))}`},n),s.createElement("div",Object.assign({className:J.css(Object.assign({},i))},u),s.createElement("div",{className:"pb-appoint-form-container"},s.createElement(Qi.BetaSchemaForm,{columns:P,submitter:!1,layout:a,autoFocusFirstInput:!1,size:"large",formRef:m,className:"panel-reset"}))),s.createElement("div",{className:"pb-appoint-form-btn-wrapper"},s.createElement("button",{onClick:p,className:"pb-appoint-form-btn",style:{color:r,background:l}},f?s.createElement(s.Fragment,null,"loading..."):d)))};var En=s.memo(xn);function ye(t,e){return t.extend=e,t}const Cn=ye(En,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Tn,bindableProps:[],interactionRender:wn},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,At,In=[{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"}]},{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",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:R,name:["fontFamily"],initialValue:(kt=R?.[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:R,initialValue:(At=R?.[0])===null||At===void 0?void 0:At.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function hi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Pt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:hi(e[i])&&hi(t[i])&&Object.keys(e[i]).length>0&&Pt(t[i],e[i])})}const gi={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 Ie(){const t=typeof document<"u"?document:{};return Pt(t,gi),t}const Dn={document:gi,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 ge(){const t=typeof window<"u"?window:{};return Pt(t,Dn),t}function Be(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function _n(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function Ke(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Te(){return Date.now()}function kn(t){const e=ge();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function An(t,e){e===void 0&&(e="x");const i=ge();let n,o,l;const r=kn(t);return i.WebKitCSSMatrix?(o=r.transform||r.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(d=>d.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function pt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Pn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function we(){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&&!Pn(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,r=o.length;l<r;l+=1){const d=o[l],a=Object.getOwnPropertyDescriptor(n,d);a!==void 0&&a.enumerable&&(pt(t[d])&&pt(n[d])?n[d].__swiper__?t[d]=n[d]:we(t[d],n[d]):!pt(t[d])&&pt(n[d])?(t[d]={},n[d].__swiper__?t[d]=n[d]:we(t[d],n[d])):t[d]=n[d])}}}return t}function vt(t,e,i){t.style.setProperty(e,i)}function bi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=ge(),l=-e.translate;let r=null,d;const a=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",u=(m,f)=>c==="next"&&m>=f||c==="prev"&&m<=f,v=()=>{d=new Date().getTime(),r===null&&(r=d);const m=Math.max(Math.min((d-r)/a,1),0),f=.5-Math.cos(m*Math.PI)/2;let w=l+f*(i-l);if(u(w,i)&&(w=i),e.wrapperEl.scrollTo({[n]:w}),u(w,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:w})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(v)};v()}function ke(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function ft(t){try{console.warn(t);return}catch{}}function ot(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:Be(e)),i}function Mn(t){const e=ge(),i=Ie(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,r=t.clientLeft||o.clientLeft||0,d=t===e?e.scrollY:t.scrollTop,a=t===e?e.scrollX:t.scrollLeft;return{top:n.top+d-l,left:n.left+a-r}}function On(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 Ln(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 ze(t,e){return ge().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 yi(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 Mt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Ot(t,e,i){const n=ge();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 Ae(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function jn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=ge();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let r,d=Te(),a;const c=[];function u(h){let O=0,E=0,S=0,T=0;return"detail"in h&&(E=h.detail),"wheelDelta"in h&&(E=-h.wheelDelta/120),"wheelDeltaY"in h&&(E=-h.wheelDeltaY/120),"wheelDeltaX"in h&&(O=-h.wheelDeltaX/120),"axis"in h&&h.axis===h.HORIZONTAL_AXIS&&(O=E,E=0),S=O*10,T=E*10,"deltaY"in h&&(T=h.deltaY),"deltaX"in h&&(S=h.deltaX),h.shiftKey&&!S&&(S=T,T=0),(S||T)&&h.deltaMode&&(h.deltaMode===1?(S*=40,T*=40):(S*=800,T*=800)),S&&!O&&(O=S<1?-1:1),T&&!E&&(E=T<1?-1:1),{spinX:O,spinY:E,pixelX:S,pixelY:T}}function v(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function f(h){return e.params.mousewheel.thresholdDelta&&h.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Te()-d<e.params.mousewheel.thresholdTime?!1:h.delta>=6&&Te()-d<60?!0:(h.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",h.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",h.raw)),d=new l.Date().getTime(),!1)}function w(h){const I=e.params.mousewheel;if(h.direction<0){if(e.isEnd&&!e.params.loop&&I.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&I.releaseOnEdges)return!0;return!1}function b(h){let I=h,g=!0;if(!e.enabled||h.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const D=e.params.mousewheel;e.params.cssMode&&I.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const E=O&&O.contains(I.target);if(!e.mouseEntered&&!E&&!D.releaseOnEdges)return!0;I.originalEvent&&(I=I.originalEvent);let S=0;const T=e.rtlTranslate?-1:1,_=u(I);if(D.forceToAxis)if(e.isHorizontal())if(Math.abs(_.pixelX)>Math.abs(_.pixelY))S=-_.pixelX*T;else return!0;else if(Math.abs(_.pixelY)>Math.abs(_.pixelX))S=-_.pixelY;else return!0;else S=Math.abs(_.pixelX)>Math.abs(_.pixelY)?-_.pixelX*T:-_.pixelY;if(S===0)return!0;D.invert&&(S=-S);let x=e.getTranslate()+S*D.sensitivity;if(x>=e.minTranslate()&&(x=e.minTranslate()),x<=e.maxTranslate()&&(x=e.maxTranslate()),g=e.params.loop?!0:!(x===e.minTranslate()||x===e.maxTranslate()),g&&e.params.nested&&I.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const A={time:Te(),delta:Math.abs(S),direction:Math.sign(S),raw:h};c.length>=2&&c.shift();const j=c.length?c[c.length-1]:void 0;if(c.push(A),j?(A.direction!==j.direction||A.delta>j.delta||A.time>j.time+150)&&f(A):f(A),w(A))return!0}else{const A={time:Te(),delta:Math.abs(S),direction:Math.sign(S)},j=a&&A.time<a.time+500&&A.delta<=a.delta&&A.direction===a.direction;if(!j){a=void 0;let z=e.getTranslate()+S*D.sensitivity;const F=e.isBeginning,Y=e.isEnd;if(z>=e.minTranslate()&&(z=e.minTranslate()),z<=e.maxTranslate()&&(z=e.maxTranslate()),e.setTransition(0),e.setTranslate(z),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!F&&e.isBeginning||!Y&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:A.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(r),r=void 0,c.length>=15&&c.shift();const H=c.length?c[c.length-1]:void 0,C=c[0];if(c.push(A),H&&(A.delta>H.delta||A.direction!==H.direction))c.splice(0);else if(c.length>=15&&A.time-C.time<500&&C.delta-A.delta>=1&&A.delta<=6){const L=S>0?.8:.2;a=A,c.splice(0),r=Ke(()=>{e.slideToClosest(e.params.speed,!0,void 0,L)},0)}r||(r=Ke(()=>{a=A,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(j||o("scroll",I),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),D.releaseOnEdges&&(z===e.minTranslate()||z===e.maxTranslate()))return!0}}return I.preventDefault?I.preventDefault():I.returnValue=!1,!1}function P(h){let I=e.el;e.params.mousewheel.eventsTarget!=="container"&&(I=document.querySelector(e.params.mousewheel.eventsTarget)),I[h]("mouseenter",v),I[h]("mouseleave",m),I[h]("wheel",b)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(P("addEventListener"),e.mousewheel.enabled=!0,!0)}function y(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(P("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&y(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&y()}),Object.assign(e.mousewheel,{enable:p,disable:y})}function wi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=ke(t.el,`.${n[o]}`)[0];l||(l=ot("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function Qe(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function ht(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:p=>p,formatFractionTotal:p=>p,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let r,d=0;function a(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,y){const{bulletActiveClass:h}=e.params.pagination;p&&(p=p[`${y==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${h}-${y}`),p=p[`${y==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${h}-${y}-${y}`)))}function u(p){const y=p.target.closest(Qe(e.params.pagination.bulletClass));if(!y)return;p.preventDefault();const h=mt(y)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===h)return;e.slideToLoop(h)}else e.slideTo(h)}function v(){const p=e.rtl,y=e.params.pagination;if(a())return;let h=e.pagination.el;h=Ae(h);let I,g;const D=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(D/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(g=e.previousRealIndex||0,I=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(I=e.snapIndex,g=e.previousSnapIndex):(g=e.previousIndex||0,I=e.activeIndex||0),y.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const E=e.pagination.bullets;let S,T,_;if(y.dynamicBullets&&(r=Ot(E[0],e.isHorizontal()?"width":"height",!0),h.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${r*(y.dynamicMainBullets+4)}px`}),y.dynamicMainBullets>1&&g!==void 0&&(d+=I-(g||0),d>y.dynamicMainBullets-1?d=y.dynamicMainBullets-1:d<0&&(d=0)),S=Math.max(I-d,0),T=S+(Math.min(E.length,y.dynamicMainBullets)-1),_=(T+S)/2),E.forEach(x=>{const A=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(j=>`${y.bulletActiveClass}${j}`)].map(j=>typeof j=="string"&&j.includes(" ")?j.split(" "):j).flat();x.classList.remove(...A)}),h.length>1)E.forEach(x=>{const A=mt(x);A===I?x.classList.add(...y.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),y.dynamicBullets&&(A>=S&&A<=T&&x.classList.add(...`${y.bulletActiveClass}-main`.split(" ")),A===S&&c(x,"prev"),A===T&&c(x,"next"))});else{const x=E[I];if(x&&x.classList.add(...y.bulletActiveClass.split(" ")),e.isElement&&E.forEach((A,j)=>{A.setAttribute("part",j===I?"bullet-active":"bullet")}),y.dynamicBullets){const A=E[S],j=E[T];for(let z=S;z<=T;z+=1)E[z]&&E[z].classList.add(...`${y.bulletActiveClass}-main`.split(" "));c(A,"prev"),c(j,"next")}}if(y.dynamicBullets){const x=Math.min(E.length,y.dynamicMainBullets+4),A=(r*x-r)/2-_*r,j=p?"right":"left";E.forEach(z=>{z.style[e.isHorizontal()?j:"top"]=`${A}px`})}}h.forEach((E,S)=>{if(y.type==="fraction"&&(E.querySelectorAll(Qe(y.currentClass)).forEach(T=>{T.textContent=y.formatFractionCurrent(I+1)}),E.querySelectorAll(Qe(y.totalClass)).forEach(T=>{T.textContent=y.formatFractionTotal(O)})),y.type==="progressbar"){let T;y.progressbarOpposite?T=e.isHorizontal()?"vertical":"horizontal":T=e.isHorizontal()?"horizontal":"vertical";const _=(I+1)/O;let x=1,A=1;T==="horizontal"?x=_:A=_,E.querySelectorAll(Qe(y.progressbarFillClass)).forEach(j=>{j.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${A})`,j.style.transitionDuration=`${e.params.speed}ms`})}y.type==="custom"&&y.renderCustom?(E.innerHTML=y.renderCustom(e,I+1,O),S===0&&o("paginationRender",E)):(S===0&&o("paginationRender",E),o("paginationUpdate",E)),e.params.watchOverflow&&e.enabled&&E.classList[e.isLocked?"add":"remove"](y.lockClass)})}function m(){const p=e.params.pagination;if(a())return;const y=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 h=e.pagination.el;h=Ae(h);let I="";if(p.type==="bullets"){let g=e.params.loop?Math.ceil(y/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&g>y&&(g=y);for(let D=0;D<g;D+=1)p.renderBullet?I+=p.renderBullet.call(e,D,p.bulletClass):I+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?I=p.renderFraction.call(e,p.currentClass,p.totalClass):I=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?I=p.renderProgressbar.call(e,p.progressbarFillClass):I=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],h.forEach(g=>{p.type!=="custom"&&(g.innerHTML=I||""),p.type==="bullets"&&e.pagination.bullets.push(...g.querySelectorAll(Qe(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",h[0])}function f(){e.params.pagination=wi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let y;typeof p.el=="string"&&e.isElement&&(y=e.el.querySelector(p.el)),!y&&typeof p.el=="string"&&(y=[...document.querySelectorAll(p.el)]),y||(y=p.el),!(!y||y.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(y)&&y.length>1&&(y=[...e.el.querySelectorAll(p.el)],y.length>1&&(y=y.filter(h=>yi(h,".swiper")[0]===e.el)[0])),Array.isArray(y)&&y.length===1&&(y=y[0]),Object.assign(e.pagination,{el:y}),y=Ae(y),y.forEach(h=>{p.type==="bullets"&&p.clickable&&h.classList.add(...(p.clickableClass||"").split(" ")),h.classList.add(p.modifierClass+p.type),h.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(h.classList.add(`${p.modifierClass}${p.type}-dynamic`),d=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&h.classList.add(p.progressbarOppositeClass),p.clickable&&h.addEventListener("click",u),e.enabled||h.classList.add(p.lockClass)}))}function w(){const p=e.params.pagination;if(a())return;let y=e.pagination.el;y&&(y=Ae(y),y.forEach(h=>{h.classList.remove(p.hiddenClass),h.classList.remove(p.modifierClass+p.type),h.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(h.classList.remove(...(p.clickableClass||"").split(" ")),h.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(h=>h.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:y}=e.pagination;y=Ae(y),y.forEach(h=>{h.classList.remove(p.horizontalClass,p.verticalClass),h.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?P():(f(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{w()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(y=>y.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,y)=>{const h=y.target,I=Ae(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&I&&I.length>0&&!h.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&h===e.navigation.nextEl||e.navigation.prevEl&&h===e.navigation.prevEl))return;const g=I[0].classList.contains(e.params.pagination.hiddenClass);o(g===!0?"paginationShow":"paginationHide"),I.forEach(D=>D.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(y=>y.classList.remove(e.params.pagination.paginationDisabledClass))),f(),m(),v()},P=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(y=>y.classList.add(e.params.pagination.paginationDisabledClass))),w()};Object.assign(e.pagination,{enable:b,disable:P,render:m,update:v,init:f,destroy:w})}function Nn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ie();let r=!1,d=null,a=null,c,u,v,m;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function f(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x,rtlTranslate:A}=e,{dragEl:j,el:z}=x,F=e.params.scrollbar,Y=e.params.loop?e.progressLoop:e.progress;let H=u,C=(v-u)*Y;A?(C=-C,C>0?(H=u-C,C=0):-C+u>v&&(H=v+C)):C<0?(H=u+C,C=0):C+u>v&&(H=v-C),e.isHorizontal()?(j.style.transform=`translate3d(${C}px, 0, 0)`,j.style.width=`${H}px`):(j.style.transform=`translate3d(0px, ${C}px, 0)`,j.style.height=`${H}px`),F.hide&&(clearTimeout(d),z.style.opacity=1,d=setTimeout(()=>{z.style.opacity=0,z.style.transitionDuration="400ms"},1e3))}function w(x){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${x}ms`)}function b(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x}=e,{dragEl:A,el:j}=x;A.style.width="",A.style.height="",v=e.isHorizontal()?j.offsetWidth:j.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*m:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?A.style.width=`${u}px`:A.style.height=`${u}px`,m>=1?j.style.display="none":j.style.display="",e.params.scrollbar.hide&&(j.style.opacity=0),e.params.watchOverflow&&e.enabled&&x.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function P(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:A,rtlTranslate:j}=e,{el:z}=A;let F;F=(P(x)-Mn(z)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),F=Math.max(Math.min(F,1),0),j&&(F=1-F);const Y=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*F;e.updateProgress(Y),e.setTranslate(Y),e.updateActiveIndex(),e.updateSlidesClasses()}function y(x){const A=e.params.scrollbar,{scrollbar:j,wrapperEl:z}=e,{el:F,dragEl:Y}=j;r=!0,c=x.target===Y?P(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),z.style.transitionDuration="100ms",Y.style.transitionDuration="100ms",p(x),clearTimeout(a),F.style.transitionDuration="0ms",A.hide&&(F.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",x)}function h(x){const{scrollbar:A,wrapperEl:j}=e,{el:z,dragEl:F}=A;r&&(x.preventDefault?x.preventDefault():x.returnValue=!1,p(x),j.style.transitionDuration="0ms",z.style.transitionDuration="0ms",F.style.transitionDuration="0ms",o("scrollbarDragMove",x))}function I(x){const A=e.params.scrollbar,{scrollbar:j,wrapperEl:z}=e,{el:F}=j;r&&(r=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",z.style.transitionDuration=""),A.hide&&(clearTimeout(a),a=Ke(()=>{F.style.opacity=0,F.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",x),A.snapOnRelease&&e.slideToClosest())}function g(x){const{scrollbar:A,params:j}=e,z=A.el;if(!z)return;const F=z,Y=j.passiveListeners?{passive:!1,capture:!1}:!1,H=j.passiveListeners?{passive:!0,capture:!1}:!1;if(!F)return;const C=x==="on"?"addEventListener":"removeEventListener";F[C]("pointerdown",y,Y),l[C]("pointermove",h,Y),l[C]("pointerup",I,H)}function D(){!e.params.scrollbar.el||!e.scrollbar.el||g("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||g("off")}function E(){const{scrollbar:x,el:A}=e;e.params.scrollbar=wi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const j=e.params.scrollbar;if(!j.el)return;let z;if(typeof j.el=="string"&&e.isElement&&(z=e.el.querySelector(j.el)),!z&&typeof j.el=="string"){if(z=l.querySelectorAll(j.el),!z.length)return}else z||(z=j.el);e.params.uniqueNavElements&&typeof j.el=="string"&&z.length>1&&A.querySelectorAll(j.el).length===1&&(z=A.querySelector(j.el)),z.length>0&&(z=z[0]),z.classList.add(e.isHorizontal()?j.horizontalClass:j.verticalClass);let F;z&&(F=z.querySelector(Qe(e.params.scrollbar.dragClass)),F||(F=ot("div",e.params.scrollbar.dragClass),z.append(F))),Object.assign(x,{el:z,dragEl:F}),j.draggable&&D(),z&&z.classList[e.enabled?"remove":"add"](...Be(e.params.scrollbar.lockClass))}function S(){const x=e.params.scrollbar,A=e.scrollbar.el;A&&A.classList.remove(...Be(e.isHorizontal()?x.horizontalClass:x.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:A}=e.scrollbar;A=Ae(A),A.forEach(j=>{j.classList.remove(x.horizontalClass,x.verticalClass),j.classList.add(e.isHorizontal()?x.horizontalClass:x.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?_():(E(),b(),f())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{f()}),n("setTransition",(x,A)=>{w(A)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...Be(e.params.scrollbar.lockClass))}),n("destroy",()=>{S()});const T=()=>{e.el.classList.remove(...Be(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Be(e.params.scrollbar.scrollbarDisabledClass)),E(),b(),f()},_=()=>{e.el.classList.add(...Be(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Be(e.params.scrollbar.scrollbarDisabledClass)),S()};Object.assign(e.scrollbar,{enable:T,disable:_,updateSize:b,setTranslate:f,init:E,destroy:S})}function gt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let r,d,a=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,u,v=new Date().getTime(),m,f,w,b,P,p,y;function h(H){!e||e.destroyed||!e.wrapperEl||H.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",h),!y&&T())}const I=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=u,m=!1);const H=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=H,o("autoplayTimeLeft",H,H/a),d=requestAnimationFrame(()=>{I()})},g=()=>{let H;return e.virtual&&e.params.virtual.enabled?H=e.slides.filter(L=>L.classList.contains("swiper-slide-active"))[0]:H=e.slides[e.activeIndex],H?parseInt(H.getAttribute("data-swiper-autoplay"),10):void 0},D=H=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(d),I();let C=typeof H>"u"?e.params.autoplay.delay:H;a=e.params.autoplay.delay,c=e.params.autoplay.delay;const L=g();!Number.isNaN(L)&&L>0&&typeof H>"u"&&(C=L,a=L,c=L),u=C;const M=e.params.speed,k=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(M,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,M,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(M,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,M,!0,!0),o("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{D()})))};return C>0?(clearTimeout(r),r=setTimeout(()=>{k()},C)):requestAnimationFrame(()=>{k()}),C},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,D(),o("autoplayStart")},E=()=>{e.autoplay.running=!1,clearTimeout(r),cancelAnimationFrame(d),o("autoplayStop")},S=(H,C)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(r),H||(p=!0);const L=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",h):T()};if(e.autoplay.paused=!0,C){P&&(u=e.params.autoplay.delay),P=!1,L();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),L())},T=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,D(u)):D(),e.autoplay.paused=!1,o("autoplayResume"))},_=()=>{if(e.destroyed||!e.autoplay.running)return;const H=Ie();H.visibilityState==="hidden"&&(p=!0,S(!0)),H.visibilityState==="visible"&&T()},x=H=>{H.pointerType==="mouse"&&(p=!0,y=!0,!(e.animating||e.autoplay.paused)&&S(!0))},A=H=>{H.pointerType==="mouse"&&(y=!1,e.autoplay.paused&&T())},j=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",A))},z=()=>{e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",A)},F=()=>{Ie().addEventListener("visibilitychange",_)},Y=()=>{Ie().removeEventListener("visibilitychange",_)};n("init",()=>{e.params.autoplay.enabled&&(j(),F(),O())}),n("destroy",()=>{z(),Y(),e.autoplay.running&&E()}),n("_freeModeStaticRelease",()=>{(w||p)&&T()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?E():S(!0,!0)}),n("beforeTransitionStart",(H,C,L)=>{e.destroyed||!e.autoplay.running||(L||!e.params.autoplay.disableOnInteraction?S(!0,!0):E())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){E();return}f=!0,w=!1,p=!1,b=setTimeout(()=>{p=!0,w=!0,S(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!f)){if(clearTimeout(b),clearTimeout(r),e.params.autoplay.disableOnInteraction){w=!1,f=!1;return}w&&e.params.cssMode&&T(),w=!1,f=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(P=!0)}),Object.assign(e.autoplay,{start:O,stop:E,pause:S,resume:T})}function Bn(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const a=e.getTranslate();e.setTranslate(a),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function r(){if(e.params.cssMode)return;const{touchEventsData:a,touches:c}=e;a.velocities.length===0&&a.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Te()})}function d(a){let{currentPos:c}=a;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:m,snapGrid:f,touchEventsData:w}=e,P=Te()-w.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<f.length?e.slideTo(f.length-1):e.slideTo(e.slides.length-1);return}if(u.freeMode.momentum){if(w.velocities.length>1){const E=w.velocities.pop(),S=w.velocities.pop(),T=E.position-S.position,_=E.time-S.time;e.velocity=T/_,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(_>150||Te()-E.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,w.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const y=e.velocity*p;let h=e.translate+y;m&&(h=-h);let I=!1,g;const D=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let O;if(h<e.maxTranslate())u.freeMode.momentumBounce?(h+e.maxTranslate()<-D&&(h=e.maxTranslate()-D),g=e.maxTranslate(),I=!0,w.allowMomentumBounce=!0):h=e.maxTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(h>e.minTranslate())u.freeMode.momentumBounce?(h-e.minTranslate()>D&&(h=e.minTranslate()+D),g=e.minTranslate(),I=!0,w.allowMomentumBounce=!0):h=e.minTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(u.freeMode.sticky){let E;for(let S=0;S<f.length;S+=1)if(f[S]>-h){E=S;break}Math.abs(f[E]-h)<Math.abs(f[E-1]-h)||e.swipeDirection==="next"?h=f[E]:h=f[E-1],h=-h}if(O&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?p=Math.abs((-h-e.translate)/e.velocity):p=Math.abs((h-e.translate)/e.velocity),u.freeMode.sticky){const E=Math.abs((m?-h:h)-e.translate),S=e.slidesSizesGrid[e.activeIndex];E<S?p=u.speed:E<2*S?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&I?(e.updateProgress(g),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Mt(v,()=>{!e||e.destroyed||!w.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(g),Mt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(h),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Mt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(h),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||P>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:r,onTouchEnd:d}})}let Lt;function zn(){const t=ge(),e=Ie();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Si(){return Lt||(Lt=zn()),Lt}let jt;function Vn(t){let{userAgent:e}=t===void 0?{}:t;const i=Si(),n=ge(),o=n.navigator.platform,l=e||n.navigator.userAgent,r={ios:!1,android:!1},d=n.screen.width,a=n.screen.height,c=l.match(/(Android);?[\s\/]+([\d.]+)?/);let u=l.match(/(iPad).*OS\s([\d_]+)/);const v=l.match(/(iPod)(.*OS\s([\d_]+))?/),m=!u&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),f=o==="Win32";let w=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!u&&w&&i.touch&&b.indexOf(`${d}x${a}`)>=0&&(u=l.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),w=!1),c&&!f&&(r.os="android",r.android=!0),(u||m||v)&&(r.os="ios",r.ios=!0),r}function Ti(t){return t===void 0&&(t={}),jt||(jt=Vn(t)),jt}let Nt;function Fn(){const t=ge(),e=Ti();let i=!1;function n(){const d=t.navigator.userAgent.toLowerCase();return d.indexOf("safari")>=0&&d.indexOf("chrome")<0&&d.indexOf("android")<0}if(n()){const d=String(t.navigator.userAgent);if(d.includes("Version/")){const[a,c]=d.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=a<16||a===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),r=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:r,isWebView:o}}function Hn(){return Nt||(Nt=Fn()),Nt}function Un(t){let{swiper:e,on:i,emit:n}=t;const o=ge();let l=null,r=null;const d=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},a=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(v=>{r=o.requestAnimationFrame(()=>{const{width:m,height:f}=e;let w=m,b=f;v.forEach(P=>{let{contentBoxSize:p,contentRect:y,target:h}=P;h&&h!==e.el||(w=y?y.width:(p[0]||p).inlineSize,b=y?y.height:(p[0]||p).blockSize)}),(w!==m||b!==f)&&d()})}),l.observe(e.el))},c=()=>{r&&o.cancelAnimationFrame(r),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},u=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){a();return}o.addEventListener("resize",d),o.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),o.removeEventListener("resize",d),o.removeEventListener("orientationchange",u)})}function Gn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],r=ge(),d=function(u,v){v===void 0&&(v={});const m=r.MutationObserver||r.WebkitMutationObserver,f=new m(w=>{if(e.__preventObserver__)return;if(w.length===1){o("observerUpdate",w[0]);return}const b=function(){o("observerUpdate",w[0])};r.requestAnimationFrame?r.requestAnimationFrame(b):r.setTimeout(b,0)});f.observe(u,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),l.push(f)},a=()=>{if(e.params.observer){if(e.params.observeParents){const u=yi(e.hostEl);for(let v=0;v<u.length;v+=1)d(u[v])}d(e.hostEl,{childList:e.params.observeSlideChildren}),d(e.wrapperEl,{attributes:!1})}},c=()=>{l.forEach(u=>{u.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",a),n("destroy",c)}var $n={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,r=new Array(l),d=0;d<l;d++)r[d]=arguments[d];e.apply(n,r)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),r=0;r<o;r++)l[r]=arguments[r];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(a=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[a,...i])}),t.eventsListeners&&t.eventsListeners[a]&&t.eventsListeners[a].forEach(c=>{c.apply(n,i)})}),t}};function Wn(){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(ze(n,"padding-left")||0,10)-parseInt(ze(n,"padding-right")||0,10),i=i-parseInt(ze(n,"padding-top")||0,10)-parseInt(ze(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 qn(){const t=this;function e(T,_){return parseFloat(T.getPropertyValue(t.getDirectionLabel(_))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:r,wrongRTL:d}=t,a=t.virtual&&i.virtual.enabled,c=a?t.virtual.slides.length:t.slides.length,u=ke(o,`.${t.params.slideClass}, swiper-slide`),v=a?t.virtual.slides.length:u.length;let m=[];const f=[],w=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let P=i.slidesOffsetAfter;typeof P=="function"&&(P=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,y=t.slidesGrid.length;let h=i.spaceBetween,I=-b,g=0,D=0;if(typeof l>"u")return;typeof h=="string"&&h.indexOf("%")>=0?h=parseFloat(h.replace("%",""))/100*l:typeof h=="string"&&(h=parseFloat(h)),t.virtualSize=-h,u.forEach(T=>{r?T.style.marginLeft="":T.style.marginRight="",T.style.marginBottom="",T.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(vt(n,"--swiper-centered-offset-before",""),vt(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let E;const S=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(T=>typeof i.breakpoints[T].slidesPerView<"u").length>0;for(let T=0;T<v;T+=1){E=0;let _;if(u[T]&&(_=u[T]),O&&t.grid.updateSlide(T,_,u),!(u[T]&&ze(_,"display")==="none")){if(i.slidesPerView==="auto"){S&&(u[T].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(_),A=_.style.transform,j=_.style.webkitTransform;if(A&&(_.style.transform="none"),j&&(_.style.webkitTransform="none"),i.roundLengths)E=t.isHorizontal()?Ot(_,"width",!0):Ot(_,"height",!0);else{const z=e(x,"width"),F=e(x,"padding-left"),Y=e(x,"padding-right"),H=e(x,"margin-left"),C=e(x,"margin-right"),L=x.getPropertyValue("box-sizing");if(L&&L==="border-box")E=z+H+C;else{const{clientWidth:M,offsetWidth:k}=_;E=z+F+Y+H+C+(k-M)}}A&&(_.style.transform=A),j&&(_.style.webkitTransform=j),i.roundLengths&&(E=Math.floor(E))}else E=(l-(i.slidesPerView-1)*h)/i.slidesPerView,i.roundLengths&&(E=Math.floor(E)),u[T]&&(u[T].style[t.getDirectionLabel("width")]=`${E}px`);u[T]&&(u[T].swiperSlideSize=E),w.push(E),i.centeredSlides?(I=I+E/2+g/2+h,g===0&&T!==0&&(I=I-l/2-h),T===0&&(I=I-l/2-h),Math.abs(I)<1/1e3&&(I=0),i.roundLengths&&(I=Math.floor(I)),D%i.slidesPerGroup===0&&m.push(I),f.push(I)):(i.roundLengths&&(I=Math.floor(I)),(D-Math.min(t.params.slidesPerGroupSkip,D))%t.params.slidesPerGroup===0&&m.push(I),f.push(I),I=I+E+h),t.virtualSize+=E+h,g=E,D+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+P,r&&d&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+h}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+h}px`),O&&t.grid.updateWrapperSize(E,m),!i.centeredSlides){const T=[];for(let _=0;_<m.length;_+=1){let x=m[_];i.roundLengths&&(x=Math.floor(x)),m[_]<=t.virtualSize-l&&T.push(x)}m=T,Math.floor(t.virtualSize-l)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-l)}if(a&&i.loop){const T=w[0]+h;if(i.slidesPerGroup>1){const _=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=T*i.slidesPerGroup;for(let A=0;A<_;A+=1)m.push(m[m.length-1]+x)}for(let _=0;_<t.virtual.slidesBefore+t.virtual.slidesAfter;_+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+T),f.push(f[f.length-1]+T),t.virtualSize+=T}if(m.length===0&&(m=[0]),h!==0){const T=t.isHorizontal()&&r?"marginLeft":t.getDirectionLabel("marginRight");u.filter((_,x)=>!i.cssMode||i.loop?!0:x!==u.length-1).forEach(_=>{_.style[T]=`${h}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let T=0;w.forEach(x=>{T+=x+(h||0)}),T-=h;const _=T-l;m=m.map(x=>x<=0?-b:x>_?_+P:x)}if(i.centerInsufficientSlides){let T=0;if(w.forEach(_=>{T+=_+(h||0)}),T-=h,T<l){const _=(l-T)/2;m.forEach((x,A)=>{m[A]=x-_}),f.forEach((x,A)=>{f[A]=x+_})}}if(Object.assign(t,{slides:u,snapGrid:m,slidesGrid:f,slidesSizesGrid:w}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){vt(n,"--swiper-centered-offset-before",`${-m[0]}px`),vt(n,"--swiper-centered-offset-after",`${t.size/2-w[w.length-1]/2}px`);const T=-t.snapGrid[0],_=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+T),t.slidesGrid=t.slidesGrid.map(x=>x+_)}if(v!==c&&t.emit("slidesLengthChange"),m.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),f.length!==y&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!a&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const T=`${i.containerModifierClass}backface-hidden`,_=t.el.classList.contains(T);v<=i.maxBackfaceHiddenSlides?_||t.el.classList.add(T):_&&t.el.classList.remove(T)}}function Yn(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const r=d=>n?e.slides[e.getSlideIndexByData(d)]:e.slides[d];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(d=>{i.push(d)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const d=e.activeIndex+l;if(d>e.slides.length&&!n)break;i.push(r(d))}else i.push(r(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const d=i[l].offsetHeight;o=d>o?d:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Xn(){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 Jn(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let r=-t;o&&(r=t),n.forEach(a=>{a.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let d=i.spaceBetween;typeof d=="string"&&d.indexOf("%")>=0?d=parseFloat(d.replace("%",""))/100*e.size:typeof d=="string"&&(d=parseFloat(d));for(let a=0;a<n.length;a+=1){const c=n[a];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(r+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),m=(r-l[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),f=-(r-u),w=f+e.slidesSizesGrid[a],b=f>=0&&f<=e.size-e.slidesSizesGrid[a];(f>=0&&f<e.size-1||w>1&&w<=e.size||f<=0&&w>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(a),n[a].classList.add(i.slideVisibleClass)),b&&n[a].classList.add(i.slideFullyVisibleClass),c.progress=o?-v:v,c.originalProgress=o?-m:m}}function Kn(t){const e=this;if(typeof t>"u"){const u=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*u||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:r,progressLoop:d}=e;const a=l,c=r;if(n===0)o=0,l=!0,r=!0;else{o=(t-e.minTranslate())/n;const u=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;l=u||o<=0,r=v||o>=1,u&&(o=0),v&&(o=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[u],f=e.slidesGrid[v],w=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=m?d=(b-m)/w:d=(b+w-f)/w,d>1&&(d-=1)}Object.assign(e,{progress:o,progressLoop:d,isBeginning:l,isEnd:r}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!a&&e.emit("reachBeginning toEdge"),r&&!c&&e.emit("reachEnd toEdge"),(a&&!l||c&&!r)&&e.emit("fromEdge"),e.emit("progress",o)}function Qn(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,r=t.grid&&i.grid&&i.grid.rows>1,d=v=>ke(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let a,c,u;if(l)if(i.loop){let v=o-t.virtual.slidesBefore;v<0&&(v=t.virtual.slides.length+v),v>=t.virtual.slides.length&&(v-=t.virtual.slides.length),a=d(`[data-swiper-slide-index="${v}"]`)}else a=d(`[data-swiper-slide-index="${o}"]`);else r?(a=e.filter(v=>v.column===o)[0],u=e.filter(v=>v.column===o+1)[0],c=e.filter(v=>v.column===o-1)[0]):a=e[o];a&&(a.classList.add(i.slideActiveClass),r?(u&&u.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(u=Ln(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),u&&u.classList.add(i.slideNextClass),c=On(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const bt=(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()}},Bt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},zt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const r=o,d=[r-e];d.push(...Array.from({length:e}).map((a,c)=>r+n+c)),t.slides.forEach((a,c)=>{d.includes(a.column)&&Bt(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let r=o-e;r<=l+e;r+=1){const d=(r%i+i)%i;(d<o||d>l)&&Bt(t,d)}else for(let r=Math.max(o-e,0);r<=Math.min(l+e,i-1);r+=1)r!==o&&(r>l||r<o)&&Bt(t,r)};function Zn(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 Rn(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:r,snapIndex:d}=e;let a=t,c;const u=f=>{let w=f-e.virtual.slidesBefore;return w<0&&(w=e.virtual.slides.length+w),w>=e.virtual.slides.length&&(w-=e.virtual.slides.length),w};if(typeof a>"u"&&(a=Zn(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const f=Math.min(o.slidesPerGroupSkip,a);c=f+Math.floor((a-f)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),a===l&&!e.params.loop){c!==d&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(a===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(a);return}const v=e.grid&&o.grid&&o.grid.rows>1;let m;if(e.virtual&&o.virtual.enabled&&o.loop)m=u(a);else if(v){const f=e.slides.filter(b=>b.column===a)[0];let w=parseInt(f.getAttribute("data-swiper-slide-index"),10);Number.isNaN(w)&&(w=Math.max(e.slides.indexOf(f),0)),m=Math.floor(w/o.grid.rows)}else if(e.slides[a]){const f=e.slides[a].getAttribute("data-swiper-slide-index");f?m=parseInt(f,10):m=a}else m=a;Object.assign(e,{previousSnapIndex:d,snapIndex:c,previousRealIndex:r,realIndex:m,previousIndex:l,activeIndex:a}),e.initialized&&zt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(r!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function eo(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(d=>{!o&&d.matches&&d.matches(`.${n.slideClass}, swiper-slide`)&&(o=d)});let l=!1,r;if(o){for(let d=0;d<i.slides.length;d+=1)if(i.slides[d]===o){l=!0,r=d;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=r;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var to={updateSize:Wn,updateSlides:qn,updateAutoHeight:Yn,updateSlidesOffset:Xn,updateSlidesProgress:Jn,updateProgress:Kn,updateSlidesClasses:Qn,updateActiveIndex:Rn,updateClickedSlide:eo};function io(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let r=An(l,t);return r+=e.cssOverflowAdjustment(),n&&(r=-r),r||0}function no(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:r}=i;let d=0,a=0;const c=0;i.isHorizontal()?d=n?-t:t:a=t,o.roundLengths&&(d=Math.floor(d),a=Math.floor(a)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?d:a,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-d:-a:o.virtualTranslate||(i.isHorizontal()?d-=i.cssOverflowAdjustment():a-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${d}px, ${a}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==r&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function oo(){return-this.snapGrid[0]}function lo(){return-this.snapGrid[this.snapGrid.length-1]}function so(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:r,wrapperEl:d}=l;if(l.animating&&r.preventInteractionOnTransition)return!1;const a=l.minTranslate(),c=l.maxTranslate();let u;if(n&&t>a?u=a:n&&t<c?u=c:u=t,l.updateProgress(u),r.cssMode){const v=l.isHorizontal();if(e===0)d[v?"scrollLeft":"scrollTop"]=-u;else{if(!l.support.smoothScroll)return bi({swiper:l,targetPosition:-u,side:v?"left":"top"}),!0;d.scrollTo({[v?"left":"top"]:-u,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(u),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(u),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(m){!l||l.destroyed||m.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var ro={getTranslate:io,setTranslate:no,minTranslate:oo,maxTranslate:lo,translateTo:so};function ao(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function xi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:r}=e;let d=n;if(d||(l>r?d="next":l<r?d="prev":d="reset"),e.emit(`transition${o}`),i&&l!==r){if(d==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),d==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function co(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),xi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function uo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),xi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var po={setTransition:ao,transitionStart:co,transitionEnd:uo};function vo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let r=t;r<0&&(r=0);const{params:d,snapGrid:a,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:m,wrapperEl:f,enabled:w}=l;if(l.animating&&d.preventInteractionOnTransition||!w&&!n&&!o||l.destroyed)return!1;const b=Math.min(l.params.slidesPerGroupSkip,r);let P=b+Math.floor((r-b)/l.params.slidesPerGroup);P>=a.length&&(P=a.length-1);const p=-a[P];if(d.normalizeSlideIndex)for(let h=0;h<c.length;h+=1){const I=-Math.floor(p*100),g=Math.floor(c[h]*100),D=Math.floor(c[h+1]*100);typeof c[h+1]<"u"?I>=g&&I<D-(D-g)/2?r=h:I>=g&&I<D&&(r=h+1):I>=g&&(r=h)}if(l.initialized&&r!==v&&(!l.allowSlideNext&&(m?p>l.translate&&p>l.minTranslate():p<l.translate&&p<l.minTranslate())||!l.allowSlidePrev&&p>l.translate&&p>l.maxTranslate()&&(v||0)!==r))return!1;r!==(u||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let y;if(r>v?y="next":r<v?y="prev":y="reset",m&&-p===l.translate||!m&&p===l.translate)return l.updateActiveIndex(r),d.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),d.effect!=="slide"&&l.setTranslate(p),y!=="reset"&&(l.transitionStart(i,y),l.transitionEnd(i,y)),!1;if(d.cssMode){const h=l.isHorizontal(),I=m?p:-p;if(e===0){const g=l.virtual&&l.params.virtual.enabled;g&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),g&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{f[h?"scrollLeft":"scrollTop"]=I})):f[h?"scrollLeft":"scrollTop"]=I,g&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return bi({swiper:l,targetPosition:I,side:h?"left":"top"}),!0;f.scrollTo({[h?"left":"top"]:I,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(r),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,y),e===0?l.transitionEnd(i,y):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(I){!l||l.destroyed||I.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,y))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function fo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let r=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)r=r+o.virtual.slidesBefore;else{let d;if(l){const m=r*o.params.grid.rows;d=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else d=o.getSlideIndexByData(r);const a=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let u=o.params.slidesPerView;u==="auto"?u=o.slidesPerViewDynamic():(u=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&u%2===0&&(u=u+1));let v=a-d<u;if(c&&(v=v||d<Math.ceil(u/2)),v){const m=c?d<o.activeIndex?"prev":"next":d-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?d+1:d-a+1,slideRealIndex:m==="next"?o.realIndex:void 0})}if(l){const m=r*o.params.grid.rows;r=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=o.getSlideIndexByData(r)}return requestAnimationFrame(()=>{o.slideTo(r,e,i,n)}),o}function mo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:r}=n;if(!o||n.destroyed)return n;let d=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(d=Math.max(n.slidesPerViewDynamic("current",!0),1));const a=n.activeIndex<l.slidesPerGroupSkip?1:d,c=n.virtual&&l.virtual.enabled;if(l.loop){if(r&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+a,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+a,t,e,i)}function ho(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:r,rtlTranslate:d,enabled:a,animating:c}=n;if(!a||n.destroyed)return n;const u=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!u&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=d?n.translate:-n.translate;function m(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const f=m(v),w=l.map(p=>m(p));let b=l[w.indexOf(f)-1];if(typeof b>"u"&&o.cssMode){let p;l.forEach((y,h)=>{f>=y&&(p=h)}),typeof p<"u"&&(b=l[p>0?p-1:p])}let P=0;if(typeof b<"u"&&(P=r.indexOf(b),P<0&&(P=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(P=P-n.slidesPerViewDynamic("previous",!0)+1,P=Math.max(P,0))),o.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(P,t,e,i)}),!0;return n.slideTo(P,t,e,i)}function go(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 bo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const r=Math.min(o.params.slidesPerGroupSkip,l),d=r+Math.floor((l-r)/o.params.slidesPerGroup),a=o.rtlTranslate?o.translate:-o.translate;if(a>=o.snapGrid[d]){const c=o.snapGrid[d],u=o.snapGrid[d+1];a-c>(u-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[d-1],u=o.snapGrid[d];a-c<=(u-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 yo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const r=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(ke(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),Ke(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(ke(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),Ke(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var wo={slideTo:vo,slideToLoop:fo,slideNext:mo,slidePrev:ho,slideReset:go,slideToClosest:bo,slideToClickedSlide:yo};function So(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{ke(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},l=e.grid&&i.grid&&i.grid.rows>1,r=i.slidesPerGroup*(l?i.grid.rows:1),d=e.slides.length%r!==0,a=l&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const m=e.isElement?ot("swiper-slide",[i.slideBlankClass]):ot("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(d){if(i.loopAddBlankSlides){const u=r-e.slides.length%r;c(u),e.recalcSlides(),e.updateSlides()}else ft("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(a){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else ft("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 To(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:r,byMousewheel:d}=t===void 0?{}:t;const a=this;if(!a.params.loop)return;a.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:m,params:f}=a,{centeredSlides:w}=f;if(a.allowSlidePrev=!0,a.allowSlideNext=!0,a.virtual&&f.virtual.enabled){i&&(!f.centeredSlides&&a.snapIndex===0?a.slideTo(a.virtual.slides.length,0,!1,!0):f.centeredSlides&&a.snapIndex<f.slidesPerView?a.slideTo(a.virtual.slides.length+a.snapIndex,0,!1,!0):a.snapIndex===a.snapGrid.length-1&&a.slideTo(a.virtual.slidesBefore,0,!1,!0)),a.allowSlidePrev=u,a.allowSlideNext=v,a.emit("loopFix");return}let b=f.slidesPerView;b==="auto"?b=a.slidesPerViewDynamic():(b=Math.ceil(parseFloat(f.slidesPerView,10)),w&&b%2===0&&(b=b+1));const P=f.slidesPerGroupAuto?b:f.slidesPerGroup;let p=P;p%P!==0&&(p+=P-p%P),p+=f.loopAdditionalSlides,a.loopedSlides=p;const y=a.grid&&f.grid&&f.grid.rows>1;c.length<b+p?ft("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"):y&&f.grid.fill==="row"&&ft("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const h=[],I=[];let g=a.activeIndex;typeof l>"u"?l=a.getSlideIndex(c.filter(A=>A.classList.contains(f.slideActiveClass))[0]):g=l;const D=n==="next"||!n,O=n==="prev"||!n;let E=0,S=0;const T=y?Math.ceil(c.length/f.grid.rows):c.length,x=(y?c[l].column:l)+(w&&typeof o>"u"?-b/2+.5:0);if(x<p){E=Math.max(p-x,P);for(let A=0;A<p-x;A+=1){const j=A-Math.floor(A/T)*T;if(y){const z=T-j-1;for(let F=c.length-1;F>=0;F-=1)c[F].column===z&&h.push(F)}else h.push(T-j-1)}}else if(x+b>T-p){S=Math.max(x-(T-p*2),P);for(let A=0;A<S;A+=1){const j=A-Math.floor(A/T)*T;y?c.forEach((z,F)=>{z.column===j&&I.push(F)}):I.push(j)}}if(a.__preventObserver__=!0,requestAnimationFrame(()=>{a.__preventObserver__=!1}),O&&h.forEach(A=>{c[A].swiperLoopMoveDOM=!0,m.prepend(c[A]),c[A].swiperLoopMoveDOM=!1}),D&&I.forEach(A=>{c[A].swiperLoopMoveDOM=!0,m.append(c[A]),c[A].swiperLoopMoveDOM=!1}),a.recalcSlides(),f.slidesPerView==="auto"?a.updateSlides():y&&(h.length>0&&O||I.length>0&&D)&&a.slides.forEach((A,j)=>{a.grid.updateSlide(j,A,a.slides)}),f.watchSlidesProgress&&a.updateSlidesOffset(),i){if(h.length>0&&O){if(typeof e>"u"){const A=a.slidesGrid[g],z=a.slidesGrid[g+E]-A;d?a.setTranslate(a.translate-z):(a.slideTo(g+Math.ceil(E),0,!1,!0),o&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-z,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-z))}else if(o){const A=y?h.length/f.grid.rows:h.length;a.slideTo(a.activeIndex+A,0,!1,!0),a.touchEventsData.currentTranslate=a.translate}}else if(I.length>0&&D)if(typeof e>"u"){const A=a.slidesGrid[g],z=a.slidesGrid[g-S]-A;d?a.setTranslate(a.translate-z):(a.slideTo(g-S,0,!1,!0),o&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-z,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-z))}else{const A=y?I.length/f.grid.rows:I.length;a.slideTo(a.activeIndex-A,0,!1,!0)}}if(a.allowSlidePrev=u,a.allowSlideNext=v,a.controller&&a.controller.control&&!r){const A={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(a.controller.control)?a.controller.control.forEach(j=>{!j.destroyed&&j.params.loop&&j.loopFix({...A,slideTo:j.params.slidesPerView===f.slidesPerView?i:!1})}):a.controller.control instanceof a.constructor&&a.controller.control.params.loop&&a.controller.control.loopFix({...A,slideTo:a.controller.control.params.slidesPerView===f.slidesPerView?i:!1})}a.emit("loopFix")}function xo(){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 Eo={loopCreate:So,loopFix:To,loopDestroy:xo};function Co(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 Io(){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 Do={setGrabCursor:Co,unsetGrabCursor:Io};function _o(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ie()||n===ge())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 Ei(t,e,i){const n=ge(),{params:o}=t,l=o.edgeSwipeDetection,r=o.edgeSwipeThreshold;return l&&(i<=r||i>=n.innerWidth-r)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function ko(t){const e=this,i=Ie();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"){Ei(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:r,enabled:d}=e;if(!d||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let a=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(a)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(a=u[0]);const v=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(m?_o(v,a):a.closest(v))){e.allowClick=!0;return}if(l.swipeHandler&&!a.closest(l.swipeHandler))return;r.currentX=n.pageX,r.currentY=n.pageY;const f=r.currentX,w=r.currentY;if(!Ei(e,n,f))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),r.startX=f,r.startY=w,o.touchStartTime=Te(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let b=!0;a.matches(o.focusableElements)&&(b=!1,a.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==a&&i.activeElement.blur();const P=b&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||P)&&!a.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Ao(t){const e=Ie(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:r,enabled:d}=i;if(!d||!o.simulateTouch&&t.pointerType==="mouse")return;let a=t;if(a.originalEvent&&(a=a.originalEvent),a.type==="pointermove"&&(n.touchId!==null||a.pointerId!==n.pointerId))return;let c;if(a.type==="touchmove"){if(c=[...a.changedTouches].filter(D=>D.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=a;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",a);return}const u=c.pageX,v=c.pageY;if(a.preventedByNestedSwiper){l.startX=u,l.startY=v;return}if(!i.allowTouchMove){a.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=Te());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(v<l.startY&&i.translate<=i.maxTranslate()||v>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(u<l.startX&&i.translate<=i.maxTranslate()||u>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&a.target===e.activeElement&&a.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",a),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=u,l.currentY=v;const m=l.currentX-l.startX,f=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(m**2+f**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let D;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:m*m+f*f>=25&&(D=Math.atan2(Math.abs(f),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?D>o.touchAngle:90-D>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",a),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&a.cancelable&&a.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&a.stopPropagation();let w=i.isHorizontal()?m:f,b=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(w=Math.abs(w)*(r?1:-1),b=Math.abs(b)*(r?1:-1)),l.diff=w,w*=o.touchRatio,r&&(w=-w,b=-b);const P=i.touchesDirection;i.swipeDirection=w>0?"prev":"next",i.touchesDirection=b>0?"prev":"next";const p=i.params.loop&&!o.cssMode,y=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&y&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const D=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(D)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",a)}let h;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&P!==i.touchesDirection&&p&&y&&Math.abs(w)>=1){Object.assign(l,{startX:u,startY:v,currentX:u,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",a),n.isMoved=!0,n.currentTranslate=w+n.startTranslate;let I=!0,g=o.resistanceRatio;if(o.touchReleaseOnEdges&&(g=0),w>0?(p&&y&&!h&&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()&&(I=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+w)**g))):w<0&&(p&&y&&!h&&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()&&(I=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-w)**g))),I&&(a.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(w)>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 Po(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(g=>g.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:r,touches:d,rtlTranslate:a,slidesGrid:c,enabled:u}=e;if(!u||!r.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&r.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}r.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Te(),m=v-i.touchStartTime;if(e.allowClick){const g=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(g&&g[0]||n.target,g),e.emit("tap click",n),m<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Te(),Ke(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||d.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 f;if(r.followFinger?f=a?e.translate:-e.translate:f=-i.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:f});return}const w=f>=-e.maxTranslate()&&!e.params.loop;let b=0,P=e.slidesSizesGrid[0];for(let g=0;g<c.length;g+=g<r.slidesPerGroupSkip?1:r.slidesPerGroup){const D=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;typeof c[g+D]<"u"?(w||f>=c[g]&&f<c[g+D])&&(b=g,P=c[g+D]-c[g]):(w||f>=c[g])&&(b=g,P=c[c.length-1]-c[c.length-2])}let p=null,y=null;r.rewind&&(e.isBeginning?y=r.virtual&&r.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const h=(f-c[b])/P,I=b<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(h>=r.longSwipesRatio?e.slideTo(r.rewind&&e.isEnd?p:b+I):e.slideTo(b)),e.swipeDirection==="prev"&&(h>1-r.longSwipesRatio?e.slideTo(b+I):y!==null&&h<0&&Math.abs(h)>r.longSwipesRatio?e.slideTo(y):e.slideTo(b))}else{if(!r.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+I):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:b+I),e.swipeDirection==="prev"&&e.slideTo(y!==null?y:b))}}function Ci(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,r=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const d=r&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!d?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!r?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Mo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Oo(){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 Lo(t){const e=this;bt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function jo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Ii=(t,e)=>{const i=Ie(),{params:n,el:o,wrapperEl:l,device:r}=t,d=!!n.nested,a=e==="on"?"addEventListener":"removeEventListener",c=e;i[a]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:d}),o[a]("touchstart",t.onTouchStart,{passive:!1}),o[a]("pointerdown",t.onTouchStart,{passive:!1}),i[a]("touchmove",t.onTouchMove,{passive:!1,capture:d}),i[a]("pointermove",t.onTouchMove,{passive:!1,capture:d}),i[a]("touchend",t.onTouchEnd,{passive:!0}),i[a]("pointerup",t.onTouchEnd,{passive:!0}),i[a]("pointercancel",t.onTouchEnd,{passive:!0}),i[a]("touchcancel",t.onTouchEnd,{passive:!0}),i[a]("pointerout",t.onTouchEnd,{passive:!0}),i[a]("pointerleave",t.onTouchEnd,{passive:!0}),i[a]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[a]("click",t.onClick,!0),n.cssMode&&l[a]("scroll",t.onScroll),n.updateOnWindowResize?t[c](r.ios||r.android?"resize orientationchange observerUpdate":"resize observerUpdate",Ci,!0):t[c]("observerUpdate",Ci,!0),o[a]("load",t.onLoad,{capture:!0})};function No(){const t=this,{params:e}=t;t.onTouchStart=ko.bind(t),t.onTouchMove=Ao.bind(t),t.onTouchEnd=Po.bind(t),t.onDocumentTouchStart=jo.bind(t),e.cssMode&&(t.onScroll=Oo.bind(t)),t.onClick=Mo.bind(t),t.onLoad=Lo.bind(t),Ii(t,"on")}function Bo(){Ii(this,"off")}var zo={attachEvents:No,detachEvents:Bo};const Di=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function Vo(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const r=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!r||t.currentBreakpoint===r)return;const a=(r in l?l[r]:void 0)||t.originalParams,c=Di(t,n),u=Di(t,a),v=n.enabled;c&&!u?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&u&&(o.classList.add(`${n.containerModifierClass}grid`),(a.grid.fill&&a.grid.fill==="column"||!a.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof a[p]>"u")return;const y=n[p]&&n[p].enabled,h=a[p]&&a[p].enabled;y&&!h&&t[p].disable(),!y&&h&&t[p].enable()});const m=a.direction&&a.direction!==n.direction,f=n.loop&&(a.slidesPerView!==n.slidesPerView||m),w=n.loop;m&&i&&t.changeDirection(),we(t.params,a);const b=t.params.enabled,P=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!b?t.disable():!v&&b&&t.enable(),t.currentBreakpoint=r,t.emit("_beforeBreakpoint",a),i&&(f?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!w&&P?(t.loopCreate(e),t.updateSlides()):w&&!P&&t.loopDestroy()),t.emit("breakpoint",a)}function Fo(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=ge(),l=e==="window"?o.innerHeight:i.clientHeight,r=Object.keys(t).map(d=>{if(typeof d=="string"&&d.indexOf("@")===0){const a=parseFloat(d.substr(1));return{value:l*a,point:d}}return{value:d,point:d}});r.sort((d,a)=>parseInt(d.value,10)-parseInt(a.value,10));for(let d=0;d<r.length;d+=1){const{point:a,value:c}=r[d];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=a):c<=i.clientWidth&&(n=a)}return n||"max"}var Ho={setBreakpoint:Vo,getBreakpoint:Fo};function Uo(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 Go(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,r=Uo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...r),o.classList.add(...e),t.emitContainerClasses()}function $o(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Wo={addClasses:Go,removeClasses:$o};function qo(){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 Yo={checkOverflow:qo},Vt={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 Xo(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){we(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)){we(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),we(e,n)}}const Ft={eventsEmitter:$n,update:to,translate:ro,transition:po,slide:wo,loop:Eo,grabCursor:Do,events:zo,breakpoints:Ho,checkOverflow:Yo,classes:Wo},Ht={};let Ut=class Ne{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=we({},i),e&&!i.el&&(i.el=e);const r=Ie();if(i.el&&typeof i.el=="string"&&r.querySelectorAll(i.el).length>1){const u=[];return r.querySelectorAll(i.el).forEach(v=>{const m=we({},i,{el:v});u.push(new Ne(m))}),u}const d=this;d.__swiper__=!0,d.support=Si(),d.device=Ti({userAgent:i.userAgent}),d.browser=Hn(),d.eventsListeners={},d.eventsAnyListeners=[],d.modules=[...d.__modules__],i.modules&&Array.isArray(i.modules)&&d.modules.push(...i.modules);const a={};d.modules.forEach(u=>{u({params:i,swiper:d,extendParams:Xo(i,a),on:d.on.bind(d),once:d.once.bind(d),off:d.off.bind(d),emit:d.emit.bind(d)})});const c=we({},Vt,a);return d.params=we({},c,Ht,i),d.originalParams=we({},d.params),d.passedParams=we({},i),d.params&&d.params.on&&Object.keys(d.params.on).forEach(u=>{d.on(u,d.params.on[u])}),d.params&&d.params.onAny&&d.onAny(d.params.onAny),Object.assign(d,{enabled:d.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return d.params.direction==="horizontal"},isVertical(){return d.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:d.params.allowSlideNext,allowSlidePrev:d.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:d.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:d.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),d.emit("_swiper"),d.params.init&&d.init(),d}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=ke(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=ke(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),r=(n.maxTranslate()-o)*e+o;n.translateTo(r,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:r,slidesSizesGrid:d,size:a,activeIndex:c}=n;let u=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let v=l[c]?Math.ceil(l[c].swiperSlideSize):0,m;for(let f=c+1;f<l.length;f+=1)l[f]&&!m&&(v+=Math.ceil(l[f].swiperSlideSize),u+=1,v>a&&(m=!0));for(let f=c-1;f>=0;f-=1)l[f]&&!m&&(v+=l[f].swiperSlideSize,u+=1,v>a&&(m=!0))}else if(e==="current")for(let v=c+1;v<l.length;v+=1)(i?r[v]+d[v]-r[c]<a:r[v]-r[c]<a)&&(u+=1);else for(let v=c-1;v>=0;v-=1)r[c]-r[v]<a&&(u+=1);return u}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(r=>{r.complete&&bt(e,r)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const r=e.rtlTranslate?e.translate*-1:e.translate,d=Math.min(Math.max(r,e.maxTranslate()),e.minTranslate());e.setTranslate(d),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const r=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(r.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):ke(n,o())[0];return!r&&i.params.createElements&&(r=ot("div",i.params.wrapperClass),n.append(r),ke(n,`.${i.params.slideClass}`).forEach(d=>{r.append(d)})),Object.assign(i,{el:n,wrapperEl:r,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:r,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||ze(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||ze(n,"direction")==="rtl"),wrongRTL:ze(r,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?bt(i,l):l.addEventListener("load",r=>{bt(i,r.target)})}),zt(i),i.initialized=!0,zt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:r,slides:d}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),r.removeAttribute("style"),d&&d.length&&d.forEach(a=>{a.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),a.removeAttribute("style"),a.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(a=>{n.off(a)}),e!==!1&&(n.el.swiper=null,_n(n)),n.destroyed=!0),null}static extendDefaults(e){we(Ht,e)}static get extendedDefaults(){return Ht}static get defaults(){return Vt}static installModule(e){Ne.prototype.__modules__||(Ne.prototype.__modules__=[]);const i=Ne.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Ne.installModule(i)),Ne):(Ne.installModule(e),Ne)}};Object.keys(Ft).forEach(t=>{Object.keys(Ft[t]).forEach(e=>{Ut.prototype[e]=Ft[t][e]})}),Ut.use([Un,Gn]);const _i=["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 Ge(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function Ze(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]:Ge(e[n])&&Ge(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:Ze(t[n],e[n]):t[n]=e[n]})}function ki(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Ai(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Pi(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function Mi(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 Jo(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Ko(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:r,scrollbarEl:d,paginationEl:a}=t;const c=o.filter(S=>S!=="children"&&S!=="direction"&&S!=="wrapperClass"),{params:u,pagination:v,navigation:m,scrollbar:f,virtual:w,thumbs:b}=e;let P,p,y,h,I,g,D,O;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(P=!0),o.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||a)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(y=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||d)&&(u.scrollbar||u.scrollbar===!1)&&f&&!f.el&&(h=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||r)&&(n.navigation.nextEl||l)&&(u.navigation||u.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(I=!0);const E=S=>{e[S]&&(e[S].destroy(),S==="navigation"?(e.isElement&&(e[S].prevEl.remove(),e[S].nextEl.remove()),u[S].prevEl=void 0,u[S].nextEl=void 0,e[S].prevEl=void 0,e[S].nextEl=void 0):(e.isElement&&e[S].el.remove(),u[S].el=void 0,e[S].el=void 0))};o.includes("loop")&&e.isElement&&(u.loop&&!n.loop?g=!0:!u.loop&&n.loop?D=!0:O=!0),c.forEach(S=>{if(Ge(u[S])&&Ge(n[S]))Object.assign(u[S],n[S]),(S==="navigation"||S==="pagination"||S==="scrollbar")&&"enabled"in n[S]&&!n[S].enabled&&E(S);else{const T=n[S];(T===!0||T===!1)&&(S==="navigation"||S==="pagination"||S==="scrollbar")?T===!1&&E(S):u[S]=n[S]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),o.includes("children")&&i&&w&&u.virtual.enabled?(w.slides=i,w.update(!0)):o.includes("virtual")&&w&&u.virtual.enabled&&(i&&(w.slides=i),w.update(!0)),o.includes("children")&&i&&u.loop&&(O=!0),P&&b.init()&&b.update(!0),p&&(e.controller.control=u.controller.control),y&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-pagination"),a.part.add("pagination"),e.el.appendChild(a)),a&&(u.pagination.el=a),v.init(),v.render(),v.update()),h&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-scrollbar"),d.part.add("scrollbar"),e.el.appendChild(d)),d&&(u.scrollbar.el=d),f.init(),f.updateSize(),f.setTranslate()),I&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-button-prev"),r.innerHTML=e.hostEl.constructor.prevButtonSvg,r.part.add("button-prev"),e.el.appendChild(r))),l&&(u.navigation.nextEl=l),r&&(u.navigation.prevEl=r),m.init(),m.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(g||O)&&e.loopDestroy(),(D||O)&&e.loopCreate(),e.update()}function Qo(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};Ze(i,Vt),i._emitClasses=!0,i.init=!1;const l={},r=_i.map(a=>a.replace(/_/,"")),d=Object.assign({},t);return Object.keys(d).forEach(a=>{typeof t[a]>"u"||(r.indexOf(a)>=0?Ge(t[a])?(i[a]={},o[a]={},Ze(i[a],t[a]),Ze(o[a],t[a])):(i[a]=t[a],o[a]=t[a]):a.search(/on[A-Z]/)===0&&typeof t[a]=="function"?e?n[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:i.on[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:l[a]=t[a])}),["navigation","pagination","scrollbar"].forEach(a=>{i[a]===!0&&(i[a]={}),i[a]===!1&&delete i[a]}),{params:i,passedParams:o,rest:l,events:n}}function Zo(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:r,swiper:d}=t;ki(e)&&n&&o&&(d.params.navigation.nextEl=n,d.originalParams.navigation.nextEl=n,d.params.navigation.prevEl=o,d.originalParams.navigation.prevEl=o),Ai(e)&&l&&(d.params.pagination.el=l,d.originalParams.pagination.el=l),Pi(e)&&r&&(d.params.scrollbar.el=r,d.originalParams.scrollbar.el=r),d.init(i)}function Ro(t,e,i,n,o){const l=[];if(!e)return l;const r=a=>{l.indexOf(a)<0&&l.push(a)};if(i&&n){const a=n.map(o),c=i.map(o);a.join("")!==c.join("")&&r("children"),n.length!==i.length&&r("children")}return _i.filter(a=>a[0]==="_").map(a=>a.replace(/_/,"")).forEach(a=>{if(a in t&&a in e)if(Ge(t[a])&&Ge(e[a])){const c=Object.keys(t[a]),u=Object.keys(e[a]);c.length!==u.length?r(a):(c.forEach(v=>{t[a][v]!==e[a][v]&&r(a)}),u.forEach(v=>{t[a][v]!==e[a][v]&&r(a)}))}else t[a]!==e[a]&&r(a)}),l}const el=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 yt(){return yt=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},yt.apply(this,arguments)}function Oi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Li(t){const e=[];return s.Children.toArray(t).forEach(i=>{Oi(i)?e.push(i):i.props&&i.props.children&&Li(i.props.children).forEach(n=>e.push(n))}),e}function tl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return s.Children.toArray(t).forEach(n=>{if(Oi(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=Li(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 il(t,e,i){if(!i)return null;const n=u=>{let v=u;return u<0?v=e.length+u:v>=e.length&&(v=v-e.length),v},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:r}=i,d=t.params.loop?-e.length:0,a=t.params.loop?e.length*2:e.length,c=[];for(let u=d;u<a;u+=1)u>=l&&u<=r&&c.push(e[n(u)]);return c.map((u,v)=>s.cloneElement(u,{swiper:t,style:o,key:u.props.virtualIndex||u.key||`slide-${v}`}))}function lt(t,e){return typeof window>"u"?s.useEffect(t,e):s.useLayoutEffect(t,e)}const Gt=s.createContext(null),ji=()=>s.useContext(Gt),nl=s.createContext(null),$e=s.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:r,...d}=t===void 0?{}:t,a=!1;const[c,u]=s.useState("swiper"),[v,m]=s.useState(null),[f,w]=s.useState(!1),b=s.useRef(!1),P=s.useRef(null),p=s.useRef(null),y=s.useRef(null),h=s.useRef(null),I=s.useRef(null),g=s.useRef(null),D=s.useRef(null),O=s.useRef(null),{params:E,passedParams:S,rest:T,events:_}=Qo(d),{slides:x,slots:A}=tl(l),j=()=>{w(!f)};Object.assign(E.on,{_containerClasses(C,L){u(L)}});const z=()=>{Object.assign(E.on,_),a=!0;const C={...E};if(delete C.wrapperClass,p.current=new Ut(C),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const L={cache:!1,slides:x,renderExternal:m,renderExternalUpdate:!1};Ze(p.current.params.virtual,L),Ze(p.current.originalParams.virtual,L)}};P.current||z(),p.current&&p.current.on("_beforeBreakpoint",j);const F=()=>{a||!_||!p.current||Object.keys(_).forEach(C=>{p.current.on(C,_[C])})},Y=()=>{!_||!p.current||Object.keys(_).forEach(C=>{p.current.off(C,_[C])})};s.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",j)}),s.useEffect(()=>{!b.current&&p.current&&(p.current.emitSlidesClasses(),b.current=!0)}),lt(()=>{if(e&&(e.current=P.current),!!P.current)return p.current.destroyed&&z(),Zo({el:P.current,nextEl:I.current,prevEl:g.current,paginationEl:D.current,scrollbarEl:O.current,swiper:p.current},E),r&&!p.current.destroyed&&r(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),lt(()=>{F();const C=Ro(S,y.current,x,h.current,L=>L.key);return y.current=S,h.current=x,C.length&&p.current&&!p.current.destroyed&&Ko({swiper:p.current,slides:x,passedParams:S,changedParams:C,nextEl:I.current,prevEl:g.current,scrollbarEl:O.current,paginationEl:D.current}),()=>{Y()}}),lt(()=>{el(p.current)},[v]);function H(){return E.virtual?il(p.current,x,v):x.map((C,L)=>s.cloneElement(C,{swiper:p.current,swiperSlideIndex:L}))}return s.createElement(n,yt({ref:P,className:Mi(`${c}${i?` ${i}`:""}`)},T),s.createElement(nl.Provider,{value:p.current},A["container-start"],s.createElement(o,{className:Jo(E.wrapperClass)},A["wrapper-start"],H(),A["wrapper-end"]),ki(E)&&s.createElement(s.Fragment,null,s.createElement("div",{ref:g,className:"swiper-button-prev"}),s.createElement("div",{ref:I,className:"swiper-button-next"})),Pi(E)&&s.createElement("div",{ref:O,className:"swiper-scrollbar"}),Ai(E)&&s.createElement("div",{ref:D,className:"swiper-pagination"}),A["container-end"]))});$e.displayName="Swiper";const Pe=s.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:r,lazy:d,virtualIndex:a,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=s.useRef(null),[m,f]=s.useState("swiper-slide"),[w,b]=s.useState(!1);function P(I,g,D){g===v.current&&f(D)}lt(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!l)){if(l.destroyed){m!=="swiper-slide"&&f("swiper-slide");return}return l.on("_slideClass",P),()=>{l&&l.off("_slideClass",P)}}}),lt(()=>{l&&v.current&&!l.destroyed&&f(l.getSlideClasses(v.current))},[l]);const p={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},y=()=>typeof n=="function"?n(p):n,h=()=>{b(!0)};return s.createElement(i,yt({ref:v,className:Mi(`${m}${o?` ${o}`:""}`),"data-swiper-slide-index":a,onLoad:h},u),r&&s.createElement(Gt.Provider,{value:p},s.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof r=="number"?r:void 0},y(),d&&!w&&s.createElement("div",{className:"swiper-lazy-preloader"}))),!r&&s.createElement(Gt.Provider,{value:p},y(),d&&!w&&s.createElement("div",{className:"swiper-lazy-preloader"})))});Pe.displayName="SwiperSlide";function Oe(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=oe(),o=s.useCallback((r,d,a,c)=>{var u,v,m,f,w,b,P,p,y,h,I,g,D,O;let E="";e&&(!((v=(u=r?.video)===null||u===void 0?void 0:u.bindProducts)===null||v===void 0)&&v.length||!((m=r?.video)===null||m===void 0)&&m.bindProduct)?E="pdpPage":n?E="hashTagPage":!((f=r?.video)===null||f===void 0)&&f.url?E="videoPage":!((w=r?.video)===null||w===void 0)&&w.imgUrls&&(!((P=(b=r?.video)===null||b===void 0?void 0:b.imgUrls)===null||P===void 0)&&P.length)?E="imagePage":r?.product&&(E="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=d?.itemId)!==null&&p!==void 0?p:"",productName:(y=d?.title)!==null&&y!==void 0?y:"",price:d?.price?d?.price+"":"0",productCollection:(h=d?.collection)!==null&&h!==void 0?h:"",fromKName:E,fromKPage:location?.href,contentTags:d?.tags?JSON.stringify(d?.tags):"",position:c+"",contentId:(g=(I=r?.video)===null||I===void 0?void 0:I.itemId)!==null&&g!==void 0?g:"",ctatId:(D=a?.itemId)!==null&&D!==void 0?D:"",traceInfo:(O=d?.traceInfo)!==null&&O!==void 0?O:""}})},[t,e,n]),l=s.useCallback((r,d,a,c,u)=>{var v,m,f,w;let b="";e&&(!((m=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((f=r?.video)===null||f===void 0)&&f.bindProduct)?b="pdpPage":r?.product&&(b="productPage"),t?.({eventInfo:{productId:d?.itemId,productName:d?.title,price:d?.price?d?.price+"":"0",productCollection:d?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(d?.tags),position:u+"",contentId:(w=r?.video)===null||w===void 0?void 0:w.itemId,ctatId:a?.itemId,traceInfo:d?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const ol="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 r;const[d,a]=s.useState(!1),c=s.useRef(null);s.useEffect(()=>{const m=document.getElementById("sxp-render"),f=document.getElementById("pb-modal");f?c.current=f:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),m?.appendChild(c.current))},[]);const u=s.useMemo(()=>l?.id&&l?.id!==""||t,[t,l]);if(s.useEffect(()=>{u?a(!0):setTimeout(()=>{a(!1)},l?.duration)},[u,l]),!c.current)return null;const v=ce.debounce(()=>{e?.()},300);return ni.createPortal(s.createElement(s.Fragment,null,d&&s.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:u?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},s.createElement("div",{className:`modal-container ${u?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((r=l?.duration)!==null&&r!==void 0?r:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},s.createElement("div",{onClick:e,className:"modal-icon-wrapper"},s.createElement("img",{src:ol,alt:"close",className:"modal-icon"})),i))),c.current)};var wt=s.memo(ll);const sl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let r=0;r<n.length&&(o.push(n[r]),!(o.join(" ").length>=e));r++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},rl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:r,isPost:d,onChange:a})=>{const[c,u]=s.useState(!1),[v,m]=s.useState(!1),f=Number(i?.lineClamp||2),w=s.useRef(null),b=s.useRef(null),P=s.useCallback(()=>{u(!c)},[c,a]);return s.useMemo(()=>!c&&t.length>e?sl(t,e)+"...":t,[t,e,c]),s.useEffect(()=>{var p,y;((p=b?.current)===null||p===void 0?void 0:p.offsetHeight)>((y=w?.current)===null||y===void 0?void 0:y.offsetHeight)&&d?m(!0):m(!1),b.current.style.display="none"},[d]),s.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},s.createElement("div",{ref:w,style:{overflow:"hidden",WebkitLineClamp:!d||c?"":f,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),s.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&d&&v&&s.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??P},c?r||"show less":l||"show more"))};var St=s.memo(rl);const al=s.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:r}=t,[d,a]=s.useState();return s.useImperativeHandle(e,()=>({setSrc:c=>{a(c)}})),s.useEffect(()=>{a(i)},[i]),s.createElement(s.Fragment,null,d?.includes(".avif")?s.createElement("picture",null,s.createElement("source",{type:"image/avif",srcSet:d}),s.createElement("source",{type:"image/webp",srcSet:`${d}?imageMogr2/format/webp`}),s.createElement("source",{type:"image/jpeg",srcSet:`${d}?imageMogr2/format/jpg`}),s.createElement("img",{className:l,src:d,style:o,loading:r,onLoad:c=>{n?.(c.target)}})):s.createElement("img",{className:l,src:d,style:o,loading:r,onLoad:c=>{n?.(c.target)}}))});var xe=s.memo(al);const dl=t=>{var e,i,n,o,l,r,d,a,c,{content:u,style:v,bgImg:m,onClick:f,schema:w,isDefault:b,bottom_image:P,tipText:p,isPost:y,viewTime:h,rec:I,swiper:g,commodityStyles:D,buttonStyle:O,index:E}=t,S=fe(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:T}=oe(),{popupDetailData:_,bffEventReport:x,isPreview:A,waterFallData:j}=oe(),{jumpToWeb:z,productView:F}=Oe(),Y=s.useRef(null),[H,C]=s.useState(!1),L=y?I:_,M=y?L?.product:(e=L?.video)===null||e===void 0?void 0:e.bindProduct,k=y?(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,U=y?E:_?.index,$=()=>{M?.link&&(z(_,M,k,U),y||F(L,M,k,h||Y.current,U),window.location.href=window.getJointUtmLink(M.link))};s.useEffect(()=>{const B=()=>{Y.current=new Date};return B(),window.addEventListener("pageshow",B),()=>{window.removeEventListener("pageshow",B)}},[]);const q=s.useMemo(()=>{var B,V,G,X,te;return M?.currency&&M?.price?`${(G=(V=(B=M?.currency)===null||B===void 0?void 0:B.split("-")[1])===null||V===void 0?void 0:V.toUpperCase())!==null&&G!==void 0?G:""}${(te=(X=M?.price)===null||X===void 0?void 0:X.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&te!==void 0?te:""}`:"$7,000"},[M?.price,M?.currency]),ee=A?375:(l=v?.width)!==null&&l!==void 0?l:window.innerWidth,le=({isPost:B})=>{var V,G,X;return s.createElement("div",null,s.createElement("div",{className:"pb-commondity-content-collection",style:D?.collection,hidden:!!M&&(!M?.collection||M?.collection==="")},(V=M?.collection)!==null&&V!==void 0?V:"Tiffany Lock"),s.createElement("div",{className:"pb-commondity-content-title",style:D?.title,hidden:!!M&&!M?.title},(G=M?.title)!==null&&G!==void 0?G:"Pendant in Yellow Gold with Diamonds, Medium"),s.createElement("div",{className:"pb-commondity-content-price",style:D?.price,hidden:!!M&&!M?.price},q),s.createElement("div",{hidden:!!M&&(!M?.info||M?.info==="")},s.createElement(St,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>C(!0),isPost:B,text:(X=M?.info)!==null&&X!==void 0?X:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
1
|
+
(function(se,re){typeof exports=="object"&&typeof module<"u"?re(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom"),require("eventemitter3")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","@emotion/css","@ant-design/pro-components","react-dom","eventemitter3"],re):(se=typeof globalThis<"u"?globalThis:se||self,re(se.PUI={},se.lodash,se.uuid$1,se.pako,se.React,se.qs,se.css,se.proComponents,se.ReactDOM,se.EventEmitter))})(this,function(se,re,Hi,Ui,a,Rt,W,Gi,Wi,$i){"use strict";function qi(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:function(){return t[i]}})}}),e.default=t,Object.freeze(e)}var ei=qi(Wi);function pe(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 ge(t,e,i,n){function o(l){return l instanceof i?l:new i(function(r){r(l)})}return new(i||(i=Promise))(function(l,r){function s(c){try{u(n.next(c))}catch(f){r(f)}}function d(c){try{u(n.throw(c))}catch(f){r(f)}}function u(c){c.done?l(c.value):o(c.value).then(s,d)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Yi=/:\w+/g;var ti=(t,e)=>ge(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:r,url:s,urlParams:d,name:u,queryString:c,headers:f,body:v}=e[o];let m=s;d&&Object.entries(d).forEach(([y,g])=>{m=m.replace(Yi,C=>C===y?g:C)}),c&&(m+=c),n[l]=u;try{const y=yield fetch(m,{method:r,headers:Object.assign({"Content-Type":"application/json"},f),body:JSON.stringify(v)}).then(g=>g.json());i[l]=y}catch(y){console.error("DataSource request error: ",y),i[l]={}}}return{$store:i,idMapName:n}});const ii="SXP_TOKEN_INFO",Xi=(t,e)=>ge(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),r=window.localStorage.getItem(ii);let s=JSON.parse(r||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(c=>c.json());if(u.success){const c=u.data;s=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(ii,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 Ji=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},Ki=()=>{const t=Hi.v4();return t?.replaceAll?t.replaceAll("-",""):Ji(32)};function ni(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Ui.inflate(n,{to:"string"});return JSON.parse(o)}let wt=null;const Qi={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class Zi{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,wt)return wt;wt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?Qi[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let fe=null;const Ri={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{fe||(fe=new Zi),n&&fe.setApiUrl(n),fe.setAppId(t),fe.setTenantId(e),fe.setEnv(i)},getDetail:t=>{if(!fe)return;const e=fe.getTenantId(),i=fe.getAppId(),n=fe.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ge(void 0,void 0,void 0,function*(){var l,r;const s=yield o.json(),d=ni((l=s?.data)===null||l===void 0?void 0:l.data);if(d){const{$store:u}=yield ti(n,(r=d?.dataSource)!==null&&r!==void 0?r:[]);s.data.data=d,Object.assign(s.data.data,{__STORE__:u})}return s}))},getSxpDetailByPageId:t=>ge(void 0,void 0,void 0,function*(){if(!fe)return;const e=fe.getTenantId(),i=fe.getAppId(),n=fe.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ge(void 0,void 0,void 0,function*(){var l;const r=yield o.json();if(!r.success)return;const s=ni((l=r?.data)===null||l===void 0?void 0:l.data);return r.data.data=s,r.data}))}),getSxpRecommendVideoData:t=>ge(void 0,void 0,void 0,function*(){if(!fe)return;const e=yield Xi(fe,t),i=dt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");re.isEmpty(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 Pe(){return a.useContext(ui)}function en(){return a.useContext(ci)}const St="feRealSessionIdKey",oi=()=>{const t=Ki();return`${Date.now()}${t}`},tn=()=>{let t=on();return t||(t=oi(),window.sessionStorage.setItem(St,t)),t},nn=()=>{const t=oi();window.sessionStorage.setItem(St,t)},on=()=>window.sessionStorage.getItem(St),li="SXP_FAKE_USER_ID",si="FAKE_USER_STATE",ln=()=>{let t=window.localStorage.getItem(li);return re.isEmpty(t)&&(t=dt(36,62),window.localStorage.setItem(li,t)),t},sn=()=>{const t=window.localStorage.getItem(si);return re.isEmpty(t)&&window.localStorage.setItem(si,"true"),re.isEmpty(t)};function Fe(t,e){const{appDomain:i}=ne();return a.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const ri=a.createContext({rtcList:[]});var Tt;(function(t){t[t.BFF=5]="BFF"})(Tt||(Tt={}));const rn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],an=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:r=!1,sxpParameter:s,appDomain:d,hashTagSize:u,loadingImage:c,isOpenHashTag:f=!1})=>{const[v,m]=a.useState([]),[y,g]=a.useState(!1),[C,p]=a.useState({rtc:"",requestId:""}),b=a.useRef(null),h=a.useRef(!1),[S,w]=a.useState(),[A,M]=a.useState(),[I,T]=a.useState(f),[x,k]=a.useState([]),[E,D]=a.useState(0),[_,B]=a.useState(!1),[H,$]=a.useState(null);a.useEffect(()=>{T(f)},[f]);const V=a.useMemo(()=>e?.find(N=>N.type===Tt.BFF),[e]),L=a.useCallback((N,F)=>{if(!V)return;const G=V.url,Q=ln();if(F?.query){const ie=Rt.stringify(F.query);N=`${N}?${ie}`}return F.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${G}/api/v1${N}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},V.headers),{"x-user-id":Q}),F.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${G}/api/v1${N}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":Q},V.headers),method:F.method,body:JSON.stringify(F.body)}).then(ie=>ie.json()).catch(ie=>Promise.reject(ie))},[V]),P=a.useCallback(N=>ge(void 0,void 0,void 0,function*(){var F,G,Q,ie;if(N={maxSize:o,defaultSize:(F=N?.defaultSize)!==null&&F!==void 0?F:l,"itemFilter.itemId":N?.["itemFilter.itemId"],"itemFilter.itemType":N?.["itemFilter.itemType"],hashTag:N?.hashTag,traceInfo:N?.traceInfo},i){const ve=(ie=(Q=(G=i?.split("&"))===null||G===void 0?void 0:G.filter(he=>{const Ue=he.split("=")[0];return rn.includes(Ue)}))===null||Q===void 0?void 0:Q.join("&"))!==null&&ie!==void 0?ie:"";N=Object.assign(Object.assign({},N),{channel:decodeURIComponent(ve)})}const ce=yield L?.("/recommend/list",{method:"GET",query:N});if(ce?.success)return N?.hashTag||p({rtc:ce.data.rtc,requestId:ce.data.requestId}),ce?.data}),[L,i,o,l]),z=a.useCallback(()=>ge(void 0,void 0,void 0,function*(){var N,F;if(v.length<=0)return;const G=yield P({hashTag:A?.hashTag,"itemFilter.itemId":A?.itemId,"itemFilter.itemType":A?.itemType});m(v.concat((N=G?.recList)!==null&&N!==void 0?N:[])),k(x.concat((F=G?.recList)!==null&&F!==void 0?F:[]))}),[P,v,A,x]),j=a.useCallback(({userInfo:N,eventInfo:F})=>{if(!n)return;N||(N={});const G=tn(),Q=Object.assign({sessionID:G,rtc:C.rtc,requestId:C.requestId},F),ie=Object.entries(N).map(([ve,he])=>({name:ve,value:he})),ce=Object.entries(Q).map(([ve,he])=>he&&{name:ve,value:he}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",N),console.log("eventInfo:",Q),console.log("========= \u7ED3\u675F ========="),L?.("/event/report",{method:"POST",body:{userInfo:ie,eventInfo:ce},type:"beacon"})},[L,C,n]),q=a.useCallback(N=>ge(void 0,void 0,void 0,function*(){const F=yield L?.("/recommend/like",{method:"POST",body:N});return F?.success}),[L]),oe=a.useCallback(N=>ge(void 0,void 0,void 0,function*(){const F=yield L?.("/recommend/unlike",{method:"POST",body:N});return F?.success}),[L]),Z=a.useCallback(N=>ge(void 0,void 0,void 0,function*(){const F=yield L?.("/customform",{method:"POST",body:N});return F?.success}),[L]),te=a.useCallback((N,F,G,Q)=>{var ie,ce,ve,he,Ue,Ze,Ce,rt,Re,et,at,tt;const be=G?.bindCta,it=((ie=F?.video)===null||ie===void 0?void 0:ie.bindProduct)||((ce=F?.video)===null||ce===void 0?void 0:ce.bindProducts)&&((he=(ve=F?.video)===null||ve===void 0?void 0:ve.bindProducts)===null||he===void 0?void 0:he.length)>0;let nt="";_?nt="hashTagPage":!((Ue=F?.video)===null||Ue===void 0)&&Ue.url?nt="videoPage":!((Ce=(Ze=F?.video)===null||Ze===void 0?void 0:Ze.imgUrls)===null||Ce===void 0)&&Ce.length&&(nt="imagePage"),j?.({eventInfo:Object.assign(Object.assign({},N),{ctaId:(rt=be?.itemId)!==null&&rt!==void 0?rt:"",ctaName:(Re=be?.title)!==null&&Re!==void 0?Re:"",contentTags:JSON.stringify(be?.tags),position:Q+"",relatedContentId:(at=(et=F?.video)===null||et===void 0?void 0:et.itemId)!==null&&at!==void 0?at:"",relatedProductId:it?G?.itemId:"",traceInfo:(tt=be?.traceInfo)!==null&&tt!==void 0?tt:"",fromKName:nt})})},[j,_]);a.useEffect(()=>{g(!0),P().then(N=>{var F,G;m((F=N?.recList)!==null&&F!==void 0?F:[]),k((G=N?.recList)!==null&&G!==void 0?G:[])}).finally(()=>{g(!1),h.current=!0})},[]),a.useEffect(()=>{h.current&&(g(!0),P().then(N=>{var F,G;m((F=N?.recList)!==null&&F!==void 0?F:[]),k((G=N?.recList)!==null&&G!==void 0?G:[])}).finally(()=>{g(!1)}))},[P]);const de=Fe("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return a.createElement(ri.Provider,{value:{rtcList:v,setRtcList:m,mutateLike:q,mutateUnlike:oe,submitForm:Z,popupDetailData:S,loadVideos:z,setPopupDetailData:w,getRecommendVideos:P,bffEventReport:j,utmVal:i,isPreview:r,loading:y,sxpParameter:s,waterFallData:A,setWaterFallData:M,ctaEvent:te,swiperRef:b,openHashtag:I,setOpenHashtag:T,cacheRtcList:x,setCacheRtcList:k,cacheActiveIndex:E,setCacheActiveIndex:D,isFromHashtag:_,setIsFromHashtag:B,appDomain:d,hashTagSize:u,loadingImage:c??de,isOpenHashTag:f,videoRef:H,setVideoRef:$}},t({rtcList:v,mutateLike:q,mutateUnlike:oe,submitForm:Z}))};var ai=a.memo(an);function ne(){return a.useContext(ri)}var di;(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"})(di||(di={}));const ci=a.createContext({$store:{},options:[],configs:[]}),dn=({children:t,isSsr:e,enable:i})=>{const[n,o]=a.useState([]),{schema:l}=Pe(),[r,s]=a.useState(l.__STORE__||{}),[d,u]=a.useState([]);a.useEffect(()=>{var v;e||re.isEqual(d,l?.dataSource)||u((v=l?.dataSource)!==null&&v!==void 0?v:[])},[l?.dataSource,e]);const c=a.useCallback(()=>ge(void 0,void 0,void 0,function*(){const{$store:v,idMapName:m}=yield ti("",d);s(v),f(v,m)}),[d]),f=(v,m)=>{const y=[];Object.entries(v).forEach(([g,C])=>{Object.keys(C).forEach(p=>{const b={label:`${m[g]} - ${p}`,value:`{{ ${g}.${p} }}`};y.push(b)})}),o(y)};return a.useEffect(()=>{e||c()},[c,e,l]),i?a.createElement(ci.Provider,{value:{$store:l.__STORE__||r,options:n,configs:d}},t):t};var cn=a.memo(dn);const ct={id:dt(6,10),item:{type:"common",h:300,category:"block",displayName:"block",isFirstLayout:!0,w:1e3},point:{i:"x-0",x:-38.34375,y:0,w:1e3,h:300,isBounded:!0,actualX:0,actualY:0},pathArr:[0],positionY:0},xt={id:"",duration:0,name:"none"},ui=a.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[ct],redoStack:[],popup:xt,setPopup:()=>{}}),pi=a.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},r)=>{const[s,d]=a.useState(null),[u,c]=a.useState(n||{pointData:[ct],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[f,v]=a.useState([ct]),[m,y]=a.useState([[ct]]),[g,C]=a.useState([]),[p,b]=a.useState(xt);typeof window<"u"&&(window.sxpPopup=(M,I)=>{b(Object.assign(Object.assign(Object.assign({},xt),{id:M}),I))}),typeof window<"u"&&(window.getJointUtmLink=M=>M?.indexOf("?")!==-1?M+(l?"&"+l:""):M+(l?"?"+l:"")),a.useEffect(()=>{y([u.pointData]),C([])},[u.type]);const h=a.useCallback(M=>{const I=re.cloneDeep(u);I&&(I.dataSource=M,c?.(I))},[u]),[S,w]=a.useState();a.useImperativeHandle(r,()=>({loadSchema(M){M&&(y([M.pointData]),c(M))},exportSchema(){return re.cloneDeep(u)},getPageInfoData(){return S},initPageInfoData(M){M&&w(M)}}));const A=a.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return a.createElement(ui.Provider,{value:{resolver:e,currentNode:s,schema:u,setCurrentNode:d,setSchema:c,saveDataSource:h,prePiontData:f,setPrePiontData:v,pageInfoData:S,setPageInfoData:M=>w(Object.assign(Object.assign({},S),M)),undoStack:m,redoStack:g,setRedoStack:C,setUndoStack:y,getCurPageConf:A,popup:p,setPopup:b}},a.createElement(cn,{isSsr:i,enable:o},t))});var un=Object.freeze({__proto__:null,EditorCore:pi}),pn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const K=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var fn={fontOptions:K},Et,mn=[{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:K,initialValue:(Et=K?.[0])===null||Et===void 0?void 0:Et.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"]},{label:"\u63D0\u4EA4\u6587\u672C\u989C\u8272",type:"Color",name:["props","submitColor"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];const vn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:r,submitText:s,layoutType:d,onClick:u}=t,c=pe(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick"]);const{submitForm:f}=ne(),v=a.useRef(),[m,y]=a.useState(!1),g=a.useMemo(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),C=a.useMemo(()=>{if(d===void 0){const b=re.cloneDeep(e)||g;return b?.map(h=>Object.assign(Object.assign({},h),{title:void 0,fieldProps:{placeholder:h?.title}}))}else return re.cloneDeep(e)||g},[d,e,g]),p=re.debounce(()=>ge(void 0,void 0,void 0,function*(){var b,h,S;y(!0);const w=yield(b=v?.current)===null||b===void 0?void 0:b.getFieldsValue(),A=(S=(h=Object.keys(w))===null||h===void 0?void 0:h.map(I=>({name:I,value:w[I]})))===null||S===void 0?void 0:S.filter(I=>I?.value);if(!A||!A?.length)return;const M=yield f?.({attributes:A});y(!1),M&&(window?.sxpPopup(""),M&&u?.())}),1e3);return a.createElement("div",{className:"pb-appoint-form"},a.createElement("div",{className:`pb-appoint-form-title ${W.css(Object.assign({},o))}`},n),a.createElement("div",Object.assign({className:W.css(Object.assign({},i))},c),a.createElement("div",{className:"pb-appoint-form-container"},a.createElement(Gi.BetaSchemaForm,{columns:C,submitter:!1,layout:d,autoFocusFirstInput:!1,size:"large",formRef:v,className:"panel-reset"}))),a.createElement("div",{className:"pb-appoint-form-btn-wrapper"},a.createElement("button",{onClick:p,className:"pb-appoint-form-btn",style:{color:r,background:l}},m?a.createElement(a.Fragment,null,"loading..."):s)))};var hn=a.memo(vn);function ye(t,e){return t.extend=e,t}const gn=ye(hn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:mn,bindableProps:[],interactionRender:pn},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 Ct,It,bn=[{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"}]},{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",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:K,name:["fontFamily"],initialValue:(Ct=K?.[0])===null||Ct===void 0?void 0:Ct.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:K,initialValue:(It=K?.[0])===null||It===void 0?void 0:It.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function fi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Dt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:fi(e[i])&&fi(t[i])&&Object.keys(e[i]).length>0&&Dt(t[i],e[i])})}const mi={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 xe(){const t=typeof document<"u"?document:{};return Dt(t,mi),t}const yn={document:mi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function me(){const t=typeof window<"u"?window:{};return Dt(t,yn),t}function Ne(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function wn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function Ye(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Se(){return Date.now()}function Sn(t){const e=me();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Tn(t,e){e===void 0&&(e="x");const i=me();let n,o,l;const r=Sn(t);return i.WebKitCSSMatrix?(o=r.transform||r.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function ut(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function xn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function we(){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&&!xn(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,r=o.length;l<r;l+=1){const s=o[l],d=Object.getOwnPropertyDescriptor(n,s);d!==void 0&&d.enumerable&&(ut(t[s])&&ut(n[s])?n[s].__swiper__?t[s]=n[s]:we(t[s],n[s]):!ut(t[s])&&ut(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:we(t[s],n[s])):t[s]=n[s])}}}return t}function pt(t,e,i){t.style.setProperty(e,i)}function vi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=me(),l=-e.translate;let r=null,s;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const u=i>l?"next":"prev",c=(v,m)=>u==="next"&&v>=m||u==="prev"&&v<=m,f=()=>{s=new Date().getTime(),r===null&&(r=s);const v=Math.max(Math.min((s-r)/d,1),0),m=.5-Math.cos(v*Math.PI)/2;let y=l+m*(i-l);if(c(y,i)&&(y=i),e.wrapperEl.scrollTo({[n]:y}),c(y,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:y})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(f)};f()}function ke(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function ft(t){try{console.warn(t);return}catch{}}function ot(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:Ne(e)),i}function En(t){const e=me(),i=xe(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,r=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+d-r}}function Cn(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 In(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 Be(t,e){return me().getComputedStyle(t,null).getPropertyValue(e)}function mt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function hi(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 kt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function At(t,e,i){const n=me();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Ae(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Dn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=me();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let r,s=Se(),d;const u=[];function c(h){let M=0,I=0,T=0,x=0;return"detail"in h&&(I=h.detail),"wheelDelta"in h&&(I=-h.wheelDelta/120),"wheelDeltaY"in h&&(I=-h.wheelDeltaY/120),"wheelDeltaX"in h&&(M=-h.wheelDeltaX/120),"axis"in h&&h.axis===h.HORIZONTAL_AXIS&&(M=I,I=0),T=M*10,x=I*10,"deltaY"in h&&(x=h.deltaY),"deltaX"in h&&(T=h.deltaX),h.shiftKey&&!T&&(T=x,x=0),(T||x)&&h.deltaMode&&(h.deltaMode===1?(T*=40,x*=40):(T*=800,x*=800)),T&&!M&&(M=T<1?-1:1),x&&!I&&(I=x<1?-1:1),{spinX:M,spinY:I,pixelX:T,pixelY:x}}function f(){e.enabled&&(e.mouseEntered=!0)}function v(){e.enabled&&(e.mouseEntered=!1)}function m(h){return e.params.mousewheel.thresholdDelta&&h.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Se()-s<e.params.mousewheel.thresholdTime?!1:h.delta>=6&&Se()-s<60?!0:(h.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",h.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",h.raw)),s=new l.Date().getTime(),!1)}function y(h){const S=e.params.mousewheel;if(h.direction<0){if(e.isEnd&&!e.params.loop&&S.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&S.releaseOnEdges)return!0;return!1}function g(h){let S=h,w=!0;if(!e.enabled||h.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const A=e.params.mousewheel;e.params.cssMode&&S.preventDefault();let M=e.el;e.params.mousewheel.eventsTarget!=="container"&&(M=document.querySelector(e.params.mousewheel.eventsTarget));const I=M&&M.contains(S.target);if(!e.mouseEntered&&!I&&!A.releaseOnEdges)return!0;S.originalEvent&&(S=S.originalEvent);let T=0;const x=e.rtlTranslate?-1:1,k=c(S);if(A.forceToAxis)if(e.isHorizontal())if(Math.abs(k.pixelX)>Math.abs(k.pixelY))T=-k.pixelX*x;else return!0;else if(Math.abs(k.pixelY)>Math.abs(k.pixelX))T=-k.pixelY;else return!0;else T=Math.abs(k.pixelX)>Math.abs(k.pixelY)?-k.pixelX*x:-k.pixelY;if(T===0)return!0;A.invert&&(T=-T);let E=e.getTranslate()+T*A.sensitivity;if(E>=e.minTranslate()&&(E=e.minTranslate()),E<=e.maxTranslate()&&(E=e.maxTranslate()),w=e.params.loop?!0:!(E===e.minTranslate()||E===e.maxTranslate()),w&&e.params.nested&&S.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const D={time:Se(),delta:Math.abs(T),direction:Math.sign(T),raw:h};u.length>=2&&u.shift();const _=u.length?u[u.length-1]:void 0;if(u.push(D),_?(D.direction!==_.direction||D.delta>_.delta||D.time>_.time+150)&&m(D):m(D),y(D))return!0}else{const D={time:Se(),delta:Math.abs(T),direction:Math.sign(T)},_=d&&D.time<d.time+500&&D.delta<=d.delta&&D.direction===d.direction;if(!_){d=void 0;let B=e.getTranslate()+T*A.sensitivity;const H=e.isBeginning,$=e.isEnd;if(B>=e.minTranslate()&&(B=e.minTranslate()),B<=e.maxTranslate()&&(B=e.maxTranslate()),e.setTransition(0),e.setTranslate(B),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!H&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:D.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(r),r=void 0,u.length>=15&&u.shift();const V=u.length?u[u.length-1]:void 0,L=u[0];if(u.push(D),V&&(D.delta>V.delta||D.direction!==V.direction))u.splice(0);else if(u.length>=15&&D.time-L.time<500&&L.delta-D.delta>=1&&D.delta<=6){const P=T>0?.8:.2;d=D,u.splice(0),r=Ye(()=>{e.slideToClosest(e.params.speed,!0,void 0,P)},0)}r||(r=Ye(()=>{d=D,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(_||o("scroll",S),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),A.releaseOnEdges&&(B===e.minTranslate()||B===e.maxTranslate()))return!0}}return S.preventDefault?S.preventDefault():S.returnValue=!1,!1}function C(h){let S=e.el;e.params.mousewheel.eventsTarget!=="container"&&(S=document.querySelector(e.params.mousewheel.eventsTarget)),S[h]("mouseenter",f),S[h]("mouseleave",v),S[h]("wheel",g)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",g),!0):e.mousewheel.enabled?!1:(C("addEventListener"),e.mousewheel.enabled=!0,!0)}function b(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,g),!0):e.mousewheel.enabled?(C("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&b(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&b()}),Object.assign(e.mousewheel,{enable:p,disable:b})}function gi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=ke(t.el,`.${n[o]}`)[0];l||(l=ot("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function Xe(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function Pt(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:p=>p,formatFractionTotal:p=>p,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let r,s=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,b){const{bulletActiveClass:h}=e.params.pagination;p&&(p=p[`${b==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${h}-${b}`),p=p[`${b==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${h}-${b}-${b}`)))}function c(p){const b=p.target.closest(Xe(e.params.pagination.bulletClass));if(!b)return;p.preventDefault();const h=mt(b)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===h)return;e.slideToLoop(h)}else e.slideTo(h)}function f(){const p=e.rtl,b=e.params.pagination;if(d())return;let h=e.pagination.el;h=Ae(h);let S,w;const A=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,M=e.params.loop?Math.ceil(A/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(w=e.previousRealIndex||0,S=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(S=e.snapIndex,w=e.previousSnapIndex):(w=e.previousIndex||0,S=e.activeIndex||0),b.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let T,x,k;if(b.dynamicBullets&&(r=At(I[0],e.isHorizontal()?"width":"height",!0),h.forEach(E=>{E.style[e.isHorizontal()?"width":"height"]=`${r*(b.dynamicMainBullets+4)}px`}),b.dynamicMainBullets>1&&w!==void 0&&(s+=S-(w||0),s>b.dynamicMainBullets-1?s=b.dynamicMainBullets-1:s<0&&(s=0)),T=Math.max(S-s,0),x=T+(Math.min(I.length,b.dynamicMainBullets)-1),k=(x+T)/2),I.forEach(E=>{const D=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(_=>`${b.bulletActiveClass}${_}`)].map(_=>typeof _=="string"&&_.includes(" ")?_.split(" "):_).flat();E.classList.remove(...D)}),h.length>1)I.forEach(E=>{const D=mt(E);D===S?E.classList.add(...b.bulletActiveClass.split(" ")):e.isElement&&E.setAttribute("part","bullet"),b.dynamicBullets&&(D>=T&&D<=x&&E.classList.add(...`${b.bulletActiveClass}-main`.split(" ")),D===T&&u(E,"prev"),D===x&&u(E,"next"))});else{const E=I[S];if(E&&E.classList.add(...b.bulletActiveClass.split(" ")),e.isElement&&I.forEach((D,_)=>{D.setAttribute("part",_===S?"bullet-active":"bullet")}),b.dynamicBullets){const D=I[T],_=I[x];for(let B=T;B<=x;B+=1)I[B]&&I[B].classList.add(...`${b.bulletActiveClass}-main`.split(" "));u(D,"prev"),u(_,"next")}}if(b.dynamicBullets){const E=Math.min(I.length,b.dynamicMainBullets+4),D=(r*E-r)/2-k*r,_=p?"right":"left";I.forEach(B=>{B.style[e.isHorizontal()?_:"top"]=`${D}px`})}}h.forEach((I,T)=>{if(b.type==="fraction"&&(I.querySelectorAll(Xe(b.currentClass)).forEach(x=>{x.textContent=b.formatFractionCurrent(S+1)}),I.querySelectorAll(Xe(b.totalClass)).forEach(x=>{x.textContent=b.formatFractionTotal(M)})),b.type==="progressbar"){let x;b.progressbarOpposite?x=e.isHorizontal()?"vertical":"horizontal":x=e.isHorizontal()?"horizontal":"vertical";const k=(S+1)/M;let E=1,D=1;x==="horizontal"?E=k:D=k,I.querySelectorAll(Xe(b.progressbarFillClass)).forEach(_=>{_.style.transform=`translate3d(0,0,0) scaleX(${E}) scaleY(${D})`,_.style.transitionDuration=`${e.params.speed}ms`})}b.type==="custom"&&b.renderCustom?(I.innerHTML=b.renderCustom(e,S+1,M),T===0&&o("paginationRender",I)):(T===0&&o("paginationRender",I),o("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](b.lockClass)})}function v(){const p=e.params.pagination;if(d())return;const b=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let h=e.pagination.el;h=Ae(h);let S="";if(p.type==="bullets"){let w=e.params.loop?Math.ceil(b/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&w>b&&(w=b);for(let A=0;A<w;A+=1)p.renderBullet?S+=p.renderBullet.call(e,A,p.bulletClass):S+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?S=p.renderFraction.call(e,p.currentClass,p.totalClass):S=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?S=p.renderProgressbar.call(e,p.progressbarFillClass):S=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],h.forEach(w=>{p.type!=="custom"&&(w.innerHTML=S||""),p.type==="bullets"&&e.pagination.bullets.push(...w.querySelectorAll(Xe(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",h[0])}function m(){e.params.pagination=gi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let b;typeof p.el=="string"&&e.isElement&&(b=e.el.querySelector(p.el)),!b&&typeof p.el=="string"&&(b=[...document.querySelectorAll(p.el)]),b||(b=p.el),!(!b||b.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(b)&&b.length>1&&(b=[...e.el.querySelectorAll(p.el)],b.length>1&&(b=b.filter(h=>hi(h,".swiper")[0]===e.el)[0])),Array.isArray(b)&&b.length===1&&(b=b[0]),Object.assign(e.pagination,{el:b}),b=Ae(b),b.forEach(h=>{p.type==="bullets"&&p.clickable&&h.classList.add(...(p.clickableClass||"").split(" ")),h.classList.add(p.modifierClass+p.type),h.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(h.classList.add(`${p.modifierClass}${p.type}-dynamic`),s=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&h.classList.add(p.progressbarOppositeClass),p.clickable&&h.addEventListener("click",c),e.enabled||h.classList.add(p.lockClass)}))}function y(){const p=e.params.pagination;if(d())return;let b=e.pagination.el;b&&(b=Ae(b),b.forEach(h=>{h.classList.remove(p.hiddenClass),h.classList.remove(p.modifierClass+p.type),h.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(h.classList.remove(...(p.clickableClass||"").split(" ")),h.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(h=>h.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:b}=e.pagination;b=Ae(b),b.forEach(h=>{h.classList.remove(p.horizontalClass,p.verticalClass),h.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?C():(m(),v(),f())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&f()}),n("snapIndexChange",()=>{f()}),n("snapGridLengthChange",()=>{v(),f()}),n("destroy",()=>{y()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(b=>b.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{f()}),n("click",(p,b)=>{const h=b.target,S=Ae(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&S&&S.length>0&&!h.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&h===e.navigation.nextEl||e.navigation.prevEl&&h===e.navigation.prevEl))return;const w=S[0].classList.contains(e.params.pagination.hiddenClass);o(w===!0?"paginationShow":"paginationHide"),S.forEach(A=>A.classList.toggle(e.params.pagination.hiddenClass))}});const g=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(b=>b.classList.remove(e.params.pagination.paginationDisabledClass))),m(),v(),f()},C=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ae(p),p.forEach(b=>b.classList.add(e.params.pagination.paginationDisabledClass))),y()};Object.assign(e.pagination,{enable:g,disable:C,render:v,update:f,init:m,destroy:y})}function kn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=xe();let r=!1,s=null,d=null,u,c,f,v;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function m(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:E,rtlTranslate:D}=e,{dragEl:_,el:B}=E,H=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let V=c,L=(f-c)*$;D?(L=-L,L>0?(V=c-L,L=0):-L+c>f&&(V=f+L)):L<0?(V=c+L,L=0):L+c>f&&(V=f-L),e.isHorizontal()?(_.style.transform=`translate3d(${L}px, 0, 0)`,_.style.width=`${V}px`):(_.style.transform=`translate3d(0px, ${L}px, 0)`,_.style.height=`${V}px`),H.hide&&(clearTimeout(s),B.style.opacity=1,s=setTimeout(()=>{B.style.opacity=0,B.style.transitionDuration="400ms"},1e3))}function y(E){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${E}ms`)}function g(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:E}=e,{dragEl:D,el:_}=E;D.style.width="",D.style.height="",f=e.isHorizontal()?_.offsetWidth:_.offsetHeight,v=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=f*v:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?D.style.width=`${c}px`:D.style.height=`${c}px`,v>=1?_.style.display="none":_.style.display="",e.params.scrollbar.hide&&(_.style.opacity=0),e.params.watchOverflow&&e.enabled&&E.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function C(E){return e.isHorizontal()?E.clientX:E.clientY}function p(E){const{scrollbar:D,rtlTranslate:_}=e,{el:B}=D;let H;H=(C(E)-En(B)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(f-c),H=Math.max(Math.min(H,1),0),_&&(H=1-H);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*H;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function b(E){const D=e.params.scrollbar,{scrollbar:_,wrapperEl:B}=e,{el:H,dragEl:$}=_;r=!0,u=E.target===$?C(E)-E.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,E.preventDefault(),E.stopPropagation(),B.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(E),clearTimeout(d),H.style.transitionDuration="0ms",D.hide&&(H.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",E)}function h(E){const{scrollbar:D,wrapperEl:_}=e,{el:B,dragEl:H}=D;r&&(E.preventDefault?E.preventDefault():E.returnValue=!1,p(E),_.style.transitionDuration="0ms",B.style.transitionDuration="0ms",H.style.transitionDuration="0ms",o("scrollbarDragMove",E))}function S(E){const D=e.params.scrollbar,{scrollbar:_,wrapperEl:B}=e,{el:H}=_;r&&(r=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",B.style.transitionDuration=""),D.hide&&(clearTimeout(d),d=Ye(()=>{H.style.opacity=0,H.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",E),D.snapOnRelease&&e.slideToClosest())}function w(E){const{scrollbar:D,params:_}=e,B=D.el;if(!B)return;const H=B,$=_.passiveListeners?{passive:!1,capture:!1}:!1,V=_.passiveListeners?{passive:!0,capture:!1}:!1;if(!H)return;const L=E==="on"?"addEventListener":"removeEventListener";H[L]("pointerdown",b,$),l[L]("pointermove",h,$),l[L]("pointerup",S,V)}function A(){!e.params.scrollbar.el||!e.scrollbar.el||w("on")}function M(){!e.params.scrollbar.el||!e.scrollbar.el||w("off")}function I(){const{scrollbar:E,el:D}=e;e.params.scrollbar=gi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const _=e.params.scrollbar;if(!_.el)return;let B;if(typeof _.el=="string"&&e.isElement&&(B=e.el.querySelector(_.el)),!B&&typeof _.el=="string"){if(B=l.querySelectorAll(_.el),!B.length)return}else B||(B=_.el);e.params.uniqueNavElements&&typeof _.el=="string"&&B.length>1&&D.querySelectorAll(_.el).length===1&&(B=D.querySelector(_.el)),B.length>0&&(B=B[0]),B.classList.add(e.isHorizontal()?_.horizontalClass:_.verticalClass);let H;B&&(H=B.querySelector(Xe(e.params.scrollbar.dragClass)),H||(H=ot("div",e.params.scrollbar.dragClass),B.append(H))),Object.assign(E,{el:B,dragEl:H}),_.draggable&&A(),B&&B.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}function T(){const E=e.params.scrollbar,D=e.scrollbar.el;D&&D.classList.remove(...Ne(e.isHorizontal()?E.horizontalClass:E.verticalClass)),M()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const E=e.params.scrollbar;let{el:D}=e.scrollbar;D=Ae(D),D.forEach(_=>{_.classList.remove(E.horizontalClass,E.verticalClass),_.classList.add(e.isHorizontal()?E.horizontalClass:E.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?k():(I(),g(),m())}),n("update resize observerUpdate lock unlock changeDirection",()=>{g()}),n("setTranslate",()=>{m()}),n("setTransition",(E,D)=>{y(D)}),n("enable disable",()=>{const{el:E}=e.scrollbar;E&&E.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const x=()=>{e.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),I(),g(),m()},k=()=>{e.el.classList.add(...Ne(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Ne(e.params.scrollbar.scrollbarDisabledClass)),T()};Object.assign(e.scrollbar,{enable:x,disable:k,updateSize:g,setTranslate:m,init:I,destroy:T})}function _t(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let r,s,d=l&&l.autoplay?l.autoplay.delay:3e3,u=l&&l.autoplay?l.autoplay.delay:3e3,c,f=new Date().getTime(),v,m,y,g,C,p,b;function h(V){!e||e.destroyed||!e.wrapperEl||V.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",h),!b&&x())}const S=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?v=!0:v&&(u=c,v=!1);const V=e.autoplay.paused?c:f+u-new Date().getTime();e.autoplay.timeLeft=V,o("autoplayTimeLeft",V,V/d),s=requestAnimationFrame(()=>{S()})},w=()=>{let V;return e.virtual&&e.params.virtual.enabled?V=e.slides.filter(P=>P.classList.contains("swiper-slide-active"))[0]:V=e.slides[e.activeIndex],V?parseInt(V.getAttribute("data-swiper-autoplay"),10):void 0},A=V=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),S();let L=typeof V>"u"?e.params.autoplay.delay:V;d=e.params.autoplay.delay,u=e.params.autoplay.delay;const P=w();!Number.isNaN(P)&&P>0&&typeof V>"u"&&(L=P,d=P,u=P),c=L;const z=e.params.speed,j=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(z,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,z,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(z,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,z,!0,!0),o("autoplay")),e.params.cssMode&&(f=new Date().getTime(),requestAnimationFrame(()=>{A()})))};return L>0?(clearTimeout(r),r=setTimeout(()=>{j()},L)):requestAnimationFrame(()=>{j()}),L},M=()=>{f=new Date().getTime(),e.autoplay.running=!0,A(),o("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(r),cancelAnimationFrame(s),o("autoplayStop")},T=(V,L)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(r),V||(p=!0);const P=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",h):x()};if(e.autoplay.paused=!0,L){C&&(c=e.params.autoplay.delay),C=!1,P();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-f),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),P())},x=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(f=new Date().getTime(),p?(p=!1,A(c)):A(),e.autoplay.paused=!1,o("autoplayResume"))},k=()=>{if(e.destroyed||!e.autoplay.running)return;const V=xe();V.visibilityState==="hidden"&&(p=!0,T(!0)),V.visibilityState==="visible"&&x()},E=V=>{V.pointerType==="mouse"&&(p=!0,b=!0,!(e.animating||e.autoplay.paused)&&T(!0))},D=V=>{V.pointerType==="mouse"&&(b=!1,e.autoplay.paused&&x())},_=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",E),e.el.addEventListener("pointerleave",D))},B=()=>{e.el.removeEventListener("pointerenter",E),e.el.removeEventListener("pointerleave",D)},H=()=>{xe().addEventListener("visibilitychange",k)},$=()=>{xe().removeEventListener("visibilitychange",k)};n("init",()=>{e.params.autoplay.enabled&&(_(),H(),M())}),n("destroy",()=>{B(),$(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(y||p)&&x()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():T(!0,!0)}),n("beforeTransitionStart",(V,L,P)=>{e.destroyed||!e.autoplay.running||(P||!e.params.autoplay.disableOnInteraction?T(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}m=!0,y=!1,p=!1,g=setTimeout(()=>{p=!0,y=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!m)){if(clearTimeout(g),clearTimeout(r),e.params.autoplay.disableOnInteraction){y=!1,m=!1;return}y&&e.params.cssMode&&x(),y=!1,m=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(C=!0)}),Object.assign(e.autoplay,{start:M,stop:I,pause:T,resume:x})}function An(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 d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function r(){if(e.params.cssMode)return;const{touchEventsData:d,touches:u}=e;d.velocities.length===0&&d.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:Se()})}function s(d){let{currentPos:u}=d;if(e.params.cssMode)return;const{params:c,wrapperEl:f,rtlTranslate:v,snapGrid:m,touchEventsData:y}=e,C=Se()-y.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<m.length?e.slideTo(m.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(y.velocities.length>1){const I=y.velocities.pop(),T=y.velocities.pop(),x=I.position-T.position,k=I.time-T.time;e.velocity=x/k,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(k>150||Se()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,y.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const b=e.velocity*p;let h=e.translate+b;v&&(h=-h);let S=!1,w;const A=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let M;if(h<e.maxTranslate())c.freeMode.momentumBounce?(h+e.maxTranslate()<-A&&(h=e.maxTranslate()-A),w=e.maxTranslate(),S=!0,y.allowMomentumBounce=!0):h=e.maxTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(h>e.minTranslate())c.freeMode.momentumBounce?(h-e.minTranslate()>A&&(h=e.minTranslate()+A),w=e.minTranslate(),S=!0,y.allowMomentumBounce=!0):h=e.minTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(c.freeMode.sticky){let I;for(let T=0;T<m.length;T+=1)if(m[T]>-h){I=T;break}Math.abs(m[I]-h)<Math.abs(m[I-1]-h)||e.swipeDirection==="next"?h=m[I]:h=m[I-1],h=-h}if(M&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(v?p=Math.abs((-h-e.translate)/e.velocity):p=Math.abs((h-e.translate)/e.velocity),c.freeMode.sticky){const I=Math.abs((v?-h:h)-e.translate),T=e.slidesSizesGrid[e.activeIndex];I<T?p=c.speed:I<2*T?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&S?(e.updateProgress(w),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating=!0,kt(f,()=>{!e||e.destroyed||!y.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(w),kt(f,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(h),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,kt(f,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(h),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||C>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:r,onTouchEnd:s}})}let Mt;function Pn(){const t=me(),e=xe();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function bi(){return Mt||(Mt=Pn()),Mt}let Ot;function _n(t){let{userAgent:e}=t===void 0?{}:t;const i=bi(),n=me(),o=n.navigator.platform,l=e||n.navigator.userAgent,r={ios:!1,android:!1},s=n.screen.width,d=n.screen.height,u=l.match(/(Android);?[\s\/]+([\d.]+)?/);let c=l.match(/(iPad).*OS\s([\d_]+)/);const f=l.match(/(iPod)(.*OS\s([\d_]+))?/),v=!c&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m=o==="Win32";let y=o==="MacIntel";const g=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&y&&i.touch&&g.indexOf(`${s}x${d}`)>=0&&(c=l.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),y=!1),u&&!m&&(r.os="android",r.android=!0),(c||v||f)&&(r.os="ios",r.ios=!0),r}function yi(t){return t===void 0&&(t={}),Ot||(Ot=_n(t)),Ot}let Lt;function Mn(){const t=me(),e=yi();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[d,u]=s.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=d<16||d===16&&u<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),r=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:r,isWebView:o}}function On(){return Lt||(Lt=Mn()),Lt}function Ln(t){let{swiper:e,on:i,emit:n}=t;const o=me();let l=null,r=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(f=>{r=o.requestAnimationFrame(()=>{const{width:v,height:m}=e;let y=v,g=m;f.forEach(C=>{let{contentBoxSize:p,contentRect:b,target:h}=C;h&&h!==e.el||(y=b?b.width:(p[0]||p).inlineSize,g=b?b.height:(p[0]||p).blockSize)}),(y!==v||g!==m)&&s()})}),l.observe(e.el))},u=()=>{r&&o.cancelAnimationFrame(r),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){d();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",c)})}function jn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],r=me(),s=function(c,f){f===void 0&&(f={});const v=r.MutationObserver||r.WebkitMutationObserver,m=new v(y=>{if(e.__preventObserver__)return;if(y.length===1){o("observerUpdate",y[0]);return}const g=function(){o("observerUpdate",y[0])};r.requestAnimationFrame?r.requestAnimationFrame(g):r.setTimeout(g,0)});m.observe(c,{attributes:typeof f.attributes>"u"?!0:f.attributes,childList:typeof f.childList>"u"?!0:f.childList,characterData:typeof f.characterData>"u"?!0:f.characterData}),l.push(m)},d=()=>{if(e.params.observer){if(e.params.observeParents){const c=hi(e.hostEl);for(let f=0;f<c.length;f+=1)s(c[f])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},u=()=>{l.forEach(c=>{c.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",u)}var Nn={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,r=new Array(l),s=0;s<l;s++)r[s]=arguments[s];e.apply(n,r)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),r=0;r<o;r++)l[r]=arguments[r];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(u=>{u.apply(n,i)})}),t}};function Bn(){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(Be(n,"padding-left")||0,10)-parseInt(Be(n,"padding-right")||0,10),i=i-parseInt(Be(n,"padding-top")||0,10)-parseInt(Be(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 zn(){const t=this;function e(x,k){return parseFloat(x.getPropertyValue(t.getDirectionLabel(k))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:r,wrongRTL:s}=t,d=t.virtual&&i.virtual.enabled,u=d?t.virtual.slides.length:t.slides.length,c=ke(o,`.${t.params.slideClass}, swiper-slide`),f=d?t.virtual.slides.length:c.length;let v=[];const m=[],y=[];let g=i.slidesOffsetBefore;typeof g=="function"&&(g=i.slidesOffsetBefore.call(t));let C=i.slidesOffsetAfter;typeof C=="function"&&(C=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,b=t.slidesGrid.length;let h=i.spaceBetween,S=-g,w=0,A=0;if(typeof l>"u")return;typeof h=="string"&&h.indexOf("%")>=0?h=parseFloat(h.replace("%",""))/100*l:typeof h=="string"&&(h=parseFloat(h)),t.virtualSize=-h,c.forEach(x=>{r?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(c):t.grid&&t.grid.unsetSlides();let I;const T=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(x=>typeof i.breakpoints[x].slidesPerView<"u").length>0;for(let x=0;x<f;x+=1){I=0;let k;if(c[x]&&(k=c[x]),M&&t.grid.updateSlide(x,k,c),!(c[x]&&Be(k,"display")==="none")){if(i.slidesPerView==="auto"){T&&(c[x].style[t.getDirectionLabel("width")]="");const E=getComputedStyle(k),D=k.style.transform,_=k.style.webkitTransform;if(D&&(k.style.transform="none"),_&&(k.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?At(k,"width",!0):At(k,"height",!0);else{const B=e(E,"width"),H=e(E,"padding-left"),$=e(E,"padding-right"),V=e(E,"margin-left"),L=e(E,"margin-right"),P=E.getPropertyValue("box-sizing");if(P&&P==="border-box")I=B+V+L;else{const{clientWidth:z,offsetWidth:j}=k;I=B+H+$+V+L+(j-z)}}D&&(k.style.transform=D),_&&(k.style.webkitTransform=_),i.roundLengths&&(I=Math.floor(I))}else I=(l-(i.slidesPerView-1)*h)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),c[x]&&(c[x].style[t.getDirectionLabel("width")]=`${I}px`);c[x]&&(c[x].swiperSlideSize=I),y.push(I),i.centeredSlides?(S=S+I/2+w/2+h,w===0&&x!==0&&(S=S-l/2-h),x===0&&(S=S-l/2-h),Math.abs(S)<1/1e3&&(S=0),i.roundLengths&&(S=Math.floor(S)),A%i.slidesPerGroup===0&&v.push(S),m.push(S)):(i.roundLengths&&(S=Math.floor(S)),(A-Math.min(t.params.slidesPerGroupSkip,A))%t.params.slidesPerGroup===0&&v.push(S),m.push(S),S=S+I+h),t.virtualSize+=I+h,w=I,A+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+C,r&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+h}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+h}px`),M&&t.grid.updateWrapperSize(I,v),!i.centeredSlides){const x=[];for(let k=0;k<v.length;k+=1){let E=v[k];i.roundLengths&&(E=Math.floor(E)),v[k]<=t.virtualSize-l&&x.push(E)}v=x,Math.floor(t.virtualSize-l)-Math.floor(v[v.length-1])>1&&v.push(t.virtualSize-l)}if(d&&i.loop){const x=y[0]+h;if(i.slidesPerGroup>1){const k=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),E=x*i.slidesPerGroup;for(let D=0;D<k;D+=1)v.push(v[v.length-1]+E)}for(let k=0;k<t.virtual.slidesBefore+t.virtual.slidesAfter;k+=1)i.slidesPerGroup===1&&v.push(v[v.length-1]+x),m.push(m[m.length-1]+x),t.virtualSize+=x}if(v.length===0&&(v=[0]),h!==0){const x=t.isHorizontal()&&r?"marginLeft":t.getDirectionLabel("marginRight");c.filter((k,E)=>!i.cssMode||i.loop?!0:E!==c.length-1).forEach(k=>{k.style[x]=`${h}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let x=0;y.forEach(E=>{x+=E+(h||0)}),x-=h;const k=x-l;v=v.map(E=>E<=0?-g:E>k?k+C:E)}if(i.centerInsufficientSlides){let x=0;if(y.forEach(k=>{x+=k+(h||0)}),x-=h,x<l){const k=(l-x)/2;v.forEach((E,D)=>{v[D]=E-k}),m.forEach((E,D)=>{m[D]=E+k})}}if(Object.assign(t,{slides:c,snapGrid:v,slidesGrid:m,slidesSizesGrid:y}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){pt(n,"--swiper-centered-offset-before",`${-v[0]}px`),pt(n,"--swiper-centered-offset-after",`${t.size/2-y[y.length-1]/2}px`);const x=-t.snapGrid[0],k=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(E=>E+x),t.slidesGrid=t.slidesGrid.map(E=>E+k)}if(f!==u&&t.emit("slidesLengthChange"),v.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),m.length!==b&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const x=`${i.containerModifierClass}backface-hidden`,k=t.el.classList.contains(x);f<=i.maxBackfaceHiddenSlides?k||t.el.classList.add(x):k&&t.el.classList.remove(x)}}function Vn(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const r=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(r(s))}else i.push(r(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Fn(){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 Hn(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let r=-t;o&&(r=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let d=0;d<n.length;d+=1){const u=n[d];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const f=(r+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),v=(r-l[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),m=-(r-c),y=m+e.slidesSizesGrid[d],g=m>=0&&m<=e.size-e.slidesSizesGrid[d];(m>=0&&m<e.size-1||y>1&&y<=e.size||m<=0&&y>=e.size)&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),g&&n[d].classList.add(i.slideFullyVisibleClass),u.progress=o?-f:f,u.originalProgress=o?-v:v}}function Un(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:r,progressLoop:s}=e;const d=l,u=r;if(n===0)o=0,l=!0,r=!0;else{o=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,f=Math.abs(t-e.maxTranslate())<1;l=c||o<=0,r=f||o>=1,c&&(o=0),f&&(o=1)}if(i.loop){const c=e.getSlideIndexByData(0),f=e.getSlideIndexByData(e.slides.length-1),v=e.slidesGrid[c],m=e.slidesGrid[f],y=e.slidesGrid[e.slidesGrid.length-1],g=Math.abs(t);g>=v?s=(g-v)/y:s=(g+y-m)/y,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:r}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!d&&e.emit("reachBeginning toEdge"),r&&!u&&e.emit("reachEnd toEdge"),(d&&!l||u&&!r)&&e.emit("fromEdge"),e.emit("progress",o)}function Gn(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,r=t.grid&&i.grid&&i.grid.rows>1,s=f=>ke(n,`.${i.slideClass}${f}, swiper-slide${f}`)[0];e.forEach(f=>{f.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,u,c;if(l)if(i.loop){let f=o-t.virtual.slidesBefore;f<0&&(f=t.virtual.slides.length+f),f>=t.virtual.slides.length&&(f-=t.virtual.slides.length),d=s(`[data-swiper-slide-index="${f}"]`)}else d=s(`[data-swiper-slide-index="${o}"]`);else r?(d=e.filter(f=>f.column===o)[0],c=e.filter(f=>f.column===o+1)[0],u=e.filter(f=>f.column===o-1)[0]):d=e[o];d&&(d.classList.add(i.slideActiveClass),r?(c&&c.classList.add(i.slideNextClass),u&&u.classList.add(i.slidePrevClass)):(c=In(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),c&&c.classList.add(i.slideNextClass),u=Cn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]),u&&u.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const vt=(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()}},jt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Nt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const r=o,s=[r-e];s.push(...Array.from({length:e}).map((d,u)=>r+n+u)),t.slides.forEach((d,u)=>{s.includes(d.column)&&jt(t,u)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let r=o-e;r<=l+e;r+=1){const s=(r%i+i)%i;(s<o||s>l)&&jt(t,s)}else for(let r=Math.max(o-e,0);r<=Math.min(l+e,i-1);r+=1)r!==o&&(r>l||r<o)&&jt(t,r)};function Wn(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 $n(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:r,snapIndex:s}=e;let d=t,u;const c=m=>{let y=m-e.virtual.slidesBefore;return y<0&&(y=e.virtual.slides.length+y),y>=e.virtual.slides.length&&(y-=e.virtual.slides.length),y};if(typeof d>"u"&&(d=Wn(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const m=Math.min(o.slidesPerGroupSkip,d);u=m+Math.floor((d-m)/o.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),d===l&&!e.params.loop){u!==s&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(d===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(d);return}const f=e.grid&&o.grid&&o.grid.rows>1;let v;if(e.virtual&&o.virtual.enabled&&o.loop)v=c(d);else if(f){const m=e.slides.filter(g=>g.column===d)[0];let y=parseInt(m.getAttribute("data-swiper-slide-index"),10);Number.isNaN(y)&&(y=Math.max(e.slides.indexOf(m),0)),v=Math.floor(y/o.grid.rows)}else if(e.slides[d]){const m=e.slides[d].getAttribute("data-swiper-slide-index");m?v=parseInt(m,10):v=d}else v=d;Object.assign(e,{previousSnapIndex:s,snapIndex:u,previousRealIndex:r,realIndex:v,previousIndex:l,activeIndex:d}),e.initialized&&Nt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(r!==v&&e.emit("realIndexChange"),e.emit("slideChange"))}function qn(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,r;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,r=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=r;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Yn={updateSize:Bn,updateSlides:zn,updateAutoHeight:Vn,updateSlidesOffset:Fn,updateSlidesProgress:Hn,updateProgress:Un,updateSlidesClasses:Gn,updateActiveIndex:$n,updateClickedSlide:qn};function Xn(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let r=Tn(l,t);return r+=e.cssOverflowAdjustment(),n&&(r=-r),r||0}function Jn(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:r}=i;let s=0,d=0;const u=0;i.isHorizontal()?s=n?-t:t:d=t,o.roundLengths&&(s=Math.floor(s),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:d,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-d:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${d}px, ${u}px)`);let c;const f=i.maxTranslate()-i.minTranslate();f===0?c=0:c=(t-i.minTranslate())/f,c!==r&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Kn(){return-this.snapGrid[0]}function Qn(){return-this.snapGrid[this.snapGrid.length-1]}function Zn(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:r,wrapperEl:s}=l;if(l.animating&&r.preventInteractionOnTransition)return!1;const d=l.minTranslate(),u=l.maxTranslate();let c;if(n&&t>d?c=d:n&&t<u?c=u:c=t,l.updateProgress(c),r.cssMode){const f=l.isHorizontal();if(e===0)s[f?"scrollLeft":"scrollTop"]=-c;else{if(!l.support.smoothScroll)return vi({swiper:l,targetPosition:-c,side:f?"left":"top"}),!0;s.scrollTo({[f?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(v){!l||l.destroyed||v.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 Rn={getTranslate:Xn,setTranslate:Jn,minTranslate:Kn,maxTranslate:Qn,translateTo:Zn};function eo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function wi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:r}=e;let s=n;if(s||(l>r?s="next":l<r?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==r){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function to(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),wi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function io(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),wi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var no={setTransition:eo,transitionStart:to,transitionEnd:io};function oo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let r=t;r<0&&(r=0);const{params:s,snapGrid:d,slidesGrid:u,previousIndex:c,activeIndex:f,rtlTranslate:v,wrapperEl:m,enabled:y}=l;if(l.animating&&s.preventInteractionOnTransition||!y&&!n&&!o||l.destroyed)return!1;const g=Math.min(l.params.slidesPerGroupSkip,r);let C=g+Math.floor((r-g)/l.params.slidesPerGroup);C>=d.length&&(C=d.length-1);const p=-d[C];if(s.normalizeSlideIndex)for(let h=0;h<u.length;h+=1){const S=-Math.floor(p*100),w=Math.floor(u[h]*100),A=Math.floor(u[h+1]*100);typeof u[h+1]<"u"?S>=w&&S<A-(A-w)/2?r=h:S>=w&&S<A&&(r=h+1):S>=w&&(r=h)}if(l.initialized&&r!==f&&(!l.allowSlideNext&&(v?p>l.translate&&p>l.minTranslate():p<l.translate&&p<l.minTranslate())||!l.allowSlidePrev&&p>l.translate&&p>l.maxTranslate()&&(f||0)!==r))return!1;r!==(c||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let b;if(r>f?b="next":r<f?b="prev":b="reset",v&&-p===l.translate||!v&&p===l.translate)return l.updateActiveIndex(r),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(p),b!=="reset"&&(l.transitionStart(i,b),l.transitionEnd(i,b)),!1;if(s.cssMode){const h=l.isHorizontal(),S=v?p:-p;if(e===0){const w=l.virtual&&l.params.virtual.enabled;w&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),w&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{m[h?"scrollLeft":"scrollTop"]=S})):m[h?"scrollLeft":"scrollTop"]=S,w&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return vi({swiper:l,targetPosition:S,side:h?"left":"top"}),!0;m.scrollTo({[h?"left":"top"]:S,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(r),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,b),e===0?l.transitionEnd(i,b):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(S){!l||l.destroyed||S.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,b))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function lo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let r=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)r=r+o.virtual.slidesBefore;else{let s;if(l){const v=r*o.params.grid.rows;s=o.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===v)[0].column}else s=o.getSlideIndexByData(r);const d=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:u}=o.params;let c=o.params.slidesPerView;c==="auto"?c=o.slidesPerViewDynamic():(c=Math.ceil(parseFloat(o.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let f=d-s<c;if(u&&(f=f||s<Math.ceil(c/2)),f){const v=u?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:v,slideTo:!0,activeSlideIndex:v==="next"?s+1:s-d+1,slideRealIndex:v==="next"?o.realIndex:void 0})}if(l){const v=r*o.params.grid.rows;r=o.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===v)[0].column}else r=o.getSlideIndexByData(r)}return requestAnimationFrame(()=>{o.slideTo(r,e,i,n)}),o}function so(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:r}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<l.slidesPerGroupSkip?1:s,u=n.virtual&&l.virtual.enabled;if(l.loop){if(r&&!u&&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+d,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function ro(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:r,rtlTranslate:s,enabled:d,animating:u}=n;if(!d||n.destroyed)return n;const c=n.virtual&&o.virtual.enabled;if(o.loop){if(u&&!c&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const f=s?n.translate:-n.translate;function v(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const m=v(f),y=l.map(p=>v(p));let g=l[y.indexOf(m)-1];if(typeof g>"u"&&o.cssMode){let p;l.forEach((b,h)=>{m>=b&&(p=h)}),typeof p<"u"&&(g=l[p>0?p-1:p])}let C=0;if(typeof g<"u"&&(C=r.indexOf(g),C<0&&(C=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(C=C-n.slidesPerViewDynamic("previous",!0)+1,C=Math.max(C,0))),o.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(C,t,e,i)}),!0;return n.slideTo(C,t,e,i)}function ao(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this;if(!n.destroyed)return n.slideTo(n.activeIndex,t,e,i)}function co(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const r=Math.min(o.params.slidesPerGroupSkip,l),s=r+Math.floor((l-r)/o.params.slidesPerGroup),d=o.rtlTranslate?o.translate:-o.translate;if(d>=o.snapGrid[s]){const u=o.snapGrid[s],c=o.snapGrid[s+1];d-u>(c-u)*n&&(l+=o.params.slidesPerGroup)}else{const u=o.snapGrid[s-1],c=o.snapGrid[s];d-u<=(c-u)*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 uo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const r=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(ke(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),Ye(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(ke(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),Ye(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var po={slideTo:oo,slideToLoop:lo,slideNext:so,slidePrev:ro,slideReset:ao,slideToClosest:co,slideToClickedSlide:uo};function fo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{ke(n,`.${i.slideClass}, swiper-slide`).forEach((f,v)=>{f.setAttribute("data-swiper-slide-index",v)})},l=e.grid&&i.grid&&i.grid.rows>1,r=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%r!==0,d=l&&e.slides.length%i.grid.rows!==0,u=c=>{for(let f=0;f<c;f+=1){const v=e.isElement?ot("swiper-slide",[i.slideBlankClass]):ot("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(v)}};if(s){if(i.loopAddBlankSlides){const c=r-e.slides.length%r;u(c),e.recalcSlides(),e.updateSlides()}else ft("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(d){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else ft("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 mo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:r,byMousewheel:s}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:f,slidesEl:v,params:m}=d,{centeredSlides:y}=m;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&m.virtual.enabled){i&&(!m.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):m.centeredSlides&&d.snapIndex<m.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0)),d.allowSlidePrev=c,d.allowSlideNext=f,d.emit("loopFix");return}let g=m.slidesPerView;g==="auto"?g=d.slidesPerViewDynamic():(g=Math.ceil(parseFloat(m.slidesPerView,10)),y&&g%2===0&&(g=g+1));const C=m.slidesPerGroupAuto?g:m.slidesPerGroup;let p=C;p%C!==0&&(p+=C-p%C),p+=m.loopAdditionalSlides,d.loopedSlides=p;const b=d.grid&&m.grid&&m.grid.rows>1;u.length<g+p?ft("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):b&&m.grid.fill==="row"&&ft("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const h=[],S=[];let w=d.activeIndex;typeof l>"u"?l=d.getSlideIndex(u.filter(D=>D.classList.contains(m.slideActiveClass))[0]):w=l;const A=n==="next"||!n,M=n==="prev"||!n;let I=0,T=0;const x=b?Math.ceil(u.length/m.grid.rows):u.length,E=(b?u[l].column:l)+(y&&typeof o>"u"?-g/2+.5:0);if(E<p){I=Math.max(p-E,C);for(let D=0;D<p-E;D+=1){const _=D-Math.floor(D/x)*x;if(b){const B=x-_-1;for(let H=u.length-1;H>=0;H-=1)u[H].column===B&&h.push(H)}else h.push(x-_-1)}}else if(E+g>x-p){T=Math.max(E-(x-p*2),C);for(let D=0;D<T;D+=1){const _=D-Math.floor(D/x)*x;b?u.forEach((B,H)=>{B.column===_&&S.push(H)}):S.push(_)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),M&&h.forEach(D=>{u[D].swiperLoopMoveDOM=!0,v.prepend(u[D]),u[D].swiperLoopMoveDOM=!1}),A&&S.forEach(D=>{u[D].swiperLoopMoveDOM=!0,v.append(u[D]),u[D].swiperLoopMoveDOM=!1}),d.recalcSlides(),m.slidesPerView==="auto"?d.updateSlides():b&&(h.length>0&&M||S.length>0&&A)&&d.slides.forEach((D,_)=>{d.grid.updateSlide(_,D,d.slides)}),m.watchSlidesProgress&&d.updateSlidesOffset(),i){if(h.length>0&&M){if(typeof e>"u"){const D=d.slidesGrid[w],B=d.slidesGrid[w+I]-D;s?d.setTranslate(d.translate-B):(d.slideTo(w+Math.ceil(I),0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-B,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-B))}else if(o){const D=b?h.length/m.grid.rows:h.length;d.slideTo(d.activeIndex+D,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(S.length>0&&A)if(typeof e>"u"){const D=d.slidesGrid[w],B=d.slidesGrid[w-T]-D;s?d.setTranslate(d.translate-B):(d.slideTo(w-T,0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-B,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-B))}else{const D=b?S.length/m.grid.rows:S.length;d.slideTo(d.activeIndex-D,0,!1,!0)}}if(d.allowSlidePrev=c,d.allowSlideNext=f,d.controller&&d.controller.control&&!r){const D={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(_=>{!_.destroyed&&_.params.loop&&_.loopFix({...D,slideTo:_.params.slidesPerView===m.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...D,slideTo:d.controller.control.params.slidesPerView===m.slidesPerView?i:!1})}d.emit("loopFix")}function vo(){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 ho={loopCreate:fo,loopFix:mo,loopDestroy:vo};function go(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 bo(){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 yo={setGrabCursor:go,unsetGrabCursor:bo};function wo(t,e){e===void 0&&(e=this);function i(n){if(!n||n===xe()||n===me())return null;n.assignedSlot&&(n=n.assignedSlot);const o=n.closest(t);return!o&&!n.getRootNode?null:o||i(n.getRootNode().host)}return i(e)}function Si(t,e,i){const n=me(),{params:o}=t,l=o.edgeSwipeDetection,r=o.edgeSwipeThreshold;return l&&(i<=r||i>=n.innerWidth-r)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function So(t){const e=this,i=xe();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"){Si(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:r,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let d=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const u=!!l.noSwipingClass&&l.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(d=c[0]);const f=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,v=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(v?wo(f,d):d.closest(f))){e.allowClick=!0;return}if(l.swipeHandler&&!d.closest(l.swipeHandler))return;r.currentX=n.pageX,r.currentY=n.pageY;const m=r.currentX,y=r.currentY;if(!Si(e,n,m))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),r.startX=m,r.startY=y,o.touchStartTime=Se(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let g=!0;d.matches(o.focusableElements)&&(g=!1,d.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==d&&i.activeElement.blur();const C=g&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||C)&&!d.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function To(t){const e=xe(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:r,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let d=t;if(d.originalEvent&&(d=d.originalEvent),d.type==="pointermove"&&(n.touchId!==null||d.pointerId!==n.pointerId))return;let u;if(d.type==="touchmove"){if(u=[...d.changedTouches].filter(A=>A.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const c=u.pageX,f=u.pageY;if(d.preventedByNestedSwiper){l.startX=c,l.startY=f;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:c,startY:f,currentX:c,currentY:f}),n.touchStartTime=Se());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(f<l.startY&&i.translate<=i.maxTranslate()||f>l.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(c<l.startX&&i.translate<=i.maxTranslate()||c>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&d.target===e.activeElement&&d.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",d),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=c,l.currentY=f;const v=l.currentX-l.startX,m=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(v**2+m**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let A;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:v*v+m*m>=25&&(A=Math.atan2(Math.abs(m),Math.abs(v))*180/Math.PI,n.isScrolling=i.isHorizontal()?A>o.touchAngle:90-A>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),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&&d.cancelable&&d.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&d.stopPropagation();let y=i.isHorizontal()?v:m,g=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(y=Math.abs(y)*(r?1:-1),g=Math.abs(g)*(r?1:-1)),l.diff=y,y*=o.touchRatio,r&&(y=-y,g=-g);const C=i.touchesDirection;i.swipeDirection=y>0?"prev":"next",i.touchesDirection=g>0?"prev":"next";const p=i.params.loop&&!o.cssMode,b=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&b&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const A=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(A)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let h;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&C!==i.touchesDirection&&p&&b&&Math.abs(y)>=1){Object.assign(l,{startX:c,startY:f,currentX:c,currentY:f,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",d),n.isMoved=!0,n.currentTranslate=y+n.startTranslate;let S=!0,w=o.resistanceRatio;if(o.touchReleaseOnEdges&&(w=0),y>0?(p&&b&&!h&&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()&&(S=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+y)**w))):y<0&&(p&&b&&!h&&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()&&(S=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-y)**w))),S&&(d.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(y)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function xo(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(w=>w.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:r,touches:s,rtlTranslate:d,slidesGrid:u,enabled:c}=e;if(!c||!r.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&r.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}r.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const f=Se(),v=f-i.touchStartTime;if(e.allowClick){const w=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(w&&w[0]||n.target,w),e.emit("tap click",n),v<300&&f-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Se(),Ye(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let m;if(r.followFinger?m=d?e.translate:-e.translate:m=-i.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:m});return}const y=m>=-e.maxTranslate()&&!e.params.loop;let g=0,C=e.slidesSizesGrid[0];for(let w=0;w<u.length;w+=w<r.slidesPerGroupSkip?1:r.slidesPerGroup){const A=w<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;typeof u[w+A]<"u"?(y||m>=u[w]&&m<u[w+A])&&(g=w,C=u[w+A]-u[w]):(y||m>=u[w])&&(g=w,C=u[u.length-1]-u[u.length-2])}let p=null,b=null;r.rewind&&(e.isBeginning?b=r.virtual&&r.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const h=(m-u[g])/C,S=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(v>r.longSwipesMs){if(!r.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(h>=r.longSwipesRatio?e.slideTo(r.rewind&&e.isEnd?p:g+S):e.slideTo(g)),e.swipeDirection==="prev"&&(h>1-r.longSwipesRatio?e.slideTo(g+S):b!==null&&h<0&&Math.abs(h)>r.longSwipesRatio?e.slideTo(b):e.slideTo(g))}else{if(!r.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(g+S):e.slideTo(g):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:g+S),e.swipeDirection==="prev"&&e.slideTo(b!==null?b:g))}}function Ti(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,r=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=r&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!r?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Eo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Co(){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 Io(t){const e=this;vt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Do(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const xi=(t,e)=>{const i=xe(),{params:n,el:o,wrapperEl:l,device:r}=t,s=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",u=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[d]("touchstart",t.onTouchStart,{passive:!1}),o[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[d]("touchend",t.onTouchEnd,{passive:!0}),i[d]("pointerup",t.onTouchEnd,{passive:!0}),i[d]("pointercancel",t.onTouchEnd,{passive:!0}),i[d]("touchcancel",t.onTouchEnd,{passive:!0}),i[d]("pointerout",t.onTouchEnd,{passive:!0}),i[d]("pointerleave",t.onTouchEnd,{passive:!0}),i[d]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[d]("click",t.onClick,!0),n.cssMode&&l[d]("scroll",t.onScroll),n.updateOnWindowResize?t[u](r.ios||r.android?"resize orientationchange observerUpdate":"resize observerUpdate",Ti,!0):t[u]("observerUpdate",Ti,!0),o[d]("load",t.onLoad,{capture:!0})};function ko(){const t=this,{params:e}=t;t.onTouchStart=So.bind(t),t.onTouchMove=To.bind(t),t.onTouchEnd=xo.bind(t),t.onDocumentTouchStart=Do.bind(t),e.cssMode&&(t.onScroll=Co.bind(t)),t.onClick=Eo.bind(t),t.onLoad=Io.bind(t),xi(t,"on")}function Ao(){xi(this,"off")}var Po={attachEvents:ko,detachEvents:Ao};const Ei=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function _o(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const r=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!r||t.currentBreakpoint===r)return;const d=(r in l?l[r]:void 0)||t.originalParams,u=Ei(t,n),c=Ei(t,d),f=n.enabled;u&&!c?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(o.classList.add(`${n.containerModifierClass}grid`),(d.grid.fill&&d.grid.fill==="column"||!d.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof d[p]>"u")return;const b=n[p]&&n[p].enabled,h=d[p]&&d[p].enabled;b&&!h&&t[p].disable(),!b&&h&&t[p].enable()});const v=d.direction&&d.direction!==n.direction,m=n.loop&&(d.slidesPerView!==n.slidesPerView||v),y=n.loop;v&&i&&t.changeDirection(),we(t.params,d);const g=t.params.enabled,C=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),f&&!g?t.disable():!f&&g&&t.enable(),t.currentBreakpoint=r,t.emit("_beforeBreakpoint",d),i&&(m?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!y&&C?(t.loopCreate(e),t.updateSlides()):y&&!C&&t.loopDestroy()),t.emit("breakpoint",d)}function Mo(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=me(),l=e==="window"?o.innerHeight:i.clientHeight,r=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const d=parseFloat(s.substr(1));return{value:l*d,point:s}}return{value:s,point:s}});r.sort((s,d)=>parseInt(s.value,10)-parseInt(d.value,10));for(let s=0;s<r.length;s+=1){const{point:d,value:u}=r[s];e==="window"?o.matchMedia(`(min-width: ${u}px)`).matches&&(n=d):u<=i.clientWidth&&(n=d)}return n||"max"}var Oo={setBreakpoint:_o,getBreakpoint:Mo};function Lo(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 jo(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,r=Lo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...r),o.classList.add(...e),t.emitContainerClasses()}function No(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Bo={addClasses:jo,removeClasses:No};function zo(){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 Vo={checkOverflow:zo},Bt={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 Fo(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){we(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)){we(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),we(e,n)}}const zt={eventsEmitter:Nn,update:Yn,translate:Rn,transition:no,slide:po,loop:ho,grabCursor:yo,events:Po,breakpoints:Oo,checkOverflow:Vo,classes:Bo},Vt={};let Ft=class je{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=we({},i),e&&!i.el&&(i.el=e);const r=xe();if(i.el&&typeof i.el=="string"&&r.querySelectorAll(i.el).length>1){const c=[];return r.querySelectorAll(i.el).forEach(f=>{const v=we({},i,{el:f});c.push(new je(v))}),c}const s=this;s.__swiper__=!0,s.support=bi(),s.device=yi({userAgent:i.userAgent}),s.browser=On(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const d={};s.modules.forEach(c=>{c({params:i,swiper:s,extendParams:Fo(i,d),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const u=we({},Bt,d);return s.params=we({},u,Vt,i),s.originalParams=we({},s.params),s.passedParams=we({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(c=>{s.on(c,s.params.on[c])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=ke(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=ke(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),r=(n.maxTranslate()-o)*e+o;n.translateTo(r,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:r,slidesSizesGrid:s,size:d,activeIndex:u}=n;let c=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let f=l[u]?Math.ceil(l[u].swiperSlideSize):0,v;for(let m=u+1;m<l.length;m+=1)l[m]&&!v&&(f+=Math.ceil(l[m].swiperSlideSize),c+=1,f>d&&(v=!0));for(let m=u-1;m>=0;m-=1)l[m]&&!v&&(f+=l[m].swiperSlideSize,c+=1,f>d&&(v=!0))}else if(e==="current")for(let f=u+1;f<l.length;f+=1)(i?r[f]+s[f]-r[u]<d:r[f]-r[u]<d)&&(c+=1);else for(let f=u-1;f>=0;f-=1)r[u]-r[f]<d&&(c+=1);return c}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(r=>{r.complete&&vt(e,r)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const r=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(r,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const r=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(r.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):ke(n,o())[0];return!r&&i.params.createElements&&(r=ot("div",i.params.wrapperClass),n.append(r),ke(n,`.${i.params.slideClass}`).forEach(s=>{r.append(s)})),Object.assign(i,{el:n,wrapperEl:r,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:r,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl"),wrongRTL:Be(r,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?vt(i,l):l.addEventListener("load",r=>{vt(i,r.target)})}),Nt(i),i.initialized=!0,Nt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:r,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),r.removeAttribute("style"),s&&s.length&&s.forEach(d=>{d.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),d.removeAttribute("style"),d.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(d=>{n.off(d)}),e!==!1&&(n.el.swiper=null,wn(n)),n.destroyed=!0),null}static extendDefaults(e){we(Vt,e)}static get extendedDefaults(){return Vt}static get defaults(){return Bt}static installModule(e){je.prototype.__modules__||(je.prototype.__modules__=[]);const i=je.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>je.installModule(i)),je):(je.installModule(e),je)}};Object.keys(zt).forEach(t=>{Object.keys(zt[t]).forEach(e=>{Ft.prototype[e]=zt[t][e]})}),Ft.use([Ln,jn]);const Ci=["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 He(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function Je(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]:He(e[n])&&He(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:Je(t[n],e[n]):t[n]=e[n]})}function Ii(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Di(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function ki(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function Ai(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 Ho(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Uo(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:r,scrollbarEl:s,paginationEl:d}=t;const u=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:c,pagination:f,navigation:v,scrollbar:m,virtual:y,thumbs:g}=e;let C,p,b,h,S,w,A,M;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(C=!0),o.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(c.pagination||c.pagination===!1)&&f&&!f.el&&(b=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(c.scrollbar||c.scrollbar===!1)&&m&&!m.el&&(h=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||r)&&(n.navigation.nextEl||l)&&(c.navigation||c.navigation===!1)&&v&&!v.prevEl&&!v.nextEl&&(S=!0);const I=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),c[T].prevEl=void 0,c[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),c[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(c.loop&&!n.loop?w=!0:!c.loop&&n.loop?A=!0:M=!0),u.forEach(T=>{if(He(c[T])&&He(n[T]))Object.assign(c[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&I(T);else{const x=n[T];(x===!0||x===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?x===!1&&I(T):c[T]=n[T]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),o.includes("children")&&i&&y&&c.virtual.enabled?(y.slides=i,y.update(!0)):o.includes("virtual")&&y&&c.virtual.enabled&&(i&&(y.slides=i),y.update(!0)),o.includes("children")&&i&&c.loop&&(M=!0),C&&g.init()&&g.update(!0),p&&(e.controller.control=c.controller.control),b&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-pagination"),d.part.add("pagination"),e.el.appendChild(d)),d&&(c.pagination.el=d),f.init(),f.render(),f.update()),h&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(c.scrollbar.el=s),m.init(),m.updateSize(),m.setTranslate()),S&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-button-prev"),r.innerHTML=e.hostEl.constructor.prevButtonSvg,r.part.add("button-prev"),e.el.appendChild(r))),l&&(c.navigation.nextEl=l),r&&(c.navigation.prevEl=r),v.init(),v.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(w||M)&&e.loopDestroy(),(A||M)&&e.loopCreate(),e.update()}function Go(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};Je(i,Bt),i._emitClasses=!0,i.init=!1;const l={},r=Ci.map(d=>d.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(d=>{typeof t[d]>"u"||(r.indexOf(d)>=0?He(t[d])?(i[d]={},o[d]={},Je(i[d],t[d]),Je(o[d],t[d])):(i[d]=t[d],o[d]=t[d]):d.search(/on[A-Z]/)===0&&typeof t[d]=="function"?e?n[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:i.on[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:l[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:o,rest:l,events:n}}function Wo(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:r,swiper:s}=t;Ii(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),Di(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),ki(e)&&r&&(s.params.scrollbar.el=r,s.originalParams.scrollbar.el=r),s.init(i)}function $o(t,e,i,n,o){const l=[];if(!e)return l;const r=d=>{l.indexOf(d)<0&&l.push(d)};if(i&&n){const d=n.map(o),u=i.map(o);d.join("")!==u.join("")&&r("children"),n.length!==i.length&&r("children")}return Ci.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(He(t[d])&&He(e[d])){const u=Object.keys(t[d]),c=Object.keys(e[d]);u.length!==c.length?r(d):(u.forEach(f=>{t[d][f]!==e[d][f]&&r(d)}),c.forEach(f=>{t[d][f]!==e[d][f]&&r(d)}))}else t[d]!==e[d]&&r(d)}),l}const qo=t=>{!t||t.destroyed||!t.params.virtual||t.params.virtual&&!t.params.virtual.enabled||(t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.parallax&&t.params.parallax&&t.params.parallax.enabled&&t.parallax.setTranslate())};function ht(){return ht=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},ht.apply(this,arguments)}function Pi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function _i(t){const e=[];return a.Children.toArray(t).forEach(i=>{Pi(i)?e.push(i):i.props&&i.props.children&&_i(i.props.children).forEach(n=>e.push(n))}),e}function Yo(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return a.Children.toArray(t).forEach(n=>{if(Pi(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=_i(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 Xo(t,e,i){if(!i)return null;const n=c=>{let f=c;return c<0?f=e.length+c:f>=e.length&&(f=f-e.length),f},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:r}=i,s=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,u=[];for(let c=s;c<d;c+=1)c>=l&&c<=r&&u.push(e[n(c)]);return u.map((c,f)=>a.cloneElement(c,{swiper:t,style:o,key:c.props.virtualIndex||c.key||`slide-${f}`}))}function lt(t,e){return typeof window>"u"?a.useEffect(t,e):a.useLayoutEffect(t,e)}const Ht=a.createContext(null),Mi=()=>a.useContext(Ht),Jo=a.createContext(null),Ke=a.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:r,...s}=t===void 0?{}:t,d=!1;const[u,c]=a.useState("swiper"),[f,v]=a.useState(null),[m,y]=a.useState(!1),g=a.useRef(!1),C=a.useRef(null),p=a.useRef(null),b=a.useRef(null),h=a.useRef(null),S=a.useRef(null),w=a.useRef(null),A=a.useRef(null),M=a.useRef(null),{params:I,passedParams:T,rest:x,events:k}=Go(s),{slides:E,slots:D}=Yo(l),_=()=>{y(!m)};Object.assign(I.on,{_containerClasses(L,P){c(P)}});const B=()=>{Object.assign(I.on,k),d=!0;const L={...I};if(delete L.wrapperClass,p.current=new Ft(L),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=E;const P={cache:!1,slides:E,renderExternal:v,renderExternalUpdate:!1};Je(p.current.params.virtual,P),Je(p.current.originalParams.virtual,P)}};C.current||B(),p.current&&p.current.on("_beforeBreakpoint",_);const H=()=>{d||!k||!p.current||Object.keys(k).forEach(L=>{p.current.on(L,k[L])})},$=()=>{!k||!p.current||Object.keys(k).forEach(L=>{p.current.off(L,k[L])})};a.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",_)}),a.useEffect(()=>{!g.current&&p.current&&(p.current.emitSlidesClasses(),g.current=!0)}),lt(()=>{if(e&&(e.current=C.current),!!C.current)return p.current.destroyed&&B(),Wo({el:C.current,nextEl:S.current,prevEl:w.current,paginationEl:A.current,scrollbarEl:M.current,swiper:p.current},I),r&&!p.current.destroyed&&r(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),lt(()=>{H();const L=$o(T,b.current,E,h.current,P=>P.key);return b.current=T,h.current=E,L.length&&p.current&&!p.current.destroyed&&Uo({swiper:p.current,slides:E,passedParams:T,changedParams:L,nextEl:S.current,prevEl:w.current,scrollbarEl:M.current,paginationEl:A.current}),()=>{$()}}),lt(()=>{qo(p.current)},[f]);function V(){return I.virtual?Xo(p.current,E,f):E.map((L,P)=>a.cloneElement(L,{swiper:p.current,swiperSlideIndex:P}))}return a.createElement(n,ht({ref:C,className:Ai(`${u}${i?` ${i}`:""}`)},x),a.createElement(Jo.Provider,{value:p.current},D["container-start"],a.createElement(o,{className:Ho(I.wrapperClass)},D["wrapper-start"],V(),D["wrapper-end"]),Ii(I)&&a.createElement(a.Fragment,null,a.createElement("div",{ref:w,className:"swiper-button-prev"}),a.createElement("div",{ref:S,className:"swiper-button-next"})),ki(I)&&a.createElement("div",{ref:M,className:"swiper-scrollbar"}),Di(I)&&a.createElement("div",{ref:A,className:"swiper-pagination"}),D["container-end"]))});Ke.displayName="Swiper";const _e=a.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:r,lazy:s,virtualIndex:d,swiperSlideIndex:u,...c}=t===void 0?{}:t;const f=a.useRef(null),[v,m]=a.useState("swiper-slide"),[y,g]=a.useState(!1);function C(S,w,A){w===f.current&&m(A)}lt(()=>{if(typeof u<"u"&&(f.current.swiperSlideIndex=u),e&&(e.current=f.current),!(!f.current||!l)){if(l.destroyed){v!=="swiper-slide"&&m("swiper-slide");return}return l.on("_slideClass",C),()=>{l&&l.off("_slideClass",C)}}}),lt(()=>{l&&f.current&&!l.destroyed&&m(l.getSlideClasses(f.current))},[l]);const p={isActive:v.indexOf("swiper-slide-active")>=0,isVisible:v.indexOf("swiper-slide-visible")>=0,isPrev:v.indexOf("swiper-slide-prev")>=0,isNext:v.indexOf("swiper-slide-next")>=0},b=()=>typeof n=="function"?n(p):n,h=()=>{g(!0)};return a.createElement(i,ht({ref:f,className:Ai(`${v}${o?` ${o}`:""}`),"data-swiper-slide-index":d,onLoad:h},c),r&&a.createElement(Ht.Provider,{value:p},a.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof r=="number"?r:void 0},b(),s&&!y&&a.createElement("div",{className:"swiper-lazy-preloader"}))),!r&&a.createElement(Ht.Provider,{value:p},b(),s&&!y&&a.createElement("div",{className:"swiper-lazy-preloader"})))});_e.displayName="SwiperSlide";function Me(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=ne(),o=a.useCallback((r,s,d,u)=>{var c,f,v,m,y,g,C,p,b,h,S,w,A,M;let I="";e&&(!((f=(c=r?.video)===null||c===void 0?void 0:c.bindProducts)===null||f===void 0)&&f.length||!((v=r?.video)===null||v===void 0)&&v.bindProduct)?I="pdpPage":n?I="hashTagPage":!((m=r?.video)===null||m===void 0)&&m.url?I="videoPage":!((y=r?.video)===null||y===void 0)&&y.imgUrls&&(!((C=(g=r?.video)===null||g===void 0?void 0:g.imgUrls)===null||C===void 0)&&C.length)?I="imagePage":r?.product&&(I="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=s?.itemId)!==null&&p!==void 0?p:"",productName:(b=s?.title)!==null&&b!==void 0?b:"",price:s?.price?s?.price+"":"0",productCollection:(h=s?.collection)!==null&&h!==void 0?h:"",fromKName:I,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:u+"",relatedContentId:(w=(S=r?.video)===null||S===void 0?void 0:S.itemId)!==null&&w!==void 0?w:"",relatedCtatId:(A=d?.itemId)!==null&&A!==void 0?A:"",traceInfo:(M=s?.traceInfo)!==null&&M!==void 0?M:""}})},[t,e,n]),l=a.useCallback((r,s,d,u,c)=>{var f,v,m,y;let g="";e&&(!((v=(f=r?.video)===null||f===void 0?void 0:f.bindProducts)===null||v===void 0)&&v.length||!((m=r?.video)===null||m===void 0)&&m.bindProduct)?g="pdpPage":r?.product&&(g="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:g,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:c+"",relatedContentId:(y=r?.video)===null||y===void 0?void 0:y.itemId,relatedCtatId:d?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const Ko="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Qo=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var r;const[s,d]=a.useState(!1),u=a.useRef(null);a.useEffect(()=>{const v=document.getElementById("sxp-render"),m=document.getElementById("pb-modal");m?u.current=m:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),v?.appendChild(u.current))},[]);const c=a.useMemo(()=>l?.id&&l?.id!==""||t,[t,l]);if(a.useEffect(()=>{c?d(!0):setTimeout(()=>{d(!1)},l?.duration)},[c,l]),!u.current)return null;const f=re.debounce(()=>{e?.()},300);return ei.createPortal(a.createElement(a.Fragment,null,s&&a.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:f},a.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((r=l?.duration)!==null&&r!==void 0?r:0)/1e3+"s"},onClick:v=>{v.stopPropagation(),v.preventDefault()}},a.createElement("div",{onClick:e,className:"modal-icon-wrapper"},a.createElement("img",{src:Ko,alt:"close",className:"modal-icon"})),i))),u.current)};var gt=a.memo(Qo);const Zo=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let r=0;r<n.length&&(o.push(n[r]),!(o.join(" ").length>=e));r++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},Ro=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:r,isPost:s,onChange:d})=>{const[u,c]=a.useState(!1),[f,v]=a.useState(!1),m=Number(i?.lineClamp||2),y=a.useRef(null),g=a.useRef(null),C=a.useCallback(()=>{c(!u)},[u,d]);return a.useMemo(()=>!u&&t.length>e?Zo(t,e)+"...":t,[t,e,u]),a.useEffect(()=>{var p,b;((p=g?.current)===null||p===void 0?void 0:p.offsetHeight)>((b=y?.current)===null||b===void 0?void 0:b.offsetHeight)&&s?v(!0):v(!1),g.current.style.display="none"},[s]),a.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},a.createElement("div",{ref:y,style:{overflow:"hidden",WebkitLineClamp:!s||u?"":m,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),a.createElement("div",{ref:g,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&f&&a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??C},u?r||"show less":l||"show more"))};var Ut=a.memo(Ro);const el=a.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:r}=t,[s,d]=a.useState();return a.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),a.useEffect(()=>{d(i)},[i]),a.createElement(a.Fragment,null,s?.includes(".avif")?a.createElement("picture",null,a.createElement("source",{type:"image/avif",srcSet:s}),a.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),a.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}})):a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}}))});var Ee=a.memo(el);const tl=t=>{var e,i,n,o,l,r,s,d,{content:u,style:c,bgImg:f,onClick:v,schema:m,isDefault:y,bottom_image:g,tipText:C,isPost:p,viewTime:b,rec:h,swiper:S,commodityStyles:w,buttonStyle:A,index:M}=t,I=pe(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:T}=ne(),{popupDetailData:x,bffEventReport:k,isPreview:E,waterFallData:D}=ne(),{jumpToWeb:_,productView:B}=Me(),H=a.useRef(null),[$,V]=a.useState(!1),L=p?h:x,P=p?L?.product:(e=L?.video)===null||e===void 0?void 0:e.bindProduct,z=p?(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,j=p?M:x?.index,q=()=>{P?.link&&(_(x,P,z,j),p||B(L,P,z,b||H.current,j),window.location.href=window.getJointUtmLink(P.link))};a.useEffect(()=>{const N=()=>{H.current=new Date};return N(),window.addEventListener("pageshow",N),()=>{window.removeEventListener("pageshow",N)}},[]);const oe=a.useMemo(()=>{var N,F,G,Q,ie;return P?.currency&&P?.price?`${(G=(F=(N=P?.currency)===null||N===void 0?void 0:N.split("-")[1])===null||F===void 0?void 0:F.toUpperCase())!==null&&G!==void 0?G:""}${(ie=(Q=P?.price)===null||Q===void 0?void 0:Q.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ie!==void 0?ie:""}`:"$7,000"},[P?.price,P?.currency]),Z=E?375:window.innerWidth,te=({isPost:N})=>{var F,G,Q;return a.createElement("div",null,a.createElement("div",{className:"pb-commondity-content-collection",style:w?.collection,hidden:!!P&&(!P?.collection||P?.collection==="")},(F=P?.collection)!==null&&F!==void 0?F:"Tiffany Lock"),a.createElement("div",{className:"pb-commondity-content-title",style:w?.title,hidden:!!P&&!P?.title},(G=P?.title)!==null&&G!==void 0?G:"Pendant in Yellow Gold with Diamonds, Medium"),a.createElement("div",{className:"pb-commondity-content-price",style:w?.price,hidden:!!P&&!P?.price},oe),a.createElement("div",{hidden:!!P&&(!P?.info||P?.info==="")},a.createElement(Ut,{foldText:C?.foldText,unfoldText:C?.unfoldText,onClick:()=>V(!0),isPost:N,text:(Q=P?.info)!==null&&Q!==void 0?Q:`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:
|
6
|
-
Made in Italy`}));return s.createElement("div",{className:"pb-commondityDiroNew"},s.createElement("div",Object.assign({ref:Y,className:J.css(Object.assign({},f))},E),k&&((r=k?.homePage)===null||r===void 0?void 0:r.length)>0&&s.createElement($e,{height:le,modules:[ht,gt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:I?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:I?.delay*1e3}},(d=k?.homePage)===null||d===void 0?void 0:d.map(B=>s.createElement(Pe,{key:B},s.createElement("div",{style:{overflow:"hidden",width:le,height:le}},s.createElement(xe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:B}))))),!(!((a=k?.homePage)===null||a===void 0)&&a.length)&&s.createElement("div",{className:J.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},s.createElement("img",{className:J.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=S?.bottom_image)!==null&&c!==void 0?c:y,alt:""})),s.createElement("div",{className:"pb-commondityDiroNew-content"},s.createElement("div",{className:"pb-commondityDiroNew-content-top"},s.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},s.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:g?.title},(u=k?.title)!==null&&u!==void 0?u:"Large Dior Toujours Bag"),s.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!k&&(!k?.collection||k?.collection===""),style:g?.collection},k?.collection||"Black Macrocannage Calfskin")),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.price,style:g?.price},ee),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.taxInfo,style:g?.taxInfo},(v=k?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!k||k?.link)&&s.createElement("button",{onClick:q,className:"pb-commondityDiroNew-btn",style:D},(m=U?.enTitle)!==null&&m!==void 0?m:"Shop now"),se({isPost:p}))),s.createElement(wt,{visible:H,onClose:()=>C(!1)},se({isPost:!1})))};var wl=s.memo(yl);const Sl=ye(wl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:bl},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 qt,Yt,Ee=[{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"]}]},{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:R,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(qt=R?.[0])===null||qt===void 0?void 0:qt.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:R,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(Yt=R?.[0])===null||Yt===void 0?void 0:Yt.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"]}]}],Tl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Bi(t){const e=s.useRef(null),[i,n]=s.useState(!1);return s.useEffect(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),s.useEffect(()=>{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 xl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:r=!1,index:d}=t;fe(t,["rec","children","className","onClick","style","isExternalLink","index"]);const a=s.useRef(null),c=Bi(a),{popup:u}=Me(),{setPopupDetailData:v,ctaEvent:m}=oe(),{jumpToWeb:f}=Oe();s.useEffect(()=>{var b,P;if(c&&a?.current){const p=(P=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&P!==void 0?P:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,d)}},[c,a,e,m,d]);const w=ce.throttle(()=>{var b,P,p,y,h,I,g,D,O,E;const S=(P=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&P!==void 0?P:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,S,d),v?.(Object.assign(Object.assign({},e),{index:d})),r){if(!((y=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||y===void 0)&&y.link){const T=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(I=e?.video)===null||I===void 0?void 0:I.bindProduct;f(e,_,T,d),window.location.href=(D=(g=e?.video)===null||g===void 0?void 0:g.bindProduct)===null||D===void 0?void 0:D.link,window.location.href=window.getJointUtmLink((E=(O=e?.video)===null||O===void 0?void 0:O.bindProduct)===null||E===void 0?void 0:E.link)}}else o?.()},u?.duration);return s.createElement("div",{ref:a,className:n,style:l,onClick:w},i)};var st=s.memo(xl),El={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Cl=t=>{var e,i,n,o,l,r,d,{content:a,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:w}=t,b=fe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:P}=oe(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:P?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},b),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(xe,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:y})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:El["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},f?.ctaTitle))},(d=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var Il=s.memo(Cl);const Dl=ye(Il,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Tl,bindableProps:[],settingRender:Ee},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 _l=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const kl=t=>{var e,i,n,o,{content:l,style:r,bgImg:d,recData:a,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,m=fe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:f}=oe(),w=(e=a?.video)===null||e===void 0?void 0:e.bindCta;return s.createElement(st,Object.assign({isExternalLink:v,rec:a,className:J.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},m),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},s.createElement("img",{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=w?.icon)!==null&&i!==void 0?i:f?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},u?.ctaTitle))},(o=w?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var Al=s.memo(kl);const Pl=ye(Al,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:_l,settingRender:Ee?.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 Ml={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Ol=t=>{var e,i,n,o,l,{content:r,style:d,bgImg:a,recData:c,bottom_image:u,ctaTempStyles:v,index:m}=t,f=fe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:w,bffEventReport:b}=oe(),{jumpToWeb:P}=Oe(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,y=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,h=()=>{p?.link&&(P(c,y,p,m),window.location.href=window.getJointUtmLink(p.link))};return s.createElement(st,Object.assign({index:m,rec:c,className:J.css(Object.assign({alignItems:"center"},d)),style:{display:"flex"}},f,{onClick:h}),s.createElement("div",{className:J.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},s.createElement(xe,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=p?.icon)!==null&&n!==void 0?n:w?.bottom_image)!==null&&o!==void 0?o:u})),s.createElement("div",{className:J.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Ml["tow-line-ellipsis"],style:v?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var Ll=s.memo(Ol);const jl=ye(Ll,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Ee?.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 Nl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Bl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const zl=t=>{var e,i,n,o,l,r,d,{content:a,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:w}=t,b=fe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:P}=oe(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:P?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},b),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(xe,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:y})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Bl["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},f?.ctaTitle))},(d=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var Vl=s.memo(zl);const Fl=ye(Vl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Nl,settingRender:Ee,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 Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ul={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Gl=t=>{var e,i,n,o,l,r,d,{content:a,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:w}=t,b=fe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:P}=oe(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,y=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:P?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},b),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(xe,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:y})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Ul["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),s.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},f?.ctaTitle))},(d=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop now")))};var $l=s.memo(Gl);const Wl=ye($l,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:Hl,bindableProps:[],settingRender:Ee},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 ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Yl=({children:t,isPadding:e=!0})=>s.createElement($e,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Bn,Nn,jn],style:{padding:e?"0 12px 0 20px":0}},t);var Tt=s.memo(Yl);const Xl=({src:t,rec:e,item:i,index:n})=>{const o=s.useRef(null),l=Bi(o),{ctaEvent:r}=oe();return s.useEffect(()=>{l&&t&&o?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,r,i,n]),s.createElement("div",{ref:o,hidden:!t,className:J.css({width:"100%",height:"100%"})},s.createElement(xe,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:t}))};var Xt=s.memo(Xl),Jl={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Kl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:d,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=fe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:w,sxpParameter:b}=oe(),{popup:P}=Me(),{jumpToWeb:p}=Oe(),[y,h]=s.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),I=ce.throttle(g=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,g,v),w?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:g}),index:v})),u?g?.link&&(p(r,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},P?.duration);return s.createElement(Tt,{isPadding:!!r},y?.map(g=>{var D,O,E,S,T,_;return s.createElement(Pe,Object.assign({hidden:r&&!g?.bindCta,key:g?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>I(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Xt,{src:(E=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:b?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:g,index:v})),s.createElement("div",{className:J.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Jl["two-line-ellipsis"],style:c?.title},(S=g?.title)!==null&&S!==void 0?S:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(_=(T=g?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&_!==void 0?_:"Shop Now")))}))};var Ql=s.memo(Kl);const Zl=ye(Ql,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ql,bindableProps:[],settingRender:Ee},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 Rl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],es={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const ts=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:d,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=fe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:f}=oe(),{ctaEvent:w,setPopupDetailData:b}=oe(),{popup:P}=Me(),[p,y]=s.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:h}=Oe(),I=ce.throttle(g=>{w?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,g,v),b?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:g}),index:v})),u?g?.link&&(h(r,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},P?.duration);return s.createElement(Tt,{isPadding:!!r},p?.map(g=>{var D,O,E,S,T,_;return s.createElement(Pe,Object.assign({hidden:r&&!g?.bindCta,key:g.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>I(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Xt,{src:(E=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:f?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:g,index:v})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:es["two-line-ellipsis"],style:c?.title},(S=g?.title)!==null&&S!==void 0?S:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(_=(T=g?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&_!==void 0?_:"Shop Now")))}))};var is=s.memo(ts);const ns=ye(is,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Rl,settingRender:Ee,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 os=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ls={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ss=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:d,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=fe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:w,sxpParameter:b}=oe(),{popup:P}=Me(),{jumpToWeb:p}=Oe(),[y,h]=s.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),I=ce.throttle(g=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,g,v),w?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:g}),index:v})),u?g?.link&&(p(r,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},P?.duration);return s.createElement(Tt,{isPadding:!!r},y?.map(g=>{var D,O,E,S,T,_;return s.createElement(Pe,Object.assign({hidden:r&&!g?.bindCta,key:g?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>I(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Xt,{src:(E=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:b?.bottom_image)!==null&&E!==void 0?E:a,rec:r,item:g,index:v})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},s.createElement("div",{className:ls["tow-line-ellipsis"],style:c?.title},(S=g?.title)!==null&&S!==void 0?S:"Product Name"),s.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(_=(T=g?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&_!==void 0?_:"Shop now")))}))};var rs=s.memo(ss);const as=ye(rs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:os,bindableProps:[],settingRender:Ee},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 Jt,Kt,ds=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u6587\u672C\u884C\u6570",name:["props","lineClamp"]},{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"\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:R,name:["fontFamily"],initialValue:(Jt=R?.[0])===null||Jt===void 0?void 0:Jt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{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:"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:R,initialValue:(Kt=R?.[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const cs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:r}=oe();return s.createElement("div",{className:"clc-sxp-nav",style:e},s.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),s.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var zi=s.memo(cs),us=null,ps="3d989325-e7d6-4a74-8a97-98febdf5b567",vs=null,fs=null,ms={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"},hs=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],gs="Handbags",bs={productUserId:us,requestId:ps,channel:vs,rtc:fs,tag:ms,recList:hs,hashTag:gs};const ys=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:r}=t,{swiperRef:d,setRtcList:a,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=oe(),[m,f]=s.useState(!1),w=s.useRef(null),b=s.useRef(null),P=s.useRef(null),p=s.useRef(null),[y,h]=s.useState(""),I=s.useMemo(()=>{var S,T,_,x,A,j,z,F,Y,H,C,L;return!((S=e?.video)===null||S===void 0)&&S.cover?(T=e?.video)===null||T===void 0?void 0:T.cover:!((_=e?.video)===null||_===void 0)&&_.url?(f(!0),(x=e?.video)===null||x===void 0?void 0:x.url):!((j=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||j===void 0)&&j.length?(F=(z=e?.video)===null||z===void 0?void 0:z.imgUrls)===null||F===void 0?void 0:F[0]:!((H=(Y=e?.product)===null||Y===void 0?void 0:Y.homePage)===null||H===void 0)&&H.length?(L=(C=e?.product)===null||C===void 0?void 0:C.homePage)===null||L===void 0?void 0:L[0]:v?.bottom_image||""},[e,v?.bottom_image]),g=s.useMemo(()=>{var S,T;return((S=e?.product)===null||S===void 0?void 0:S.title)||((T=e?.video)===null||T===void 0?void 0:T.title)||null},[e]),D=s.useMemo(()=>{var S,T,_,x,A,j,z,F,Y;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((T=e?.product)===null||T===void 0)&&T.price)?`${(j=(A=(x=(_=e?.product)===null||_===void 0?void 0:_.currency)===null||x===void 0?void 0:x.split("-")[1])===null||A===void 0?void 0:A.toUpperCase())!==null&&j!==void 0?j:""}${(Y=(F=(z=e?.product)===null||z===void 0?void 0:z.price)===null||F===void 0?void 0:F.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Y!==void 0?Y:""}`:null},[e]);s.useEffect(()=>{const S=new IntersectionObserver(T=>{T.forEach(_=>{if(_.isIntersecting){if(b.current===null||I==="")return;m&&y?w.current.setSrc(y):w.current.setSrc(I),S.unobserve(b.current)}})});return S.observe(b.current),()=>{S.disconnect()}},[I,m,y]);const O=(S,T,_)=>{const x=S/T;return _/x};s.useEffect(()=>{const S=P?.current;S===null||I===""||!m||(S.src=I,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const T=p?.current;if(!T)return;const _=T.getContext("2d"),x=window?.innerWidth/2,A=O(S.videoWidth,S.videoHeight,x);T.height=A,T.width=x,_?.drawImage(S,0,0,T.width,T.height),h(T.toDataURL()),S.remove(),T.remove()})},[I,m]);const E=()=>{o(),a?.(n),setTimeout(()=>{var S;(S=d?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),c?.(!1)},0)};return s.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:E,style:{marginBottom:r}},s.createElement("div",{className:"list-content-listItem-picture"},m&&s.createElement("div",{style:{display:"none"}},s.createElement("video",{ref:P,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),s.createElement("canvas",{ref:p})),s.createElement(xe,{loading:"lazy",className:"list-content-listItem-picture-img",ref:w})),s.createElement("div",{className:"list-content-listItem-info"},s.createElement("div",{className:`list-content-listItem-info-title ${D?"list-content-listItem-info-nowrap":""}`,style:l?.title},g&&g),s.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!D},D)))};function ws(t){var e,i,n,o,l,r,d,{reportTagsView:a}=t,c=fe(t,["reportTagsView"]);const{waterFallData:u,getRecommendVideos:v,hashTagSize:m,loadingImage:f,isOpenHashTag:w}=oe(),[b,P]=s.useState(),[p,y]=s.useState(),[h,I]=s.useState(!1),g=s.useRef(null),[D,O]=s.useState(!1);s.useCallback(()=>{D||(O(!0),u&&v?.({hashTag:u?.hashTag,"itemFilter.itemId":u?.itemId,"itemFilter.itemType":u?.itemType}).then(S=>{var T;P(b?.concat((T=S?.recList)!==null&&T!==void 0?T:[])),O(!1)}))},[u,v,b,D]),s.useEffect(()=>{var S,T;if(I(!0),u&&v?.({hashTag:u?.hashTag,"itemFilter.itemId":u?.itemId,"itemFilter.itemType":u?.itemType,defaultSize:m}).then(_=>{var x,A;y(_),P((A=(x=_?.recList)===null||x===void 0?void 0:x.filter(j=>j?.video!==null||j?.product!==null))!==null&&A!==void 0?A:[]),I(!1)}),w){const _=bs;y(_),P((T=(S=_?.recList)===null||S===void 0?void 0:S.filter(x=>x?.video!==null||x?.product!==null))!==null&&T!==void 0?T:[]),I(!1)}},[u,v,m,w]);const E=()=>{var S,T;!((S=p?.tag)===null||S===void 0)&&S.link&&(a(),window.location.href=(T=p?.tag)===null||T===void 0?void 0:T.link)};return s.createElement(s.Fragment,null,h?s.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:f,alt:"loading...",style:{objectFit:"contain"}})):s.createElement("div",{className:"list"},s.createElement("div",{className:"list-scroll",ref:g,style:{bottom:!((e=p?.tag)===null||e===void 0)&&e.link?"100px":0}},s.createElement("div",{className:"list-info",style:(i=c?.textStyles)===null||i===void 0?void 0:i.hashTagDesc},(n=p?.tag)===null||n===void 0?void 0:n.info),s.createElement("div",{hidden:!(!((o=p?.tag)===null||o===void 0)&&o.link),className:"list-collection",onClick:E,style:{marginBottom:c?.space}},((l=p?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),s.createElement("div",{className:"list-content"},b?.map((S,T)=>s.createElement(ys,Object.assign({key:T,index:T,rec:S,list:b,reportTagsView:a},c)))),s.createElement("div",{hidden:!D,style:{textAlign:"center"}},"loading...")),s.createElement("div",{className:"list-bottom",hidden:!(!((r=p?.tag)===null||r===void 0)&&r.link)},s.createElement("button",{className:"list-bottom-btn",style:c?.buttonStyle,onClick:E},((d=p?.tag)===null||d===void 0?void 0:d.linkTitle)||"Shop the collection"))))}var Ss="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ts=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:r,cacheRtcList:d,setRtcList:a,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:f,bffEventReport:w}=oe();s.useRef(null);const b=s.useRef(null),[P,p]=s.useState();s.useEffect(()=>{const D=document.getElementById("sxp-render"),O=document.getElementById("water-fall");O?b.current=O:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),D?.appendChild(b.current))},[]);const y=()=>{const D=ce.isEqual(u,d);!D&&d&&d?.length&&a?.(d),g(),r?.(void 0),m?.(!1),setTimeout(()=>{var O,E;D||(E=(O=l?.current)===null||O===void 0?void 0:O.swiper)===null||E===void 0||E.slideTo(c,0,!1),n?.(!1)},0)},[h,I]=s.useState();s.useEffect(()=>{i&&I(i)},[i]);const g=s.useCallback(()=>{var D,O,E,S,T,_;const x=h?.rec;if(!x)return;let A="";f?A="hashTagPage":!((D=x?.video)===null||D===void 0)&&D.url?A="videoPage":!((E=(O=x?.video)===null||O===void 0?void 0:O.imgUrls)===null||E===void 0)&&E.length&&(A="imagePage"),w?.({eventInfo:{contentId:(S=x?.video)===null||S===void 0?void 0:S.itemId,position:c+"",contentTags:JSON.stringify((T=x?.video)===null||T===void 0?void 0:T.tags),traceInfo:(_=x?.video)===null||_===void 0?void 0:_.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:A,fromKPage:location?.href,timeOnSite:Math.floor((new Date-P)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,w,P,f,c]);return s.useEffect(()=>{o&&p(new Date)},[o]),s.useEffect(()=>{const D=()=>{p(new Date)};return window.addEventListener("pageshow",D),()=>{window.removeEventListener("pageshow",D)}},[]),b.current?ni.createPortal(s.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},s.createElement(zi,{icon:Ss,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:y}),s.createElement(ws,Object.assign({reportTagsView:g},t))),b.current):null};var Vi=s.memo(Ts);const xs=t=>s.createElement(Vi,Object.assign({},t));var Es=s.memo(xs);const Cs=ye(Es,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:ds,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},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}}},w:100,h:40,sort:2});var Qt=Object.freeze({__proto__:null,Appoint:Pl,AppointForm:Cn,Commodity:Dl,CommodityDetail:ul,CommodityDetailDiroNew:Sl,CommodityDiro:Fl,CommodityDiroNew:Wl,HashTag:Cs,Link:jl,MultiCommodity:ns,MultiCommodityDiro:Zl,MultiCommodityDiroNew:as,Prompt:gl});const Is="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Ds="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",_s=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,r=fe(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:d,mutateUnlike:a,bffEventReport:c}=oe(),[u,v]=s.useState(e),m=Se(Ds),f=Se(Is),w=ce.debounce(()=>he(void 0,void 0,void 0,function*(){var b,P,p,y,h,I,g,D,O,E,S,T,_,x,A,j,z,F,Y,H;if(u){v(!1);const C=(p=yield a?.({videoItemId:(P=(b=o.video)===null||b===void 0?void 0:b.itemId)!==null&&P!==void 0?P:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(h=(y=o.video)===null||y===void 0?void 0:y.itemId)!==null&&h!==void 0?h:"",contentName:(g=(I=o.video)===null||I===void 0?void 0:I.title)!==null&&g!==void 0?g:"",contentTags:JSON.stringify((O=(D=o.video)===null||D===void 0?void 0:D.tags)!==null&&O!==void 0?O:[]),position:l+"",contentFormat:!((E=o.video)===null||E===void 0)&&E.url?"video":"image",traceInfo:(S=o.video)===null||S===void 0?void 0:S.traceInfo}}),C||v(!0)}else{v(!0);const C=(T=yield d?.({content:JSON.stringify(o)}))!==null&&T!==void 0?T:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(_=o.video)===null||_===void 0?void 0:_.itemId)!==null&&x!==void 0?x:"",contentName:(j=(A=o.video)===null||A===void 0?void 0:A.title)!==null&&j!==void 0?j:"",contentTags:JSON.stringify((F=(z=o.video)===null||z===void 0?void 0:z.tags)!==null&&F!==void 0?F:[]),position:l+"",contentFormat:!((Y=o.video)===null||Y===void 0)&&Y.url?"video":"image",traceInfo:(H=o.video)===null||H===void 0?void 0:H.traceInfo}}),C||v(!1)}}),200);return s.createElement("button",Object.assign({},r,{onClick:w}),s.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:u?i||m:n||f,alt:"icon"}))};var Fi=s.memo(_s);const Re=new Ri;var Ve;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})(Ve||(Ve={}));const ks=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r})=>{const[d,a]=s.useState(!1),c=s.useRef(null),{bffEventReport:u,sxpParameter:v,waterFallData:m,openHashtag:f}=oe(),w=s.useRef(0),[b,P]=s.useState(!1),[p,y]=s.useState(!0),{isActive:h}=ji(),I=s.useRef(null),[g,D]=s.useState("");s.useEffect(()=>{c.current&&(c.current.muted=o)},[o]);const O=s.useCallback(()=>{var C;(C=c.current)===null||C===void 0||C.play()},[]),E=Se("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=s.useCallback(()=>{var C,L,M,k,U,$,q,ee,le,se,B,V,G;a(!1);const X=n[e];if(X&&(!((C=c?.current)===null||C===void 0)&&C.duration)){w.current=((L=c?.current)===null||L===void 0?void 0:L.currentTime)||0;const te=((k=(M=c.current)===null||M===void 0?void 0:M.duration)!==null&&k!==void 0?k:0).toFixed(2),ue=(($=(U=c.current)===null||U===void 0?void 0:U.currentTime)!==null&&$!==void 0?$:0).toFixed(2),de=p?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&ee!==void 0?ee:"",contentName:(se=(le=X.video)===null||le===void 0?void 0:le.title)!==null&&se!==void 0?se:"",playType:de,startTime:ue,videoDuration:te,contentTags:JSON.stringify((V=(B=X.video)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[]),position:e+"",contentFormat:"video",traceInfo:(G=X.video)===null||G===void 0?void 0:G.traceInfo}}),y(!1)}},[u,n,e,p]),T=s.useCallback(()=>{P(!0)},[]),_=s.useCallback(C=>()=>{var L,M,k,U,$;if(!b)return;const q=(L=c.current)===null||L===void 0?void 0:L.paused;switch(C){case"start":if(!q)return;(M=c.current)===null||M===void 0||M.play(),a(!1);break;case"pause":if(q)return;(k=c.current)===null||k===void 0||k.pause(),a(!0);break;default:q?(U=c.current)===null||U===void 0||U.play():($=c.current)===null||$===void 0||$.pause(),a(!q);break}},[b]),x=s.useCallback(()=>{var C,L,M,k,U,$,q,ee,le,se,B,V,G;const X=n[e],te=((L=(C=c.current)===null||C===void 0?void 0:C.duration)!==null&&L!==void 0?L:0).toFixed(2),ue=((k=(M=c.current)===null||M===void 0?void 0:M.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!((U=c?.current)===null||U===void 0)&&U.duration){const de=((($=c?.current)===null||$===void 0?void 0:$.currentTime)-w.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&ee!==void 0?ee:"",contentName:(se=(le=X.video)===null||le===void 0?void 0:le.title)!==null&&se!==void 0?se:"",endTime:ue,videoDuration:te,playDuration:de,contentTags:JSON.stringify((V=(B=X.video)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[]),position:e+"",contentFormat:"video",traceInfo:(G=X.video)===null||G===void 0?void 0:G.traceInfo}})}},[n,e,u]),A=s.useMemo(()=>r?.mode==="2",[r]),j=s.useMemo(()=>{var C;return r?.mode==="2"?`translateY(-${50+((C=r?.offsetTop)!==null&&C!==void 0?C:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),z=s.useMemo(()=>{var C;return((C=t?.video)===null||C===void 0?void 0:C.cover)||g},[g,t]),F=s.useCallback(()=>{if(!I||!c||!c.current||!I.current)return;const C=c?.current,L=I?.current,M=L.getContext("2d"),k=window?.innerWidth,U=window?.innerHeight;L.height=U,L.width=k,M?.drawImage(C,0,0,L.width,L.height),D(L.toDataURL())},[]);s.useEffect(()=>{var C,L,M,k;if(c.current){if(a(!1),!c.current.src){const U=t.video.url;c.current.src=U,c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(C=c.current)===null||C===void 0||C.addEventListener("loadedmetadata",T),(L=c.current)===null||L===void 0||L.addEventListener("canplay",T),(M=c.current)===null||M===void 0||M.addEventListener("playing",S),(k=c.current)===null||k===void 0||k.addEventListener("loadeddata",F),()=>{var U,$,q,ee;(U=c.current)===null||U===void 0||U.removeEventListener("loadedmetadata",T),($=c.current)===null||$===void 0||$.removeEventListener("canplay",T),(q=c.current)===null||q===void 0||q.removeEventListener("playing",S),(ee=c.current)===null||ee===void 0||ee.removeEventListener("loadeddata",F)}}},[T,S,t.video,F]),s.useEffect(()=>{var C;!c?.current||!b||(h?c.current.play():(C=c.current)===null||C===void 0||C.pause())},[h,b]),s.useEffect(()=>{var C,L,M;if(!h||!c?.current)return;!((C=c.current)===null||C===void 0?void 0:C.paused)&&f?(L=c.current)===null||L===void 0||L.pause():f||(M=c.current)===null||M===void 0||M.play()},[f,h]),s.useEffect(()=>{if(!h)return;const C=_("start"),L=_("pause");return Re.on(Ve.PAGE_DID_SHOW,C),Re.on(Ve.PAGE_DID_HIDE,L),()=>{Re.off(Ve.PAGE_DID_SHOW,C),Re.off(Ve.PAGE_DID_HIDE,L)}},[_,h]);const Y=s.useMemo(()=>!v?.placeholder_image||b?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[b,v?.placeholder_image]);s.useEffect(()=>{const C=()=>{var L,M;l===e&&(!((L=t?.video)===null||L===void 0)&&L.url)&&(!((M=c?.current)===null||M===void 0)&&M.src)&&!d&&_("pause")()};return window.addEventListener("beforeunload",C),()=>{window.removeEventListener("beforeunload",C)}},[l,e,t,c,_,d]);const H=s.useMemo(()=>A?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[A]);return t.video?s.createElement(s.Fragment,null,A?s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:"100%",height:i,overflow:"hidden"}},s.createElement(xe,{src:z,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},H)}),s.createElement("canvas",{ref:I,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:j,left:0,right:0}},s.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},s.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O,style:{width:"100%",height:"100%",objectFit:"contain"}}),s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:E}))),Y):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:"100%",height:i,overflow:"hidden"}},s.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O}),Y,s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:E}))):null};var As=s.memo(ks);const Ps=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,r]=s.useState(t),d=a=>{a.stopPropagation();const c=!l;r(c),n?.(c)};return s.createElement("button",{style:o,className:"pb-toggle-button",onClick:d},s.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var Hi=s.memo(Ps);const Ms=({imageUrl:t})=>{const[e,i]=s.useState(!0);Me(),s.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=Se("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=s.useMemo(()=>e?"pb-fadeIn":"pb-fadeOut",[e]);return s.createElement("div",{hidden:!e,className:`pb-finger-wrap ${o}`},s.createElement("img",{src:t||n}))},Ui=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=s.useMemo(()=>n?.mode==="2",[n]),l=s.useMemo(()=>{var d;return n?.mode==="2"?`translateY(-${50+((d=n?.offsetTop)!==null&&d!==void 0?d:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=s.useMemo(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]);return s.createElement("div",{style:{overflow:"hidden",height:i,width:"100%",position:"relative"}},s.createElement(xe,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r)}),o&&s.createElement(xe,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},Os=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:r,imgUrlsPostConfig:d})=>{var a;const c=s.useRef(),{isActive:u}=ji(),{sxpParameter:v,openHashtag:m}=oe(),[f,w]=s.useState(!1);return s.useEffect(()=>{f&&u?(c?.current&&c.current.swiper.autoplay.start(),m?l(n):r(o)):(w(!0),c?.current&&c.current.swiper.autoplay.stop())},[n,u,l,m,o,r,f]),s.createElement($e,{ref:c,defaultValue:0,direction:"horizontal",modules:[ht,gt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((a=d?.delay)!==null&&a!==void 0?a:3)*1e3}},t?.map(b=>s.createElement(Pe,{key:b},s.createElement(Ui,{src:b,height:i,imgUrlsPostConfig:d}))))};var Ls=s.memo(Os);const js=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[r,d]=s.useState(!1),{setWaterFallData:a,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:m}=oe(),f=w=>{v?m?.(!0):u?.(n),a?.(i?{hashTag:w,itemId:e,itemType:i,rec:o}:{hashTag:w,rec:o}),c?.(!0)};return s.useMemo(()=>t.length<=6?null:s.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>d(!r)},r?"show less":"show more"),[r,t]),s.createElement("div",{className:"clc-sxp-bottom-hashtag"},s.createElement(Tt,null,t?.map((w,b)=>s.createElement(Pe,{key:b,hidden:r?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>f(w)},`#${w}`))))};var Gi=s.memo(js),Ns="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 xt(t){return s.memo(function(e){const{$store:i}=dn(),n=l=>{let r=l;const d=l.match(/{{.*?}}/g);return d?.length&&d.forEach(a=>{a.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=ce.get(i,u);return r=r.replace(a,v),v}})}),r},o=s.useMemo(()=>{var l,r,d;const{bindDatas:a}=e,c=fe(e,["bindDatas"]);if((l=a?.forEach)===null||l===void 0||l.call(a,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:m}=u;m.replace(/{{\s*([\w.]+)\s*}}/g,(f,w)=>{var b,P;if(w){const p=(P=(b=ce.get(i,w))!==null&&b!==void 0?b:e[v])!==null&&P!==void 0?P:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=ce.cloneDeep(c.event)||{};for(const v in u)if(Object.prototype.hasOwnProperty.call(u,v))try{u[v].value=n(u[v].value),c.eventMap[v]=new Function(u[v].value)}catch{}}return!((d=(r=c?.event)===null||r===void 0?void 0:r.onClick)===null||d===void 0)&&d.linkType&&(c.style.cursor="pointer"),c},[i,e]);return s.createElement(t,Object.assign({},o,o.eventMap))})}const Bs=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Me(),l=s.useMemo(()=>{var r,d,a,c,u,v,m,f,w,b,P,p,y,h,I,g,D,O,E,S,T,_,x,A,j,z,F,Y,H,C,L;if(!t?.video)return null;let M=null;!((d=(r=t?.video)===null||r===void 0?void 0:r.bindProducts)===null||d===void 0)&&d.length?M="\u591A\u5546\u54C1CTA":!((a=t?.video)===null||a===void 0)&&a.bindProduct?M="\u5546\u54C1CTA":M=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const k=i?.[M];if(((v=k?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((f=k?.item)===null||f===void 0?void 0:f.type)==="Commodity"&&!(!((w=t?.video)===null||w===void 0)&&w.bindProduct)||((b=k?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((P=t?.video)===null||P===void 0)&&P.bindProduct)||((p=k?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((h=(y=t?.video)===null||y===void 0?void 0:y.bindProducts)===null||h===void 0)&&h.length)||((I=k?.item)===null||I===void 0?void 0:I.type)==="MultiCommodityDiro"&&!(!((D=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||D===void 0)&&D.length)||((O=k?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((S=(E=t?.video)===null||E===void 0?void 0:E.bindProducts)===null||S===void 0)&&S.length))return null;if(k&&n){const U=n[(T=k?.item)===null||T===void 0?void 0:T.type],$=xt(U),q=(_=U?.extend)===null||_===void 0?void 0:_.defaulSetting,ee=((j=(A=(x=k?.item)===null||x===void 0?void 0:x.event)===null||A===void 0?void 0:A.onClick)===null||j===void 0?void 0:j.linkType)==="externalLink";return s.createElement($,Object.assign({style:Object.assign(Object.assign(Object.assign({},q?.style),(z=k?.item)===null||z===void 0?void 0:z.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},q?.textStyle),(F=k?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(H=(Y=k?.item)===null||Y===void 0?void 0:Y.bindDatas)!==null&&H!==void 0?H:[]},q?.props,(C=k?.item)===null||C===void 0?void 0:C.props,{event:((L=k?.item)===null||L===void 0?void 0:L.event)||{},schema:o,id:k?.id,key:k?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,o]);return s.createElement(s.Fragment,null,l)};var $i=s.memo(Bs);const Wi=({nudge:t})=>{var e,i,n,o,l,r,d;return s.createElement(s.Fragment,null,t?.isOpen&&s.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(r=t?.borderRadius)!==null&&r!==void 0?r:4}},t?.icon?s.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,s.createElement("p",{style:Object.assign({},t?.textStyle)},(d=t?.content)!==null&&d!==void 0?d:"")))},Zt="FOR U",zs=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=s.useState(Zt),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:r,setCacheActiveIndex:d,setLoading:a,swiperRef:c}=oe(),u=s.useMemo(()=>[Zt,...t],[t]),v=m=>()=>{if(m===i)return;let f;m!==Zt&&(f=m),a?.(!0),o?.({hashTag:f}).then(w=>{var b,P,p,y;l?.((b=w?.recList)!==null&&b!==void 0?b:[]),r?.((P=w?.recList)!==null&&P!==void 0?P:[]),e?.(0),d?.(0),(y=(p=c?.current)===null||p===void 0?void 0:p.swiper)===null||y===void 0||y.slideTo(0)}).finally(()=>{a?.(!1)}),n(m)};return t.length<=0?null:s.createElement("div",{className:"clc-sxp-tagbar",style:{height:45}},s.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},u.map(m=>s.createElement("li",{className:`clc-sxp-tagbar-list-item ${m===i?"clc-sxp-tagbar-list-item-active":""}`,key:m,onClick:v(m)},m))))};var qi=s.memo(zs);const Yi=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:r=[],ctaType:d,tipText:a,nudge:c,_schema:u,hashTagStyle:v,tagList:m=[]})=>{var f,w,b,P,p,y,h;const{schema:I}=Me(),[g,D]=s.useState(0),O=s.useRef(0),[E,S]=s.useState(!1),[T,_]=s.useState(!0),x=s.useRef(),A=s.useRef(),[j,z]=s.useState(!1),[F,Y]=s.useState(!1),{loadVideos:H,bffEventReport:C,loading:L,setPopupDetailData:M,ctaEvent:k,swiperRef:U,waterFallData:$,setOpenHashtag:q,appDomain:ee,openHashtag:le,loadingImage:se,isFromHashtag:B,popupDetailData:V}=oe(),{productView:G}=Oe(),X=s.useMemo(()=>r.length>0&&!L&&fn(),[r,L]),te=s.useCallback(()=>{if(r.length<=0)return;ue();const N=location.search.slice(1),Q=ti.parse(N.replace(/\+/g,"%2B"));for(const Z in Q)Q[Z]=Q[Z].replace(/%2B/g,"+");const W=Z=>{var ie;return(ie=Q[Z])!==null&&ie!==void 0?ie:""};C?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:W("utm_source"),utmMedium:W("utm_medium"),utmCampaign:W("utm_campaign"),utmId:W("utm_id"),utmContent:W("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),S(!0)},[C,r.length]),ue=()=>{x.current=new Date,A.current=new Date,un()};s.useEffect(()=>{E||te()},[te,E]),s.useEffect(()=>{var N;const Q=r?.findIndex(W=>{var Z,ie,re,K,ne,pe,ve,De,_e;return d==="\u591A\u5546\u54C1CTA"?((Z=W?.video)===null||Z===void 0?void 0:Z.bindProducts)&&((re=(ie=W?.video)===null||ie===void 0?void 0:ie.bindProducts)===null||re===void 0?void 0:re.length)>0:d==="\u5546\u54C1CTA"?(K=W?.video)===null||K===void 0?void 0:K.bindProduct:((pe=(ne=W?.video)===null||ne===void 0?void 0:ne.bindCta)===null||pe===void 0?void 0:pe.itemId)===d&&(((ve=W?.video)===null||ve===void 0?void 0:ve.url)||((_e=(De=W?.video)===null||De===void 0?void 0:De.imgUrls)===null||_e===void 0?void 0:_e.length))})||0;(N=U?.current)===null||N===void 0||N.swiper.slideTo(Q)},[d,U]),s.useEffect(()=>{const N=r?.[g],Q=()=>{var W,Z,ie,re,K,ne,pe,ve,De,_e,qe,Ye,Xe,Je,Ue;if(document.visibilityState==="hidden"){Re.emit(Ve.PAGE_DID_HIDE,N),He(N),We(N);let Le="";V&&(!((Z=(W=N?.video)===null||W===void 0?void 0:W.bindProducts)===null||Z===void 0)&&Z.length||!((ie=N?.video)===null||ie===void 0)&&ie.bindProduct)?Le="pdpPage":V&&o?.[(ne=(K=(re=N.video)===null||re===void 0?void 0:re.bindCta)===null||K===void 0?void 0:K.itemId)!==null&&ne!==void 0?ne:""].item.type==="Appoint"?Le="formPage":B?Le="hashTagPage":!((pe=N?.video)===null||pe===void 0)&&pe.url?Le="videoPage":!((ve=N?.video)===null||ve===void 0)&&ve.imgUrls&&(!((_e=(De=N?.video)===null||De===void 0?void 0:De.imgUrls)===null||_e===void 0)&&_e.length)?Le="imagePage":N?.product&&(Le="productPage"),C?.({eventInfo:{sessionDuration:Math.floor((new Date-x.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(qe=N?.video)===null||qe===void 0?void 0:qe.itemId,productId:(Ye=N?.product)===null||Ye===void 0?void 0:Ye.itemId,position:g+"",fromKName:Le,fromKPage:location?.href,ctatId:(Ue=(Je=(Xe=N.video)===null||Xe===void 0?void 0:Xe.bindCta)===null||Je===void 0?void 0:Je.itemId)!==null&&Ue!==void 0?Ue:""}})}else document.visibilityState==="visible"&&(te(),be(g),Re.emit(Ve.PAGE_DID_SHOW,N))};return document.addEventListener("visibilitychange",Q),()=>{document.removeEventListener("visibilitychange",Q)}},[g,C,x,r,te,V,B,o]);const de=s.useMemo(()=>{let N=0;return t?.logoUrl&&t?.isShowLogo&&(N+=45),m.length>0&&(N+=45),i-N},[t,i,m]),Ce=s.useMemo(()=>t?.logoUrl&&t?.isShowLogo?s.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},s.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Fe=s.useCallback((N,Q)=>{var W,Z,ie,re;return!((W=N.video)===null||W===void 0)&&W.url?s.createElement(As,{rec:N,index:Q,muted:T,data:r,height:de,activeIndex:g,videoPostConfig:t?.videoPost}):!((Z=N.video)===null||Z===void 0)&&Z.imgUrls?s.createElement(Ls,{key:N.video.itemId,imgUrls:N.video.imgUrls,width:n,height:de,rec:N,index:Q,onReportViewImageEnd:He,onViewImageStartEvent:be,imgUrlsPostConfig:t?.imgUrlsPost}):N.product&&Array.isArray(t?.productPost)&&((ie=t?.productPost)===null||ie===void 0?void 0:ie.length)>0?(re=t?.productPost)===null||re===void 0?void 0:re.map((K,ne)=>{var pe,ve,De,_e,qe,Ye,Xe,Je;const Ue=l[(pe=K?.item)===null||pe===void 0?void 0:pe.type],Le=xt(Ue),je=(ve=Ue?.extend)===null||ve===void 0?void 0:ve.defaulSetting;return s.createElement(Le,Object.assign({key:`${Q}${ne}`,textStyle:Object.assign(Object.assign({},je?.textStyle),(De=K?.item)===null||De===void 0?void 0:De.textStyle),bindDatas:(qe=(_e=K?.item)===null||_e===void 0?void 0:_e.bindDatas)!==null&&qe!==void 0?qe:[]},je?.props,(Ye=K?.item)===null||Ye===void 0?void 0:Ye.props,{event:((Xe=K?.item)===null||Xe===void 0?void 0:Xe.event)||{},schema:I,id:K?.id,viewTime:A.current,rec:N,isPost:!0,tipText:a,style:Object.assign(Object.assign(Object.assign({},je?.style),(Je=K?.item)===null||Je===void 0?void 0:Je.style),{height:"100%",overflow:"auto"}),index:Q}))}):null},[n,r,de,T,g,t?.productPost,A,a,l,I]),et=s.useCallback(N=>{Y(N)},[]),rt=s.useMemo(()=>F?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[F]),tt=s.useCallback((N,Q)=>{var W,Z,ie,re,K,ne,pe;return N.video?s.createElement(s.Fragment,null,((W=N.video)===null||W===void 0?void 0:W.title)&&!F&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Wi,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement($i,{rec:N,index:Q,tempMap:o,resolver:l})):null,s.createElement("div",null,s.createElement(St,{className:"clc-sxp-bottom-text",isPost:!0,foldText:a?.foldText,unfoldText:a?.unfoldText,text:(ie=(Z=N.video)===null||Z===void 0?void 0:Z.title)!==null&&ie!==void 0?ie:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:et}),s.createElement(Gi,{index:g,tags:(K=(re=N?.video)===null||re===void 0?void 0:re.hashTags)!==null&&K!==void 0?K:[],itemId:(ne=N?.video)===null||ne===void 0?void 0:ne.itemId,itemType:!((pe=N.video)===null||pe===void 0)&&pe.itemId?"VIDEO":null,rec:N,hashTagStyle:v})))):null},[e,g,o,l,a,c,v,t,et,F,rt]),at=s.useCallback((N,Q)=>{var W,Z;if(!t?.isShowLike)return;let ie=(W=t?.likeIconY)!==null&&W!==void 0?W:400;return $&&ie<40&&(ie+=40),N.video?s.createElement(Fi,{key:N.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:N.isCollected,recData:N,className:"clc-sxp-like-button",style:{top:ie,right:(Z=t?.likeIconX)!==null&&Z!==void 0?Z:0},position:Q}):null},[t,$]),He=N=>{var Q,W,Z,ie,re,K;if(!(!((Q=N.video)===null||Q===void 0)&&Q.url)&&(!((W=N.video)===null||W===void 0)&&W.imgUrls)){const ne=Date.now(),pe=(ne-O.current)/1e3;C?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ie=(Z=N.video)===null||Z===void 0?void 0:Z.itemId)!==null&&ie!==void 0?ie:"",contentName:(re=N.video.title)!==null&&re!==void 0?re:"",imageEndTime:`${ne}`,playDuration:`${pe}`,contentTags:JSON.stringify((K=N.video.tags)!==null&&K!==void 0?K:[]),position:g+"",contentFormat:"image",traceInfo:N.video.traceInfo}})}},dt=N=>{var Q,W,Z,ie,re,K,ne,pe;A.current=new Date;const ve=r[N.previousIndex];ve&&(N.previousIndex-N.activeIndex<0?(C?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(W=(Q=ve.video)===null||Q===void 0?void 0:Q.itemId)!==null&&W!==void 0?W:"",productId:(ie=(Z=ve.product)===null||Z===void 0?void 0:Z.itemId)!==null&&ie!==void 0?ie:"",requestId:null}}),He(ve)):(C?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(K=(re=ve.video)===null||re===void 0?void 0:re.itemId)!==null&&K!==void 0?K:"",productId:(pe=(ne=ve.product)===null||ne===void 0?void 0:ne.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),He(ve)),We(ve))},We=N=>{var Q,W,Z;!(!((Q=N?.video)===null||Q===void 0)&&Q.url)&&!(!((W=N?.video)===null||W===void 0)&&W.imgUrls)&&N?.product&&G(N,N.product,(Z=N?.product)===null||Z===void 0?void 0:Z.bindCta,A.current,g)};s.useEffect(()=>{const N=r[g];le&&We(N)},[le,r,g]);const be=N=>{var Q,W,Z,ie,re,K;const ne=r[N];if(!(!((Q=ne?.video)===null||Q===void 0)&&Q.url)&&(!((W=ne?.video)===null||W===void 0)&&W.imgUrls)){const pe=Date.now();O.current=pe,C?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ie=(Z=ne.video)===null||Z===void 0?void 0:Z.itemId)!==null&&ie!==void 0?ie:"",contentName:(re=ne.video.title)!==null&&re!==void 0?re:"",imageStartTime:`${pe}`,contentTags:JSON.stringify((K=ne.video.tags)!==null&&K!==void 0?K:[]),position:N+"",contentFormat:"image",traceInfo:ne.video.traceInfo}})}},it=s.useMemo(()=>{const N=r?.map((Q,W)=>g===W||W-1===g||W+1===g?Q:null);return $?N:N.concat([{loading:!0}])},[r,g,$]),nt=s.useMemo(()=>L?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:se,alt:"loading...",style:{objectFit:"contain"}})):it?.map((N,Q)=>s.createElement(Pe,{key:Q,virtualIndex:Q},N&&s.createElement(s.Fragment,null,N?.loading?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:se,alt:"loading...",style:{objectFit:"contain"}})):s.createElement(s.Fragment,null,Fe(N,Q),tt(N,Q),at(N,Q))))),[n,r,de,L,tt,Fe,it,se]),Zs=Se("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Rs=Se("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return s.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},$&&s.createElement(zi,{icon:Ns,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),Ce,s.createElement(qi,{tagList:m,setActiveIndex:D}),X?s.createElement(Ms,{imageUrl:t?.swipeTipIcon}):null,s.createElement($e,{ref:U,onActiveIndexChange:N=>{D(N.activeIndex),!le&&(dt(N),!$&&N?.activeIndex+2>=r?.length&&(j||(z(!0),H?.(Math.ceil(g/10)+1).then(()=>{z(!1)}))))},direction:"vertical",height:de},s.createElement(Hi,{style:{position:"fixed",right:(f=t?.muteIconX)!==null&&f!==void 0?f:0,visibility:!((b=(w=r?.[g])===null||w===void 0?void 0:w.video)===null||b===void 0)&&b.url?"visible":"hidden",bottom:(P=t?.muteIconY)!==null&&P!==void 0?P:23,zIndex:999},defaultValue:T,activeIcon:t?.unMuteIcon?t?.unMuteIcon:Zs,unactiveIcon:t?.muteIcon?t?.muteIcon:Rs,onChange:_}),nt),s.createElement(Vi,Object.assign({},(h=(y=(p=t?.hashTag)===null||p===void 0?void 0:p[0])===null||y===void 0?void 0:y.item)===null||h===void 0?void 0:h.props)))},Vs=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>s.createElement($e,{defaultValue:0,direction:"horizontal",modules:[ht,gt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(r=>s.createElement(Pe,{key:r},s.createElement(Ui,{src:r,height:i,imgUrlsPostConfig:n}))));var Fs=s.memo(Vs);const Hs=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,width:d})=>{const[a,c]=s.useState(!1),u=s.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:f,openHashtag:w}=oe(),b=s.useRef(0),[P,p]=s.useState(!1),[y,h]=s.useState(!0),I=s.useRef(null),[g,D]=s.useState("");s.useEffect(()=>{u.current&&(u.current.muted=o)},[o]);const O=s.useCallback(()=>{var C;(C=u.current)===null||C===void 0||C.play()},[]),E=Se("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=s.useCallback(()=>{var C,L,M,k,U,$,q,ee,le,se,B,V,G;c(!1);const X=n[e];if(X&&(!((C=u?.current)===null||C===void 0)&&C.duration)){b.current=((L=u?.current)===null||L===void 0?void 0:L.currentTime)||0;const te=((k=(M=u.current)===null||M===void 0?void 0:M.duration)!==null&&k!==void 0?k:0).toFixed(2),ue=(($=(U=u.current)===null||U===void 0?void 0:U.currentTime)!==null&&$!==void 0?$:0).toFixed(2),de=y?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&ee!==void 0?ee:"",contentName:(se=(le=X.video)===null||le===void 0?void 0:le.title)!==null&&se!==void 0?se:"",playType:de,startTime:ue,videoDuration:te,contentTags:JSON.stringify((V=(B=X.video)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[]),position:e+"",contentFormat:"video",traceInfo:(G=X.video)===null||G===void 0?void 0:G.traceInfo}}),h(!1)}},[v,n,e,y]),T=s.useCallback(()=>{p(!0)},[]),_=s.useCallback(C=>()=>{var L,M,k,U,$;if(!P)return;const q=(L=u.current)===null||L===void 0?void 0:L.paused;switch(C){case"start":if(!q)return;(M=u.current)===null||M===void 0||M.play(),c(!1);break;case"pause":if(q)return;(k=u.current)===null||k===void 0||k.pause(),c(!0);break;default:q?(U=u.current)===null||U===void 0||U.play():($=u.current)===null||$===void 0||$.pause(),c(!q);break}},[P]),x=s.useCallback(()=>{var C,L,M,k,U,$,q,ee,le,se,B,V,G;const X=n[e],te=((L=(C=u.current)===null||C===void 0?void 0:C.duration)!==null&&L!==void 0?L:0).toFixed(2),ue=((k=(M=u.current)===null||M===void 0?void 0:M.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!((U=u?.current)===null||U===void 0)&&U.duration){const de=((($=u?.current)===null||$===void 0?void 0:$.currentTime)-b.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&ee!==void 0?ee:"",contentName:(se=(le=X.video)===null||le===void 0?void 0:le.title)!==null&&se!==void 0?se:"",endTime:ue,videoDuration:te,playDuration:de,contentTags:JSON.stringify((V=(B=X.video)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[]),position:e+"",contentFormat:"video",traceInfo:(G=X.video)===null||G===void 0?void 0:G.traceInfo}})}},[n,e,v]),A=s.useMemo(()=>r?.mode==="2",[r]),j=s.useMemo(()=>{var C;return r?.mode==="2"?`translateY(-${50+((C=r?.offsetTop)!==null&&C!==void 0?C:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),z=s.useMemo(()=>{var C;return((C=t?.video)===null||C===void 0?void 0:C.cover)||g},[g,t]),F=s.useCallback(()=>{if(!I||!u||!u.current||!I.current)return;const C=u?.current,L=I?.current,M=L.getContext("2d"),k=window?.innerWidth,U=window?.innerHeight;L.height=U,L.width=k,M?.drawImage(C,0,0,L.width,L.height),D(L.toDataURL())},[]);s.useEffect(()=>{var C,L,M,k;if(u.current){if(c(!1),!u.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(ii.isSupported()){const $=new ii;$.loadSource(U),$.attachMedia(u.current)}else u.current.canPlayType("application/vnd.apple.mpegurl"),u.current.src=U;else u.current.src=U;u.current.setAttribute("x5-playsinline","true"),u.current.setAttribute("webkit-playsinline","true")}return(C=u.current)===null||C===void 0||C.addEventListener("loadedmetadata",T),(L=u.current)===null||L===void 0||L.addEventListener("canplay",T),(M=u.current)===null||M===void 0||M.addEventListener("playing",S),(k=u.current)===null||k===void 0||k.addEventListener("loadeddata",F),()=>{var U,$,q,ee;(U=u.current)===null||U===void 0||U.removeEventListener("loadedmetadata",T),($=u.current)===null||$===void 0||$.removeEventListener("canplay",T),(q=u.current)===null||q===void 0||q.removeEventListener("playing",S),(ee=u.current)===null||ee===void 0||ee.removeEventListener("loadeddata",F)}}},[T,S,t.video,F]);const Y=s.useMemo(()=>!m?.placeholder_image||P?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image}),[P,m?.placeholder_image]);s.useEffect(()=>{const C=()=>{var L,M;l===e&&(!((L=t?.video)===null||L===void 0)&&L.url)&&(!((M=u?.current)===null||M===void 0)&&M.src)&&!a&&_("pause")()};return window.addEventListener("beforeunload",C),()=>{window.removeEventListener("beforeunload",C)}},[l,e,t,u,_,a]);const H=s.useMemo(()=>A?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[A]);return t.video?s.createElement(s.Fragment,null,A?s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:d,height:i,overflow:"hidden"}},s.createElement(xe,{src:z,style:Object.assign({height:i,width:d,objectFit:"cover"},H)}),s.createElement("canvas",{ref:I,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:d,height:i,top:"50%",transform:j,left:0,right:0}},s.createElement("div",{style:{position:"relative",width:d,height:"100%"}},s.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),s.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:E}))),Y):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:d,height:i,overflow:"hidden"}},s.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:O}),Y,s.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:E}))):null};var Us=s.memo(Hs);const Rt={};Object.values(Qt).forEach(t=>{Rt[t.extend.type]=t});const Gs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",$s="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Ws=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:r,containerHeight:d=664,containerWidth:a=375,appDomain:c,tagList:u=[]})=>{const v=s.useMemo(()=>{let D=0;return e?.logoUrl&&e?.isShowLogo&&(D+=45),u.length>0&&(D+=45),d-D},[e,d,u]),m=(D,O)=>{var E,S,T,_;if(!((E=D.video)===null||E===void 0)&&E.url)return s.createElement(Us,{rec:D,index:O,muted:!0,width:a,data:t??[],height:v,activeIndex:O,videoPostConfig:e?.videoPost});if(!((S=D.video)===null||S===void 0)&&S.imgUrls)return s.createElement(Fs,{key:D.video.itemId,imgUrls:D.video.imgUrls,width:a,height:v,rec:D,index:O,imgUrlsPostConfig:e?.imgUrlsPost});if(D.product&&D.product&&Array.isArray(e?.productPost)&&((T=e?.productPost)===null||T===void 0?void 0:T.length)>0)return(_=e?.productPost)===null||_===void 0?void 0:_.map((x,A)=>{var j,z,F,Y,H,C,L,M;const k=Rt[(j=x?.item)===null||j===void 0?void 0:j.type],U=xt(k),$=(z=k?.extend)===null||z===void 0?void 0:z.defaulSetting;return s.createElement(U,Object.assign({key:`${O}${A}`,textStyle:Object.assign(Object.assign({},$?.textStyle),(F=x?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(H=(Y=x?.item)===null||Y===void 0?void 0:Y.bindDatas)!==null&&H!==void 0?H:[]},$?.props,(C=x?.item)===null||C===void 0?void 0:C.props,{event:((L=x?.item)===null||L===void 0?void 0:L.event)||{},id:x?.id,rec:D,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},$?.style),(M=x?.item)===null||M===void 0?void 0:M.style),{width:a,height:v,overflow:"auto"}),index:O}))})},f=s.useMemo(()=>e?.logoUrl&&e?.isShowLogo?s.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},s.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),w=(D,O)=>e?.isShowCTA===void 0||e?.isShowCTA?s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement($i,{rec:D,index:O,tempMap:o,resolver:Rt})):null,b=(D,O)=>{var E,S,T,_,x,A,j;return D.video?s.createElement(s.Fragment,null,((E=D.video)===null||E===void 0?void 0:E.title)&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Wi,{nudge:n}),w(D,O),s.createElement("div",null,s.createElement(St,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(T=(S=D.video)===null||S===void 0?void 0:S.title)!==null&&T!==void 0?T:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),s.createElement(Gi,{index:O,tags:(x=(_=D?.video)===null||_===void 0?void 0:_.hashTags)!==null&&x!==void 0?x:[],itemId:(A=D?.video)===null||A===void 0?void 0:A.itemId,itemType:!((j=D.video)===null||j===void 0)&&j.itemId?"VIDEO":null,rec:D,hashTagStyle:r}))):null},P=Se($s,c),p=Se(Gs,c),y=(D,O)=>{var E,S,T,_;if(!e?.isShowLike)return;let x=(E=e?.likeIconY)!==null&&E!==void 0?E:400;return x<40&&(x+=40),D.video?s.createElement(Fi,{key:D.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:P,unActicveIcon:(T=e?.unlikeIcon)!==null&&T!==void 0?T:p,position:O,active:D.isCollected,recData:D,className:"clc-sxp-like-button",style:{top:x,right:(_=e?.likeIconX)!==null&&_!==void 0?_:0}}):null},h=Se("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),I=Se("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),g=(D,O)=>{var E,S,T,_;return s.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},f,s.createElement(qi,{tagList:u}),s.createElement(Hi,{style:{position:"absolute",right:(E=e?.muteIconX)!==null&&E!==void 0?E:0,visibility:!((T=(S=t?.[O])===null||S===void 0?void 0:S.video)===null||T===void 0)&&T.url?"visible":"hidden",bottom:(_=e?.muteIconY)!==null&&_!==void 0?_:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:h,unactiveIcon:e?.muteIcon?e?.muteIcon:I}),m(D,O),b(D,O),y(D,O))};return s.createElement("div",{style:{width:"100%",height:d,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none"}},t?.map((D,O)=>g(D,O)))};var qs=s.memo(Ws);const Ys=()=>{const{schema:t,resolver:e,popup:i}=Me(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=oe(),{productView:r}=Oe(),[d,a]=s.useState(),c=s.useRef(null);s.useEffect(()=>{const m=()=>{c.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),s.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,a(i))},[i]);const u=()=>{var m,f,w,b;if(!i||i?.id===""||!d||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;a(Object.assign(Object.assign({},i),{id:""}));const P=o,p=(f=P?.video)===null||f===void 0?void 0:f.bindProduct,y=(b=(w=P?.video)===null||w===void 0?void 0:w.bindProduct)===null||b===void 0?void 0:b.bindCta;p&&y&&r(P,p,y,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=s.useMemo(()=>{var m,f,w;return(w=(f=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||f===void 0?void 0:f.popupList)===null||w===void 0?void 0:w.map((b,P)=>{var p,y,h,I,g,D,O,E;if(b?.id===i?.id){const S=e[(p=b?.item)===null||p===void 0?void 0:p.type],T=xt(S),_=(y=S?.extend)===null||y===void 0?void 0:y.defaulSetting;return s.createElement(T,Object.assign({key:P,style:Object.assign(Object.assign(Object.assign({},_?.style),(h=b?.item)===null||h===void 0?void 0:h.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},_?.textStyle),(I=b?.item)===null||I===void 0?void 0:I.textStyle),bindDatas:(D=(g=b?.item)===null||g===void 0?void 0:g.bindDatas)!==null&&D!==void 0?D:[]},_?.props,(O=b?.item)===null||O===void 0?void 0:O.props,{event:((E=b?.item)===null||E===void 0?void 0:E.event)||{},schema:t,id:b?.id}))}else return s.createElement(s.Fragment,null)})},[t,i,e]);return s.createElement(wt,{popup:d,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},ei={};Object.values(Qt).forEach(t=>{ei[t.extend.type]=t});const Xs=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l})=>{var r,d,a,c,u,v;const m=s.useMemo(()=>{var f;return location?.search?(f=location?.search)===null||f===void 0?void 0:f.replace("?",""):""},[]);return s.createElement(mi,{resolver:ei,enableDataSource:!1,schema:t?.data,utmVal:m},s.createElement(ui,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(d=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&d!==void 0?d:e,defaultSize:(c=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.default_recommend)!==null&&c!==void 0?c:i,hashTagSize:(v=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.hash_tag_size)!==null&&v!==void 0?v:n,loadingImage:o,appDomain:l,render:({rtcList:f,tagList:w})=>{var b;return s.createElement(s.Fragment,null,s.createElement(Yi,Object.assign({},(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf,{tagList:w,data:f,resolver:ei})),s.createElement(Ys,null))}}))};var Js=s.memo(Xs);const Xi=s.createContext({}),Ks=({children:t,data:e})=>{var i,n,o,l,r,d;const[a,c]=s.useState(!1);return s.createElement(Xi.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.hash_tag_size,loadingImage:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.loading_image},appDomain:e?.appDomain,openHashtag:a,setOpenHashtag:c}},t)};function Qs(){return s.useContext(Xi)}ae.DiyPortalPreview=qs,ae.EditorDataProvider=Ks,ae.Modal=wt,ae.SxpDataSourceProvider=ui,ae.SxpPageCore=Js,ae.SxpPageRender=Yi,ae.core=yn,ae.default=an,ae.defaultSetting=Sn,ae.materials=Qt,ae.useEditorDataProvider=Qs,Object.defineProperty(ae,"__esModule",{value:!0})});
|
7
|
-
//# sourceMappingURL=pb-ui.min.js.map
|
5
|
+
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:w?.info})))},de=()=>{var N;return a.createElement(a.Fragment,null,(y||P?.link)&&a.createElement("button",{onClick:q,className:"pb-commondity-btn",style:A},(N=z?.enTitle)!==null&&N!==void 0?N:"Purchase on Website"))};return a.createElement("div",{className:"pb-commondity"},a.createElement("div",Object.assign({className:W.css(Object.assign({},c))},I),P&&((l=P?.homePage)===null||l===void 0?void 0:l.length)>0&&a.createElement(Ke,{height:Z,modules:[Pt,_t],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:S?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:S?.delay*1e3}},(r=P?.homePage)===null||r===void 0?void 0:r.map(N=>a.createElement(_e,{key:N},a.createElement("div",{style:{overflow:"hidden",width:Z,height:Z}},a.createElement(Ee,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:N}))))),!(!((s=P?.homePage)===null||s===void 0)&&s.length)&&a.createElement("div",{className:W.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},a.createElement("img",{className:W.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(d=T?.bottom_image)!==null&&d!==void 0?d:g,alt:""})),a.createElement("div",{className:"pb-commondity-content"},te({isPost:p}))),de(),a.createElement(gt,{visible:$,onClose:()=>V(!1)},a.createElement("div",{style:{paddingBottom:"80px"}},te({isPost:!1})),de()))};var il=a.memo(tl);const nl=ye(il,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:bn},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000"},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var ol=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ll=[{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"]}],Oi="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 sl=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}},rl=t=>{var{content:e,btnText:i,style:n,icon:o,onClick:l}=t,r=pe(t,["content","btnText","style","icon","onClick"]);const s=typeof o=="string"?o:sl(o),d=()=>{window?.sxpPopup(""),l?.()};return a.createElement("div",Object.assign({className:`pb-prompt ${W.css(Object.assign({},n))}`},r),a.createElement("div",{className:"pb-prompt-icon"},a.createElement("img",{width:"100%",src:s??Oi})),a.createElement("div",{className:"pb-prompt-content"},e),a.createElement("button",{className:"pb-prompt-btn",onClick:d},i))};var al=a.memo(rl);const dl=ye(al,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:ll,bindableProps:[],interactionRender:ol},defaulSetting:{props:{icon:Oi,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var Gt,Wt,cl=[{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"}]},{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:K,name:["fontFamily"],initialValue:(Gt=K?.[0])===null||Gt===void 0?void 0:Gt.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:K,initialValue:(Wt=K?.[0])===null||Wt===void 0?void 0:Wt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const ul=t=>{var e,i,n,o,l,r,s,d,u,c,f,{style:v,isDefault:m,rec:y,viewTime:g,isPost:C,bottom_image:p,tipText:b,swiper:h,commodityStyles:S,buttonStyle:w,index:A}=t,M=pe(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);a.useState(!0);const{sxpParameter:I}=ne(),{popupDetailData:T,bffEventReport:x,isPreview:k,swiperRef:E,waterFallData:D}=ne(),{jumpToWeb:_,productView:B}=Me(),H=a.useRef(null);a.useRef(null),a.useRef(null),a.useState(!1),a.useState(!1),a.useState(!0);const[$,V]=a.useState(!1),L=a.useRef(null),P=C?y:T,z=C?P?.product:(e=P?.video)===null||e===void 0?void 0:e.bindProduct,j=C?(i=P?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=P?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,q=C?A:T?.index,oe=()=>{z?.link&&(_(P,z,j,q),C||B(P,z,j,g||L.current,q),window.location.href=window.getJointUtmLink(z.link))};a.useEffect(()=>{const N=()=>{L.current=new Date};return N(),window.addEventListener("pageshow",N),()=>{window.removeEventListener("pageshow",N)}},[]);const Z=a.useMemo(()=>{var N,F,G,Q,ie;return z?.currency&&z?.price?`${(G=(F=(N=z?.currency)===null||N===void 0?void 0:N.split("-")[1])===null||F===void 0?void 0:F.toUpperCase())!==null&&G!==void 0?G:""}${(ie=(Q=z?.price)===null||Q===void 0?void 0:Q.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&ie!==void 0?ie:""}`:"\xA3102,300.00"},[z?.price,z?.currency]),te=k?375:window.innerWidth,de=({isPost:N})=>a.createElement("div",{hidden:!!z&&(!z?.info||z?.info==="")},a.createElement(Ut,{isPost:N,onClick:()=>V(!0),className:"pb-commondityDiroNew-info",style:S?.info,foldText:b?.foldText,unfoldText:b?.unfoldText,text:z?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
+
Made in Italy`}));return a.createElement("div",{className:"pb-commondityDiroNew"},a.createElement("div",Object.assign({ref:H,className:W.css(Object.assign({},v))},M),z&&((l=z?.homePage)===null||l===void 0?void 0:l.length)>0&&a.createElement(Ke,{height:te,modules:[Pt,_t],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:h?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:h?.delay*1e3}},(r=z?.homePage)===null||r===void 0?void 0:r.map(N=>a.createElement(_e,{key:N},a.createElement("div",{style:{overflow:"hidden",width:te,height:te}},a.createElement(Ee,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:N}))))),!(!((s=z?.homePage)===null||s===void 0)&&s.length)&&a.createElement("div",{className:W.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},a.createElement("img",{className:W.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(d=I?.bottom_image)!==null&&d!==void 0?d:p,alt:""})),a.createElement("div",{className:"pb-commondityDiroNew-content"},a.createElement("div",{className:"pb-commondityDiroNew-content-top"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:S?.title},(u=z?.title)!==null&&u!==void 0?u:"Large Dior Toujours Bag"),a.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!z&&(!z?.collection||z?.collection===""),style:S?.collection},z?.collection||"Black Macrocannage Calfskin")),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!z&&!z?.price,style:S?.price},Z),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!z&&!z?.taxInfo,style:S?.taxInfo},(c=z?.taxInfo)!==null&&c!==void 0?c:"\u7A0E\u8D39"))),(!z||z?.link)&&a.createElement("button",{onClick:oe,className:"pb-commondityDiroNew-btn",style:w},(f=j?.enTitle)!==null&&f!==void 0?f:"Shop now"),de({isPost:C}))),a.createElement(gt,{visible:$,onClose:()=>V(!1)},de({isPost:!1})))};var pl=a.memo(ul);const fl=ye(pl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:cl},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 $t,qt,Te=[{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"]}]},{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:K,name:["props","ctaTempStyles","title","fontFamily"],initialValue:($t=K?.[0])===null||$t===void 0?void 0:$t.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:K,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(qt=K?.[0])===null||qt===void 0?void 0:qt.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"]}]}],ml=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Li(t){const e=a.useRef(null),[i,n]=a.useState(!1);return a.useEffect(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),a.useEffect(()=>{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 vl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:r=!1,index:s}=t;pe(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=a.useRef(null),u=Li(d),{popup:c}=Pe(),{setPopupDetailData:f,ctaEvent:v}=ne(),{jumpToWeb:m}=Me();a.useEffect(()=>{var g,C;if(u&&d?.current){const p=(C=(g=e?.video)===null||g===void 0?void 0:g.bindProduct)!==null&&C!==void 0?C:e?.video;v?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,s)}},[u,d,e,v,s]);const y=re.throttle(()=>{var g,C,p,b,h,S,w,A,M,I;const T=(C=(g=e?.video)===null||g===void 0?void 0:g.bindProduct)!==null&&C!==void 0?C:e?.video;if(v?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,T,s),f?.(Object.assign(Object.assign({},e),{index:s})),r){if(!((b=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||b===void 0)&&b.link){const x=(h=e?.video)===null||h===void 0?void 0:h.bindCta,k=(S=e?.video)===null||S===void 0?void 0:S.bindProduct;m(e,k,x,s),window.location.href=(A=(w=e?.video)===null||w===void 0?void 0:w.bindProduct)===null||A===void 0?void 0:A.link,window.location.href=window.getJointUtmLink((I=(M=e?.video)===null||M===void 0?void 0:M.bindProduct)===null||I===void 0?void 0:I.link)}}else o?.()},c?.duration);return a.createElement("div",{ref:d,className:n,style:l,onClick:y},i)};var st=a.memo(vl),hl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const gl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:f,bottom_image:v,ctaTempStyles:m,isExternalLink:y}=t,g=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:C}=ne(),p=(e=f?.video)===null||e===void 0?void 0:e.bindProduct,b=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:C?.bottom_image)!==null&&o!==void 0?o:v;return a.createElement(st,Object.assign({isExternalLink:y,rec:f,className:W.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ee,{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:b})),a.createElement("div",{className:W.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:hl["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:W.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var bl=a.memo(gl);const yl=ye(bl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:ml,bindableProps:[],settingRender:Te},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 wl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Sl=t=>{var e,i,n,o,{content:l,style:r,bgImg:s,recData:d,bottom_image:u,ctaTempStyles:c,isExternalLink:f}=t,v=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:m}=ne(),y=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return a.createElement(st,Object.assign({isExternalLink:f,rec:d,className:W.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},v),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},a.createElement("img",{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=y?.icon)!==null&&i!==void 0?i:m?.bottom_image)!==null&&n!==void 0?n:u,alt:""})),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},c?.ctaTitle))},(o=y?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var Tl=a.memo(Sl);const xl=ye(Tl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:wl,settingRender:Te?.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 El={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Cl=t=>{var e,i,n,o,l,{content:r,style:s,bgImg:d,recData:u,bottom_image:c,ctaTempStyles:f,index:v}=t,m=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:y,bffEventReport:g}=ne(),{jumpToWeb:C}=Me(),p=(e=u?.video)===null||e===void 0?void 0:e.bindCta,b=(i=u?.video)===null||i===void 0?void 0:i.bindProduct,h=()=>{p?.link&&(C(u,b,p,v),window.location.href=window.getJointUtmLink(p.link))};return a.createElement(st,Object.assign({index:v,rec:u,className:W.css(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},m,{onClick:h}),a.createElement("div",{className:W.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},f?.img))},a.createElement(Ee,{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=p?.icon)!==null&&n!==void 0?n:y?.bottom_image)!==null&&o!==void 0?o:c})),a.createElement("div",{className:W.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:El["tow-line-ellipsis"],style:f?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var Il=a.memo(Cl);const Dl=ye(Il,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Te?.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 kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Al={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Pl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:f,bottom_image:v,ctaTempStyles:m,isExternalLink:y}=t,g=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:C}=ne(),p=(e=f?.video)===null||e===void 0?void 0:e.bindProduct,b=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:C?.bottom_image)!==null&&o!==void 0?o:v;return a.createElement(st,Object.assign({isExternalLink:y,rec:f,className:W.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ee,{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:b})),a.createElement("div",{className:W.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Al["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:W.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var _l=a.memo(Pl);const Ml=ye(_l,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:kl,settingRender:Te,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 Ol=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ll={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const jl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:f,bottom_image:v,ctaTempStyles:m,isExternalLink:y}=t,g=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:C}=ne(),p=(e=f?.video)===null||e===void 0?void 0:e.bindProduct,b=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:C?.bottom_image)!==null&&o!==void 0?o:v;return a.createElement(st,Object.assign({isExternalLink:y,rec:f,className:W.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ee,{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:b})),a.createElement("div",{className:W.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Ll["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:W.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop now")))};var Nl=a.memo(jl);const Bl=ye(Nl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:Ol,bindableProps:[],settingRender:Te},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 zl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Vl=({children:t,isPadding:e=!0})=>a.createElement(Ke,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[An,kn,Dn],style:{padding:e?"0 12px 0 20px":0}},t);var bt=a.memo(Vl);const Fl=({src:t,rec:e,item:i,index:n})=>{const o=a.useRef(null),l=Li(o),{ctaEvent:r}=ne();return a.useEffect(()=>{l&&t&&o?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,r,i,n]),a.createElement("div",{ref:o,hidden:!t,className:W.css({width:"100%",height:"100%"})},a.createElement(Ee,{className:W.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:t}))};var Yt=a.memo(Fl),Hl={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Ul=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:f}=t,v=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:m,setPopupDetailData:y,sxpParameter:g}=ne(),{popup:C}=Pe(),{jumpToWeb:p}=Me(),[b,h]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),S=re.throttle(w=>{m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,w,f),y?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:w}),index:f})),c?w?.link&&(p(r,w,w.bindCta,f),window.location.href=window.getJointUtmLink(w.link)):s?.()},C?.duration);return a.createElement(bt,{isPadding:!!r},b?.map(w=>{var A,M,I,T,x,k;return a.createElement(_e,Object.assign({hidden:r&&!w?.bindCta,key:w?.itemId,className:W.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},v,{onClick:()=>S(w)}),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Yt,{src:(I=(M=(A=w?.homePage)===null||A===void 0?void 0:A[0])!==null&&M!==void 0?M:g?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:w,index:f})),a.createElement("div",{className:W.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Hl["two-line-ellipsis"],style:u?.title},(T=w?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:W.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(k=(x=w?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var Gl=a.memo(Ul);const Wl=ye(Gl,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:zl,bindableProps:[],settingRender:Te},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 $l=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ql={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Yl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:f}=t,v=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:m}=ne(),{ctaEvent:y,setPopupDetailData:g}=ne(),{popup:C}=Pe(),[p,b]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:h}=Me(),S=re.throttle(w=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,w,f),g?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:w}),index:f})),c?w?.link&&(h(r,w,w.bindCta,f),window.location.href=window.getJointUtmLink(w.link)):s?.()},C?.duration);return a.createElement(bt,{isPadding:!!r},p?.map(w=>{var A,M,I,T,x,k;return a.createElement(_e,Object.assign({hidden:r&&!w?.bindCta,key:w.itemId,className:W.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},v,{onClick:()=>S(w)}),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Yt,{src:(I=(M=(A=w?.homePage)===null||A===void 0?void 0:A[0])!==null&&M!==void 0?M:m?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:w,index:f})),a.createElement("div",{className:W.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:ql["two-line-ellipsis"],style:u?.title},(T=w?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:W.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(k=(x=w?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var Xl=a.memo(Yl);const Jl=ye(Xl,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:$l,settingRender:Te,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 Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ql={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Zl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:f}=t,v=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:m,setPopupDetailData:y,sxpParameter:g}=ne(),{popup:C}=Pe(),{jumpToWeb:p}=Me(),[b,h]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),S=re.throttle(w=>{m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,w,f),y?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:w}),index:f})),c?w?.link&&(p(r,w,w.bindCta,f),window.location.href=window.getJointUtmLink(w.link)):s?.()},C?.duration);return a.createElement(bt,{isPadding:!!r},b?.map(w=>{var A,M,I,T,x,k;return a.createElement(_e,Object.assign({hidden:r&&!w?.bindCta,key:w?.itemId,className:W.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},v,{onClick:()=>S(w)}),a.createElement("div",{className:W.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Yt,{src:(I=(M=(A=w?.homePage)===null||A===void 0?void 0:A[0])!==null&&M!==void 0?M:g?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:w,index:f})),a.createElement("div",{className:W.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},a.createElement("div",{className:Ql["tow-line-ellipsis"],style:u?.title},(T=w?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:W.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(k=(x=w?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&k!==void 0?k:"Shop now")))}))};var Rl=a.memo(Zl);const es=ye(Rl,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Kl,bindableProps:[],settingRender:Te},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 Xt,Jt,ts=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u6587\u672C\u884C\u6570",name:["props","lineClamp"]},{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"\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:K,name:["fontFamily"],initialValue:(Xt=K?.[0])===null||Xt===void 0?void 0:Xt.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:"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:K,initialValue:(Jt=K?.[0])===null||Jt===void 0?void 0:Jt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const is=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:r}=ne();return a.createElement("div",{className:"clc-sxp-nav",style:e},a.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),a.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var ji=a.memo(is),ns=null,os="3d989325-e7d6-4a74-8a97-98febdf5b567",ls=null,ss=null,rs={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},as=[{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}],ds="Handbags",cs={productUserId:ns,requestId:os,channel:ls,rtc:ss,tag:rs,recList:as,hashTag:ds};const us=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:r}=t,{swiperRef:s,setRtcList:d,setOpenHashtag:u,bffEventReport:c,sxpParameter:f}=ne(),[v,m]=a.useState(!1),y=a.useRef(null),g=a.useRef(null),C=a.useRef(null),p=a.useRef(null),[b,h]=a.useState(""),S=a.useMemo(()=>{var T,x,k,E,D,_,B,H,$,V,L,P;return!((T=e?.video)===null||T===void 0)&&T.cover?(x=e?.video)===null||x===void 0?void 0:x.cover:!((k=e?.video)===null||k===void 0)&&k.url?(m(!0),(E=e?.video)===null||E===void 0?void 0:E.url):!((_=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||_===void 0)&&_.length?(H=(B=e?.video)===null||B===void 0?void 0:B.imgUrls)===null||H===void 0?void 0:H[0]:!((V=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||V===void 0)&&V.length?(P=(L=e?.product)===null||L===void 0?void 0:L.homePage)===null||P===void 0?void 0:P[0]:f?.bottom_image||""},[e,f?.bottom_image]),w=a.useMemo(()=>{var T,x;return((T=e?.product)===null||T===void 0?void 0:T.title)||((x=e?.video)===null||x===void 0?void 0:x.title)||null},[e]),A=a.useMemo(()=>{var T,x,k,E,D,_,B,H,$;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((x=e?.product)===null||x===void 0)&&x.price)?`${(_=(D=(E=(k=e?.product)===null||k===void 0?void 0:k.currency)===null||E===void 0?void 0:E.split("-")[1])===null||D===void 0?void 0:D.toUpperCase())!==null&&_!==void 0?_:""}${($=(H=(B=e?.product)===null||B===void 0?void 0:B.price)===null||H===void 0?void 0:H.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);a.useEffect(()=>{const T=new IntersectionObserver(x=>{x.forEach(k=>{if(k.isIntersecting){if(g.current===null||S==="")return;v&&b?y.current.setSrc(b):y.current.setSrc(S),T.unobserve(g.current)}})});return T.observe(g.current),()=>{T.disconnect()}},[S,v,b]);const M=(T,x,k)=>{const E=T/x;return k/E};a.useEffect(()=>{const T=C?.current;T===null||S===""||!v||(T.src=S,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const x=p?.current;if(!x)return;const k=x.getContext("2d"),E=window?.innerWidth/2,D=M(T.videoWidth,T.videoHeight,E);x.height=D,x.width=E,k?.drawImage(T,0,0,x.width,x.height),h(x.toDataURL()),T.remove(),x.remove()})},[S,v]);const I=()=>{o(),d?.(n),setTimeout(()=>{var T;(T=s?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),u?.(!1)},0)};return a.createElement("div",{ref:g,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:r}},a.createElement("div",{className:"list-content-listItem-picture"},v&&a.createElement("div",{style:{display:"none"}},a.createElement("video",{ref:C,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),a.createElement("canvas",{ref:p})),a.createElement(Ee,{loading:"lazy",className:"list-content-listItem-picture-img",ref:y})),a.createElement("div",{className:"list-content-listItem-info"},a.createElement("div",{className:`list-content-listItem-info-title ${A?"list-content-listItem-info-nowrap":""}`,style:l?.title},w&&w),a.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!A},A)))};function ps(t){var e,i,n,o,l,r,s,{reportTagsView:d}=t,u=pe(t,["reportTagsView"]);const{waterFallData:c,getRecommendVideos:f,hashTagSize:v,loadingImage:m,isOpenHashTag:y}=ne(),[g,C]=a.useState(),[p,b]=a.useState(),[h,S]=a.useState(!1),w=a.useRef(null),[A,M]=a.useState(!1);a.useCallback(()=>{A||(M(!0),c&&f?.({hashTag:c?.hashTag,"itemFilter.itemId":c?.itemId,"itemFilter.itemType":c?.itemType}).then(T=>{var x;C(g?.concat((x=T?.recList)!==null&&x!==void 0?x:[])),M(!1)}))},[c,f,g,A]),a.useEffect(()=>{var T,x;if(S(!0),c&&f?.({hashTag:c?.hashTag,"itemFilter.itemId":c?.itemId,"itemFilter.itemType":c?.itemType,defaultSize:v}).then(k=>{var E,D;b(k),C((D=(E=k?.recList)===null||E===void 0?void 0:E.filter(_=>_?.video!==null||_?.product!==null))!==null&&D!==void 0?D:[]),S(!1)}),y){const k=cs;b(k),C((x=(T=k?.recList)===null||T===void 0?void 0:T.filter(E=>E?.video!==null||E?.product!==null))!==null&&x!==void 0?x:[]),S(!1)}},[c,f,v,y]);const I=()=>{var T,x;!((T=p?.tag)===null||T===void 0)&&T.link&&(d(),window.location.href=(x=p?.tag)===null||x===void 0?void 0:x.link)};return a.createElement(a.Fragment,null,h?a.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:m,alt:"loading...",style:{objectFit:"contain"}})):a.createElement("div",{className:"list"},a.createElement("div",{className:"list-scroll",ref:w,style:{bottom:!((e=p?.tag)===null||e===void 0)&&e.link?"100px":0}},a.createElement("div",{className:"list-info",style:(i=u?.textStyles)===null||i===void 0?void 0:i.hashTagDesc},(n=p?.tag)===null||n===void 0?void 0:n.info),a.createElement("div",{hidden:!(!((o=p?.tag)===null||o===void 0)&&o.link),className:"list-collection",onClick:I,style:{marginBottom:u?.space}},((l=p?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),a.createElement("div",{className:"list-content"},g?.map((T,x)=>a.createElement(us,Object.assign({key:x,index:x,rec:T,list:g,reportTagsView:d},u)))),a.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading...")),a.createElement("div",{className:"list-bottom",hidden:!(!((r=p?.tag)===null||r===void 0)&&r.link)},a.createElement("button",{className:"list-bottom-btn",style:u?.buttonStyle,onClick:I},((s=p?.tag)===null||s===void 0?void 0:s.linkTitle)||"Shop the collection"))))}var fs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const ms=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:r,cacheRtcList:s,setRtcList:d,cacheActiveIndex:u,rtcList:c,setCacheRtcList:f,setIsFromHashtag:v,isFromHashtag:m,bffEventReport:y}=ne();a.useRef(null);const g=a.useRef(null),[C,p]=a.useState();a.useEffect(()=>{const A=document.getElementById("sxp-render"),M=document.getElementById("water-fall");M?g.current=M:(g.current=document.createElement("div"),g.current.setAttribute("id","water-fall"),A?.appendChild(g.current))},[]);const b=()=>{const A=re.isEqual(c,s);!A&&s&&s?.length&&d?.(s),w(),r?.(void 0),v?.(!1),setTimeout(()=>{var M,I;A||(I=(M=l?.current)===null||M===void 0?void 0:M.swiper)===null||I===void 0||I.slideTo(u,0,!1),n?.(!1)},0)},[h,S]=a.useState();a.useEffect(()=>{i&&S(i)},[i]);const w=a.useCallback(()=>{var A,M,I,T,x,k;const E=h?.rec;if(!E)return;let D="";m?D="hashTagPage":!((A=E?.video)===null||A===void 0)&&A.url?D="videoPage":!((I=(M=E?.video)===null||M===void 0?void 0:M.imgUrls)===null||I===void 0)&&I.length&&(D="imagePage"),y?.({eventInfo:{relatedContentId:(T=E?.video)===null||T===void 0?void 0:T.itemId,position:u+"",contentTags:JSON.stringify((x=E?.video)===null||x===void 0?void 0:x.tags),traceInfo:(k=E?.video)===null||k===void 0?void 0:k.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:D,fromKPage:location?.href,timeOnSite:Math.floor((new Date-C)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,y,C,m,u]);return a.useEffect(()=>{o&&p(new Date)},[o]),a.useEffect(()=>{const A=()=>{p(new Date)};return window.addEventListener("pageshow",A),()=>{window.removeEventListener("pageshow",A)}},[]),g.current?ei.createPortal(a.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},a.createElement(ji,{icon:fs,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:b}),a.createElement(ps,Object.assign({reportTagsView:w},t))),g.current):null};var Ni=a.memo(ms);const vs=t=>a.createElement(Ni,Object.assign({},t));var hs=a.memo(vs);const gs=ye(hs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:ts,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},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}}},w:100,h:40,sort:2});var Bi=Object.freeze({__proto__:null,Appoint:xl,AppointForm:gn,Commodity:yl,CommodityDetail:nl,CommodityDetailDiroNew:fl,CommodityDiro:Ml,CommodityDiroNew:Bl,HashTag:gs,Link:Dl,MultiCommodity:Jl,MultiCommodityDiro:Wl,MultiCommodityDiroNew:es,Prompt:dl});const bs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ys="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ws=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,r=pe(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:d,bffEventReport:u}=ne(),[c,f]=a.useState(e),v=Fe(ys),m=Fe(bs),y=re.debounce(()=>ge(void 0,void 0,void 0,function*(){var g,C,p,b,h,S,w,A,M,I,T,x,k,E,D,_,B,H,$,V;if(c){f(!1);const L=(p=yield d?.({videoItemId:(C=(g=o.video)===null||g===void 0?void 0:g.itemId)!==null&&C!==void 0?C:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(h=(b=o.video)===null||b===void 0?void 0:b.itemId)!==null&&h!==void 0?h:"",contentName:(w=(S=o.video)===null||S===void 0?void 0:S.title)!==null&&w!==void 0?w:"",contentTags:JSON.stringify((M=(A=o.video)===null||A===void 0?void 0:A.tags)!==null&&M!==void 0?M:[]),position:l+"",contentFormat:!((I=o.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(T=o.video)===null||T===void 0?void 0:T.traceInfo}}),L||f(!0)}else{f(!0);const L=(x=yield s?.({content:JSON.stringify(o)}))!==null&&x!==void 0?x:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(E=(k=o.video)===null||k===void 0?void 0:k.itemId)!==null&&E!==void 0?E:"",contentName:(_=(D=o.video)===null||D===void 0?void 0:D.title)!==null&&_!==void 0?_:"",contentTags:JSON.stringify((H=(B=o.video)===null||B===void 0?void 0:B.tags)!==null&&H!==void 0?H:[]),position:l+"",contentFormat:!(($=o.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(V=o.video)===null||V===void 0?void 0:V.traceInfo}}),L||f(!1)}}),200);return a.createElement("button",Object.assign({},r,{onClick:y}),a.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||v:n||m,alt:"icon"}))};var Ss=a.memo(ws);const Qe=new $i;var ze;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})(ze||(ze={}));const Ts=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,videoRef:s})=>{const[d,u]=a.useState(!1),{bffEventReport:c,sxpParameter:f,waterFallData:v,openHashtag:m}=ne(),y=a.useRef(0),[g,C]=a.useState(!1),[p,b]=a.useState(!0),{isActive:h}=Mi(),S=a.useRef(null),[w,A]=a.useState(""),M=`pb-cache-video-${e}`,I=a.useRef(null);a.useEffect(()=>{s&&s?.muted(o)},[o,s]);const T=a.useCallback(()=>{s&&s?.play()},[s]),x=Fe("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),k=a.useCallback(()=>{var j,q,oe,Z,te,de,N,F,G;if(!s)return;u(!1);const Q=n[e];if(Q&&s?.duration()){y.current=s?.currentTime()||0;const ie=((j=s?.duration())!==null&&j!==void 0?j:0).toFixed(2),ce=((q=s?.currentTime())!==null&&q!==void 0?q:0).toFixed(2),ve=p?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(Z=(oe=Q.video)===null||oe===void 0?void 0:oe.itemId)!==null&&Z!==void 0?Z:"",contentName:(de=(te=Q.video)===null||te===void 0?void 0:te.title)!==null&&de!==void 0?de:"",playType:ve,startTime:ce,videoDuration:ie,contentTags:JSON.stringify((F=(N=Q.video)===null||N===void 0?void 0:N.tags)!==null&&F!==void 0?F:[]),position:e+"",contentFormat:"video",traceInfo:(G=Q.video)===null||G===void 0?void 0:G.traceInfo}}),b(!1)}},[c,n,e,p,s]),E=a.useCallback(()=>{s&&(l!==e&&(s?.play(),s?.pause()),C(!0))},[l,e,s]),D=a.useCallback(()=>{C(!0)},[]),_=a.useCallback(j=>()=>{if(!s||!g)return;const q=s?.paused();switch(j){case"start":if(!q)return;s?.play(),u(!1);break;case"pause":if(q)return;s?.pause(),u(!0);break;default:q?s?.play():s?.pause(),u(!q);break}},[g,s]),B=a.useCallback(()=>{var j,q,oe,Z,te,de,N,F,G;if(!s||l!==e)return;const Q=n[e],ie=((j=s?.duration())!==null&&j!==void 0?j:0).toFixed(2),ce=((q=s?.currentTime())!==null&&q!==void 0?q:0).toFixed(2);if(s?.duration()){const ve=(s?.currentTime()-y.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(Z=(oe=Q.video)===null||oe===void 0?void 0:oe.itemId)!==null&&Z!==void 0?Z:"",contentName:(de=(te=Q.video)===null||te===void 0?void 0:te.title)!==null&&de!==void 0?de:"",endTime:ce,videoDuration:ie,playDuration:ve,contentTags:JSON.stringify((F=(N=Q.video)===null||N===void 0?void 0:N.tags)!==null&&F!==void 0?F:[]),position:e+"",contentFormat:"video",traceInfo:(G=Q.video)===null||G===void 0?void 0:G.traceInfo}})}},[n,e,c,s]),H=a.useMemo(()=>r?.mode==="2",[r]),$=a.useMemo(()=>{var j;return r?.mode==="2"?`translateY(-${50+((j=r?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),V=a.useMemo(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||w},[w,t]),L=a.useCallback(()=>{var j;if(!s)return;const q=document.getElementById(`${M}_html5_api`);if(!((j=t?.video)===null||j===void 0)&&j.cover||!S||!q||!S.current)return;const oe=()=>{const Z=q,te=S?.current,de=te.getContext("2d"),N=window?.innerWidth,F=window?.innerHeight;te.height=F,te.width=N,de?.drawImage(Z,0,0,te.width,te.height),A(te.toDataURL())};oe(),setTimeout(()=>{oe()},500)},[s]);a.useEffect(()=>{if(!h||!s)return;const j=t.video.url;if(!j)return;u(!1);const q=document.querySelector(`#${M}`),oe=document.querySelector("#player-container-id"),Z=document.querySelector("#player-container-id-copy");if(!(!oe&&!Z))return q?.appendChild(oe||Z),s?.src(j),s?.on("loadedmetadata",E),s?.on("loadeddata",L),s?.on("canplay",D),s?.on("playing",k),s?.on("pause",B),s?.on("ended",T),()=>{Z?.appendChild(oe),s?.off("loadedmetadata",E),s?.off("loadeddata",L),s?.off("canplay",D),s?.off("playing",k),s?.off("pause",B),s?.off("ended",T)}},[h,M,t,s]),a.useEffect(()=>{!s||!g||(h?s?.play():s?.pause())},[h,g,s]),a.useEffect(()=>{if(!h||!s)return;!s?.paused()&&m?s?.pause():m||s?.play()},[m,h,s]),a.useEffect(()=>{if(!h)return;const j=_("start"),q=_("pause");return Qe.on(ze.PAGE_DID_SHOW,j),Qe.on(ze.PAGE_DID_HIDE,q),()=>{Qe.off(ze.PAGE_DID_SHOW,j),Qe.off(ze.PAGE_DID_HIDE,q)}},[_,h]);const P=a.useMemo(()=>!f?.placeholder_image||g?null:a.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:f?.placeholder_image}),[g,f?.placeholder_image]);a.useEffect(()=>{if(!s)return;const j=()=>{var q;l===e&&(!((q=t?.video)===null||q===void 0)&&q.url)&&s&&!d&&_("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[l,e,t,s,_,d]);const z=a.useMemo(()=>H?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[H]);return t.video?a.createElement(a.Fragment,null,H?a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:"100%",height:i,overflow:"hidden"}},a.createElement(Ee,{src:V,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},z)}),a.createElement("canvas",{ref:S,style:{display:"none"}}),a.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:$,left:0,right:0}},a.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},a.createElement("div",{className:"n-full-screen",ref:I,id:M,style:{width:"100%",height:"100%"}}),a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:x}))),P):a.createElement("div",{className:"video-container",key:t.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:_()},a.createElement("div",{className:"n-full-screen",ref:I,id:M,style:{width:"100%",height:"100%"}}),P,a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:x}))):null};var xs=a.memo(Ts);const Es=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,r]=a.useState(t),s=d=>{d.stopPropagation();const u=!l;r(u),n?.(u)};return a.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},a.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var Cs=a.memo(Es);const Is=({imageUrl:t})=>{const[e,i]=a.useState(!0);Pe(),a.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=Fe("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=a.useMemo(()=>e?"pb-fadeIn":"pb-fadeOut",[e]);return a.createElement("div",{hidden:!e,className:`pb-finger-wrap ${o}`},a.createElement("img",{src:t||n}))},Ds=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=a.useMemo(()=>n?.mode==="2",[n]),l=a.useMemo(()=>{var s;return n?.mode==="2"?`translateY(-${50+((s=n?.offsetTop)!==null&&s!==void 0?s:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=a.useMemo(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]);return a.createElement("div",{style:{overflow:"hidden",height:i,width:"100%",position:"relative"}},a.createElement(Ee,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r)}),o&&a.createElement(Ee,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},ks=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:r,imgUrlsPostConfig:s})=>{var d;const u=a.useRef(),{isActive:c}=Mi(),{sxpParameter:f,openHashtag:v}=ne(),[m,y]=a.useState(!1);return a.useEffect(()=>{m&&c?(u?.current&&u.current.swiper.autoplay.start(),v?l(n):r(o)):(y(!0),u?.current&&u.current.swiper.autoplay.stop())},[n,c,l,v,o,r,m]),a.createElement(Ke,{ref:u,defaultValue:0,direction:"horizontal",modules:[Pt,_t],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=s?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map(g=>a.createElement(_e,{key:g},a.createElement(Ds,{src:g,height:i,imgUrlsPostConfig:s}))))};var As=a.memo(ks);const Ps=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[r,s]=a.useState(!1),{setWaterFallData:d,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:f,setIsFromHashtag:v}=ne(),m=y=>{f?v?.(!0):c?.(n),d?.(i?{hashTag:y,itemId:e,itemType:i,rec:o}:{hashTag:y,rec:o}),u?.(!0)};return a.useMemo(()=>t.length<=6?null:a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!r)},r?"show less":"show more"),[r,t]),a.createElement("div",{className:"clc-sxp-bottom-hashtag"},a.createElement(bt,null,t?.map((y,g)=>a.createElement(_e,{key:g,hidden:r?!1:g>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>m(y)},`#${y}`))))};var _s=a.memo(Ps),Ms="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 Kt(t){return a.memo(function(e){const{$store:i}=en(),n=l=>{let r=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const f=re.get(i,c);return r=r.replace(d,f),f}})}),r},o=a.useMemo(()=>{var l,r,s;const{bindDatas:d}=e,u=pe(e,["bindDatas"]);if((l=d?.forEach)===null||l===void 0||l.call(d,c=>{if(c?.propKey&&c?.dataPath){const{propKey:f,dataPath:v}=c;v.replace(/{{\s*([\w.]+)\s*}}/g,(m,y)=>{var g,C;if(y){const p=(C=(g=re.get(i,y))!==null&&g!==void 0?g:e[f])!==null&&C!==void 0?C:"";return u[f]=p,p}})}}),u){u.eventMap={};const c=re.cloneDeep(u.event)||{};for(const f in c)if(Object.prototype.hasOwnProperty.call(c,f))try{c[f].value=n(c[f].value),u.eventMap[f]=new Function(c[f].value)}catch{}}return!((s=(r=u?.event)===null||r===void 0?void 0:r.onClick)===null||s===void 0)&&s.linkType&&(u.style.cursor="pointer"),u},[i,e]);return a.createElement(t,Object.assign({},o,o.eventMap))})}const Os=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Pe(),l=a.useMemo(()=>{var r,s,d,u,c,f,v,m,y,g,C,p,b,h,S,w,A,M,I,T,x,k,E,D,_,B,H,$,V,L,P;if(!t?.video)return null;let z=null;!((s=(r=t?.video)===null||r===void 0?void 0:r.bindProducts)===null||s===void 0)&&s.length?z="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?z="\u5546\u54C1CTA":z=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const j=i?.[z];if(((f=j?.item)===null||f===void 0?void 0:f.type)==="CommodityDiro"&&!(!((v=t?.video)===null||v===void 0)&&v.bindProduct)||((m=j?.item)===null||m===void 0?void 0:m.type)==="Commodity"&&!(!((y=t?.video)===null||y===void 0)&&y.bindProduct)||((g=j?.item)===null||g===void 0?void 0:g.type)==="CommodityDiroNew"&&!(!((C=t?.video)===null||C===void 0)&&C.bindProduct)||((p=j?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((h=(b=t?.video)===null||b===void 0?void 0:b.bindProducts)===null||h===void 0)&&h.length)||((S=j?.item)===null||S===void 0?void 0:S.type)==="MultiCommodityDiro"&&!(!((A=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||A===void 0)&&A.length)||((M=j?.item)===null||M===void 0?void 0:M.type)==="MultiCommodityDiroNew"&&!(!((T=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||T===void 0)&&T.length))return null;if(j&&n){const q=n[(x=j?.item)===null||x===void 0?void 0:x.type],oe=Kt(q),Z=(k=q?.extend)===null||k===void 0?void 0:k.defaulSetting,te=((_=(D=(E=j?.item)===null||E===void 0?void 0:E.event)===null||D===void 0?void 0:D.onClick)===null||_===void 0?void 0:_.linkType)==="externalLink";return a.createElement(oe,Object.assign({style:Object.assign(Object.assign(Object.assign({},Z?.style),(B=j?.item)===null||B===void 0?void 0:B.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},Z?.textStyle),(H=j?.item)===null||H===void 0?void 0:H.textStyle),bindDatas:(V=($=j?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&V!==void 0?V:[]},Z?.props,(L=j?.item)===null||L===void 0?void 0:L.props,{event:((P=j?.item)===null||P===void 0?void 0:P.event)||{},schema:o,id:j?.id,key:j?.id,recData:t,isExternalLink:te,index:e}))}else return null},[t,n,i,o]);return a.createElement(a.Fragment,null,l)};var Ls=a.memo(Os);const js=({nudge:t})=>a.createElement(a.Fragment,null,t?.isOpen&&a.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:t?.marginBottom,width:t?.size.width,height:t?.size.height,backgroundColor:t?.backgroundColor,borderRadius:t?.borderRadius}},t?.icon?a.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,a.createElement("p",{style:Object.assign({},t?.textStyle)},t?.content))),zi=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:r=[],ctaType:s,tipText:d,nudge:u,_schema:c,hashTagStyle:f})=>{var v,m,y,g,C,p,b;const{schema:h}=Pe(),[S,w]=a.useState(0),A=a.useRef(0),[M,I]=a.useState(!1),[T,x]=a.useState(!0),k=a.useRef(),E=a.useRef(),[D,_]=a.useState(!1),[B,H]=a.useState(!1),{loadVideos:$,bffEventReport:V,loading:L,setPopupDetailData:P,ctaEvent:z,swiperRef:j,waterFallData:q,setOpenHashtag:oe,appDomain:Z,openHashtag:te,loadingImage:de,isFromHashtag:N,popupDetailData:F}=ne(),[G,Q]=a.useState(null),ie=a.useRef(),{productView:ce}=Me(),ve=a.useMemo(()=>r.length>0&&!L&&sn(),[r,L]),he=a.useCallback(()=>{if(r.length<=0)return;Ue();const O=location.search.slice(1),X=Rt.parse(O.replace(/\+/g,"%2B"));for(const J in X)X[J]=X[J].replace(/%2B/g,"+");const U=J=>{var R;return(R=X[J])!==null&&R!==void 0?R:""};V?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:U("utm_source"),utmMedium:U("utm_medium"),utmCampaign:U("utm_campaign"),utmId:U("utm_id"),utmContent:U("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),I(!0)},[V,r.length]),Ue=()=>{k.current=new Date,E.current=new Date,nn()},Ze=a.useRef();a.useEffect(()=>{if(!Ze.current&&!G){Ze.current=!0;const O=TCPlayer("player-container-id",{licenseUrl:"https://license.vod2.myqcloud.com/license/v2/1325816236_1/v_cube.license",controls:!1,autoplay:!1,loop:!1,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0});O?.ready(()=>{Q(O)})}},[G]),a.useEffect(()=>{M||he()},[he,M]),a.useEffect(()=>{var O;const X=r?.findIndex(U=>{var J,R,le,Y,ee,ae,ue,Ie,De;return s==="\u591A\u5546\u54C1CTA"?((J=U?.video)===null||J===void 0?void 0:J.bindProducts)&&((le=(R=U?.video)===null||R===void 0?void 0:R.bindProducts)===null||le===void 0?void 0:le.length)>0:s==="\u5546\u54C1CTA"?(Y=U?.video)===null||Y===void 0?void 0:Y.bindProduct:((ae=(ee=U?.video)===null||ee===void 0?void 0:ee.bindCta)===null||ae===void 0?void 0:ae.itemId)===s&&(((ue=U?.video)===null||ue===void 0?void 0:ue.url)||((De=(Ie=U?.video)===null||Ie===void 0?void 0:Ie.imgUrls)===null||De===void 0?void 0:De.length))})||0;(O=j?.current)===null||O===void 0||O.swiper.slideTo(X)},[s,j]),a.useEffect(()=>{const O=r?.[S],X=()=>{var U,J,R,le,Y,ee,ae,ue,Ie,De,Ge,We,$e,qe,Ve;if(document.visibilityState==="hidden"){Qe.emit(ze.PAGE_DID_HIDE,O),it(O),Zt(O);let Oe="";F&&(!((J=(U=O?.video)===null||U===void 0?void 0:U.bindProducts)===null||J===void 0)&&J.length||!((R=O?.video)===null||R===void 0)&&R.bindProduct)?Oe="pdpPage":F&&o?.[(ee=(Y=(le=O.video)===null||le===void 0?void 0:le.bindCta)===null||Y===void 0?void 0:Y.itemId)!==null&&ee!==void 0?ee:""].item.type==="Appoint"?Oe="formPage":N?Oe="hashTagPage":!((ae=O?.video)===null||ae===void 0)&&ae.url?Oe="videoPage":!((ue=O?.video)===null||ue===void 0)&&ue.imgUrls&&(!((De=(Ie=O?.video)===null||Ie===void 0?void 0:Ie.imgUrls)===null||De===void 0)&&De.length)?Oe="imagePage":O?.product&&(Oe="productPage"),V?.({eventInfo:{sessionDuration:Math.floor((new Date-k.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",relatedContentId:(Ge=O?.video)===null||Ge===void 0?void 0:Ge.itemId,relatedProductId:(We=O?.product)===null||We===void 0?void 0:We.itemId,position:S+"",fromKName:Oe,fromKPage:location?.href,relatedCtatId:(Ve=(qe=($e=O.video)===null||$e===void 0?void 0:$e.bindCta)===null||qe===void 0?void 0:qe.itemId)!==null&&Ve!==void 0?Ve:""}})}else document.visibilityState==="visible"&&(he(),Fi(S),Qe.emit(ze.PAGE_DID_SHOW,O))};return document.addEventListener("visibilitychange",X),()=>{document.removeEventListener("visibilitychange",X)}},[S,V,k,r,he,F,N,o]);const Ce=a.useMemo(()=>t?.logoUrl&&t?.isShowLogo?i-45:i,[t,i]),rt=a.useMemo(()=>t?.logoUrl&&t?.isShowLogo?a.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},a.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Re=a.useCallback((O,X)=>{var U,J,R,le;return!((U=O.video)===null||U===void 0)&&U.url?a.createElement(xs,{rec:O,index:X,muted:T,data:r,height:Ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:G}):!((J=O.video)===null||J===void 0)&&J.imgUrls?a.createElement(As,{key:O.video.itemId,imgUrls:O.video.imgUrls,width:n,height:Ce,rec:O,index:X,onReportViewImageEnd:it,onViewImageStartEvent:Fi,imgUrlsPostConfig:t?.imgUrlsPost}):O.product&&Array.isArray(t?.productPost)&&((R=t?.productPost)===null||R===void 0?void 0:R.length)>0?(le=t?.productPost)===null||le===void 0?void 0:le.map((Y,ee)=>{var ae,ue,Ie,De,Ge,We,$e,qe;const Ve=l[(ae=Y?.item)===null||ae===void 0?void 0:ae.type],Oe=Kt(Ve),Le=(ue=Ve?.extend)===null||ue===void 0?void 0:ue.defaulSetting;return a.createElement(Oe,Object.assign({key:`${X}${ee}`,textStyle:Object.assign(Object.assign({},Le?.textStyle),(Ie=Y?.item)===null||Ie===void 0?void 0:Ie.textStyle),bindDatas:(Ge=(De=Y?.item)===null||De===void 0?void 0:De.bindDatas)!==null&&Ge!==void 0?Ge:[]},Le?.props,(We=Y?.item)===null||We===void 0?void 0:We.props,{event:(($e=Y?.item)===null||$e===void 0?void 0:$e.event)||{},schema:h,id:Y?.id,viewTime:E.current,rec:O,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},Le?.style),(qe=Y?.item)===null||qe===void 0?void 0:qe.style),{height:"100%",overflow:"auto"}),index:X}))}):null},[n,r,Ce,T,S,t?.productPost,E,d,l,h,G]),et=a.useCallback(O=>{H(O)},[]),at=a.useMemo(()=>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]),tt=a.useCallback((O,X)=>{var U,J,R,le,Y,ee,ae;return O.video?a.createElement(a.Fragment,null,((U=O.video)===null||U===void 0?void 0:U.title)&&!B&&a.createElement("div",{className:"clc-sxp-bottom-shadow"}),a.createElement("div",{className:"clc-sxp-bottom"},a.createElement(js,{nudge:u}),a.createElement("div",{className:"clc-sxp-bottom-card"},a.createElement(Ls,{rec:O,index:X,tempMap:o,resolver:l})),a.createElement("div",null,a.createElement(Ut,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(R=(J=O.video)===null||J===void 0?void 0:J.title)!==null&&R!==void 0?R:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:et}),a.createElement(_s,{index:S,tags:(Y=(le=O?.video)===null||le===void 0?void 0:le.hashTags)!==null&&Y!==void 0?Y:[],itemId:(ee=O?.video)===null||ee===void 0?void 0:ee.itemId,itemType:!((ae=O.video)===null||ae===void 0)&&ae.itemId?"VIDEO":null,rec:O,hashTagStyle:f})))):null},[e,S,o,l,d,u,f,t,et,B,at]),be=a.useCallback((O,X)=>{var U,J;if(!t?.isShowLike)return;let R=(U=t?.likeIconY)!==null&&U!==void 0?U:400;return q&&R<40&&(R+=40),O.video?a.createElement(Ss,{key:O.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:O.isCollected,recData:O,className:"clc-sxp-like-button",style:{top:R,right:(J=t?.likeIconX)!==null&&J!==void 0?J:0},position:X}):null},[t,q]),it=O=>{var X,U,J,R,le,Y;if(!(!((X=O.video)===null||X===void 0)&&X.url)&&(!((U=O.video)===null||U===void 0)&&U.imgUrls)){const ee=Date.now(),ae=(ee-A.current)/1e3;V?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(R=(J=O.video)===null||J===void 0?void 0:J.itemId)!==null&&R!==void 0?R:"",contentName:(le=O.video.title)!==null&&le!==void 0?le:"",imageEndTime:`${ee}`,playDuration:`${ae}`,contentTags:JSON.stringify((Y=O.video.tags)!==null&&Y!==void 0?Y:[]),position:S+"",contentFormat:"image",traceInfo:O.video.traceInfo}})}},nt=O=>{var X,U,J,R,le,Y,ee,ae;E.current=new Date;const ue=r[O.previousIndex];ue&&(O.previousIndex-O.activeIndex<0?(V?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",relatedContentId:(U=(X=ue.video)===null||X===void 0?void 0:X.itemId)!==null&&U!==void 0?U:"",relatedProductId:(R=(J=ue.product)===null||J===void 0?void 0:J.itemId)!==null&&R!==void 0?R:"",requestId:null}}),it(ue)):(V?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",relatedContentId:(Y=(le=ue.video)===null||le===void 0?void 0:le.itemId)!==null&&Y!==void 0?Y:"",relatedProductId:(ae=(ee=ue.product)===null||ee===void 0?void 0:ee.itemId)!==null&&ae!==void 0?ae:"",requestId:null}}),it(ue)),Zt(ue))},Zt=O=>{var X,U,J;!(!((X=O?.video)===null||X===void 0)&&X.url)&&!(!((U=O?.video)===null||U===void 0)&&U.imgUrls)&&O?.product&&ce(O,O.product,(J=O?.product)===null||J===void 0?void 0:J.bindCta,E.current,S)};a.useEffect(()=>{const O=r[S];te&&Zt(O)},[te,r,S]);const Fi=O=>{var X,U,J,R,le,Y;const ee=r[O];if(!(!((X=ee?.video)===null||X===void 0)&&X.url)&&(!((U=ee?.video)===null||U===void 0)&&U.imgUrls)){const ae=Date.now();A.current=ae,V?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(R=(J=ee.video)===null||J===void 0?void 0:J.itemId)!==null&&R!==void 0?R:"",contentName:(le=ee.video.title)!==null&&le!==void 0?le:"",imageStartTime:`${ae}`,contentTags:JSON.stringify((Y=ee.video.tags)!==null&&Y!==void 0?Y:[]),position:O+"",contentFormat:"image",traceInfo:ee.video.traceInfo}})}},yt=a.useMemo(()=>{const O=r?.map((X,U)=>S===U||U-1===S||U+1===S?X:null);return q?O:O.concat([{loading:!0}])},[r,S,q]),Hs=a.useMemo(()=>L?a.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:de,alt:"loading...",style:{objectFit:"contain"}})):yt?.map((O,X)=>a.createElement(_e,{key:X,virtualIndex:X},O&&a.createElement(a.Fragment,null,O?.loading?a.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:de,alt:"loading...",style:{objectFit:"contain"}})):a.createElement(a.Fragment,null,Re(O,X),tt(O,X),be(O,X))))),[n,r,Ce,L,tt,Re,yt,de]),Us=Fe("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Gs=Fe("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return a.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},q&&a.createElement(ji,{icon:Ms,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{oe?.(!0)}}),rt,ve?a.createElement(Is,{imageUrl:t?.swipeTipIcon}):null,a.createElement(Ke,{ref:j,onSlideChange:()=>{j.current.swiper.allowTouchMove=!1,setTimeout(()=>{j.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:O=>{w(O.activeIndex),!te&&(nt(O),!q&&O?.activeIndex+2>=r?.length&&(D||(_(!0),$?.(Math.ceil(S/10)+1).then(()=>{_(!1)}))))},direction:"vertical",height:Ce},a.createElement(Cs,{style:{position:"fixed",right:(v=t?.muteIconX)!==null&&v!==void 0?v:0,visibility:!((y=(m=r?.[S])===null||m===void 0?void 0:m.video)===null||y===void 0)&&y.url?"visible":"hidden",bottom:(g=t?.muteIconY)!==null&&g!==void 0?g:23,zIndex:999},defaultValue:T,activeIcon:t?.unMuteIcon?t?.unMuteIcon:Us,unactiveIcon:t?.muteIcon?t?.muteIcon:Gs,onChange:x}),Hs),a.createElement(Ni,Object.assign({},(b=(p=(C=t?.hashTag)===null||C===void 0?void 0:C[0])===null||p===void 0?void 0:p.item)===null||b===void 0?void 0:b.props)),a.createElement("div",{style:{position:"absolute",zIndex:-100}},a.createElement("video",{ref:ie,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),a.createElement("div",{id:"player-container-id-copy"})))},Ns=()=>{const{schema:t,resolver:e,popup:i}=Pe(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=ne(),{productView:r}=Me(),[s,d]=a.useState(),u=a.useRef(null);a.useEffect(()=>{const v=()=>{u.current=new Date};return v(),window.addEventListener("pageshow",v),()=>{window.removeEventListener("pageshow",v)}},[]),a.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,d(i))},[i]);const c=()=>{var v,m,y,g;if(!i||i?.id===""||!s||new Date-u.current<((v=i?.duration)!==null&&v!==void 0?v:0))return;d(Object.assign(Object.assign({},i),{id:""}));const C=o,p=(m=C?.video)===null||m===void 0?void 0:m.bindProduct,b=(g=(y=C?.video)===null||y===void 0?void 0:y.bindProduct)===null||g===void 0?void 0:g.bindCta;p&&b&&r(C,p,b,u.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},f=a.useMemo(()=>{var v,m,y;return(y=(m=(v=t?.sxpPageConf)===null||v===void 0?void 0:v.globalConfig)===null||m===void 0?void 0:m.popupList)===null||y===void 0?void 0:y.map((g,C)=>{var p,b,h,S,w,A,M,I;if(g?.id===i?.id){const T=e[(p=g?.item)===null||p===void 0?void 0:p.type],x=Kt(T),k=(b=T?.extend)===null||b===void 0?void 0:b.defaulSetting;return a.createElement(x,Object.assign({key:C,style:Object.assign(Object.assign(Object.assign({},k?.style),(h=g?.item)===null||h===void 0?void 0:h.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},k?.textStyle),(S=g?.item)===null||S===void 0?void 0:S.textStyle),bindDatas:(A=(w=g?.item)===null||w===void 0?void 0:w.bindDatas)!==null&&A!==void 0?A:[]},k?.props,(M=g?.item)===null||M===void 0?void 0:M.props,{event:((I=g?.item)===null||I===void 0?void 0:I.event)||{},schema:t,id:g?.id}))}else return a.createElement(a.Fragment,null)})},[t,i,e]);return a.createElement(gt,{popup:s,onClose:c,padding:0,modalStyle:{position:"fixed"}},f)},Qt={};Object.values(Bi).forEach(t=>{Qt[t.extend.type]=t});const Bs=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l})=>{var r,s,d,u,c,f;const v=a.useMemo(()=>{var m;return location?.search?(m=location?.search)===null||m===void 0?void 0:m.replace("?",""):""},[]);return a.createElement(pi,{resolver:Qt,enableDataSource:!1,schema:t?.data,utmVal:v},a.createElement(ai,{utmVal:v,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(s=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&s!==void 0?s:e,defaultSize:(u=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.default_recommend)!==null&&u!==void 0?u:i,hashTagSize:(f=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.hash_tag_size)!==null&&f!==void 0?f:n,loadingImage:o,appDomain:l,render:({rtcList:m})=>{var y;return a.createElement(a.Fragment,null,a.createElement(zi,Object.assign({},(y=t?.data)===null||y===void 0?void 0:y.sxpPageConf,{data:m,resolver:Qt})),a.createElement(Ns,null))}}))};var zs=a.memo(Bs);const Vi=a.createContext({}),Vs=({children:t,data:e})=>{var i,n,o,l,r,s;const[d,u]=a.useState(!1);return a.createElement(Vi.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:u}},t)};function Fs(){return a.useContext(Vi)}se.EditorDataProvider=Vs,se.Modal=gt,se.SxpDataSourceProvider=ai,se.SxpPageCore=zs,se.SxpPageRender=zi,se.core=un,se.default=Ri,se.defaultSetting=fn,se.materials=Bi,se.useEditorDataProvider=Fs,Object.defineProperty(se,"__esModule",{value:!0})});
|