pb-sxp-ui 1.0.34 → 1.0.36
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 +23 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -17
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +23 -17
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/DiyPortalPreview/index.d.ts +3 -1
- package/es/core/components/DiyPortalPreview/index.js +10 -8
- package/es/core/components/SxpPageRender/VideoWidget/index.js +4 -0
- package/es/materials/sxp/popup/CommodityDetail/index.js +4 -4
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
- package/lib/core/components/DiyPortalPreview/index.d.ts +3 -1
- package/lib/core/components/DiyPortalPreview/index.js +10 -8
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +4 -0
- package/lib/materials/sxp/popup/CommodityDetail/index.js +4 -4
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
- package/package.json +115 -115
package/dist/index.min.cjs
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var ue=require("lodash"),qi=require("uuid"),Yi=require("pako"),s=require("react"),Qt=require("qs"),J=require("@emotion/css"),Xi=require("@ant-design/pro-components"),Ji=require("react-dom"),at=require("hls.js"),Ki=require("eventemitter3");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 Zt=Qi(Ji);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 he(t,e,i,n){function o(l){return l instanceof i?l:new i(function(a){a(l)})}return new(i||(i=Promise))(function(l,a){function d(u){try{c(n.next(u))}catch(v){a(v)}}function r(u){try{c(n.throw(u))}catch(v){a(v)}}function c(u){u.done?l(u.value):o(u.value).then(d,r)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Zi=/:\w+/g;var ei=(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:a,url:d,urlParams:r,name:c,queryString:u,headers:v,body:h}=e[o];let f=d;r&&Object.entries(r).forEach(([w,y])=>{f=f.replace(Zi,I=>I===w?y:I)}),u&&(f+=u),n[l]=c;try{const w=yield fetch(f,{method:a,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(h)}).then(y=>y.json());i[l]=w}catch(w){console.error("DataSource request error: ",w),i[l]={}}}return{$store:i,idMapName:n}});const ti="SXP_TOKEN_INFO",en=(t,e)=>he(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),a=window.localStorage.getItem(ti);let d=JSON.parse(a||"{}");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(ti,JSON.stringify(d))}}return d});function rt(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 tn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},nn=()=>{const t=qi.v4();return t?.replaceAll?t.replaceAll("-",""):tn(32)};function ii(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Yi.inflate(n,{to:"string"});return JSON.parse(o)}let xt=null;const on={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class ln{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,xt)return xt;xt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?on[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let ve=null;const sn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{ve||(ve=new ln),n&&ve.setApiUrl(n),ve.setAppId(t),ve.setTenantId(e),ve.setEnv(i)},getDetail:t=>{if(!ve)return;const e=ve.getTenantId(),i=ve.getAppId(),n=ve.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,a;const d=yield o.json(),r=ii((l=d?.data)===null||l===void 0?void 0:l.data);if(r){const{$store:c}=yield ei(n,(a=r?.dataSource)!==null&&a!==void 0?a:[]);d.data.data=r,Object.assign(d.data.data,{__STORE__:c})}return d}))},getSxpDetailByPageId:t=>he(void 0,void 0,void 0,function*(){if(!ve)return;const e=ve.getTenantId(),i=ve.getAppId(),n=ve.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 a=yield o.json();if(!a.success)return;const d=ii((l=a?.data)===null||l===void 0?void 0:l.data);return a.data.data=d,a.data}))}),getSxpRecommendVideoData:t=>he(void 0,void 0,void 0,function*(){if(!ve)return;const e=yield en(ve,t),i=rt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");ue.isEmpty(n)&&(n=rt(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(ci)}function an(){return s.useContext(di)}const Tt="feRealSessionIdKey",ni=()=>{const t=nn();return`${Date.now()}${t}`},rn=()=>{let t=cn();return t||(t=ni(),window.sessionStorage.setItem(Tt,t)),t},dn=()=>{const t=ni();window.sessionStorage.setItem(Tt,t)},cn=()=>window.sessionStorage.getItem(Tt),oi="SXP_FAKE_USER_ID",li="FAKE_USER_STATE",un=()=>{let t=window.localStorage.getItem(oi);return ue.isEmpty(t)&&(t=rt(36,62),window.localStorage.setItem(oi,t)),t},pn=()=>{const t=window.localStorage.getItem(li);return ue.isEmpty(t)&&window.localStorage.setItem(li,"true"),ue.isEmpty(t)};function Ie(t,e){const{appDomain:i}=le();return s.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const si=s.createContext({rtcList:[]});var Et;(function(t){t[t.BFF=5]="BFF"})(Et||(Et={}));const vn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],fn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:a=!1,sxpParameter:d,appDomain:r,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1})=>{const[h,f]=s.useState([]),[w,y]=s.useState(!1),[I,p]=s.useState({rtc:"",requestId:""}),g=s.useRef(null),m=s.useRef(!1),[S,b]=s.useState(),[_,O]=s.useState(),[D,x]=s.useState(v),[T,k]=s.useState([]),[E,A]=s.useState(0),[L,N]=s.useState(!1);s.useEffect(()=>{x(v)},[v]);const F=s.useMemo(()=>e?.find(B=>B.type===Et.BFF),[e]),H=s.useCallback((B,V)=>{if(!F)return;const W=F.url,G=un();if(V?.query){const K=Qt.stringify(V.query);B=`${B}?${K}`}return V.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${W}/api/v1${B}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},F.headers),{"x-user-id":G}),V.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${W}/api/v1${B}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":G},F.headers),method:V.method,body:JSON.stringify(V.body)}).then(K=>K.json()).catch(K=>Promise.reject(K))},[F]),z=s.useCallback(B=>he(void 0,void 0,void 0,function*(){var V,W,G,K;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 X=(K=(G=(W=i?.split("&"))===null||W===void 0?void 0:W.filter(se=>{const de=se.split("=")[0];return vn.includes(de)}))===null||G===void 0?void 0:G.join("&"))!==null&&K!==void 0?K:"";B=Object.assign(Object.assign({},B),{channel:decodeURIComponent(X)})}const Z=yield H?.("/recommend/list",{method:"GET",query:B});if(Z?.success)return B?.hashTag||p({rtc:Z.data.rtc,requestId:Z.data.requestId}),Z?.data}),[H,i,o,l]),P=s.useCallback(()=>he(void 0,void 0,void 0,function*(){var B,V;if(h.length<=0)return;const W=yield z({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType});f(h.concat((B=W?.recList)!==null&&B!==void 0?B:[])),k(T.concat((V=W?.recList)!==null&&V!==void 0?V:[]))}),[z,h,_,T]),R=s.useCallback(({userInfo:B,eventInfo:V})=>{if(!n)return;B||(B={});const W=rn(),G=Object.assign({sessionID:W,rtc:I.rtc,requestId:I.requestId},V),K=Object.entries(B).map(([X,se])=>({name:X,value:se})),Z=Object.entries(G).map(([X,se])=>se&&{name:X,value:se}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",B),console.log("eventInfo:",G),console.log("========= \u7ED3\u675F ========="),H?.("/event/report",{method:"POST",body:{userInfo:K,eventInfo:Z},type:"beacon"})},[H,I,n]),M=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/recommend/like",{method:"POST",body:B});return V?.success}),[H]),C=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/recommend/unlike",{method:"POST",body:B});return V?.success}),[H]),U=s.useCallback(B=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/customform",{method:"POST",body:B});return V?.success}),[H]),q=s.useCallback((B,V,W,G)=>{var K,Z,X,se,de,ge,qe,Ye,et,Xe,tt,Re;const me=W?.bindCta,it=((K=V?.video)===null||K===void 0?void 0:K.bindProduct)||((Z=V?.video)===null||Z===void 0?void 0:Z.bindProducts)&&((se=(X=V?.video)===null||X===void 0?void 0:X.bindProducts)===null||se===void 0?void 0:se.length)>0;let Ve="";L?Ve="hashTagPage":!((de=V?.video)===null||de===void 0)&&de.url?Ve="videoPage":!((qe=(ge=V?.video)===null||ge===void 0?void 0:ge.imgUrls)===null||qe===void 0)&&qe.length&&(Ve="imagePage"),R?.({eventInfo:Object.assign(Object.assign({},B),{ctaId:(Ye=me?.itemId)!==null&&Ye!==void 0?Ye:"",ctaName:(et=me?.title)!==null&&et!==void 0?et:"",contentTags:JSON.stringify(me?.tags),position:G+"",contentId:(tt=(Xe=V?.video)===null||Xe===void 0?void 0:Xe.itemId)!==null&&tt!==void 0?tt:"",productId:it?W?.itemId:"",traceInfo:(Re=me?.traceInfo)!==null&&Re!==void 0?Re:"",fromKName:Ve})})},[R,L]);s.useEffect(()=>{y(!0),z().then(B=>{var V,W;f((V=B?.recList)!==null&&V!==void 0?V:[]),k((W=B?.recList)!==null&&W!==void 0?W:[])}).finally(()=>{y(!1),m.current=!0})},[]),s.useEffect(()=>{m.current&&(y(!0),z().then(B=>{var V,W;f((V=B?.recList)!==null&&V!==void 0?V:[]),k((W=B?.recList)!==null&&W!==void 0?W:[])}).finally(()=>{y(!1)}))},[z]);const Y=Ie("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return s.createElement(si.Provider,{value:{rtcList:h,setRtcList:f,mutateLike:M,mutateUnlike:C,submitForm:U,popupDetailData:S,loadVideos:P,setPopupDetailData:b,getRecommendVideos:z,bffEventReport:R,utmVal:i,isPreview:a,loading:w,sxpParameter:d,waterFallData:_,setWaterFallData:O,ctaEvent:q,swiperRef:g,openHashtag:D,setOpenHashtag:x,cacheRtcList:T,setCacheRtcList:k,cacheActiveIndex:E,setCacheActiveIndex:A,isFromHashtag:L,setIsFromHashtag:N,appDomain:r,hashTagSize:c,loadingImage:u??Y,isOpenHashTag:v}},t({rtcList:h,mutateLike:M,mutateUnlike:C,submitForm:U}))};var ai=s.memo(fn);function le(){return s.useContext(si)}var ri;(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"})(ri||(ri={}));const di=s.createContext({$store:{},options:[],configs:[]}),mn=({children:t,isSsr:e,enable:i})=>{const[n,o]=s.useState([]),{schema:l}=Me(),[a,d]=s.useState(l.__STORE__||{}),[r,c]=s.useState([]);s.useEffect(()=>{var h;e||ue.isEqual(r,l?.dataSource)||c((h=l?.dataSource)!==null&&h!==void 0?h:[])},[l?.dataSource,e]);const u=s.useCallback(()=>he(void 0,void 0,void 0,function*(){const{$store:h,idMapName:f}=yield ei("",r);d(h),v(h,f)}),[r]),v=(h,f)=>{const w=[];Object.entries(h).forEach(([y,I])=>{Object.keys(I).forEach(p=>{const g={label:`${f[y]} - ${p}`,value:`{{ ${y}.${p} }}`};w.push(g)})}),o(w)};return s.useEffect(()=>{e||u()},[u,e,l]),i?s.createElement(di.Provider,{value:{$store:l.__STORE__||a,options:n,configs:r}},t):t};var hn=s.memo(mn);const dt={id:rt(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},Ct={id:"",duration:0,name:"none"},ci=s.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[dt],redoStack:[],popup:Ct,setPopup:()=>{}}),ui=s.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},a)=>{const[d,r]=s.useState(null),[c,u]=s.useState(n||{pointData:[dt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,h]=s.useState([dt]),[f,w]=s.useState([[dt]]),[y,I]=s.useState([]),[p,g]=s.useState(Ct);typeof window<"u"&&(window.sxpPopup=(O,D)=>{g(Object.assign(Object.assign(Object.assign({},Ct),{id:O}),D))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(l?"&"+l:""):O+(l?"?"+l:"")),s.useEffect(()=>{w([c.pointData]),I([])},[c.type]);const m=s.useCallback(O=>{const D=ue.cloneDeep(c);D&&(D.dataSource=O,u?.(D))},[c]),[S,b]=s.useState();s.useImperativeHandle(a,()=>({loadSchema(O){O&&(w([O.pointData]),u(O))},exportSchema(){return ue.cloneDeep(c)},getPageInfoData(){return S},initPageInfoData(O){O&&b(O)}}));const _=s.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return s.createElement(ci.Provider,{value:{resolver:e,currentNode:d,schema:c,setCurrentNode:r,setSchema:u,saveDataSource:m,prePiontData:v,setPrePiontData:h,pageInfoData:S,setPageInfoData:O=>b(Object.assign(Object.assign({},S),O)),undoStack:f,redoStack:y,setRedoStack:I,setUndoStack:w,getCurPageConf:_,popup:p,setPopup:g}},s.createElement(hn,{isSsr:i,enable:o},t))});var gn=Object.freeze({__proto__:null,EditorCore:ui}),bn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ie=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var yn={fontOptions:ie},It,wn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ie,initialValue:(It=ie?.[0])===null||It===void 0?void 0:It.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 Sn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:a,submitText:d,layoutType:r,onClick:c}=t,u=pe(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick"]);const{submitForm:v}=le(),h=s.useRef(),[f,w]=s.useState(!1),y=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"}],[]),I=s.useMemo(()=>{if(r===void 0){const g=ue.cloneDeep(e)||y;return g?.map(m=>Object.assign(Object.assign({},m),{title:void 0,fieldProps:{placeholder:m?.title}}))}else return ue.cloneDeep(e)||y},[r,e,y]),p=ue.debounce(()=>he(void 0,void 0,void 0,function*(){var g,m,S;w(!0);const b=yield(g=h?.current)===null||g===void 0?void 0:g.getFieldsValue(),_=(S=(m=Object.keys(b))===null||m===void 0?void 0:m.map(D=>({name:D,value:b[D]})))===null||S===void 0?void 0:S.filter(D=>D?.value);if(!_||!_?.length)return;const O=yield v?.({attributes:_});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(Xi.BetaSchemaForm,{columns:I,submitter:!1,layout:r,autoFocusFirstInput:!1,size:"large",formRef:h,className:"panel-reset"}))),s.createElement("div",{className:"pb-appoint-form-btn-wrapper"},s.createElement("button",{onClick:p,className:"pb-appoint-form-btn",style:{color:a,background:l}},f?s.createElement(s.Fragment,null,"loading..."):d)))};var xn=s.memo(Sn);function be(t,e){return t.extend=e,t}const Tn=be(xn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:wn,bindableProps:[],interactionRender:bn},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 Dt,kt,En=[{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:ie,name:["fontFamily"],initialValue:(Dt=ie?.[0])===null||Dt===void 0?void 0:Dt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ie,initialValue:(kt=ie?.[0])===null||kt===void 0?void 0:kt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function pi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function _t(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:pi(e[i])&&pi(t[i])&&Object.keys(e[i]).length>0&&_t(t[i],e[i])})}const vi={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 Ce(){const t=typeof document<"u"?document:{};return _t(t,vi),t}const Cn={document:vi,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 fe(){const t=typeof window<"u"?window:{};return _t(t,Cn),t}function Ne(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function In(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function Je(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function we(){return Date.now()}function Dn(t){const e=fe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function kn(t,e){e===void 0&&(e="x");const i=fe();let n,o,l;const a=Dn(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(d=>d.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function ct(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function _n(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function ye(){const t=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let i=1;i<arguments.length;i+=1){const n=i<0||arguments.length<=i?void 0:arguments[i];if(n!=null&&!_n(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,a=o.length;l<a;l+=1){const d=o[l],r=Object.getOwnPropertyDescriptor(n,d);r!==void 0&&r.enumerable&&(ct(t[d])&&ct(n[d])?n[d].__swiper__?t[d]=n[d]:ye(t[d],n[d]):!ct(t[d])&&ct(n[d])?(t[d]={},n[d].__swiper__?t[d]=n[d]:ye(t[d],n[d])):t[d]=n[d])}}}return t}function ut(t,e,i){t.style.setProperty(e,i)}function fi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=fe(),l=-e.translate;let a=null,d;const r=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>l?"next":"prev",u=(h,f)=>c==="next"&&h>=f||c==="prev"&&h<=f,v=()=>{d=new Date().getTime(),a===null&&(a=d);const h=Math.max(Math.min((d-a)/r,1),0),f=.5-Math.cos(h*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 De(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function pt(t){try{console.warn(t);return}catch{}}function nt(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:Ne(e)),i}function An(t){const e=fe(),i=Ce(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,d=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+d-l,left:n.left+r-a}}function Pn(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 Mn(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 fe().getComputedStyle(t,null).getPropertyValue(e)}function vt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function mi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function At(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Pt(t,e,i){const n=fe();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function ke(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function On(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=fe();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,d=we(),r;const c=[];function u(m){let O=0,D=0,x=0,T=0;return"detail"in m&&(D=m.detail),"wheelDelta"in m&&(D=-m.wheelDelta/120),"wheelDeltaY"in m&&(D=-m.wheelDeltaY/120),"wheelDeltaX"in m&&(O=-m.wheelDeltaX/120),"axis"in m&&m.axis===m.HORIZONTAL_AXIS&&(O=D,D=0),x=O*10,T=D*10,"deltaY"in m&&(T=m.deltaY),"deltaX"in m&&(x=m.deltaX),m.shiftKey&&!x&&(x=T,T=0),(x||T)&&m.deltaMode&&(m.deltaMode===1?(x*=40,T*=40):(x*=800,T*=800)),x&&!O&&(O=x<1?-1:1),T&&!D&&(D=T<1?-1:1),{spinX:O,spinY:D,pixelX:x,pixelY:T}}function v(){e.enabled&&(e.mouseEntered=!0)}function h(){e.enabled&&(e.mouseEntered=!1)}function f(m){return e.params.mousewheel.thresholdDelta&&m.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&we()-d<e.params.mousewheel.thresholdTime?!1:m.delta>=6&&we()-d<60?!0:(m.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",m.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",m.raw)),d=new l.Date().getTime(),!1)}function w(m){const S=e.params.mousewheel;if(m.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 y(m){let S=m,b=!0;if(!e.enabled||m.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const _=e.params.mousewheel;e.params.cssMode&&S.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const D=O&&O.contains(S.target);if(!e.mouseEntered&&!D&&!_.releaseOnEdges)return!0;S.originalEvent&&(S=S.originalEvent);let x=0;const T=e.rtlTranslate?-1:1,k=u(S);if(_.forceToAxis)if(e.isHorizontal())if(Math.abs(k.pixelX)>Math.abs(k.pixelY))x=-k.pixelX*T;else return!0;else if(Math.abs(k.pixelY)>Math.abs(k.pixelX))x=-k.pixelY;else return!0;else x=Math.abs(k.pixelX)>Math.abs(k.pixelY)?-k.pixelX*T:-k.pixelY;if(x===0)return!0;_.invert&&(x=-x);let E=e.getTranslate()+x*_.sensitivity;if(E>=e.minTranslate()&&(E=e.minTranslate()),E<=e.maxTranslate()&&(E=e.maxTranslate()),b=e.params.loop?!0:!(E===e.minTranslate()||E===e.maxTranslate()),b&&e.params.nested&&S.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const A={time:we(),delta:Math.abs(x),direction:Math.sign(x),raw:m};c.length>=2&&c.shift();const L=c.length?c[c.length-1]:void 0;if(c.push(A),L?(A.direction!==L.direction||A.delta>L.delta||A.time>L.time+150)&&f(A):f(A),w(A))return!0}else{const A={time:we(),delta:Math.abs(x),direction:Math.sign(x)},L=r&&A.time<r.time+500&&A.delta<=r.delta&&A.direction===r.direction;if(!L){r=void 0;let N=e.getTranslate()+x*_.sensitivity;const F=e.isBeginning,H=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!F&&e.isBeginning||!H&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:A.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const z=c.length?c[c.length-1]:void 0,P=c[0];if(c.push(A),z&&(A.delta>z.delta||A.direction!==z.direction))c.splice(0);else if(c.length>=15&&A.time-P.time<500&&P.delta-A.delta>=1&&A.delta<=6){const R=x>0?.8:.2;r=A,c.splice(0),a=Je(()=>{e.slideToClosest(e.params.speed,!0,void 0,R)},0)}a||(a=Je(()=>{r=A,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(L||o("scroll",S),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),_.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return S.preventDefault?S.preventDefault():S.returnValue=!1,!1}function I(m){let S=e.el;e.params.mousewheel.eventsTarget!=="container"&&(S=document.querySelector(e.params.mousewheel.eventsTarget)),S[m]("mouseenter",v),S[m]("mouseleave",h),S[m]("wheel",y)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",y),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function g(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,y),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&g(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&g()}),Object.assign(e.mousewheel,{enable:p,disable:g})}function hi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=De(t.el,`.${n[o]}`)[0];l||(l=nt("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function Ke(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function ft(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 a,d=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,g){const{bulletActiveClass:m}=e.params.pagination;p&&(p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${m}-${g}`),p=p[`${g==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${m}-${g}-${g}`)))}function u(p){const g=p.target.closest(Ke(e.params.pagination.bulletClass));if(!g)return;p.preventDefault();const m=vt(g)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===m)return;e.slideToLoop(m)}else e.slideTo(m)}function v(){const p=e.rtl,g=e.params.pagination;if(r())return;let m=e.pagination.el;m=ke(m);let S,b;const _=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,O=e.params.loop?Math.ceil(_/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(b=e.previousRealIndex||0,S=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(S=e.snapIndex,b=e.previousSnapIndex):(b=e.previousIndex||0,S=e.activeIndex||0),g.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const D=e.pagination.bullets;let x,T,k;if(g.dynamicBullets&&(a=Pt(D[0],e.isHorizontal()?"width":"height",!0),m.forEach(E=>{E.style[e.isHorizontal()?"width":"height"]=`${a*(g.dynamicMainBullets+4)}px`}),g.dynamicMainBullets>1&&b!==void 0&&(d+=S-(b||0),d>g.dynamicMainBullets-1?d=g.dynamicMainBullets-1:d<0&&(d=0)),x=Math.max(S-d,0),T=x+(Math.min(D.length,g.dynamicMainBullets)-1),k=(T+x)/2),D.forEach(E=>{const A=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(L=>`${g.bulletActiveClass}${L}`)].map(L=>typeof L=="string"&&L.includes(" ")?L.split(" "):L).flat();E.classList.remove(...A)}),m.length>1)D.forEach(E=>{const A=vt(E);A===S?E.classList.add(...g.bulletActiveClass.split(" ")):e.isElement&&E.setAttribute("part","bullet"),g.dynamicBullets&&(A>=x&&A<=T&&E.classList.add(...`${g.bulletActiveClass}-main`.split(" ")),A===x&&c(E,"prev"),A===T&&c(E,"next"))});else{const E=D[S];if(E&&E.classList.add(...g.bulletActiveClass.split(" ")),e.isElement&&D.forEach((A,L)=>{A.setAttribute("part",L===S?"bullet-active":"bullet")}),g.dynamicBullets){const A=D[x],L=D[T];for(let N=x;N<=T;N+=1)D[N]&&D[N].classList.add(...`${g.bulletActiveClass}-main`.split(" "));c(A,"prev"),c(L,"next")}}if(g.dynamicBullets){const E=Math.min(D.length,g.dynamicMainBullets+4),A=(a*E-a)/2-k*a,L=p?"right":"left";D.forEach(N=>{N.style[e.isHorizontal()?L:"top"]=`${A}px`})}}m.forEach((D,x)=>{if(g.type==="fraction"&&(D.querySelectorAll(Ke(g.currentClass)).forEach(T=>{T.textContent=g.formatFractionCurrent(S+1)}),D.querySelectorAll(Ke(g.totalClass)).forEach(T=>{T.textContent=g.formatFractionTotal(O)})),g.type==="progressbar"){let T;g.progressbarOpposite?T=e.isHorizontal()?"vertical":"horizontal":T=e.isHorizontal()?"horizontal":"vertical";const k=(S+1)/O;let E=1,A=1;T==="horizontal"?E=k:A=k,D.querySelectorAll(Ke(g.progressbarFillClass)).forEach(L=>{L.style.transform=`translate3d(0,0,0) scaleX(${E}) scaleY(${A})`,L.style.transitionDuration=`${e.params.speed}ms`})}g.type==="custom"&&g.renderCustom?(D.innerHTML=g.renderCustom(e,S+1,O),x===0&&o("paginationRender",D)):(x===0&&o("paginationRender",D),o("paginationUpdate",D)),e.params.watchOverflow&&e.enabled&&D.classList[e.isLocked?"add":"remove"](g.lockClass)})}function h(){const p=e.params.pagination;if(r())return;const g=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let m=e.pagination.el;m=ke(m);let S="";if(p.type==="bullets"){let b=e.params.loop?Math.ceil(g/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&b>g&&(b=g);for(let _=0;_<b;_+=1)p.renderBullet?S+=p.renderBullet.call(e,_,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=[],m.forEach(b=>{p.type!=="custom"&&(b.innerHTML=S||""),p.type==="bullets"&&e.pagination.bullets.push(...b.querySelectorAll(Ke(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",m[0])}function f(){e.params.pagination=hi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let g;typeof p.el=="string"&&e.isElement&&(g=e.el.querySelector(p.el)),!g&&typeof p.el=="string"&&(g=[...document.querySelectorAll(p.el)]),g||(g=p.el),!(!g||g.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(g)&&g.length>1&&(g=[...e.el.querySelectorAll(p.el)],g.length>1&&(g=g.filter(m=>mi(m,".swiper")[0]===e.el)[0])),Array.isArray(g)&&g.length===1&&(g=g[0]),Object.assign(e.pagination,{el:g}),g=ke(g),g.forEach(m=>{p.type==="bullets"&&p.clickable&&m.classList.add(...(p.clickableClass||"").split(" ")),m.classList.add(p.modifierClass+p.type),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(m.classList.add(`${p.modifierClass}${p.type}-dynamic`),d=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&m.classList.add(p.progressbarOppositeClass),p.clickable&&m.addEventListener("click",u),e.enabled||m.classList.add(p.lockClass)}))}function w(){const p=e.params.pagination;if(r())return;let g=e.pagination.el;g&&(g=ke(g),g.forEach(m=>{m.classList.remove(p.hiddenClass),m.classList.remove(p.modifierClass+p.type),m.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(m.classList.remove(...(p.clickableClass||"").split(" ")),m.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(m=>m.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:g}=e.pagination;g=ke(g),g.forEach(m=>{m.classList.remove(p.horizontalClass,p.verticalClass),m.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(f(),h(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{h(),v()}),n("destroy",()=>{w()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(g=>g.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,g)=>{const m=g.target,S=ke(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&S&&S.length>0&&!m.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&m===e.navigation.nextEl||e.navigation.prevEl&&m===e.navigation.prevEl))return;const b=S[0].classList.contains(e.params.pagination.hiddenClass);o(b===!0?"paginationShow":"paginationHide"),S.forEach(_=>_.classList.toggle(e.params.pagination.hiddenClass))}});const y=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(g=>g.classList.remove(e.params.pagination.paginationDisabledClass))),f(),h(),v()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(g=>g.classList.add(e.params.pagination.paginationDisabledClass))),w()};Object.assign(e.pagination,{enable:y,disable:I,render:h,update:v,init:f,destroy:w})}function Ln(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ce();let a=!1,d=null,r=null,c,u,v,h;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function f(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:E,rtlTranslate:A}=e,{dragEl:L,el:N}=E,F=e.params.scrollbar,H=e.params.loop?e.progressLoop:e.progress;let z=u,P=(v-u)*H;A?(P=-P,P>0?(z=u-P,P=0):-P+u>v&&(z=v+P)):P<0?(z=u+P,P=0):P+u>v&&(z=v-P),e.isHorizontal()?(L.style.transform=`translate3d(${P}px, 0, 0)`,L.style.width=`${z}px`):(L.style.transform=`translate3d(0px, ${P}px, 0)`,L.style.height=`${z}px`),F.hide&&(clearTimeout(d),N.style.opacity=1,d=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function w(E){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${E}ms`)}function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:E}=e,{dragEl:A,el:L}=E;A.style.width="",A.style.height="",v=e.isHorizontal()?L.offsetWidth:L.offsetHeight,h=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*h:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?A.style.width=`${u}px`:A.style.height=`${u}px`,h>=1?L.style.display="none":L.style.display="",e.params.scrollbar.hide&&(L.style.opacity=0),e.params.watchOverflow&&e.enabled&&E.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function I(E){return e.isHorizontal()?E.clientX:E.clientY}function p(E){const{scrollbar:A,rtlTranslate:L}=e,{el:N}=A;let F;F=(I(E)-An(N)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),F=Math.max(Math.min(F,1),0),L&&(F=1-F);const H=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*F;e.updateProgress(H),e.setTranslate(H),e.updateActiveIndex(),e.updateSlidesClasses()}function g(E){const A=e.params.scrollbar,{scrollbar:L,wrapperEl:N}=e,{el:F,dragEl:H}=L;a=!0,c=E.target===H?I(E)-E.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,E.preventDefault(),E.stopPropagation(),N.style.transitionDuration="100ms",H.style.transitionDuration="100ms",p(E),clearTimeout(r),F.style.transitionDuration="0ms",A.hide&&(F.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",E)}function m(E){const{scrollbar:A,wrapperEl:L}=e,{el:N,dragEl:F}=A;a&&(E.preventDefault?E.preventDefault():E.returnValue=!1,p(E),L.style.transitionDuration="0ms",N.style.transitionDuration="0ms",F.style.transitionDuration="0ms",o("scrollbarDragMove",E))}function S(E){const A=e.params.scrollbar,{scrollbar:L,wrapperEl:N}=e,{el:F}=L;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),A.hide&&(clearTimeout(r),r=Je(()=>{F.style.opacity=0,F.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",E),A.snapOnRelease&&e.slideToClosest())}function b(E){const{scrollbar:A,params:L}=e,N=A.el;if(!N)return;const F=N,H=L.passiveListeners?{passive:!1,capture:!1}:!1,z=L.passiveListeners?{passive:!0,capture:!1}:!1;if(!F)return;const P=E==="on"?"addEventListener":"removeEventListener";F[P]("pointerdown",g,H),l[P]("pointermove",m,H),l[P]("pointerup",S,z)}function _(){!e.params.scrollbar.el||!e.scrollbar.el||b("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||b("off")}function D(){const{scrollbar:E,el:A}=e;e.params.scrollbar=hi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const L=e.params.scrollbar;if(!L.el)return;let N;if(typeof L.el=="string"&&e.isElement&&(N=e.el.querySelector(L.el)),!N&&typeof L.el=="string"){if(N=l.querySelectorAll(L.el),!N.length)return}else N||(N=L.el);e.params.uniqueNavElements&&typeof L.el=="string"&&N.length>1&&A.querySelectorAll(L.el).length===1&&(N=A.querySelector(L.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?L.horizontalClass:L.verticalClass);let F;N&&(F=N.querySelector(Ke(e.params.scrollbar.dragClass)),F||(F=nt("div",e.params.scrollbar.dragClass),N.append(F))),Object.assign(E,{el:N,dragEl:F}),L.draggable&&_(),N&&N.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}function x(){const E=e.params.scrollbar,A=e.scrollbar.el;A&&A.classList.remove(...Ne(e.isHorizontal()?E.horizontalClass:E.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const E=e.params.scrollbar;let{el:A}=e.scrollbar;A=ke(A),A.forEach(L=>{L.classList.remove(E.horizontalClass,E.verticalClass),L.classList.add(e.isHorizontal()?E.horizontalClass:E.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?k():(D(),y(),f())}),n("update resize observerUpdate lock unlock changeDirection",()=>{y()}),n("setTranslate",()=>{f()}),n("setTransition",(E,A)=>{w(A)}),n("enable disable",()=>{const{el:E}=e.scrollbar;E&&E.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}),n("destroy",()=>{x()});const T=()=>{e.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),D(),y(),f()},k=()=>{e.el.classList.add(...Ne(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Ne(e.params.scrollbar.scrollbarDisabledClass)),x()};Object.assign(e.scrollbar,{enable:T,disable:k,updateSize:y,setTranslate:f,init:D,destroy:x})}function mt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,d,r=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,u,v=new Date().getTime(),h,f,w,y,I,p,g;function m(z){!e||e.destroyed||!e.wrapperEl||z.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",m),!g&&T())}const S=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?h=!0:h&&(c=u,h=!1);const z=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=z,o("autoplayTimeLeft",z,z/r),d=requestAnimationFrame(()=>{S()})},b=()=>{let z;return e.virtual&&e.params.virtual.enabled?z=e.slides.filter(R=>R.classList.contains("swiper-slide-active"))[0]:z=e.slides[e.activeIndex],z?parseInt(z.getAttribute("data-swiper-autoplay"),10):void 0},_=z=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(d),S();let P=typeof z>"u"?e.params.autoplay.delay:z;r=e.params.autoplay.delay,c=e.params.autoplay.delay;const R=b();!Number.isNaN(R)&&R>0&&typeof z>"u"&&(P=R,r=R,c=R),u=P;const M=e.params.speed,C=()=>{!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(()=>{_()})))};return P>0?(clearTimeout(a),a=setTimeout(()=>{C()},P)):requestAnimationFrame(()=>{C()}),P},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,_(),o("autoplayStart")},D=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(d),o("autoplayStop")},x=(z,P)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),z||(p=!0);const R=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",m):T()};if(e.autoplay.paused=!0,P){I&&(u=e.params.autoplay.delay),I=!1,R();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),R())},T=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,_(u)):_(),e.autoplay.paused=!1,o("autoplayResume"))},k=()=>{if(e.destroyed||!e.autoplay.running)return;const z=Ce();z.visibilityState==="hidden"&&(p=!0,x(!0)),z.visibilityState==="visible"&&T()},E=z=>{z.pointerType==="mouse"&&(p=!0,g=!0,!(e.animating||e.autoplay.paused)&&x(!0))},A=z=>{z.pointerType==="mouse"&&(g=!1,e.autoplay.paused&&T())},L=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",E),e.el.addEventListener("pointerleave",A))},N=()=>{e.el.removeEventListener("pointerenter",E),e.el.removeEventListener("pointerleave",A)},F=()=>{Ce().addEventListener("visibilitychange",k)},H=()=>{Ce().removeEventListener("visibilitychange",k)};n("init",()=>{e.params.autoplay.enabled&&(L(),F(),O())}),n("destroy",()=>{N(),H(),e.autoplay.running&&D()}),n("_freeModeStaticRelease",()=>{(w||p)&&T()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?D():x(!0,!0)}),n("beforeTransitionStart",(z,P,R)=>{e.destroyed||!e.autoplay.running||(R||!e.params.autoplay.disableOnInteraction?x(!0,!0):D())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){D();return}f=!0,w=!1,p=!1,y=setTimeout(()=>{p=!0,w=!0,x(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!f)){if(clearTimeout(y),clearTimeout(a),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||(I=!0)}),Object.assign(e.autoplay,{start:O,stop:D,pause:x,resume:T})}function Rn(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const r=e.getTranslate();e.setTranslate(r),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:r,touches:c}=e;r.velocities.length===0&&r.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:we()})}function d(r){let{currentPos:c}=r;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:h,snapGrid:f,touchEventsData:w}=e,I=we()-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 D=w.velocities.pop(),x=w.velocities.pop(),T=D.position-x.position,k=D.time-x.time;e.velocity=T/k,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(k>150||we()-D.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 g=e.velocity*p;let m=e.translate+g;h&&(m=-m);let S=!1,b;const _=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let O;if(m<e.maxTranslate())u.freeMode.momentumBounce?(m+e.maxTranslate()<-_&&(m=e.maxTranslate()-_),b=e.maxTranslate(),S=!0,w.allowMomentumBounce=!0):m=e.maxTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(m>e.minTranslate())u.freeMode.momentumBounce?(m-e.minTranslate()>_&&(m=e.minTranslate()+_),b=e.minTranslate(),S=!0,w.allowMomentumBounce=!0):m=e.minTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(u.freeMode.sticky){let D;for(let x=0;x<f.length;x+=1)if(f[x]>-m){D=x;break}Math.abs(f[D]-m)<Math.abs(f[D-1]-m)||e.swipeDirection==="next"?m=f[D]:m=f[D-1],m=-m}if(O&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(h?p=Math.abs((-m-e.translate)/e.velocity):p=Math.abs((m-e.translate)/e.velocity),u.freeMode.sticky){const D=Math.abs((h?-m:m)-e.translate),x=e.slidesSizesGrid[e.activeIndex];D<x?p=u.speed:D<2*x?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&S?(e.updateProgress(b),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating=!0,At(v,()=>{!e||e.destroyed||!w.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(b),At(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(m),e.setTransition(p),e.setTranslate(m),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,At(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(m),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||I>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:a,onTouchEnd:d}})}let Mt;function jn(){const t=fe(),e=Ce();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function gi(){return Mt||(Mt=jn()),Mt}let Ot;function Nn(t){let{userAgent:e}=t===void 0?{}:t;const i=gi(),n=fe(),o=n.navigator.platform,l=e||n.navigator.userAgent,a={ios:!1,android:!1},d=n.screen.width,r=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_]+))?/),h=!u&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),f=o==="Win32";let w=o==="MacIntel";const y=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!u&&w&&i.touch&&y.indexOf(`${d}x${r}`)>=0&&(u=l.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),w=!1),c&&!f&&(a.os="android",a.android=!0),(u||h||v)&&(a.os="ios",a.ios=!0),a}function bi(t){return t===void 0&&(t={}),Ot||(Ot=Nn(t)),Ot}let Lt;function Bn(){const t=fe(),e=bi();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[r,c]=d.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=r<16||r===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),a=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function zn(){return Lt||(Lt=Bn()),Lt}function Vn(t){let{swiper:e,on:i,emit:n}=t;const o=fe();let l=null,a=null;const d=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(v=>{a=o.requestAnimationFrame(()=>{const{width:h,height:f}=e;let w=h,y=f;v.forEach(I=>{let{contentBoxSize:p,contentRect:g,target:m}=I;m&&m!==e.el||(w=g?g.width:(p[0]||p).inlineSize,y=g?g.height:(p[0]||p).blockSize)}),(w!==h||y!==f)&&d()})}),l.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),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"){r();return}o.addEventListener("resize",d),o.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),o.removeEventListener("resize",d),o.removeEventListener("orientationchange",u)})}function Fn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],a=fe(),d=function(u,v){v===void 0&&(v={});const h=a.MutationObserver||a.WebkitMutationObserver,f=new h(w=>{if(e.__preventObserver__)return;if(w.length===1){o("observerUpdate",w[0]);return}const y=function(){o("observerUpdate",w[0])};a.requestAnimationFrame?a.requestAnimationFrame(y):a.setTimeout(y,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)},r=()=>{if(e.params.observer){if(e.params.observeParents){const u=mi(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",r),n("destroy",c)}var Hn={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,a=new Array(l),d=0;d<l;d++)a[d]=arguments[d];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),a=0;a<o;a++)l[a]=arguments[a];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(c=>{c.apply(n,i)})}),t}};function Un(){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 Gn(){const t=this;function e(T,k){return parseFloat(T.getPropertyValue(t.getDirectionLabel(k))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:a,wrongRTL:d}=t,r=t.virtual&&i.virtual.enabled,c=r?t.virtual.slides.length:t.slides.length,u=De(o,`.${t.params.slideClass}, swiper-slide`),v=r?t.virtual.slides.length:u.length;let h=[];const f=[],w=[];let y=i.slidesOffsetBefore;typeof y=="function"&&(y=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,g=t.slidesGrid.length;let m=i.spaceBetween,S=-y,b=0,_=0;if(typeof l>"u")return;typeof m=="string"&&m.indexOf("%")>=0?m=parseFloat(m.replace("%",""))/100*l:typeof m=="string"&&(m=parseFloat(m)),t.virtualSize=-m,u.forEach(T=>{a?T.style.marginLeft="":T.style.marginRight="",T.style.marginBottom="",T.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(ut(n,"--swiper-centered-offset-before",""),ut(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 D;const x=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){D=0;let k;if(u[T]&&(k=u[T]),O&&t.grid.updateSlide(T,k,u),!(u[T]&&Be(k,"display")==="none")){if(i.slidesPerView==="auto"){x&&(u[T].style[t.getDirectionLabel("width")]="");const E=getComputedStyle(k),A=k.style.transform,L=k.style.webkitTransform;if(A&&(k.style.transform="none"),L&&(k.style.webkitTransform="none"),i.roundLengths)D=t.isHorizontal()?Pt(k,"width",!0):Pt(k,"height",!0);else{const N=e(E,"width"),F=e(E,"padding-left"),H=e(E,"padding-right"),z=e(E,"margin-left"),P=e(E,"margin-right"),R=E.getPropertyValue("box-sizing");if(R&&R==="border-box")D=N+z+P;else{const{clientWidth:M,offsetWidth:C}=k;D=N+F+H+z+P+(C-M)}}A&&(k.style.transform=A),L&&(k.style.webkitTransform=L),i.roundLengths&&(D=Math.floor(D))}else D=(l-(i.slidesPerView-1)*m)/i.slidesPerView,i.roundLengths&&(D=Math.floor(D)),u[T]&&(u[T].style[t.getDirectionLabel("width")]=`${D}px`);u[T]&&(u[T].swiperSlideSize=D),w.push(D),i.centeredSlides?(S=S+D/2+b/2+m,b===0&&T!==0&&(S=S-l/2-m),T===0&&(S=S-l/2-m),Math.abs(S)<1/1e3&&(S=0),i.roundLengths&&(S=Math.floor(S)),_%i.slidesPerGroup===0&&h.push(S),f.push(S)):(i.roundLengths&&(S=Math.floor(S)),(_-Math.min(t.params.slidesPerGroupSkip,_))%t.params.slidesPerGroup===0&&h.push(S),f.push(S),S=S+D+m),t.virtualSize+=D+m,b=D,_+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+I,a&&d&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+m}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+m}px`),O&&t.grid.updateWrapperSize(D,h),!i.centeredSlides){const T=[];for(let k=0;k<h.length;k+=1){let E=h[k];i.roundLengths&&(E=Math.floor(E)),h[k]<=t.virtualSize-l&&T.push(E)}h=T,Math.floor(t.virtualSize-l)-Math.floor(h[h.length-1])>1&&h.push(t.virtualSize-l)}if(r&&i.loop){const T=w[0]+m;if(i.slidesPerGroup>1){const k=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),E=T*i.slidesPerGroup;for(let A=0;A<k;A+=1)h.push(h[h.length-1]+E)}for(let k=0;k<t.virtual.slidesBefore+t.virtual.slidesAfter;k+=1)i.slidesPerGroup===1&&h.push(h[h.length-1]+T),f.push(f[f.length-1]+T),t.virtualSize+=T}if(h.length===0&&(h=[0]),m!==0){const T=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");u.filter((k,E)=>!i.cssMode||i.loop?!0:E!==u.length-1).forEach(k=>{k.style[T]=`${m}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let T=0;w.forEach(E=>{T+=E+(m||0)}),T-=m;const k=T-l;h=h.map(E=>E<=0?-y:E>k?k+I:E)}if(i.centerInsufficientSlides){let T=0;if(w.forEach(k=>{T+=k+(m||0)}),T-=m,T<l){const k=(l-T)/2;h.forEach((E,A)=>{h[A]=E-k}),f.forEach((E,A)=>{f[A]=E+k})}}if(Object.assign(t,{slides:u,snapGrid:h,slidesGrid:f,slidesSizesGrid:w}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){ut(n,"--swiper-centered-offset-before",`${-h[0]}px`),ut(n,"--swiper-centered-offset-after",`${t.size/2-w[w.length-1]/2}px`);const T=-t.snapGrid[0],k=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(E=>E+T),t.slidesGrid=t.slidesGrid.map(E=>E+k)}if(v!==c&&t.emit("slidesLengthChange"),h.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),f.length!==g&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const T=`${i.containerModifierClass}backface-hidden`,k=t.el.classList.contains(T);v<=i.maxBackfaceHiddenSlides?k||t.el.classList.add(T):k&&t.el.classList.remove(T)}}function $n(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=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(a(d))}else i.push(a(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 Wn(){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 qn(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(r=>{r.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let d=i.spaceBetween;typeof d=="string"&&d.indexOf("%")>=0?d=parseFloat(d.replace("%",""))/100*e.size:typeof d=="string"&&(d=parseFloat(d));for(let r=0;r<n.length;r+=1){const c=n[r];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(a+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),h=(a-l[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),f=-(a-u),w=f+e.slidesSizesGrid[r],y=f>=0&&f<=e.size-e.slidesSizesGrid[r];(f>=0&&f<e.size-1||w>1&&w<=e.size||f<=0&&w>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(r),n[r].classList.add(i.slideVisibleClass)),y&&n[r].classList.add(i.slideFullyVisibleClass),c.progress=o?-v:v,c.originalProgress=o?-h:h}}function Yn(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:a,progressLoop:d}=e;const r=l,c=a;if(n===0)o=0,l=!0,a=!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,a=v||o>=1,u&&(o=0),v&&(o=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),h=e.slidesGrid[u],f=e.slidesGrid[v],w=e.slidesGrid[e.slidesGrid.length-1],y=Math.abs(t);y>=h?d=(y-h)/w:d=(y+w-f)/w,d>1&&(d-=1)}Object.assign(e,{progress:o,progressLoop:d,isBeginning:l,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!r&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(r&&!l||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function Xn(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,d=v=>De(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let r,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),r=d(`[data-swiper-slide-index="${v}"]`)}else r=d(`[data-swiper-slide-index="${o}"]`);else a?(r=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]):r=e[o];r&&(r.classList.add(i.slideActiveClass),a?(u&&u.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(u=Mn(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),u&&u.classList.add(i.slideNextClass),c=Pn(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const ht=(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()}},Rt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},jt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,d=[a-e];d.push(...Array.from({length:e}).map((r,c)=>a+n+c)),t.slides.forEach((r,c)=>{d.includes(r.column)&&Rt(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=l+e;a+=1){const d=(a%i+i)%i;(d<o||d>l)&&Rt(t,d)}else for(let a=Math.max(o-e,0);a<=Math.min(l+e,i-1);a+=1)a!==o&&(a>l||a<o)&&Rt(t,a)};function Jn(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 Kn(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:a,snapIndex:d}=e;let r=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 r>"u"&&(r=Jn(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const f=Math.min(o.slidesPerGroupSkip,r);c=f+Math.floor((r-f)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),r===l&&!e.params.loop){c!==d&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(r===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(r);return}const v=e.grid&&o.grid&&o.grid.rows>1;let h;if(e.virtual&&o.virtual.enabled&&o.loop)h=u(r);else if(v){const f=e.slides.filter(y=>y.column===r)[0];let w=parseInt(f.getAttribute("data-swiper-slide-index"),10);Number.isNaN(w)&&(w=Math.max(e.slides.indexOf(f),0)),h=Math.floor(w/o.grid.rows)}else if(e.slides[r]){const f=e.slides[r].getAttribute("data-swiper-slide-index");f?h=parseInt(f,10):h=r}else h=r;Object.assign(e,{previousSnapIndex:d,snapIndex:c,previousRealIndex:a,realIndex:h,previousIndex:l,activeIndex:r}),e.initialized&&jt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==h&&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(d=>{!o&&d.matches&&d.matches(`.${n.slideClass}, swiper-slide`)&&(o=d)});let l=!1,a;if(o){for(let d=0;d<i.slides.length;d+=1)if(i.slides[d]===o){l=!0,a=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=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Zn={updateSize:Un,updateSlides:Gn,updateAutoHeight:$n,updateSlidesOffset:Wn,updateSlidesProgress:qn,updateProgress:Yn,updateSlidesClasses:Xn,updateActiveIndex:Kn,updateClickedSlide:Qn};function eo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=kn(l,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function to(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:a}=i;let d=0,r=0;const c=0;i.isHorizontal()?d=n?-t:t:r=t,o.roundLengths&&(d=Math.floor(d),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?d:r,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-d:-r:o.virtualTranslate||(i.isHorizontal()?d-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${d}px, ${r}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function io(){return-this.snapGrid[0]}function no(){return-this.snapGrid[this.snapGrid.length-1]}function oo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:a,wrapperEl:d}=l;if(l.animating&&a.preventInteractionOnTransition)return!1;const r=l.minTranslate(),c=l.maxTranslate();let u;if(n&&t>r?u=r:n&&t<c?u=c:u=t,l.updateProgress(u),a.cssMode){const v=l.isHorizontal();if(e===0)d[v?"scrollLeft":"scrollTop"]=-u;else{if(!l.support.smoothScroll)return fi({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(h){!l||l.destroyed||h.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onTranslateToWrapperTransitionEnd),l.onTranslateToWrapperTransitionEnd=null,delete l.onTranslateToWrapperTransitionEnd,i&&l.emit("transitionEnd"))}),l.wrapperEl.addEventListener("transitionend",l.onTranslateToWrapperTransitionEnd))),!0}var lo={getTranslate:eo,setTranslate:to,minTranslate:io,maxTranslate:no,translateTo:oo};function so(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 yi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:a}=e;let d=n;if(d||(l>a?d="next":l<a?d="prev":d="reset"),e.emit(`transition${o}`),i&&l!==a){if(d==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),d==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function ao(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),yi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function ro(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),yi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var co={setTransition:so,transitionStart:ao,transitionEnd:ro};function uo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let a=t;a<0&&(a=0);const{params:d,snapGrid:r,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:h,wrapperEl:f,enabled:w}=l;if(l.animating&&d.preventInteractionOnTransition||!w&&!n&&!o||l.destroyed)return!1;const y=Math.min(l.params.slidesPerGroupSkip,a);let I=y+Math.floor((a-y)/l.params.slidesPerGroup);I>=r.length&&(I=r.length-1);const p=-r[I];if(d.normalizeSlideIndex)for(let m=0;m<c.length;m+=1){const S=-Math.floor(p*100),b=Math.floor(c[m]*100),_=Math.floor(c[m+1]*100);typeof c[m+1]<"u"?S>=b&&S<_-(_-b)/2?a=m:S>=b&&S<_&&(a=m+1):S>=b&&(a=m)}if(l.initialized&&a!==v&&(!l.allowSlideNext&&(h?p>l.translate&&p>l.minTranslate():p<l.translate&&p<l.minTranslate())||!l.allowSlidePrev&&p>l.translate&&p>l.maxTranslate()&&(v||0)!==a))return!1;a!==(u||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let g;if(a>v?g="next":a<v?g="prev":g="reset",h&&-p===l.translate||!h&&p===l.translate)return l.updateActiveIndex(a),d.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),d.effect!=="slide"&&l.setTranslate(p),g!=="reset"&&(l.transitionStart(i,g),l.transitionEnd(i,g)),!1;if(d.cssMode){const m=l.isHorizontal(),S=h?p:-p;if(e===0){const b=l.virtual&&l.params.virtual.enabled;b&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),b&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{f[m?"scrollLeft":"scrollTop"]=S})):f[m?"scrollLeft":"scrollTop"]=S,b&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return fi({swiper:l,targetPosition:S,side:m?"left":"top"}),!0;f.scrollTo({[m?"left":"top"]:S,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(a),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,g),e===0?l.transitionEnd(i,g):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,g))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function po(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let d;if(l){const h=a*o.params.grid.rows;d=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===h)[0].column}else d=o.getSlideIndexByData(a);const r=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=r-d<u;if(c&&(v=v||d<Math.ceil(u/2)),v){const h=c?d<o.activeIndex?"prev":"next":d-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:h,slideTo:!0,activeSlideIndex:h==="next"?d+1:d-r+1,slideRealIndex:h==="next"?o.realIndex:void 0})}if(l){const h=a*o.params.grid.rows;a=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===h)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function vo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:a}=n;if(!o||n.destroyed)return n;let d=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(d=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<l.slidesPerGroupSkip?1:d,c=n.virtual&&l.virtual.enabled;if(l.loop){if(a&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function fo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:a,rtlTranslate:d,enabled:r,animating:c}=n;if(!r||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 h(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const f=h(v),w=l.map(p=>h(p));let y=l[w.indexOf(f)-1];if(typeof y>"u"&&o.cssMode){let p;l.forEach((g,m)=>{f>=g&&(p=m)}),typeof p<"u"&&(y=l[p>0?p-1:p])}let I=0;if(typeof y<"u"&&(I=a.indexOf(y),I<0&&(I=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(I=I-n.slidesPerViewDynamic("previous",!0)+1,I=Math.max(I,0))),o.rewind&&n.isBeginning){const 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(I,t,e,i)}),!0;return n.slideTo(I,t,e,i)}function mo(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 ho(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,l),d=a+Math.floor((l-a)/o.params.slidesPerGroup),r=o.rtlTranslate?o.translate:-o.translate;if(r>=o.snapGrid[d]){const c=o.snapGrid[d],u=o.snapGrid[d+1];r-c>(u-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[d-1],u=o.snapGrid[d];r-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 go(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(De(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),Je(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(De(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),Je(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var bo={slideTo:uo,slideToLoop:po,slideNext:vo,slidePrev:fo,slideReset:mo,slideToClosest:ho,slideToClickedSlide:go};function yo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{De(n,`.${i.slideClass}, swiper-slide`).forEach((v,h)=>{v.setAttribute("data-swiper-slide-index",h)})},l=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(l?i.grid.rows:1),d=e.slides.length%a!==0,r=l&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const h=e.isElement?nt("swiper-slide",[i.slideBlankClass]):nt("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(h)}};if(d){if(i.loopAddBlankSlides){const u=a-e.slides.length%a;c(u),e.recalcSlides(),e.updateSlides()}else pt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(r){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else pt("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function wo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:a,byMousewheel:d}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:h,params:f}=r,{centeredSlides:w}=f;if(r.allowSlidePrev=!0,r.allowSlideNext=!0,r.virtual&&f.virtual.enabled){i&&(!f.centeredSlides&&r.snapIndex===0?r.slideTo(r.virtual.slides.length,0,!1,!0):f.centeredSlides&&r.snapIndex<f.slidesPerView?r.slideTo(r.virtual.slides.length+r.snapIndex,0,!1,!0):r.snapIndex===r.snapGrid.length-1&&r.slideTo(r.virtual.slidesBefore,0,!1,!0)),r.allowSlidePrev=u,r.allowSlideNext=v,r.emit("loopFix");return}let y=f.slidesPerView;y==="auto"?y=r.slidesPerViewDynamic():(y=Math.ceil(parseFloat(f.slidesPerView,10)),w&&y%2===0&&(y=y+1));const I=f.slidesPerGroupAuto?y:f.slidesPerGroup;let p=I;p%I!==0&&(p+=I-p%I),p+=f.loopAdditionalSlides,r.loopedSlides=p;const g=r.grid&&f.grid&&f.grid.rows>1;c.length<y+p?pt("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):g&&f.grid.fill==="row"&&pt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const m=[],S=[];let b=r.activeIndex;typeof l>"u"?l=r.getSlideIndex(c.filter(A=>A.classList.contains(f.slideActiveClass))[0]):b=l;const _=n==="next"||!n,O=n==="prev"||!n;let D=0,x=0;const T=g?Math.ceil(c.length/f.grid.rows):c.length,E=(g?c[l].column:l)+(w&&typeof o>"u"?-y/2+.5:0);if(E<p){D=Math.max(p-E,I);for(let A=0;A<p-E;A+=1){const L=A-Math.floor(A/T)*T;if(g){const N=T-L-1;for(let F=c.length-1;F>=0;F-=1)c[F].column===N&&m.push(F)}else m.push(T-L-1)}}else if(E+y>T-p){x=Math.max(E-(T-p*2),I);for(let A=0;A<x;A+=1){const L=A-Math.floor(A/T)*T;g?c.forEach((N,F)=>{N.column===L&&S.push(F)}):S.push(L)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),O&&m.forEach(A=>{c[A].swiperLoopMoveDOM=!0,h.prepend(c[A]),c[A].swiperLoopMoveDOM=!1}),_&&S.forEach(A=>{c[A].swiperLoopMoveDOM=!0,h.append(c[A]),c[A].swiperLoopMoveDOM=!1}),r.recalcSlides(),f.slidesPerView==="auto"?r.updateSlides():g&&(m.length>0&&O||S.length>0&&_)&&r.slides.forEach((A,L)=>{r.grid.updateSlide(L,A,r.slides)}),f.watchSlidesProgress&&r.updateSlidesOffset(),i){if(m.length>0&&O){if(typeof e>"u"){const A=r.slidesGrid[b],N=r.slidesGrid[b+D]-A;d?r.setTranslate(r.translate-N):(r.slideTo(b+Math.ceil(D),0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else if(o){const A=g?m.length/f.grid.rows:m.length;r.slideTo(r.activeIndex+A,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(S.length>0&&_)if(typeof e>"u"){const A=r.slidesGrid[b],N=r.slidesGrid[b-x]-A;d?r.setTranslate(r.translate-N):(r.slideTo(b-x,0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else{const A=g?S.length/f.grid.rows:S.length;r.slideTo(r.activeIndex-A,0,!1,!0)}}if(r.allowSlidePrev=u,r.allowSlideNext=v,r.controller&&r.controller.control&&!a){const A={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(L=>{!L.destroyed&&L.params.loop&&L.loopFix({...A,slideTo:L.params.slidesPerView===f.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...A,slideTo:r.controller.control.params.slidesPerView===f.slidesPerView?i:!1})}r.emit("loopFix")}function So(){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 xo={loopCreate:yo,loopFix:wo,loopDestroy:So};function To(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 Eo(){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 Co={setGrabCursor:To,unsetGrabCursor:Eo};function Io(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ce()||n===fe())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 wi(t,e,i){const n=fe(),{params:o}=t,l=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return l&&(i<=a||i>=n.innerWidth-a)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function Do(t){const e=this,i=Ce();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"){wi(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:a,enabled:d}=e;if(!d||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let r=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(r=u[0]);const v=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,h=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(h?Io(v,r):r.closest(v))){e.allowClick=!0;return}if(l.swipeHandler&&!r.closest(l.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const f=a.currentX,w=a.currentY;if(!wi(e,n,f))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=f,a.startY=w,o.touchStartTime=we(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let y=!0;r.matches(o.focusableElements)&&(y=!1,r.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const I=y&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||I)&&!r.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function ko(t){const e=Ce(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:a,enabled:d}=i;if(!d||!o.simulateTouch&&t.pointerType==="mouse")return;let r=t;if(r.originalEvent&&(r=r.originalEvent),r.type==="pointermove"&&(n.touchId!==null||r.pointerId!==n.pointerId))return;let c;if(r.type==="touchmove"){if(c=[...r.changedTouches].filter(_=>_.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const u=c.pageX,v=c.pageY;if(r.preventedByNestedSwiper){l.startX=u,l.startY=v;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=we());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&&r.target===e.activeElement&&r.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",r),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=u,l.currentY=v;const h=l.currentX-l.startX,f=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(h**2+f**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let _;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:h*h+f*f>=25&&(_=Math.atan2(Math.abs(f),Math.abs(h))*180/Math.PI,n.isScrolling=i.isHorizontal()?_>o.touchAngle:90-_>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",r),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&r.cancelable&&r.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&r.stopPropagation();let w=i.isHorizontal()?h:f,y=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(w=Math.abs(w)*(a?1:-1),y=Math.abs(y)*(a?1:-1)),l.diff=w,w*=o.touchRatio,a&&(w=-w,y=-y);const I=i.touchesDirection;i.swipeDirection=w>0?"prev":"next",i.touchesDirection=y>0?"prev":"next";const p=i.params.loop&&!o.cssMode,g=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&g&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const _=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(_)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",r)}let m;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&p&&g&&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",r),n.isMoved=!0,n.currentTranslate=w+n.startTranslate;let S=!0,b=o.resistanceRatio;if(o.touchReleaseOnEdges&&(b=0),w>0?(p&&g&&!m&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(S=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+w)**b))):w<0&&(p&&g&&!m&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(S=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-w)**b))),S&&(r.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(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 _o(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(b=>b.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:a,touches:d,rtlTranslate:r,slidesGrid:c,enabled:u}=e;if(!u||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=we(),h=v-i.touchStartTime;if(e.allowClick){const b=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(b&&b[0]||n.target,b),e.emit("tap click",n),h<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=we(),Je(()=>{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(a.followFinger?f=r?e.translate:-e.translate:f=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:f});return}const w=f>=-e.maxTranslate()&&!e.params.loop;let y=0,I=e.slidesSizesGrid[0];for(let b=0;b<c.length;b+=b<a.slidesPerGroupSkip?1:a.slidesPerGroup){const _=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[b+_]<"u"?(w||f>=c[b]&&f<c[b+_])&&(y=b,I=c[b+_]-c[b]):(w||f>=c[b])&&(y=b,I=c[c.length-1]-c[c.length-2])}let p=null,g=null;a.rewind&&(e.isBeginning?g=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const m=(f-c[y])/I,S=y<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(h>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(m>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?p:y+S):e.slideTo(y)),e.swipeDirection==="prev"&&(m>1-a.longSwipesRatio?e.slideTo(y+S):g!==null&&m<0&&Math.abs(m)>a.longSwipesRatio?e.slideTo(g):e.slideTo(y))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(y+S):e.slideTo(y):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:y+S),e.swipeDirection==="prev"&&e.slideTo(g!==null?g:y))}}function Si(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const d=a&&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&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Ao(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Po(){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 Mo(t){const e=this;ht(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Oo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const xi=(t,e)=>{const i=Ce(),{params:n,el:o,wrapperEl:l,device:a}=t,d=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",c=e;i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:d}),o[r]("touchstart",t.onTouchStart,{passive:!1}),o[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:d}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:d}),i[r]("touchend",t.onTouchEnd,{passive:!0}),i[r]("pointerup",t.onTouchEnd,{passive:!0}),i[r]("pointercancel",t.onTouchEnd,{passive:!0}),i[r]("touchcancel",t.onTouchEnd,{passive:!0}),i[r]("pointerout",t.onTouchEnd,{passive:!0}),i[r]("pointerleave",t.onTouchEnd,{passive:!0}),i[r]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[r]("click",t.onClick,!0),n.cssMode&&l[r]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",Si,!0):t[c]("observerUpdate",Si,!0),o[r]("load",t.onLoad,{capture:!0})};function Lo(){const t=this,{params:e}=t;t.onTouchStart=Do.bind(t),t.onTouchMove=ko.bind(t),t.onTouchEnd=_o.bind(t),t.onDocumentTouchStart=Oo.bind(t),e.cssMode&&(t.onScroll=Po.bind(t)),t.onClick=Ao.bind(t),t.onLoad=Mo.bind(t),xi(t,"on")}function Ro(){xi(this,"off")}var jo={attachEvents:Lo,detachEvents:Ro};const Ti=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function No(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const a=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const r=(a in l?l[a]:void 0)||t.originalParams,c=Ti(t,n),u=Ti(t,r),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`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof r[p]>"u")return;const g=n[p]&&n[p].enabled,m=r[p]&&r[p].enabled;g&&!m&&t[p].disable(),!g&&m&&t[p].enable()});const h=r.direction&&r.direction!==n.direction,f=n.loop&&(r.slidesPerView!==n.slidesPerView||h),w=n.loop;h&&i&&t.changeDirection(),ye(t.params,r);const y=t.params.enabled,I=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!y?t.disable():!v&&y&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",r),i&&(f?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!w&&I?(t.loopCreate(e),t.updateSlides()):w&&!I&&t.loopDestroy()),t.emit("breakpoint",r)}function Bo(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=fe(),l=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(d=>{if(typeof d=="string"&&d.indexOf("@")===0){const r=parseFloat(d.substr(1));return{value:l*r,point:d}}return{value:d,point:d}});a.sort((d,r)=>parseInt(d.value,10)-parseInt(r.value,10));for(let d=0;d<a.length;d+=1){const{point:r,value:c}=a[d];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=r):c<=i.clientWidth&&(n=r)}return n||"max"}var zo={setBreakpoint:No,getBreakpoint:Bo};function Vo(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 Fo(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,a=Vo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function Ho(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Uo={addClasses:Fo,removeClasses:Ho};function Go(){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 $o={checkOverflow:Go},Nt={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 Wo(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){ye(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)){ye(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),ye(e,n)}}const Bt={eventsEmitter:Hn,update:Zn,translate:lo,transition:co,slide:bo,loop:xo,grabCursor:Co,events:jo,breakpoints:zo,checkOverflow:$o,classes:Uo},zt={};let Vt=class Le{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=ye({},i),e&&!i.el&&(i.el=e);const a=Ce();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const u=[];return a.querySelectorAll(i.el).forEach(v=>{const h=ye({},i,{el:v});u.push(new Le(h))}),u}const d=this;d.__swiper__=!0,d.support=gi(),d.device=bi({userAgent:i.userAgent}),d.browser=zn(),d.eventsListeners={},d.eventsAnyListeners=[],d.modules=[...d.__modules__],i.modules&&Array.isArray(i.modules)&&d.modules.push(...i.modules);const r={};d.modules.forEach(u=>{u({params:i,swiper:d,extendParams:Wo(i,r),on:d.on.bind(d),once:d.once.bind(d),off:d.off.bind(d),emit:d.emit.bind(d)})});const c=ye({},Nt,r);return d.params=ye({},c,zt,i),d.originalParams=ye({},d.params),d.passedParams=ye({},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=De(i,`.${n.slideClass}, swiper-slide`),l=vt(o[0]);return vt(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=De(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:a,slidesSizesGrid:d,size:r,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,h;for(let f=c+1;f<l.length;f+=1)l[f]&&!h&&(v+=Math.ceil(l[f].swiperSlideSize),u+=1,v>r&&(h=!0));for(let f=c-1;f>=0;f-=1)l[f]&&!h&&(v+=l[f].swiperSlideSize,u+=1,v>r&&(h=!0))}else if(e==="current")for(let v=c+1;v<l.length;v+=1)(i?a[v]+d[v]-a[c]<r:a[v]-a[c]<r)&&(u+=1);else for(let v=c-1;v>=0;v-=1)a[c]-a[v]<r&&(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(a=>{a.complete&&ht(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,d=Math.min(Math.max(a,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 a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(a.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):De(n,o())[0];return!a&&i.params.createElements&&(a=nt("div",i.params.wrapperClass),n.append(a),De(n,`.${i.params.slideClass}`).forEach(d=>{a.append(d)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl"),wrongRTL:Be(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?ht(i,l):l.addEventListener("load",a=>{ht(i,a.target)})}),jt(i),i.initialized=!0,jt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:a,slides: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"),a.removeAttribute("style"),d&&d.length&&d.forEach(r=>{r.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),r.removeAttribute("style"),r.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(r=>{n.off(r)}),e!==!1&&(n.el.swiper=null,In(n)),n.destroyed=!0),null}static extendDefaults(e){ye(zt,e)}static get extendedDefaults(){return zt}static get defaults(){return Nt}static installModule(e){Le.prototype.__modules__||(Le.prototype.__modules__=[]);const i=Le.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Le.installModule(i)),Le):(Le.installModule(e),Le)}};Object.keys(Bt).forEach(t=>{Object.keys(Bt[t]).forEach(e=>{Vt.prototype[e]=Bt[t][e]})}),Vt.use([Vn,Fn]);const Ei=["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 $e(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function Qe(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]:$e(e[n])&&$e(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:Qe(t[n],e[n]):t[n]=e[n]})}function Ci(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Ii(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Di(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function ki(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 qo(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Yo(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:a,scrollbarEl:d,paginationEl:r}=t;const c=o.filter(x=>x!=="children"&&x!=="direction"&&x!=="wrapperClass"),{params:u,pagination:v,navigation:h,scrollbar:f,virtual:w,thumbs:y}=e;let I,p,g,m,S,b,_,O;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(I=!0),o.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(g=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||d)&&(u.scrollbar||u.scrollbar===!1)&&f&&!f.el&&(m=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||l)&&(u.navigation||u.navigation===!1)&&h&&!h.prevEl&&!h.nextEl&&(S=!0);const D=x=>{e[x]&&(e[x].destroy(),x==="navigation"?(e.isElement&&(e[x].prevEl.remove(),e[x].nextEl.remove()),u[x].prevEl=void 0,u[x].nextEl=void 0,e[x].prevEl=void 0,e[x].nextEl=void 0):(e.isElement&&e[x].el.remove(),u[x].el=void 0,e[x].el=void 0))};o.includes("loop")&&e.isElement&&(u.loop&&!n.loop?b=!0:!u.loop&&n.loop?_=!0:O=!0),c.forEach(x=>{if($e(u[x])&&$e(n[x]))Object.assign(u[x],n[x]),(x==="navigation"||x==="pagination"||x==="scrollbar")&&"enabled"in n[x]&&!n[x].enabled&&D(x);else{const T=n[x];(T===!0||T===!1)&&(x==="navigation"||x==="pagination"||x==="scrollbar")?T===!1&&D(x):u[x]=n[x]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),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),I&&y.init()&&y.update(!0),p&&(e.controller.control=u.controller.control),g&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(u.pagination.el=r),v.init(),v.render(),v.update()),m&&(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()),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)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),l&&(u.navigation.nextEl=l),a&&(u.navigation.prevEl=a),h.init(),h.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(b||O)&&e.loopDestroy(),(_||O)&&e.loopCreate(),e.update()}function Xo(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};Qe(i,Nt),i._emitClasses=!0,i.init=!1;const l={},a=Ei.map(r=>r.replace(/_/,"")),d=Object.assign({},t);return Object.keys(d).forEach(r=>{typeof t[r]>"u"||(a.indexOf(r)>=0?$e(t[r])?(i[r]={},o[r]={},Qe(i[r],t[r]),Qe(o[r],t[r])):(i[r]=t[r],o[r]=t[r]):r.search(/on[A-Z]/)===0&&typeof t[r]=="function"?e?n[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:i.on[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:l[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:o,rest:l,events:n}}function Jo(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:a,swiper:d}=t;Ci(e)&&n&&o&&(d.params.navigation.nextEl=n,d.originalParams.navigation.nextEl=n,d.params.navigation.prevEl=o,d.originalParams.navigation.prevEl=o),Ii(e)&&l&&(d.params.pagination.el=l,d.originalParams.pagination.el=l),Di(e)&&a&&(d.params.scrollbar.el=a,d.originalParams.scrollbar.el=a),d.init(i)}function Ko(t,e,i,n,o){const l=[];if(!e)return l;const a=r=>{l.indexOf(r)<0&&l.push(r)};if(i&&n){const r=n.map(o),c=i.map(o);r.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return Ei.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if($e(t[r])&&$e(e[r])){const c=Object.keys(t[r]),u=Object.keys(e[r]);c.length!==u.length?a(r):(c.forEach(v=>{t[r][v]!==e[r][v]&&a(r)}),u.forEach(v=>{t[r][v]!==e[r][v]&&a(r)}))}else t[r]!==e[r]&&a(r)}),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 gt(){return gt=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},gt.apply(this,arguments)}function _i(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Ai(t){const e=[];return s.Children.toArray(t).forEach(i=>{_i(i)?e.push(i):i.props&&i.props.children&&Ai(i.props.children).forEach(n=>e.push(n))}),e}function Zo(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return s.Children.toArray(t).forEach(n=>{if(_i(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=Ai(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 el(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:a}=i,d=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,c=[];for(let u=d;u<r;u+=1)u>=l&&u<=a&&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 ot(t,e){return typeof window>"u"?s.useEffect(t,e):s.useLayoutEffect(t,e)}const Ft=s.createContext(null),Pi=()=>s.useContext(Ft),tl=s.createContext(null),We=s.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:a,...d}=t===void 0?{}:t,r=!1;const[c,u]=s.useState("swiper"),[v,h]=s.useState(null),[f,w]=s.useState(!1),y=s.useRef(!1),I=s.useRef(null),p=s.useRef(null),g=s.useRef(null),m=s.useRef(null),S=s.useRef(null),b=s.useRef(null),_=s.useRef(null),O=s.useRef(null),{params:D,passedParams:x,rest:T,events:k}=Xo(d),{slides:E,slots:A}=Zo(l),L=()=>{w(!f)};Object.assign(D.on,{_containerClasses(P,R){u(R)}});const N=()=>{Object.assign(D.on,k),r=!0;const P={...D};if(delete P.wrapperClass,p.current=new Vt(P),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=E;const R={cache:!1,slides:E,renderExternal:h,renderExternalUpdate:!1};Qe(p.current.params.virtual,R),Qe(p.current.originalParams.virtual,R)}};I.current||N(),p.current&&p.current.on("_beforeBreakpoint",L);const F=()=>{r||!k||!p.current||Object.keys(k).forEach(P=>{p.current.on(P,k[P])})},H=()=>{!k||!p.current||Object.keys(k).forEach(P=>{p.current.off(P,k[P])})};s.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",L)}),s.useEffect(()=>{!y.current&&p.current&&(p.current.emitSlidesClasses(),y.current=!0)}),ot(()=>{if(e&&(e.current=I.current),!!I.current)return p.current.destroyed&&N(),Jo({el:I.current,nextEl:S.current,prevEl:b.current,paginationEl:_.current,scrollbarEl:O.current,swiper:p.current},D),a&&!p.current.destroyed&&a(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),ot(()=>{F();const P=Ko(x,g.current,E,m.current,R=>R.key);return g.current=x,m.current=E,P.length&&p.current&&!p.current.destroyed&&Yo({swiper:p.current,slides:E,passedParams:x,changedParams:P,nextEl:S.current,prevEl:b.current,scrollbarEl:O.current,paginationEl:_.current}),()=>{H()}}),ot(()=>{Qo(p.current)},[v]);function z(){return D.virtual?el(p.current,E,v):E.map((P,R)=>s.cloneElement(P,{swiper:p.current,swiperSlideIndex:R}))}return s.createElement(n,gt({ref:I,className:ki(`${c}${i?` ${i}`:""}`)},T),s.createElement(tl.Provider,{value:p.current},A["container-start"],s.createElement(o,{className:qo(D.wrapperClass)},A["wrapper-start"],z(),A["wrapper-end"]),Ci(D)&&s.createElement(s.Fragment,null,s.createElement("div",{ref:b,className:"swiper-button-prev"}),s.createElement("div",{ref:S,className:"swiper-button-next"})),Di(D)&&s.createElement("div",{ref:O,className:"swiper-scrollbar"}),Ii(D)&&s.createElement("div",{ref:_,className:"swiper-pagination"}),A["container-end"]))});We.displayName="Swiper";const _e=s.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:a,lazy:d,virtualIndex:r,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=s.useRef(null),[h,f]=s.useState("swiper-slide"),[w,y]=s.useState(!1);function I(S,b,_){b===v.current&&f(_)}ot(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!l)){if(l.destroyed){h!=="swiper-slide"&&f("swiper-slide");return}return l.on("_slideClass",I),()=>{l&&l.off("_slideClass",I)}}}),ot(()=>{l&&v.current&&!l.destroyed&&f(l.getSlideClasses(v.current))},[l]);const p={isActive:h.indexOf("swiper-slide-active")>=0,isVisible:h.indexOf("swiper-slide-visible")>=0,isPrev:h.indexOf("swiper-slide-prev")>=0,isNext:h.indexOf("swiper-slide-next")>=0},g=()=>typeof n=="function"?n(p):n,m=()=>{y(!0)};return s.createElement(i,gt({ref:v,className:ki(`${h}${o?` ${o}`:""}`),"data-swiper-slide-index":r,onLoad:m},u),a&&s.createElement(Ft.Provider,{value:p},s.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},g(),d&&!w&&s.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&s.createElement(Ft.Provider,{value:p},g(),d&&!w&&s.createElement("div",{className:"swiper-lazy-preloader"})))});_e.displayName="SwiperSlide";function Oe(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=le(),o=s.useCallback((a,d,r,c)=>{var u,v,h,f,w,y,I,p,g,m,S,b,_,O;let D="";e&&(!((v=(u=a?.video)===null||u===void 0?void 0:u.bindProducts)===null||v===void 0)&&v.length||!((h=a?.video)===null||h===void 0)&&h.bindProduct)?D="pdpPage":n?D="hashTagPage":!((f=a?.video)===null||f===void 0)&&f.url?D="videoPage":!((w=a?.video)===null||w===void 0)&&w.imgUrls&&(!((I=(y=a?.video)===null||y===void 0?void 0:y.imgUrls)===null||I===void 0)&&I.length)?D="imagePage":a?.product&&(D="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=d?.itemId)!==null&&p!==void 0?p:"",productName:(g=d?.title)!==null&&g!==void 0?g:"",price:d?.price?d?.price+"":"0",productCollection:(m=d?.collection)!==null&&m!==void 0?m:"",fromKName:D,fromKPage:location?.href,contentTags:d?.tags?JSON.stringify(d?.tags):"",position:c+"",contentId:(b=(S=a?.video)===null||S===void 0?void 0:S.itemId)!==null&&b!==void 0?b:"",ctatId:(_=r?.itemId)!==null&&_!==void 0?_:"",traceInfo:(O=d?.traceInfo)!==null&&O!==void 0?O:""}})},[t,e,n]),l=s.useCallback((a,d,r,c,u)=>{var v,h,f,w;let y="";e&&(!((h=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||h===void 0)&&h.length||!((f=a?.video)===null||f===void 0)&&f.bindProduct)?y="pdpPage":a?.product&&(y="productPage"),t?.({eventInfo:{productId:d?.itemId,productName:d?.title,price:d?.price?d?.price+"":"0",productCollection:d?.collection,fromKName:y,fromKPage:location?.href,contentTags:JSON.stringify(d?.tags),position:u+"",contentId:(w=a?.video)===null||w===void 0?void 0:w.itemId,ctatId:r?.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 il="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",nl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var a;const[d,r]=s.useState(!1),c=s.useRef(null);s.useEffect(()=>{const h=document.getElementById("sxp-render"),f=document.getElementById("pb-modal");f?c.current=f:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),h?.appendChild(c.current))},[]);const u=s.useMemo(()=>l?.id&&l?.id!==""||t,[t,l]);if(s.useEffect(()=>{u?r(!0):setTimeout(()=>{r(!1)},l?.duration)},[u,l]),!c.current)return null;const v=ue.debounce(()=>{e?.()},300);return Zt.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:((a=l?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:h=>{h.stopPropagation(),h.preventDefault()}},s.createElement("div",{onClick:e,className:"modal-icon-wrapper"},s.createElement("img",{src:il,alt:"close",className:"modal-icon"})),i))),c.current)};var bt=s.memo(nl);const ol=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},ll=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:a,isPost:d,onChange:r})=>{const[c,u]=s.useState(!1),[v,h]=s.useState(!1),f=Number(i?.lineClamp||2),w=s.useRef(null),y=s.useRef(null),I=s.useCallback(()=>{u(!c)},[c,r]);return s.useMemo(()=>!c&&t.length>e?ol(t,e)+"...":t,[t,e,c]),s.useEffect(()=>{var p,g;((p=y?.current)===null||p===void 0?void 0:p.offsetHeight)>((g=w?.current)===null||g===void 0?void 0:g.offsetHeight)&&d?h(!0):h(!1),y.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:y,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&d&&v&&s.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??I},c?a||"show less":l||"show more"))};var yt=s.memo(ll);const sl=s.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:a}=t,[d,r]=s.useState();return s.useImperativeHandle(e,()=>({setSrc:c=>{r(c)}})),s.useEffect(()=>{r(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:a,onLoad:c=>{n?.(c.target)}})):s.createElement("img",{className:l,src:d,style:o,loading:a,onLoad:c=>{n?.(c.target)}}))});var Se=s.memo(sl);const al=t=>{var e,i,n,o,l,a,d,r,c,{content:u,style:v,bgImg:h,onClick:f,schema:w,isDefault:y,bottom_image:I,tipText:p,isPost:g,viewTime:m,rec:S,swiper:b,commodityStyles:_,buttonStyle:O,index:D}=t,x=pe(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:T}=le(),{popupDetailData:k,bffEventReport:E,isPreview:A,waterFallData:L}=le(),{jumpToWeb:N,productView:F}=Oe(),H=s.useRef(null),[z,P]=s.useState(!1),R=g?S:k,M=g?R?.product:(e=R?.video)===null||e===void 0?void 0:e.bindProduct,C=g?(i=R?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=R?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,U=g?D:k?.index,q=()=>{M?.link&&(N(k,M,C,U),g||F(R,M,C,m||H.current,U),window.location.href=window.getJointUtmLink(M.link))};s.useEffect(()=>{const G=()=>{H.current=new Date};return G(),window.addEventListener("pageshow",G),()=>{window.removeEventListener("pageshow",G)}},[]);const Y=s.useMemo(()=>{var G,K,Z,X,se;return M?.currency&&M?.price?`${(Z=(K=(G=M?.currency)===null||G===void 0?void 0:G.split("-")[1])===null||K===void 0?void 0:K.toUpperCase())!==null&&Z!==void 0?Z:""}${(se=(X=M?.price)===null||X===void 0?void 0:X.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&se!==void 0?se:""}`:"$7,000"},[M?.price,M?.currency]),B=A?375:(l=v?.width)!==null&&l!==void 0?l:window.innerWidth,V=({isPost:G})=>{var K,Z,X;return s.createElement("div",null,s.createElement("div",{className:"pb-commondity-content-collection",style:_?.collection,hidden:!!M&&(!M?.collection||M?.collection==="")},(K=M?.collection)!==null&&K!==void 0?K:"Tiffany Lock"),s.createElement("div",{className:"pb-commondity-content-title",style:_?.title,hidden:!!M&&!M?.title},(Z=M?.title)!==null&&Z!==void 0?Z:"Pendant in Yellow Gold with Diamonds, Medium"),s.createElement("div",{className:"pb-commondity-content-price",style:_?.price,hidden:!!M&&!M?.price},Y),s.createElement("div",{hidden:!!M&&(!M?.info||M?.info==="")},s.createElement(yt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>P(!0),isPost:G,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
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var ue=require("lodash"),qi=require("uuid"),Yi=require("pako"),s=require("react"),Qt=require("qs"),J=require("@emotion/css"),Xi=require("@ant-design/pro-components"),Ji=require("react-dom"),nt=require("hls.js"),Ki=require("eventemitter3");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 Zt=Qi(Ji);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 he(t,e,i,n){function o(l){return l instanceof i?l:new i(function(a){a(l)})}return new(i||(i=Promise))(function(l,a){function d(u){try{c(n.next(u))}catch(v){a(v)}}function r(u){try{c(n.throw(u))}catch(v){a(v)}}function c(u){u.done?l(u.value):o(u.value).then(d,r)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const Zi=/:\w+/g;var ei=(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:a,url:d,urlParams:r,name:c,queryString:u,headers:v,body:m}=e[o];let f=d;r&&Object.entries(r).forEach(([x,y])=>{f=f.replace(Zi,_=>_===x?y:_)}),u&&(f+=u),n[l]=c;try{const x=yield fetch(f,{method:a,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(y=>y.json());i[l]=x}catch(x){console.error("DataSource request error: ",x),i[l]={}}}return{$store:i,idMapName:n}});const ti="SXP_TOKEN_INFO",en=(t,e)=>he(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),a=window.localStorage.getItem(ti);let d=JSON.parse(a||"{}");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(ti,JSON.stringify(d))}}return d});function rt(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 tn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let o=0;for(;o<t;)e+=i.charAt(Math.floor(Math.random()*n)),o+=1;return e},nn=()=>{const t=qi.v4();return t?.replaceAll?t.replaceAll("-",""):tn(32)};function ii(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=Yi.inflate(n,{to:"string"});return JSON.parse(o)}let xt=null;const on={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class ln{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,xt)return xt;xt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?on[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let ve=null;const sn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{ve||(ve=new ln),n&&ve.setApiUrl(n),ve.setAppId(t),ve.setTenantId(e),ve.setEnv(i)},getDetail:t=>{if(!ve)return;const e=ve.getTenantId(),i=ve.getAppId(),n=ve.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,a;const d=yield o.json(),r=ii((l=d?.data)===null||l===void 0?void 0:l.data);if(r){const{$store:c}=yield ei(n,(a=r?.dataSource)!==null&&a!==void 0?a:[]);d.data.data=r,Object.assign(d.data.data,{__STORE__:c})}return d}))},getSxpDetailByPageId:t=>he(void 0,void 0,void 0,function*(){if(!ve)return;const e=ve.getTenantId(),i=ve.getAppId(),n=ve.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 a=yield o.json();if(!a.success)return;const d=ii((l=a?.data)===null||l===void 0?void 0:l.data);return a.data.data=d,a.data}))}),getSxpRecommendVideoData:t=>he(void 0,void 0,void 0,function*(){if(!ve)return;const e=yield en(ve,t),i=rt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");ue.isEmpty(n)&&(n=rt(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(ci)}function an(){return s.useContext(di)}const Tt="feRealSessionIdKey",ni=()=>{const t=nn();return`${Date.now()}${t}`},rn=()=>{let t=cn();return t||(t=ni(),window.sessionStorage.setItem(Tt,t)),t},dn=()=>{const t=ni();window.sessionStorage.setItem(Tt,t)},cn=()=>window.sessionStorage.getItem(Tt),oi="SXP_FAKE_USER_ID",li="FAKE_USER_STATE",un=()=>{let t=window.localStorage.getItem(oi);return ue.isEmpty(t)&&(t=rt(36,62),window.localStorage.setItem(oi,t)),t},pn=()=>{const t=window.localStorage.getItem(li);return ue.isEmpty(t)&&window.localStorage.setItem(li,"true"),ue.isEmpty(t)};function we(t,e){const{appDomain:i}=le();return s.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const si=s.createContext({rtcList:[]});var Et;(function(t){t[t.BFF=5]="BFF"})(Et||(Et={}));const vn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],fn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:a=!1,sxpParameter:d,appDomain:r,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1})=>{const[m,f]=s.useState([]),[x,y]=s.useState(!1),[_,p]=s.useState({rtc:"",requestId:""}),w=s.useRef(null),h=s.useRef(!1),[b,g]=s.useState(),[D,O]=s.useState(),[I,T]=s.useState(v),[S,k]=s.useState([]),[E,A]=s.useState(0),[L,N]=s.useState(!1);s.useEffect(()=>{T(v)},[v]);const F=s.useMemo(()=>e?.find(z=>z.type===Et.BFF),[e]),H=s.useCallback((z,V)=>{if(!F)return;const W=F.url,G=un();if(V?.query){const K=Qt.stringify(V.query);z=`${z}?${K}`}return V.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${W}/api/v1${z}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},F.headers),{"x-user-id":G}),V.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${W}/api/v1${z}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":G},F.headers),method:V.method,body:JSON.stringify(V.body)}).then(K=>K.json()).catch(K=>Promise.reject(K))},[F]),B=s.useCallback(z=>he(void 0,void 0,void 0,function*(){var V,W,G,K;if(z={maxSize:o,defaultSize:(V=z?.defaultSize)!==null&&V!==void 0?V:l,"itemFilter.itemId":z?.["itemFilter.itemId"],"itemFilter.itemType":z?.["itemFilter.itemType"],hashTag:z?.hashTag,traceInfo:z?.traceInfo},i){const X=(K=(G=(W=i?.split("&"))===null||W===void 0?void 0:W.filter(se=>{const de=se.split("=")[0];return vn.includes(de)}))===null||G===void 0?void 0:G.join("&"))!==null&&K!==void 0?K:"";z=Object.assign(Object.assign({},z),{channel:decodeURIComponent(X)})}const Z=yield H?.("/recommend/list",{method:"GET",query:z});if(Z?.success)return z?.hashTag||p({rtc:Z.data.rtc,requestId:Z.data.requestId}),Z?.data}),[H,i,o,l]),M=s.useCallback(()=>he(void 0,void 0,void 0,function*(){var z,V;if(m.length<=0)return;const W=yield B({hashTag:D?.hashTag,"itemFilter.itemId":D?.itemId,"itemFilter.itemType":D?.itemType});f(m.concat((z=W?.recList)!==null&&z!==void 0?z:[])),k(S.concat((V=W?.recList)!==null&&V!==void 0?V:[]))}),[B,m,D,S]),R=s.useCallback(({userInfo:z,eventInfo:V})=>{if(!n)return;z||(z={});const W=rn(),G=Object.assign({sessionID:W,rtc:_.rtc,requestId:_.requestId},V),K=Object.entries(z).map(([X,se])=>({name:X,value:se})),Z=Object.entries(G).map(([X,se])=>se&&{name:X,value:se}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",z),console.log("eventInfo:",G),console.log("========= \u7ED3\u675F ========="),H?.("/event/report",{method:"POST",body:{userInfo:K,eventInfo:Z},type:"beacon"})},[H,_,n]),P=s.useCallback(z=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/recommend/like",{method:"POST",body:z});return V?.success}),[H]),C=s.useCallback(z=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/recommend/unlike",{method:"POST",body:z});return V?.success}),[H]),U=s.useCallback(z=>he(void 0,void 0,void 0,function*(){const V=yield H?.("/customform",{method:"POST",body:z});return V?.success}),[H]),Y=s.useCallback((z,V,W,G)=>{var K,Z,X,se,de,ge,qe,Ye,et,Xe,tt,Re;const me=W?.bindCta,it=((K=V?.video)===null||K===void 0?void 0:K.bindProduct)||((Z=V?.video)===null||Z===void 0?void 0:Z.bindProducts)&&((se=(X=V?.video)===null||X===void 0?void 0:X.bindProducts)===null||se===void 0?void 0:se.length)>0;let Ve="";L?Ve="hashTagPage":!((de=V?.video)===null||de===void 0)&&de.url?Ve="videoPage":!((qe=(ge=V?.video)===null||ge===void 0?void 0:ge.imgUrls)===null||qe===void 0)&&qe.length&&(Ve="imagePage"),R?.({eventInfo:Object.assign(Object.assign({},z),{ctaId:(Ye=me?.itemId)!==null&&Ye!==void 0?Ye:"",ctaName:(et=me?.title)!==null&&et!==void 0?et:"",contentTags:JSON.stringify(me?.tags),position:G+"",contentId:(tt=(Xe=V?.video)===null||Xe===void 0?void 0:Xe.itemId)!==null&&tt!==void 0?tt:"",productId:it?W?.itemId:"",traceInfo:(Re=me?.traceInfo)!==null&&Re!==void 0?Re:"",fromKName:Ve})})},[R,L]);s.useEffect(()=>{y(!0),B().then(z=>{var V,W;f((V=z?.recList)!==null&&V!==void 0?V:[]),k((W=z?.recList)!==null&&W!==void 0?W:[])}).finally(()=>{y(!1),h.current=!0})},[]),s.useEffect(()=>{h.current&&(y(!0),B().then(z=>{var V,W;f((V=z?.recList)!==null&&V!==void 0?V:[]),k((W=z?.recList)!==null&&W!==void 0?W:[])}).finally(()=>{y(!1)}))},[B]);const q=we("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",r);return s.createElement(si.Provider,{value:{rtcList:m,setRtcList:f,mutateLike:P,mutateUnlike:C,submitForm:U,popupDetailData:b,loadVideos:M,setPopupDetailData:g,getRecommendVideos:B,bffEventReport:R,utmVal:i,isPreview:a,loading:x,sxpParameter:d,waterFallData:D,setWaterFallData:O,ctaEvent:Y,swiperRef:w,openHashtag:I,setOpenHashtag:T,cacheRtcList:S,setCacheRtcList:k,cacheActiveIndex:E,setCacheActiveIndex:A,isFromHashtag:L,setIsFromHashtag:N,appDomain:r,hashTagSize:c,loadingImage:u??q,isOpenHashTag:v}},t({rtcList:m,mutateLike:P,mutateUnlike:C,submitForm:U}))};var ai=s.memo(fn);function le(){return s.useContext(si)}var ri;(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"})(ri||(ri={}));const di=s.createContext({$store:{},options:[],configs:[]}),mn=({children:t,isSsr:e,enable:i})=>{const[n,o]=s.useState([]),{schema:l}=Me(),[a,d]=s.useState(l.__STORE__||{}),[r,c]=s.useState([]);s.useEffect(()=>{var m;e||ue.isEqual(r,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 ei("",r);d(m),v(m,f)}),[r]),v=(m,f)=>{const x=[];Object.entries(m).forEach(([y,_])=>{Object.keys(_).forEach(p=>{const w={label:`${f[y]} - ${p}`,value:`{{ ${y}.${p} }}`};x.push(w)})}),o(x)};return s.useEffect(()=>{e||u()},[u,e,l]),i?s.createElement(di.Provider,{value:{$store:l.__STORE__||a,options:n,configs:r}},t):t};var hn=s.memo(mn);const dt={id:rt(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},Ct={id:"",duration:0,name:"none"},ci=s.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[dt],redoStack:[],popup:Ct,setPopup:()=>{}}),ui=s.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},a)=>{const[d,r]=s.useState(null),[c,u]=s.useState(n||{pointData:[dt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=s.useState([dt]),[f,x]=s.useState([[dt]]),[y,_]=s.useState([]),[p,w]=s.useState(Ct);typeof window<"u"&&(window.sxpPopup=(O,I)=>{w(Object.assign(Object.assign(Object.assign({},Ct),{id:O}),I))}),typeof window<"u"&&(window.getJointUtmLink=O=>O?.indexOf("?")!==-1?O+(l?"&"+l:""):O+(l?"?"+l:"")),s.useEffect(()=>{x([c.pointData]),_([])},[c.type]);const h=s.useCallback(O=>{const I=ue.cloneDeep(c);I&&(I.dataSource=O,u?.(I))},[c]),[b,g]=s.useState();s.useImperativeHandle(a,()=>({loadSchema(O){O&&(x([O.pointData]),u(O))},exportSchema(){return ue.cloneDeep(c)},getPageInfoData(){return b},initPageInfoData(O){O&&g(O)}}));const D=s.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return s.createElement(ci.Provider,{value:{resolver:e,currentNode:d,schema:c,setCurrentNode:r,setSchema:u,saveDataSource:h,prePiontData:v,setPrePiontData:m,pageInfoData:b,setPageInfoData:O=>g(Object.assign(Object.assign({},b),O)),undoStack:f,redoStack:y,setRedoStack:_,setUndoStack:x,getCurPageConf:D,popup:p,setPopup:w}},s.createElement(hn,{isSsr:i,enable:o},t))});var gn=Object.freeze({__proto__:null,EditorCore:ui}),bn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ie=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var yn={fontOptions:ie},It,wn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ie,initialValue:(It=ie?.[0])===null||It===void 0?void 0:It.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 Sn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:a,submitText:d,layoutType:r,onClick:c}=t,u=pe(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick"]);const{submitForm:v}=le(),m=s.useRef(),[f,x]=s.useState(!1),y=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"}],[]),_=s.useMemo(()=>{if(r===void 0){const w=ue.cloneDeep(e)||y;return w?.map(h=>Object.assign(Object.assign({},h),{title:void 0,fieldProps:{placeholder:h?.title}}))}else return ue.cloneDeep(e)||y},[r,e,y]),p=ue.debounce(()=>he(void 0,void 0,void 0,function*(){var w,h,b;x(!0);const g=yield(w=m?.current)===null||w===void 0?void 0:w.getFieldsValue(),D=(b=(h=Object.keys(g))===null||h===void 0?void 0:h.map(I=>({name:I,value:g[I]})))===null||b===void 0?void 0:b.filter(I=>I?.value);if(!D||!D?.length)return;const O=yield v?.({attributes:D});x(!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(Xi.BetaSchemaForm,{columns:_,submitter:!1,layout:r,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:a,background:l}},f?s.createElement(s.Fragment,null,"loading..."):d)))};var xn=s.memo(Sn);function be(t,e){return t.extend=e,t}const Tn=be(xn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:wn,bindableProps:[],interactionRender:bn},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 Dt,kt,En=[{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:ie,name:["fontFamily"],initialValue:(Dt=ie?.[0])===null||Dt===void 0?void 0:Dt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ie,initialValue:(kt=ie?.[0])===null||kt===void 0?void 0:kt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function pi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function _t(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:pi(e[i])&&pi(t[i])&&Object.keys(e[i]).length>0&&_t(t[i],e[i])})}const vi={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 _t(t,vi),t}const Cn={document:vi,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 fe(){const t=typeof window<"u"?window:{};return _t(t,Cn),t}function Ne(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function In(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function Je(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Se(){return Date.now()}function Dn(t){const e=fe();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function kn(t,e){e===void 0&&(e="x");const i=fe();let n,o,l;const a=Dn(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(d=>d.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function ct(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function _n(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function ye(){const t=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let i=1;i<arguments.length;i+=1){const n=i<0||arguments.length<=i?void 0:arguments[i];if(n!=null&&!_n(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,a=o.length;l<a;l+=1){const d=o[l],r=Object.getOwnPropertyDescriptor(n,d);r!==void 0&&r.enumerable&&(ct(t[d])&&ct(n[d])?n[d].__swiper__?t[d]=n[d]:ye(t[d],n[d]):!ct(t[d])&&ct(n[d])?(t[d]={},n[d].__swiper__?t[d]=n[d]:ye(t[d],n[d])):t[d]=n[d])}}}return t}function ut(t,e,i){t.style.setProperty(e,i)}function fi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=fe(),l=-e.translate;let a=null,d;const r=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(),a===null&&(a=d);const m=Math.max(Math.min((d-a)/r,1),0),f=.5-Math.cos(m*Math.PI)/2;let x=l+f*(i-l);if(u(x,i)&&(x=i),e.wrapperEl.scrollTo({[n]:x}),u(x,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:x})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(v)};v()}function De(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function pt(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 An(t){const e=fe(),i=Ie(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,d=t===e?e.scrollY:t.scrollTop,r=t===e?e.scrollX:t.scrollLeft;return{top:n.top+d-l,left:n.left+r-a}}function Pn(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 Mn(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 fe().getComputedStyle(t,null).getPropertyValue(e)}function vt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function mi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function At(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Pt(t,e,i){const n=fe();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function ke(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function On(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=fe();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,d=Se(),r;const c=[];function u(h){let O=0,I=0,T=0,S=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&&(O=-h.wheelDeltaX/120),"axis"in h&&h.axis===h.HORIZONTAL_AXIS&&(O=I,I=0),T=O*10,S=I*10,"deltaY"in h&&(S=h.deltaY),"deltaX"in h&&(T=h.deltaX),h.shiftKey&&!T&&(T=S,S=0),(T||S)&&h.deltaMode&&(h.deltaMode===1?(T*=40,S*=40):(T*=800,S*=800)),T&&!O&&(O=T<1?-1:1),S&&!I&&(I=S<1?-1:1),{spinX:O,spinY:I,pixelX:T,pixelY:S}}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&&Se()-d<e.params.mousewheel.thresholdTime?!1:h.delta>=6&&Se()-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 x(h){const b=e.params.mousewheel;if(h.direction<0){if(e.isEnd&&!e.params.loop&&b.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&b.releaseOnEdges)return!0;return!1}function y(h){let b=h,g=!0;if(!e.enabled||h.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const D=e.params.mousewheel;e.params.cssMode&&b.preventDefault();let O=e.el;e.params.mousewheel.eventsTarget!=="container"&&(O=document.querySelector(e.params.mousewheel.eventsTarget));const I=O&&O.contains(b.target);if(!e.mouseEntered&&!I&&!D.releaseOnEdges)return!0;b.originalEvent&&(b=b.originalEvent);let T=0;const S=e.rtlTranslate?-1:1,k=u(b);if(D.forceToAxis)if(e.isHorizontal())if(Math.abs(k.pixelX)>Math.abs(k.pixelY))T=-k.pixelX*S;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*S:-k.pixelY;if(T===0)return!0;D.invert&&(T=-T);let E=e.getTranslate()+T*D.sensitivity;if(E>=e.minTranslate()&&(E=e.minTranslate()),E<=e.maxTranslate()&&(E=e.maxTranslate()),g=e.params.loop?!0:!(E===e.minTranslate()||E===e.maxTranslate()),g&&e.params.nested&&b.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const A={time:Se(),delta:Math.abs(T),direction:Math.sign(T),raw:h};c.length>=2&&c.shift();const L=c.length?c[c.length-1]:void 0;if(c.push(A),L?(A.direction!==L.direction||A.delta>L.delta||A.time>L.time+150)&&f(A):f(A),x(A))return!0}else{const A={time:Se(),delta:Math.abs(T),direction:Math.sign(T)},L=r&&A.time<r.time+500&&A.delta<=r.delta&&A.direction===r.direction;if(!L){r=void 0;let N=e.getTranslate()+T*D.sensitivity;const F=e.isBeginning,H=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!F&&e.isBeginning||!H&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:A.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const B=c.length?c[c.length-1]:void 0,M=c[0];if(c.push(A),B&&(A.delta>B.delta||A.direction!==B.direction))c.splice(0);else if(c.length>=15&&A.time-M.time<500&&M.delta-A.delta>=1&&A.delta<=6){const R=T>0?.8:.2;r=A,c.splice(0),a=Je(()=>{e.slideToClosest(e.params.speed,!0,void 0,R)},0)}a||(a=Je(()=>{r=A,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(L||o("scroll",b),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),D.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return b.preventDefault?b.preventDefault():b.returnValue=!1,!1}function _(h){let b=e.el;e.params.mousewheel.eventsTarget!=="container"&&(b=document.querySelector(e.params.mousewheel.eventsTarget)),b[h]("mouseenter",v),b[h]("mouseleave",m),b[h]("wheel",y)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",y),!0):e.mousewheel.enabled?!1:(_("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,y),!0):e.mousewheel.enabled?(_("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:p,disable:w})}function hi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=De(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 Ke(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function ft(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 a,d=0;function r(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,w){const{bulletActiveClass:h}=e.params.pagination;p&&(p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${h}-${w}`),p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${h}-${w}-${w}`)))}function u(p){const w=p.target.closest(Ke(e.params.pagination.bulletClass));if(!w)return;p.preventDefault();const h=vt(w)*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,w=e.params.pagination;if(r())return;let h=e.pagination.el;h=ke(h);let b,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,b=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(b=e.snapIndex,g=e.previousSnapIndex):(g=e.previousIndex||0,b=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let T,S,k;if(w.dynamicBullets&&(a=Pt(I[0],e.isHorizontal()?"width":"height",!0),h.forEach(E=>{E.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&g!==void 0&&(d+=b-(g||0),d>w.dynamicMainBullets-1?d=w.dynamicMainBullets-1:d<0&&(d=0)),T=Math.max(b-d,0),S=T+(Math.min(I.length,w.dynamicMainBullets)-1),k=(S+T)/2),I.forEach(E=>{const A=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(L=>`${w.bulletActiveClass}${L}`)].map(L=>typeof L=="string"&&L.includes(" ")?L.split(" "):L).flat();E.classList.remove(...A)}),h.length>1)I.forEach(E=>{const A=vt(E);A===b?E.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&E.setAttribute("part","bullet"),w.dynamicBullets&&(A>=T&&A<=S&&E.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),A===T&&c(E,"prev"),A===S&&c(E,"next"))});else{const E=I[b];if(E&&E.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&I.forEach((A,L)=>{A.setAttribute("part",L===b?"bullet-active":"bullet")}),w.dynamicBullets){const A=I[T],L=I[S];for(let N=T;N<=S;N+=1)I[N]&&I[N].classList.add(...`${w.bulletActiveClass}-main`.split(" "));c(A,"prev"),c(L,"next")}}if(w.dynamicBullets){const E=Math.min(I.length,w.dynamicMainBullets+4),A=(a*E-a)/2-k*a,L=p?"right":"left";I.forEach(N=>{N.style[e.isHorizontal()?L:"top"]=`${A}px`})}}h.forEach((I,T)=>{if(w.type==="fraction"&&(I.querySelectorAll(Ke(w.currentClass)).forEach(S=>{S.textContent=w.formatFractionCurrent(b+1)}),I.querySelectorAll(Ke(w.totalClass)).forEach(S=>{S.textContent=w.formatFractionTotal(O)})),w.type==="progressbar"){let S;w.progressbarOpposite?S=e.isHorizontal()?"vertical":"horizontal":S=e.isHorizontal()?"horizontal":"vertical";const k=(b+1)/O;let E=1,A=1;S==="horizontal"?E=k:A=k,I.querySelectorAll(Ke(w.progressbarFillClass)).forEach(L=>{L.style.transform=`translate3d(0,0,0) scaleX(${E}) scaleY(${A})`,L.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(I.innerHTML=w.renderCustom(e,b+1,O),T===0&&o("paginationRender",I)):(T===0&&o("paginationRender",I),o("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](w.lockClass)})}function m(){const p=e.params.pagination;if(r())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let h=e.pagination.el;h=ke(h);let b="";if(p.type==="bullets"){let g=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&g>w&&(g=w);for(let D=0;D<g;D+=1)p.renderBullet?b+=p.renderBullet.call(e,D,p.bulletClass):b+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?b=p.renderFraction.call(e,p.currentClass,p.totalClass):b=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?b=p.renderProgressbar.call(e,p.progressbarFillClass):b=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],h.forEach(g=>{p.type!=="custom"&&(g.innerHTML=b||""),p.type==="bullets"&&e.pagination.bullets.push(...g.querySelectorAll(Ke(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",h[0])}function f(){e.params.pagination=hi(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let w;typeof p.el=="string"&&e.isElement&&(w=e.el.querySelector(p.el)),!w&&typeof p.el=="string"&&(w=[...document.querySelectorAll(p.el)]),w||(w=p.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(p.el)],w.length>1&&(w=w.filter(h=>mi(h,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=ke(w),w.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 x(){const p=e.params.pagination;if(r())return;let w=e.pagination.el;w&&(w=ke(w),w.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:w}=e.pagination;w=ke(w),w.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?_():(f(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{x()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,w)=>{const h=w.target,b=ke(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&b&&b.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=b[0].classList.contains(e.params.pagination.hiddenClass);o(g===!0?"paginationShow":"paginationHide"),b.forEach(D=>D.classList.toggle(e.params.pagination.hiddenClass))}});const y=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),f(),m(),v()},_=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=ke(p),p.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),x()};Object.assign(e.pagination,{enable:y,disable:_,render:m,update:v,init:f,destroy:x})}function Ln(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ie();let a=!1,d=null,r=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:E,rtlTranslate:A}=e,{dragEl:L,el:N}=E,F=e.params.scrollbar,H=e.params.loop?e.progressLoop:e.progress;let B=u,M=(v-u)*H;A?(M=-M,M>0?(B=u-M,M=0):-M+u>v&&(B=v+M)):M<0?(B=u+M,M=0):M+u>v&&(B=v-M),e.isHorizontal()?(L.style.transform=`translate3d(${M}px, 0, 0)`,L.style.width=`${B}px`):(L.style.transform=`translate3d(0px, ${M}px, 0)`,L.style.height=`${B}px`),F.hide&&(clearTimeout(d),N.style.opacity=1,d=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function x(E){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${E}ms`)}function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:E}=e,{dragEl:A,el:L}=E;A.style.width="",A.style.height="",v=e.isHorizontal()?L.offsetWidth:L.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?L.style.display="none":L.style.display="",e.params.scrollbar.hide&&(L.style.opacity=0),e.params.watchOverflow&&e.enabled&&E.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function _(E){return e.isHorizontal()?E.clientX:E.clientY}function p(E){const{scrollbar:A,rtlTranslate:L}=e,{el:N}=A;let F;F=(_(E)-An(N)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),F=Math.max(Math.min(F,1),0),L&&(F=1-F);const H=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*F;e.updateProgress(H),e.setTranslate(H),e.updateActiveIndex(),e.updateSlidesClasses()}function w(E){const A=e.params.scrollbar,{scrollbar:L,wrapperEl:N}=e,{el:F,dragEl:H}=L;a=!0,c=E.target===H?_(E)-E.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,E.preventDefault(),E.stopPropagation(),N.style.transitionDuration="100ms",H.style.transitionDuration="100ms",p(E),clearTimeout(r),F.style.transitionDuration="0ms",A.hide&&(F.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",E)}function h(E){const{scrollbar:A,wrapperEl:L}=e,{el:N,dragEl:F}=A;a&&(E.preventDefault?E.preventDefault():E.returnValue=!1,p(E),L.style.transitionDuration="0ms",N.style.transitionDuration="0ms",F.style.transitionDuration="0ms",o("scrollbarDragMove",E))}function b(E){const A=e.params.scrollbar,{scrollbar:L,wrapperEl:N}=e,{el:F}=L;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),A.hide&&(clearTimeout(r),r=Je(()=>{F.style.opacity=0,F.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",E),A.snapOnRelease&&e.slideToClosest())}function g(E){const{scrollbar:A,params:L}=e,N=A.el;if(!N)return;const F=N,H=L.passiveListeners?{passive:!1,capture:!1}:!1,B=L.passiveListeners?{passive:!0,capture:!1}:!1;if(!F)return;const M=E==="on"?"addEventListener":"removeEventListener";F[M]("pointerdown",w,H),l[M]("pointermove",h,H),l[M]("pointerup",b,B)}function D(){!e.params.scrollbar.el||!e.scrollbar.el||g("on")}function O(){!e.params.scrollbar.el||!e.scrollbar.el||g("off")}function I(){const{scrollbar:E,el:A}=e;e.params.scrollbar=hi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const L=e.params.scrollbar;if(!L.el)return;let N;if(typeof L.el=="string"&&e.isElement&&(N=e.el.querySelector(L.el)),!N&&typeof L.el=="string"){if(N=l.querySelectorAll(L.el),!N.length)return}else N||(N=L.el);e.params.uniqueNavElements&&typeof L.el=="string"&&N.length>1&&A.querySelectorAll(L.el).length===1&&(N=A.querySelector(L.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?L.horizontalClass:L.verticalClass);let F;N&&(F=N.querySelector(Ke(e.params.scrollbar.dragClass)),F||(F=ot("div",e.params.scrollbar.dragClass),N.append(F))),Object.assign(E,{el:N,dragEl:F}),L.draggable&&D(),N&&N.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}function T(){const E=e.params.scrollbar,A=e.scrollbar.el;A&&A.classList.remove(...Ne(e.isHorizontal()?E.horizontalClass:E.verticalClass)),O()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const E=e.params.scrollbar;let{el:A}=e.scrollbar;A=ke(A),A.forEach(L=>{L.classList.remove(E.horizontalClass,E.verticalClass),L.classList.add(e.isHorizontal()?E.horizontalClass:E.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?k():(I(),y(),f())}),n("update resize observerUpdate lock unlock changeDirection",()=>{y()}),n("setTranslate",()=>{f()}),n("setTransition",(E,A)=>{x(A)}),n("enable disable",()=>{const{el:E}=e.scrollbar;E&&E.classList[e.enabled?"remove":"add"](...Ne(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const S=()=>{e.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Ne(e.params.scrollbar.scrollbarDisabledClass)),I(),y(),f()},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:S,disable:k,updateSize:y,setTranslate:f,init:I,destroy:T})}function mt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,d,r=l&&l.autoplay?l.autoplay.delay:3e3,c=l&&l.autoplay?l.autoplay.delay:3e3,u,v=new Date().getTime(),m,f,x,y,_,p,w;function h(B){!e||e.destroyed||!e.wrapperEl||B.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",h),!w&&S())}const b=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=u,m=!1);const B=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=B,o("autoplayTimeLeft",B,B/r),d=requestAnimationFrame(()=>{b()})},g=()=>{let B;return e.virtual&&e.params.virtual.enabled?B=e.slides.filter(R=>R.classList.contains("swiper-slide-active"))[0]:B=e.slides[e.activeIndex],B?parseInt(B.getAttribute("data-swiper-autoplay"),10):void 0},D=B=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(d),b();let M=typeof B>"u"?e.params.autoplay.delay:B;r=e.params.autoplay.delay,c=e.params.autoplay.delay;const R=g();!Number.isNaN(R)&&R>0&&typeof B>"u"&&(M=R,r=R,c=R),u=M;const P=e.params.speed,C=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(P,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,P,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(P,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,P,!0,!0),o("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{D()})))};return M>0?(clearTimeout(a),a=setTimeout(()=>{C()},M)):requestAnimationFrame(()=>{C()}),M},O=()=>{v=new Date().getTime(),e.autoplay.running=!0,D(),o("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(d),o("autoplayStop")},T=(B,M)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),B||(p=!0);const R=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",h):S()};if(e.autoplay.paused=!0,M){_&&(u=e.params.autoplay.delay),_=!1,R();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),R())},S=()=>{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"))},k=()=>{if(e.destroyed||!e.autoplay.running)return;const B=Ie();B.visibilityState==="hidden"&&(p=!0,T(!0)),B.visibilityState==="visible"&&S()},E=B=>{B.pointerType==="mouse"&&(p=!0,w=!0,!(e.animating||e.autoplay.paused)&&T(!0))},A=B=>{B.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&S())},L=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",E),e.el.addEventListener("pointerleave",A))},N=()=>{e.el.removeEventListener("pointerenter",E),e.el.removeEventListener("pointerleave",A)},F=()=>{Ie().addEventListener("visibilitychange",k)},H=()=>{Ie().removeEventListener("visibilitychange",k)};n("init",()=>{e.params.autoplay.enabled&&(L(),F(),O())}),n("destroy",()=>{N(),H(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(x||p)&&S()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():T(!0,!0)}),n("beforeTransitionStart",(B,M,R)=>{e.destroyed||!e.autoplay.running||(R||!e.params.autoplay.disableOnInteraction?T(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}f=!0,x=!1,p=!1,y=setTimeout(()=>{p=!0,x=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!f)){if(clearTimeout(y),clearTimeout(a),e.params.autoplay.disableOnInteraction){x=!1,f=!1;return}x&&e.params.cssMode&&S(),x=!1,f=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(_=!0)}),Object.assign(e.autoplay,{start:O,stop:I,pause:T,resume:S})}function Rn(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const r=e.getTranslate();e.setTranslate(r),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:r,touches:c}=e;r.velocities.length===0&&r.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:r.touchStartTime}),r.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Se()})}function d(r){let{currentPos:c}=r;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:m,snapGrid:f,touchEventsData:x}=e,_=Se()-x.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(x.velocities.length>1){const I=x.velocities.pop(),T=x.velocities.pop(),S=I.position-T.position,k=I.time-T.time;e.velocity=S/k,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(k>150||Se()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,x.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const w=e.velocity*p;let h=e.translate+w;m&&(h=-h);let b=!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(),b=!0,x.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(),b=!0,x.allowMomentumBounce=!0):h=e.minTranslate(),u.loop&&u.centeredSlides&&(O=!0);else if(u.freeMode.sticky){let I;for(let T=0;T<f.length;T+=1)if(f[T]>-h){I=T;break}Math.abs(f[I]-h)<Math.abs(f[I-1]-h)||e.swipeDirection==="next"?h=f[I]:h=f[I-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 I=Math.abs((m?-h:h)-e.translate),T=e.slidesSizesGrid[e.activeIndex];I<T?p=u.speed:I<2*T?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&b?(e.updateProgress(g),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating=!0,At(v,()=>{!e||e.destroyed||!x.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(g),At(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,At(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||_>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:a,onTouchEnd:d}})}let Mt;function jn(){const t=fe(),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 gi(){return Mt||(Mt=jn()),Mt}let Ot;function Nn(t){let{userAgent:e}=t===void 0?{}:t;const i=gi(),n=fe(),o=n.navigator.platform,l=e||n.navigator.userAgent,a={ios:!1,android:!1},d=n.screen.width,r=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 x=o==="MacIntel";const y=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!u&&x&&i.touch&&y.indexOf(`${d}x${r}`)>=0&&(u=l.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),x=!1),c&&!f&&(a.os="android",a.android=!0),(u||m||v)&&(a.os="ios",a.ios=!0),a}function bi(t){return t===void 0&&(t={}),Ot||(Ot=Nn(t)),Ot}let Lt;function Bn(){const t=fe(),e=bi();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[r,c]=d.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=r<16||r===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),a=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function zn(){return Lt||(Lt=Bn()),Lt}function Vn(t){let{swiper:e,on:i,emit:n}=t;const o=fe();let l=null,a=null;const d=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},r=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(v=>{a=o.requestAnimationFrame(()=>{const{width:m,height:f}=e;let x=m,y=f;v.forEach(_=>{let{contentBoxSize:p,contentRect:w,target:h}=_;h&&h!==e.el||(x=w?w.width:(p[0]||p).inlineSize,y=w?w.height:(p[0]||p).blockSize)}),(x!==m||y!==f)&&d()})}),l.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),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"){r();return}o.addEventListener("resize",d),o.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),o.removeEventListener("resize",d),o.removeEventListener("orientationchange",u)})}function Fn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],a=fe(),d=function(u,v){v===void 0&&(v={});const m=a.MutationObserver||a.WebkitMutationObserver,f=new m(x=>{if(e.__preventObserver__)return;if(x.length===1){o("observerUpdate",x[0]);return}const y=function(){o("observerUpdate",x[0])};a.requestAnimationFrame?a.requestAnimationFrame(y):a.setTimeout(y,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)},r=()=>{if(e.params.observer){if(e.params.observeParents){const u=mi(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",r),n("destroy",c)}var Hn={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,a=new Array(l),d=0;d<l;d++)a[d]=arguments[d];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),a=0;a<o;a++)l[a]=arguments[a];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(r=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[r,...i])}),t.eventsListeners&&t.eventsListeners[r]&&t.eventsListeners[r].forEach(c=>{c.apply(n,i)})}),t}};function Un(){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 Gn(){const t=this;function e(S,k){return parseFloat(S.getPropertyValue(t.getDirectionLabel(k))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:a,wrongRTL:d}=t,r=t.virtual&&i.virtual.enabled,c=r?t.virtual.slides.length:t.slides.length,u=De(o,`.${t.params.slideClass}, swiper-slide`),v=r?t.virtual.slides.length:u.length;let m=[];const f=[],x=[];let y=i.slidesOffsetBefore;typeof y=="function"&&(y=i.slidesOffsetBefore.call(t));let _=i.slidesOffsetAfter;typeof _=="function"&&(_=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,w=t.slidesGrid.length;let h=i.spaceBetween,b=-y,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(S=>{a?S.style.marginLeft="":S.style.marginRight="",S.style.marginBottom="",S.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(ut(n,"--swiper-centered-offset-before",""),ut(n,"--swiper-centered-offset-after",""));const O=i.grid&&i.grid.rows>1&&t.grid;O?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let I;const T=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(S=>typeof i.breakpoints[S].slidesPerView<"u").length>0;for(let S=0;S<v;S+=1){I=0;let k;if(u[S]&&(k=u[S]),O&&t.grid.updateSlide(S,k,u),!(u[S]&&Be(k,"display")==="none")){if(i.slidesPerView==="auto"){T&&(u[S].style[t.getDirectionLabel("width")]="");const E=getComputedStyle(k),A=k.style.transform,L=k.style.webkitTransform;if(A&&(k.style.transform="none"),L&&(k.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?Pt(k,"width",!0):Pt(k,"height",!0);else{const N=e(E,"width"),F=e(E,"padding-left"),H=e(E,"padding-right"),B=e(E,"margin-left"),M=e(E,"margin-right"),R=E.getPropertyValue("box-sizing");if(R&&R==="border-box")I=N+B+M;else{const{clientWidth:P,offsetWidth:C}=k;I=N+F+H+B+M+(C-P)}}A&&(k.style.transform=A),L&&(k.style.webkitTransform=L),i.roundLengths&&(I=Math.floor(I))}else I=(l-(i.slidesPerView-1)*h)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),u[S]&&(u[S].style[t.getDirectionLabel("width")]=`${I}px`);u[S]&&(u[S].swiperSlideSize=I),x.push(I),i.centeredSlides?(b=b+I/2+g/2+h,g===0&&S!==0&&(b=b-l/2-h),S===0&&(b=b-l/2-h),Math.abs(b)<1/1e3&&(b=0),i.roundLengths&&(b=Math.floor(b)),D%i.slidesPerGroup===0&&m.push(b),f.push(b)):(i.roundLengths&&(b=Math.floor(b)),(D-Math.min(t.params.slidesPerGroupSkip,D))%t.params.slidesPerGroup===0&&m.push(b),f.push(b),b=b+I+h),t.virtualSize+=I+h,g=I,D+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+_,a&&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(I,m),!i.centeredSlides){const S=[];for(let k=0;k<m.length;k+=1){let E=m[k];i.roundLengths&&(E=Math.floor(E)),m[k]<=t.virtualSize-l&&S.push(E)}m=S,Math.floor(t.virtualSize-l)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-l)}if(r&&i.loop){const S=x[0]+h;if(i.slidesPerGroup>1){const k=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),E=S*i.slidesPerGroup;for(let A=0;A<k;A+=1)m.push(m[m.length-1]+E)}for(let k=0;k<t.virtual.slidesBefore+t.virtual.slidesAfter;k+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+S),f.push(f[f.length-1]+S),t.virtualSize+=S}if(m.length===0&&(m=[0]),h!==0){const S=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");u.filter((k,E)=>!i.cssMode||i.loop?!0:E!==u.length-1).forEach(k=>{k.style[S]=`${h}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let S=0;x.forEach(E=>{S+=E+(h||0)}),S-=h;const k=S-l;m=m.map(E=>E<=0?-y:E>k?k+_:E)}if(i.centerInsufficientSlides){let S=0;if(x.forEach(k=>{S+=k+(h||0)}),S-=h,S<l){const k=(l-S)/2;m.forEach((E,A)=>{m[A]=E-k}),f.forEach((E,A)=>{f[A]=E+k})}}if(Object.assign(t,{slides:u,snapGrid:m,slidesGrid:f,slidesSizesGrid:x}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){ut(n,"--swiper-centered-offset-before",`${-m[0]}px`),ut(n,"--swiper-centered-offset-after",`${t.size/2-x[x.length-1]/2}px`);const S=-t.snapGrid[0],k=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(E=>E+S),t.slidesGrid=t.slidesGrid.map(E=>E+k)}if(v!==c&&t.emit("slidesLengthChange"),m.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),f.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!r&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const S=`${i.containerModifierClass}backface-hidden`,k=t.el.classList.contains(S);v<=i.maxBackfaceHiddenSlides?k||t.el.classList.add(S):k&&t.el.classList.remove(S)}}function $n(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=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(a(d))}else i.push(a(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 Wn(){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 qn(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(r=>{r.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let d=i.spaceBetween;typeof d=="string"&&d.indexOf("%")>=0?d=parseFloat(d.replace("%",""))/100*e.size:typeof d=="string"&&(d=parseFloat(d));for(let r=0;r<n.length;r+=1){const c=n[r];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(a+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),m=(a-l[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+d),f=-(a-u),x=f+e.slidesSizesGrid[r],y=f>=0&&f<=e.size-e.slidesSizesGrid[r];(f>=0&&f<e.size-1||x>1&&x<=e.size||f<=0&&x>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(r),n[r].classList.add(i.slideVisibleClass)),y&&n[r].classList.add(i.slideFullyVisibleClass),c.progress=o?-v:v,c.originalProgress=o?-m:m}}function Yn(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:a,progressLoop:d}=e;const r=l,c=a;if(n===0)o=0,l=!0,a=!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,a=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],x=e.slidesGrid[e.slidesGrid.length-1],y=Math.abs(t);y>=m?d=(y-m)/x:d=(y+x-f)/x,d>1&&(d-=1)}Object.assign(e,{progress:o,progressLoop:d,isBeginning:l,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!r&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(r&&!l||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function Xn(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,d=v=>De(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let r,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),r=d(`[data-swiper-slide-index="${v}"]`)}else r=d(`[data-swiper-slide-index="${o}"]`);else a?(r=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]):r=e[o];r&&(r.classList.add(i.slideActiveClass),a?(u&&u.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(u=Mn(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),u&&u.classList.add(i.slideNextClass),c=Pn(r,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const ht=(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()}},Rt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},jt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,d=[a-e];d.push(...Array.from({length:e}).map((r,c)=>a+n+c)),t.slides.forEach((r,c)=>{d.includes(r.column)&&Rt(t,c)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=l+e;a+=1){const d=(a%i+i)%i;(d<o||d>l)&&Rt(t,d)}else for(let a=Math.max(o-e,0);a<=Math.min(l+e,i-1);a+=1)a!==o&&(a>l||a<o)&&Rt(t,a)};function Jn(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 Kn(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:a,snapIndex:d}=e;let r=t,c;const u=f=>{let x=f-e.virtual.slidesBefore;return x<0&&(x=e.virtual.slides.length+x),x>=e.virtual.slides.length&&(x-=e.virtual.slides.length),x};if(typeof r>"u"&&(r=Jn(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const f=Math.min(o.slidesPerGroupSkip,r);c=f+Math.floor((r-f)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),r===l&&!e.params.loop){c!==d&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(r===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(r);return}const v=e.grid&&o.grid&&o.grid.rows>1;let m;if(e.virtual&&o.virtual.enabled&&o.loop)m=u(r);else if(v){const f=e.slides.filter(y=>y.column===r)[0];let x=parseInt(f.getAttribute("data-swiper-slide-index"),10);Number.isNaN(x)&&(x=Math.max(e.slides.indexOf(f),0)),m=Math.floor(x/o.grid.rows)}else if(e.slides[r]){const f=e.slides[r].getAttribute("data-swiper-slide-index");f?m=parseInt(f,10):m=r}else m=r;Object.assign(e,{previousSnapIndex:d,snapIndex:c,previousRealIndex:a,realIndex:m,previousIndex:l,activeIndex:r}),e.initialized&&jt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==m&&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(d=>{!o&&d.matches&&d.matches(`.${n.slideClass}, swiper-slide`)&&(o=d)});let l=!1,a;if(o){for(let d=0;d<i.slides.length;d+=1)if(i.slides[d]===o){l=!0,a=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=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var Zn={updateSize:Un,updateSlides:Gn,updateAutoHeight:$n,updateSlidesOffset:Wn,updateSlidesProgress:qn,updateProgress:Yn,updateSlidesClasses:Xn,updateActiveIndex:Kn,updateClickedSlide:Qn};function eo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=kn(l,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function to(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:a}=i;let d=0,r=0;const c=0;i.isHorizontal()?d=n?-t:t:r=t,o.roundLengths&&(d=Math.floor(d),r=Math.floor(r)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?d:r,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-d:-r:o.virtualTranslate||(i.isHorizontal()?d-=i.cssOverflowAdjustment():r-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${d}px, ${r}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function io(){return-this.snapGrid[0]}function no(){return-this.snapGrid[this.snapGrid.length-1]}function oo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:a,wrapperEl:d}=l;if(l.animating&&a.preventInteractionOnTransition)return!1;const r=l.minTranslate(),c=l.maxTranslate();let u;if(n&&t>r?u=r:n&&t<c?u=c:u=t,l.updateProgress(u),a.cssMode){const v=l.isHorizontal();if(e===0)d[v?"scrollLeft":"scrollTop"]=-u;else{if(!l.support.smoothScroll)return fi({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 lo={getTranslate:eo,setTranslate:to,minTranslate:io,maxTranslate:no,translateTo:oo};function so(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 yi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:a}=e;let d=n;if(d||(l>a?d="next":l<a?d="prev":d="reset"),e.emit(`transition${o}`),i&&l!==a){if(d==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),d==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function ao(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),yi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function ro(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),yi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var co={setTransition:so,transitionStart:ao,transitionEnd:ro};function uo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let a=t;a<0&&(a=0);const{params:d,snapGrid:r,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:m,wrapperEl:f,enabled:x}=l;if(l.animating&&d.preventInteractionOnTransition||!x&&!n&&!o||l.destroyed)return!1;const y=Math.min(l.params.slidesPerGroupSkip,a);let _=y+Math.floor((a-y)/l.params.slidesPerGroup);_>=r.length&&(_=r.length-1);const p=-r[_];if(d.normalizeSlideIndex)for(let h=0;h<c.length;h+=1){const b=-Math.floor(p*100),g=Math.floor(c[h]*100),D=Math.floor(c[h+1]*100);typeof c[h+1]<"u"?b>=g&&b<D-(D-g)/2?a=h:b>=g&&b<D&&(a=h+1):b>=g&&(a=h)}if(l.initialized&&a!==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)!==a))return!1;a!==(u||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let w;if(a>v?w="next":a<v?w="prev":w="reset",m&&-p===l.translate||!m&&p===l.translate)return l.updateActiveIndex(a),d.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),d.effect!=="slide"&&l.setTranslate(p),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(d.cssMode){const h=l.isHorizontal(),b=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"]=b})):f[h?"scrollLeft":"scrollTop"]=b,g&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return fi({swiper:l,targetPosition:b,side:h?"left":"top"}),!0;f.scrollTo({[h?"left":"top"]:b,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(a),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,w),e===0?l.transitionEnd(i,w):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(b){!l||l.destroyed||b.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,w))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function po(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let d;if(l){const m=a*o.params.grid.rows;d=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else d=o.getSlideIndexByData(a);const r=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=r-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-r+1,slideRealIndex:m==="next"?o.realIndex:void 0})}if(l){const m=a*o.params.grid.rows;a=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function vo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:a}=n;if(!o||n.destroyed)return n;let d=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(d=Math.max(n.slidesPerViewDynamic("current",!0),1));const r=n.activeIndex<l.slidesPerGroupSkip?1:d,c=n.virtual&&l.virtual.enabled;if(l.loop){if(a&&!c&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+r,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+r,t,e,i)}function fo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:a,rtlTranslate:d,enabled:r,animating:c}=n;if(!r||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),x=l.map(p=>m(p));let y=l[x.indexOf(f)-1];if(typeof y>"u"&&o.cssMode){let p;l.forEach((w,h)=>{f>=w&&(p=h)}),typeof p<"u"&&(y=l[p>0?p-1:p])}let _=0;if(typeof y<"u"&&(_=a.indexOf(y),_<0&&(_=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(_=_-n.slidesPerViewDynamic("previous",!0)+1,_=Math.max(_,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(_,t,e,i)}),!0;return n.slideTo(_,t,e,i)}function mo(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 ho(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,l),d=a+Math.floor((l-a)/o.params.slidesPerGroup),r=o.rtlTranslate?o.translate:-o.translate;if(r>=o.snapGrid[d]){const c=o.snapGrid[d],u=o.snapGrid[d+1];r-c>(u-c)*n&&(l+=o.params.slidesPerGroup)}else{const c=o.snapGrid[d-1],u=o.snapGrid[d];r-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 go(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(De(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),Je(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(De(i,`${a}[data-swiper-slide-index="${l}"]`)[0]),Je(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var bo={slideTo:uo,slideToLoop:po,slideNext:vo,slidePrev:fo,slideReset:mo,slideToClosest:ho,slideToClickedSlide:go};function yo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{De(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},l=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(l?i.grid.rows:1),d=e.slides.length%a!==0,r=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=a-e.slides.length%a;c(u),e.recalcSlides(),e.updateSlides()}else pt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(r){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else pt("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else o();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function wo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:a,byMousewheel:d}=t===void 0?{}:t;const r=this;if(!r.params.loop)return;r.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:m,params:f}=r,{centeredSlides:x}=f;if(r.allowSlidePrev=!0,r.allowSlideNext=!0,r.virtual&&f.virtual.enabled){i&&(!f.centeredSlides&&r.snapIndex===0?r.slideTo(r.virtual.slides.length,0,!1,!0):f.centeredSlides&&r.snapIndex<f.slidesPerView?r.slideTo(r.virtual.slides.length+r.snapIndex,0,!1,!0):r.snapIndex===r.snapGrid.length-1&&r.slideTo(r.virtual.slidesBefore,0,!1,!0)),r.allowSlidePrev=u,r.allowSlideNext=v,r.emit("loopFix");return}let y=f.slidesPerView;y==="auto"?y=r.slidesPerViewDynamic():(y=Math.ceil(parseFloat(f.slidesPerView,10)),x&&y%2===0&&(y=y+1));const _=f.slidesPerGroupAuto?y:f.slidesPerGroup;let p=_;p%_!==0&&(p+=_-p%_),p+=f.loopAdditionalSlides,r.loopedSlides=p;const w=r.grid&&f.grid&&f.grid.rows>1;c.length<y+p?pt("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&f.grid.fill==="row"&&pt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const h=[],b=[];let g=r.activeIndex;typeof l>"u"?l=r.getSlideIndex(c.filter(A=>A.classList.contains(f.slideActiveClass))[0]):g=l;const D=n==="next"||!n,O=n==="prev"||!n;let I=0,T=0;const S=w?Math.ceil(c.length/f.grid.rows):c.length,E=(w?c[l].column:l)+(x&&typeof o>"u"?-y/2+.5:0);if(E<p){I=Math.max(p-E,_);for(let A=0;A<p-E;A+=1){const L=A-Math.floor(A/S)*S;if(w){const N=S-L-1;for(let F=c.length-1;F>=0;F-=1)c[F].column===N&&h.push(F)}else h.push(S-L-1)}}else if(E+y>S-p){T=Math.max(E-(S-p*2),_);for(let A=0;A<T;A+=1){const L=A-Math.floor(A/S)*S;w?c.forEach((N,F)=>{N.column===L&&b.push(F)}):b.push(L)}}if(r.__preventObserver__=!0,requestAnimationFrame(()=>{r.__preventObserver__=!1}),O&&h.forEach(A=>{c[A].swiperLoopMoveDOM=!0,m.prepend(c[A]),c[A].swiperLoopMoveDOM=!1}),D&&b.forEach(A=>{c[A].swiperLoopMoveDOM=!0,m.append(c[A]),c[A].swiperLoopMoveDOM=!1}),r.recalcSlides(),f.slidesPerView==="auto"?r.updateSlides():w&&(h.length>0&&O||b.length>0&&D)&&r.slides.forEach((A,L)=>{r.grid.updateSlide(L,A,r.slides)}),f.watchSlidesProgress&&r.updateSlidesOffset(),i){if(h.length>0&&O){if(typeof e>"u"){const A=r.slidesGrid[g],N=r.slidesGrid[g+I]-A;d?r.setTranslate(r.translate-N):(r.slideTo(g+Math.ceil(I),0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else if(o){const A=w?h.length/f.grid.rows:h.length;r.slideTo(r.activeIndex+A,0,!1,!0),r.touchEventsData.currentTranslate=r.translate}}else if(b.length>0&&D)if(typeof e>"u"){const A=r.slidesGrid[g],N=r.slidesGrid[g-T]-A;d?r.setTranslate(r.translate-N):(r.slideTo(g-T,0,!1,!0),o&&(r.touchEventsData.startTranslate=r.touchEventsData.startTranslate-N,r.touchEventsData.currentTranslate=r.touchEventsData.currentTranslate-N))}else{const A=w?b.length/f.grid.rows:b.length;r.slideTo(r.activeIndex-A,0,!1,!0)}}if(r.allowSlidePrev=u,r.allowSlideNext=v,r.controller&&r.controller.control&&!a){const A={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(r.controller.control)?r.controller.control.forEach(L=>{!L.destroyed&&L.params.loop&&L.loopFix({...A,slideTo:L.params.slidesPerView===f.slidesPerView?i:!1})}):r.controller.control instanceof r.constructor&&r.controller.control.params.loop&&r.controller.control.loopFix({...A,slideTo:r.controller.control.params.slidesPerView===f.slidesPerView?i:!1})}r.emit("loopFix")}function So(){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 xo={loopCreate:yo,loopFix:wo,loopDestroy:So};function To(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 Eo(){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 Co={setGrabCursor:To,unsetGrabCursor:Eo};function Io(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ie()||n===fe())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 wi(t,e,i){const n=fe(),{params:o}=t,l=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return l&&(i<=a||i>=n.innerWidth-a)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function Do(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"){wi(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:a,enabled:d}=e;if(!d||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let r=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(r)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!l.noSwipingClass&&l.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(r=u[0]);const v=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(m?Io(v,r):r.closest(v))){e.allowClick=!0;return}if(l.swipeHandler&&!r.closest(l.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const f=a.currentX,x=a.currentY;if(!wi(e,n,f))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=f,a.startY=x,o.touchStartTime=Se(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let y=!0;r.matches(o.focusableElements)&&(y=!1,r.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==r&&i.activeElement.blur();const _=y&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||_)&&!r.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function ko(t){const e=Ie(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:a,enabled:d}=i;if(!d||!o.simulateTouch&&t.pointerType==="mouse")return;let r=t;if(r.originalEvent&&(r=r.originalEvent),r.type==="pointermove"&&(n.touchId!==null||r.pointerId!==n.pointerId))return;let c;if(r.type==="touchmove"){if(c=[...r.changedTouches].filter(D=>D.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=r;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",r);return}const u=c.pageX,v=c.pageY;if(r.preventedByNestedSwiper){l.startX=u,l.startY=v;return}if(!i.allowTouchMove){r.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=Se());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&&r.target===e.activeElement&&r.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",r),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=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",r),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&r.cancelable&&r.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&r.stopPropagation();let x=i.isHorizontal()?m:f,y=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(x=Math.abs(x)*(a?1:-1),y=Math.abs(y)*(a?1:-1)),l.diff=x,x*=o.touchRatio,a&&(x=-x,y=-y);const _=i.touchesDirection;i.swipeDirection=x>0?"prev":"next",i.touchesDirection=y>0?"prev":"next";const p=i.params.loop&&!o.cssMode,w=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&w&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const 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",r)}let h;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&_!==i.touchesDirection&&p&&w&&Math.abs(x)>=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",r),n.isMoved=!0,n.currentTranslate=x+n.startTranslate;let b=!0,g=o.resistanceRatio;if(o.touchReleaseOnEdges&&(g=0),x>0?(p&&w&&!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()&&(b=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+x)**g))):x<0&&(p&&w&&!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()&&(b=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-x)**g))),b&&(r.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(x)>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 _o(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:a,touches:d,rtlTranslate:r,slidesGrid:c,enabled:u}=e;if(!u||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Se(),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=Se(),Je(()=>{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(a.followFinger?f=r?e.translate:-e.translate:f=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:f});return}const x=f>=-e.maxTranslate()&&!e.params.loop;let y=0,_=e.slidesSizesGrid[0];for(let g=0;g<c.length;g+=g<a.slidesPerGroupSkip?1:a.slidesPerGroup){const D=g<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[g+D]<"u"?(x||f>=c[g]&&f<c[g+D])&&(y=g,_=c[g+D]-c[g]):(x||f>=c[g])&&(y=g,_=c[c.length-1]-c[c.length-2])}let p=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const h=(f-c[y])/_,b=y<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(m>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(h>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?p:y+b):e.slideTo(y)),e.swipeDirection==="prev"&&(h>1-a.longSwipesRatio?e.slideTo(y+b):w!==null&&h<0&&Math.abs(h)>a.longSwipesRatio?e.slideTo(w):e.slideTo(y))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(y+b):e.slideTo(y):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:y+b),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:y))}}function Si(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const d=a&&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&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Ao(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Po(){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 Mo(t){const e=this;ht(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Oo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const xi=(t,e)=>{const i=Ie(),{params:n,el:o,wrapperEl:l,device:a}=t,d=!!n.nested,r=e==="on"?"addEventListener":"removeEventListener",c=e;i[r]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:d}),o[r]("touchstart",t.onTouchStart,{passive:!1}),o[r]("pointerdown",t.onTouchStart,{passive:!1}),i[r]("touchmove",t.onTouchMove,{passive:!1,capture:d}),i[r]("pointermove",t.onTouchMove,{passive:!1,capture:d}),i[r]("touchend",t.onTouchEnd,{passive:!0}),i[r]("pointerup",t.onTouchEnd,{passive:!0}),i[r]("pointercancel",t.onTouchEnd,{passive:!0}),i[r]("touchcancel",t.onTouchEnd,{passive:!0}),i[r]("pointerout",t.onTouchEnd,{passive:!0}),i[r]("pointerleave",t.onTouchEnd,{passive:!0}),i[r]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[r]("click",t.onClick,!0),n.cssMode&&l[r]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",Si,!0):t[c]("observerUpdate",Si,!0),o[r]("load",t.onLoad,{capture:!0})};function Lo(){const t=this,{params:e}=t;t.onTouchStart=Do.bind(t),t.onTouchMove=ko.bind(t),t.onTouchEnd=_o.bind(t),t.onDocumentTouchStart=Oo.bind(t),e.cssMode&&(t.onScroll=Po.bind(t)),t.onClick=Ao.bind(t),t.onLoad=Mo.bind(t),xi(t,"on")}function Ro(){xi(this,"off")}var jo={attachEvents:Lo,detachEvents:Ro};const Ti=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function No(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const a=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const r=(a in l?l[a]:void 0)||t.originalParams,c=Ti(t,n),u=Ti(t,r),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`),(r.grid.fill&&r.grid.fill==="column"||!r.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof r[p]>"u")return;const w=n[p]&&n[p].enabled,h=r[p]&&r[p].enabled;w&&!h&&t[p].disable(),!w&&h&&t[p].enable()});const m=r.direction&&r.direction!==n.direction,f=n.loop&&(r.slidesPerView!==n.slidesPerView||m),x=n.loop;m&&i&&t.changeDirection(),ye(t.params,r);const y=t.params.enabled,_=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!y?t.disable():!v&&y&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",r),i&&(f?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!x&&_?(t.loopCreate(e),t.updateSlides()):x&&!_&&t.loopDestroy()),t.emit("breakpoint",r)}function Bo(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=fe(),l=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(d=>{if(typeof d=="string"&&d.indexOf("@")===0){const r=parseFloat(d.substr(1));return{value:l*r,point:d}}return{value:d,point:d}});a.sort((d,r)=>parseInt(d.value,10)-parseInt(r.value,10));for(let d=0;d<a.length;d+=1){const{point:r,value:c}=a[d];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=r):c<=i.clientWidth&&(n=r)}return n||"max"}var zo={setBreakpoint:No,getBreakpoint:Bo};function Vo(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 Fo(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,a=Vo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function Ho(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Uo={addClasses:Fo,removeClasses:Ho};function Go(){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 $o={checkOverflow:Go},Nt={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 Wo(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){ye(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)){ye(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),ye(e,n)}}const Bt={eventsEmitter:Hn,update:Zn,translate:lo,transition:co,slide:bo,loop:xo,grabCursor:Co,events:jo,breakpoints:zo,checkOverflow:$o,classes:Uo},zt={};let Vt=class Le{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=ye({},i),e&&!i.el&&(i.el=e);const a=Ie();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const u=[];return a.querySelectorAll(i.el).forEach(v=>{const m=ye({},i,{el:v});u.push(new Le(m))}),u}const d=this;d.__swiper__=!0,d.support=gi(),d.device=bi({userAgent:i.userAgent}),d.browser=zn(),d.eventsListeners={},d.eventsAnyListeners=[],d.modules=[...d.__modules__],i.modules&&Array.isArray(i.modules)&&d.modules.push(...i.modules);const r={};d.modules.forEach(u=>{u({params:i,swiper:d,extendParams:Wo(i,r),on:d.on.bind(d),once:d.once.bind(d),off:d.off.bind(d),emit:d.emit.bind(d)})});const c=ye({},Nt,r);return d.params=ye({},c,zt,i),d.originalParams=ye({},d.params),d.passedParams=ye({},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=De(i,`.${n.slideClass}, swiper-slide`),l=vt(o[0]);return vt(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=De(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:a,slidesSizesGrid:d,size:r,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>r&&(m=!0));for(let f=c-1;f>=0;f-=1)l[f]&&!m&&(v+=l[f].swiperSlideSize,u+=1,v>r&&(m=!0))}else if(e==="current")for(let v=c+1;v<l.length;v+=1)(i?a[v]+d[v]-a[c]<r:a[v]-a[c]<r)&&(u+=1);else for(let v=c-1;v>=0;v-=1)a[c]-a[v]<r&&(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(a=>{a.complete&&ht(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,d=Math.min(Math.max(a,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 a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(a.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):De(n,o())[0];return!a&&i.params.createElements&&(a=ot("div",i.params.wrapperClass),n.append(a),De(n,`.${i.params.slideClass}`).forEach(d=>{a.append(d)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Be(n,"direction")==="rtl"),wrongRTL:Be(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?ht(i,l):l.addEventListener("load",a=>{ht(i,a.target)})}),jt(i),i.initialized=!0,jt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:a,slides: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"),a.removeAttribute("style"),d&&d.length&&d.forEach(r=>{r.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),r.removeAttribute("style"),r.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(r=>{n.off(r)}),e!==!1&&(n.el.swiper=null,In(n)),n.destroyed=!0),null}static extendDefaults(e){ye(zt,e)}static get extendedDefaults(){return zt}static get defaults(){return Nt}static installModule(e){Le.prototype.__modules__||(Le.prototype.__modules__=[]);const i=Le.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Le.installModule(i)),Le):(Le.installModule(e),Le)}};Object.keys(Bt).forEach(t=>{Object.keys(Bt[t]).forEach(e=>{Vt.prototype[e]=Bt[t][e]})}),Vt.use([Vn,Fn]);const Ei=["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 $e(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function Qe(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]:$e(e[n])&&$e(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:Qe(t[n],e[n]):t[n]=e[n]})}function Ci(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Ii(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Di(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function ki(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 qo(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Yo(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:a,scrollbarEl:d,paginationEl:r}=t;const c=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:u,pagination:v,navigation:m,scrollbar:f,virtual:x,thumbs:y}=e;let _,p,w,h,b,g,D,O;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(_=!0),o.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||r)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(w=!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||a)&&(n.navigation.nextEl||l)&&(u.navigation||u.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(b=!0);const I=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),u[T].prevEl=void 0,u[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),u[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(u.loop&&!n.loop?g=!0:!u.loop&&n.loop?D=!0:O=!0),c.forEach(T=>{if($e(u[T])&&$e(n[T]))Object.assign(u[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&I(T);else{const S=n[T];(S===!0||S===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?S===!1&&I(T):u[T]=n[T]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),o.includes("children")&&i&&x&&u.virtual.enabled?(x.slides=i,x.update(!0)):o.includes("virtual")&&x&&u.virtual.enabled&&(i&&(x.slides=i),x.update(!0)),o.includes("children")&&i&&u.loop&&(O=!0),_&&y.init()&&y.update(!0),p&&(e.controller.control=u.controller.control),w&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-pagination"),r.part.add("pagination"),e.el.appendChild(r)),r&&(u.pagination.el=r),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()),b&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),l&&(u.navigation.nextEl=l),a&&(u.navigation.prevEl=a),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 Xo(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};Qe(i,Nt),i._emitClasses=!0,i.init=!1;const l={},a=Ei.map(r=>r.replace(/_/,"")),d=Object.assign({},t);return Object.keys(d).forEach(r=>{typeof t[r]>"u"||(a.indexOf(r)>=0?$e(t[r])?(i[r]={},o[r]={},Qe(i[r],t[r]),Qe(o[r],t[r])):(i[r]=t[r],o[r]=t[r]):r.search(/on[A-Z]/)===0&&typeof t[r]=="function"?e?n[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:i.on[`${r[2].toLowerCase()}${r.substr(3)}`]=t[r]:l[r]=t[r])}),["navigation","pagination","scrollbar"].forEach(r=>{i[r]===!0&&(i[r]={}),i[r]===!1&&delete i[r]}),{params:i,passedParams:o,rest:l,events:n}}function Jo(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:a,swiper:d}=t;Ci(e)&&n&&o&&(d.params.navigation.nextEl=n,d.originalParams.navigation.nextEl=n,d.params.navigation.prevEl=o,d.originalParams.navigation.prevEl=o),Ii(e)&&l&&(d.params.pagination.el=l,d.originalParams.pagination.el=l),Di(e)&&a&&(d.params.scrollbar.el=a,d.originalParams.scrollbar.el=a),d.init(i)}function Ko(t,e,i,n,o){const l=[];if(!e)return l;const a=r=>{l.indexOf(r)<0&&l.push(r)};if(i&&n){const r=n.map(o),c=i.map(o);r.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return Ei.filter(r=>r[0]==="_").map(r=>r.replace(/_/,"")).forEach(r=>{if(r in t&&r in e)if($e(t[r])&&$e(e[r])){const c=Object.keys(t[r]),u=Object.keys(e[r]);c.length!==u.length?a(r):(c.forEach(v=>{t[r][v]!==e[r][v]&&a(r)}),u.forEach(v=>{t[r][v]!==e[r][v]&&a(r)}))}else t[r]!==e[r]&&a(r)}),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 gt(){return gt=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},gt.apply(this,arguments)}function _i(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Ai(t){const e=[];return s.Children.toArray(t).forEach(i=>{_i(i)?e.push(i):i.props&&i.props.children&&Ai(i.props.children).forEach(n=>e.push(n))}),e}function Zo(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return s.Children.toArray(t).forEach(n=>{if(_i(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=Ai(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 el(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:a}=i,d=t.params.loop?-e.length:0,r=t.params.loop?e.length*2:e.length,c=[];for(let u=d;u<r;u+=1)u>=l&&u<=a&&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 Ft=s.createContext(null),Pi=()=>s.useContext(Ft),tl=s.createContext(null),We=s.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:a,...d}=t===void 0?{}:t,r=!1;const[c,u]=s.useState("swiper"),[v,m]=s.useState(null),[f,x]=s.useState(!1),y=s.useRef(!1),_=s.useRef(null),p=s.useRef(null),w=s.useRef(null),h=s.useRef(null),b=s.useRef(null),g=s.useRef(null),D=s.useRef(null),O=s.useRef(null),{params:I,passedParams:T,rest:S,events:k}=Xo(d),{slides:E,slots:A}=Zo(l),L=()=>{x(!f)};Object.assign(I.on,{_containerClasses(M,R){u(R)}});const N=()=>{Object.assign(I.on,k),r=!0;const M={...I};if(delete M.wrapperClass,p.current=new Vt(M),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=E;const R={cache:!1,slides:E,renderExternal:m,renderExternalUpdate:!1};Qe(p.current.params.virtual,R),Qe(p.current.originalParams.virtual,R)}};_.current||N(),p.current&&p.current.on("_beforeBreakpoint",L);const F=()=>{r||!k||!p.current||Object.keys(k).forEach(M=>{p.current.on(M,k[M])})},H=()=>{!k||!p.current||Object.keys(k).forEach(M=>{p.current.off(M,k[M])})};s.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",L)}),s.useEffect(()=>{!y.current&&p.current&&(p.current.emitSlidesClasses(),y.current=!0)}),lt(()=>{if(e&&(e.current=_.current),!!_.current)return p.current.destroyed&&N(),Jo({el:_.current,nextEl:b.current,prevEl:g.current,paginationEl:D.current,scrollbarEl:O.current,swiper:p.current},I),a&&!p.current.destroyed&&a(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),lt(()=>{F();const M=Ko(T,w.current,E,h.current,R=>R.key);return w.current=T,h.current=E,M.length&&p.current&&!p.current.destroyed&&Yo({swiper:p.current,slides:E,passedParams:T,changedParams:M,nextEl:b.current,prevEl:g.current,scrollbarEl:O.current,paginationEl:D.current}),()=>{H()}}),lt(()=>{Qo(p.current)},[v]);function B(){return I.virtual?el(p.current,E,v):E.map((M,R)=>s.cloneElement(M,{swiper:p.current,swiperSlideIndex:R}))}return s.createElement(n,gt({ref:_,className:ki(`${c}${i?` ${i}`:""}`)},S),s.createElement(tl.Provider,{value:p.current},A["container-start"],s.createElement(o,{className:qo(I.wrapperClass)},A["wrapper-start"],B(),A["wrapper-end"]),Ci(I)&&s.createElement(s.Fragment,null,s.createElement("div",{ref:g,className:"swiper-button-prev"}),s.createElement("div",{ref:b,className:"swiper-button-next"})),Di(I)&&s.createElement("div",{ref:O,className:"swiper-scrollbar"}),Ii(I)&&s.createElement("div",{ref:D,className:"swiper-pagination"}),A["container-end"]))});We.displayName="Swiper";const _e=s.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:a,lazy:d,virtualIndex:r,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=s.useRef(null),[m,f]=s.useState("swiper-slide"),[x,y]=s.useState(!1);function _(b,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",_),()=>{l&&l.off("_slideClass",_)}}}),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},w=()=>typeof n=="function"?n(p):n,h=()=>{y(!0)};return s.createElement(i,gt({ref:v,className:ki(`${m}${o?` ${o}`:""}`),"data-swiper-slide-index":r,onLoad:h},u),a&&s.createElement(Ft.Provider,{value:p},s.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),d&&!x&&s.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&s.createElement(Ft.Provider,{value:p},w(),d&&!x&&s.createElement("div",{className:"swiper-lazy-preloader"})))});_e.displayName="SwiperSlide";function Oe(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=le(),o=s.useCallback((a,d,r,c)=>{var u,v,m,f,x,y,_,p,w,h,b,g,D,O;let I="";e&&(!((v=(u=a?.video)===null||u===void 0?void 0:u.bindProducts)===null||v===void 0)&&v.length||!((m=a?.video)===null||m===void 0)&&m.bindProduct)?I="pdpPage":n?I="hashTagPage":!((f=a?.video)===null||f===void 0)&&f.url?I="videoPage":!((x=a?.video)===null||x===void 0)&&x.imgUrls&&(!((_=(y=a?.video)===null||y===void 0?void 0:y.imgUrls)===null||_===void 0)&&_.length)?I="imagePage":a?.product&&(I="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=d?.itemId)!==null&&p!==void 0?p:"",productName:(w=d?.title)!==null&&w!==void 0?w:"",price:d?.price?d?.price+"":"0",productCollection:(h=d?.collection)!==null&&h!==void 0?h:"",fromKName:I,fromKPage:location?.href,contentTags:d?.tags?JSON.stringify(d?.tags):"",position:c+"",contentId:(g=(b=a?.video)===null||b===void 0?void 0:b.itemId)!==null&&g!==void 0?g:"",ctatId:(D=r?.itemId)!==null&&D!==void 0?D:"",traceInfo:(O=d?.traceInfo)!==null&&O!==void 0?O:""}})},[t,e,n]),l=s.useCallback((a,d,r,c,u)=>{var v,m,f,x;let y="";e&&(!((m=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((f=a?.video)===null||f===void 0)&&f.bindProduct)?y="pdpPage":a?.product&&(y="productPage"),t?.({eventInfo:{productId:d?.itemId,productName:d?.title,price:d?.price?d?.price+"":"0",productCollection:d?.collection,fromKName:y,fromKPage:location?.href,contentTags:JSON.stringify(d?.tags),position:u+"",contentId:(x=a?.video)===null||x===void 0?void 0:x.itemId,ctatId:r?.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 il="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",nl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var a;const[d,r]=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?r(!0):setTimeout(()=>{r(!1)},l?.duration)},[u,l]),!c.current)return null;const v=ue.debounce(()=>{e?.()},300);return Zt.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:((a=l?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},s.createElement("div",{onClick:e,className:"modal-icon-wrapper"},s.createElement("img",{src:il,alt:"close",className:"modal-icon"})),i))),c.current)};var bt=s.memo(nl);const ol=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},ll=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:a,isPost:d,onChange:r})=>{const[c,u]=s.useState(!1),[v,m]=s.useState(!1),f=Number(i?.lineClamp||2),x=s.useRef(null),y=s.useRef(null),_=s.useCallback(()=>{u(!c)},[c,r]);return s.useMemo(()=>!c&&t.length>e?ol(t,e)+"...":t,[t,e,c]),s.useEffect(()=>{var p,w;((p=y?.current)===null||p===void 0?void 0:p.offsetHeight)>((w=x?.current)===null||w===void 0?void 0:w.offsetHeight)&&d?m(!0):m(!1),y.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:x,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:y,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&d&&v&&s.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??_},c?a||"show less":l||"show more"))};var yt=s.memo(ll);const sl=s.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:a}=t,[d,r]=s.useState();return s.useImperativeHandle(e,()=>({setSrc:c=>{r(c)}})),s.useEffect(()=>{r(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:a,onLoad:c=>{n?.(c.target)}})):s.createElement("img",{className:l,src:d,style:o,loading:a,onLoad:c=>{n?.(c.target)}}))});var xe=s.memo(sl);const al=t=>{var e,i,n,o,l,a,d,r,c,{content:u,style:v,bgImg:m,onClick:f,schema:x,isDefault:y,bottom_image:_,tipText:p,isPost:w,viewTime:h,rec:b,swiper:g,commodityStyles:D,buttonStyle:O,index:I}=t,T=pe(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:S}=le(),{popupDetailData:k,bffEventReport:E,isPreview:A,waterFallData:L}=le(),{jumpToWeb:N,productView:F}=Oe(),H=s.useRef(null),[B,M]=s.useState(!1),R=w?b:k,P=w?R?.product:(e=R?.video)===null||e===void 0?void 0:e.bindProduct,C=w?(i=R?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=R?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,U=w?I:k?.index,Y=()=>{P?.link&&(N(k,P,C,U),w||F(R,P,C,h||H.current,U),window.location.href=window.getJointUtmLink(P.link))};s.useEffect(()=>{const G=()=>{H.current=new Date};return G(),window.addEventListener("pageshow",G),()=>{window.removeEventListener("pageshow",G)}},[]);const q=s.useMemo(()=>{var G,K,Z,X,se;return P?.currency&&P?.price?`${(Z=(K=(G=P?.currency)===null||G===void 0?void 0:G.split("-")[1])===null||K===void 0?void 0:K.toUpperCase())!==null&&Z!==void 0?Z:""}${(se=(X=P?.price)===null||X===void 0?void 0:X.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&se!==void 0?se:""}`:"$7,000"},[P?.price,P?.currency]),z=A?375:(l=v?.width)!==null&&l!==void 0?l:window.innerWidth,V=({isPost:G})=>{var K,Z,X;return s.createElement("div",null,s.createElement("div",{className:"pb-commondity-content-collection",style:D?.collection,hidden:!!P&&(!P?.collection||P?.collection==="")},(K=P?.collection)!==null&&K!==void 0?K:"Tiffany Lock"),s.createElement("div",{className:"pb-commondity-content-title",style:D?.title,hidden:!!P&&!P?.title},(Z=P?.title)!==null&&Z!==void 0?Z:"Pendant in Yellow Gold with Diamonds, Medium"),s.createElement("div",{className:"pb-commondity-content-price",style:D?.price,hidden:!!P&&!P?.price},q),s.createElement("div",{hidden:!!P&&(!P?.info||P?.info==="")},s.createElement(yt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>M(!0),isPost:G,text:(X=P?.info)!==null&&X!==void 0?X:`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:H,className:J.css(Object.assign({},f))},D),C&&((a=C?.homePage)===null||a===void 0?void 0:a.length)>0&&s.createElement(We,{height:V,modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:S?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:S?.delay*1e3}},(d=C?.homePage)===null||d===void 0?void 0:d.map(G=>s.createElement(_e,{key:G},s.createElement("div",{style:{overflow:"hidden",width:V,height:V}},s.createElement(Se,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:G}))))),!(!((r=C?.homePage)===null||r===void 0)&&r.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=x?.bottom_image)!==null&&c!==void 0?c:g,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:b?.title},(u=C?.title)!==null&&u!==void 0?u:"Large Dior Toujours Bag"),s.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!C&&(!C?.collection||C?.collection===""),style:b?.collection},C?.collection||"Black Macrocannage Calfskin")),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!C&&!C?.price,style:b?.price},B),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!C&&!C?.taxInfo,style:b?.taxInfo},(v=C?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!C||C?.link)&&s.createElement("button",{onClick:Y,className:"pb-commondityDiroNew-btn",style:_},(h=U?.enTitle)!==null&&h!==void 0?h:"Shop now"),W({isPost:p}))),s.createElement(bt,{visible:z,onClose:()=>P(!1)},W({isPost:!1})))};var bl=s.memo(gl);const yl=be(bl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:hl},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 Gt,$t,xe=[{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:ie,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(Gt=ie?.[0])===null||Gt===void 0?void 0:Gt.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ie,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:($t=ie?.[0])===null||$t===void 0?void 0:$t.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"]}]}],wl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Oi(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 Sl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:a=!1,index:d}=t;pe(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=s.useRef(null),c=Oi(r),{popup:u}=Me(),{setPopupDetailData:v,ctaEvent:h}=le(),{jumpToWeb:f}=Oe();s.useEffect(()=>{var y,I;if(c&&r?.current){const p=(I=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)!==null&&I!==void 0?I:e?.video;h?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,d)}},[c,r,e,h,d]);const w=ue.throttle(()=>{var y,I,p,g,m,S,b,_,O,D;const x=(I=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)!==null&&I!==void 0?I:e?.video;if(h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,x,d),v?.(Object.assign(Object.assign({},e),{index:d})),a){if(!((g=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||g===void 0)&&g.link){const T=(m=e?.video)===null||m===void 0?void 0:m.bindCta,k=(S=e?.video)===null||S===void 0?void 0:S.bindProduct;f(e,k,T,d),window.location.href=(_=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)===null||_===void 0?void 0:_.link,window.location.href=window.getJointUtmLink((D=(O=e?.video)===null||O===void 0?void 0:O.bindProduct)===null||D===void 0?void 0:D.link)}}else o?.()},u?.duration);return s.createElement("div",{ref:r,className:n,style:l,onClick:w},i)};var lt=s.memo(Sl),xl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Tl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:h,ctaTempStyles:f,isExternalLink:w}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,g=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:I?.bottom_image)!==null&&o!==void 0?o:h;return s.createElement(lt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(Se,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:g})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:xl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var El=s.memo(Tl);const Cl=be(El,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:wl,bindableProps:[],settingRender:xe},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 Il=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Dl=t=>{var e,i,n,o,{content:l,style:a,bgImg:d,recData:r,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,h=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:f}=le(),w=(e=r?.video)===null||e===void 0?void 0:e.bindCta;return s.createElement(lt,Object.assign({isExternalLink:v,rec:r,className:J.css(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},h),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 kl=s.memo(Dl);const _l=be(kl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Il,settingRender:xe?.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 Al={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Pl=t=>{var e,i,n,o,l,{content:a,style:d,bgImg:r,recData:c,bottom_image:u,ctaTempStyles:v,index:h}=t,f=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:w,bffEventReport:y}=le(),{jumpToWeb:I}=Oe(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,g=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,m=()=>{p?.link&&(I(c,g,p,h),window.location.href=window.getJointUtmLink(p.link))};return s.createElement(lt,Object.assign({index:h,rec:c,className:J.css(Object.assign({alignItems:"center"},d)),style:{display:"flex"}},f,{onClick:m}),s.createElement("div",{className:J.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},s.createElement(Se,{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:Al["tow-line-ellipsis"],style:v?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var Ml=s.memo(Pl);const Ol=be(Ml,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:xe?.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 Ll=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Rl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const jl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:h,ctaTempStyles:f,isExternalLink:w}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,g=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:I?.bottom_image)!==null&&o!==void 0?o:h;return s.createElement(lt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(Se,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:g})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Rl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var Nl=s.memo(jl);const Bl=be(Nl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Ll,settingRender:xe,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 zl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Vl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Fl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:h,ctaTempStyles:f,isExternalLink:w}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,g=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:I?.bottom_image)!==null&&o!==void 0?o:h;return s.createElement(lt,Object.assign({isExternalLink:w,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},s.createElement(Se,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:g})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Vl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop now")))};var Hl=s.memo(Fl);const Ul=be(Hl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:zl,bindableProps:[],settingRender:xe},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 Gl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const $l=({children:t,isPadding:e=!0})=>s.createElement(We,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Rn,Ln,On],style:{padding:e?"0 12px 0 20px":0}},t);var wt=s.memo($l);const Wl=({src:t,rec:e,item:i,index:n})=>{const o=s.useRef(null),l=Oi(o),{ctaEvent:a}=le();return s.useEffect(()=>{l&&t&&o?.current&&a?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,a,i,n]),s.createElement("div",{ref:o,hidden:!t,className:J.css({width:"100%",height:"100%"})},s.createElement(Se,{className:J.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:t}))};var Wt=s.memo(Wl),ql={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Yl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,h=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:w,sxpParameter:y}=le(),{popup:I}=Me(),{jumpToWeb:p}=Oe(),[g,m]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),S=ue.throttle(b=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,b,v),w?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:b}),index:v})),u?b?.link&&(p(a,b,b.bindCta,v),window.location.href=window.getJointUtmLink(b.link)):d?.()},I?.duration);return s.createElement(wt,{isPadding:!!a},g?.map(b=>{var _,O,D,x,T,k;return s.createElement(_e,Object.assign({hidden:a&&!b?.bindCta,key:b?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>S(b)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(D=(O=(_=b?.homePage)===null||_===void 0?void 0:_[0])!==null&&O!==void 0?O:y?.bottom_image)!==null&&D!==void 0?D:r,rec:a,item:b,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:ql["two-line-ellipsis"],style:c?.title},(x=b?.title)!==null&&x!==void 0?x:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(T=b?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var Xl=s.memo(Yl);const Jl=be(Xl,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Gl,bindableProps:[],settingRender:xe},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 Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ql={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Zl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,h=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:f}=le(),{ctaEvent:w,setPopupDetailData:y}=le(),{popup:I}=Me(),[p,g]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:m}=Oe(),S=ue.throttle(b=>{w?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,b,v),y?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:b}),index:v})),u?b?.link&&(m(a,b,b.bindCta,v),window.location.href=window.getJointUtmLink(b.link)):d?.()},I?.duration);return s.createElement(wt,{isPadding:!!a},p?.map(b=>{var _,O,D,x,T,k;return s.createElement(_e,Object.assign({hidden:a&&!b?.bindCta,key:b.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>S(b)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(D=(O=(_=b?.homePage)===null||_===void 0?void 0:_[0])!==null&&O!==void 0?O:f?.bottom_image)!==null&&D!==void 0?D:r,rec:a,item:b,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:Ql["two-line-ellipsis"],style:c?.title},(x=b?.title)!==null&&x!==void 0?x:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(T=b?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var es=s.memo(Zl);const ts=be(es,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Kl,settingRender:xe,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ns={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const os=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,h=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:w,sxpParameter:y}=le(),{popup:I}=Me(),{jumpToWeb:p}=Oe(),[g,m]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),S=ue.throttle(b=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,b,v),w?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:b}),index:v})),u?b?.link&&(p(a,b,b.bindCta,v),window.location.href=window.getJointUtmLink(b.link)):d?.()},I?.duration);return s.createElement(wt,{isPadding:!!a},g?.map(b=>{var _,O,D,x,T,k;return s.createElement(_e,Object.assign({hidden:a&&!b?.bindCta,key:b?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},h,{onClick:()=>S(b)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(D=(O=(_=b?.homePage)===null||_===void 0?void 0:_[0])!==null&&O!==void 0?O:y?.bottom_image)!==null&&D!==void 0?D:r,rec:a,item:b,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:ns["tow-line-ellipsis"],style:c?.title},(x=b?.title)!==null&&x!==void 0?x:"Product Name"),s.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(T=b?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&k!==void 0?k:"Shop now")))}))};var ls=s.memo(os);const ss=be(ls,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:is,bindableProps:[],settingRender:xe},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 qt,Yt,as=[{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:ie,name:["fontFamily"],initialValue:(qt=ie?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{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:ie,initialValue:(Yt=ie?.[0])===null||Yt===void 0?void 0:Yt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const rs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:a}=le();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 Li=s.memo(rs),ds=null,cs="3d989325-e7d6-4a74-8a97-98febdf5b567",us=null,ps=null,vs={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"},fs=[{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}],ms="Handbags",hs={productUserId:ds,requestId:cs,channel:us,rtc:ps,tag:vs,recList:fs,hashTag:ms};const gs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:a}=t,{swiperRef:d,setRtcList:r,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=le(),[h,f]=s.useState(!1),w=s.useRef(null),y=s.useRef(null),I=s.useRef(null),p=s.useRef(null),[g,m]=s.useState(""),S=s.useMemo(()=>{var x,T,k,E,A,L,N,F,H,z,P,R;return!((x=e?.video)===null||x===void 0)&&x.cover?(T=e?.video)===null||T===void 0?void 0:T.cover:!((k=e?.video)===null||k===void 0)&&k.url?(f(!0),(E=e?.video)===null||E===void 0?void 0:E.url):!((L=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||L===void 0)&&L.length?(F=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||F===void 0?void 0:F[0]:!((z=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||z===void 0)&&z.length?(R=(P=e?.product)===null||P===void 0?void 0:P.homePage)===null||R===void 0?void 0:R[0]:v?.bottom_image||""},[e,v?.bottom_image]),b=s.useMemo(()=>{var x,T;return((x=e?.product)===null||x===void 0?void 0:x.title)||((T=e?.video)===null||T===void 0?void 0:T.title)||null},[e]),_=s.useMemo(()=>{var x,T,k,E,A,L,N,F,H;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((T=e?.product)===null||T===void 0)&&T.price)?`${(L=(A=(E=(k=e?.product)===null||k===void 0?void 0:k.currency)===null||E===void 0?void 0:E.split("-")[1])===null||A===void 0?void 0:A.toUpperCase())!==null&&L!==void 0?L:""}${(H=(F=(N=e?.product)===null||N===void 0?void 0:N.price)===null||F===void 0?void 0:F.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&H!==void 0?H:""}`:null},[e]);s.useEffect(()=>{const x=new IntersectionObserver(T=>{T.forEach(k=>{if(k.isIntersecting){if(y.current===null||S==="")return;h&&g?w.current.setSrc(g):w.current.setSrc(S),x.unobserve(y.current)}})});return x.observe(y.current),()=>{x.disconnect()}},[S,h,g]);const O=(x,T,k)=>{const E=x/T;return k/E};s.useEffect(()=>{const x=I?.current;x===null||S===""||!h||(x.src=S,x.currentTime=1,x.crossOrigin="anonymous",x.onloadeddata=()=>{const T=p?.current;if(!T)return;const k=T.getContext("2d"),E=window?.innerWidth/2,A=O(x.videoWidth,x.videoHeight,E);T.height=A,T.width=E,k?.drawImage(x,0,0,T.width,T.height),m(T.toDataURL()),x.remove(),T.remove()})},[S,h]);const D=()=>{o(),r?.(n),setTimeout(()=>{var x;(x=d?.current)===null||x===void 0||x.swiper.slideTo(i,0,!1),c?.(!1)},0)};return s.createElement("div",{ref:y,className:"list-content-listItem",key:i,onClick:D,style:{marginBottom:a}},s.createElement("div",{className:"list-content-listItem-picture"},h&&s.createElement("div",{style:{display:"none"}},s.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),s.createElement("canvas",{ref:p})),s.createElement(Se,{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 ${_?"list-content-listItem-info-nowrap":""}`,style:l?.title},b&&b),s.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!_},_)))};function bs(t){var e,i,n,o,l,a,d,{reportTagsView:r}=t,c=pe(t,["reportTagsView"]);const{waterFallData:u,getRecommendVideos:v,hashTagSize:h,loadingImage:f,isOpenHashTag:w}=le(),[y,I]=s.useState(),[p,g]=s.useState(),[m,S]=s.useState(!1),b=s.useRef(null),[_,O]=s.useState(!1);s.useCallback(()=>{_||(O(!0),u&&v?.({hashTag:u?.hashTag,"itemFilter.itemId":u?.itemId,"itemFilter.itemType":u?.itemType}).then(x=>{var T;I(y?.concat((T=x?.recList)!==null&&T!==void 0?T:[])),O(!1)}))},[u,v,y,_]),s.useEffect(()=>{var x,T;if(S(!0),u&&v?.({hashTag:u?.hashTag,"itemFilter.itemId":u?.itemId,"itemFilter.itemType":u?.itemType,defaultSize:h}).then(k=>{var E,A;g(k),I((A=(E=k?.recList)===null||E===void 0?void 0:E.filter(L=>L?.video!==null||L?.product!==null))!==null&&A!==void 0?A:[]),S(!1)}),w){const k=hs;g(k),I((T=(x=k?.recList)===null||x===void 0?void 0:x.filter(E=>E?.video!==null||E?.product!==null))!==null&&T!==void 0?T:[]),S(!1)}},[u,v,h,w]);const D=()=>{var x,T;!((x=p?.tag)===null||x===void 0)&&x.link&&(r(),window.location.href=(T=p?.tag)===null||T===void 0?void 0:T.link)};return s.createElement(s.Fragment,null,m?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:b,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:D,style:{marginBottom:c?.space}},((l=p?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),s.createElement("div",{className:"list-content"},y?.map((x,T)=>s.createElement(gs,Object.assign({key:T,index:T,rec:x,list:y,reportTagsView:r},c)))),s.createElement("div",{hidden:!_,style:{textAlign:"center"}},"loading...")),s.createElement("div",{className:"list-bottom",hidden:!(!((a=p?.tag)===null||a===void 0)&&a.link)},s.createElement("button",{className:"list-bottom-btn",style:c?.buttonStyle,onClick:D},((d=p?.tag)===null||d===void 0?void 0:d.linkTitle)||"Shop the collection"))))}var ys="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const ws=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:a,cacheRtcList:d,setRtcList:r,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:h,isFromHashtag:f,bffEventReport:w}=le();s.useRef(null);const y=s.useRef(null),[I,p]=s.useState();s.useEffect(()=>{const _=document.getElementById("sxp-render"),O=document.getElementById("water-fall");O?y.current=O:(y.current=document.createElement("div"),y.current.setAttribute("id","water-fall"),_?.appendChild(y.current))},[]);const g=()=>{const _=ue.isEqual(u,d);!_&&d&&d?.length&&r?.(d),b(),a?.(void 0),h?.(!1),setTimeout(()=>{var O,D;_||(D=(O=l?.current)===null||O===void 0?void 0:O.swiper)===null||D===void 0||D.slideTo(c,0,!1),n?.(!1)},0)},[m,S]=s.useState();s.useEffect(()=>{i&&S(i)},[i]);const b=s.useCallback(()=>{var _,O,D,x,T,k;const E=m?.rec;if(!E)return;let A="";f?A="hashTagPage":!((_=E?.video)===null||_===void 0)&&_.url?A="videoPage":!((D=(O=E?.video)===null||O===void 0?void 0:O.imgUrls)===null||D===void 0)&&D.length&&(A="imagePage"),w?.({eventInfo:{contentId:(x=E?.video)===null||x===void 0?void 0:x.itemId,position:c+"",contentTags:JSON.stringify((T=E?.video)===null||T===void 0?void 0:T.tags),traceInfo:(k=E?.video)===null||k===void 0?void 0:k.traceInfo,hashTags:JSON.stringify([m?.hashTag]),fromKName:A,fromKPage:location?.href,timeOnSite:Math.floor((new Date-I)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[m,w,I,f,c]);return s.useEffect(()=>{o&&p(new Date)},[o]),s.useEffect(()=>{const _=()=>{p(new Date)};return window.addEventListener("pageshow",_),()=>{window.removeEventListener("pageshow",_)}},[]),y.current?Zt.createPortal(s.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},s.createElement(Li,{icon:ys,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:g}),s.createElement(bs,Object.assign({reportTagsView:b},t))),y.current):null};var Ri=s.memo(ws);const Ss=t=>s.createElement(Ri,Object.assign({},t));var xs=s.memo(Ss);const Ts=be(xs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:as,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 Xt=Object.freeze({__proto__:null,Appoint:_l,AppointForm:Tn,Commodity:Cl,CommodityDetail:dl,CommodityDetailDiroNew:yl,CommodityDiro:Bl,CommodityDiroNew:Ul,HashTag:Ts,Link:Ol,MultiCommodity:ts,MultiCommodityDiro:Jl,MultiCommodityDiroNew:ss,Prompt:ml});const Es="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Cs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Is=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,a=pe(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:d,mutateUnlike:r,bffEventReport:c}=le(),[u,v]=s.useState(e),h=Ie(Cs),f=Ie(Es),w=ue.debounce(()=>he(void 0,void 0,void 0,function*(){var y,I,p,g,m,S,b,_,O,D,x,T,k,E,A,L,N,F,H,z;if(u){v(!1);const P=(p=yield r?.({videoItemId:(I=(y=o.video)===null||y===void 0?void 0:y.itemId)!==null&&I!==void 0?I:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(g=o.video)===null||g===void 0?void 0:g.itemId)!==null&&m!==void 0?m:"",contentName:(b=(S=o.video)===null||S===void 0?void 0:S.title)!==null&&b!==void 0?b:"",contentTags:JSON.stringify((O=(_=o.video)===null||_===void 0?void 0:_.tags)!==null&&O!==void 0?O:[]),position:l+"",contentFormat:!((D=o.video)===null||D===void 0)&&D.url?"video":"image",traceInfo:(x=o.video)===null||x===void 0?void 0:x.traceInfo}}),P||v(!0)}else{v(!0);const P=(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:(E=(k=o.video)===null||k===void 0?void 0:k.itemId)!==null&&E!==void 0?E:"",contentName:(L=(A=o.video)===null||A===void 0?void 0:A.title)!==null&&L!==void 0?L:"",contentTags:JSON.stringify((F=(N=o.video)===null||N===void 0?void 0:N.tags)!==null&&F!==void 0?F:[]),position:l+"",contentFormat:!((H=o.video)===null||H===void 0)&&H.url?"video":"image",traceInfo:(z=o.video)===null||z===void 0?void 0:z.traceInfo}}),P||v(!1)}}),200);return s.createElement("button",Object.assign({},a,{onClick:w}),s.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:u?i||h:n||f,alt:"icon"}))};var ji=s.memo(Is);const Ze=new Ki;var ze;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})(ze||(ze={}));const Ds=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a})=>{const[d,r]=s.useState(!1),c=s.useRef(null),{bffEventReport:u,sxpParameter:v,waterFallData:h,openHashtag:f}=le(),w=s.useRef(0),[y,I]=s.useState(!1),[p,g]=s.useState(!0),{isActive:m}=Pi(),S=s.useRef(null),[b,_]=s.useState("");s.useEffect(()=>{c.current&&(c.current.muted=o)},[o]);const O=s.useCallback(()=>{var P;(P=c.current)===null||P===void 0||P.play()},[]),D=Ie("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),x=s.useCallback(()=>{var P,R,M,C,U,q,Y,B,V,W,G,K,Z;r(!1);const X=n[e];if(X&&(!((P=c?.current)===null||P===void 0)&&P.duration)){w.current=((R=c?.current)===null||R===void 0?void 0:R.currentTime)||0;const se=((C=(M=c.current)===null||M===void 0?void 0:M.duration)!==null&&C!==void 0?C:0).toFixed(2),de=((q=(U=c.current)===null||U===void 0?void 0:U.currentTime)!==null&&q!==void 0?q:0).toFixed(2),ge=p?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(B=(Y=X.video)===null||Y===void 0?void 0:Y.itemId)!==null&&B!==void 0?B:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",playType:ge,startTime:de,videoDuration:se,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}}),g(!1)}},[u,n,e,p]),T=s.useCallback(()=>{I(!0)},[]),k=s.useCallback(P=>()=>{var R,M,C,U,q;if(!y)return;const Y=(R=c.current)===null||R===void 0?void 0:R.paused;switch(P){case"start":if(!Y)return;(M=c.current)===null||M===void 0||M.play(),r(!1);break;case"pause":if(Y)return;(C=c.current)===null||C===void 0||C.pause(),r(!0);break;default:Y?(U=c.current)===null||U===void 0||U.play():(q=c.current)===null||q===void 0||q.pause(),r(!Y);break}},[y]),E=s.useCallback(()=>{var P,R,M,C,U,q,Y,B,V,W,G,K,Z;const X=n[e],se=((R=(P=c.current)===null||P===void 0?void 0:P.duration)!==null&&R!==void 0?R:0).toFixed(2),de=((C=(M=c.current)===null||M===void 0?void 0:M.currentTime)!==null&&C!==void 0?C:0).toFixed(2);if(!((U=c?.current)===null||U===void 0)&&U.duration){const ge=(((q=c?.current)===null||q===void 0?void 0:q.currentTime)-w.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(B=(Y=X.video)===null||Y===void 0?void 0:Y.itemId)!==null&&B!==void 0?B:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",endTime:de,videoDuration:se,playDuration:ge,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}})}},[n,e,u]),A=s.useMemo(()=>a?.mode==="2",[a]),L=s.useMemo(()=>{var P;return a?.mode==="2"?`translateY(-${50+((P=a?.offsetTop)!==null&&P!==void 0?P:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=s.useMemo(()=>{var P;return((P=t?.video)===null||P===void 0?void 0:P.cover)||b},[b,t]),F=s.useCallback(()=>{if(!S||!c||!c.current||!S.current)return;const P=c?.current,R=S?.current,M=R.getContext("2d"),C=window?.innerWidth,U=window?.innerHeight;R.height=U,R.width=C,M?.drawImage(P,0,0,R.width,R.height),_(R.toDataURL())},[]);s.useEffect(()=>{var P,R,M,C;if(c.current){if(r(!1),!c.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(at.isSupported()){const q=new at;q.loadSource(U),q.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=U;else c.current.src=U;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(P=c.current)===null||P===void 0||P.addEventListener("loadedmetadata",T),(R=c.current)===null||R===void 0||R.addEventListener("canplay",T),(M=c.current)===null||M===void 0||M.addEventListener("playing",x),(C=c.current)===null||C===void 0||C.addEventListener("loadeddata",F),()=>{var U,q,Y,B;(U=c.current)===null||U===void 0||U.removeEventListener("loadedmetadata",T),(q=c.current)===null||q===void 0||q.removeEventListener("canplay",T),(Y=c.current)===null||Y===void 0||Y.removeEventListener("playing",x),(B=c.current)===null||B===void 0||B.removeEventListener("loadeddata",F)}}},[T,x,t.video,F]),s.useEffect(()=>{var P;!c?.current||!y||(m?c.current.play():(P=c.current)===null||P===void 0||P.pause())},[m,y]),s.useEffect(()=>{var P,R,M;if(!m||!c?.current)return;!((P=c.current)===null||P===void 0?void 0:P.paused)&&f?(R=c.current)===null||R===void 0||R.pause():f||(M=c.current)===null||M===void 0||M.play()},[f,m]),s.useEffect(()=>{if(!m)return;const P=k("start"),R=k("pause");return Ze.on(ze.PAGE_DID_SHOW,P),Ze.on(ze.PAGE_DID_HIDE,R),()=>{Ze.off(ze.PAGE_DID_SHOW,P),Ze.off(ze.PAGE_DID_HIDE,R)}},[k,m]);const H=s.useMemo(()=>!v?.placeholder_image||y?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[y,v?.placeholder_image]);s.useEffect(()=>{const P=()=>{var R,M;l===e&&(!((R=t?.video)===null||R===void 0)&&R.url)&&(!((M=c?.current)===null||M===void 0)&&M.src)&&!d&&k("pause")()};return window.addEventListener("beforeunload",P),()=>{window.removeEventListener("beforeunload",P)}},[l,e,t,c,k,d]);const z=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:k(),style:{position:"relative",width:"100%",height:i,overflow:"hidden"}},s.createElement(Se,{src:N,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},z)}),s.createElement("canvas",{ref:S,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:L,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:E,onEnded:O,style:{width:"100%",height:"100%",objectFit:"contain"}}),s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:D}))),H):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:k(),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:E,onEnded:O}),H,s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:D}))):null};var ks=s.memo(Ds);const _s=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,a]=s.useState(t),d=r=>{r.stopPropagation();const c=!l;a(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 Ni=s.memo(_s);const As=({imageUrl:t})=>{const[e,i]=s.useState(!0);Me(),s.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=Ie("/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}))},Bi=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]),a=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(Se,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a)}),o&&s.createElement(Se,{src:e,style:{width:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},Ps=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:a,imgUrlsPostConfig:d})=>{var r;const c=s.useRef(),{isActive:u}=Pi(),{sxpParameter:v,openHashtag:h}=le(),[f,w]=s.useState(!1);return s.useEffect(()=>{f&&u?(c?.current&&c.current.swiper.autoplay.start(),h?l(n):a(o)):(w(!0),c?.current&&c.current.swiper.autoplay.stop())},[n,u,l,h,o,a,f]),s.createElement(We,{ref:c,defaultValue:0,direction:"horizontal",modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=d?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map(y=>s.createElement(_e,{key:y},s.createElement(Bi,{src:y,height:i,imgUrlsPostConfig:d}))))};var Ms=s.memo(Ps);const Os=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[a,d]=s.useState(!1),{setWaterFallData:r,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:h}=le(),f=w=>{v?h?.(!0):u?.(n),r?.(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(!a)},a?"show less":"show more"),[a,t]),s.createElement("div",{className:"clc-sxp-bottom-hashtag"},s.createElement(wt,null,t?.map((w,y)=>s.createElement(_e,{key:y,hidden:a?!1:y>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>f(w)},`#${w}`))))};var zi=s.memo(Os),Ls="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 St(t){return s.memo(function(e){const{$store:i}=an(),n=l=>{let a=l;const d=l.match(/{{.*?}}/g);return d?.length&&d.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=ue.get(i,u);return a=a.replace(r,v),v}})}),a},o=s.useMemo(()=>{var l,a,d;const{bindDatas:r}=e,c=pe(e,["bindDatas"]);if((l=r?.forEach)===null||l===void 0||l.call(r,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:h}=u;h.replace(/{{\s*([\w.]+)\s*}}/g,(f,w)=>{var y,I;if(w){const p=(I=(y=ue.get(i,w))!==null&&y!==void 0?y:e[v])!==null&&I!==void 0?I:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=ue.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=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||d===void 0)&&d.linkType&&(c.style.cursor="pointer"),c},[i,e]);return s.createElement(t,Object.assign({},o,o.eventMap))})}const Rs=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Me(),l=s.useMemo(()=>{var a,d,r,c,u,v,h,f,w,y,I,p,g,m,S,b,_,O,D,x,T,k,E,A,L,N,F,H,z,P,R;if(!t?.video)return null;let M=null;!((d=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||d===void 0)&&d.length?M="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.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 C=i?.[M];if(((v=C?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((f=C?.item)===null||f===void 0?void 0:f.type)==="Commodity"&&!(!((w=t?.video)===null||w===void 0)&&w.bindProduct)||((y=C?.item)===null||y===void 0?void 0:y.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((p=C?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((m=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||m===void 0)&&m.length)||((S=C?.item)===null||S===void 0?void 0:S.type)==="MultiCommodityDiro"&&!(!((_=(b=t?.video)===null||b===void 0?void 0:b.bindProducts)===null||_===void 0)&&_.length)||((O=C?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((x=(D=t?.video)===null||D===void 0?void 0:D.bindProducts)===null||x===void 0)&&x.length))return null;if(C&&n){const U=n[(T=C?.item)===null||T===void 0?void 0:T.type],q=St(U),Y=(k=U?.extend)===null||k===void 0?void 0:k.defaulSetting,B=((L=(A=(E=C?.item)===null||E===void 0?void 0:E.event)===null||A===void 0?void 0:A.onClick)===null||L===void 0?void 0:L.linkType)==="externalLink";return s.createElement(q,Object.assign({style:Object.assign(Object.assign(Object.assign({},Y?.style),(N=C?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},Y?.textStyle),(F=C?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(z=(H=C?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&z!==void 0?z:[]},Y?.props,(P=C?.item)===null||P===void 0?void 0:P.props,{event:((R=C?.item)===null||R===void 0?void 0:R.event)||{},schema:o,id:C?.id,key:C?.id,recData:t,isExternalLink:B,index:e}))}else return null},[t,n,i,o]);return s.createElement(s.Fragment,null,l)};var Vi=s.memo(Rs);const Fi=({nudge:t})=>s.createElement(s.Fragment,null,t?.isOpen&&s.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?s.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,s.createElement("p",{style:Object.assign({},t?.textStyle)},t?.content))),Hi=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:a=[],ctaType:d,tipText:r,nudge:c,_schema:u,hashTagStyle:v})=>{var h,f,w,y,I,p,g;const{schema:m}=Me(),[S,b]=s.useState(0),_=s.useRef(0),[O,D]=s.useState(!1),[x,T]=s.useState(!0),k=s.useRef(),E=s.useRef(),[A,L]=s.useState(!1),[N,F]=s.useState(!1),{loadVideos:H,bffEventReport:z,loading:P,setPopupDetailData:R,ctaEvent:M,swiperRef:C,waterFallData:U,setOpenHashtag:q,appDomain:Y,openHashtag:B,loadingImage:V,isFromHashtag:W,popupDetailData:G}=le(),{productView:K}=Oe(),Z=s.useMemo(()=>a.length>0&&!P&&pn(),[a,P]),X=s.useCallback(()=>{if(a.length<=0)return;se();const j=location.search.slice(1),ee=Qt.parse(j.replace(/\+/g,"%2B"));for(const te in ee)ee[te]=ee[te].replace(/%2B/g,"+");const $=te=>{var ne;return(ne=ee[te])!==null&&ne!==void 0?ne:""};z?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:$("utm_source"),utmMedium:$("utm_medium"),utmCampaign:$("utm_campaign"),utmId:$("utm_id"),utmContent:$("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),D(!0)},[z,a.length]),se=()=>{k.current=new Date,E.current=new Date,dn()};s.useEffect(()=>{O||X()},[X,O]),s.useEffect(()=>{var j;const ee=a?.findIndex($=>{var te,ne,ae,Q,oe,re,ce,Te,Ee;return d==="\u591A\u5546\u54C1CTA"?((te=$?.video)===null||te===void 0?void 0:te.bindProducts)&&((ae=(ne=$?.video)===null||ne===void 0?void 0:ne.bindProducts)===null||ae===void 0?void 0:ae.length)>0:d==="\u5546\u54C1CTA"?(Q=$?.video)===null||Q===void 0?void 0:Q.bindProduct:((re=(oe=$?.video)===null||oe===void 0?void 0:oe.bindCta)===null||re===void 0?void 0:re.itemId)===d&&(((ce=$?.video)===null||ce===void 0?void 0:ce.url)||((Ee=(Te=$?.video)===null||Te===void 0?void 0:Te.imgUrls)===null||Ee===void 0?void 0:Ee.length))})||0;(j=C?.current)===null||j===void 0||j.swiper.slideTo(ee)},[d,C]),s.useEffect(()=>{const j=a?.[S],ee=()=>{var $,te,ne,ae,Q,oe,re,ce,Te,Ee,Fe,He,Ue,Ge,je;if(document.visibilityState==="hidden"){Ze.emit(ze.PAGE_DID_HIDE,j),Re(j),it(j);let Ae="";G&&(!((te=($=j?.video)===null||$===void 0?void 0:$.bindProducts)===null||te===void 0)&&te.length||!((ne=j?.video)===null||ne===void 0)&&ne.bindProduct)?Ae="pdpPage":G&&o?.[(oe=(Q=(ae=j.video)===null||ae===void 0?void 0:ae.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&oe!==void 0?oe:""].item.type==="Appoint"?Ae="formPage":W?Ae="hashTagPage":!((re=j?.video)===null||re===void 0)&&re.url?Ae="videoPage":!((ce=j?.video)===null||ce===void 0)&&ce.imgUrls&&(!((Ee=(Te=j?.video)===null||Te===void 0?void 0:Te.imgUrls)===null||Ee===void 0)&&Ee.length)?Ae="imagePage":j?.product&&(Ae="productPage"),z?.({eventInfo:{sessionDuration:Math.floor((new Date-k.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(Fe=j?.video)===null||Fe===void 0?void 0:Fe.itemId,productId:(He=j?.product)===null||He===void 0?void 0:He.itemId,position:S+"",fromKName:Ae,fromKPage:location?.href,ctatId:(je=(Ge=(Ue=j.video)===null||Ue===void 0?void 0:Ue.bindCta)===null||Ge===void 0?void 0:Ge.itemId)!==null&&je!==void 0?je:""}})}else document.visibilityState==="visible"&&(X(),Ve(S),Ze.emit(ze.PAGE_DID_SHOW,j))};return document.addEventListener("visibilitychange",ee),()=>{document.removeEventListener("visibilitychange",ee)}},[S,z,k,a,X,G,W,o]);const de=s.useMemo(()=>t?.logoUrl&&t?.isShowLogo?i-45:i,[t,i]),ge=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]),qe=s.useCallback((j,ee)=>{var $,te,ne,ae;return!(($=j.video)===null||$===void 0)&&$.url?s.createElement(ks,{rec:j,index:ee,muted:x,data:a,height:de,activeIndex:S,videoPostConfig:t?.videoPost}):!((te=j.video)===null||te===void 0)&&te.imgUrls?s.createElement(Ms,{key:j.video.itemId,imgUrls:j.video.imgUrls,width:n,height:de,rec:j,index:ee,onReportViewImageEnd:Re,onViewImageStartEvent:Ve,imgUrlsPostConfig:t?.imgUrlsPost}):j.product&&Array.isArray(t?.productPost)&&((ne=t?.productPost)===null||ne===void 0?void 0:ne.length)>0?(ae=t?.productPost)===null||ae===void 0?void 0:ae.map((Q,oe)=>{var re,ce,Te,Ee,Fe,He,Ue,Ge;const je=l[(re=Q?.item)===null||re===void 0?void 0:re.type],Ae=St(je),Pe=(ce=je?.extend)===null||ce===void 0?void 0:ce.defaulSetting;return s.createElement(Ae,Object.assign({key:`${ee}${oe}`,textStyle:Object.assign(Object.assign({},Pe?.textStyle),(Te=Q?.item)===null||Te===void 0?void 0:Te.textStyle),bindDatas:(Fe=(Ee=Q?.item)===null||Ee===void 0?void 0:Ee.bindDatas)!==null&&Fe!==void 0?Fe:[]},Pe?.props,(He=Q?.item)===null||He===void 0?void 0:He.props,{event:((Ue=Q?.item)===null||Ue===void 0?void 0:Ue.event)||{},schema:m,id:Q?.id,viewTime:E.current,rec:j,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},Pe?.style),(Ge=Q?.item)===null||Ge===void 0?void 0:Ge.style),{height:"100%",overflow:"auto"}),index:ee}))}):null},[n,a,de,x,S,t?.productPost,E,r,l,m]),Ye=s.useCallback(j=>{F(j)},[]),et=s.useMemo(()=>N?{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"},[N]),Xe=s.useCallback((j,ee)=>{var $,te,ne,ae,Q,oe,re;return j.video?s.createElement(s.Fragment,null,(($=j.video)===null||$===void 0?void 0:$.title)&&!N&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Fi,{nudge:c}),s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement(Vi,{rec:j,index:ee,tempMap:o,resolver:l})),s.createElement("div",null,s.createElement(yt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(ne=(te=j.video)===null||te===void 0?void 0:te.title)!==null&&ne!==void 0?ne:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ye}),s.createElement(zi,{index:S,tags:(Q=(ae=j?.video)===null||ae===void 0?void 0:ae.hashTags)!==null&&Q!==void 0?Q:[],itemId:(oe=j?.video)===null||oe===void 0?void 0:oe.itemId,itemType:!((re=j.video)===null||re===void 0)&&re.itemId?"VIDEO":null,rec:j,hashTagStyle:v})))):null},[e,S,o,l,r,c,v,t,Ye,N,et]),tt=s.useCallback((j,ee)=>{var $,te;if(!t?.isShowLike)return;let ne=($=t?.likeIconY)!==null&&$!==void 0?$:400;return U&&ne<40&&(ne+=40),j.video?s.createElement(ji,{key:j.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:j.isCollected,recData:j,className:"clc-sxp-like-button",style:{top:ne,right:(te=t?.likeIconX)!==null&&te!==void 0?te:0},position:ee}):null},[t,U]),Re=j=>{var ee,$,te,ne,ae,Q;if(!(!((ee=j.video)===null||ee===void 0)&&ee.url)&&(!(($=j.video)===null||$===void 0)&&$.imgUrls)){const oe=Date.now(),re=(oe-_.current)/1e3;z?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ne=(te=j.video)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",contentName:(ae=j.video.title)!==null&&ae!==void 0?ae:"",imageEndTime:`${oe}`,playDuration:`${re}`,contentTags:JSON.stringify((Q=j.video.tags)!==null&&Q!==void 0?Q:[]),position:S+"",contentFormat:"image",traceInfo:j.video.traceInfo}})}},me=j=>{var ee,$,te,ne,ae,Q,oe,re;E.current=new Date;const ce=a[j.previousIndex];ce&&(j.previousIndex-j.activeIndex<0?(z?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:($=(ee=ce.video)===null||ee===void 0?void 0:ee.itemId)!==null&&$!==void 0?$:"",productId:(ne=(te=ce.product)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",requestId:null}}),Re(ce)):(z?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ae=ce.video)===null||ae===void 0?void 0:ae.itemId)!==null&&Q!==void 0?Q:"",productId:(re=(oe=ce.product)===null||oe===void 0?void 0:oe.itemId)!==null&&re!==void 0?re:"",requestId:null}}),Re(ce)),it(ce))},it=j=>{var ee,$,te;!(!((ee=j?.video)===null||ee===void 0)&&ee.url)&&!(!(($=j?.video)===null||$===void 0)&&$.imgUrls)&&j?.product&&K(j,j.product,(te=j?.product)===null||te===void 0?void 0:te.bindCta,E.current,S)};s.useEffect(()=>{const j=a[S];B&&it(j)},[B,a,S]);const Ve=j=>{var ee,$,te,ne,ae,Q;const oe=a[j];if(!(!((ee=oe?.video)===null||ee===void 0)&&ee.url)&&(!(($=oe?.video)===null||$===void 0)&&$.imgUrls)){const re=Date.now();_.current=re,z?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ne=(te=oe.video)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",contentName:(ae=oe.video.title)!==null&&ae!==void 0?ae:"",imageStartTime:`${re}`,contentTags:JSON.stringify((Q=oe.video.tags)!==null&&Q!==void 0?Q:[]),position:j+"",contentFormat:"image",traceInfo:oe.video.traceInfo}})}},st=s.useMemo(()=>{const j=a?.map((ee,$)=>S===$||$-1===S||$+1===S?ee:null);return U?j:j.concat([{loading:!0}])},[a,S,U]),Gi=s.useMemo(()=>P?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:V,alt:"loading...",style:{objectFit:"contain"}})):st?.map((j,ee)=>s.createElement(_e,{key:ee,virtualIndex:ee},j&&s.createElement(s.Fragment,null,j?.loading?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:V,alt:"loading...",style:{objectFit:"contain"}})):s.createElement(s.Fragment,null,qe(j,ee),Xe(j,ee),tt(j,ee))))),[n,a,de,P,Xe,qe,st,V]),$i=Ie("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Wi=Ie("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return s.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},U&&s.createElement(Li,{icon:Ls,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),ge,Z?s.createElement(As,{imageUrl:t?.swipeTipIcon}):null,s.createElement(We,{ref:C,onActiveIndexChange:j=>{b(j.activeIndex),!B&&(me(j),!U&&j?.activeIndex+2>=a?.length&&(A||(L(!0),H?.(Math.ceil(S/10)+1).then(()=>{L(!1)}))))},direction:"vertical",height:de},s.createElement(Ni,{style:{position:"fixed",right:(h=t?.muteIconX)!==null&&h!==void 0?h:0,visibility:!((w=(f=a?.[S])===null||f===void 0?void 0:f.video)===null||w===void 0)&&w.url?"visible":"hidden",bottom:(y=t?.muteIconY)!==null&&y!==void 0?y:23,zIndex:999},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:$i,unactiveIcon:t?.muteIcon?t?.muteIcon:Wi,onChange:T}),Gi),s.createElement(Ri,Object.assign({},(g=(p=(I=t?.hashTag)===null||I===void 0?void 0:I[0])===null||p===void 0?void 0:p.item)===null||g===void 0?void 0:g.props)))},js=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>s.createElement(We,{defaultValue:0,direction:"horizontal",modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>s.createElement(_e,{key:a},s.createElement(Bi,{src:a,height:i,imgUrlsPostConfig:n}))));var Ns=s.memo(js);const Bs=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,width:d})=>{const[r,c]=s.useState(!1),u=s.useRef(null),{bffEventReport:v,sxpParameter:h,waterFallData:f,openHashtag:w}=le(),y=s.useRef(0),[I,p]=s.useState(!1),[g,m]=s.useState(!0),S=s.useRef(null),[b,_]=s.useState("");s.useEffect(()=>{u.current&&(u.current.muted=o)},[o]);const O=s.useCallback(()=>{var P;(P=u.current)===null||P===void 0||P.play()},[]),D=Ie("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),x=s.useCallback(()=>{var P,R,M,C,U,q,Y,B,V,W,G,K,Z;c(!1);const X=n[e];if(X&&(!((P=u?.current)===null||P===void 0)&&P.duration)){y.current=((R=u?.current)===null||R===void 0?void 0:R.currentTime)||0;const se=((C=(M=u.current)===null||M===void 0?void 0:M.duration)!==null&&C!==void 0?C:0).toFixed(2),de=((q=(U=u.current)===null||U===void 0?void 0:U.currentTime)!==null&&q!==void 0?q:0).toFixed(2),ge=g?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(B=(Y=X.video)===null||Y===void 0?void 0:Y.itemId)!==null&&B!==void 0?B:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",playType:ge,startTime:de,videoDuration:se,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}}),m(!1)}},[v,n,e,g]),T=s.useCallback(()=>{p(!0)},[]),k=s.useCallback(P=>()=>{var R,M,C,U,q;if(!I)return;const Y=(R=u.current)===null||R===void 0?void 0:R.paused;switch(P){case"start":if(!Y)return;(M=u.current)===null||M===void 0||M.play(),c(!1);break;case"pause":if(Y)return;(C=u.current)===null||C===void 0||C.pause(),c(!0);break;default:Y?(U=u.current)===null||U===void 0||U.play():(q=u.current)===null||q===void 0||q.pause(),c(!Y);break}},[I]),E=s.useCallback(()=>{var P,R,M,C,U,q,Y,B,V,W,G,K,Z;const X=n[e],se=((R=(P=u.current)===null||P===void 0?void 0:P.duration)!==null&&R!==void 0?R:0).toFixed(2),de=((C=(M=u.current)===null||M===void 0?void 0:M.currentTime)!==null&&C!==void 0?C:0).toFixed(2);if(!((U=u?.current)===null||U===void 0)&&U.duration){const ge=(((q=u?.current)===null||q===void 0?void 0:q.currentTime)-y.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(B=(Y=X.video)===null||Y===void 0?void 0:Y.itemId)!==null&&B!==void 0?B:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",endTime:de,videoDuration:se,playDuration:ge,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}})}},[n,e,v]),A=s.useMemo(()=>a?.mode==="2",[a]),L=s.useMemo(()=>{var P;return a?.mode==="2"?`translateY(-${50+((P=a?.offsetTop)!==null&&P!==void 0?P:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=s.useMemo(()=>{var P;return((P=t?.video)===null||P===void 0?void 0:P.cover)||b},[b,t]),F=s.useCallback(()=>{if(!S||!u||!u.current||!S.current)return;const P=u?.current,R=S?.current,M=R.getContext("2d"),C=window?.innerWidth,U=window?.innerHeight;R.height=U,R.width=C,M?.drawImage(P,0,0,R.width,R.height),_(R.toDataURL())},[]);s.useEffect(()=>{var P,R,M,C;if(u.current){if(c(!1),!u.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(at.isSupported()){const q=new at;q.loadSource(U),q.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(P=u.current)===null||P===void 0||P.addEventListener("loadedmetadata",T),(R=u.current)===null||R===void 0||R.addEventListener("canplay",T),(M=u.current)===null||M===void 0||M.addEventListener("playing",x),(C=u.current)===null||C===void 0||C.addEventListener("loadeddata",F),()=>{var U,q,Y,B;(U=u.current)===null||U===void 0||U.removeEventListener("loadedmetadata",T),(q=u.current)===null||q===void 0||q.removeEventListener("canplay",T),(Y=u.current)===null||Y===void 0||Y.removeEventListener("playing",x),(B=u.current)===null||B===void 0||B.removeEventListener("loadeddata",F)}}},[T,x,t.video,F]);const H=s.useMemo(()=>!h?.placeholder_image||I?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:h?.placeholder_image}),[I,h?.placeholder_image]);s.useEffect(()=>{const P=()=>{var R,M;l===e&&(!((R=t?.video)===null||R===void 0)&&R.url)&&(!((M=u?.current)===null||M===void 0)&&M.src)&&!r&&k("pause")()};return window.addEventListener("beforeunload",P),()=>{window.removeEventListener("beforeunload",P)}},[l,e,t,u,k,r]);const z=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:k(),style:{position:"relative",width:d,height:i,overflow:"hidden"}},s.createElement(Se,{src:N,style:Object.assign({height:i,width:d,objectFit:"cover"},z)}),s.createElement("canvas",{ref:S,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:d,height:i,top:"50%",transform:L,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:E,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),s.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:D}))),H):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:k(),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:E,onEnded:O}),H,s.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:D}))):null};var zs=s.memo(Bs);const Jt={};Object.values(Xt).forEach(t=>{Jt[t.extend.type]=t});const Vs=({data:t,globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:a})=>{const c=s.useMemo(()=>e?.logoUrl&&e?.isShowLogo?619:664,[e,664]),u=(p,g)=>{var m,S,b,_;if(!((m=p.video)===null||m===void 0)&&m.url)return s.createElement(zs,{rec:p,index:g,muted:!0,width:375,data:t??[],height:c,activeIndex:g,videoPostConfig:e?.videoPost});if(!((S=p.video)===null||S===void 0)&&S.imgUrls)return s.createElement(Ns,{key:p.video.itemId,imgUrls:p.video.imgUrls,width:375,height:c,rec:p,index:g,imgUrlsPostConfig:e?.imgUrlsPost});if(p.product&&p.product&&Array.isArray(e?.productPost)&&((b=e?.productPost)===null||b===void 0?void 0:b.length)>0)return(_=e?.productPost)===null||_===void 0?void 0:_.map((O,D)=>{var x,T,k,E,A,L,N,F;const H=Jt[(x=O?.item)===null||x===void 0?void 0:x.type],z=St(H),P=(T=H?.extend)===null||T===void 0?void 0:T.defaulSetting;return s.createElement(z,Object.assign({key:`${g}${D}`,textStyle:Object.assign(Object.assign({},P?.textStyle),(k=O?.item)===null||k===void 0?void 0:k.textStyle),bindDatas:(A=(E=O?.item)===null||E===void 0?void 0:E.bindDatas)!==null&&A!==void 0?A:[]},P?.props,(L=O?.item)===null||L===void 0?void 0:L.props,{event:((N=O?.item)===null||N===void 0?void 0:N.event)||{},id:O?.id,rec:p,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},P?.style),(F=O?.item)===null||F===void 0?void 0:F.style),{width:375,height:c,overflow:"auto"}),index:g}))})},v=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]),h=(p,g)=>{var m,S,b,_,O,D,x;return p.video?s.createElement(s.Fragment,null,((m=p.video)===null||m===void 0?void 0:m.title)&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Fi,{nudge:n}),s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement(Vi,{rec:p,index:g,tempMap:o,resolver:Jt})),s.createElement("div",null,s.createElement(yt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(b=(S=p.video)===null||S===void 0?void 0:S.title)!==null&&b!==void 0?b:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),s.createElement(zi,{index:g,tags:(O=(_=p?.video)===null||_===void 0?void 0:_.hashTags)!==null&&O!==void 0?O:[],itemId:(D=p?.video)===null||D===void 0?void 0:D.itemId,itemType:!((x=p.video)===null||x===void 0)&&x.itemId?"VIDEO":null,rec:p,hashTagStyle:a}))):null},f=(p,g)=>{var m,S;if(!e?.isShowLike)return;let b=(m=e?.likeIconY)!==null&&m!==void 0?m:400;return b<40&&(b+=40),p.video?s.createElement(ji,{key:p.position,activeIcon:e?.likeIcon,unActicveIcon:e?.unlikeIcon,position:g,active:p.isCollected,recData:p,className:"clc-sxp-like-button",style:{top:b,right:(S=e?.likeIconX)!==null&&S!==void 0?S:0}}):null},w=Ie("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),y=Ie("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png"),I=(p,g)=>{var m,S,b,_;return s.createElement("div",{style:{position:"relative"}},v,s.createElement(Ni,{style:{position:"absolute",right:(m=e?.muteIconX)!==null&&m!==void 0?m:0,visibility:!((b=(S=t?.[g])===null||S===void 0?void 0:S.video)===null||b===void 0)&&b.url?"visible":"hidden",bottom:(_=e?.muteIconY)!==null&&_!==void 0?_:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:w,unactiveIcon:e?.muteIcon?e?.muteIcon:y}),u(p,g),h(p,g),f(p,g))};return s.createElement("div",{style:{width:"100%",height:664,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none"}},t?.map((p,g)=>I(p,g)))};var Fs=s.memo(Vs);const Hs=()=>{const{schema:t,resolver:e,popup:i}=Me(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=le(),{productView:a}=Oe(),[d,r]=s.useState(),c=s.useRef(null);s.useEffect(()=>{const h=()=>{c.current=new Date};return h(),window.addEventListener("pageshow",h),()=>{window.removeEventListener("pageshow",h)}},[]),s.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,r(i))},[i]);const u=()=>{var h,f,w,y;if(!i||i?.id===""||!d||new Date-c.current<((h=i?.duration)!==null&&h!==void 0?h:0))return;r(Object.assign(Object.assign({},i),{id:""}));const I=o,p=(f=I?.video)===null||f===void 0?void 0:f.bindProduct,g=(y=(w=I?.video)===null||w===void 0?void 0:w.bindProduct)===null||y===void 0?void 0:y.bindCta;p&&g&&a(I,p,g,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=s.useMemo(()=>{var h,f,w;return(w=(f=(h=t?.sxpPageConf)===null||h===void 0?void 0:h.globalConfig)===null||f===void 0?void 0:f.popupList)===null||w===void 0?void 0:w.map((y,I)=>{var p,g,m,S,b,_,O,D;if(y?.id===i?.id){const x=e[(p=y?.item)===null||p===void 0?void 0:p.type],T=St(x),k=(g=x?.extend)===null||g===void 0?void 0:g.defaulSetting;return s.createElement(T,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},k?.style),(m=y?.item)===null||m===void 0?void 0:m.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},k?.textStyle),(S=y?.item)===null||S===void 0?void 0:S.textStyle),bindDatas:(_=(b=y?.item)===null||b===void 0?void 0:b.bindDatas)!==null&&_!==void 0?_:[]},k?.props,(O=y?.item)===null||O===void 0?void 0:O.props,{event:((D=y?.item)===null||D===void 0?void 0:D.event)||{},schema:t,id:y?.id}))}else return s.createElement(s.Fragment,null)})},[t,i,e]);return s.createElement(bt,{popup:d,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},Kt={};Object.values(Xt).forEach(t=>{Kt[t.extend.type]=t});const Us=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l})=>{var a,d,r,c,u,v;const h=s.useMemo(()=>{var f;return location?.search?(f=location?.search)===null||f===void 0?void 0:f.replace("?",""):""},[]);return s.createElement(ui,{resolver:Kt,enableDataSource:!1,schema:t?.data,utmVal:h},s.createElement(ai,{utmVal:h,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(d=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&d!==void 0?d:e,defaultSize:(c=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.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})=>{var w;return s.createElement(s.Fragment,null,s.createElement(Hi,Object.assign({},(w=t?.data)===null||w===void 0?void 0:w.sxpPageConf,{data:f,resolver:Kt})),s.createElement(Hs,null))}}))};var Gs=s.memo(Us);const Ui=s.createContext({}),$s=({children:t,data:e})=>{var i,n,o,l,a,d;const[r,c]=s.useState(!1);return s.createElement(Ui.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.loading_image},appDomain:e?.appDomain,openHashtag:r,setOpenHashtag:c}},t)};function Ws(){return s.useContext(Ui)}exports.DiyPortalPreview=Fs,exports.EditorDataProvider=$s,exports.Modal=bt,exports.SxpDataSourceProvider=ai,exports.SxpPageCore=Gs,exports.SxpPageRender=Hi,exports.core=gn,exports.default=sn,exports.defaultSetting=yn,exports.materials=Xt,exports.useEditorDataProvider=Ws;
|
5
|
+
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:D?.info})))},W=()=>{var G;return s.createElement(s.Fragment,null,(y||P?.link)&&s.createElement("button",{onClick:Y,className:"pb-commondity-btn",style:O},(G=C?.enTitle)!==null&&G!==void 0?G:"Purchase on Website"))};return s.createElement("div",{className:"pb-commondity"},s.createElement("div",Object.assign({className:J.css(Object.assign({},v))},T),P&&((a=P?.homePage)===null||a===void 0?void 0:a.length)>0&&s.createElement(We,{height:z,modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:g?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:g?.delay*1e3}},(d=P?.homePage)===null||d===void 0?void 0:d.map(G=>s.createElement(_e,{key:G},s.createElement("div",{style:{overflow:"hidden",width:z,height:z}},s.createElement(xe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:G}))))),!(!((r=P?.homePage)===null||r===void 0)&&r.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:_,alt:""})),s.createElement("div",{className:"pb-commondity-content"},V({isPost:w}))),W(),s.createElement(bt,{visible:B,onClose:()=>M(!1)},s.createElement("div",{style:{paddingBottom:"80px"}},V({isPost:!1})),W()))};var rl=s.memo(al);const dl=be(rl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:En},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 cl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ul=[{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"]}],Mi="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 pl=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}},vl=t=>{var{content:e,btnText:i,style:n,icon:o,onClick:l}=t,a=pe(t,["content","btnText","style","icon","onClick"]);const d=typeof o=="string"?o:pl(o),r=()=>{window?.sxpPopup(""),l?.()};return s.createElement("div",Object.assign({className:`pb-prompt ${J.css(Object.assign({},n))}`},a),s.createElement("div",{className:"pb-prompt-icon"},s.createElement("img",{width:"100%",src:d??Mi})),s.createElement("div",{className:"pb-prompt-content"},e),s.createElement("button",{className:"pb-prompt-btn",onClick:r},i))};var fl=s.memo(vl);const ml=be(fl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:ul,bindableProps:[],interactionRender:cl},defaulSetting:{props:{icon:Mi,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var Ht,Ut,hl=[{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:ie,name:["fontFamily"],initialValue:(Ht=ie?.[0])===null||Ht===void 0?void 0:Ht.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ie,initialValue:(Ut=ie?.[0])===null||Ut===void 0?void 0:Ut.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const gl=t=>{var e,i,n,o,l,a,d,r,c,u,v,m,{style:f,isDefault:x,rec:y,viewTime:_,isPost:p,bottom_image:w,tipText:h,swiper:b,commodityStyles:g,buttonStyle:D,index:O}=t,I=pe(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);s.useState(!0);const{sxpParameter:T}=le(),{popupDetailData:S,bffEventReport:k,isPreview:E,swiperRef:A,waterFallData:L}=le(),{jumpToWeb:N,productView:F}=Oe(),H=s.useRef(null);s.useRef(null),s.useRef(null),s.useState(!1),s.useState(!1),s.useState(!0);const[B,M]=s.useState(!1),R=s.useRef(null),P=p?y:S,C=p?P?.product:(e=P?.video)===null||e===void 0?void 0:e.bindProduct,U=p?(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,Y=p?O:S?.index,q=()=>{C?.link&&(N(P,C,U,Y),p||F(P,C,U,_||R.current,Y),window.location.href=window.getJointUtmLink(C.link))};s.useEffect(()=>{const G=()=>{R.current=new Date};return G(),window.addEventListener("pageshow",G),()=>{window.removeEventListener("pageshow",G)}},[]);const z=s.useMemo(()=>{var G,K,Z,X,se;return C?.currency&&C?.price?`${(Z=(K=(G=C?.currency)===null||G===void 0?void 0:G.split("-")[1])===null||K===void 0?void 0:K.toUpperCase())!==null&&Z!==void 0?Z:""}${(se=(X=C?.price)===null||X===void 0?void 0:X.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&se!==void 0?se:""}`:"\xA3102,300.00"},[C?.price,C?.currency]),V=E?375:(l=f?.width)!==null&&l!==void 0?l:window.innerWidth,W=({isPost:G})=>s.createElement("div",{hidden:!!C&&(!C?.info||C?.info==="")},s.createElement(yt,{isPost:G,onClick:()=>M(!0),className:"pb-commondityDiroNew-info",style:g?.info,foldText:h?.foldText,unfoldText:h?.unfoldText,text:C?.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 s.createElement("div",{className:"pb-commondityDiroNew"},s.createElement("div",Object.assign({ref:H,className:J.css(Object.assign({},f))},I),C&&((a=C?.homePage)===null||a===void 0?void 0:a.length)>0&&s.createElement(We,{height:V,modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:b?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:b?.delay*1e3}},(d=C?.homePage)===null||d===void 0?void 0:d.map(G=>s.createElement(_e,{key:G},s.createElement("div",{style:{overflow:"hidden",width:V,height:V}},s.createElement(xe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:G}))))),!(!((r=C?.homePage)===null||r===void 0)&&r.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=T?.bottom_image)!==null&&c!==void 0?c:w,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=C?.title)!==null&&u!==void 0?u:"Large Dior Toujours Bag"),s.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!C&&(!C?.collection||C?.collection===""),style:g?.collection},C?.collection||"Black Macrocannage Calfskin")),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!C&&!C?.price,style:g?.price},z),s.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!C&&!C?.taxInfo,style:g?.taxInfo},(v=C?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!C||C?.link)&&s.createElement("button",{onClick:q,className:"pb-commondityDiroNew-btn",style:D},(m=U?.enTitle)!==null&&m!==void 0?m:"Shop now"),W({isPost:p}))),s.createElement(bt,{visible:B,onClose:()=>M(!1)},W({isPost:!1})))};var bl=s.memo(gl);const yl=be(bl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:hl},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 Gt,$t,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:ie,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(Gt=ie?.[0])===null||Gt===void 0?void 0:Gt.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ie,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:($t=ie?.[0])===null||$t===void 0?void 0:$t.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"]}]}],wl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Oi(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 Sl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:a=!1,index:d}=t;pe(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=s.useRef(null),c=Oi(r),{popup:u}=Me(),{setPopupDetailData:v,ctaEvent:m}=le(),{jumpToWeb:f}=Oe();s.useEffect(()=>{var y,_;if(c&&r?.current){const p=(_=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)!==null&&_!==void 0?_:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,d)}},[c,r,e,m,d]);const x=ue.throttle(()=>{var y,_,p,w,h,b,g,D,O,I;const T=(_=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)!==null&&_!==void 0?_:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,T,d),v?.(Object.assign(Object.assign({},e),{index:d})),a){if(!((w=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||w===void 0)&&w.link){const S=(h=e?.video)===null||h===void 0?void 0:h.bindCta,k=(b=e?.video)===null||b===void 0?void 0:b.bindProduct;f(e,k,S,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((I=(O=e?.video)===null||O===void 0?void 0:O.bindProduct)===null||I===void 0?void 0:I.link)}}else o?.()},u?.duration);return s.createElement("div",{ref:r,className:n,style:l,onClick:x},i)};var st=s.memo(Sl),xl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Tl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:x}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:_}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,w=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:_?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:x,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),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:w})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:xl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var El=s.memo(Tl);const Cl=be(El,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:wl,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 Il=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Dl=t=>{var e,i,n,o,{content:l,style:a,bgImg:d,recData:r,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,m=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:f}=le(),x=(e=r?.video)===null||e===void 0?void 0:e.bindCta;return s.createElement(st,Object.assign({isExternalLink:v,rec:r,className:J.css(Object.assign({alignItems:"center"},a)),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=x?.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=x?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var kl=s.memo(Dl);const _l=be(kl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Il,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 Al={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Pl=t=>{var e,i,n,o,l,{content:a,style:d,bgImg:r,recData:c,bottom_image:u,ctaTempStyles:v,index:m}=t,f=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:x,bffEventReport:y}=le(),{jumpToWeb:_}=Oe(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,w=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,h=()=>{p?.link&&(_(c,w,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:x?.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:Al["tow-line-ellipsis"],style:v?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var Ml=s.memo(Pl);const Ol=be(Ml,{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 Ll=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Rl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const jl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:x}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:_}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,w=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:_?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:x,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),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:w})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Rl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var Nl=s.memo(jl);const Bl=be(Nl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Ll,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 zl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Vl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Fl=t=>{var e,i,n,o,l,a,d,{content:r,style:c,bgImg:u,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:x}=t,y=pe(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:_}=le(),p=(e=v?.video)===null||e===void 0?void 0:e.bindProduct,w=(o=(n=(i=p?.homePage)===null||i===void 0?void 0:i[0])!==null&&n!==void 0?n:_?.bottom_image)!==null&&o!==void 0?o:m;return s.createElement(st,Object.assign({isExternalLink:x,rec:v,className:J.css(Object.assign({},c)),style:{display:"flex"}},y),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:w})),s.createElement("div",{className:J.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},s.createElement("div",{className:Vl["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=(a=p?.bindCta)===null||a===void 0?void 0:a.enTitle)!==null&&d!==void 0?d:"Shop now")))};var Hl=s.memo(Fl);const Ul=be(Hl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:zl,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 Gl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const $l=({children:t,isPadding:e=!0})=>s.createElement(We,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Rn,Ln,On],style:{padding:e?"0 12px 0 20px":0}},t);var wt=s.memo($l);const Wl=({src:t,rec:e,item:i,index:n})=>{const o=s.useRef(null),l=Oi(o),{ctaEvent:a}=le();return s.useEffect(()=>{l&&t&&o?.current&&a?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,a,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 Wt=s.memo(Wl),ql={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Yl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:x,sxpParameter:y}=le(),{popup:_}=Me(),{jumpToWeb:p}=Oe(),[w,h]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),b=ue.throttle(g=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,g,v),x?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:g}),index:v})),u?g?.link&&(p(a,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},_?.duration);return s.createElement(wt,{isPadding:!!a},w?.map(g=>{var D,O,I,T,S,k;return s.createElement(_e,Object.assign({hidden:a&&!g?.bindCta,key:g?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>b(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(I=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:y?.bottom_image)!==null&&I!==void 0?I:r,rec:a,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:ql["two-line-ellipsis"],style:c?.title},(T=g?.title)!==null&&T!==void 0?T:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(S=g?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var Xl=s.memo(Yl);const Jl=be(Xl,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Gl,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 Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ql={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Zl=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:f}=le(),{ctaEvent:x,setPopupDetailData:y}=le(),{popup:_}=Me(),[p,w]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:h}=Oe(),b=ue.throttle(g=>{x?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,g,v),y?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:g}),index:v})),u?g?.link&&(h(a,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},_?.duration);return s.createElement(wt,{isPadding:!!a},p?.map(g=>{var D,O,I,T,S,k;return s.createElement(_e,Object.assign({hidden:a&&!g?.bindCta,key:g.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>b(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(I=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:f?.bottom_image)!==null&&I!==void 0?I:r,rec:a,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:Ql["two-line-ellipsis"],style:c?.title},(T=g?.title)!==null&&T!==void 0?T:"Product Name"),s.createElement("div",{className:J.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(S=g?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&k!==void 0?k:"Shop Now")))}))};var es=s.memo(Zl);const ts=be(es,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Kl,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 is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ns={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const os=t=>{var e,i,{content:n,style:o,bgImg:l,recData:a,onClick:d,bottom_image:r,ctaTempStyles:c,isExternalLink:u,index:v}=t,m=pe(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:x,sxpParameter:y}=le(),{popup:_}=Me(),{jumpToWeb:p}=Oe(),[w,h]=s.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),b=ue.throttle(g=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,g,v),x?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:g}),index:v})),u?g?.link&&(p(a,g,g.bindCta,v),window.location.href=window.getJointUtmLink(g.link)):d?.()},_?.duration);return s.createElement(wt,{isPadding:!!a},w?.map(g=>{var D,O,I,T,S,k;return s.createElement(_e,Object.assign({hidden:a&&!g?.bindCta,key:g?.itemId,className:J.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>b(g)}),s.createElement("div",{className:J.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},s.createElement(Wt,{src:(I=(O=(D=g?.homePage)===null||D===void 0?void 0:D[0])!==null&&O!==void 0?O:y?.bottom_image)!==null&&I!==void 0?I:r,rec:a,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:ns["tow-line-ellipsis"],style:c?.title},(T=g?.title)!==null&&T!==void 0?T:"Product Name"),s.createElement("div",{className:J.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(k=(S=g?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&k!==void 0?k:"Shop now")))}))};var ls=s.memo(os);const ss=be(ls,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:is,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 qt,Yt,as=[{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:ie,name:["fontFamily"],initialValue:(qt=ie?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{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:ie,initialValue:(Yt=ie?.[0])===null||Yt===void 0?void 0:Yt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const rs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:a}=le();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 Li=s.memo(rs),ds=null,cs="3d989325-e7d6-4a74-8a97-98febdf5b567",us=null,ps=null,vs={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"},fs=[{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}],ms="Handbags",hs={productUserId:ds,requestId:cs,channel:us,rtc:ps,tag:vs,recList:fs,hashTag:ms};const gs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:a}=t,{swiperRef:d,setRtcList:r,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=le(),[m,f]=s.useState(!1),x=s.useRef(null),y=s.useRef(null),_=s.useRef(null),p=s.useRef(null),[w,h]=s.useState(""),b=s.useMemo(()=>{var T,S,k,E,A,L,N,F,H,B,M,R;return!((T=e?.video)===null||T===void 0)&&T.cover?(S=e?.video)===null||S===void 0?void 0:S.cover:!((k=e?.video)===null||k===void 0)&&k.url?(f(!0),(E=e?.video)===null||E===void 0?void 0:E.url):!((L=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||L===void 0)&&L.length?(F=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||F===void 0?void 0:F[0]:!((B=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||B===void 0)&&B.length?(R=(M=e?.product)===null||M===void 0?void 0:M.homePage)===null||R===void 0?void 0:R[0]:v?.bottom_image||""},[e,v?.bottom_image]),g=s.useMemo(()=>{var T,S;return((T=e?.product)===null||T===void 0?void 0:T.title)||((S=e?.video)===null||S===void 0?void 0:S.title)||null},[e]),D=s.useMemo(()=>{var T,S,k,E,A,L,N,F,H;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((S=e?.product)===null||S===void 0)&&S.price)?`${(L=(A=(E=(k=e?.product)===null||k===void 0?void 0:k.currency)===null||E===void 0?void 0:E.split("-")[1])===null||A===void 0?void 0:A.toUpperCase())!==null&&L!==void 0?L:""}${(H=(F=(N=e?.product)===null||N===void 0?void 0:N.price)===null||F===void 0?void 0:F.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&H!==void 0?H:""}`:null},[e]);s.useEffect(()=>{const T=new IntersectionObserver(S=>{S.forEach(k=>{if(k.isIntersecting){if(y.current===null||b==="")return;m&&w?x.current.setSrc(w):x.current.setSrc(b),T.unobserve(y.current)}})});return T.observe(y.current),()=>{T.disconnect()}},[b,m,w]);const O=(T,S,k)=>{const E=T/S;return k/E};s.useEffect(()=>{const T=_?.current;T===null||b===""||!m||(T.src=b,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const S=p?.current;if(!S)return;const k=S.getContext("2d"),E=window?.innerWidth/2,A=O(T.videoWidth,T.videoHeight,E);S.height=A,S.width=E,k?.drawImage(T,0,0,S.width,S.height),h(S.toDataURL()),T.remove(),S.remove()})},[b,m]);const I=()=>{o(),r?.(n),setTimeout(()=>{var T;(T=d?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),c?.(!1)},0)};return s.createElement("div",{ref:y,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:a}},s.createElement("div",{className:"list-content-listItem-picture"},m&&s.createElement("div",{style:{display:"none"}},s.createElement("video",{ref:_,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:x})),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 bs(t){var e,i,n,o,l,a,d,{reportTagsView:r}=t,c=pe(t,["reportTagsView"]);const{waterFallData:u,getRecommendVideos:v,hashTagSize:m,loadingImage:f,isOpenHashTag:x}=le(),[y,_]=s.useState(),[p,w]=s.useState(),[h,b]=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(T=>{var S;_(y?.concat((S=T?.recList)!==null&&S!==void 0?S:[])),O(!1)}))},[u,v,y,D]),s.useEffect(()=>{var T,S;if(b(!0),u&&v?.({hashTag:u?.hashTag,"itemFilter.itemId":u?.itemId,"itemFilter.itemType":u?.itemType,defaultSize:m}).then(k=>{var E,A;w(k),_((A=(E=k?.recList)===null||E===void 0?void 0:E.filter(L=>L?.video!==null||L?.product!==null))!==null&&A!==void 0?A:[]),b(!1)}),x){const k=hs;w(k),_((S=(T=k?.recList)===null||T===void 0?void 0:T.filter(E=>E?.video!==null||E?.product!==null))!==null&&S!==void 0?S:[]),b(!1)}},[u,v,m,x]);const I=()=>{var T,S;!((T=p?.tag)===null||T===void 0)&&T.link&&(r(),window.location.href=(S=p?.tag)===null||S===void 0?void 0:S.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:I,style:{marginBottom:c?.space}},((l=p?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),s.createElement("div",{className:"list-content"},y?.map((T,S)=>s.createElement(gs,Object.assign({key:S,index:S,rec:T,list:y,reportTagsView:r},c)))),s.createElement("div",{hidden:!D,style:{textAlign:"center"}},"loading...")),s.createElement("div",{className:"list-bottom",hidden:!(!((a=p?.tag)===null||a===void 0)&&a.link)},s.createElement("button",{className:"list-bottom-btn",style:c?.buttonStyle,onClick:I},((d=p?.tag)===null||d===void 0?void 0:d.linkTitle)||"Shop the collection"))))}var ys="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const ws=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:a,cacheRtcList:d,setRtcList:r,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:f,bffEventReport:x}=le();s.useRef(null);const y=s.useRef(null),[_,p]=s.useState();s.useEffect(()=>{const D=document.getElementById("sxp-render"),O=document.getElementById("water-fall");O?y.current=O:(y.current=document.createElement("div"),y.current.setAttribute("id","water-fall"),D?.appendChild(y.current))},[]);const w=()=>{const D=ue.isEqual(u,d);!D&&d&&d?.length&&r?.(d),g(),a?.(void 0),m?.(!1),setTimeout(()=>{var O,I;D||(I=(O=l?.current)===null||O===void 0?void 0:O.swiper)===null||I===void 0||I.slideTo(c,0,!1),n?.(!1)},0)},[h,b]=s.useState();s.useEffect(()=>{i&&b(i)},[i]);const g=s.useCallback(()=>{var D,O,I,T,S,k;const E=h?.rec;if(!E)return;let A="";f?A="hashTagPage":!((D=E?.video)===null||D===void 0)&&D.url?A="videoPage":!((I=(O=E?.video)===null||O===void 0?void 0:O.imgUrls)===null||I===void 0)&&I.length&&(A="imagePage"),x?.({eventInfo:{contentId:(T=E?.video)===null||T===void 0?void 0:T.itemId,position:c+"",contentTags:JSON.stringify((S=E?.video)===null||S===void 0?void 0:S.tags),traceInfo:(k=E?.video)===null||k===void 0?void 0:k.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:A,fromKPage:location?.href,timeOnSite:Math.floor((new Date-_)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,x,_,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)}},[]),y.current?Zt.createPortal(s.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},s.createElement(Li,{icon:ys,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),s.createElement(bs,Object.assign({reportTagsView:g},t))),y.current):null};var Ri=s.memo(ws);const Ss=t=>s.createElement(Ri,Object.assign({},t));var xs=s.memo(Ss);const Ts=be(xs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:as,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 Xt=Object.freeze({__proto__:null,Appoint:_l,AppointForm:Tn,Commodity:Cl,CommodityDetail:dl,CommodityDetailDiroNew:yl,CommodityDiro:Bl,CommodityDiroNew:Ul,HashTag:Ts,Link:Ol,MultiCommodity:ts,MultiCommodityDiro:Jl,MultiCommodityDiroNew:ss,Prompt:ml});const Es="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Cs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Is=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,a=pe(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:d,mutateUnlike:r,bffEventReport:c}=le(),[u,v]=s.useState(e),m=we(Cs),f=we(Es),x=ue.debounce(()=>he(void 0,void 0,void 0,function*(){var y,_,p,w,h,b,g,D,O,I,T,S,k,E,A,L,N,F,H,B;if(u){v(!1);const M=(p=yield r?.({videoItemId:(_=(y=o.video)===null||y===void 0?void 0:y.itemId)!==null&&_!==void 0?_:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(h=(w=o.video)===null||w===void 0?void 0:w.itemId)!==null&&h!==void 0?h:"",contentName:(g=(b=o.video)===null||b===void 0?void 0:b.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:!((I=o.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(T=o.video)===null||T===void 0?void 0:T.traceInfo}}),M||v(!0)}else{v(!0);const M=(S=yield d?.({content:JSON.stringify(o)}))!==null&&S!==void 0?S:!1;c?.({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:(L=(A=o.video)===null||A===void 0?void 0:A.title)!==null&&L!==void 0?L:"",contentTags:JSON.stringify((F=(N=o.video)===null||N===void 0?void 0:N.tags)!==null&&F!==void 0?F:[]),position:l+"",contentFormat:!((H=o.video)===null||H===void 0)&&H.url?"video":"image",traceInfo:(B=o.video)===null||B===void 0?void 0:B.traceInfo}}),M||v(!1)}}),200);return s.createElement("button",Object.assign({},a,{onClick:x}),s.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:u?i||m:n||f,alt:"icon"}))};var ji=s.memo(Is);const Ze=new Ki;var ze;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})(ze||(ze={}));const Ds=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a})=>{const[d,r]=s.useState(!1),c=s.useRef(null),{bffEventReport:u,sxpParameter:v,waterFallData:m,openHashtag:f}=le(),x=s.useRef(0),[y,_]=s.useState(!1),[p,w]=s.useState(!0),{isActive:h}=Pi(),b=s.useRef(null),[g,D]=s.useState("");s.useEffect(()=>{c.current&&(c.current.muted=o)},[o]);const O=s.useCallback(()=>{var M;(M=c.current)===null||M===void 0||M.play()},[]),I=we("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=s.useCallback(()=>{var M,R,P,C,U,Y,q,z,V,W,G,K,Z;r(!1);const X=n[e];if(X&&(!((M=c?.current)===null||M===void 0)&&M.duration)){x.current=((R=c?.current)===null||R===void 0?void 0:R.currentTime)||0;const se=((C=(P=c.current)===null||P===void 0?void 0:P.duration)!==null&&C!==void 0?C:0).toFixed(2),de=((Y=(U=c.current)===null||U===void 0?void 0:U.currentTime)!==null&&Y!==void 0?Y:0).toFixed(2),ge=p?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(z=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&z!==void 0?z:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",playType:ge,startTime:de,videoDuration:se,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}}),w(!1)}},[u,n,e,p]),S=s.useCallback(()=>{_(!0)},[]),k=s.useCallback(M=>()=>{var R,P,C,U,Y;if(!y)return;const q=(R=c.current)===null||R===void 0?void 0:R.paused;switch(M){case"start":if(!q)return;(P=c.current)===null||P===void 0||P.play(),r(!1);break;case"pause":if(q)return;(C=c.current)===null||C===void 0||C.pause(),r(!0);break;default:q?(U=c.current)===null||U===void 0||U.play():(Y=c.current)===null||Y===void 0||Y.pause(),r(!q);break}},[y]),E=s.useCallback(()=>{var M,R,P,C,U,Y,q,z,V,W,G,K,Z;const X=n[e],se=((R=(M=c.current)===null||M===void 0?void 0:M.duration)!==null&&R!==void 0?R:0).toFixed(2),de=((C=(P=c.current)===null||P===void 0?void 0:P.currentTime)!==null&&C!==void 0?C:0).toFixed(2);if(!((U=c?.current)===null||U===void 0)&&U.duration){const ge=(((Y=c?.current)===null||Y===void 0?void 0:Y.currentTime)-x.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(z=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&z!==void 0?z:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",endTime:de,videoDuration:se,playDuration:ge,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}})}},[n,e,u]),A=s.useMemo(()=>a?.mode==="2",[a]),L=s.useMemo(()=>{var M;return a?.mode==="2"?`translateY(-${50+((M=a?.offsetTop)!==null&&M!==void 0?M:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=s.useMemo(()=>{var M;return((M=t?.video)===null||M===void 0?void 0:M.cover)||g},[g,t]),F=s.useCallback(()=>{if(!b||!c||!c.current||!b.current)return;const M=c?.current,R=b?.current,P=R.getContext("2d"),C=window?.innerWidth,U=window?.innerHeight;R.height=U,R.width=C,P?.drawImage(M,0,0,R.width,R.height),D(R.toDataURL())},[]);s.useEffect(()=>{var M,R,P,C;if(c.current){if(r(!1),!c.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(nt.isSupported()){const Y=new nt;Y.loadSource(U),Y.attachMedia(c.current),Y.on(nt.Events.MANIFEST_PARSED,function(){var q;(q=c?.current)===null||q===void 0||q.play()})}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=U;else c.current.src=U;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(M=c.current)===null||M===void 0||M.addEventListener("loadedmetadata",S),(R=c.current)===null||R===void 0||R.addEventListener("canplay",S),(P=c.current)===null||P===void 0||P.addEventListener("playing",T),(C=c.current)===null||C===void 0||C.addEventListener("loadeddata",F),()=>{var U,Y,q,z;(U=c.current)===null||U===void 0||U.removeEventListener("loadedmetadata",S),(Y=c.current)===null||Y===void 0||Y.removeEventListener("canplay",S),(q=c.current)===null||q===void 0||q.removeEventListener("playing",T),(z=c.current)===null||z===void 0||z.removeEventListener("loadeddata",F)}}},[S,T,t.video,F]),s.useEffect(()=>{var M;!c?.current||!y||(h?c.current.play():(M=c.current)===null||M===void 0||M.pause())},[h,y]),s.useEffect(()=>{var M,R,P;if(!h||!c?.current)return;!((M=c.current)===null||M===void 0?void 0:M.paused)&&f?(R=c.current)===null||R===void 0||R.pause():f||(P=c.current)===null||P===void 0||P.play()},[f,h]),s.useEffect(()=>{if(!h)return;const M=k("start"),R=k("pause");return Ze.on(ze.PAGE_DID_SHOW,M),Ze.on(ze.PAGE_DID_HIDE,R),()=>{Ze.off(ze.PAGE_DID_SHOW,M),Ze.off(ze.PAGE_DID_HIDE,R)}},[k,h]);const H=s.useMemo(()=>!v?.placeholder_image||y?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[y,v?.placeholder_image]);s.useEffect(()=>{const M=()=>{var R,P;l===e&&(!((R=t?.video)===null||R===void 0)&&R.url)&&(!((P=c?.current)===null||P===void 0)&&P.src)&&!d&&k("pause")()};return window.addEventListener("beforeunload",M),()=>{window.removeEventListener("beforeunload",M)}},[l,e,t,c,k,d]);const B=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:k(),style:{position:"relative",width:"100%",height:i,overflow:"hidden"}},s.createElement(xe,{src:N,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},B)}),s.createElement("canvas",{ref:b,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:L,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:E,onEnded:O,style:{width:"100%",height:"100%",objectFit:"contain"}}),s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))),H):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:k(),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:E,onEnded:O}),H,s.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))):null};var ks=s.memo(Ds);const _s=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,a]=s.useState(t),d=r=>{r.stopPropagation();const c=!l;a(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 Ni=s.memo(_s);const As=({imageUrl:t})=>{const[e,i]=s.useState(!0);Me(),s.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=we("/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}))},Bi=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]),a=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"},a)}),o&&s.createElement(xe,{src:e,style:{width:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},Ps=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:a,imgUrlsPostConfig:d})=>{var r;const c=s.useRef(),{isActive:u}=Pi(),{sxpParameter:v,openHashtag:m}=le(),[f,x]=s.useState(!1);return s.useEffect(()=>{f&&u?(c?.current&&c.current.swiper.autoplay.start(),m?l(n):a(o)):(x(!0),c?.current&&c.current.swiper.autoplay.stop())},[n,u,l,m,o,a,f]),s.createElement(We,{ref:c,defaultValue:0,direction:"horizontal",modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=d?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map(y=>s.createElement(_e,{key:y},s.createElement(Bi,{src:y,height:i,imgUrlsPostConfig:d}))))};var Ms=s.memo(Ps);const Os=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[a,d]=s.useState(!1),{setWaterFallData:r,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:m}=le(),f=x=>{v?m?.(!0):u?.(n),r?.(i?{hashTag:x,itemId:e,itemType:i,rec:o}:{hashTag:x,rec:o}),c?.(!0)};return s.useMemo(()=>t.length<=6?null:s.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>d(!a)},a?"show less":"show more"),[a,t]),s.createElement("div",{className:"clc-sxp-bottom-hashtag"},s.createElement(wt,null,t?.map((x,y)=>s.createElement(_e,{key:y,hidden:a?!1:y>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>f(x)},`#${x}`))))};var zi=s.memo(Os),Ls="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 St(t){return s.memo(function(e){const{$store:i}=an(),n=l=>{let a=l;const d=l.match(/{{.*?}}/g);return d?.length&&d.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=ue.get(i,u);return a=a.replace(r,v),v}})}),a},o=s.useMemo(()=>{var l,a,d;const{bindDatas:r}=e,c=pe(e,["bindDatas"]);if((l=r?.forEach)===null||l===void 0||l.call(r,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:m}=u;m.replace(/{{\s*([\w.]+)\s*}}/g,(f,x)=>{var y,_;if(x){const p=(_=(y=ue.get(i,x))!==null&&y!==void 0?y:e[v])!==null&&_!==void 0?_:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=ue.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=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||d===void 0)&&d.linkType&&(c.style.cursor="pointer"),c},[i,e]);return s.createElement(t,Object.assign({},o,o.eventMap))})}const Rs=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Me(),l=s.useMemo(()=>{var a,d,r,c,u,v,m,f,x,y,_,p,w,h,b,g,D,O,I,T,S,k,E,A,L,N,F,H,B,M,R;if(!t?.video)return null;let P=null;!((d=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||d===void 0)&&d.length?P="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?P="\u5546\u54C1CTA":P=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const C=i?.[P];if(((v=C?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((f=C?.item)===null||f===void 0?void 0:f.type)==="Commodity"&&!(!((x=t?.video)===null||x===void 0)&&x.bindProduct)||((y=C?.item)===null||y===void 0?void 0:y.type)==="CommodityDiroNew"&&!(!((_=t?.video)===null||_===void 0)&&_.bindProduct)||((p=C?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((h=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||h===void 0)&&h.length)||((b=C?.item)===null||b===void 0?void 0:b.type)==="MultiCommodityDiro"&&!(!((D=(g=t?.video)===null||g===void 0?void 0:g.bindProducts)===null||D===void 0)&&D.length)||((O=C?.item)===null||O===void 0?void 0:O.type)==="MultiCommodityDiroNew"&&!(!((T=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||T===void 0)&&T.length))return null;if(C&&n){const U=n[(S=C?.item)===null||S===void 0?void 0:S.type],Y=St(U),q=(k=U?.extend)===null||k===void 0?void 0:k.defaulSetting,z=((L=(A=(E=C?.item)===null||E===void 0?void 0:E.event)===null||A===void 0?void 0:A.onClick)===null||L===void 0?void 0:L.linkType)==="externalLink";return s.createElement(Y,Object.assign({style:Object.assign(Object.assign(Object.assign({},q?.style),(N=C?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},q?.textStyle),(F=C?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(B=(H=C?.item)===null||H===void 0?void 0:H.bindDatas)!==null&&B!==void 0?B:[]},q?.props,(M=C?.item)===null||M===void 0?void 0:M.props,{event:((R=C?.item)===null||R===void 0?void 0:R.event)||{},schema:o,id:C?.id,key:C?.id,recData:t,isExternalLink:z,index:e}))}else return null},[t,n,i,o]);return s.createElement(s.Fragment,null,l)};var Vi=s.memo(Rs);const Fi=({nudge:t})=>s.createElement(s.Fragment,null,t?.isOpen&&s.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?s.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,s.createElement("p",{style:Object.assign({},t?.textStyle)},t?.content))),Hi=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:a=[],ctaType:d,tipText:r,nudge:c,_schema:u,hashTagStyle:v})=>{var m,f,x,y,_,p,w;const{schema:h}=Me(),[b,g]=s.useState(0),D=s.useRef(0),[O,I]=s.useState(!1),[T,S]=s.useState(!0),k=s.useRef(),E=s.useRef(),[A,L]=s.useState(!1),[N,F]=s.useState(!1),{loadVideos:H,bffEventReport:B,loading:M,setPopupDetailData:R,ctaEvent:P,swiperRef:C,waterFallData:U,setOpenHashtag:Y,appDomain:q,openHashtag:z,loadingImage:V,isFromHashtag:W,popupDetailData:G}=le(),{productView:K}=Oe(),Z=s.useMemo(()=>a.length>0&&!M&&pn(),[a,M]),X=s.useCallback(()=>{if(a.length<=0)return;se();const j=location.search.slice(1),ee=Qt.parse(j.replace(/\+/g,"%2B"));for(const te in ee)ee[te]=ee[te].replace(/%2B/g,"+");const $=te=>{var ne;return(ne=ee[te])!==null&&ne!==void 0?ne:""};B?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:$("utm_source"),utmMedium:$("utm_medium"),utmCampaign:$("utm_campaign"),utmId:$("utm_id"),utmContent:$("utm_content"),enterTime:`${Date.now()}`,requestId:null}}),I(!0)},[B,a.length]),se=()=>{k.current=new Date,E.current=new Date,dn()};s.useEffect(()=>{O||X()},[X,O]),s.useEffect(()=>{var j;const ee=a?.findIndex($=>{var te,ne,ae,Q,oe,re,ce,Ee,Ce;return d==="\u591A\u5546\u54C1CTA"?((te=$?.video)===null||te===void 0?void 0:te.bindProducts)&&((ae=(ne=$?.video)===null||ne===void 0?void 0:ne.bindProducts)===null||ae===void 0?void 0:ae.length)>0:d==="\u5546\u54C1CTA"?(Q=$?.video)===null||Q===void 0?void 0:Q.bindProduct:((re=(oe=$?.video)===null||oe===void 0?void 0:oe.bindCta)===null||re===void 0?void 0:re.itemId)===d&&(((ce=$?.video)===null||ce===void 0?void 0:ce.url)||((Ce=(Ee=$?.video)===null||Ee===void 0?void 0:Ee.imgUrls)===null||Ce===void 0?void 0:Ce.length))})||0;(j=C?.current)===null||j===void 0||j.swiper.slideTo(ee)},[d,C]),s.useEffect(()=>{const j=a?.[b],ee=()=>{var $,te,ne,ae,Q,oe,re,ce,Ee,Ce,Fe,He,Ue,Ge,je;if(document.visibilityState==="hidden"){Ze.emit(ze.PAGE_DID_HIDE,j),Re(j),it(j);let Ae="";G&&(!((te=($=j?.video)===null||$===void 0?void 0:$.bindProducts)===null||te===void 0)&&te.length||!((ne=j?.video)===null||ne===void 0)&&ne.bindProduct)?Ae="pdpPage":G&&o?.[(oe=(Q=(ae=j.video)===null||ae===void 0?void 0:ae.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&oe!==void 0?oe:""].item.type==="Appoint"?Ae="formPage":W?Ae="hashTagPage":!((re=j?.video)===null||re===void 0)&&re.url?Ae="videoPage":!((ce=j?.video)===null||ce===void 0)&&ce.imgUrls&&(!((Ce=(Ee=j?.video)===null||Ee===void 0?void 0:Ee.imgUrls)===null||Ce===void 0)&&Ce.length)?Ae="imagePage":j?.product&&(Ae="productPage"),B?.({eventInfo:{sessionDuration:Math.floor((new Date-k.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(Fe=j?.video)===null||Fe===void 0?void 0:Fe.itemId,productId:(He=j?.product)===null||He===void 0?void 0:He.itemId,position:b+"",fromKName:Ae,fromKPage:location?.href,ctatId:(je=(Ge=(Ue=j.video)===null||Ue===void 0?void 0:Ue.bindCta)===null||Ge===void 0?void 0:Ge.itemId)!==null&&je!==void 0?je:""}})}else document.visibilityState==="visible"&&(X(),Ve(b),Ze.emit(ze.PAGE_DID_SHOW,j))};return document.addEventListener("visibilitychange",ee),()=>{document.removeEventListener("visibilitychange",ee)}},[b,B,k,a,X,G,W,o]);const de=s.useMemo(()=>t?.logoUrl&&t?.isShowLogo?i-45:i,[t,i]),ge=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]),qe=s.useCallback((j,ee)=>{var $,te,ne,ae;return!(($=j.video)===null||$===void 0)&&$.url?s.createElement(ks,{rec:j,index:ee,muted:T,data:a,height:de,activeIndex:b,videoPostConfig:t?.videoPost}):!((te=j.video)===null||te===void 0)&&te.imgUrls?s.createElement(Ms,{key:j.video.itemId,imgUrls:j.video.imgUrls,width:n,height:de,rec:j,index:ee,onReportViewImageEnd:Re,onViewImageStartEvent:Ve,imgUrlsPostConfig:t?.imgUrlsPost}):j.product&&Array.isArray(t?.productPost)&&((ne=t?.productPost)===null||ne===void 0?void 0:ne.length)>0?(ae=t?.productPost)===null||ae===void 0?void 0:ae.map((Q,oe)=>{var re,ce,Ee,Ce,Fe,He,Ue,Ge;const je=l[(re=Q?.item)===null||re===void 0?void 0:re.type],Ae=St(je),Pe=(ce=je?.extend)===null||ce===void 0?void 0:ce.defaulSetting;return s.createElement(Ae,Object.assign({key:`${ee}${oe}`,textStyle:Object.assign(Object.assign({},Pe?.textStyle),(Ee=Q?.item)===null||Ee===void 0?void 0:Ee.textStyle),bindDatas:(Fe=(Ce=Q?.item)===null||Ce===void 0?void 0:Ce.bindDatas)!==null&&Fe!==void 0?Fe:[]},Pe?.props,(He=Q?.item)===null||He===void 0?void 0:He.props,{event:((Ue=Q?.item)===null||Ue===void 0?void 0:Ue.event)||{},schema:h,id:Q?.id,viewTime:E.current,rec:j,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},Pe?.style),(Ge=Q?.item)===null||Ge===void 0?void 0:Ge.style),{height:"100%",overflow:"auto"}),index:ee}))}):null},[n,a,de,T,b,t?.productPost,E,r,l,h]),Ye=s.useCallback(j=>{F(j)},[]),et=s.useMemo(()=>N?{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"},[N]),Xe=s.useCallback((j,ee)=>{var $,te,ne,ae,Q,oe,re;return j.video?s.createElement(s.Fragment,null,(($=j.video)===null||$===void 0?void 0:$.title)&&!N&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Fi,{nudge:c}),s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement(Vi,{rec:j,index:ee,tempMap:o,resolver:l})),s.createElement("div",null,s.createElement(yt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(ne=(te=j.video)===null||te===void 0?void 0:te.title)!==null&&ne!==void 0?ne:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ye}),s.createElement(zi,{index:b,tags:(Q=(ae=j?.video)===null||ae===void 0?void 0:ae.hashTags)!==null&&Q!==void 0?Q:[],itemId:(oe=j?.video)===null||oe===void 0?void 0:oe.itemId,itemType:!((re=j.video)===null||re===void 0)&&re.itemId?"VIDEO":null,rec:j,hashTagStyle:v})))):null},[e,b,o,l,r,c,v,t,Ye,N,et]),tt=s.useCallback((j,ee)=>{var $,te;if(!t?.isShowLike)return;let ne=($=t?.likeIconY)!==null&&$!==void 0?$:400;return U&&ne<40&&(ne+=40),j.video?s.createElement(ji,{key:j.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:j.isCollected,recData:j,className:"clc-sxp-like-button",style:{top:ne,right:(te=t?.likeIconX)!==null&&te!==void 0?te:0},position:ee}):null},[t,U]),Re=j=>{var ee,$,te,ne,ae,Q;if(!(!((ee=j.video)===null||ee===void 0)&&ee.url)&&(!(($=j.video)===null||$===void 0)&&$.imgUrls)){const oe=Date.now(),re=(oe-D.current)/1e3;B?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ne=(te=j.video)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",contentName:(ae=j.video.title)!==null&&ae!==void 0?ae:"",imageEndTime:`${oe}`,playDuration:`${re}`,contentTags:JSON.stringify((Q=j.video.tags)!==null&&Q!==void 0?Q:[]),position:b+"",contentFormat:"image",traceInfo:j.video.traceInfo}})}},me=j=>{var ee,$,te,ne,ae,Q,oe,re;E.current=new Date;const ce=a[j.previousIndex];ce&&(j.previousIndex-j.activeIndex<0?(B?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:($=(ee=ce.video)===null||ee===void 0?void 0:ee.itemId)!==null&&$!==void 0?$:"",productId:(ne=(te=ce.product)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",requestId:null}}),Re(ce)):(B?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ae=ce.video)===null||ae===void 0?void 0:ae.itemId)!==null&&Q!==void 0?Q:"",productId:(re=(oe=ce.product)===null||oe===void 0?void 0:oe.itemId)!==null&&re!==void 0?re:"",requestId:null}}),Re(ce)),it(ce))},it=j=>{var ee,$,te;!(!((ee=j?.video)===null||ee===void 0)&&ee.url)&&!(!(($=j?.video)===null||$===void 0)&&$.imgUrls)&&j?.product&&K(j,j.product,(te=j?.product)===null||te===void 0?void 0:te.bindCta,E.current,b)};s.useEffect(()=>{const j=a[b];z&&it(j)},[z,a,b]);const Ve=j=>{var ee,$,te,ne,ae,Q;const oe=a[j];if(!(!((ee=oe?.video)===null||ee===void 0)&&ee.url)&&(!(($=oe?.video)===null||$===void 0)&&$.imgUrls)){const re=Date.now();D.current=re,B?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ne=(te=oe.video)===null||te===void 0?void 0:te.itemId)!==null&&ne!==void 0?ne:"",contentName:(ae=oe.video.title)!==null&&ae!==void 0?ae:"",imageStartTime:`${re}`,contentTags:JSON.stringify((Q=oe.video.tags)!==null&&Q!==void 0?Q:[]),position:j+"",contentFormat:"image",traceInfo:oe.video.traceInfo}})}},at=s.useMemo(()=>{const j=a?.map((ee,$)=>b===$||$-1===b||$+1===b?ee:null);return U?j:j.concat([{loading:!0}])},[a,b,U]),Gi=s.useMemo(()=>M?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:V,alt:"loading...",style:{objectFit:"contain"}})):at?.map((j,ee)=>s.createElement(_e,{key:ee,virtualIndex:ee},j&&s.createElement(s.Fragment,null,j?.loading?s.createElement("div",{style:{height:de,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement("img",{width:64,height:64,src:V,alt:"loading...",style:{objectFit:"contain"}})):s.createElement(s.Fragment,null,qe(j,ee),Xe(j,ee),tt(j,ee))))),[n,a,de,M,Xe,qe,at,V]),$i=we("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Wi=we("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return s.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},U&&s.createElement(Li,{icon:Ls,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{Y?.(!0)}}),ge,Z?s.createElement(As,{imageUrl:t?.swipeTipIcon}):null,s.createElement(We,{ref:C,onActiveIndexChange:j=>{g(j.activeIndex),!z&&(me(j),!U&&j?.activeIndex+2>=a?.length&&(A||(L(!0),H?.(Math.ceil(b/10)+1).then(()=>{L(!1)}))))},direction:"vertical",height:de},s.createElement(Ni,{style:{position:"fixed",right:(m=t?.muteIconX)!==null&&m!==void 0?m:0,visibility:!((x=(f=a?.[b])===null||f===void 0?void 0:f.video)===null||x===void 0)&&x.url?"visible":"hidden",bottom:(y=t?.muteIconY)!==null&&y!==void 0?y:23,zIndex:999},defaultValue:T,activeIcon:t?.unMuteIcon?t?.unMuteIcon:$i,unactiveIcon:t?.muteIcon?t?.muteIcon:Wi,onChange:S}),Gi),s.createElement(Ri,Object.assign({},(w=(p=(_=t?.hashTag)===null||_===void 0?void 0:_[0])===null||p===void 0?void 0:p.item)===null||w===void 0?void 0:w.props)))},js=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>s.createElement(We,{defaultValue:0,direction:"horizontal",modules:[ft,mt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>s.createElement(_e,{key:a},s.createElement(Bi,{src:a,height:i,imgUrlsPostConfig:n}))));var Ns=s.memo(js);const Bs=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:a,width:d})=>{const[r,c]=s.useState(!1),u=s.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:f,openHashtag:x}=le(),y=s.useRef(0),[_,p]=s.useState(!1),[w,h]=s.useState(!0),b=s.useRef(null),[g,D]=s.useState("");s.useEffect(()=>{u.current&&(u.current.muted=o)},[o]);const O=s.useCallback(()=>{var M;(M=u.current)===null||M===void 0||M.play()},[]),I=we("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=s.useCallback(()=>{var M,R,P,C,U,Y,q,z,V,W,G,K,Z;c(!1);const X=n[e];if(X&&(!((M=u?.current)===null||M===void 0)&&M.duration)){y.current=((R=u?.current)===null||R===void 0?void 0:R.currentTime)||0;const se=((C=(P=u.current)===null||P===void 0?void 0:P.duration)!==null&&C!==void 0?C:0).toFixed(2),de=((Y=(U=u.current)===null||U===void 0?void 0:U.currentTime)!==null&&Y!==void 0?Y:0).toFixed(2),ge=w?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(z=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&z!==void 0?z:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",playType:ge,startTime:de,videoDuration:se,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}}),h(!1)}},[v,n,e,w]),S=s.useCallback(()=>{p(!0)},[]),k=s.useCallback(M=>()=>{var R,P,C,U,Y;if(!_)return;const q=(R=u.current)===null||R===void 0?void 0:R.paused;switch(M){case"start":if(!q)return;(P=u.current)===null||P===void 0||P.play(),c(!1);break;case"pause":if(q)return;(C=u.current)===null||C===void 0||C.pause(),c(!0);break;default:q?(U=u.current)===null||U===void 0||U.play():(Y=u.current)===null||Y===void 0||Y.pause(),c(!q);break}},[_]),E=s.useCallback(()=>{var M,R,P,C,U,Y,q,z,V,W,G,K,Z;const X=n[e],se=((R=(M=u.current)===null||M===void 0?void 0:M.duration)!==null&&R!==void 0?R:0).toFixed(2),de=((C=(P=u.current)===null||P===void 0?void 0:P.currentTime)!==null&&C!==void 0?C:0).toFixed(2);if(!((U=u?.current)===null||U===void 0)&&U.duration){const ge=(((Y=u?.current)===null||Y===void 0?void 0:Y.currentTime)-y.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(z=(q=X.video)===null||q===void 0?void 0:q.itemId)!==null&&z!==void 0?z:"",contentName:(W=(V=X.video)===null||V===void 0?void 0:V.title)!==null&&W!==void 0?W:"",endTime:de,videoDuration:se,playDuration:ge,contentTags:JSON.stringify((K=(G=X.video)===null||G===void 0?void 0:G.tags)!==null&&K!==void 0?K:[]),position:e+"",contentFormat:"video",traceInfo:(Z=X.video)===null||Z===void 0?void 0:Z.traceInfo}})}},[n,e,v]),A=s.useMemo(()=>a?.mode==="2",[a]),L=s.useMemo(()=>{var M;return a?.mode==="2"?`translateY(-${50+((M=a?.offsetTop)!==null&&M!==void 0?M:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=s.useMemo(()=>{var M;return((M=t?.video)===null||M===void 0?void 0:M.cover)||g},[g,t]),F=s.useCallback(()=>{if(!b||!u||!u.current||!b.current)return;const M=u?.current,R=b?.current,P=R.getContext("2d"),C=window?.innerWidth,U=window?.innerHeight;R.height=U,R.width=C,P?.drawImage(M,0,0,R.width,R.height),D(R.toDataURL())},[]);s.useEffect(()=>{var M,R,P,C;if(u.current){if(c(!1),!u.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(nt.isSupported()){const Y=new nt;Y.loadSource(U),Y.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(M=u.current)===null||M===void 0||M.addEventListener("loadedmetadata",S),(R=u.current)===null||R===void 0||R.addEventListener("canplay",S),(P=u.current)===null||P===void 0||P.addEventListener("playing",T),(C=u.current)===null||C===void 0||C.addEventListener("loadeddata",F),()=>{var U,Y,q,z;(U=u.current)===null||U===void 0||U.removeEventListener("loadedmetadata",S),(Y=u.current)===null||Y===void 0||Y.removeEventListener("canplay",S),(q=u.current)===null||q===void 0||q.removeEventListener("playing",T),(z=u.current)===null||z===void 0||z.removeEventListener("loadeddata",F)}}},[S,T,t.video,F]);const H=s.useMemo(()=>!m?.placeholder_image||_?null:s.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image}),[_,m?.placeholder_image]);s.useEffect(()=>{const M=()=>{var R,P;l===e&&(!((R=t?.video)===null||R===void 0)&&R.url)&&(!((P=u?.current)===null||P===void 0)&&P.src)&&!r&&k("pause")()};return window.addEventListener("beforeunload",M),()=>{window.removeEventListener("beforeunload",M)}},[l,e,t,u,k,r]);const B=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:k(),style:{position:"relative",width:d,height:i,overflow:"hidden"}},s.createElement(xe,{src:N,style:Object.assign({height:i,width:d,objectFit:"cover"},B)}),s.createElement("canvas",{ref:b,style:{display:"none"}}),s.createElement("div",{style:{position:"absolute",width:d,height:i,top:"50%",transform:L,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:E,onEnded:O,style:{width:"100%",height:i,objectFit:"contain"}}),s.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:I}))),H):s.createElement("div",{className:"video-container",key:t.video.itemId,onClick:k(),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:E,onEnded:O}),H,s.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:I}))):null};var zs=s.memo(Bs);const Jt={};Object.values(Xt).forEach(t=>{Jt[t.extend.type]=t});const Vs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Fs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Hs=({data:t,globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:a,containerHeight:d=664,containerWidth:r=375,appDomain:c})=>{const u=s.useMemo(()=>e?.logoUrl&&e?.isShowLogo?d-45:d,[e,d]),v=(b,g)=>{var D,O,I,T;if(!((D=b.video)===null||D===void 0)&&D.url)return s.createElement(zs,{rec:b,index:g,muted:!0,width:r,data:t??[],height:u,activeIndex:g,videoPostConfig:e?.videoPost});if(!((O=b.video)===null||O===void 0)&&O.imgUrls)return s.createElement(Ns,{key:b.video.itemId,imgUrls:b.video.imgUrls,width:r,height:u,rec:b,index:g,imgUrlsPostConfig:e?.imgUrlsPost});if(b.product&&b.product&&Array.isArray(e?.productPost)&&((I=e?.productPost)===null||I===void 0?void 0:I.length)>0)return(T=e?.productPost)===null||T===void 0?void 0:T.map((S,k)=>{var E,A,L,N,F,H,B,M;const R=Jt[(E=S?.item)===null||E===void 0?void 0:E.type],P=St(R),C=(A=R?.extend)===null||A===void 0?void 0:A.defaulSetting;return s.createElement(P,Object.assign({key:`${g}${k}`,textStyle:Object.assign(Object.assign({},C?.textStyle),(L=S?.item)===null||L===void 0?void 0:L.textStyle),bindDatas:(F=(N=S?.item)===null||N===void 0?void 0:N.bindDatas)!==null&&F!==void 0?F:[]},C?.props,(H=S?.item)===null||H===void 0?void 0:H.props,{event:((B=S?.item)===null||B===void 0?void 0:B.event)||{},id:S?.id,rec:b,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},C?.style),(M=S?.item)===null||M===void 0?void 0:M.style),{width:r,height:u,overflow:"auto"}),index:g}))})},m=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]),f=(b,g)=>{var D,O,I,T,S,k,E;return b.video?s.createElement(s.Fragment,null,((D=b.video)===null||D===void 0?void 0:D.title)&&s.createElement("div",{className:"clc-sxp-bottom-shadow"}),s.createElement("div",{className:"clc-sxp-bottom"},s.createElement(Fi,{nudge:n}),s.createElement("div",{className:"clc-sxp-bottom-card"},s.createElement(Vi,{rec:b,index:g,tempMap:o,resolver:Jt})),s.createElement("div",null,s.createElement(yt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(I=(O=b.video)===null||O===void 0?void 0:O.title)!==null&&I!==void 0?I:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),s.createElement(zi,{index:g,tags:(S=(T=b?.video)===null||T===void 0?void 0:T.hashTags)!==null&&S!==void 0?S:[],itemId:(k=b?.video)===null||k===void 0?void 0:k.itemId,itemType:!((E=b.video)===null||E===void 0)&&E.itemId?"VIDEO":null,rec:b,hashTagStyle:a}))):null},x=we(Fs,c),y=we(Vs,c),_=(b,g)=>{var D,O,I,T;if(!e?.isShowLike)return;let S=(D=e?.likeIconY)!==null&&D!==void 0?D:400;return S<40&&(S+=40),b.video?s.createElement(ji,{key:b.position,activeIcon:(O=e?.likeIcon)!==null&&O!==void 0?O:x,unActicveIcon:(I=e?.unlikeIcon)!==null&&I!==void 0?I:y,position:g,active:b.isCollected,recData:b,className:"clc-sxp-like-button",style:{top:S,right:(T=e?.likeIconX)!==null&&T!==void 0?T:0}}):null},p=we("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),w=we("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),h=(b,g)=>{var D,O,I,T;return s.createElement("div",{style:{position:"relative"}},m,s.createElement(Ni,{style:{position:"absolute",right:(D=e?.muteIconX)!==null&&D!==void 0?D:0,visibility:!((I=(O=t?.[g])===null||O===void 0?void 0:O.video)===null||I===void 0)&&I.url?"visible":"hidden",bottom:(T=e?.muteIconY)!==null&&T!==void 0?T:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:p,unactiveIcon:e?.muteIcon?e?.muteIcon:w}),v(b,g),f(b,g),_(b,g))};return s.createElement("div",{style:{width:"100%",height:d,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none"}},t?.map((b,g)=>h(b,g)))};var Us=s.memo(Hs);const Gs=()=>{const{schema:t,resolver:e,popup:i}=Me(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=le(),{productView:a}=Oe(),[d,r]=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,r(i))},[i]);const u=()=>{var m,f,x,y;if(!i||i?.id===""||!d||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;r(Object.assign(Object.assign({},i),{id:""}));const _=o,p=(f=_?.video)===null||f===void 0?void 0:f.bindProduct,w=(y=(x=_?.video)===null||x===void 0?void 0:x.bindProduct)===null||y===void 0?void 0:y.bindCta;p&&w&&a(_,p,w,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=s.useMemo(()=>{var m,f,x;return(x=(f=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||f===void 0?void 0:f.popupList)===null||x===void 0?void 0:x.map((y,_)=>{var p,w,h,b,g,D,O,I;if(y?.id===i?.id){const T=e[(p=y?.item)===null||p===void 0?void 0:p.type],S=St(T),k=(w=T?.extend)===null||w===void 0?void 0:w.defaulSetting;return s.createElement(S,Object.assign({key:_,style:Object.assign(Object.assign(Object.assign({},k?.style),(h=y?.item)===null||h===void 0?void 0:h.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},k?.textStyle),(b=y?.item)===null||b===void 0?void 0:b.textStyle),bindDatas:(D=(g=y?.item)===null||g===void 0?void 0:g.bindDatas)!==null&&D!==void 0?D:[]},k?.props,(O=y?.item)===null||O===void 0?void 0:O.props,{event:((I=y?.item)===null||I===void 0?void 0:I.event)||{},schema:t,id:y?.id}))}else return s.createElement(s.Fragment,null)})},[t,i,e]);return s.createElement(bt,{popup:d,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},Kt={};Object.values(Xt).forEach(t=>{Kt[t.extend.type]=t});const $s=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l})=>{var a,d,r,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(ui,{resolver:Kt,enableDataSource:!1,schema:t?.data,utmVal:m},s.createElement(ai,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(d=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&d!==void 0?d:e,defaultSize:(c=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.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})=>{var x;return s.createElement(s.Fragment,null,s.createElement(Hi,Object.assign({},(x=t?.data)===null||x===void 0?void 0:x.sxpPageConf,{data:f,resolver:Kt})),s.createElement(Gs,null))}}))};var Ws=s.memo($s);const Ui=s.createContext({}),qs=({children:t,data:e})=>{var i,n,o,l,a,d;const[r,c]=s.useState(!1);return s.createElement(Ui.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.loading_image},appDomain:e?.appDomain,openHashtag:r,setOpenHashtag:c}},t)};function Ys(){return s.useContext(Ui)}exports.DiyPortalPreview=Us,exports.EditorDataProvider=qs,exports.Modal=bt,exports.SxpDataSourceProvider=ai,exports.SxpPageCore=Ws,exports.SxpPageRender=Hi,exports.core=gn,exports.default=sn,exports.defaultSetting=yn,exports.materials=Xt,exports.useEditorDataProvider=Ys;
|
7
7
|
//# sourceMappingURL=index.min.cjs.map
|