pb-sxp-ui 1.0.53 → 1.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +72 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +72 -23
- 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 +72 -23
- 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/SxpPageCore/index.d.ts +1 -0
- package/es/core/components/SxpPageCore/index.js +2 -2
- package/es/core/components/SxpPageRender/Popup/index.js +1 -1
- package/es/core/components/SxpPageRender/VideoWidget/index.js +10 -2
- package/es/core/components/SxpPageRender/index.js +11 -2
- package/es/core/context/SxpDataSourceProvider.d.ts +7 -0
- package/es/core/context/SxpDataSourceProvider.js +15 -2
- package/es/materials/sxp/popup/AppointForm/index.d.ts +1 -0
- package/es/materials/sxp/popup/AppointForm/index.js +14 -9
- package/es/materials/sxp/popup/CommodityDetail/index.js +8 -1
- package/es/materials/sxp/popup/CommodityDetailDiro/index.js +8 -1
- package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +8 -1
- package/lib/core/components/SxpPageCore/index.d.ts +1 -0
- package/lib/core/components/SxpPageCore/index.js +2 -2
- package/lib/core/components/SxpPageRender/Popup/index.js +1 -1
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +10 -2
- package/lib/core/components/SxpPageRender/index.js +11 -2
- package/lib/core/context/SxpDataSourceProvider.d.ts +7 -0
- package/lib/core/context/SxpDataSourceProvider.js +15 -2
- package/lib/materials/sxp/popup/AppointForm/index.d.ts +1 -0
- package/lib/materials/sxp/popup/AppointForm/index.js +14 -9
- package/lib/materials/sxp/popup/CommodityDetail/index.js +8 -1
- package/lib/materials/sxp/popup/CommodityDetailDiro/index.js +8 -1
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +8 -1
- package/package.json +1 -1
package/dist/index.min.cjs
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var ve=require("lodash"),en=require("uuid"),tn=require("pako"),a=require("react"),oi=require("qs"),X=require("@emotion/css"),nn=require("@ant-design/pro-components"),on=require("react-dom"),ln=require("eventemitter3"),li=require("hls.js");function sn(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 si=sn(on);function me(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i}function ge(t,e,i,n){function o(l){return l instanceof i?l:new i(function(r){r(l)})}return new(i||(i=Promise))(function(l,r){function s(c){try{u(n.next(c))}catch(v){r(v)}}function d(c){try{u(n.throw(c))}catch(v){r(v)}}function u(c){c.done?l(c.value):o(c.value).then(s,d)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const an=/:\w+/g;var ai=(t,e)=>ge(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:r,url:s,urlParams:d,name:u,queryString:c,headers:v,body:f}=e[o];let m=s;d&&Object.entries(d).forEach(([g,b])=>{m=m.replace(an,D=>D===g?b:D)}),c&&(m+=c),n[l]=u;try{const g=yield fetch(m,{method:r,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(f)}).then(b=>b.json());i[l]=g}catch(g){console.error("DataSource request error: ",g),i[l]={}}}return{$store:i,idMapName:n}});const ri="SXP_TOKEN_INFO",rn=(t,e)=>ge(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),r=window.localStorage.getItem(ri);let s=JSON.parse(r||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(c=>c.json());if(u.success){const c=u.data;s=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(ri,JSON.stringify(s))}}return s});function ut(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 dn=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},cn=()=>{const t=en.v4();return t?.replaceAll?t.replaceAll("-",""):dn(32)};function di(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=tn.inflate(n,{to:"string"});return JSON.parse(o)}let It=null;const un={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class pn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,It)return It;It=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?un[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let he=null;const vn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{he||(he=new pn),n&&he.setApiUrl(n),he.setAppId(t),he.setTenantId(e),he.setEnv(i)},getDetail:t=>{if(!he)return;const e=he.getTenantId(),i=he.getAppId(),n=he.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ge(void 0,void 0,void 0,function*(){var l,r;const s=yield o.json(),d=di((l=s?.data)===null||l===void 0?void 0:l.data);if(d){const{$store:u}=yield ai(n,(r=d?.dataSource)!==null&&r!==void 0?r:[]);s.data.data=d,Object.assign(s.data.data,{__STORE__:u})}return s}))},getSxpDetailByPageId:t=>ge(void 0,void 0,void 0,function*(){if(!he)return;const e=he.getTenantId(),i=he.getAppId(),n=he.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ge(void 0,void 0,void 0,function*(){var l;const r=yield o.json();if(!r.success)return;const s=di((l=r?.data)===null||l===void 0?void 0:l.data);return r.data.data=s,r.data}))}),getSxpRecommendVideoData:t=>ge(void 0,void 0,void 0,function*(){if(!he)return;const e=yield rn(he,t),i=ut(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");ve.isEmpty(n)&&(n=ut(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 Ne(){return a.useContext(gi)}function fn(){return a.useContext(hi)}const Dt="feRealSessionIdKey",ci=()=>{const t=cn();return`${Date.now()}${t}`},mn=()=>{let t=gn();return t||(t=ci(),window.sessionStorage.setItem(Dt,t)),t},hn=()=>{const t=ci();window.sessionStorage.setItem(Dt,t)},gn=()=>window.sessionStorage.getItem(Dt),ui="SXP_FAKE_USER_ID",pi="FAKE_USER_STATE",bn=()=>{let t=window.localStorage.getItem(ui);return ve.isEmpty(t)&&(t=ut(36,62),window.localStorage.setItem(ui,t)),t},yn=()=>{const t=window.localStorage.getItem(pi);return ve.isEmpty(t)&&window.localStorage.setItem(pi,"true"),ve.isEmpty(t)};function xe(t,e){const{appDomain:i}=se();return a.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const vi=a.createContext({rtcList:[],tagList:[]});var kt;(function(t){t[t.BFF=5]="BFF"})(kt||(kt={}));const wn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Sn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:r=!1,sxpParameter:s,appDomain:d,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1})=>{const[f,m]=a.useState([]),[g,b]=a.useState([]),[D,p]=a.useState(!1),[w,h]=a.useState({rtc:"",requestId:""}),C=a.useRef(null),y=a.useRef(!1),[S,M]=a.useState(),[I,T]=a.useState(),[E,_]=a.useState(v),[x,k]=a.useState([]),[O,B]=a.useState(0),[V,G]=a.useState(!1),[F,j]=a.useState(null);a.useEffect(()=>{_(v)},[v]);const N=a.useMemo(()=>e?.find(z=>z.type===kt.BFF),[e]),P=a.useCallback((z,R)=>{if(!N)return;const q=N.url,ce=bn();if(R?.query){const re=oi.stringify(R.query);z=`${z}?${re}`}return R.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${q}/api/v1${z}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},N.headers),{"x-user-id":ce}),R.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${q}/api/v1${z}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ce},N.headers),method:R.method,body:JSON.stringify(R.body)}).then(re=>re.json()).catch(re=>Promise.reject(re))},[N]),A=a.useCallback(z=>ge(void 0,void 0,void 0,function*(){var R,q,ce,re,De;if(z={maxSize:(R=z?.maxSize)!==null&&R!==void 0?R:o,defaultSize:(q=z?.defaultSize)!==null&&q!==void 0?q:l,"itemFilter.itemId":z?.["itemFilter.itemId"],"itemFilter.itemType":z?.["itemFilter.itemType"],hashTag:z?.hashTag,traceInfo:z?.traceInfo},i){const Te=(De=(re=(ce=i?.split("&"))===null||ce===void 0?void 0:ce.filter(ze=>{const ye=ze.split("=")[0];return wn.includes(ye)}))===null||re===void 0?void 0:re.join("&"))!==null&&De!==void 0?De:"";z=Object.assign(Object.assign({},z),{channel:decodeURIComponent(Te)})}const ue=yield P?.("/recommend/list",{method:"GET",query:z});if(ue?.success)return z?.hashTag||h({rtc:ue.data.rtc,requestId:ue.data.requestId}),ue?.data}),[P,i,o,l]),U=a.useCallback(()=>ge(void 0,void 0,void 0,function*(){var z,R;if(f.length<=0)return;const q=yield A({hashTag:I?.hashTag,"itemFilter.itemId":I?.itemId,"itemFilter.itemType":I?.itemType});m(f.concat((z=q?.recList)!==null&&z!==void 0?z:[])),k(x.concat((R=q?.recList)!==null&&R!==void 0?R:[]))}),[A,f,I,x]),H=a.useCallback(({userInfo:z,eventInfo:R})=>{if(!n)return;z||(z={});const q=mn(),ce=Object.assign({sessionID:q,rtc:w.rtc,requestId:w.requestId},R),re=Object.entries(z).map(([ue,Te])=>({name:ue,value:Te})),De=Object.entries(ce).map(([ue,Te])=>Te&&{name:ue,value:Te}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",z),console.log("eventInfo:",ce),console.log("========= \u7ED3\u675F ========="),P?.("/event/report",{method:"POST",body:{userInfo:re,eventInfo:De},type:"beacon"})},[P,w,n]),W=a.useCallback(z=>ge(void 0,void 0,void 0,function*(){const R=yield P?.("/recommend/like",{method:"POST",body:z});return R?.success}),[P]),K=a.useCallback(z=>ge(void 0,void 0,void 0,function*(){const R=yield P?.("/recommend/unlike",{method:"POST",body:z});return R?.success}),[P]),ne=a.useCallback(z=>ge(void 0,void 0,void 0,function*(){const R=yield P?.("/customform",{method:"POST",body:z});return R?.success}),[P]),oe=a.useCallback(()=>ge(void 0,void 0,void 0,function*(){var z,R;if(i)try{const q=yield P?.("/tag/list",{method:"GET",query:{channel:i}});b((R=(z=q?.data)===null||z===void 0?void 0:z.tags)!==null&&R!==void 0?R:[])}catch(q){console.log("e",q)}}),[P,i]),Y=a.useCallback((z,R,q,ce)=>{var re,De,ue,Te,ze,ye,ot,Ke,Qe,lt,Ze,st;const fe=q?.bindCta,Ct=((re=R?.video)===null||re===void 0?void 0:re.bindProduct)||((De=R?.video)===null||De===void 0?void 0:De.bindProducts)&&((Te=(ue=R?.video)===null||ue===void 0?void 0:ue.bindProducts)===null||Te===void 0?void 0:Te.length)>0;let Ve="";V?Ve="hashTagPage":!((ze=R?.video)===null||ze===void 0)&&ze.url?Ve="videoPage":!((ot=(ye=R?.video)===null||ye===void 0?void 0:ye.imgUrls)===null||ot===void 0)&&ot.length&&(Ve="imagePage"),H?.({eventInfo:Object.assign(Object.assign({},z),{ctaId:(Ke=fe?.itemId)!==null&&Ke!==void 0?Ke:"",ctaName:(Qe=fe?.title)!==null&&Qe!==void 0?Qe:"",contentTags:JSON.stringify(fe?.tags),position:ce+"",contentId:(Ze=(lt=R?.video)===null||lt===void 0?void 0:lt.itemId)!==null&&Ze!==void 0?Ze:"",productId:Ct?q?.itemId:"",traceInfo:(st=fe?.traceInfo)!==null&&st!==void 0?st:"",fromKName:Ve})})},[H,V]);a.useEffect(()=>{p(!0),oe(),A().then(z=>{var R,q;m((R=z?.recList)!==null&&R!==void 0?R:[]),k((q=z?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{p(!1),y.current=!0})},[]),a.useEffect(()=>{y.current&&(p(!0),oe(),A().then(z=>{var R,q;m((R=z?.recList)!==null&&R!==void 0?R:[]),k((q=z?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{p(!1)}))},[A,oe]);const ie=xe("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return a.createElement(vi.Provider,{value:{rtcList:f,setRtcList:m,mutateLike:W,mutateUnlike:K,submitForm:ne,popupDetailData:S,loadVideos:U,setPopupDetailData:M,getRecommendVideos:A,bffEventReport:H,utmVal:i,isPreview:r,loading:D,sxpParameter:s,waterFallData:I,setWaterFallData:T,ctaEvent:Y,swiperRef:C,openHashtag:E,setOpenHashtag:_,cacheRtcList:x,setCacheRtcList:k,cacheActiveIndex:O,setCacheActiveIndex:B,isFromHashtag:V,setIsFromHashtag:G,appDomain:d,hashTagSize:u,loadingImage:c??ie,isOpenHashTag:v,tagList:g,setLoading:p,videoRef:F,setVideoRef:j}},t({rtcList:f,mutateLike:W,mutateUnlike:K,submitForm:ne,tagList:g}))};var fi=a.memo(Sn);function se(){return a.useContext(vi)}var mi;(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"})(mi||(mi={}));const hi=a.createContext({$store:{},options:[],configs:[]}),Tn=({children:t,isSsr:e,enable:i})=>{const[n,o]=a.useState([]),{schema:l}=Ne(),[r,s]=a.useState(l.__STORE__||{}),[d,u]=a.useState([]);a.useEffect(()=>{var f;e||ve.isEqual(d,l?.dataSource)||u((f=l?.dataSource)!==null&&f!==void 0?f:[])},[l?.dataSource,e]);const c=a.useCallback(()=>ge(void 0,void 0,void 0,function*(){const{$store:f,idMapName:m}=yield ai("",d);s(f),v(f,m)}),[d]),v=(f,m)=>{const g=[];Object.entries(f).forEach(([b,D])=>{Object.keys(D).forEach(p=>{const w={label:`${m[b]} - ${p}`,value:`{{ ${b}.${p} }}`};g.push(w)})}),o(g)};return a.useEffect(()=>{e||c()},[c,e,l]),i?a.createElement(hi.Provider,{value:{$store:l.__STORE__||r,options:n,configs:d}},t):t};var xn=a.memo(Tn);const pt={id:ut(6,10),item:{type:"common",h:300,category:"block",displayName:"block",isFirstLayout:!0,w:1e3},point:{i:"x-0",x:-38.34375,y:0,w:1e3,h:300,isBounded:!0,actualX:0,actualY:0},pathArr:[0],positionY:0},_t={id:"",duration:0,name:"none"},gi=a.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[pt],redoStack:[],popup:_t,setPopup:()=>{}}),bi=a.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},r)=>{const[s,d]=a.useState(null),[u,c]=a.useState(n||{pointData:[pt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,f]=a.useState([pt]),[m,g]=a.useState([[pt]]),[b,D]=a.useState([]),[p,w]=a.useState(_t);typeof window<"u"&&(window.sxpPopup=(M,I)=>{w(Object.assign(Object.assign(Object.assign({},_t),{id:M}),I))}),typeof window<"u"&&(window.getJointUtmLink=M=>M?.indexOf("?")!==-1?M+(l?"&"+l:""):M+(l?"?"+l:"")),a.useEffect(()=>{g([u.pointData]),D([])},[u.type]);const h=a.useCallback(M=>{const I=ve.cloneDeep(u);I&&(I.dataSource=M,c?.(I))},[u]),[C,y]=a.useState();a.useImperativeHandle(r,()=>({loadSchema(M){M&&(g([M.pointData]),c(M))},exportSchema(){return ve.cloneDeep(u)},getPageInfoData(){return C},initPageInfoData(M){M&&y(M)}}));const S=a.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return a.createElement(gi.Provider,{value:{resolver:e,currentNode:s,schema:u,setCurrentNode:d,setSchema:c,saveDataSource:h,prePiontData:v,setPrePiontData:f,pageInfoData:C,setPageInfoData:M=>y(Object.assign(Object.assign({},C),M)),undoStack:m,redoStack:b,setRedoStack:D,setUndoStack:g,getCurPageConf:S,popup:p,setPopup:w}},a.createElement(xn,{isSsr:i,enable:o},t))});var En=Object.freeze({__proto__:null,EditorCore:bi}),Cn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ee=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var In={fontOptions:ee},At,Dn=[{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:ee,initialValue:(At=ee?.[0])===null||At===void 0?void 0:At.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 kn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:r,submitText:s,layoutType:d,onClick:u}=t,c=me(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick"]);const{submitForm:v}=se(),f=a.useRef(),[m,g]=a.useState(!1),b=a.useMemo(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),D=a.useMemo(()=>{if(d===void 0){const w=ve.cloneDeep(e)||b;return w?.map(h=>Object.assign(Object.assign({},h),{title:void 0,fieldProps:{placeholder:h?.title}}))}else return ve.cloneDeep(e)||b},[d,e,b]),p=ve.debounce(()=>ge(void 0,void 0,void 0,function*(){var w,h,C;g(!0);const y=yield(w=f?.current)===null||w===void 0?void 0:w.getFieldsValue(),S=(C=(h=Object.keys(y))===null||h===void 0?void 0:h.map(I=>({name:I,value:y[I]})))===null||C===void 0?void 0:C.filter(I=>I?.value);if(!S||!S?.length)return;const M=yield v?.({attributes:S});g(!1),M&&(window?.sxpPopup(""),M&&u?.())}),1e3);return a.createElement("div",{className:"pb-appoint-form"},a.createElement("div",{className:`pb-appoint-form-title ${X.css(Object.assign({},o))}`},n),a.createElement("div",Object.assign({className:X.css(Object.assign({},i))},c),a.createElement("div",{className:"pb-appoint-form-container"},a.createElement(nn.BetaSchemaForm,{columns:D,submitter:!1,layout:d,autoFocusFirstInput:!1,size:"large",formRef:f,className:"panel-reset"}))),a.createElement("div",{className:"pb-appoint-form-btn-wrapper"},a.createElement("button",{onClick:p,className:"pb-appoint-form-btn",style:{color:r,background:l}},m?a.createElement(a.Fragment,null,"loading..."):s)))};var _n=a.memo(kn);function we(t,e){return t.extend=e,t}const An=we(_n,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Dn,bindableProps:[],interactionRender:Cn},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 Pt,Mt,Pn=[{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:ee,name:["fontFamily"],initialValue:(Pt=ee?.[0])===null||Pt===void 0?void 0:Pt.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:ee,initialValue:(Mt=ee?.[0])===null||Mt===void 0?void 0:Mt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function yi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Ot(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:yi(e[i])&&yi(t[i])&&Object.keys(e[i]).length>0&&Ot(t[i],e[i])})}const wi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function Ae(){const t=typeof document<"u"?document:{};return Ot(t,wi),t}const Mn={document:wi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function be(){const t=typeof window<"u"?window:{};return Ot(t,Mn),t}function He(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function On(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function et(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ee(){return Date.now()}function Ln(t){const e=be();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function jn(t,e){e===void 0&&(e="x");const i=be();let n,o,l;const r=Ln(t);return i.WebKitCSSMatrix?(o=r.transform||r.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function vt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Nn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Se(){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&&!Nn(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,r=o.length;l<r;l+=1){const s=o[l],d=Object.getOwnPropertyDescriptor(n,s);d!==void 0&&d.enumerable&&(vt(t[s])&&vt(n[s])?n[s].__swiper__?t[s]=n[s]:Se(t[s],n[s]):!vt(t[s])&&vt(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Se(t[s],n[s])):t[s]=n[s])}}}return t}function ft(t,e,i){t.style.setProperty(e,i)}function Si(t){let{swiper:e,targetPosition:i,side:n}=t;const o=be(),l=-e.translate;let r=null,s;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const u=i>l?"next":"prev",c=(f,m)=>u==="next"&&f>=m||u==="prev"&&f<=m,v=()=>{s=new Date().getTime(),r===null&&(r=s);const f=Math.max(Math.min((s-r)/d,1),0),m=.5-Math.cos(f*Math.PI)/2;let g=l+m*(i-l);if(c(g,i)&&(g=i),e.wrapperEl.scrollTo({[n]:g}),c(g,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:g})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(v)};v()}function Pe(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function mt(t){try{console.warn(t);return}catch{}}function at(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:He(e)),i}function Bn(t){const e=be(),i=Ae(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,r=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+d-r}}function Rn(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 zn(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 Ue(t,e){return be().getComputedStyle(t,null).getPropertyValue(e)}function ht(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Ti(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 Lt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function jt(t,e,i){const n=be();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 Me(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Vn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=be();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let r,s=Ee(),d;const u=[];function c(h){let M=0,I=0,T=0,E=0;return"detail"in h&&(I=h.detail),"wheelDelta"in h&&(I=-h.wheelDelta/120),"wheelDeltaY"in h&&(I=-h.wheelDeltaY/120),"wheelDeltaX"in h&&(M=-h.wheelDeltaX/120),"axis"in h&&h.axis===h.HORIZONTAL_AXIS&&(M=I,I=0),T=M*10,E=I*10,"deltaY"in h&&(E=h.deltaY),"deltaX"in h&&(T=h.deltaX),h.shiftKey&&!T&&(T=E,E=0),(T||E)&&h.deltaMode&&(h.deltaMode===1?(T*=40,E*=40):(T*=800,E*=800)),T&&!M&&(M=T<1?-1:1),E&&!I&&(I=E<1?-1:1),{spinX:M,spinY:I,pixelX:T,pixelY:E}}function v(){e.enabled&&(e.mouseEntered=!0)}function f(){e.enabled&&(e.mouseEntered=!1)}function m(h){return e.params.mousewheel.thresholdDelta&&h.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ee()-s<e.params.mousewheel.thresholdTime?!1:h.delta>=6&&Ee()-s<60?!0:(h.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",h.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",h.raw)),s=new l.Date().getTime(),!1)}function g(h){const C=e.params.mousewheel;if(h.direction<0){if(e.isEnd&&!e.params.loop&&C.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&C.releaseOnEdges)return!0;return!1}function b(h){let C=h,y=!0;if(!e.enabled||h.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const S=e.params.mousewheel;e.params.cssMode&&C.preventDefault();let M=e.el;e.params.mousewheel.eventsTarget!=="container"&&(M=document.querySelector(e.params.mousewheel.eventsTarget));const I=M&&M.contains(C.target);if(!e.mouseEntered&&!I&&!S.releaseOnEdges)return!0;C.originalEvent&&(C=C.originalEvent);let T=0;const E=e.rtlTranslate?-1:1,_=c(C);if(S.forceToAxis)if(e.isHorizontal())if(Math.abs(_.pixelX)>Math.abs(_.pixelY))T=-_.pixelX*E;else return!0;else if(Math.abs(_.pixelY)>Math.abs(_.pixelX))T=-_.pixelY;else return!0;else T=Math.abs(_.pixelX)>Math.abs(_.pixelY)?-_.pixelX*E:-_.pixelY;if(T===0)return!0;S.invert&&(T=-T);let x=e.getTranslate()+T*S.sensitivity;if(x>=e.minTranslate()&&(x=e.minTranslate()),x<=e.maxTranslate()&&(x=e.maxTranslate()),y=e.params.loop?!0:!(x===e.minTranslate()||x===e.maxTranslate()),y&&e.params.nested&&C.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const k={time:Ee(),delta:Math.abs(T),direction:Math.sign(T),raw:h};u.length>=2&&u.shift();const O=u.length?u[u.length-1]:void 0;if(u.push(k),O?(k.direction!==O.direction||k.delta>O.delta||k.time>O.time+150)&&m(k):m(k),g(k))return!0}else{const k={time:Ee(),delta:Math.abs(T),direction:Math.sign(T)},O=d&&k.time<d.time+500&&k.delta<=d.delta&&k.direction===d.direction;if(!O){d=void 0;let B=e.getTranslate()+T*S.sensitivity;const V=e.isBeginning,G=e.isEnd;if(B>=e.minTranslate()&&(B=e.minTranslate()),B<=e.maxTranslate()&&(B=e.maxTranslate()),e.setTransition(0),e.setTranslate(B),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!V&&e.isBeginning||!G&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:k.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(r),r=void 0,u.length>=15&&u.shift();const F=u.length?u[u.length-1]:void 0,j=u[0];if(u.push(k),F&&(k.delta>F.delta||k.direction!==F.direction))u.splice(0);else if(u.length>=15&&k.time-j.time<500&&j.delta-k.delta>=1&&k.delta<=6){const N=T>0?.8:.2;d=k,u.splice(0),r=et(()=>{e.slideToClosest(e.params.speed,!0,void 0,N)},0)}r||(r=et(()=>{d=k,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(O||o("scroll",C),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),S.releaseOnEdges&&(B===e.minTranslate()||B===e.maxTranslate()))return!0}}return C.preventDefault?C.preventDefault():C.returnValue=!1,!1}function D(h){let C=e.el;e.params.mousewheel.eventsTarget!=="container"&&(C=document.querySelector(e.params.mousewheel.eventsTarget)),C[h]("mouseenter",v),C[h]("mouseleave",f),C[h]("wheel",b)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(D("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(D("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 xi(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=Pe(t.el,`.${n[o]}`)[0];l||(l=at("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function tt(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function gt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:p=>p,formatFractionTotal:p=>p,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let r,s=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,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 c(p){const w=p.target.closest(tt(e.params.pagination.bulletClass));if(!w)return;p.preventDefault();const h=ht(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(d())return;let h=e.pagination.el;h=Me(h);let C,y;const S=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,M=e.params.loop?Math.ceil(S/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(y=e.previousRealIndex||0,C=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(C=e.snapIndex,y=e.previousSnapIndex):(y=e.previousIndex||0,C=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const I=e.pagination.bullets;let T,E,_;if(w.dynamicBullets&&(r=jt(I[0],e.isHorizontal()?"width":"height",!0),h.forEach(x=>{x.style[e.isHorizontal()?"width":"height"]=`${r*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&y!==void 0&&(s+=C-(y||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),T=Math.max(C-s,0),E=T+(Math.min(I.length,w.dynamicMainBullets)-1),_=(E+T)/2),I.forEach(x=>{const k=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(O=>`${w.bulletActiveClass}${O}`)].map(O=>typeof O=="string"&&O.includes(" ")?O.split(" "):O).flat();x.classList.remove(...k)}),h.length>1)I.forEach(x=>{const k=ht(x);k===C?x.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&x.setAttribute("part","bullet"),w.dynamicBullets&&(k>=T&&k<=E&&x.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),k===T&&u(x,"prev"),k===E&&u(x,"next"))});else{const x=I[C];if(x&&x.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&I.forEach((k,O)=>{k.setAttribute("part",O===C?"bullet-active":"bullet")}),w.dynamicBullets){const k=I[T],O=I[E];for(let B=T;B<=E;B+=1)I[B]&&I[B].classList.add(...`${w.bulletActiveClass}-main`.split(" "));u(k,"prev"),u(O,"next")}}if(w.dynamicBullets){const x=Math.min(I.length,w.dynamicMainBullets+4),k=(r*x-r)/2-_*r,O=p?"right":"left";I.forEach(B=>{B.style[e.isHorizontal()?O:"top"]=`${k}px`})}}h.forEach((I,T)=>{if(w.type==="fraction"&&(I.querySelectorAll(tt(w.currentClass)).forEach(E=>{E.textContent=w.formatFractionCurrent(C+1)}),I.querySelectorAll(tt(w.totalClass)).forEach(E=>{E.textContent=w.formatFractionTotal(M)})),w.type==="progressbar"){let E;w.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const _=(C+1)/M;let x=1,k=1;E==="horizontal"?x=_:k=_,I.querySelectorAll(tt(w.progressbarFillClass)).forEach(O=>{O.style.transform=`translate3d(0,0,0) scaleX(${x}) scaleY(${k})`,O.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(I.innerHTML=w.renderCustom(e,C+1,M),T===0&&o("paginationRender",I)):(T===0&&o("paginationRender",I),o("paginationUpdate",I)),e.params.watchOverflow&&e.enabled&&I.classList[e.isLocked?"add":"remove"](w.lockClass)})}function f(){const p=e.params.pagination;if(d())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let h=e.pagination.el;h=Me(h);let C="";if(p.type==="bullets"){let y=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&y>w&&(y=w);for(let S=0;S<y;S+=1)p.renderBullet?C+=p.renderBullet.call(e,S,p.bulletClass):C+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?C=p.renderFraction.call(e,p.currentClass,p.totalClass):C=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?C=p.renderProgressbar.call(e,p.progressbarFillClass):C=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],h.forEach(y=>{p.type!=="custom"&&(y.innerHTML=C||""),p.type==="bullets"&&e.pagination.bullets.push(...y.querySelectorAll(tt(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",h[0])}function m(){e.params.pagination=xi(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=>Ti(h,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Me(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`),s=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&h.classList.add(p.progressbarOppositeClass),p.clickable&&h.addEventListener("click",c),e.enabled||h.classList.add(p.lockClass)}))}function g(){const p=e.params.pagination;if(d())return;let w=e.pagination.el;w&&(w=Me(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",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(h=>h.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:w}=e.pagination;w=Me(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?D():(m(),f(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{f(),v()}),n("destroy",()=>{g()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Me(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,C=Me(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&C&&C.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 y=C[0].classList.contains(e.params.pagination.hiddenClass);o(y===!0?"paginationShow":"paginationHide"),C.forEach(S=>S.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Me(p),p.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),m(),f(),v()},D=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Me(p),p.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),g()};Object.assign(e.pagination,{enable:b,disable:D,render:f,update:v,init:m,destroy:g})}function Fn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Ae();let r=!1,s=null,d=null,u,c,v,f;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function m(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x,rtlTranslate:k}=e,{dragEl:O,el:B}=x,V=e.params.scrollbar,G=e.params.loop?e.progressLoop:e.progress;let F=c,j=(v-c)*G;k?(j=-j,j>0?(F=c-j,j=0):-j+c>v&&(F=v+j)):j<0?(F=c+j,j=0):j+c>v&&(F=v-j),e.isHorizontal()?(O.style.transform=`translate3d(${j}px, 0, 0)`,O.style.width=`${F}px`):(O.style.transform=`translate3d(0px, ${j}px, 0)`,O.style.height=`${F}px`),V.hide&&(clearTimeout(s),B.style.opacity=1,s=setTimeout(()=>{B.style.opacity=0,B.style.transitionDuration="400ms"},1e3))}function g(x){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${x}ms`)}function b(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:x}=e,{dragEl:k,el:O}=x;k.style.width="",k.style.height="",v=e.isHorizontal()?O.offsetWidth:O.offsetHeight,f=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*f:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?k.style.width=`${c}px`:k.style.height=`${c}px`,f>=1?O.style.display="none":O.style.display="",e.params.scrollbar.hide&&(O.style.opacity=0),e.params.watchOverflow&&e.enabled&&x.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function D(x){return e.isHorizontal()?x.clientX:x.clientY}function p(x){const{scrollbar:k,rtlTranslate:O}=e,{el:B}=k;let V;V=(D(x)-Bn(B)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),V=Math.max(Math.min(V,1),0),O&&(V=1-V);const G=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*V;e.updateProgress(G),e.setTranslate(G),e.updateActiveIndex(),e.updateSlidesClasses()}function w(x){const k=e.params.scrollbar,{scrollbar:O,wrapperEl:B}=e,{el:V,dragEl:G}=O;r=!0,u=x.target===G?D(x)-x.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,x.preventDefault(),x.stopPropagation(),B.style.transitionDuration="100ms",G.style.transitionDuration="100ms",p(x),clearTimeout(d),V.style.transitionDuration="0ms",k.hide&&(V.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",x)}function h(x){const{scrollbar:k,wrapperEl:O}=e,{el:B,dragEl:V}=k;r&&(x.preventDefault?x.preventDefault():x.returnValue=!1,p(x),O.style.transitionDuration="0ms",B.style.transitionDuration="0ms",V.style.transitionDuration="0ms",o("scrollbarDragMove",x))}function C(x){const k=e.params.scrollbar,{scrollbar:O,wrapperEl:B}=e,{el:V}=O;r&&(r=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",B.style.transitionDuration=""),k.hide&&(clearTimeout(d),d=et(()=>{V.style.opacity=0,V.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",x),k.snapOnRelease&&e.slideToClosest())}function y(x){const{scrollbar:k,params:O}=e,B=k.el;if(!B)return;const V=B,G=O.passiveListeners?{passive:!1,capture:!1}:!1,F=O.passiveListeners?{passive:!0,capture:!1}:!1;if(!V)return;const j=x==="on"?"addEventListener":"removeEventListener";V[j]("pointerdown",w,G),l[j]("pointermove",h,G),l[j]("pointerup",C,F)}function S(){!e.params.scrollbar.el||!e.scrollbar.el||y("on")}function M(){!e.params.scrollbar.el||!e.scrollbar.el||y("off")}function I(){const{scrollbar:x,el:k}=e;e.params.scrollbar=xi(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const O=e.params.scrollbar;if(!O.el)return;let B;if(typeof O.el=="string"&&e.isElement&&(B=e.el.querySelector(O.el)),!B&&typeof O.el=="string"){if(B=l.querySelectorAll(O.el),!B.length)return}else B||(B=O.el);e.params.uniqueNavElements&&typeof O.el=="string"&&B.length>1&&k.querySelectorAll(O.el).length===1&&(B=k.querySelector(O.el)),B.length>0&&(B=B[0]),B.classList.add(e.isHorizontal()?O.horizontalClass:O.verticalClass);let V;B&&(V=B.querySelector(tt(e.params.scrollbar.dragClass)),V||(V=at("div",e.params.scrollbar.dragClass),B.append(V))),Object.assign(x,{el:B,dragEl:V}),O.draggable&&S(),B&&B.classList[e.enabled?"remove":"add"](...He(e.params.scrollbar.lockClass))}function T(){const x=e.params.scrollbar,k=e.scrollbar.el;k&&k.classList.remove(...He(e.isHorizontal()?x.horizontalClass:x.verticalClass)),M()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const x=e.params.scrollbar;let{el:k}=e.scrollbar;k=Me(k),k.forEach(O=>{O.classList.remove(x.horizontalClass,x.verticalClass),O.classList.add(e.isHorizontal()?x.horizontalClass:x.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?_():(I(),b(),m())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{m()}),n("setTransition",(x,k)=>{g(k)}),n("enable disable",()=>{const{el:x}=e.scrollbar;x&&x.classList[e.enabled?"remove":"add"](...He(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const E=()=>{e.el.classList.remove(...He(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...He(e.params.scrollbar.scrollbarDisabledClass)),I(),b(),m()},_=()=>{e.el.classList.add(...He(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...He(e.params.scrollbar.scrollbarDisabledClass)),T()};Object.assign(e.scrollbar,{enable:E,disable:_,updateSize:b,setTranslate:m,init:I,destroy:T})}function bt(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let r,s,d=l&&l.autoplay?l.autoplay.delay:3e3,u=l&&l.autoplay?l.autoplay.delay:3e3,c,v=new Date().getTime(),f,m,g,b,D,p,w;function h(F){!e||e.destroyed||!e.wrapperEl||F.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",h),!w&&E())}const C=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?f=!0:f&&(u=c,f=!1);const F=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=F,o("autoplayTimeLeft",F,F/d),s=requestAnimationFrame(()=>{C()})},y=()=>{let F;return e.virtual&&e.params.virtual.enabled?F=e.slides.filter(N=>N.classList.contains("swiper-slide-active"))[0]:F=e.slides[e.activeIndex],F?parseInt(F.getAttribute("data-swiper-autoplay"),10):void 0},S=F=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),C();let j=typeof F>"u"?e.params.autoplay.delay:F;d=e.params.autoplay.delay,u=e.params.autoplay.delay;const N=y();!Number.isNaN(N)&&N>0&&typeof F>"u"&&(j=N,d=N,u=N),c=j;const P=e.params.speed,A=()=>{!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(()=>{S()})))};return j>0?(clearTimeout(r),r=setTimeout(()=>{A()},j)):requestAnimationFrame(()=>{A()}),j},M=()=>{v=new Date().getTime(),e.autoplay.running=!0,S(),o("autoplayStart")},I=()=>{e.autoplay.running=!1,clearTimeout(r),cancelAnimationFrame(s),o("autoplayStop")},T=(F,j)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(r),F||(p=!0);const N=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",h):E()};if(e.autoplay.paused=!0,j){D&&(c=e.params.autoplay.delay),D=!1,N();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),N())},E=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,S(c)):S(),e.autoplay.paused=!1,o("autoplayResume"))},_=()=>{if(e.destroyed||!e.autoplay.running)return;const F=Ae();F.visibilityState==="hidden"&&(p=!0,T(!0)),F.visibilityState==="visible"&&E()},x=F=>{F.pointerType==="mouse"&&(p=!0,w=!0,!(e.animating||e.autoplay.paused)&&T(!0))},k=F=>{F.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&E())},O=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",x),e.el.addEventListener("pointerleave",k))},B=()=>{e.el.removeEventListener("pointerenter",x),e.el.removeEventListener("pointerleave",k)},V=()=>{Ae().addEventListener("visibilitychange",_)},G=()=>{Ae().removeEventListener("visibilitychange",_)};n("init",()=>{e.params.autoplay.enabled&&(O(),V(),M())}),n("destroy",()=>{B(),G(),e.autoplay.running&&I()}),n("_freeModeStaticRelease",()=>{(g||p)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?I():T(!0,!0)}),n("beforeTransitionStart",(F,j,N)=>{e.destroyed||!e.autoplay.running||(N||!e.params.autoplay.disableOnInteraction?T(!0,!0):I())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){I();return}m=!0,g=!1,p=!1,b=setTimeout(()=>{p=!0,g=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!m)){if(clearTimeout(b),clearTimeout(r),e.params.autoplay.disableOnInteraction){g=!1,m=!1;return}g&&e.params.cssMode&&E(),g=!1,m=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(D=!0)}),Object.assign(e.autoplay,{start:M,stop:I,pause:T,resume:E})}function Hn(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function r(){if(e.params.cssMode)return;const{touchEventsData:d,touches:u}=e;d.velocities.length===0&&d.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:Ee()})}function s(d){let{currentPos:u}=d;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:f,snapGrid:m,touchEventsData:g}=e,D=Ee()-g.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<m.length?e.slideTo(m.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(g.velocities.length>1){const I=g.velocities.pop(),T=g.velocities.pop(),E=I.position-T.position,_=I.time-T.time;e.velocity=E/_,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(_>150||Ee()-I.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,g.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const w=e.velocity*p;let h=e.translate+w;f&&(h=-h);let C=!1,y;const S=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let M;if(h<e.maxTranslate())c.freeMode.momentumBounce?(h+e.maxTranslate()<-S&&(h=e.maxTranslate()-S),y=e.maxTranslate(),C=!0,g.allowMomentumBounce=!0):h=e.maxTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(h>e.minTranslate())c.freeMode.momentumBounce?(h-e.minTranslate()>S&&(h=e.minTranslate()+S),y=e.minTranslate(),C=!0,g.allowMomentumBounce=!0):h=e.minTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(c.freeMode.sticky){let I;for(let T=0;T<m.length;T+=1)if(m[T]>-h){I=T;break}Math.abs(m[I]-h)<Math.abs(m[I-1]-h)||e.swipeDirection==="next"?h=m[I]:h=m[I-1],h=-h}if(M&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(f?p=Math.abs((-h-e.translate)/e.velocity):p=Math.abs((h-e.translate)/e.velocity),c.freeMode.sticky){const I=Math.abs((f?-h:h)-e.translate),T=e.slidesSizesGrid[e.activeIndex];I<T?p=c.speed:I<2*T?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&C?(e.updateProgress(y),e.setTransition(p),e.setTranslate(h),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Lt(v,()=>{!e||e.destroyed||!g.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(y),Lt(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,Lt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(h),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||D>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:r,onTouchEnd:s}})}let Nt;function Un(){const t=be(),e=Ae();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ei(){return Nt||(Nt=Un()),Nt}let Bt;function Gn(t){let{userAgent:e}=t===void 0?{}:t;const i=Ei(),n=be(),o=n.navigator.platform,l=e||n.navigator.userAgent,r={ios:!1,android:!1},s=n.screen.width,d=n.screen.height,u=l.match(/(Android);?[\s\/]+([\d.]+)?/);let c=l.match(/(iPad).*OS\s([\d_]+)/);const v=l.match(/(iPod)(.*OS\s([\d_]+))?/),f=!c&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m=o==="Win32";let g=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&g&&i.touch&&b.indexOf(`${s}x${d}`)>=0&&(c=l.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),g=!1),u&&!m&&(r.os="android",r.android=!0),(c||f||v)&&(r.os="ios",r.ios=!0),r}function Ci(t){return t===void 0&&(t={}),Bt||(Bt=Gn(t)),Bt}let Rt;function $n(){const t=be(),e=Ci();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[d,u]=s.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=d<16||d===16&&u<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),r=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:r,isWebView:o}}function Wn(){return Rt||(Rt=$n()),Rt}function qn(t){let{swiper:e,on:i,emit:n}=t;const o=be();let l=null,r=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(v=>{r=o.requestAnimationFrame(()=>{const{width:f,height:m}=e;let g=f,b=m;v.forEach(D=>{let{contentBoxSize:p,contentRect:w,target:h}=D;h&&h!==e.el||(g=w?w.width:(p[0]||p).inlineSize,b=w?w.height:(p[0]||p).blockSize)}),(g!==f||b!==m)&&s()})}),l.observe(e.el))},u=()=>{r&&o.cancelAnimationFrame(r),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){d();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",c)})}function Yn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],r=be(),s=function(c,v){v===void 0&&(v={});const f=r.MutationObserver||r.WebkitMutationObserver,m=new f(g=>{if(e.__preventObserver__)return;if(g.length===1){o("observerUpdate",g[0]);return}const b=function(){o("observerUpdate",g[0])};r.requestAnimationFrame?r.requestAnimationFrame(b):r.setTimeout(b,0)});m.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),l.push(m)},d=()=>{if(e.params.observer){if(e.params.observeParents){const c=Ti(e.hostEl);for(let v=0;v<c.length;v+=1)s(c[v])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},u=()=>{l.forEach(c=>{c.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",u)}var Xn={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,r=new Array(l),s=0;s<l;s++)r[s]=arguments[s];e.apply(n,r)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),r=0;r<o;r++)l[r]=arguments[r];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(u=>{u.apply(n,i)})}),t}};function Jn(){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(Ue(n,"padding-left")||0,10)-parseInt(Ue(n,"padding-right")||0,10),i=i-parseInt(Ue(n,"padding-top")||0,10)-parseInt(Ue(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 Kn(){const t=this;function e(E,_){return parseFloat(E.getPropertyValue(t.getDirectionLabel(_))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:r,wrongRTL:s}=t,d=t.virtual&&i.virtual.enabled,u=d?t.virtual.slides.length:t.slides.length,c=Pe(o,`.${t.params.slideClass}, swiper-slide`),v=d?t.virtual.slides.length:c.length;let f=[];const m=[],g=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let D=i.slidesOffsetAfter;typeof D=="function"&&(D=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,w=t.slidesGrid.length;let h=i.spaceBetween,C=-b,y=0,S=0;if(typeof l>"u")return;typeof h=="string"&&h.indexOf("%")>=0?h=parseFloat(h.replace("%",""))/100*l:typeof h=="string"&&(h=parseFloat(h)),t.virtualSize=-h,c.forEach(E=>{r?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(ft(n,"--swiper-centered-offset-before",""),ft(n,"--swiper-centered-offset-after",""));const M=i.grid&&i.grid.rows>1&&t.grid;M?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let I;const T=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(E=>typeof i.breakpoints[E].slidesPerView<"u").length>0;for(let E=0;E<v;E+=1){I=0;let _;if(c[E]&&(_=c[E]),M&&t.grid.updateSlide(E,_,c),!(c[E]&&Ue(_,"display")==="none")){if(i.slidesPerView==="auto"){T&&(c[E].style[t.getDirectionLabel("width")]="");const x=getComputedStyle(_),k=_.style.transform,O=_.style.webkitTransform;if(k&&(_.style.transform="none"),O&&(_.style.webkitTransform="none"),i.roundLengths)I=t.isHorizontal()?jt(_,"width",!0):jt(_,"height",!0);else{const B=e(x,"width"),V=e(x,"padding-left"),G=e(x,"padding-right"),F=e(x,"margin-left"),j=e(x,"margin-right"),N=x.getPropertyValue("box-sizing");if(N&&N==="border-box")I=B+F+j;else{const{clientWidth:P,offsetWidth:A}=_;I=B+V+G+F+j+(A-P)}}k&&(_.style.transform=k),O&&(_.style.webkitTransform=O),i.roundLengths&&(I=Math.floor(I))}else I=(l-(i.slidesPerView-1)*h)/i.slidesPerView,i.roundLengths&&(I=Math.floor(I)),c[E]&&(c[E].style[t.getDirectionLabel("width")]=`${I}px`);c[E]&&(c[E].swiperSlideSize=I),g.push(I),i.centeredSlides?(C=C+I/2+y/2+h,y===0&&E!==0&&(C=C-l/2-h),E===0&&(C=C-l/2-h),Math.abs(C)<1/1e3&&(C=0),i.roundLengths&&(C=Math.floor(C)),S%i.slidesPerGroup===0&&f.push(C),m.push(C)):(i.roundLengths&&(C=Math.floor(C)),(S-Math.min(t.params.slidesPerGroupSkip,S))%t.params.slidesPerGroup===0&&f.push(C),m.push(C),C=C+I+h),t.virtualSize+=I+h,y=I,S+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+D,r&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+h}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+h}px`),M&&t.grid.updateWrapperSize(I,f),!i.centeredSlides){const E=[];for(let _=0;_<f.length;_+=1){let x=f[_];i.roundLengths&&(x=Math.floor(x)),f[_]<=t.virtualSize-l&&E.push(x)}f=E,Math.floor(t.virtualSize-l)-Math.floor(f[f.length-1])>1&&f.push(t.virtualSize-l)}if(d&&i.loop){const E=g[0]+h;if(i.slidesPerGroup>1){const _=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),x=E*i.slidesPerGroup;for(let k=0;k<_;k+=1)f.push(f[f.length-1]+x)}for(let _=0;_<t.virtual.slidesBefore+t.virtual.slidesAfter;_+=1)i.slidesPerGroup===1&&f.push(f[f.length-1]+E),m.push(m[m.length-1]+E),t.virtualSize+=E}if(f.length===0&&(f=[0]),h!==0){const E=t.isHorizontal()&&r?"marginLeft":t.getDirectionLabel("marginRight");c.filter((_,x)=>!i.cssMode||i.loop?!0:x!==c.length-1).forEach(_=>{_.style[E]=`${h}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;g.forEach(x=>{E+=x+(h||0)}),E-=h;const _=E-l;f=f.map(x=>x<=0?-b:x>_?_+D:x)}if(i.centerInsufficientSlides){let E=0;if(g.forEach(_=>{E+=_+(h||0)}),E-=h,E<l){const _=(l-E)/2;f.forEach((x,k)=>{f[k]=x-_}),m.forEach((x,k)=>{m[k]=x+_})}}if(Object.assign(t,{slides:c,snapGrid:f,slidesGrid:m,slidesSizesGrid:g}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){ft(n,"--swiper-centered-offset-before",`${-f[0]}px`),ft(n,"--swiper-centered-offset-after",`${t.size/2-g[g.length-1]/2}px`);const E=-t.snapGrid[0],_=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(x=>x+E),t.slidesGrid=t.slidesGrid.map(x=>x+_)}if(v!==u&&t.emit("slidesLengthChange"),f.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),m.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,_=t.el.classList.contains(E);v<=i.maxBackfaceHiddenSlides?_||t.el.classList.add(E):_&&t.el.classList.remove(E)}}function Qn(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const r=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(r(s))}else i.push(r(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function Zn(){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 eo(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let r=-t;o&&(r=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let d=0;d<n.length;d+=1){const u=n[d];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(r+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),f=(r-l[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),m=-(r-c),g=m+e.slidesSizesGrid[d],b=m>=0&&m<=e.size-e.slidesSizesGrid[d];(m>=0&&m<e.size-1||g>1&&g<=e.size||m<=0&&g>=e.size)&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),b&&n[d].classList.add(i.slideFullyVisibleClass),u.progress=o?-v:v,u.originalProgress=o?-f:f}}function to(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:r,progressLoop:s}=e;const d=l,u=r;if(n===0)o=0,l=!0,r=!0;else{o=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;l=c||o<=0,r=v||o>=1,c&&(o=0),v&&(o=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),f=e.slidesGrid[c],m=e.slidesGrid[v],g=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=f?s=(b-f)/g:s=(b+g-m)/g,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:r}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!d&&e.emit("reachBeginning toEdge"),r&&!u&&e.emit("reachEnd toEdge"),(d&&!l||u&&!r)&&e.emit("fromEdge"),e.emit("progress",o)}function io(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,r=t.grid&&i.grid&&i.grid.rows>1,s=v=>Pe(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,u,c;if(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),d=s(`[data-swiper-slide-index="${v}"]`)}else d=s(`[data-swiper-slide-index="${o}"]`);else r?(d=e.filter(v=>v.column===o)[0],c=e.filter(v=>v.column===o+1)[0],u=e.filter(v=>v.column===o-1)[0]):d=e[o];d&&(d.classList.add(i.slideActiveClass),r?(c&&c.classList.add(i.slideNextClass),u&&u.classList.add(i.slidePrevClass)):(c=zn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),c&&c.classList.add(i.slideNextClass),u=Rn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]),u&&u.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const yt=(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()}},zt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Vt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const r=o,s=[r-e];s.push(...Array.from({length:e}).map((d,u)=>r+n+u)),t.slides.forEach((d,u)=>{s.includes(d.column)&&zt(t,u)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let r=o-e;r<=l+e;r+=1){const s=(r%i+i)%i;(s<o||s>l)&&zt(t,s)}else for(let r=Math.max(o-e,0);r<=Math.min(l+e,i-1);r+=1)r!==o&&(r>l||r<o)&&zt(t,r)};function no(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 oo(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:r,snapIndex:s}=e;let d=t,u;const c=m=>{let g=m-e.virtual.slidesBefore;return g<0&&(g=e.virtual.slides.length+g),g>=e.virtual.slides.length&&(g-=e.virtual.slides.length),g};if(typeof d>"u"&&(d=no(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const m=Math.min(o.slidesPerGroupSkip,d);u=m+Math.floor((d-m)/o.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),d===l&&!e.params.loop){u!==s&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(d===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(d);return}const v=e.grid&&o.grid&&o.grid.rows>1;let f;if(e.virtual&&o.virtual.enabled&&o.loop)f=c(d);else if(v){const m=e.slides.filter(b=>b.column===d)[0];let g=parseInt(m.getAttribute("data-swiper-slide-index"),10);Number.isNaN(g)&&(g=Math.max(e.slides.indexOf(m),0)),f=Math.floor(g/o.grid.rows)}else if(e.slides[d]){const m=e.slides[d].getAttribute("data-swiper-slide-index");m?f=parseInt(m,10):f=d}else f=d;Object.assign(e,{previousSnapIndex:s,snapIndex:u,previousRealIndex:r,realIndex:f,previousIndex:l,activeIndex:d}),e.initialized&&Vt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(r!==f&&e.emit("realIndexChange"),e.emit("slideChange"))}function lo(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,r;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,r=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=r;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var so={updateSize:Jn,updateSlides:Kn,updateAutoHeight:Qn,updateSlidesOffset:Zn,updateSlidesProgress:eo,updateProgress:to,updateSlidesClasses:io,updateActiveIndex:oo,updateClickedSlide:lo};function ao(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let r=jn(l,t);return r+=e.cssOverflowAdjustment(),n&&(r=-r),r||0}function ro(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:r}=i;let s=0,d=0;const u=0;i.isHorizontal()?s=n?-t:t:d=t,o.roundLengths&&(s=Math.floor(s),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:d,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-d:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${d}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==r&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function co(){return-this.snapGrid[0]}function uo(){return-this.snapGrid[this.snapGrid.length-1]}function po(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:r,wrapperEl:s}=l;if(l.animating&&r.preventInteractionOnTransition)return!1;const d=l.minTranslate(),u=l.maxTranslate();let c;if(n&&t>d?c=d:n&&t<u?c=u:c=t,l.updateProgress(c),r.cssMode){const v=l.isHorizontal();if(e===0)s[v?"scrollLeft":"scrollTop"]=-c;else{if(!l.support.smoothScroll)return Si({swiper:l,targetPosition:-c,side:v?"left":"top"}),!0;s.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(f){!l||l.destroyed||f.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 vo={getTranslate:ao,setTranslate:ro,minTranslate:co,maxTranslate:uo,translateTo:po};function fo(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 Ii(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:r}=e;let s=n;if(s||(l>r?s="next":l<r?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==r){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function mo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Ii({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function ho(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Ii({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var go={setTransition:fo,transitionStart:mo,transitionEnd:ho};function bo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let r=t;r<0&&(r=0);const{params:s,snapGrid:d,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:f,wrapperEl:m,enabled:g}=l;if(l.animating&&s.preventInteractionOnTransition||!g&&!n&&!o||l.destroyed)return!1;const b=Math.min(l.params.slidesPerGroupSkip,r);let D=b+Math.floor((r-b)/l.params.slidesPerGroup);D>=d.length&&(D=d.length-1);const p=-d[D];if(s.normalizeSlideIndex)for(let h=0;h<u.length;h+=1){const C=-Math.floor(p*100),y=Math.floor(u[h]*100),S=Math.floor(u[h+1]*100);typeof u[h+1]<"u"?C>=y&&C<S-(S-y)/2?r=h:C>=y&&C<S&&(r=h+1):C>=y&&(r=h)}if(l.initialized&&r!==v&&(!l.allowSlideNext&&(f?p>l.translate&&p>l.minTranslate():p<l.translate&&p<l.minTranslate())||!l.allowSlidePrev&&p>l.translate&&p>l.maxTranslate()&&(v||0)!==r))return!1;r!==(c||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let w;if(r>v?w="next":r<v?w="prev":w="reset",f&&-p===l.translate||!f&&p===l.translate)return l.updateActiveIndex(r),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(p),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(s.cssMode){const h=l.isHorizontal(),C=f?p:-p;if(e===0){const y=l.virtual&&l.params.virtual.enabled;y&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),y&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{m[h?"scrollLeft":"scrollTop"]=C})):m[h?"scrollLeft":"scrollTop"]=C,y&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return Si({swiper:l,targetPosition:C,side:h?"left":"top"}),!0;m.scrollTo({[h?"left":"top"]:C,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(r),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(C){!l||l.destroyed||C.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 yo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let r=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)r=r+o.virtual.slidesBefore;else{let s;if(l){const f=r*o.params.grid.rows;s=o.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===f)[0].column}else s=o.getSlideIndexByData(r);const d=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:u}=o.params;let c=o.params.slidesPerView;c==="auto"?c=o.slidesPerViewDynamic():(c=Math.ceil(parseFloat(o.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=d-s<c;if(u&&(v=v||s<Math.ceil(c/2)),v){const f=u?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:f,slideTo:!0,activeSlideIndex:f==="next"?s+1:s-d+1,slideRealIndex:f==="next"?o.realIndex:void 0})}if(l){const f=r*o.params.grid.rows;r=o.slides.filter(m=>m.getAttribute("data-swiper-slide-index")*1===f)[0].column}else r=o.getSlideIndexByData(r)}return requestAnimationFrame(()=>{o.slideTo(r,e,i,n)}),o}function wo(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:r}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<l.slidesPerGroupSkip?1:s,u=n.virtual&&l.virtual.enabled;if(l.loop){if(r&&!u&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+d,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function So(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:r,rtlTranslate:s,enabled:d,animating:u}=n;if(!d||n.destroyed)return n;const c=n.virtual&&o.virtual.enabled;if(o.loop){if(u&&!c&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=s?n.translate:-n.translate;function f(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const m=f(v),g=l.map(p=>f(p));let b=l[g.indexOf(m)-1];if(typeof b>"u"&&o.cssMode){let p;l.forEach((w,h)=>{m>=w&&(p=h)}),typeof p<"u"&&(b=l[p>0?p-1:p])}let D=0;if(typeof b<"u"&&(D=r.indexOf(b),D<0&&(D=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(D=D-n.slidesPerViewDynamic("previous",!0)+1,D=Math.max(D,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(D,t,e,i)}),!0;return n.slideTo(D,t,e,i)}function To(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 xo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const r=Math.min(o.params.slidesPerGroupSkip,l),s=r+Math.floor((l-r)/o.params.slidesPerGroup),d=o.rtlTranslate?o.translate:-o.translate;if(d>=o.snapGrid[s]){const u=o.snapGrid[s],c=o.snapGrid[s+1];d-u>(c-u)*n&&(l+=o.params.slidesPerGroup)}else{const u=o.snapGrid[s-1],c=o.snapGrid[s];d-u<=(c-u)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function Eo(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const r=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(Pe(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),et(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(Pe(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),et(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var Co={slideTo:bo,slideToLoop:yo,slideNext:wo,slidePrev:So,slideReset:To,slideToClosest:xo,slideToClickedSlide:Eo};function Io(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{Pe(n,`.${i.slideClass}, swiper-slide`).forEach((v,f)=>{v.setAttribute("data-swiper-slide-index",f)})},l=e.grid&&i.grid&&i.grid.rows>1,r=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%r!==0,d=l&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const f=e.isElement?at("swiper-slide",[i.slideBlankClass]):at("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(f)}};if(s){if(i.loopAddBlankSlides){const c=r-e.slides.length%r;u(c),e.recalcSlides(),e.updateSlides()}else mt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(d){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else mt("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 Do(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:r,byMousewheel:s}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:f,params:m}=d,{centeredSlides:g}=m;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&m.virtual.enabled){i&&(!m.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):m.centeredSlides&&d.snapIndex<m.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0)),d.allowSlidePrev=c,d.allowSlideNext=v,d.emit("loopFix");return}let b=m.slidesPerView;b==="auto"?b=d.slidesPerViewDynamic():(b=Math.ceil(parseFloat(m.slidesPerView,10)),g&&b%2===0&&(b=b+1));const D=m.slidesPerGroupAuto?b:m.slidesPerGroup;let p=D;p%D!==0&&(p+=D-p%D),p+=m.loopAdditionalSlides,d.loopedSlides=p;const w=d.grid&&m.grid&&m.grid.rows>1;u.length<b+p?mt("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&&m.grid.fill==="row"&&mt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const h=[],C=[];let y=d.activeIndex;typeof l>"u"?l=d.getSlideIndex(u.filter(k=>k.classList.contains(m.slideActiveClass))[0]):y=l;const S=n==="next"||!n,M=n==="prev"||!n;let I=0,T=0;const E=w?Math.ceil(u.length/m.grid.rows):u.length,x=(w?u[l].column:l)+(g&&typeof o>"u"?-b/2+.5:0);if(x<p){I=Math.max(p-x,D);for(let k=0;k<p-x;k+=1){const O=k-Math.floor(k/E)*E;if(w){const B=E-O-1;for(let V=u.length-1;V>=0;V-=1)u[V].column===B&&h.push(V)}else h.push(E-O-1)}}else if(x+b>E-p){T=Math.max(x-(E-p*2),D);for(let k=0;k<T;k+=1){const O=k-Math.floor(k/E)*E;w?u.forEach((B,V)=>{B.column===O&&C.push(V)}):C.push(O)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),M&&h.forEach(k=>{u[k].swiperLoopMoveDOM=!0,f.prepend(u[k]),u[k].swiperLoopMoveDOM=!1}),S&&C.forEach(k=>{u[k].swiperLoopMoveDOM=!0,f.append(u[k]),u[k].swiperLoopMoveDOM=!1}),d.recalcSlides(),m.slidesPerView==="auto"?d.updateSlides():w&&(h.length>0&&M||C.length>0&&S)&&d.slides.forEach((k,O)=>{d.grid.updateSlide(O,k,d.slides)}),m.watchSlidesProgress&&d.updateSlidesOffset(),i){if(h.length>0&&M){if(typeof e>"u"){const k=d.slidesGrid[y],B=d.slidesGrid[y+I]-k;s?d.setTranslate(d.translate-B):(d.slideTo(y+Math.ceil(I),0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-B,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-B))}else if(o){const k=w?h.length/m.grid.rows:h.length;d.slideTo(d.activeIndex+k,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(C.length>0&&S)if(typeof e>"u"){const k=d.slidesGrid[y],B=d.slidesGrid[y-T]-k;s?d.setTranslate(d.translate-B):(d.slideTo(y-T,0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-B,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-B))}else{const k=w?C.length/m.grid.rows:C.length;d.slideTo(d.activeIndex-k,0,!1,!0)}}if(d.allowSlidePrev=c,d.allowSlideNext=v,d.controller&&d.controller.control&&!r){const k={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(O=>{!O.destroyed&&O.params.loop&&O.loopFix({...k,slideTo:O.params.slidesPerView===m.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...k,slideTo:d.controller.control.params.slidesPerView===m.slidesPerView?i:!1})}d.emit("loopFix")}function ko(){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 _o={loopCreate:Io,loopFix:Do,loopDestroy:ko};function Ao(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 Po(){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 Mo={setGrabCursor:Ao,unsetGrabCursor:Po};function Oo(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Ae()||n===be())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 Di(t,e,i){const n=be(),{params:o}=t,l=o.edgeSwipeDetection,r=o.edgeSwipeThreshold;return l&&(i<=r||i>=n.innerWidth-r)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function Lo(t){const e=this,i=Ae();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"){Di(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:r,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let d=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const u=!!l.noSwipingClass&&l.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(d=c[0]);const v=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(f?Oo(v,d):d.closest(v))){e.allowClick=!0;return}if(l.swipeHandler&&!d.closest(l.swipeHandler))return;r.currentX=n.pageX,r.currentY=n.pageY;const m=r.currentX,g=r.currentY;if(!Di(e,n,m))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),r.startX=m,r.startY=g,o.touchStartTime=Ee(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let b=!0;d.matches(o.focusableElements)&&(b=!1,d.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==d&&i.activeElement.blur();const D=b&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||D)&&!d.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function jo(t){const e=Ae(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:r,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let d=t;if(d.originalEvent&&(d=d.originalEvent),d.type==="pointermove"&&(n.touchId!==null||d.pointerId!==n.pointerId))return;let u;if(d.type==="touchmove"){if(u=[...d.changedTouches].filter(S=>S.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const c=u.pageX,v=u.pageY;if(d.preventedByNestedSwiper){l.startX=c,l.startY=v;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=Ee());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(c<l.startX&&i.translate<=i.maxTranslate()||c>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&d.target===e.activeElement&&d.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",d),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=c,l.currentY=v;const f=l.currentX-l.startX,m=l.currentY-l.startY;if(i.params.threshold&&Math.sqrt(f**2+m**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let S;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:f*f+m*m>=25&&(S=Math.atan2(Math.abs(m),Math.abs(f))*180/Math.PI,n.isScrolling=i.isHorizontal()?S>o.touchAngle:90-S>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&d.cancelable&&d.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&d.stopPropagation();let g=i.isHorizontal()?f:m,b=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(g=Math.abs(g)*(r?1:-1),b=Math.abs(b)*(r?1:-1)),l.diff=g,g*=o.touchRatio,r&&(g=-g,b=-b);const D=i.touchesDirection;i.swipeDirection=g>0?"prev":"next",i.touchesDirection=b>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 S=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(S)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let h;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&D!==i.touchesDirection&&p&&w&&Math.abs(g)>=1){Object.assign(l,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",d),n.isMoved=!0,n.currentTranslate=g+n.startTranslate;let C=!0,y=o.resistanceRatio;if(o.touchReleaseOnEdges&&(y=0),g>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()&&(C=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+g)**y))):g<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()&&(C=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-g)**y))),C&&(d.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(g)>o.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,l.startX=l.currentX,l.startY=l.currentY,n.currentTranslate=n.startTranslate,l.diff=i.isHorizontal()?l.currentX-l.startX:l.currentY-l.startY;return}}else{n.currentTranslate=n.startTranslate;return}!o.followFinger||o.cssMode||((o.freeMode&&o.freeMode.enabled&&i.freeMode||o.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),o.freeMode&&o.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function No(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(y=>y.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:r,touches:s,rtlTranslate:d,slidesGrid:u,enabled:c}=e;if(!c||!r.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&r.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}r.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Ee(),f=v-i.touchStartTime;if(e.allowClick){const y=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(y&&y[0]||n.target,y),e.emit("tap click",n),f<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ee(),et(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let m;if(r.followFinger?m=d?e.translate:-e.translate:m=-i.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:m});return}const g=m>=-e.maxTranslate()&&!e.params.loop;let b=0,D=e.slidesSizesGrid[0];for(let y=0;y<u.length;y+=y<r.slidesPerGroupSkip?1:r.slidesPerGroup){const S=y<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;typeof u[y+S]<"u"?(g||m>=u[y]&&m<u[y+S])&&(b=y,D=u[y+S]-u[y]):(g||m>=u[y])&&(b=y,D=u[u.length-1]-u[u.length-2])}let p=null,w=null;r.rewind&&(e.isBeginning?w=r.virtual&&r.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const h=(m-u[b])/D,C=b<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(f>r.longSwipesMs){if(!r.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(h>=r.longSwipesRatio?e.slideTo(r.rewind&&e.isEnd?p:b+C):e.slideTo(b)),e.swipeDirection==="prev"&&(h>1-r.longSwipesRatio?e.slideTo(b+C):w!==null&&h<0&&Math.abs(h)>r.longSwipesRatio?e.slideTo(w):e.slideTo(b))}else{if(!r.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+C):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:b+C),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:b))}}function ki(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,r=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=r&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!r?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Bo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Ro(){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 zo(t){const e=this;yt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Vo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const _i=(t,e)=>{const i=Ae(),{params:n,el:o,wrapperEl:l,device:r}=t,s=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",u=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[d]("touchstart",t.onTouchStart,{passive:!1}),o[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[d]("touchend",t.onTouchEnd,{passive:!0}),i[d]("pointerup",t.onTouchEnd,{passive:!0}),i[d]("pointercancel",t.onTouchEnd,{passive:!0}),i[d]("touchcancel",t.onTouchEnd,{passive:!0}),i[d]("pointerout",t.onTouchEnd,{passive:!0}),i[d]("pointerleave",t.onTouchEnd,{passive:!0}),i[d]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[d]("click",t.onClick,!0),n.cssMode&&l[d]("scroll",t.onScroll),n.updateOnWindowResize?t[u](r.ios||r.android?"resize orientationchange observerUpdate":"resize observerUpdate",ki,!0):t[u]("observerUpdate",ki,!0),o[d]("load",t.onLoad,{capture:!0})};function Fo(){const t=this,{params:e}=t;t.onTouchStart=Lo.bind(t),t.onTouchMove=jo.bind(t),t.onTouchEnd=No.bind(t),t.onDocumentTouchStart=Vo.bind(t),e.cssMode&&(t.onScroll=Ro.bind(t)),t.onClick=Bo.bind(t),t.onLoad=zo.bind(t),_i(t,"on")}function Ho(){_i(this,"off")}var Uo={attachEvents:Fo,detachEvents:Ho};const Ai=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function Go(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const r=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!r||t.currentBreakpoint===r)return;const d=(r in l?l[r]:void 0)||t.originalParams,u=Ai(t,n),c=Ai(t,d),v=n.enabled;u&&!c?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(o.classList.add(`${n.containerModifierClass}grid`),(d.grid.fill&&d.grid.fill==="column"||!d.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof d[p]>"u")return;const w=n[p]&&n[p].enabled,h=d[p]&&d[p].enabled;w&&!h&&t[p].disable(),!w&&h&&t[p].enable()});const f=d.direction&&d.direction!==n.direction,m=n.loop&&(d.slidesPerView!==n.slidesPerView||f),g=n.loop;f&&i&&t.changeDirection(),Se(t.params,d);const b=t.params.enabled,D=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!b?t.disable():!v&&b&&t.enable(),t.currentBreakpoint=r,t.emit("_beforeBreakpoint",d),i&&(m?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!g&&D?(t.loopCreate(e),t.updateSlides()):g&&!D&&t.loopDestroy()),t.emit("breakpoint",d)}function $o(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=be(),l=e==="window"?o.innerHeight:i.clientHeight,r=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const d=parseFloat(s.substr(1));return{value:l*d,point:s}}return{value:s,point:s}});r.sort((s,d)=>parseInt(s.value,10)-parseInt(d.value,10));for(let s=0;s<r.length;s+=1){const{point:d,value:u}=r[s];e==="window"?o.matchMedia(`(min-width: ${u}px)`).matches&&(n=d):u<=i.clientWidth&&(n=d)}return n||"max"}var Wo={setBreakpoint:Go,getBreakpoint:$o};function qo(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 Yo(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,r=qo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...r),o.classList.add(...e),t.emitContainerClasses()}function Xo(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Jo={addClasses:Yo,removeClasses:Xo};function Ko(){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 Qo={checkOverflow:Ko},Ft={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 Zo(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){Se(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)){Se(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Se(e,n)}}const Ht={eventsEmitter:Xn,update:so,translate:vo,transition:go,slide:Co,loop:_o,grabCursor:Mo,events:Uo,breakpoints:Wo,checkOverflow:Qo,classes:Jo},Ut={};let Gt=class Re{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=Se({},i),e&&!i.el&&(i.el=e);const r=Ae();if(i.el&&typeof i.el=="string"&&r.querySelectorAll(i.el).length>1){const c=[];return r.querySelectorAll(i.el).forEach(v=>{const f=Se({},i,{el:v});c.push(new Re(f))}),c}const s=this;s.__swiper__=!0,s.support=Ei(),s.device=Ci({userAgent:i.userAgent}),s.browser=Wn(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const d={};s.modules.forEach(c=>{c({params:i,swiper:s,extendParams:Zo(i,d),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const u=Se({},Ft,d);return s.params=Se({},u,Ut,i),s.originalParams=Se({},s.params),s.passedParams=Se({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(c=>{s.on(c,s.params.on[c])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=Pe(i,`.${n.slideClass}, swiper-slide`),l=ht(o[0]);return ht(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=Pe(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),r=(n.maxTranslate()-o)*e+o;n.translateTo(r,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:r,slidesSizesGrid:s,size:d,activeIndex:u}=n;let c=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let v=l[u]?Math.ceil(l[u].swiperSlideSize):0,f;for(let m=u+1;m<l.length;m+=1)l[m]&&!f&&(v+=Math.ceil(l[m].swiperSlideSize),c+=1,v>d&&(f=!0));for(let m=u-1;m>=0;m-=1)l[m]&&!f&&(v+=l[m].swiperSlideSize,c+=1,v>d&&(f=!0))}else if(e==="current")for(let v=u+1;v<l.length;v+=1)(i?r[v]+s[v]-r[u]<d:r[v]-r[u]<d)&&(c+=1);else for(let v=u-1;v>=0;v-=1)r[u]-r[v]<d&&(c+=1);return c}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(r=>{r.complete&&yt(e,r)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const r=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(r,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const r=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(r.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):Pe(n,o())[0];return!r&&i.params.createElements&&(r=at("div",i.params.wrapperClass),n.append(r),Pe(n,`.${i.params.slideClass}`).forEach(s=>{r.append(s)})),Object.assign(i,{el:n,wrapperEl:r,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:r,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Ue(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Ue(n,"direction")==="rtl"),wrongRTL:Ue(r,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?yt(i,l):l.addEventListener("load",r=>{yt(i,r.target)})}),Vt(i),i.initialized=!0,Vt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:r,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),r.removeAttribute("style"),s&&s.length&&s.forEach(d=>{d.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),d.removeAttribute("style"),d.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(d=>{n.off(d)}),e!==!1&&(n.el.swiper=null,On(n)),n.destroyed=!0),null}static extendDefaults(e){Se(Ut,e)}static get extendedDefaults(){return Ut}static get defaults(){return Ft}static installModule(e){Re.prototype.__modules__||(Re.prototype.__modules__=[]);const i=Re.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Re.installModule(i)),Re):(Re.installModule(e),Re)}};Object.keys(Ht).forEach(t=>{Object.keys(Ht[t]).forEach(e=>{Gt.prototype[e]=Ht[t][e]})}),Gt.use([qn,Yn]);const Pi=["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 Xe(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function it(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]:Xe(e[n])&&Xe(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:it(t[n],e[n]):t[n]=e[n]})}function Mi(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Oi(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Li(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function ji(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function el(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function tl(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:r,scrollbarEl:s,paginationEl:d}=t;const u=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:c,pagination:v,navigation:f,scrollbar:m,virtual:g,thumbs:b}=e;let D,p,w,h,C,y,S,M;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(D=!0),o.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(c.scrollbar||c.scrollbar===!1)&&m&&!m.el&&(h=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||r)&&(n.navigation.nextEl||l)&&(c.navigation||c.navigation===!1)&&f&&!f.prevEl&&!f.nextEl&&(C=!0);const I=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),c[T].prevEl=void 0,c[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),c[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(c.loop&&!n.loop?y=!0:!c.loop&&n.loop?S=!0:M=!0),u.forEach(T=>{if(Xe(c[T])&&Xe(n[T]))Object.assign(c[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&I(T);else{const E=n[T];(E===!0||E===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?E===!1&&I(T):c[T]=n[T]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),o.includes("children")&&i&&g&&c.virtual.enabled?(g.slides=i,g.update(!0)):o.includes("virtual")&&g&&c.virtual.enabled&&(i&&(g.slides=i),g.update(!0)),o.includes("children")&&i&&c.loop&&(M=!0),D&&b.init()&&b.update(!0),p&&(e.controller.control=c.controller.control),w&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-pagination"),d.part.add("pagination"),e.el.appendChild(d)),d&&(c.pagination.el=d),v.init(),v.render(),v.update()),h&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(c.scrollbar.el=s),m.init(),m.updateSize(),m.setTranslate()),C&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-button-prev"),r.innerHTML=e.hostEl.constructor.prevButtonSvg,r.part.add("button-prev"),e.el.appendChild(r))),l&&(c.navigation.nextEl=l),r&&(c.navigation.prevEl=r),f.init(),f.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(y||M)&&e.loopDestroy(),(S||M)&&e.loopCreate(),e.update()}function il(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};it(i,Ft),i._emitClasses=!0,i.init=!1;const l={},r=Pi.map(d=>d.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(d=>{typeof t[d]>"u"||(r.indexOf(d)>=0?Xe(t[d])?(i[d]={},o[d]={},it(i[d],t[d]),it(o[d],t[d])):(i[d]=t[d],o[d]=t[d]):d.search(/on[A-Z]/)===0&&typeof t[d]=="function"?e?n[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:i.on[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:l[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:o,rest:l,events:n}}function nl(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:r,swiper:s}=t;Mi(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),Oi(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),Li(e)&&r&&(s.params.scrollbar.el=r,s.originalParams.scrollbar.el=r),s.init(i)}function ol(t,e,i,n,o){const l=[];if(!e)return l;const r=d=>{l.indexOf(d)<0&&l.push(d)};if(i&&n){const d=n.map(o),u=i.map(o);d.join("")!==u.join("")&&r("children"),n.length!==i.length&&r("children")}return Pi.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(Xe(t[d])&&Xe(e[d])){const u=Object.keys(t[d]),c=Object.keys(e[d]);u.length!==c.length?r(d):(u.forEach(v=>{t[d][v]!==e[d][v]&&r(d)}),c.forEach(v=>{t[d][v]!==e[d][v]&&r(d)}))}else t[d]!==e[d]&&r(d)}),l}const ll=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 wt(){return wt=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},wt.apply(this,arguments)}function Ni(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Bi(t){const e=[];return a.Children.toArray(t).forEach(i=>{Ni(i)?e.push(i):i.props&&i.props.children&&Bi(i.props.children).forEach(n=>e.push(n))}),e}function sl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return a.Children.toArray(t).forEach(n=>{if(Ni(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=Bi(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 al(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:r}=i,s=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,u=[];for(let c=s;c<d;c+=1)c>=l&&c<=r&&u.push(e[n(c)]);return u.map((c,v)=>a.cloneElement(c,{swiper:t,style:o,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function rt(t,e){return typeof window>"u"?a.useEffect(t,e):a.useLayoutEffect(t,e)}const $t=a.createContext(null),Ri=()=>a.useContext($t),rl=a.createContext(null),Je=a.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:r,...s}=t===void 0?{}:t,d=!1;const[u,c]=a.useState("swiper"),[v,f]=a.useState(null),[m,g]=a.useState(!1),b=a.useRef(!1),D=a.useRef(null),p=a.useRef(null),w=a.useRef(null),h=a.useRef(null),C=a.useRef(null),y=a.useRef(null),S=a.useRef(null),M=a.useRef(null),{params:I,passedParams:T,rest:E,events:_}=il(s),{slides:x,slots:k}=sl(l),O=()=>{g(!m)};Object.assign(I.on,{_containerClasses(j,N){c(N)}});const B=()=>{Object.assign(I.on,_),d=!0;const j={...I};if(delete j.wrapperClass,p.current=new Gt(j),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=x;const N={cache:!1,slides:x,renderExternal:f,renderExternalUpdate:!1};it(p.current.params.virtual,N),it(p.current.originalParams.virtual,N)}};D.current||B(),p.current&&p.current.on("_beforeBreakpoint",O);const V=()=>{d||!_||!p.current||Object.keys(_).forEach(j=>{p.current.on(j,_[j])})},G=()=>{!_||!p.current||Object.keys(_).forEach(j=>{p.current.off(j,_[j])})};a.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",O)}),a.useEffect(()=>{!b.current&&p.current&&(p.current.emitSlidesClasses(),b.current=!0)}),rt(()=>{if(e&&(e.current=D.current),!!D.current)return p.current.destroyed&&B(),nl({el:D.current,nextEl:C.current,prevEl:y.current,paginationEl:S.current,scrollbarEl:M.current,swiper:p.current},I),r&&!p.current.destroyed&&r(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),rt(()=>{V();const j=ol(T,w.current,x,h.current,N=>N.key);return w.current=T,h.current=x,j.length&&p.current&&!p.current.destroyed&&tl({swiper:p.current,slides:x,passedParams:T,changedParams:j,nextEl:C.current,prevEl:y.current,scrollbarEl:M.current,paginationEl:S.current}),()=>{G()}}),rt(()=>{ll(p.current)},[v]);function F(){return I.virtual?al(p.current,x,v):x.map((j,N)=>a.cloneElement(j,{swiper:p.current,swiperSlideIndex:N}))}return a.createElement(n,wt({ref:D,className:ji(`${u}${i?` ${i}`:""}`)},E),a.createElement(rl.Provider,{value:p.current},k["container-start"],a.createElement(o,{className:el(I.wrapperClass)},k["wrapper-start"],F(),k["wrapper-end"]),Mi(I)&&a.createElement(a.Fragment,null,a.createElement("div",{ref:y,className:"swiper-button-prev"}),a.createElement("div",{ref:C,className:"swiper-button-next"})),Li(I)&&a.createElement("div",{ref:M,className:"swiper-scrollbar"}),Oi(I)&&a.createElement("div",{ref:S,className:"swiper-pagination"}),k["container-end"]))});Je.displayName="Swiper";const Oe=a.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:r,lazy:s,virtualIndex:d,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=a.useRef(null),[f,m]=a.useState("swiper-slide"),[g,b]=a.useState(!1);function D(C,y,S){y===v.current&&m(S)}rt(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!l)){if(l.destroyed){f!=="swiper-slide"&&m("swiper-slide");return}return l.on("_slideClass",D),()=>{l&&l.off("_slideClass",D)}}}),rt(()=>{l&&v.current&&!l.destroyed&&m(l.getSlideClasses(v.current))},[l]);const p={isActive:f.indexOf("swiper-slide-active")>=0,isVisible:f.indexOf("swiper-slide-visible")>=0,isPrev:f.indexOf("swiper-slide-prev")>=0,isNext:f.indexOf("swiper-slide-next")>=0},w=()=>typeof n=="function"?n(p):n,h=()=>{b(!0)};return a.createElement(i,wt({ref:v,className:ji(`${f}${o?` ${o}`:""}`),"data-swiper-slide-index":d,onLoad:h},c),r&&a.createElement($t.Provider,{value:p},a.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof r=="number"?r:void 0},w(),s&&!g&&a.createElement("div",{className:"swiper-lazy-preloader"}))),!r&&a.createElement($t.Provider,{value:p},w(),s&&!g&&a.createElement("div",{className:"swiper-lazy-preloader"})))});Oe.displayName="SwiperSlide";function Be(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=se(),o=a.useCallback((r,s,d,u)=>{var c,v,f,m,g,b,D,p,w,h,C,y,S,M;let I="";e&&(!((v=(c=r?.video)===null||c===void 0?void 0:c.bindProducts)===null||v===void 0)&&v.length||!((f=r?.video)===null||f===void 0)&&f.bindProduct)?I="pdpPage":n?I="hashTagPage":!((m=r?.video)===null||m===void 0)&&m.url?I="videoPage":!((g=r?.video)===null||g===void 0)&&g.imgUrls&&(!((D=(b=r?.video)===null||b===void 0?void 0:b.imgUrls)===null||D===void 0)&&D.length)?I="imagePage":r?.product&&(I="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=s?.itemId)!==null&&p!==void 0?p:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(h=s?.collection)!==null&&h!==void 0?h:"",fromKName:I,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:u+"",contentId:(y=(C=r?.video)===null||C===void 0?void 0:C.itemId)!==null&&y!==void 0?y:"",ctatId:(S=d?.itemId)!==null&&S!==void 0?S:"",traceInfo:(M=s?.traceInfo)!==null&&M!==void 0?M:""}})},[t,e,n]),l=a.useCallback((r,s,d,u,c)=>{var v,f,m,g;let b="";e&&(!((f=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||f===void 0)&&f.length||!((m=r?.video)===null||m===void 0)&&m.bindProduct)?b="pdpPage":r?.product&&(b="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:c+"",contentId:(g=r?.video)===null||g===void 0?void 0:g.itemId,ctatId:d?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const dl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",cl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var r;const[s,d]=a.useState(!1),u=a.useRef(null);a.useEffect(()=>{const f=document.getElementById("sxp-render"),m=document.getElementById("pb-modal");m?u.current=m:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),f?.appendChild(u.current))},[]);const c=a.useMemo(()=>l?.id&&l?.id!==""||t,[t,l]);if(a.useEffect(()=>{c?d(!0):setTimeout(()=>{d(!1)},l?.duration)},[c,l]),!u.current)return null;const v=ve.debounce(()=>{e?.()},300);return si.createPortal(a.createElement(a.Fragment,null,s&&a.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},a.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((r=l?.duration)!==null&&r!==void 0?r:0)/1e3+"s"},onClick:f=>{f.stopPropagation(),f.preventDefault()}},a.createElement("div",{onClick:e,className:"modal-icon-wrapper"},a.createElement("img",{src:dl,alt:"close",className:"modal-icon"})),i))),u.current)};var St=a.memo(cl);const ul=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let r=0;r<n.length&&(o.push(n[r]),!(o.join(" ").length>=e));r++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},pl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:r,isPost:s,onChange:d})=>{const[u,c]=a.useState(!1),[v,f]=a.useState(!1),m=Number(i?.lineClamp||2),g=a.useRef(null),b=a.useRef(null),D=a.useCallback(()=>{c(!u)},[u,d]);return a.useMemo(()=>!u&&t.length>e?ul(t,e)+"...":t,[t,e,u]),a.useEffect(()=>{var p,w;((p=b?.current)===null||p===void 0?void 0:p.offsetHeight)>((w=g?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?f(!0):f(!1),b.current.style.display="none"},[s]),a.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},a.createElement("div",{ref:g,style:{overflow:"hidden",WebkitLineClamp:!s||u?"":m,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),a.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&v&&a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??D},u?r||"show less":l||"show more"))};var Tt=a.memo(pl);const vl=a.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:r}=t,[s,d]=a.useState();return a.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),a.useEffect(()=>{d(i)},[i]),a.createElement(a.Fragment,null,s?.includes(".avif")?a.createElement("picture",null,a.createElement("source",{type:"image/avif",srcSet:s}),a.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),a.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}})):a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}}))});var Ce=a.memo(vl);const fl=t=>{var e,i,n,o,l,r,s,d,u,{content:c,style:v,bgImg:f,onClick:m,schema:g,isDefault:b,bottom_image:D,tipText:p,isPost:w,viewTime:h,rec:C,swiper:y,commodityStyles:S,buttonStyle:M,index:I}=t,T=me(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=se(),{popupDetailData:_,bffEventReport:x,isPreview:k,waterFallData:O}=se(),{jumpToWeb:B,productView:V}=Be(),G=a.useRef(null),[F,j]=a.useState(!1),N=w?C:_,P=w?N?.product:(e=N?.video)===null||e===void 0?void 0:e.bindProduct,A=w?(i=N?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=N?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,U=w?I:_?.index,H=()=>{P?.link&&(B(_,P,A,U),w||V(N,P,A,h||G.current,U),window.location.href=window.getJointUtmLink(P.link))};a.useEffect(()=>{const Y=()=>{G.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const W=a.useMemo(()=>{var Y,ie,z,R,q;return P?.currency&&P?.price?`${(z=(ie=(Y=P?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||ie===void 0?void 0:ie.toUpperCase())!==null&&z!==void 0?z:""}${(q=(R=P?.price)===null||R===void 0?void 0:R.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&q!==void 0?q:""}`:"$7,000"},[P?.price,P?.currency]),K=k?375:(l=v?.width)!==null&&l!==void 0?l:window.innerWidth,ne=({isPost:Y})=>{var ie,z,R;return a.createElement("div",null,a.createElement("div",{className:"pb-commondity-content-collection",style:S?.collection,hidden:!!P&&(!P?.collection||P?.collection==="")},(ie=P?.collection)!==null&&ie!==void 0?ie:"Tiffany Lock"),a.createElement("div",{className:"pb-commondity-content-title",style:S?.title,hidden:!!P&&!P?.title},(z=P?.title)!==null&&z!==void 0?z:"Pendant in Yellow Gold with Diamonds, Medium"),a.createElement("div",{className:"pb-commondity-content-price",style:S?.price,hidden:!!P&&!P?.price},W),a.createElement("div",{hidden:!!P&&(!P?.info||P?.info==="")},a.createElement(Tt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>j(!0),isPost:Y,text:(R=P?.info)!==null&&R!==void 0?R:`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 pe=require("lodash"),tn=require("uuid"),nn=require("pako"),a=require("react"),li=require("qs"),X=require("@emotion/css"),on=require("@ant-design/pro-components"),ln=require("react-dom"),sn=require("eventemitter3"),si=require("hls.js");function an(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 ai=an(ln);function ge(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 ye(t,e,i,n){function o(l){return l instanceof i?l:new i(function(r){r(l)})}return new(i||(i=Promise))(function(l,r){function s(c){try{u(n.next(c))}catch(v){r(v)}}function d(c){try{u(n.throw(c))}catch(v){r(v)}}function u(c){c.done?l(c.value):o(c.value).then(s,d)}u((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const rn=/:\w+/g;var ri=(t,e)=>ye(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:l,method:r,url:s,urlParams:d,name:u,queryString:c,headers:v,body:m}=e[o];let f=s;d&&Object.entries(d).forEach(([h,g])=>{f=f.replace(rn,I=>I===h?g:I)}),c&&(f+=c),n[l]=u;try{const h=yield fetch(f,{method:r,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(g=>g.json());i[l]=h}catch(h){console.error("DataSource request error: ",h),i[l]={}}}return{$store:i,idMapName:n}});const di="SXP_TOKEN_INFO",dn=(t,e)=>ye(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),l=t.getApiUrl(),r=window.localStorage.getItem(di);let s=JSON.parse(r||"{}");if(Date.now()>((i=s?.expireTime)!==null&&i!==void 0?i:0)){const u=yield fetch(`${l}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(c=>c.json());if(u.success){const c=u.data;s=Object.assign(Object.assign({},c),{expireTime:Date.now()+c.expire*1e3}),window.localStorage.setItem(di,JSON.stringify(s))}}return s});function ft(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 cn=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},un=()=>{const t=tn.v4();return t?.replaceAll?t.replaceAll("-",""):cn(32)};function ci(t){const i=atob(t).split("").map(function(l){return l.charCodeAt(0)}),n=new Uint8Array(i),o=nn.inflate(n,{to:"string"});return JSON.parse(o)}let Dt=null;const pn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class vn{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Dt)return Dt;Dt=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?pn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let be=null;const fn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{be||(be=new vn),n&&be.setApiUrl(n),be.setAppId(t),be.setTenantId(e),be.setEnv(i)},getDetail:t=>{if(!be)return;const e=be.getTenantId(),i=be.getAppId(),n=be.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ye(void 0,void 0,void 0,function*(){var l,r;const s=yield o.json(),d=ci((l=s?.data)===null||l===void 0?void 0:l.data);if(d){const{$store:u}=yield ri(n,(r=d?.dataSource)!==null&&r!==void 0?r:[]);s.data.data=d,Object.assign(s.data.data,{__STORE__:u})}return s}))},getSxpDetailByPageId:t=>ye(void 0,void 0,void 0,function*(){if(!be)return;const e=be.getTenantId(),i=be.getAppId(),n=be.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>ye(void 0,void 0,void 0,function*(){var l;const r=yield o.json();if(!r.success)return;const s=ci((l=r?.data)===null||l===void 0?void 0:l.data);return r.data.data=s,r.data}))}),getSxpRecommendVideoData:t=>ye(void 0,void 0,void 0,function*(){if(!be)return;const e=yield dn(be,t),i=ft(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");pe.isEmpty(n)&&(n=ft(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 Re(){return a.useContext(bi)}function mn(){return a.useContext(gi)}const _t="feRealSessionIdKey",ui=()=>{const t=un();return`${Date.now()}${t}`},hn=()=>{let t=bn();return t||(t=ui(),window.sessionStorage.setItem(_t,t)),t},gn=()=>{const t=ui();window.sessionStorage.setItem(_t,t)},bn=()=>window.sessionStorage.getItem(_t),pi="SXP_FAKE_USER_ID",vi="FAKE_USER_STATE",yn=()=>{let t=window.localStorage.getItem(pi);return pe.isEmpty(t)&&(t=ft(36,62),window.localStorage.setItem(pi,t)),t},wn=()=>{const t=window.localStorage.getItem(vi);return pe.isEmpty(t)&&window.localStorage.setItem(vi,"true"),pe.isEmpty(t)};function Ie(t,e){const{appDomain:i}=re();return a.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const fi=a.createContext({rtcList:[],tagList:[]});var At;(function(t){t[t.BFF=5]="BFF"})(At||(At={}));const Sn=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Tn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:l,isPreview:r=!1,sxpParameter:s,appDomain:d,hashTagSize:u,loadingImage:c,isOpenHashTag:v=!1,enabledMetaConversionApi:m=!1})=>{const[f,h]=a.useState([]),[g,I]=a.useState([]),[p,w]=a.useState(!1),[b,E]=a.useState({rtc:"",requestId:""}),y=a.useRef(null),S=a.useRef(!1),[M,D]=a.useState(),[T,x]=a.useState(),[A,C]=a.useState(v),[_,P]=a.useState([]),[N,z]=a.useState(0),[G,V]=a.useState(!1),[j,B]=a.useState(null);a.useEffect(()=>{C(v)},[v]);const O=a.useMemo(()=>e?.find(R=>R.type===At.BFF),[e]),k=a.useCallback((R,H)=>{if(!O)return;const Y=O.url,ve=yn();if(H?.query){const fe=li.stringify(H.query);R=`${R}?${fe}`}return H.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${Y}/api/v1${R}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},O.headers),{"x-user-id":ve}),H.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${Y}/api/v1${R}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":ve},O.headers),method:H.method,body:JSON.stringify(H.body)}).then(fe=>fe.json()).catch(fe=>Promise.reject(fe))},[O]),q=a.useCallback(R=>ye(void 0,void 0,void 0,function*(){var H,Y,ve,fe,he;if(R={maxSize:(H=R?.maxSize)!==null&&H!==void 0?H:o,defaultSize:(Y=R?.defaultSize)!==null&&Y!==void 0?Y:l,"itemFilter.itemId":R?.["itemFilter.itemId"],"itemFilter.itemType":R?.["itemFilter.itemType"],hashTag:R?.hashTag,traceInfo:R?.traceInfo},i){const Te=(he=(fe=(ve=i?.split("&"))===null||ve===void 0?void 0:ve.filter(xe=>{const We=xe.split("=")[0];return Sn.includes(We)}))===null||fe===void 0?void 0:fe.join("&"))!==null&&he!==void 0?he:"";R=Object.assign(Object.assign({},R),{channel:decodeURIComponent(Te)})}const me=yield k?.("/recommend/list",{method:"GET",query:R});if(me?.success)return R?.hashTag||E({rtc:me.data.rtc,requestId:me.data.requestId}),me?.data}),[k,i,o,l]),F=a.useCallback(()=>ye(void 0,void 0,void 0,function*(){var R,H;if(f.length<=0)return;const Y=yield q({hashTag:T?.hashTag,"itemFilter.itemId":T?.itemId,"itemFilter.itemType":T?.itemType});h(f.concat((R=Y?.recList)!==null&&R!==void 0?R:[])),P(_.concat((H=Y?.recList)!==null&&H!==void 0?H:[]))}),[q,f,T,_]),U=a.useCallback(({userInfo:R,eventInfo:H})=>{if(!n)return;R||(R={});const Y=hn(),ve=Object.assign({sessionID:Y,rtc:b.rtc,requestId:b.requestId},H),fe=Object.entries(R).map(([me,Te])=>({name:me,value:Te})),he=Object.entries(ve).map(([me,Te])=>Te&&{name:me,value:Te}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",R),console.log("eventInfo:",ve),console.log("========= \u7ED3\u675F ========="),k?.("/event/report",{method:"POST",body:{userInfo:fe,eventInfo:he},type:"beacon"})},[k,b,n]),Z=a.useCallback(R=>{var H,{eventName:Y,actionSource:ve="website",eventSourceUrl:fe=(H=window?.location)===null||H===void 0?void 0:H.href,externalId:he}=R;if(!(!n||!m))return k?.("/fb/events",{method:"POST",body:{eventName:Y,actionSource:ve,eventSourceUrl:fe,"userData.externalId":he},type:"beacon"})},[k,n,m]),se=a.useCallback(R=>ye(void 0,void 0,void 0,function*(){const H=yield k?.("/recommend/like",{method:"POST",body:R});return H?.success}),[k]),ne=a.useCallback(R=>ye(void 0,void 0,void 0,function*(){const H=yield k?.("/recommend/unlike",{method:"POST",body:R});return H?.success}),[k]),W=a.useCallback(R=>ye(void 0,void 0,void 0,function*(){const H=yield k?.("/customform",{method:"POST",body:R});return H?.success}),[k]),ie=a.useCallback(()=>ye(void 0,void 0,void 0,function*(){var R,H;if(i)try{const Y=yield k?.("/tag/list",{method:"GET",query:{channel:i}});I((H=(R=Y?.data)===null||R===void 0?void 0:R.tags)!==null&&H!==void 0?H:[])}catch(Y){console.log("e",Y)}}),[k,i]),oe=a.useCallback((R,H,Y,ve)=>{var fe,he,me,Te,xe,We,et,tt,at,it,rt,Fe;const Se=Y?.bindCta,dt=((fe=H?.video)===null||fe===void 0?void 0:fe.bindProduct)||((he=H?.video)===null||he===void 0?void 0:he.bindProducts)&&((Te=(me=H?.video)===null||me===void 0?void 0:me.bindProducts)===null||Te===void 0?void 0:Te.length)>0;let qe="";G?qe="hashTagPage":!((xe=H?.video)===null||xe===void 0)&&xe.url?qe="videoPage":!((et=(We=H?.video)===null||We===void 0?void 0:We.imgUrls)===null||et===void 0)&&et.length&&(qe="imagePage"),U?.({eventInfo:Object.assign(Object.assign({},R),{ctaId:(tt=Se?.itemId)!==null&&tt!==void 0?tt:"",ctaName:(at=Se?.title)!==null&&at!==void 0?at:"",contentTags:JSON.stringify(Se?.tags),position:ve+"",contentId:(rt=(it=H?.video)===null||it===void 0?void 0:it.itemId)!==null&&rt!==void 0?rt:"",productId:dt?Y?.itemId:"",traceInfo:(Fe=Se?.traceInfo)!==null&&Fe!==void 0?Fe:"",fromKName:qe})})},[U,G]);a.useEffect(()=>{w(!0),ie(),q().then(R=>{var H,Y;h((H=R?.recList)!==null&&H!==void 0?H:[]),P((Y=R?.recList)!==null&&Y!==void 0?Y:[])}).finally(()=>{w(!1),S.current=!0})},[]),a.useEffect(()=>{S.current&&(w(!0),ie(),q().then(R=>{var H,Y;h((H=R?.recList)!==null&&H!==void 0?H:[]),P((Y=R?.recList)!==null&&Y!==void 0?Y:[])}).finally(()=>{w(!1)}))},[q,ie]);const K=Ie("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return a.createElement(fi.Provider,{value:{rtcList:f,setRtcList:h,mutateLike:se,mutateUnlike:ne,submitForm:W,popupDetailData:M,loadVideos:F,setPopupDetailData:D,getRecommendVideos:q,bffEventReport:U,utmVal:i,isPreview:r,loading:p,sxpParameter:s,waterFallData:T,setWaterFallData:x,ctaEvent:oe,swiperRef:y,openHashtag:A,setOpenHashtag:C,cacheRtcList:_,setCacheRtcList:P,cacheActiveIndex:N,setCacheActiveIndex:z,isFromHashtag:G,setIsFromHashtag:V,appDomain:d,hashTagSize:u,loadingImage:c??K,isOpenHashTag:v,tagList:g,setLoading:w,videoRef:j,setVideoRef:B,bffFbReport:Z}},t({rtcList:f,mutateLike:se,mutateUnlike:ne,submitForm:W,tagList:g}))};var mi=a.memo(Tn);function re(){return a.useContext(fi)}var hi;(function(t){t.STRING="string",t.NUMBER="number",t.ARRAY="array",t.OBJECT="object",t.BOOLEAN="boolean",t.ARRAY_OBJECT="array-object",t.ARRAY_STRING="array-string",t.ARRAY_NUMBER="array-number"})(hi||(hi={}));const gi=a.createContext({$store:{},options:[],configs:[]}),xn=({children:t,isSsr:e,enable:i})=>{const[n,o]=a.useState([]),{schema:l}=Re(),[r,s]=a.useState(l.__STORE__||{}),[d,u]=a.useState([]);a.useEffect(()=>{var m;e||pe.isEqual(d,l?.dataSource)||u((m=l?.dataSource)!==null&&m!==void 0?m:[])},[l?.dataSource,e]);const c=a.useCallback(()=>ye(void 0,void 0,void 0,function*(){const{$store:m,idMapName:f}=yield ri("",d);s(m),v(m,f)}),[d]),v=(m,f)=>{const h=[];Object.entries(m).forEach(([g,I])=>{Object.keys(I).forEach(p=>{const w={label:`${f[g]} - ${p}`,value:`{{ ${g}.${p} }}`};h.push(w)})}),o(h)};return a.useEffect(()=>{e||c()},[c,e,l]),i?a.createElement(gi.Provider,{value:{$store:l.__STORE__||r,options:n,configs:d}},t):t};var En=a.memo(xn);const mt={id:ft(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},Pt={id:"",duration:0,name:"none"},bi=a.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[mt],redoStack:[],popup:Pt,setPopup:()=>{}}),yi=a.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:l},r)=>{const[s,d]=a.useState(null),[u,c]=a.useState(n||{pointData:[mt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=a.useState([mt]),[f,h]=a.useState([[mt]]),[g,I]=a.useState([]),[p,w]=a.useState(Pt);typeof window<"u"&&(window.sxpPopup=(M,D)=>{w(Object.assign(Object.assign(Object.assign({},Pt),{id:M}),D))}),typeof window<"u"&&(window.getJointUtmLink=M=>M?.indexOf("?")!==-1?M+(l?"&"+l:""):M+(l?"?"+l:"")),a.useEffect(()=>{h([u.pointData]),I([])},[u.type]);const b=a.useCallback(M=>{const D=pe.cloneDeep(u);D&&(D.dataSource=M,c?.(D))},[u]),[E,y]=a.useState();a.useImperativeHandle(r,()=>({loadSchema(M){M&&(h([M.pointData]),c(M))},exportSchema(){return pe.cloneDeep(u)},getPageInfoData(){return E},initPageInfoData(M){M&&y(M)}}));const S=a.useMemo(()=>{if(u)return u.type==="PC"?u.pcPageConf:u.mobilePageConf},[u]);return a.createElement(bi.Provider,{value:{resolver:e,currentNode:s,schema:u,setCurrentNode:d,setSchema:c,saveDataSource:b,prePiontData:v,setPrePiontData:m,pageInfoData:E,setPageInfoData:M=>y(Object.assign(Object.assign({},E),M)),undoStack:f,redoStack:g,setRedoStack:I,setUndoStack:h,getCurPageConf:S,popup:p,setPopup:w}},a.createElement(En,{isSsr:i,enable:o},t))});var Cn=Object.freeze({__proto__:null,EditorCore:yi}),In=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const te=[{label:"\u5E94\u7528\u5B57\u4F53",value:"appFont"},{label:"\u9ED1\u4F53",value:"\u9ED1\u4F53"}];var kn={fontOptions:te},Mt,Dn=[{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:te,initialValue:(Mt=te?.[0])===null||Mt===void 0?void 0:Mt.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 _n=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:l,submitColor:r,submitText:s,layoutType:d,onClick:u,onClose:c}=t,v=ge(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","onClick","onClose"]);const{submitForm:m}=re(),f=a.useRef(),[h,g]=a.useState(!1),I=a.useMemo(()=>[{title:"",dataIndex:"field",valueType:"text",key:"1"},{title:"",dataIndex:"field",valueType:"text",key:"2"},{title:"",dataIndex:"field",valueType:"text",key:"3"},{title:"",dataIndex:"field",valueType:"text",key:"4"}],[]),p=a.useMemo(()=>{if(d===void 0){const b=pe.cloneDeep(e)||I;return b?.map(E=>Object.assign(Object.assign({},E),{title:void 0,fieldProps:{placeholder:E?.title}}))}else return pe.cloneDeep(e)||I},[d,e,I]),w=pe.debounce(()=>ye(void 0,void 0,void 0,function*(){var b,E,y;const S=yield(b=f?.current)===null||b===void 0?void 0:b.getFieldsValue();if(!S)return;const M=(y=(E=Object.keys(S))===null||E===void 0?void 0:E.map(T=>{var x;return{name:T,value:(x=S[T])!==null&&x!==void 0?x:""}}))===null||y===void 0?void 0:y.filter(T=>T?.value);if(!M||!M?.length)return;g(!0);const D=yield m?.({attributes:M});g(!1),D&&(c?.(),u?.())}),1e3);return a.createElement("div",{className:"pb-appoint-form"},a.createElement("div",{className:`pb-appoint-form-title ${X.css(Object.assign({},o))}`},n),a.createElement("div",Object.assign({className:X.css(Object.assign({},i))},v),a.createElement("div",{className:"pb-appoint-form-container"},a.createElement(on.BetaSchemaForm,{columns:p,submitter:!1,layout:d,autoFocusFirstInput:!1,size:"large",formRef:f,className:"panel-reset"}))),a.createElement("div",{className:"pb-appoint-form-btn-wrapper"},a.createElement("button",{onClick:w,className:"pb-appoint-form-btn",style:{color:r,background:l}},h?a.createElement(a.Fragment,null,"loading..."):s)))};var An=a.memo(_n);function Ee(t,e){return t.extend=e,t}const Pn=Ee(An,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Dn,bindableProps:[],interactionRender:In},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 Ot,Lt,Mn=[{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:te,name:["fontFamily"],initialValue:(Ot=te?.[0])===null||Ot===void 0?void 0:Ot.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:te,initialValue:(Lt=te?.[0])===null||Lt===void 0?void 0:Lt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function wi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function jt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:wi(e[i])&&wi(t[i])&&Object.keys(e[i]).length>0&&jt(t[i],e[i])})}const Si={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 Me(){const t=typeof document<"u"?document:{};return jt(t,Si),t}const On={document:Si,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 we(){const t=typeof window<"u"?window:{};return jt(t,On),t}function Ue(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Ln(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function nt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function ke(){return Date.now()}function jn(t){const e=we();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Nn(t,e){e===void 0&&(e="x");const i=we();let n,o,l;const r=jn(t);return i.WebKitCSSMatrix?(o=r.transform||r.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(s=>s.replace(",",".")).join(", ")),l=new i.WebKitCSSMatrix(o==="none"?"":o)):(l=r.MozTransform||r.OTransform||r.MsTransform||r.msTransform||r.transform||r.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=l.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=l.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function ht(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Bn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Ce(){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&&!Bn(n)){const o=Object.keys(Object(n)).filter(l=>e.indexOf(l)<0);for(let l=0,r=o.length;l<r;l+=1){const s=o[l],d=Object.getOwnPropertyDescriptor(n,s);d!==void 0&&d.enumerable&&(ht(t[s])&&ht(n[s])?n[s].__swiper__?t[s]=n[s]:Ce(t[s],n[s]):!ht(t[s])&&ht(n[s])?(t[s]={},n[s].__swiper__?t[s]=n[s]:Ce(t[s],n[s])):t[s]=n[s])}}}return t}function gt(t,e,i){t.style.setProperty(e,i)}function Ti(t){let{swiper:e,targetPosition:i,side:n}=t;const o=we(),l=-e.translate;let r=null,s;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const u=i>l?"next":"prev",c=(m,f)=>u==="next"&&m>=f||u==="prev"&&m<=f,v=()=>{s=new Date().getTime(),r===null&&(r=s);const m=Math.max(Math.min((s-r)/d,1),0),f=.5-Math.cos(m*Math.PI)/2;let h=l+f*(i-l);if(c(h,i)&&(h=i),e.wrapperEl.scrollTo({[n]:h}),c(h,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:h})}),o.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=o.requestAnimationFrame(v)};v()}function Oe(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function bt(t){try{console.warn(t);return}catch{}}function ct(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:Ue(e)),i}function Rn(t){const e=we(),i=Me(),n=t.getBoundingClientRect(),o=i.body,l=t.clientTop||o.clientTop||0,r=t.clientLeft||o.clientLeft||0,s=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+s-l,left:n.left+d-r}}function zn(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 Vn(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 Ge(t,e){return we().getComputedStyle(t,null).getPropertyValue(e)}function yt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function xi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function Nt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Bt(t,e,i){const n=we();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 Le(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Fn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=we();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let r,s=ke(),d;const u=[];function c(b){let M=0,D=0,T=0,x=0;return"detail"in b&&(D=b.detail),"wheelDelta"in b&&(D=-b.wheelDelta/120),"wheelDeltaY"in b&&(D=-b.wheelDeltaY/120),"wheelDeltaX"in b&&(M=-b.wheelDeltaX/120),"axis"in b&&b.axis===b.HORIZONTAL_AXIS&&(M=D,D=0),T=M*10,x=D*10,"deltaY"in b&&(x=b.deltaY),"deltaX"in b&&(T=b.deltaX),b.shiftKey&&!T&&(T=x,x=0),(T||x)&&b.deltaMode&&(b.deltaMode===1?(T*=40,x*=40):(T*=800,x*=800)),T&&!M&&(M=T<1?-1:1),x&&!D&&(D=x<1?-1:1),{spinX:M,spinY:D,pixelX:T,pixelY:x}}function v(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function f(b){return e.params.mousewheel.thresholdDelta&&b.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&ke()-s<e.params.mousewheel.thresholdTime?!1:b.delta>=6&&ke()-s<60?!0:(b.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",b.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",b.raw)),s=new l.Date().getTime(),!1)}function h(b){const E=e.params.mousewheel;if(b.direction<0){if(e.isEnd&&!e.params.loop&&E.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&E.releaseOnEdges)return!0;return!1}function g(b){let E=b,y=!0;if(!e.enabled||b.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const S=e.params.mousewheel;e.params.cssMode&&E.preventDefault();let M=e.el;e.params.mousewheel.eventsTarget!=="container"&&(M=document.querySelector(e.params.mousewheel.eventsTarget));const D=M&&M.contains(E.target);if(!e.mouseEntered&&!D&&!S.releaseOnEdges)return!0;E.originalEvent&&(E=E.originalEvent);let T=0;const x=e.rtlTranslate?-1:1,A=c(E);if(S.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))T=-A.pixelX*x;else return!0;else if(Math.abs(A.pixelY)>Math.abs(A.pixelX))T=-A.pixelY;else return!0;else T=Math.abs(A.pixelX)>Math.abs(A.pixelY)?-A.pixelX*x:-A.pixelY;if(T===0)return!0;S.invert&&(T=-T);let C=e.getTranslate()+T*S.sensitivity;if(C>=e.minTranslate()&&(C=e.minTranslate()),C<=e.maxTranslate()&&(C=e.maxTranslate()),y=e.params.loop?!0:!(C===e.minTranslate()||C===e.maxTranslate()),y&&e.params.nested&&E.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const _={time:ke(),delta:Math.abs(T),direction:Math.sign(T),raw:b};u.length>=2&&u.shift();const P=u.length?u[u.length-1]:void 0;if(u.push(_),P?(_.direction!==P.direction||_.delta>P.delta||_.time>P.time+150)&&f(_):f(_),h(_))return!0}else{const _={time:ke(),delta:Math.abs(T),direction:Math.sign(T)},P=d&&_.time<d.time+500&&_.delta<=d.delta&&_.direction===d.direction;if(!P){d=void 0;let N=e.getTranslate()+T*S.sensitivity;const z=e.isBeginning,G=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(),(!z&&e.isBeginning||!G&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:_.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(r),r=void 0,u.length>=15&&u.shift();const V=u.length?u[u.length-1]:void 0,j=u[0];if(u.push(_),V&&(_.delta>V.delta||_.direction!==V.direction))u.splice(0);else if(u.length>=15&&_.time-j.time<500&&j.delta-_.delta>=1&&_.delta<=6){const B=T>0?.8:.2;d=_,u.splice(0),r=nt(()=>{e.slideToClosest(e.params.speed,!0,void 0,B)},0)}r||(r=nt(()=>{d=_,u.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||o("scroll",E),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),S.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return E.preventDefault?E.preventDefault():E.returnValue=!1,!1}function I(b){let E=e.el;e.params.mousewheel.eventsTarget!=="container"&&(E=document.querySelector(e.params.mousewheel.eventsTarget)),E[b]("mouseenter",v),E[b]("mouseleave",m),E[b]("wheel",g)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",g),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,g),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:p,disable:w})}function Ei(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let l=Oe(t.el,`.${n[o]}`)[0];l||(l=ct("div",n[o]),l.className=n[o],t.el.append(l)),i[o]=l,e[o]=l}}),i}function ot(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function wt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l="swiper-pagination";i({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:p=>p,formatFractionTotal:p=>p,bulletClass:`${l}-bullet`,bulletActiveClass:`${l}-bullet-active`,modifierClass:`${l}-`,currentClass:`${l}-current`,totalClass:`${l}-total`,hiddenClass:`${l}-hidden`,progressbarFillClass:`${l}-progressbar-fill`,progressbarOppositeClass:`${l}-progressbar-opposite`,clickableClass:`${l}-clickable`,lockClass:`${l}-lock`,horizontalClass:`${l}-horizontal`,verticalClass:`${l}-vertical`,paginationDisabledClass:`${l}-disabled`}}),e.pagination={el:null,bullets:[]};let r,s=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function u(p,w){const{bulletActiveClass:b}=e.params.pagination;p&&(p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${b}-${w}`),p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${b}-${w}-${w}`)))}function c(p){const w=p.target.closest(ot(e.params.pagination.bulletClass));if(!w)return;p.preventDefault();const b=yt(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===b)return;e.slideToLoop(b)}else e.slideTo(b)}function v(){const p=e.rtl,w=e.params.pagination;if(d())return;let b=e.pagination.el;b=Le(b);let E,y;const S=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,M=e.params.loop?Math.ceil(S/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(y=e.previousRealIndex||0,E=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(E=e.snapIndex,y=e.previousSnapIndex):(y=e.previousIndex||0,E=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const D=e.pagination.bullets;let T,x,A;if(w.dynamicBullets&&(r=Bt(D[0],e.isHorizontal()?"width":"height",!0),b.forEach(C=>{C.style[e.isHorizontal()?"width":"height"]=`${r*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&y!==void 0&&(s+=E-(y||0),s>w.dynamicMainBullets-1?s=w.dynamicMainBullets-1:s<0&&(s=0)),T=Math.max(E-s,0),x=T+(Math.min(D.length,w.dynamicMainBullets)-1),A=(x+T)/2),D.forEach(C=>{const _=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${w.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();C.classList.remove(..._)}),b.length>1)D.forEach(C=>{const _=yt(C);_===E?C.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&C.setAttribute("part","bullet"),w.dynamicBullets&&(_>=T&&_<=x&&C.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),_===T&&u(C,"prev"),_===x&&u(C,"next"))});else{const C=D[E];if(C&&C.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&D.forEach((_,P)=>{_.setAttribute("part",P===E?"bullet-active":"bullet")}),w.dynamicBullets){const _=D[T],P=D[x];for(let N=T;N<=x;N+=1)D[N]&&D[N].classList.add(...`${w.bulletActiveClass}-main`.split(" "));u(_,"prev"),u(P,"next")}}if(w.dynamicBullets){const C=Math.min(D.length,w.dynamicMainBullets+4),_=(r*C-r)/2-A*r,P=p?"right":"left";D.forEach(N=>{N.style[e.isHorizontal()?P:"top"]=`${_}px`})}}b.forEach((D,T)=>{if(w.type==="fraction"&&(D.querySelectorAll(ot(w.currentClass)).forEach(x=>{x.textContent=w.formatFractionCurrent(E+1)}),D.querySelectorAll(ot(w.totalClass)).forEach(x=>{x.textContent=w.formatFractionTotal(M)})),w.type==="progressbar"){let x;w.progressbarOpposite?x=e.isHorizontal()?"vertical":"horizontal":x=e.isHorizontal()?"horizontal":"vertical";const A=(E+1)/M;let C=1,_=1;x==="horizontal"?C=A:_=A,D.querySelectorAll(ot(w.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${C}) scaleY(${_})`,P.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(D.innerHTML=w.renderCustom(e,E+1,M),T===0&&o("paginationRender",D)):(T===0&&o("paginationRender",D),o("paginationUpdate",D)),e.params.watchOverflow&&e.enabled&&D.classList[e.isLocked?"add":"remove"](w.lockClass)})}function m(){const p=e.params.pagination;if(d())return;const w=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let b=e.pagination.el;b=Le(b);let E="";if(p.type==="bullets"){let y=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&y>w&&(y=w);for(let S=0;S<y;S+=1)p.renderBullet?E+=p.renderBullet.call(e,S,p.bulletClass):E+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?E=p.renderFraction.call(e,p.currentClass,p.totalClass):E=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?E=p.renderProgressbar.call(e,p.progressbarFillClass):E=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],b.forEach(y=>{p.type!=="custom"&&(y.innerHTML=E||""),p.type==="bullets"&&e.pagination.bullets.push(...y.querySelectorAll(ot(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",b[0])}function f(){e.params.pagination=Ei(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(b=>xi(b,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Le(w),w.forEach(b=>{p.type==="bullets"&&p.clickable&&b.classList.add(...(p.clickableClass||"").split(" ")),b.classList.add(p.modifierClass+p.type),b.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(b.classList.add(`${p.modifierClass}${p.type}-dynamic`),s=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&b.classList.add(p.progressbarOppositeClass),p.clickable&&b.addEventListener("click",c),e.enabled||b.classList.add(p.lockClass)}))}function h(){const p=e.params.pagination;if(d())return;let w=e.pagination.el;w&&(w=Le(w),w.forEach(b=>{b.classList.remove(p.hiddenClass),b.classList.remove(p.modifierClass+p.type),b.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(b.classList.remove(...(p.clickableClass||"").split(" ")),b.removeEventListener("click",c))})),e.pagination.bullets&&e.pagination.bullets.forEach(b=>b.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=Le(w),w.forEach(b=>{b.classList.remove(p.horizontalClass,p.verticalClass),b.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(f(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{h()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Le(p),p.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,w)=>{const b=w.target,E=Le(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&E&&E.length>0&&!b.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&b===e.navigation.nextEl||e.navigation.prevEl&&b===e.navigation.prevEl))return;const y=E[0].classList.contains(e.params.pagination.hiddenClass);o(y===!0?"paginationShow":"paginationHide"),E.forEach(S=>S.classList.toggle(e.params.pagination.hiddenClass))}});const g=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Le(p),p.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),f(),m(),v()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Le(p),p.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),h()};Object.assign(e.pagination,{enable:g,disable:I,render:m,update:v,init:f,destroy:h})}function Hn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=Me();let r=!1,s=null,d=null,u,c,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:C,rtlTranslate:_}=e,{dragEl:P,el:N}=C,z=e.params.scrollbar,G=e.params.loop?e.progressLoop:e.progress;let V=c,j=(v-c)*G;_?(j=-j,j>0?(V=c-j,j=0):-j+c>v&&(V=v+j)):j<0?(V=c+j,j=0):j+c>v&&(V=v-j),e.isHorizontal()?(P.style.transform=`translate3d(${j}px, 0, 0)`,P.style.width=`${V}px`):(P.style.transform=`translate3d(0px, ${j}px, 0)`,P.style.height=`${V}px`),z.hide&&(clearTimeout(s),N.style.opacity=1,s=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function h(C){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${C}ms`)}function g(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:C}=e,{dragEl:_,el:P}=C;_.style.width="",_.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?c=v*m:c=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?_.style.width=`${c}px`:_.style.height=`${c}px`,m>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&C.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function I(C){return e.isHorizontal()?C.clientX:C.clientY}function p(C){const{scrollbar:_,rtlTranslate:P}=e,{el:N}=_;let z;z=(I(C)-Rn(N)[e.isHorizontal()?"left":"top"]-(u!==null?u:c/2))/(v-c),z=Math.max(Math.min(z,1),0),P&&(z=1-z);const G=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*z;e.updateProgress(G),e.setTranslate(G),e.updateActiveIndex(),e.updateSlidesClasses()}function w(C){const _=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:z,dragEl:G}=P;r=!0,u=C.target===G?I(C)-C.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,C.preventDefault(),C.stopPropagation(),N.style.transitionDuration="100ms",G.style.transitionDuration="100ms",p(C),clearTimeout(d),z.style.transitionDuration="0ms",_.hide&&(z.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",C)}function b(C){const{scrollbar:_,wrapperEl:P}=e,{el:N,dragEl:z}=_;r&&(C.preventDefault?C.preventDefault():C.returnValue=!1,p(C),P.style.transitionDuration="0ms",N.style.transitionDuration="0ms",z.style.transitionDuration="0ms",o("scrollbarDragMove",C))}function E(C){const _=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:z}=P;r&&(r=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),_.hide&&(clearTimeout(d),d=nt(()=>{z.style.opacity=0,z.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",C),_.snapOnRelease&&e.slideToClosest())}function y(C){const{scrollbar:_,params:P}=e,N=_.el;if(!N)return;const z=N,G=P.passiveListeners?{passive:!1,capture:!1}:!1,V=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!z)return;const j=C==="on"?"addEventListener":"removeEventListener";z[j]("pointerdown",w,G),l[j]("pointermove",b,G),l[j]("pointerup",E,V)}function S(){!e.params.scrollbar.el||!e.scrollbar.el||y("on")}function M(){!e.params.scrollbar.el||!e.scrollbar.el||y("off")}function D(){const{scrollbar:C,el:_}=e;e.params.scrollbar=Ei(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let N;if(typeof P.el=="string"&&e.isElement&&(N=e.el.querySelector(P.el)),!N&&typeof P.el=="string"){if(N=l.querySelectorAll(P.el),!N.length)return}else N||(N=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&N.length>1&&_.querySelectorAll(P.el).length===1&&(N=_.querySelector(P.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let z;N&&(z=N.querySelector(ot(e.params.scrollbar.dragClass)),z||(z=ct("div",e.params.scrollbar.dragClass),N.append(z))),Object.assign(C,{el:N,dragEl:z}),P.draggable&&S(),N&&N.classList[e.enabled?"remove":"add"](...Ue(e.params.scrollbar.lockClass))}function T(){const C=e.params.scrollbar,_=e.scrollbar.el;_&&_.classList.remove(...Ue(e.isHorizontal()?C.horizontalClass:C.verticalClass)),M()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const C=e.params.scrollbar;let{el:_}=e.scrollbar;_=Le(_),_.forEach(P=>{P.classList.remove(C.horizontalClass,C.verticalClass),P.classList.add(e.isHorizontal()?C.horizontalClass:C.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(D(),g(),f())}),n("update resize observerUpdate lock unlock changeDirection",()=>{g()}),n("setTranslate",()=>{f()}),n("setTransition",(C,_)=>{h(_)}),n("enable disable",()=>{const{el:C}=e.scrollbar;C&&C.classList[e.enabled?"remove":"add"](...Ue(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const x=()=>{e.el.classList.remove(...Ue(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Ue(e.params.scrollbar.scrollbarDisabledClass)),D(),g(),f()},A=()=>{e.el.classList.add(...Ue(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Ue(e.params.scrollbar.scrollbarDisabledClass)),T()};Object.assign(e.scrollbar,{enable:x,disable:A,updateSize:g,setTranslate:f,init:D,destroy:T})}function St(t){let{swiper:e,extendParams:i,on:n,emit:o,params:l}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let r,s,d=l&&l.autoplay?l.autoplay.delay:3e3,u=l&&l.autoplay?l.autoplay.delay:3e3,c,v=new Date().getTime(),m,f,h,g,I,p,w;function b(V){!e||e.destroyed||!e.wrapperEl||V.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",b),!w&&x())}const E=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(u=c,m=!1);const V=e.autoplay.paused?c:v+u-new Date().getTime();e.autoplay.timeLeft=V,o("autoplayTimeLeft",V,V/d),s=requestAnimationFrame(()=>{E()})},y=()=>{let V;return e.virtual&&e.params.virtual.enabled?V=e.slides.filter(B=>B.classList.contains("swiper-slide-active"))[0]:V=e.slides[e.activeIndex],V?parseInt(V.getAttribute("data-swiper-autoplay"),10):void 0},S=V=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(s),E();let j=typeof V>"u"?e.params.autoplay.delay:V;d=e.params.autoplay.delay,u=e.params.autoplay.delay;const B=y();!Number.isNaN(B)&&B>0&&typeof V>"u"&&(j=B,d=B,u=B),c=j;const O=e.params.speed,k=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(O,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,O,!0,!0),o("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(O,!0,!0),o("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,O,!0,!0),o("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{S()})))};return j>0?(clearTimeout(r),r=setTimeout(()=>{k()},j)):requestAnimationFrame(()=>{k()}),j},M=()=>{v=new Date().getTime(),e.autoplay.running=!0,S(),o("autoplayStart")},D=()=>{e.autoplay.running=!1,clearTimeout(r),cancelAnimationFrame(s),o("autoplayStop")},T=(V,j)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(r),V||(p=!0);const B=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",b):x()};if(e.autoplay.paused=!0,j){I&&(c=e.params.autoplay.delay),I=!1,B();return}c=(c||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&c<0&&!e.params.loop)&&(c<0&&(c=0),B())},x=()=>{e.isEnd&&c<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,S(c)):S(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const V=Me();V.visibilityState==="hidden"&&(p=!0,T(!0)),V.visibilityState==="visible"&&x()},C=V=>{V.pointerType==="mouse"&&(p=!0,w=!0,!(e.animating||e.autoplay.paused)&&T(!0))},_=V=>{V.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&x())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",C),e.el.addEventListener("pointerleave",_))},N=()=>{e.el.removeEventListener("pointerenter",C),e.el.removeEventListener("pointerleave",_)},z=()=>{Me().addEventListener("visibilitychange",A)},G=()=>{Me().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),z(),M())}),n("destroy",()=>{N(),G(),e.autoplay.running&&D()}),n("_freeModeStaticRelease",()=>{(h||p)&&x()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?D():T(!0,!0)}),n("beforeTransitionStart",(V,j,B)=>{e.destroyed||!e.autoplay.running||(B||!e.params.autoplay.disableOnInteraction?T(!0,!0):D())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){D();return}f=!0,h=!1,p=!1,g=setTimeout(()=>{p=!0,h=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!f)){if(clearTimeout(g),clearTimeout(r),e.params.autoplay.disableOnInteraction){h=!1,f=!1;return}h&&e.params.cssMode&&x(),h=!1,f=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(I=!0)}),Object.assign(e.autoplay,{start:M,stop:D,pause:T,resume:x})}function Un(t){let{swiper:e,extendParams:i,emit:n,once:o}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function l(){if(e.params.cssMode)return;const d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function r(){if(e.params.cssMode)return;const{touchEventsData:d,touches:u}=e;d.velocities.length===0&&d.velocities.push({position:u[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:u[e.isHorizontal()?"currentX":"currentY"],time:ke()})}function s(d){let{currentPos:u}=d;if(e.params.cssMode)return;const{params:c,wrapperEl:v,rtlTranslate:m,snapGrid:f,touchEventsData:h}=e,I=ke()-h.touchStartTime;if(u<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(u>-e.maxTranslate()){e.slides.length<f.length?e.slideTo(f.length-1):e.slideTo(e.slides.length-1);return}if(c.freeMode.momentum){if(h.velocities.length>1){const D=h.velocities.pop(),T=h.velocities.pop(),x=D.position-T.position,A=D.time-T.time;e.velocity=x/A,e.velocity/=2,Math.abs(e.velocity)<c.freeMode.minimumVelocity&&(e.velocity=0),(A>150||ke()-D.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.freeMode.momentumVelocityRatio,h.velocities.length=0;let p=1e3*c.freeMode.momentumRatio;const w=e.velocity*p;let b=e.translate+w;m&&(b=-b);let E=!1,y;const S=Math.abs(e.velocity)*20*c.freeMode.momentumBounceRatio;let M;if(b<e.maxTranslate())c.freeMode.momentumBounce?(b+e.maxTranslate()<-S&&(b=e.maxTranslate()-S),y=e.maxTranslate(),E=!0,h.allowMomentumBounce=!0):b=e.maxTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(b>e.minTranslate())c.freeMode.momentumBounce?(b-e.minTranslate()>S&&(b=e.minTranslate()+S),y=e.minTranslate(),E=!0,h.allowMomentumBounce=!0):b=e.minTranslate(),c.loop&&c.centeredSlides&&(M=!0);else if(c.freeMode.sticky){let D;for(let T=0;T<f.length;T+=1)if(f[T]>-b){D=T;break}Math.abs(f[D]-b)<Math.abs(f[D-1]-b)||e.swipeDirection==="next"?b=f[D]:b=f[D-1],b=-b}if(M&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?p=Math.abs((-b-e.translate)/e.velocity):p=Math.abs((b-e.translate)/e.velocity),c.freeMode.sticky){const D=Math.abs((m?-b:b)-e.translate),T=e.slidesSizesGrid[e.activeIndex];D<T?p=c.speed:D<2*T?p=c.speed*1.5:p=c.speed*2.5}}else if(c.freeMode.sticky){e.slideToClosest();return}c.freeMode.momentumBounce&&E?(e.updateProgress(y),e.setTransition(p),e.setTranslate(b),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Nt(v,()=>{!e||e.destroyed||!h.allowMomentumBounce||(n("momentumBounce"),e.setTransition(c.speed),setTimeout(()=>{e.setTranslate(y),Nt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(b),e.setTransition(p),e.setTranslate(b),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Nt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(b),e.updateActiveIndex(),e.updateSlidesClasses()}else if(c.freeMode.sticky){e.slideToClosest();return}else c.freeMode&&n("_freeModeNoMomentumRelease");(!c.freeMode.momentum||I>=c.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:l,onTouchMove:r,onTouchEnd:s}})}let Rt;function Gn(){const t=we(),e=Me();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ci(){return Rt||(Rt=Gn()),Rt}let zt;function $n(t){let{userAgent:e}=t===void 0?{}:t;const i=Ci(),n=we(),o=n.navigator.platform,l=e||n.navigator.userAgent,r={ios:!1,android:!1},s=n.screen.width,d=n.screen.height,u=l.match(/(Android);?[\s\/]+([\d.]+)?/);let c=l.match(/(iPad).*OS\s([\d_]+)/);const v=l.match(/(iPod)(.*OS\s([\d_]+))?/),m=!c&&l.match(/(iPhone\sOS|iOS)\s([\d_]+)/),f=o==="Win32";let h=o==="MacIntel";const g=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!c&&h&&i.touch&&g.indexOf(`${s}x${d}`)>=0&&(c=l.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),h=!1),u&&!f&&(r.os="android",r.android=!0),(c||m||v)&&(r.os="ios",r.ios=!0),r}function Ii(t){return t===void 0&&(t={}),zt||(zt=$n(t)),zt}let Vt;function Wn(){const t=we(),e=Ii();let i=!1;function n(){const s=t.navigator.userAgent.toLowerCase();return s.indexOf("safari")>=0&&s.indexOf("chrome")<0&&s.indexOf("android")<0}if(n()){const s=String(t.navigator.userAgent);if(s.includes("Version/")){const[d,u]=s.split("Version/")[1].split(" ")[0].split(".").map(c=>Number(c));i=d<16||d===16&&u<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),l=n(),r=l||o&&e.ios;return{isSafari:i||l,needPerspectiveFix:i,need3dFix:r,isWebView:o}}function qn(){return Vt||(Vt=Wn()),Vt}function Yn(t){let{swiper:e,on:i,emit:n}=t;const o=we();let l=null,r=null;const s=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(l=new ResizeObserver(v=>{r=o.requestAnimationFrame(()=>{const{width:m,height:f}=e;let h=m,g=f;v.forEach(I=>{let{contentBoxSize:p,contentRect:w,target:b}=I;b&&b!==e.el||(h=w?w.width:(p[0]||p).inlineSize,g=w?w.height:(p[0]||p).blockSize)}),(h!==m||g!==f)&&s()})}),l.observe(e.el))},u=()=>{r&&o.cancelAnimationFrame(r),l&&l.unobserve&&e.el&&(l.unobserve(e.el),l=null)},c=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){d();return}o.addEventListener("resize",s),o.addEventListener("orientationchange",c)}),i("destroy",()=>{u(),o.removeEventListener("resize",s),o.removeEventListener("orientationchange",c)})}function Xn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const l=[],r=we(),s=function(c,v){v===void 0&&(v={});const m=r.MutationObserver||r.WebkitMutationObserver,f=new m(h=>{if(e.__preventObserver__)return;if(h.length===1){o("observerUpdate",h[0]);return}const g=function(){o("observerUpdate",h[0])};r.requestAnimationFrame?r.requestAnimationFrame(g):r.setTimeout(g,0)});f.observe(c,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),l.push(f)},d=()=>{if(e.params.observer){if(e.params.observeParents){const c=xi(e.hostEl);for(let v=0;v<c.length;v+=1)s(c[v])}s(e.hostEl,{childList:e.params.observeSlideChildren}),s(e.wrapperEl,{attributes:!1})}},u=()=>{l.forEach(c=>{c.disconnect()}),l.splice(0,l.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",u)}var Jn={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const o=i?"unshift":"push";return t.split(" ").forEach(l=>{n.eventsListeners[l]||(n.eventsListeners[l]=[]),n.eventsListeners[l][o](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function o(){n.off(t,o),o.__emitterProxy&&delete o.__emitterProxy;for(var l=arguments.length,r=new Array(l),s=0;s<l;s++)r[s]=arguments[s];e.apply(n,r)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,l)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(l,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,l=new Array(o),r=0;r<o;r++)l[r]=arguments[r];return typeof l[0]=="string"||Array.isArray(l[0])?(e=l[0],i=l.slice(1,l.length),n=t):(e=l[0].events,i=l[0].data,n=l[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(u=>{u.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(u=>{u.apply(n,i)})}),t}};function Kn(){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(Ge(n,"padding-left")||0,10)-parseInt(Ge(n,"padding-right")||0,10),i=i-parseInt(Ge(n,"padding-top")||0,10)-parseInt(Ge(n,"padding-bottom")||0,10),Number.isNaN(e)&&(e=0),Number.isNaN(i)&&(i=0),Object.assign(t,{width:e,height:i,size:t.isHorizontal()?e:i}))}function Qn(){const t=this;function e(x,A){return parseFloat(x.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:l,rtlTranslate:r,wrongRTL:s}=t,d=t.virtual&&i.virtual.enabled,u=d?t.virtual.slides.length:t.slides.length,c=Oe(o,`.${t.params.slideClass}, swiper-slide`),v=d?t.virtual.slides.length:c.length;let m=[];const f=[],h=[];let g=i.slidesOffsetBefore;typeof g=="function"&&(g=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,w=t.slidesGrid.length;let b=i.spaceBetween,E=-g,y=0,S=0;if(typeof l>"u")return;typeof b=="string"&&b.indexOf("%")>=0?b=parseFloat(b.replace("%",""))/100*l:typeof b=="string"&&(b=parseFloat(b)),t.virtualSize=-b,c.forEach(x=>{r?x.style.marginLeft="":x.style.marginRight="",x.style.marginBottom="",x.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(gt(n,"--swiper-centered-offset-before",""),gt(n,"--swiper-centered-offset-after",""));const M=i.grid&&i.grid.rows>1&&t.grid;M?t.grid.initSlides(c):t.grid&&t.grid.unsetSlides();let D;const T=i.slidesPerView==="auto"&&i.breakpoints&&Object.keys(i.breakpoints).filter(x=>typeof i.breakpoints[x].slidesPerView<"u").length>0;for(let x=0;x<v;x+=1){D=0;let A;if(c[x]&&(A=c[x]),M&&t.grid.updateSlide(x,A,c),!(c[x]&&Ge(A,"display")==="none")){if(i.slidesPerView==="auto"){T&&(c[x].style[t.getDirectionLabel("width")]="");const C=getComputedStyle(A),_=A.style.transform,P=A.style.webkitTransform;if(_&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)D=t.isHorizontal()?Bt(A,"width",!0):Bt(A,"height",!0);else{const N=e(C,"width"),z=e(C,"padding-left"),G=e(C,"padding-right"),V=e(C,"margin-left"),j=e(C,"margin-right"),B=C.getPropertyValue("box-sizing");if(B&&B==="border-box")D=N+V+j;else{const{clientWidth:O,offsetWidth:k}=A;D=N+z+G+V+j+(k-O)}}_&&(A.style.transform=_),P&&(A.style.webkitTransform=P),i.roundLengths&&(D=Math.floor(D))}else D=(l-(i.slidesPerView-1)*b)/i.slidesPerView,i.roundLengths&&(D=Math.floor(D)),c[x]&&(c[x].style[t.getDirectionLabel("width")]=`${D}px`);c[x]&&(c[x].swiperSlideSize=D),h.push(D),i.centeredSlides?(E=E+D/2+y/2+b,y===0&&x!==0&&(E=E-l/2-b),x===0&&(E=E-l/2-b),Math.abs(E)<1/1e3&&(E=0),i.roundLengths&&(E=Math.floor(E)),S%i.slidesPerGroup===0&&m.push(E),f.push(E)):(i.roundLengths&&(E=Math.floor(E)),(S-Math.min(t.params.slidesPerGroupSkip,S))%t.params.slidesPerGroup===0&&m.push(E),f.push(E),E=E+D+b),t.virtualSize+=D+b,y=D,S+=1}}if(t.virtualSize=Math.max(t.virtualSize,l)+I,r&&s&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+b}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+b}px`),M&&t.grid.updateWrapperSize(D,m),!i.centeredSlides){const x=[];for(let A=0;A<m.length;A+=1){let C=m[A];i.roundLengths&&(C=Math.floor(C)),m[A]<=t.virtualSize-l&&x.push(C)}m=x,Math.floor(t.virtualSize-l)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-l)}if(d&&i.loop){const x=h[0]+b;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),C=x*i.slidesPerGroup;for(let _=0;_<A;_+=1)m.push(m[m.length-1]+C)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+x),f.push(f[f.length-1]+x),t.virtualSize+=x}if(m.length===0&&(m=[0]),b!==0){const x=t.isHorizontal()&&r?"marginLeft":t.getDirectionLabel("marginRight");c.filter((A,C)=>!i.cssMode||i.loop?!0:C!==c.length-1).forEach(A=>{A.style[x]=`${b}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let x=0;h.forEach(C=>{x+=C+(b||0)}),x-=b;const A=x-l;m=m.map(C=>C<=0?-g:C>A?A+I:C)}if(i.centerInsufficientSlides){let x=0;if(h.forEach(A=>{x+=A+(b||0)}),x-=b,x<l){const A=(l-x)/2;m.forEach((C,_)=>{m[_]=C-A}),f.forEach((C,_)=>{f[_]=C+A})}}if(Object.assign(t,{slides:c,snapGrid:m,slidesGrid:f,slidesSizesGrid:h}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){gt(n,"--swiper-centered-offset-before",`${-m[0]}px`),gt(n,"--swiper-centered-offset-after",`${t.size/2-h[h.length-1]/2}px`);const x=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(C=>C+x),t.slidesGrid=t.slidesGrid.map(C=>C+A)}if(v!==u&&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"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const x=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(x);v<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(x):A&&t.el.classList.remove(x)}}function Zn(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,l;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const r=s=>n?e.slides[e.getSlideIndexByData(s)]:e.slides[s];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(s=>{i.push(s)});else for(l=0;l<Math.ceil(e.params.slidesPerView);l+=1){const s=e.activeIndex+l;if(s>e.slides.length&&!n)break;i.push(r(s))}else i.push(r(e.activeIndex));for(l=0;l<i.length;l+=1)if(typeof i[l]<"u"){const s=i[l].offsetHeight;o=s>o?s:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function eo(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function to(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:l}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let r=-t;o&&(r=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let s=i.spaceBetween;typeof s=="string"&&s.indexOf("%")>=0?s=parseFloat(s.replace("%",""))/100*e.size:typeof s=="string"&&(s=parseFloat(s));for(let d=0;d<n.length;d+=1){const u=n[d];let c=u.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(c-=n[0].swiperSlideOffset);const v=(r+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),m=(r-l[0]+(i.centeredSlides?e.minTranslate():0)-c)/(u.swiperSlideSize+s),f=-(r-c),h=f+e.slidesSizesGrid[d],g=f>=0&&f<=e.size-e.slidesSizesGrid[d];(f>=0&&f<e.size-1||h>1&&h<=e.size||f<=0&&h>=e.size)&&(e.visibleSlides.push(u),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),g&&n[d].classList.add(i.slideFullyVisibleClass),u.progress=o?-v:v,u.originalProgress=o?-m:m}}function io(t){const e=this;if(typeof t>"u"){const c=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*c||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:l,isEnd:r,progressLoop:s}=e;const d=l,u=r;if(n===0)o=0,l=!0,r=!0;else{o=(t-e.minTranslate())/n;const c=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;l=c||o<=0,r=v||o>=1,c&&(o=0),v&&(o=1)}if(i.loop){const c=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[c],f=e.slidesGrid[v],h=e.slidesGrid[e.slidesGrid.length-1],g=Math.abs(t);g>=m?s=(g-m)/h:s=(g+h-f)/h,s>1&&(s-=1)}Object.assign(e,{progress:o,progressLoop:s,isBeginning:l,isEnd:r}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),l&&!d&&e.emit("reachBeginning toEdge"),r&&!u&&e.emit("reachEnd toEdge"),(d&&!l||u&&!r)&&e.emit("fromEdge"),e.emit("progress",o)}function no(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,l=t.virtual&&i.virtual.enabled,r=t.grid&&i.grid&&i.grid.rows>1,s=v=>Oe(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,u,c;if(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),d=s(`[data-swiper-slide-index="${v}"]`)}else d=s(`[data-swiper-slide-index="${o}"]`);else r?(d=e.filter(v=>v.column===o)[0],c=e.filter(v=>v.column===o+1)[0],u=e.filter(v=>v.column===o-1)[0]):d=e[o];d&&(d.classList.add(i.slideActiveClass),r?(c&&c.classList.add(i.slideNextClass),u&&u.classList.add(i.slidePrevClass)):(c=Vn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c&&(c=e[0]),c&&c.classList.add(i.slideNextClass),u=zn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u===0&&(u=e[e.length-1]),u&&u.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Tt=(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()}},Ft=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Ht=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const r=o,s=[r-e];s.push(...Array.from({length:e}).map((d,u)=>r+n+u)),t.slides.forEach((d,u)=>{s.includes(d.column)&&Ft(t,u)});return}const l=o+n-1;if(t.params.rewind||t.params.loop)for(let r=o-e;r<=l+e;r+=1){const s=(r%i+i)%i;(s<o||s>l)&&Ft(t,s)}else for(let r=Math.max(o-e,0);r<=Math.min(l+e,i-1);r+=1)r!==o&&(r>l||r<o)&&Ft(t,r)};function oo(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 lo(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:l,realIndex:r,snapIndex:s}=e;let d=t,u;const c=f=>{let h=f-e.virtual.slidesBefore;return h<0&&(h=e.virtual.slides.length+h),h>=e.virtual.slides.length&&(h-=e.virtual.slides.length),h};if(typeof d>"u"&&(d=oo(e)),n.indexOf(i)>=0)u=n.indexOf(i);else{const f=Math.min(o.slidesPerGroupSkip,d);u=f+Math.floor((d-f)/o.slidesPerGroup)}if(u>=n.length&&(u=n.length-1),d===l&&!e.params.loop){u!==s&&(e.snapIndex=u,e.emit("snapIndexChange"));return}if(d===l&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=c(d);return}const v=e.grid&&o.grid&&o.grid.rows>1;let m;if(e.virtual&&o.virtual.enabled&&o.loop)m=c(d);else if(v){const f=e.slides.filter(g=>g.column===d)[0];let h=parseInt(f.getAttribute("data-swiper-slide-index"),10);Number.isNaN(h)&&(h=Math.max(e.slides.indexOf(f),0)),m=Math.floor(h/o.grid.rows)}else if(e.slides[d]){const f=e.slides[d].getAttribute("data-swiper-slide-index");f?m=parseInt(f,10):m=d}else m=d;Object.assign(e,{previousSnapIndex:s,snapIndex:u,previousRealIndex:r,realIndex:m,previousIndex:l,activeIndex:d}),e.initialized&&Ht(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(r!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function so(t,e){const i=this,n=i.params;let o=t.closest(`.${n.slideClass}, swiper-slide`);!o&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(s=>{!o&&s.matches&&s.matches(`.${n.slideClass}, swiper-slide`)&&(o=s)});let l=!1,r;if(o){for(let s=0;s<i.slides.length;s+=1)if(i.slides[s]===o){l=!0,r=s;break}}if(o&&l)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=r;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var ao={updateSize:Kn,updateSlides:Qn,updateAutoHeight:Zn,updateSlidesOffset:eo,updateSlidesProgress:to,updateProgress:io,updateSlidesClasses:no,updateActiveIndex:lo,updateClickedSlide:so};function ro(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:l}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let r=Nn(l,t);return r+=e.cssOverflowAdjustment(),n&&(r=-r),r||0}function co(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:l,progress:r}=i;let s=0,d=0;const u=0;i.isHorizontal()?s=n?-t:t:d=t,o.roundLengths&&(s=Math.floor(s),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?s:d,o.cssMode?l[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-s:-d:o.virtualTranslate||(i.isHorizontal()?s-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),l.style.transform=`translate3d(${s}px, ${d}px, ${u}px)`);let c;const v=i.maxTranslate()-i.minTranslate();v===0?c=0:c=(t-i.minTranslate())/v,c!==r&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function uo(){return-this.snapGrid[0]}function po(){return-this.snapGrid[this.snapGrid.length-1]}function vo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const l=this,{params:r,wrapperEl:s}=l;if(l.animating&&r.preventInteractionOnTransition)return!1;const d=l.minTranslate(),u=l.maxTranslate();let c;if(n&&t>d?c=d:n&&t<u?c=u:c=t,l.updateProgress(c),r.cssMode){const v=l.isHorizontal();if(e===0)s[v?"scrollLeft":"scrollTop"]=-c;else{if(!l.support.smoothScroll)return Ti({swiper:l,targetPosition:-c,side:v?"left":"top"}),!0;s.scrollTo({[v?"left":"top"]:-c,behavior:"smooth"})}return!0}return e===0?(l.setTransition(0),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionEnd"))):(l.setTransition(e),l.setTranslate(c),i&&(l.emit("beforeTransitionStart",e,o),l.emit("transitionStart")),l.animating||(l.animating=!0,l.onTranslateToWrapperTransitionEnd||(l.onTranslateToWrapperTransitionEnd=function(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 fo={getTranslate:ro,setTranslate:co,minTranslate:uo,maxTranslate:po,translateTo:vo};function mo(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 ki(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:l,previousIndex:r}=e;let s=n;if(s||(l>r?s="next":l<r?s="prev":s="reset"),e.emit(`transition${o}`),i&&l!==r){if(s==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),s==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function ho(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),ki({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function go(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),ki({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var bo={setTransition:mo,transitionStart:ho,transitionEnd:go};function yo(t,e,i,n,o){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;let r=t;r<0&&(r=0);const{params:s,snapGrid:d,slidesGrid:u,previousIndex:c,activeIndex:v,rtlTranslate:m,wrapperEl:f,enabled:h}=l;if(l.animating&&s.preventInteractionOnTransition||!h&&!n&&!o||l.destroyed)return!1;const g=Math.min(l.params.slidesPerGroupSkip,r);let I=g+Math.floor((r-g)/l.params.slidesPerGroup);I>=d.length&&(I=d.length-1);const p=-d[I];if(s.normalizeSlideIndex)for(let b=0;b<u.length;b+=1){const E=-Math.floor(p*100),y=Math.floor(u[b]*100),S=Math.floor(u[b+1]*100);typeof u[b+1]<"u"?E>=y&&E<S-(S-y)/2?r=b:E>=y&&E<S&&(r=b+1):E>=y&&(r=b)}if(l.initialized&&r!==v&&(!l.allowSlideNext&&(m?p>l.translate&&p>l.minTranslate():p<l.translate&&p<l.minTranslate())||!l.allowSlidePrev&&p>l.translate&&p>l.maxTranslate()&&(v||0)!==r))return!1;r!==(c||0)&&i&&l.emit("beforeSlideChangeStart"),l.updateProgress(p);let w;if(r>v?w="next":r<v?w="prev":w="reset",m&&-p===l.translate||!m&&p===l.translate)return l.updateActiveIndex(r),s.autoHeight&&l.updateAutoHeight(),l.updateSlidesClasses(),s.effect!=="slide"&&l.setTranslate(p),w!=="reset"&&(l.transitionStart(i,w),l.transitionEnd(i,w)),!1;if(s.cssMode){const b=l.isHorizontal(),E=m?p:-p;if(e===0){const y=l.virtual&&l.params.virtual.enabled;y&&(l.wrapperEl.style.scrollSnapType="none",l._immediateVirtual=!0),y&&!l._cssModeVirtualInitialSet&&l.params.initialSlide>0?(l._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{f[b?"scrollLeft":"scrollTop"]=E})):f[b?"scrollLeft":"scrollTop"]=E,y&&requestAnimationFrame(()=>{l.wrapperEl.style.scrollSnapType="",l._immediateVirtual=!1})}else{if(!l.support.smoothScroll)return Ti({swiper:l,targetPosition:E,side:b?"left":"top"}),!0;f.scrollTo({[b?"left":"top"]:E,behavior:"smooth"})}return!0}return l.setTransition(e),l.setTranslate(p),l.updateActiveIndex(r),l.updateSlidesClasses(),l.emit("beforeTransitionStart",e,n),l.transitionStart(i,w),e===0?l.transitionEnd(i,w):l.animating||(l.animating=!0,l.onSlideToWrapperTransitionEnd||(l.onSlideToWrapperTransitionEnd=function(E){!l||l.destroyed||E.target===this&&(l.wrapperEl.removeEventListener("transitionend",l.onSlideToWrapperTransitionEnd),l.onSlideToWrapperTransitionEnd=null,delete l.onSlideToWrapperTransitionEnd,l.transitionEnd(i,w))}),l.wrapperEl.addEventListener("transitionend",l.onSlideToWrapperTransitionEnd)),!0}function wo(t,e,i,n){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const o=this;if(o.destroyed)return;const l=o.grid&&o.params.grid&&o.params.grid.rows>1;let r=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)r=r+o.virtual.slidesBefore;else{let s;if(l){const m=r*o.params.grid.rows;s=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else s=o.getSlideIndexByData(r);const d=l?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:u}=o.params;let c=o.params.slidesPerView;c==="auto"?c=o.slidesPerViewDynamic():(c=Math.ceil(parseFloat(o.params.slidesPerView,10)),u&&c%2===0&&(c=c+1));let v=d-s<c;if(u&&(v=v||s<Math.ceil(c/2)),v){const m=u?s<o.activeIndex?"prev":"next":s-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?s+1:s-d+1,slideRealIndex:m==="next"?o.realIndex:void 0})}if(l){const m=r*o.params.grid.rows;r=o.slides.filter(f=>f.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=o.getSlideIndexByData(r)}return requestAnimationFrame(()=>{o.slideTo(r,e,i,n)}),o}function So(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:l,animating:r}=n;if(!o||n.destroyed)return n;let s=l.slidesPerGroup;l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(s=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<l.slidesPerGroupSkip?1:s,u=n.virtual&&l.virtual.enabled;if(l.loop){if(r&&!u&&l.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+d,t,e,i)}),!0}return l.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function To(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:l,slidesGrid:r,rtlTranslate:s,enabled:d,animating:u}=n;if(!d||n.destroyed)return n;const c=n.virtual&&o.virtual.enabled;if(o.loop){if(u&&!c&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=s?n.translate:-n.translate;function m(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const f=m(v),h=l.map(p=>m(p));let g=l[h.indexOf(f)-1];if(typeof g>"u"&&o.cssMode){let p;l.forEach((w,b)=>{f>=w&&(p=b)}),typeof p<"u"&&(g=l[p>0?p-1:p])}let I=0;if(typeof g<"u"&&(I=r.indexOf(g),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 xo(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 Eo(t,e,i,n){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0),n===void 0&&(n=.5);const o=this;if(o.destroyed)return;let l=o.activeIndex;const r=Math.min(o.params.slidesPerGroupSkip,l),s=r+Math.floor((l-r)/o.params.slidesPerGroup),d=o.rtlTranslate?o.translate:-o.translate;if(d>=o.snapGrid[s]){const u=o.snapGrid[s],c=o.snapGrid[s+1];d-u>(c-u)*n&&(l+=o.params.slidesPerGroup)}else{const u=o.snapGrid[s-1],c=o.snapGrid[s];d-u<=(c-u)*n&&(l-=o.params.slidesPerGroup)}return l=Math.max(l,0),l=Math.min(l,o.slidesGrid.length-1),o.slideTo(l,t,e,i)}function Co(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let o=t.clickedIndex,l;const r=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;l=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?o<t.loopedSlides-n/2||o>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),o=t.getSlideIndex(Oe(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),nt(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(Oe(i,`${r}[data-swiper-slide-index="${l}"]`)[0]),nt(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var Io={slideTo:yo,slideToLoop:wo,slideNext:So,slidePrev:To,slideReset:xo,slideToClosest:Eo,slideToClickedSlide:Co};function ko(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{Oe(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},l=e.grid&&i.grid&&i.grid.rows>1,r=i.slidesPerGroup*(l?i.grid.rows:1),s=e.slides.length%r!==0,d=l&&e.slides.length%i.grid.rows!==0,u=c=>{for(let v=0;v<c;v+=1){const m=e.isElement?ct("swiper-slide",[i.slideBlankClass]):ct("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(s){if(i.loopAddBlankSlides){const c=r-e.slides.length%r;u(c),e.recalcSlides(),e.updateSlides()}else bt("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");o()}else if(d){if(i.loopAddBlankSlides){const c=i.grid.rows-e.slides.length%i.grid.rows;u(c),e.recalcSlides(),e.updateSlides()}else bt("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 Do(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:l,byController:r,byMousewheel:s}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:u,allowSlidePrev:c,allowSlideNext:v,slidesEl:m,params:f}=d,{centeredSlides:h}=f;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&f.virtual.enabled){i&&(!f.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):f.centeredSlides&&d.snapIndex<f.slidesPerView?d.slideTo(d.virtual.slides.length+d.snapIndex,0,!1,!0):d.snapIndex===d.snapGrid.length-1&&d.slideTo(d.virtual.slidesBefore,0,!1,!0)),d.allowSlidePrev=c,d.allowSlideNext=v,d.emit("loopFix");return}let g=f.slidesPerView;g==="auto"?g=d.slidesPerViewDynamic():(g=Math.ceil(parseFloat(f.slidesPerView,10)),h&&g%2===0&&(g=g+1));const I=f.slidesPerGroupAuto?g:f.slidesPerGroup;let p=I;p%I!==0&&(p+=I-p%I),p+=f.loopAdditionalSlides,d.loopedSlides=p;const w=d.grid&&f.grid&&f.grid.rows>1;u.length<g+p?bt("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"&&bt("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const b=[],E=[];let y=d.activeIndex;typeof l>"u"?l=d.getSlideIndex(u.filter(_=>_.classList.contains(f.slideActiveClass))[0]):y=l;const S=n==="next"||!n,M=n==="prev"||!n;let D=0,T=0;const x=w?Math.ceil(u.length/f.grid.rows):u.length,C=(w?u[l].column:l)+(h&&typeof o>"u"?-g/2+.5:0);if(C<p){D=Math.max(p-C,I);for(let _=0;_<p-C;_+=1){const P=_-Math.floor(_/x)*x;if(w){const N=x-P-1;for(let z=u.length-1;z>=0;z-=1)u[z].column===N&&b.push(z)}else b.push(x-P-1)}}else if(C+g>x-p){T=Math.max(C-(x-p*2),I);for(let _=0;_<T;_+=1){const P=_-Math.floor(_/x)*x;w?u.forEach((N,z)=>{N.column===P&&E.push(z)}):E.push(P)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),M&&b.forEach(_=>{u[_].swiperLoopMoveDOM=!0,m.prepend(u[_]),u[_].swiperLoopMoveDOM=!1}),S&&E.forEach(_=>{u[_].swiperLoopMoveDOM=!0,m.append(u[_]),u[_].swiperLoopMoveDOM=!1}),d.recalcSlides(),f.slidesPerView==="auto"?d.updateSlides():w&&(b.length>0&&M||E.length>0&&S)&&d.slides.forEach((_,P)=>{d.grid.updateSlide(P,_,d.slides)}),f.watchSlidesProgress&&d.updateSlidesOffset(),i){if(b.length>0&&M){if(typeof e>"u"){const _=d.slidesGrid[y],N=d.slidesGrid[y+D]-_;s?d.setTranslate(d.translate-N):(d.slideTo(y+Math.ceil(D),0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else if(o){const _=w?b.length/f.grid.rows:b.length;d.slideTo(d.activeIndex+_,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(E.length>0&&S)if(typeof e>"u"){const _=d.slidesGrid[y],N=d.slidesGrid[y-T]-_;s?d.setTranslate(d.translate-N):(d.slideTo(y-T,0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else{const _=w?E.length/f.grid.rows:E.length;d.slideTo(d.activeIndex-_,0,!1,!0)}}if(d.allowSlidePrev=c,d.allowSlideNext=v,d.controller&&d.controller.control&&!r){const _={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:l,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({..._,slideTo:P.params.slidesPerView===f.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({..._,slideTo:d.controller.control.params.slidesPerView===f.slidesPerView?i:!1})}d.emit("loopFix")}function _o(){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 Ao={loopCreate:ko,loopFix:Do,loopDestroy:_o};function Po(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 Mo(){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 Oo={setGrabCursor:Po,unsetGrabCursor:Mo};function Lo(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Me()||n===we())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 Di(t,e,i){const n=we(),{params:o}=t,l=o.edgeSwipeDetection,r=o.edgeSwipeThreshold;return l&&(i<=r||i>=n.innerWidth-r)?l==="prevent"?(e.preventDefault(),!0):!1:!0}function jo(t){const e=this,i=Me();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"){Di(e,n,n.targetTouches[0].pageX);return}const{params:l,touches:r,enabled:s}=e;if(!s||!l.simulateTouch&&n.pointerType==="mouse"||e.animating&&l.preventInteractionOnTransition)return;!e.animating&&l.cssMode&&l.loop&&e.loopFix();let d=n.target;if(l.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const u=!!l.noSwipingClass&&l.noSwipingClass!=="",c=n.composedPath?n.composedPath():n.path;u&&n.target&&n.target.shadowRoot&&c&&(d=c[0]);const v=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(l.noSwiping&&(m?Lo(v,d):d.closest(v))){e.allowClick=!0;return}if(l.swipeHandler&&!d.closest(l.swipeHandler))return;r.currentX=n.pageX,r.currentY=n.pageY;const f=r.currentX,h=r.currentY;if(!Di(e,n,f))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),r.startX=f,r.startY=h,o.touchStartTime=ke(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,l.threshold>0&&(o.allowThresholdMove=!1);let g=!0;d.matches(o.focusableElements)&&(g=!1,d.nodeName==="SELECT"&&(o.isTouched=!1)),i.activeElement&&i.activeElement.matches(o.focusableElements)&&i.activeElement!==d&&i.activeElement.blur();const I=g&&e.allowTouchMove&&l.touchStartPreventDefault;(l.touchStartForcePreventDefault||I)&&!d.isContentEditable&&n.preventDefault(),l.freeMode&&l.freeMode.enabled&&e.freeMode&&e.animating&&!l.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function No(t){const e=Me(),i=this,n=i.touchEventsData,{params:o,touches:l,rtlTranslate:r,enabled:s}=i;if(!s||!o.simulateTouch&&t.pointerType==="mouse")return;let d=t;if(d.originalEvent&&(d=d.originalEvent),d.type==="pointermove"&&(n.touchId!==null||d.pointerId!==n.pointerId))return;let u;if(d.type==="touchmove"){if(u=[...d.changedTouches].filter(S=>S.identifier===n.touchId)[0],!u||u.identifier!==n.touchId)return}else u=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const c=u.pageX,v=u.pageY;if(d.preventedByNestedSwiper){l.startX=c,l.startY=v;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(l,{startX:c,startY:v,currentX:c,currentY:v}),n.touchStartTime=ke());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(c<l.startX&&i.translate<=i.maxTranslate()||c>l.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&d.target===e.activeElement&&d.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",d),l.previousX=l.currentX,l.previousY=l.currentY,l.currentX=c,l.currentY=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 S;i.isHorizontal()&&l.currentY===l.startY||i.isVertical()&&l.currentX===l.startX?n.isScrolling=!1:m*m+f*f>=25&&(S=Math.atan2(Math.abs(f),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?S>o.touchAngle:90-S>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),typeof n.startMoving>"u"&&(l.currentX!==l.startX||l.currentY!==l.startY)&&(n.startMoving=!0),n.isScrolling){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!o.cssMode&&d.cancelable&&d.preventDefault(),o.touchMoveStopPropagation&&!o.nested&&d.stopPropagation();let h=i.isHorizontal()?m:f,g=i.isHorizontal()?l.currentX-l.previousX:l.currentY-l.previousY;o.oneWayMovement&&(h=Math.abs(h)*(r?1:-1),g=Math.abs(g)*(r?1:-1)),l.diff=h,h*=o.touchRatio,r&&(h=-h,g=-g);const I=i.touchesDirection;i.swipeDirection=h>0?"prev":"next",i.touchesDirection=g>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 S=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(S)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let b;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&p&&w&&Math.abs(h)>=1){Object.assign(l,{startX:c,startY:v,currentX:c,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",d),n.isMoved=!0,n.currentTranslate=h+n.startTranslate;let E=!0,y=o.resistanceRatio;if(o.touchReleaseOnEdges&&(y=0),h>0?(p&&w&&!b&&n.allowThresholdMove&&n.currentTranslate>(o.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+h)**y))):h<0&&(p&&w&&!b&&n.allowThresholdMove&&n.currentTranslate<(o.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(o.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(o.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(E=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-h)**y))),E&&(d.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),o.threshold>0)if(Math.abs(h)>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 Bo(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(y=>y.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:r,touches:s,rtlTranslate:d,slidesGrid:u,enabled:c}=e;if(!c||!r.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&r.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}r.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=ke(),m=v-i.touchStartTime;if(e.allowClick){const y=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(y&&y[0]||n.target,y),e.emit("tap click",n),m<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=ke(),nt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||s.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let f;if(r.followFinger?f=d?e.translate:-e.translate:f=-i.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:f});return}const h=f>=-e.maxTranslate()&&!e.params.loop;let g=0,I=e.slidesSizesGrid[0];for(let y=0;y<u.length;y+=y<r.slidesPerGroupSkip?1:r.slidesPerGroup){const S=y<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;typeof u[y+S]<"u"?(h||f>=u[y]&&f<u[y+S])&&(g=y,I=u[y+S]-u[y]):(h||f>=u[y])&&(g=y,I=u[u.length-1]-u[u.length-2])}let p=null,w=null;r.rewind&&(e.isBeginning?w=r.virtual&&r.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const b=(f-u[g])/I,E=g<r.slidesPerGroupSkip-1?1:r.slidesPerGroup;if(m>r.longSwipesMs){if(!r.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(b>=r.longSwipesRatio?e.slideTo(r.rewind&&e.isEnd?p:g+E):e.slideTo(g)),e.swipeDirection==="prev"&&(b>1-r.longSwipesRatio?e.slideTo(g+E):w!==null&&b<0&&Math.abs(b)>r.longSwipesRatio?e.slideTo(w):e.slideTo(g))}else{if(!r.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(g+E):e.slideTo(g):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:g+E),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:g))}}function _i(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:l}=t,r=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const s=r&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!s?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!r?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&l!==t.snapGrid&&t.checkOverflow()}function Ro(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function zo(){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 Vo(t){const e=this;Tt(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Fo(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Ai=(t,e)=>{const i=Me(),{params:n,el:o,wrapperEl:l,device:r}=t,s=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",u=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:s}),o[d]("touchstart",t.onTouchStart,{passive:!1}),o[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:s}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:s}),i[d]("touchend",t.onTouchEnd,{passive:!0}),i[d]("pointerup",t.onTouchEnd,{passive:!0}),i[d]("pointercancel",t.onTouchEnd,{passive:!0}),i[d]("touchcancel",t.onTouchEnd,{passive:!0}),i[d]("pointerout",t.onTouchEnd,{passive:!0}),i[d]("pointerleave",t.onTouchEnd,{passive:!0}),i[d]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&o[d]("click",t.onClick,!0),n.cssMode&&l[d]("scroll",t.onScroll),n.updateOnWindowResize?t[u](r.ios||r.android?"resize orientationchange observerUpdate":"resize observerUpdate",_i,!0):t[u]("observerUpdate",_i,!0),o[d]("load",t.onLoad,{capture:!0})};function Ho(){const t=this,{params:e}=t;t.onTouchStart=jo.bind(t),t.onTouchMove=No.bind(t),t.onTouchEnd=Bo.bind(t),t.onDocumentTouchStart=Fo.bind(t),e.cssMode&&(t.onScroll=zo.bind(t)),t.onClick=Ro.bind(t),t.onLoad=Vo.bind(t),Ai(t,"on")}function Uo(){Ai(this,"off")}var Go={attachEvents:Ho,detachEvents:Uo};const Pi=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function $o(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,l=n.breakpoints;if(!l||l&&Object.keys(l).length===0)return;const r=t.getBreakpoint(l,t.params.breakpointsBase,t.el);if(!r||t.currentBreakpoint===r)return;const d=(r in l?l[r]:void 0)||t.originalParams,u=Pi(t,n),c=Pi(t,d),v=n.enabled;u&&!c?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!u&&c&&(o.classList.add(`${n.containerModifierClass}grid`),(d.grid.fill&&d.grid.fill==="column"||!d.grid.fill&&n.grid.fill==="column")&&o.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach(p=>{if(typeof d[p]>"u")return;const w=n[p]&&n[p].enabled,b=d[p]&&d[p].enabled;w&&!b&&t[p].disable(),!w&&b&&t[p].enable()});const m=d.direction&&d.direction!==n.direction,f=n.loop&&(d.slidesPerView!==n.slidesPerView||m),h=n.loop;m&&i&&t.changeDirection(),Ce(t.params,d);const g=t.params.enabled,I=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!g?t.disable():!v&&g&&t.enable(),t.currentBreakpoint=r,t.emit("_beforeBreakpoint",d),i&&(f?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!h&&I?(t.loopCreate(e),t.updateSlides()):h&&!I&&t.loopDestroy()),t.emit("breakpoint",d)}function Wo(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=we(),l=e==="window"?o.innerHeight:i.clientHeight,r=Object.keys(t).map(s=>{if(typeof s=="string"&&s.indexOf("@")===0){const d=parseFloat(s.substr(1));return{value:l*d,point:s}}return{value:s,point:s}});r.sort((s,d)=>parseInt(s.value,10)-parseInt(d.value,10));for(let s=0;s<r.length;s+=1){const{point:d,value:u}=r[s];e==="window"?o.matchMedia(`(min-width: ${u}px)`).matches&&(n=d):u<=i.clientWidth&&(n=d)}return n||"max"}var qo={setBreakpoint:$o,getBreakpoint:Wo};function Yo(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 Xo(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:l}=t,r=Yo(["initialized",i.direction,{"free-mode":t.params.freeMode&&i.freeMode.enabled},{autoheight:i.autoHeight},{rtl:n},{grid:i.grid&&i.grid.rows>1},{"grid-column":i.grid&&i.grid.rows>1&&i.grid.fill==="column"},{android:l.android},{ios:l.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...r),o.classList.add(...e),t.emitContainerClasses()}function Jo(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var Ko={addClasses:Xo,removeClasses:Jo};function Qo(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,l=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>l}else t.isLocked=t.snapGrid.length===1;i.allowSlideNext===!0&&(t.allowSlideNext=!t.isLocked),i.allowSlidePrev===!0&&(t.allowSlidePrev=!t.isLocked),e&&e!==t.isLocked&&(t.isEnd=!1),e!==t.isLocked&&t.emit(t.isLocked?"lock":"unlock")}var Zo={checkOverflow:Qo},Ut={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function el(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],l=n[o];if(typeof l!="object"||l===null){Ce(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)){Ce(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Ce(e,n)}}const Gt={eventsEmitter:Jn,update:ao,translate:fo,transition:bo,slide:Io,loop:Ao,grabCursor:Oo,events:Go,breakpoints:qo,checkOverflow:Zo,classes:Ko},$t={};let Wt=class Ve{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=Ce({},i),e&&!i.el&&(i.el=e);const r=Me();if(i.el&&typeof i.el=="string"&&r.querySelectorAll(i.el).length>1){const c=[];return r.querySelectorAll(i.el).forEach(v=>{const m=Ce({},i,{el:v});c.push(new Ve(m))}),c}const s=this;s.__swiper__=!0,s.support=Ci(),s.device=Ii({userAgent:i.userAgent}),s.browser=qn(),s.eventsListeners={},s.eventsAnyListeners=[],s.modules=[...s.__modules__],i.modules&&Array.isArray(i.modules)&&s.modules.push(...i.modules);const d={};s.modules.forEach(c=>{c({params:i,swiper:s,extendParams:el(i,d),on:s.on.bind(s),once:s.once.bind(s),off:s.off.bind(s),emit:s.emit.bind(s)})});const u=Ce({},Ut,d);return s.params=Ce({},u,$t,i),s.originalParams=Ce({},s.params),s.passedParams=Ce({},i),s.params&&s.params.on&&Object.keys(s.params.on).forEach(c=>{s.on(c,s.params.on[c])}),s.params&&s.params.onAny&&s.onAny(s.params.onAny),Object.assign(s,{enabled:s.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return s.params.direction==="horizontal"},isVertical(){return s.params.direction==="vertical"},activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:s.params.allowSlideNext,allowSlidePrev:s.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:s.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:s.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),s.emit("_swiper"),s.params.init&&s.init(),s}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,o=Oe(i,`.${n.slideClass}, swiper-slide`),l=yt(o[0]);return yt(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=Oe(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),r=(n.maxTranslate()-o)*e+o;n.translateTo(r,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:l,slidesGrid:r,slidesSizesGrid:s,size:d,activeIndex:u}=n;let c=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let v=l[u]?Math.ceil(l[u].swiperSlideSize):0,m;for(let f=u+1;f<l.length;f+=1)l[f]&&!m&&(v+=Math.ceil(l[f].swiperSlideSize),c+=1,v>d&&(m=!0));for(let f=u-1;f>=0;f-=1)l[f]&&!m&&(v+=l[f].swiperSlideSize,c+=1,v>d&&(m=!0))}else if(e==="current")for(let v=u+1;v<l.length;v+=1)(i?r[v]+s[v]-r[u]<d:r[v]-r[u]<d)&&(c+=1);else for(let v=u-1;v>=0;v-=1)r[u]-r[v]<d&&(c+=1);return c}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(r=>{r.complete&&Tt(e,r)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const r=e.rtlTranslate?e.translate*-1:e.translate,s=Math.min(Math.max(r,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let l;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const r=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;l=e.slideTo(r.length-1,0,!1,!0)}else l=e.slideTo(e.activeIndex,0,!1,!0);l||o()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,o=n.params.direction;return e||(e=o==="horizontal"?"vertical":"horizontal"),e===o||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${o}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(l=>{e==="vertical"?l.style.width="":l.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):Oe(n,o())[0];return!r&&i.params.createElements&&(r=ct("div",i.params.wrapperClass),n.append(r),Oe(n,`.${i.params.slideClass}`).forEach(s=>{r.append(s)})),Object.assign(i,{el:n,wrapperEl:r,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:r,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Ge(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Ge(n,"direction")==="rtl"),wrongRTL:Ge(r,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(l=>{l.complete?Tt(i,l):l.addEventListener("load",r=>{Tt(i,r.target)})}),Ht(i),i.initialized=!0,Ht(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:l,wrapperEl:r,slides:s}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),l.removeAttribute("style"),r.removeAttribute("style"),s&&s.length&&s.forEach(d=>{d.classList.remove(o.slideVisibleClass,o.slideFullyVisibleClass,o.slideActiveClass,o.slideNextClass,o.slidePrevClass),d.removeAttribute("style"),d.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(d=>{n.off(d)}),e!==!1&&(n.el.swiper=null,Ln(n)),n.destroyed=!0),null}static extendDefaults(e){Ce($t,e)}static get extendedDefaults(){return $t}static get defaults(){return Ut}static installModule(e){Ve.prototype.__modules__||(Ve.prototype.__modules__=[]);const i=Ve.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Ve.installModule(i)),Ve):(Ve.installModule(e),Ve)}};Object.keys(Gt).forEach(t=>{Object.keys(Gt[t]).forEach(e=>{Wt.prototype[e]=Gt[t][e]})}),Wt.use([Yn,Xn]);const Mi=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function Qe(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function lt(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:Qe(e[n])&&Qe(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:lt(t[n],e[n]):t[n]=e[n]})}function Oi(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Li(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function ji(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function Ni(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 tl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function il(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:l,prevEl:r,scrollbarEl:s,paginationEl:d}=t;const u=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:c,pagination:v,navigation:m,scrollbar:f,virtual:h,thumbs:g}=e;let I,p,w,b,E,y,S,M;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&c.thumbs&&!c.thumbs.swiper&&(I=!0),o.includes("controller")&&n.controller&&n.controller.control&&c.controller&&!c.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(c.pagination||c.pagination===!1)&&v&&!v.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||s)&&(c.scrollbar||c.scrollbar===!1)&&f&&!f.el&&(b=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||r)&&(n.navigation.nextEl||l)&&(c.navigation||c.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(E=!0);const D=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),c[T].prevEl=void 0,c[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),c[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(c.loop&&!n.loop?y=!0:!c.loop&&n.loop?S=!0:M=!0),u.forEach(T=>{if(Qe(c[T])&&Qe(n[T]))Object.assign(c[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&D(T);else{const x=n[T];(x===!0||x===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?x===!1&&D(T):c[T]=n[T]}}),u.includes("controller")&&!p&&e.controller&&e.controller.control&&c.controller&&c.controller.control&&(e.controller.control=c.controller.control),o.includes("children")&&i&&h&&c.virtual.enabled?(h.slides=i,h.update(!0)):o.includes("virtual")&&h&&c.virtual.enabled&&(i&&(h.slides=i),h.update(!0)),o.includes("children")&&i&&c.loop&&(M=!0),I&&g.init()&&g.update(!0),p&&(e.controller.control=c.controller.control),w&&(e.isElement&&(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-pagination"),d.part.add("pagination"),e.el.appendChild(d)),d&&(c.pagination.el=d),v.init(),v.render(),v.update()),b&&(e.isElement&&(!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-scrollbar"),s.part.add("scrollbar"),e.el.appendChild(s)),s&&(c.scrollbar.el=s),f.init(),f.updateSize(),f.setTranslate()),E&&(e.isElement&&((!l||typeof l=="string")&&(l=document.createElement("div"),l.classList.add("swiper-button-next"),l.innerHTML=e.hostEl.constructor.nextButtonSvg,l.part.add("button-next"),e.el.appendChild(l)),(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-button-prev"),r.innerHTML=e.hostEl.constructor.prevButtonSvg,r.part.add("button-prev"),e.el.appendChild(r))),l&&(c.navigation.nextEl=l),r&&(c.navigation.prevEl=r),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),(y||M)&&e.loopDestroy(),(S||M)&&e.loopCreate(),e.update()}function nl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};lt(i,Ut),i._emitClasses=!0,i.init=!1;const l={},r=Mi.map(d=>d.replace(/_/,"")),s=Object.assign({},t);return Object.keys(s).forEach(d=>{typeof t[d]>"u"||(r.indexOf(d)>=0?Qe(t[d])?(i[d]={},o[d]={},lt(i[d],t[d]),lt(o[d],t[d])):(i[d]=t[d],o[d]=t[d]):d.search(/on[A-Z]/)===0&&typeof t[d]=="function"?e?n[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:i.on[`${d[2].toLowerCase()}${d.substr(3)}`]=t[d]:l[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:o,rest:l,events:n}}function ol(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:l,scrollbarEl:r,swiper:s}=t;Oi(e)&&n&&o&&(s.params.navigation.nextEl=n,s.originalParams.navigation.nextEl=n,s.params.navigation.prevEl=o,s.originalParams.navigation.prevEl=o),Li(e)&&l&&(s.params.pagination.el=l,s.originalParams.pagination.el=l),ji(e)&&r&&(s.params.scrollbar.el=r,s.originalParams.scrollbar.el=r),s.init(i)}function ll(t,e,i,n,o){const l=[];if(!e)return l;const r=d=>{l.indexOf(d)<0&&l.push(d)};if(i&&n){const d=n.map(o),u=i.map(o);d.join("")!==u.join("")&&r("children"),n.length!==i.length&&r("children")}return Mi.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(Qe(t[d])&&Qe(e[d])){const u=Object.keys(t[d]),c=Object.keys(e[d]);u.length!==c.length?r(d):(u.forEach(v=>{t[d][v]!==e[d][v]&&r(d)}),c.forEach(v=>{t[d][v]!==e[d][v]&&r(d)}))}else t[d]!==e[d]&&r(d)}),l}const sl=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 xt(){return xt=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},xt.apply(this,arguments)}function Bi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Ri(t){const e=[];return a.Children.toArray(t).forEach(i=>{Bi(i)?e.push(i):i.props&&i.props.children&&Ri(i.props.children).forEach(n=>e.push(n))}),e}function al(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return a.Children.toArray(t).forEach(n=>{if(Bi(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=Ri(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 rl(t,e,i){if(!i)return null;const n=c=>{let v=c;return c<0?v=e.length+c:v>=e.length&&(v=v-e.length),v},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:l,to:r}=i,s=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,u=[];for(let c=s;c<d;c+=1)c>=l&&c<=r&&u.push(e[n(c)]);return u.map((c,v)=>a.cloneElement(c,{swiper:t,style:o,key:c.props.virtualIndex||c.key||`slide-${v}`}))}function ut(t,e){return typeof window>"u"?a.useEffect(t,e):a.useLayoutEffect(t,e)}const qt=a.createContext(null),zi=()=>a.useContext(qt),dl=a.createContext(null),Ze=a.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:l,onSwiper:r,...s}=t===void 0?{}:t,d=!1;const[u,c]=a.useState("swiper"),[v,m]=a.useState(null),[f,h]=a.useState(!1),g=a.useRef(!1),I=a.useRef(null),p=a.useRef(null),w=a.useRef(null),b=a.useRef(null),E=a.useRef(null),y=a.useRef(null),S=a.useRef(null),M=a.useRef(null),{params:D,passedParams:T,rest:x,events:A}=nl(s),{slides:C,slots:_}=al(l),P=()=>{h(!f)};Object.assign(D.on,{_containerClasses(j,B){c(B)}});const N=()=>{Object.assign(D.on,A),d=!0;const j={...D};if(delete j.wrapperClass,p.current=new Wt(j),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=C;const B={cache:!1,slides:C,renderExternal:m,renderExternalUpdate:!1};lt(p.current.params.virtual,B),lt(p.current.originalParams.virtual,B)}};I.current||N(),p.current&&p.current.on("_beforeBreakpoint",P);const z=()=>{d||!A||!p.current||Object.keys(A).forEach(j=>{p.current.on(j,A[j])})},G=()=>{!A||!p.current||Object.keys(A).forEach(j=>{p.current.off(j,A[j])})};a.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),a.useEffect(()=>{!g.current&&p.current&&(p.current.emitSlidesClasses(),g.current=!0)}),ut(()=>{if(e&&(e.current=I.current),!!I.current)return p.current.destroyed&&N(),ol({el:I.current,nextEl:E.current,prevEl:y.current,paginationEl:S.current,scrollbarEl:M.current,swiper:p.current},D),r&&!p.current.destroyed&&r(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),ut(()=>{z();const j=ll(T,w.current,C,b.current,B=>B.key);return w.current=T,b.current=C,j.length&&p.current&&!p.current.destroyed&&il({swiper:p.current,slides:C,passedParams:T,changedParams:j,nextEl:E.current,prevEl:y.current,scrollbarEl:M.current,paginationEl:S.current}),()=>{G()}}),ut(()=>{sl(p.current)},[v]);function V(){return D.virtual?rl(p.current,C,v):C.map((j,B)=>a.cloneElement(j,{swiper:p.current,swiperSlideIndex:B}))}return a.createElement(n,xt({ref:I,className:Ni(`${u}${i?` ${i}`:""}`)},x),a.createElement(dl.Provider,{value:p.current},_["container-start"],a.createElement(o,{className:tl(D.wrapperClass)},_["wrapper-start"],V(),_["wrapper-end"]),Oi(D)&&a.createElement(a.Fragment,null,a.createElement("div",{ref:y,className:"swiper-button-prev"}),a.createElement("div",{ref:E,className:"swiper-button-next"})),ji(D)&&a.createElement("div",{ref:M,className:"swiper-scrollbar"}),Li(D)&&a.createElement("div",{ref:S,className:"swiper-pagination"}),_["container-end"]))});Ze.displayName="Swiper";const je=a.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:l,zoom:r,lazy:s,virtualIndex:d,swiperSlideIndex:u,...c}=t===void 0?{}:t;const v=a.useRef(null),[m,f]=a.useState("swiper-slide"),[h,g]=a.useState(!1);function I(E,y,S){y===v.current&&f(S)}ut(()=>{if(typeof u<"u"&&(v.current.swiperSlideIndex=u),e&&(e.current=v.current),!(!v.current||!l)){if(l.destroyed){m!=="swiper-slide"&&f("swiper-slide");return}return l.on("_slideClass",I),()=>{l&&l.off("_slideClass",I)}}}),ut(()=>{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,b=()=>{g(!0)};return a.createElement(i,xt({ref:v,className:Ni(`${m}${o?` ${o}`:""}`),"data-swiper-slide-index":d,onLoad:b},c),r&&a.createElement(qt.Provider,{value:p},a.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof r=="number"?r:void 0},w(),s&&!h&&a.createElement("div",{className:"swiper-lazy-preloader"}))),!r&&a.createElement(qt.Provider,{value:p},w(),s&&!h&&a.createElement("div",{className:"swiper-lazy-preloader"})))});je.displayName="SwiperSlide";function ze(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=re(),o=a.useCallback((r,s,d,u)=>{var c,v,m,f,h,g,I,p,w,b,E,y,S,M;let D="";e&&(!((v=(c=r?.video)===null||c===void 0?void 0:c.bindProducts)===null||v===void 0)&&v.length||!((m=r?.video)===null||m===void 0)&&m.bindProduct)?D="pdpPage":n?D="hashTagPage":!((f=r?.video)===null||f===void 0)&&f.url?D="videoPage":!((h=r?.video)===null||h===void 0)&&h.imgUrls&&(!((I=(g=r?.video)===null||g===void 0?void 0:g.imgUrls)===null||I===void 0)&&I.length)?D="imagePage":r?.product&&(D="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=s?.itemId)!==null&&p!==void 0?p:"",productName:(w=s?.title)!==null&&w!==void 0?w:"",price:s?.price?s?.price+"":"0",productCollection:(b=s?.collection)!==null&&b!==void 0?b:"",fromKName:D,fromKPage:location?.href,contentTags:s?.tags?JSON.stringify(s?.tags):"",position:u+"",contentId:(y=(E=r?.video)===null||E===void 0?void 0:E.itemId)!==null&&y!==void 0?y:"",ctatId:(S=d?.itemId)!==null&&S!==void 0?S:"",traceInfo:(M=s?.traceInfo)!==null&&M!==void 0?M:""}})},[t,e,n]),l=a.useCallback((r,s,d,u,c)=>{var v,m,f,h;let g="";e&&(!((m=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((f=r?.video)===null||f===void 0)&&f.bindProduct)?g="pdpPage":r?.product&&(g="productPage"),t?.({eventInfo:{productId:s?.itemId,productName:s?.title,price:s?.price?s?.price+"":"0",productCollection:s?.collection,fromKName:g,fromKPage:location?.href,contentTags:JSON.stringify(s?.tags),position:c+"",contentId:(h=r?.video)===null||h===void 0?void 0:h.itemId,ctatId:d?.itemId,traceInfo:s?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:l}}const cl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",ul=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:l})=>{var r;const[s,d]=a.useState(!1),u=a.useRef(null);a.useEffect(()=>{const m=document.getElementById("sxp-render"),f=document.getElementById("pb-modal");f?u.current=f:(u.current=document.createElement("div"),u.current.setAttribute("id","pb-modal"),m?.appendChild(u.current))},[]);const c=a.useMemo(()=>l?.id&&l?.id!==""||t,[t,l]);if(a.useEffect(()=>{c?d(!0):setTimeout(()=>{d(!1)},l?.duration)},[c,l]),!u.current)return null;const v=pe.debounce(()=>{e?.()},300);return ai.createPortal(a.createElement(a.Fragment,null,s&&a.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:c?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},a.createElement("div",{className:`modal-container ${c?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((r=l?.duration)!==null&&r!==void 0?r:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},a.createElement("div",{onClick:e,className:"modal-icon-wrapper"},a.createElement("img",{src:cl,alt:"close",className:"modal-icon"})),i))),u.current)};var Et=a.memo(ul);const pl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let r=0;r<n.length&&(o.push(n[r]),!(o.join(" ").length>=e));r++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},vl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:l,unfoldText:r,isPost:s,onChange:d})=>{const[u,c]=a.useState(!1),[v,m]=a.useState(!1),f=Number(i?.lineClamp||2),h=a.useRef(null),g=a.useRef(null),I=a.useCallback(()=>{c(!u)},[u,d]);return a.useMemo(()=>!u&&t.length>e?pl(t,e)+"...":t,[t,e,u]),a.useEffect(()=>{var p,w;((p=g?.current)===null||p===void 0?void 0:p.offsetHeight)>((w=h?.current)===null||w===void 0?void 0:w.offsetHeight)&&s?m(!0):m(!1),g.current.style.display="none"},[s]),a.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},a.createElement("div",{ref:h,style:{overflow:"hidden",WebkitLineClamp:!s||u?"":f,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),a.createElement("div",{ref:g,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&s&&v&&a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??I},u?r||"show less":l||"show more"))};var Ct=a.memo(vl);const fl=a.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:l,loading:r}=t,[s,d]=a.useState();return a.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),a.useEffect(()=>{d(i)},[i]),a.createElement(a.Fragment,null,s?.includes(".avif")?a.createElement("picture",null,a.createElement("source",{type:"image/avif",srcSet:s}),a.createElement("source",{type:"image/webp",srcSet:`${s}?imageMogr2/format/webp`}),a.createElement("source",{type:"image/jpeg",srcSet:`${s}?imageMogr2/format/jpg`}),a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}})):a.createElement("img",{className:l,src:s,style:o,loading:r,onLoad:u=>{n?.(u.target)}}))});var De=a.memo(fl);const ml=t=>{var e,i,n,o,l,r,s,d,u,{content:c,style:v,bgImg:m,onClick:f,schema:h,isDefault:g,bottom_image:I,tipText:p,isPost:w,viewTime:b,rec:E,swiper:y,commodityStyles:S,buttonStyle:M,index:D}=t,T=ge(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:x}=re(),{popupDetailData:A,bffEventReport:C,isPreview:_,bffFbReport:P}=re(),{jumpToWeb:N,productView:z}=ze(),G=a.useRef(null),[V,j]=a.useState(!1),B=w?E:A,O=w?B?.product:(e=B?.video)===null||e===void 0?void 0:e.bindProduct,k=w?(i=B?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=B?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,q=w?D:A?.index,F=()=>{O?.link&&(N(A,O,k,q),w||z(B,O,k,b||G.current,q),window.location.href=window.getJointUtmLink(O.link))};a.useEffect(()=>{w||P?.({eventName:"ProductView"})},[w,P]),a.useEffect(()=>{const W=()=>{G.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const U=a.useMemo(()=>{var W,ie,oe,K,R;return O?.currency&&O?.price?`${(oe=(ie=(W=O?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ie===void 0?void 0:ie.toUpperCase())!==null&&oe!==void 0?oe:""}${(R=(K=O?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&R!==void 0?R:""}`:"$7,000"},[O?.price,O?.currency]),Z=_?375:(l=v?.width)!==null&&l!==void 0?l:window.innerWidth,se=({isPost:W})=>{var ie,oe,K;return a.createElement("div",null,a.createElement("div",{className:"pb-commondity-content-collection",style:S?.collection,hidden:!!O&&(!O?.collection||O?.collection==="")},(ie=O?.collection)!==null&&ie!==void 0?ie:"Tiffany Lock"),a.createElement("div",{className:"pb-commondity-content-title",style:S?.title,hidden:!!O&&!O?.title},(oe=O?.title)!==null&&oe!==void 0?oe:"Pendant in Yellow Gold with Diamonds, Medium"),a.createElement("div",{className:"pb-commondity-content-price",style:S?.price,hidden:!!O&&!O?.price},U),a.createElement("div",{hidden:!!O&&(!O?.info||O?.info==="")},a.createElement(Ct,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>j(!0),isPost:W,text:(K=O?.info)!==null&&K!==void 0?K:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
|
2
2
|
bold and avant-garde visual design interprets the emotional bond connecting my heart. The Tiffany Lock
|
3
3
|
collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
|
4
4
|
necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
|
5
|
-
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:S?.info})))},
|
6
|
-
Made in Italy`}));return a.createElement("div",{className:"pb-commondityDiroNew"},a.createElement("div",Object.assign({ref:G,className:X.css(Object.assign({},m))},I),A&&((r=A?.homePage)===null||r===void 0?void 0:r.length)>0&&a.createElement(Je,{height:ne,modules:[gt,bt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:C?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:C?.delay*1e3}},(s=A?.homePage)===null||s===void 0?void 0:s.map(Y=>a.createElement(Oe,{key:Y},a.createElement("div",{style:{overflow:"hidden",width:ne,height:ne}},a.createElement(Ce,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:Y}))))),!(!((d=A?.homePage)===null||d===void 0)&&d.length)&&a.createElement("div",{className:X.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},a.createElement("img",{className:X.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=T?.bottom_image)!==null&&u!==void 0?u:w,alt:""})),a.createElement("div",{className:"pb-commondityDiroNew-content"},a.createElement("div",{className:"pb-commondityDiroNew-content-top"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:y?.title},(c=A?.title)!==null&&c!==void 0?c:"Large Dior Toujours Bag"),a.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!A&&(!A?.collection||A?.collection===""),style:y?.collection},A?.collection||"Black Macrocannage Calfskin")),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!A&&!A?.price,style:y?.price},K),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!A&&!A?.taxInfo,style:y?.taxInfo},(v=A?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!A||A?.link)&&a.createElement("button",{onClick:W,className:"pb-commondityDiroNew-btn",style:S},(f=U?.enTitle)!==null&&f!==void 0?f:"Shop now"),oe({isPost:p}))),a.createElement(St,{visible:F,onClose:()=>j(!1)},oe({isPost:!1})))};var Cl=a.memo(El);const Il=we(Cl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:xl},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 Yt,Xt,Ie=[{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:ee,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(Yt=ee?.[0])===null||Yt===void 0?void 0:Yt.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:ee,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(Xt=ee?.[0])===null||Xt===void 0?void 0:Xt.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"]}]}],Dl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Vi(t){const e=a.useRef(null),[i,n]=a.useState(!1);return a.useEffect(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),a.useEffect(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const kl=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:r=!1,index:s}=t;me(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=a.useRef(null),u=Vi(d),{popup:c}=Ne(),{setPopupDetailData:v,ctaEvent:f}=se(),{jumpToWeb:m}=Be();a.useEffect(()=>{var b,D;if(u&&d?.current){const p=(D=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&D!==void 0?D:e?.video;f?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,s)}},[u,d,e,f,s]);const g=ve.throttle(()=>{var b,D,p,w,h,C,y,S,M,I;const T=(D=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&D!==void 0?D:e?.video;if(f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,T,s),v?.(Object.assign(Object.assign({},e),{index:s})),r){if(!((w=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||w===void 0)&&w.link){const E=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(C=e?.video)===null||C===void 0?void 0:C.bindProduct;m(e,_,E,s),window.location.href=(S=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)===null||S===void 0?void 0:S.link,window.location.href=window.getJointUtmLink((I=(M=e?.video)===null||M===void 0?void 0:M.bindProduct)===null||I===void 0?void 0:I.link)}}else o?.()},c?.duration);return a.createElement("div",{ref:d,className:n,style:l,onClick:g},i)};var dt=a.memo(kl),_l={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Al=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:f,ctaTempStyles:m,isExternalLink:g}=t,b=me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:D}=se(),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:D?.bottom_image)!==null&&o!==void 0?o:f;return a.createElement(dt,Object.assign({isExternalLink:g,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},b),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ce,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:_l["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var Pl=a.memo(Al);const Ml=we(Pl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Dl,bindableProps:[],settingRender:Ie},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 Ol=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ll=t=>{var e,i,n,o,{content:l,style:r,bgImg:s,recData:d,bottom_image:u,ctaTempStyles:c,isExternalLink:v}=t,f=me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:m}=se(),g=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return a.createElement(dt,Object.assign({isExternalLink:v,rec:d,className:X.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},f),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},a.createElement("img",{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=g?.icon)!==null&&i!==void 0?i:m?.bottom_image)!==null&&n!==void 0?n:u,alt:""})),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},c?.ctaTitle))},(o=g?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var jl=a.memo(Ll);const Nl=we(jl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Ol,settingRender:Ie?.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 Bl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Rl=t=>{var e,i,n,o,l,{content:r,style:s,bgImg:d,recData:u,bottom_image:c,ctaTempStyles:v,index:f}=t,m=me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:g,bffEventReport:b}=se(),{jumpToWeb:D}=Be(),p=(e=u?.video)===null||e===void 0?void 0:e.bindCta,w=(i=u?.video)===null||i===void 0?void 0:i.bindProduct,h=()=>{p?.link&&(D(u,w,p,f),window.location.href=window.getJointUtmLink(p.link))};return a.createElement(dt,Object.assign({index:f,rec:u,className:X.css(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},m,{onClick:h}),a.createElement("div",{className:X.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},a.createElement(Ce,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=p?.icon)!==null&&n!==void 0?n:g?.bottom_image)!==null&&o!==void 0?o:c})),a.createElement("div",{className:X.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Bl["tow-line-ellipsis"],style:v?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var zl=a.memo(Rl);const Vl=we(zl,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Ie?.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 Fl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Hl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Ul=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:f,ctaTempStyles:m,isExternalLink:g}=t,b=me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:D}=se(),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:D?.bottom_image)!==null&&o!==void 0?o:f;return a.createElement(dt,Object.assign({isExternalLink:g,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},b),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ce,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Hl["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var Gl=a.memo(Ul);const $l=we(Gl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Fl,settingRender:Ie,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 Wl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ql={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Yl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:f,ctaTempStyles:m,isExternalLink:g}=t,b=me(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:D}=se(),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:D?.bottom_image)!==null&&o!==void 0?o:f;return a.createElement(dt,Object.assign({isExternalLink:g,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},b),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},m?.img))},a.createElement(Ce,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:ql["tow-line-ellipsis"],style:m?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},m?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop now")))};var Xl=a.memo(Yl);const Jl=we(Xl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:Wl,bindableProps:[],settingRender:Ie},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 Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ql=({children:t,isPadding:e=!0})=>a.createElement(Je,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Hn,Fn,Vn],style:{padding:e?"0 12px 0 20px":0}},t);var xt=a.memo(Ql);const Zl=({src:t,rec:e,item:i,index:n})=>{const o=a.useRef(null),l=Vi(o),{ctaEvent:r}=se();return a.useEffect(()=>{l&&t&&o?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,r,i,n]),a.createElement("div",{ref:o,hidden:!t,className:X.css({width:"100%",height:"100%"})},a.createElement(Ce,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:t}))};var Jt=a.memo(Zl),es={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const ts=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,f=me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:m,setPopupDetailData:g,sxpParameter:b}=se(),{popup:D}=Ne(),{jumpToWeb:p}=Be(),[w,h]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),C=ve.throttle(y=>{m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),g?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(p(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},D?.duration);return a.createElement(xt,{isPadding:!!r},w?.map(y=>{var S,M,I,T,E,_;return a.createElement(Oe,Object.assign({hidden:r&&!y?.bindCta,key:y?.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},f,{onClick:()=>C(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Jt,{src:(I=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:b?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:es["two-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(_=(E=y?.bindCta)===null||E===void 0?void 0:E.enTitle)!==null&&_!==void 0?_:"Shop Now")))}))};var is=a.memo(ts);const ns=we(is,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Kl,bindableProps:[],settingRender:Ie},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 os=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ls={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const ss=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,f=me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:m}=se(),{ctaEvent:g,setPopupDetailData:b}=se(),{popup:D}=Ne(),[p,w]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:h}=Be(),C=ve.throttle(y=>{g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),b?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(h(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},D?.duration);return a.createElement(xt,{isPadding:!!r},p?.map(y=>{var S,M,I,T,E,_;return a.createElement(Oe,Object.assign({hidden:r&&!y?.bindCta,key:y.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},f,{onClick:()=>C(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Jt,{src:(I=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:m?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:ls["two-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(_=(E=y?.bindCta)===null||E===void 0?void 0:E.enTitle)!==null&&_!==void 0?_:"Shop Now")))}))};var as=a.memo(ss);const rs=we(as,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:os,settingRender:Ie,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 ds=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],cs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const us=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,f=me(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:m,setPopupDetailData:g,sxpParameter:b}=se(),{popup:D}=Ne(),{jumpToWeb:p}=Be(),[w,h]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),C=ve.throttle(y=>{m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),g?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(p(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},D?.duration);return a.createElement(xt,{isPadding:!!r},w?.map(y=>{var S,M,I,T,E,_;return a.createElement(Oe,Object.assign({hidden:r&&!y?.bindCta,key:y?.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},f,{onClick:()=>C(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Jt,{src:(I=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:b?.bottom_image)!==null&&I!==void 0?I:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},a.createElement("div",{className:cs["tow-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(_=(E=y?.bindCta)===null||E===void 0?void 0:E.enTitle)!==null&&_!==void 0?_:"Shop now")))}))};var ps=a.memo(us);const vs=we(ps,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:ds,bindableProps:[],settingRender:Ie},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 Kt,Qt,fs=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u6587\u672C\u884C\u6570",name:["props","lineClamp"]},{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ee,name:["fontFamily"],initialValue:(Kt=ee?.[0])===null||Kt===void 0?void 0:Kt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ee,initialValue:(Qt=ee?.[0])===null||Qt===void 0?void 0:Qt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const ms=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:r}=se();return a.createElement("div",{className:"clc-sxp-nav",style:e},a.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),a.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var Fi=a.memo(ms),hs=null,gs="3d989325-e7d6-4a74-8a97-98febdf5b567",bs=null,ys=null,ws={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"},Ss=[{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}],Ts="Handbags",xs={productUserId:hs,requestId:gs,channel:bs,rtc:ys,tag:ws,recList:Ss,hashTag:Ts};const Es=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:r}=t,{swiperRef:s,setRtcList:d,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=se(),[f,m]=a.useState(!1),g=a.useRef(null),b=a.useRef(null),D=a.useRef(null),p=a.useRef(null),[w,h]=a.useState(""),C=a.useMemo(()=>{var T,E,_,x,k,O,B,V,G,F,j,N;return!((T=e?.video)===null||T===void 0)&&T.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((_=e?.video)===null||_===void 0)&&_.url?(m(!0),(x=e?.video)===null||x===void 0?void 0:x.url):!((O=(k=e?.video)===null||k===void 0?void 0:k.imgUrls)===null||O===void 0)&&O.length?(V=(B=e?.video)===null||B===void 0?void 0:B.imgUrls)===null||V===void 0?void 0:V[0]:!((F=(G=e?.product)===null||G===void 0?void 0:G.homePage)===null||F===void 0)&&F.length?(N=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||N===void 0?void 0:N[0]:v?.bottom_image||""},[e,v?.bottom_image]),y=a.useMemo(()=>{var T,E;return((T=e?.product)===null||T===void 0?void 0:T.title)||((E=e?.video)===null||E===void 0?void 0:E.title)||null},[e]),S=a.useMemo(()=>{var T,E,_,x,k,O,B,V,G;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(O=(k=(x=(_=e?.product)===null||_===void 0?void 0:_.currency)===null||x===void 0?void 0:x.split("-")[1])===null||k===void 0?void 0:k.toUpperCase())!==null&&O!==void 0?O:""}${(G=(V=(B=e?.product)===null||B===void 0?void 0:B.price)===null||V===void 0?void 0:V.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&G!==void 0?G:""}`:null},[e]);a.useEffect(()=>{const T=new IntersectionObserver(E=>{E.forEach(_=>{if(_.isIntersecting){if(b.current===null||C==="")return;f&&w?g.current.setSrc(w):g.current.setSrc(C),T.unobserve(b.current)}})});return T.observe(b.current),()=>{T.disconnect()}},[C,f,w]);const M=(T,E,_)=>{const x=T/E;return _/x};a.useEffect(()=>{const T=D?.current;T===null||C===""||!f||(T.src=C,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const E=p?.current;if(!E)return;const _=E.getContext("2d"),x=window?.innerWidth/2,k=M(T.videoWidth,T.videoHeight,x);E.height=k,E.width=x,_?.drawImage(T,0,0,E.width,E.height),h(E.toDataURL()),T.remove(),E.remove()})},[C,f]);const I=()=>{o(),d?.(n),setTimeout(()=>{var T;(T=s?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),u?.(!1)},0)};return a.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:I,style:{marginBottom:r}},a.createElement("div",{className:"list-content-listItem-picture"},f&&a.createElement("div",{style:{display:"none"}},a.createElement("video",{ref:D,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),a.createElement("canvas",{ref:p})),a.createElement(Ce,{loading:"lazy",className:"list-content-listItem-picture-img",ref:g})),a.createElement("div",{className:"list-content-listItem-info"},a.createElement("div",{className:`list-content-listItem-info-title ${S?"list-content-listItem-info-nowrap":""}`,style:l?.title},y&&y),a.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!S},S)))};function Cs(t){var e,i,n,o,l,r,s,d,u,c,v,f,{reportTagsView:m}=t,g=me(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:D,hashTagSize:p,loadingImage:w,isOpenHashTag:h}=se(),[C,y]=a.useState(),[S,M]=a.useState(),[I,T]=a.useState(!1),E=a.useRef(null),[_,x]=a.useState(!1);a.useCallback(()=>{_||(x(!0),b&&D?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(O=>{var B;y(C?.concat((B=O?.recList)!==null&&B!==void 0?B:[])),x(!1)}))},[b,D,C,_]),a.useEffect(()=>{var O,B;if(T(!0),b&&D?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:p,maxSize:p}).then(V=>{var G,F;M(V),y((F=(G=V?.recList)===null||G===void 0?void 0:G.filter(j=>j?.video!==null||j?.product!==null))!==null&&F!==void 0?F:[]),T(!1)}),h){const V=xs;M(V),y((B=(O=V?.recList)===null||O===void 0?void 0:O.filter(G=>G?.video!==null||G?.product!==null))!==null&&B!==void 0?B:[]),T(!1)}},[b,D,p,h]);const k=()=>{var O,B;!((O=S?.tag)===null||O===void 0)&&O.link&&(m(),window.location.href=(B=S?.tag)===null||B===void 0?void 0:B.link)};return a.createElement(a.Fragment,null,I?a.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):a.createElement("div",{className:"list"},a.createElement("div",{className:"list-scroll",ref:E},a.createElement("div",{className:"list-info",style:(e=g?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=S?.tag)===null||i===void 0?void 0:i.info),a.createElement("div",{hidden:!(!((n=S?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:k,style:Object.assign(Object.assign({},(o=g?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:g?.space})},((l=S?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),a.createElement("div",{className:"list-content"},C?.map((O,B)=>a.createElement(Es,Object.assign({key:B,index:B,rec:O,list:C,reportTagsView:m},g)))),a.createElement("div",{hidden:!_,style:{textAlign:"center"}},"loading..."),a.createElement("div",{hidden:!(!((r=S?.tag)===null||r===void 0)&&r.link),style:{height:!((s=S?.tag)===null||s===void 0)&&s.link?((d=g?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((u=g?.buttonStyle)===null||u===void 0?void 0:u.height)||"100px":0}})),a.createElement("div",{className:"list-bottom",hidden:!(!((c=S?.tag)===null||c===void 0)&&c.link),style:g?.buttonBgStyle}),a.createElement("div",{hidden:!(!((v=S?.tag)===null||v===void 0)&&v.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},g?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},a.createElement("button",{className:"list-btn",style:g?.buttonStyle,onClick:k},((f=S?.tag)===null||f===void 0?void 0:f.linkTitle)||"Shop the collection"))))}var Is="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ds=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:r,cacheRtcList:s,setRtcList:d,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:f,isFromHashtag:m,bffEventReport:g}=se();a.useRef(null);const b=a.useRef(null),[D,p]=a.useState();a.useEffect(()=>{const S=document.getElementById("sxp-render"),M=document.getElementById("water-fall");M?b.current=M:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),S?.appendChild(b.current))},[]);const w=()=>{const S=ve.isEqual(c,s);!S&&s&&s?.length&&d?.(s),y(),r?.(void 0),f?.(!1),setTimeout(()=>{var M,I;S||(I=(M=l?.current)===null||M===void 0?void 0:M.swiper)===null||I===void 0||I.slideTo(u,0,!1),n?.(!1)},0)},[h,C]=a.useState();a.useEffect(()=>{i&&C(i)},[i]);const y=a.useCallback(()=>{var S,M,I,T,E,_;const x=h?.rec;if(!x)return;let k="";m?k="hashTagPage":!((S=x?.video)===null||S===void 0)&&S.url?k="videoPage":!((I=(M=x?.video)===null||M===void 0?void 0:M.imgUrls)===null||I===void 0)&&I.length&&(k="imagePage"),g?.({eventInfo:{contentId:(T=x?.video)===null||T===void 0?void 0:T.itemId,position:u+"",contentTags:JSON.stringify((E=x?.video)===null||E===void 0?void 0:E.tags),traceInfo:(_=x?.video)===null||_===void 0?void 0:_.traceInfo,hashTags:JSON.stringify([h?.hashTag]),fromKName:k,fromKPage:location?.href,timeOnSite:Math.floor((new Date-D)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[h,g,D,m,u]);return a.useEffect(()=>{o&&p(new Date)},[o]),a.useEffect(()=>{const S=()=>{p(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),b.current?si.createPortal(a.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},a.createElement(Fi,{icon:Is,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),a.createElement(Cs,Object.assign({reportTagsView:y},t))),b.current):null};var Hi=a.memo(Ds);const ks=t=>a.createElement(Hi,Object.assign({},t));var _s=a.memo(ks);const As=we(_s,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:fs,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Zt=Object.freeze({__proto__:null,Appoint:Nl,AppointForm:An,Commodity:Ml,CommodityDetail:hl,CommodityDetailDiroNew:Il,CommodityDiro:$l,CommodityDiroNew:Jl,HashTag:As,Link:Vl,MultiCommodity:rs,MultiCommodityDiro:ns,MultiCommodityDiroNew:vs,Prompt:Tl});const Ps="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Ms="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Os=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,r=me(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:d,bffEventReport:u}=se(),[c,v]=a.useState(e),f=xe(Ms),m=xe(Ps),g=ve.debounce(()=>ge(void 0,void 0,void 0,function*(){var b,D,p,w,h,C,y,S,M,I,T,E,_,x,k,O,B,V,G,F;if(c){v(!1);const j=(p=yield d?.({videoItemId:(D=(b=o.video)===null||b===void 0?void 0:b.itemId)!==null&&D!==void 0?D:""}))!==null&&p!==void 0?p:!1;u?.({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:(y=(C=o.video)===null||C===void 0?void 0:C.title)!==null&&y!==void 0?y:"",contentTags:JSON.stringify((M=(S=o.video)===null||S===void 0?void 0:S.tags)!==null&&M!==void 0?M:[]),position:l+"",contentFormat:!((I=o.video)===null||I===void 0)&&I.url?"video":"image",traceInfo:(T=o.video)===null||T===void 0?void 0:T.traceInfo}}),j||v(!0)}else{v(!0);const j=(E=yield s?.({content:JSON.stringify(o)}))!==null&&E!==void 0?E:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(_=o.video)===null||_===void 0?void 0:_.itemId)!==null&&x!==void 0?x:"",contentName:(O=(k=o.video)===null||k===void 0?void 0:k.title)!==null&&O!==void 0?O:"",contentTags:JSON.stringify((V=(B=o.video)===null||B===void 0?void 0:B.tags)!==null&&V!==void 0?V:[]),position:l+"",contentFormat:!((G=o.video)===null||G===void 0)&&G.url?"video":"image",traceInfo:(F=o.video)===null||F===void 0?void 0:F.traceInfo}}),j||v(!1)}}),200);return a.createElement("button",Object.assign({},r,{onClick:g}),a.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||f:n||m,alt:"icon"}))};var Ui=a.memo(Os);const nt=new ln;var Ge;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})(Ge||(Ge={}));const Ls=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,videoRef:s})=>{const[d,u]=a.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:f,openHashtag:m}=se(),g=a.useRef(0),[b,D]=a.useState(!1),[p,w]=a.useState(!0),{isActive:h}=Ri(),C=a.useRef(null),[y,S]=a.useState(""),M=`pb-cache-video-${e}`,I=a.useRef(null),T=a.useMemo(()=>r?.mode==="2",[r]),E=a.useMemo(()=>{var U;return r?.mode==="2"?`translateY(-${50+((U=r?.offsetTop)!==null&&U!==void 0?U:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),_=a.useMemo(()=>{var U;return((U=t?.video)===null||U===void 0?void 0:U.cover)||y},[y,t]),x=a.useMemo(()=>T?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[T]),k=a.useMemo(()=>r?.bgWay==="1",[r]),O=a.useMemo(()=>k&&r?.bgColor?{backgroundColor:r?.bgColor}:{},[r,k]);a.useEffect(()=>{s&&s?.muted(o)},[o,s]);const B=a.useCallback(()=>{s&&s?.play()},[s]),V=xe("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),G=a.useCallback(()=>{var U,H,W,K,ne,oe,Y,ie,z;if(!s)return;D(!0),u(!1);const R=n[e];if(R&&s?.duration()){g.current=s?.currentTime()||0;const q=((U=s?.duration())!==null&&U!==void 0?U:0).toFixed(2),ce=((H=s?.currentTime())!==null&&H!==void 0?H:0).toFixed(2),re=p?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(K=(W=R.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(oe=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&oe!==void 0?oe:"",playType:re,startTime:ce,videoDuration:q,contentTags:JSON.stringify((ie=(Y=R.video)===null||Y===void 0?void 0:Y.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(z=R.video)===null||z===void 0?void 0:z.traceInfo}}),w(!1)}},[c,n,e,p,s]),F=a.useCallback(()=>{var U;if(!s||y||!T)return;const H=document.getElementById("player-container-id_html5_api");if(!H||(H.style.objectFit="contain",!((U=t?.video)===null||U===void 0)&&U.cover||!C||!C.current||k))return;const W=()=>{const K=H,ne=C?.current,oe=ne.getContext("2d"),Y=window?.innerWidth,ie=window?.innerHeight;ne.height=ie,ne.width=Y,oe?.drawImage(K,0,0,ne.width,ne.height),S(ne.toDataURL())};W(),setTimeout(()=>{W()},500)},[s,k,t,y,T]),j=a.useCallback(()=>{s&&F()},[s,F]);a.useCallback(()=>{D(!0)},[]);const N=a.useCallback(U=>()=>{if(!s||!b)return;const H=s?.paused();switch(U){case"start":if(!H)return;s?.play(),u(!1);break;case"pause":if(H)return;s?.pause(),u(!0);break;default:H?s?.play():s?.pause(),u(!H);break}},[b,s]),P=a.useCallback(()=>{var U,H,W,K,ne,oe,Y,ie,z;if(!s||l!==e)return;const R=n[e],q=((U=s?.duration())!==null&&U!==void 0?U:0).toFixed(2),ce=((H=s?.currentTime())!==null&&H!==void 0?H:0).toFixed(2);if(s?.duration()){const re=(s?.currentTime()-g.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(K=(W=R.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(oe=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&oe!==void 0?oe:"",endTime:ce,videoDuration:q,playDuration:re,contentTags:JSON.stringify((ie=(Y=R.video)===null||Y===void 0?void 0:Y.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(z=R.video)===null||z===void 0?void 0:z.traceInfo}})}},[n,e,c,s,l]);a.useEffect(()=>{if(!h||!s)return;const U=t.video.url;if(!U)return;u(!1);const H=document.querySelector(`#${M}`),W=document.querySelector("#player-container-id"),K=document.querySelector("#player-container-id-copy");if(!(!W&&!K))return H?.appendChild(W||K),s?.src(U),s?.on("loadedmetadata",j),s?.on("loadeddata",F),s?.on("playing",G),s?.on("pause",P),s?.on("ended",B),()=>{K?.appendChild(W),s?.off("loadedmetadata",j),s?.off("loadeddata",F),s?.off("playing",G),s?.off("pause",P),s?.off("ended",B)}},[h,M,t,s]),a.useEffect(()=>{!s||!b||(h?s?.play():s?.pause())},[h,b,s]),a.useEffect(()=>{if(!h||!s)return;!s?.paused()&&m?s?.pause():m||s?.play()},[m,h,s]),a.useEffect(()=>{if(!h)return;const U=N("start"),H=N("pause");return nt.on(Ge.PAGE_DID_SHOW,U),nt.on(Ge.PAGE_DID_HIDE,H),()=>{nt.off(Ge.PAGE_DID_SHOW,U),nt.off(Ge.PAGE_DID_HIDE,H)}},[N,h]);const A=a.useMemo(()=>!v?.placeholder_image||b?null:a.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[b,v?.placeholder_image]);return a.useEffect(()=>{if(!s)return;const U=()=>{var H;l===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&s&&!d&&N("pause")()};return window.addEventListener("beforeunload",U),()=>{window.removeEventListener("beforeunload",U)}},[l,e,t,s,N,d]),t.video?a.createElement(a.Fragment,null,T?a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:N(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},O)},!k&&a.createElement(Ce,{src:_,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},x)}),a.createElement("canvas",{ref:C,style:{display:"none"}}),a.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:E,left:0,right:0}},a.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},a.createElement("div",{className:"n-full-screen",ref:I,id:M,style:{width:"100%",height:"100%"}}),a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:V}))),A):a.createElement("div",{className:"video-container",key:t.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:N()},a.createElement("div",{className:"n-full-screen",ref:I,id:M,style:{width:"100%",height:"100%"}}),A,a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:V}))):null};var js=a.memo(Ls);const Ns=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,r]=a.useState(t),s=d=>{d.stopPropagation();const u=!l;r(u),n?.(u)};return a.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},a.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var Gi=a.memo(Ns);const Bs=({imageUrl:t})=>{const[e,i]=a.useState(!0);Ne(),a.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=xe("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=a.useMemo(()=>e?"pb-fadeIn":"pb-fadeOut",[e]);return a.createElement("div",{hidden:!e,className:`pb-finger-wrap ${o}`},a.createElement("img",{src:t||n}))},$i=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=a.useMemo(()=>n?.mode==="2",[n]),l=a.useMemo(()=>{var u;return n?.mode==="2"?`translateY(-${50+((u=n?.offsetTop)!==null&&u!==void 0?u:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=a.useMemo(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]),s=a.useMemo(()=>n?.bgWay==="1",[n]),d=a.useMemo(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return a.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},d)},(!o||!s)&&a.createElement(Ce,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r)}),o&&a.createElement(Ce,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},Rs=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:r,imgUrlsPostConfig:s})=>{var d;const u=a.useRef(),{isActive:c}=Ri(),{sxpParameter:v,openHashtag:f}=se(),[m,g]=a.useState(!1);return a.useEffect(()=>{m&&c?(u?.current&&u.current.swiper.autoplay.start(),f?l(n):r(o)):(g(!0),u?.current&&u.current.swiper.autoplay.stop())},[n,c,l,f,o,r,m]),a.createElement(Je,{ref:u,defaultValue:0,direction:"horizontal",modules:[gt,bt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=s?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map(b=>a.createElement(Oe,{key:b},a.createElement($i,{src:b,height:i,imgUrlsPostConfig:s}))))};var zs=a.memo(Rs);const Vs=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[r,s]=a.useState(!1),{setWaterFallData:d,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:f}=se(),m=g=>{v?f?.(!0):c?.(n),d?.(i?{hashTag:g,itemId:e,itemType:i,rec:o}:{hashTag:g,rec:o}),u?.(!0)};return a.useMemo(()=>t.length<=6?null:a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!r)},r?"show less":"show more"),[r,t]),a.createElement("div",{className:"clc-sxp-bottom-hashtag"},a.createElement(xt,null,t?.map((g,b)=>a.createElement(Oe,{key:b,hidden:r?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>m(g)},`#${g}`))))};var Wi=a.memo(Vs),Fs="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 Et(t){return a.memo(function(e){const{$store:i}=fn(),n=l=>{let r=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=ve.get(i,c);return r=r.replace(d,v),v}})}),r},o=a.useMemo(()=>{var l,r,s;const{bindDatas:d}=e,u=me(e,["bindDatas"]);if((l=d?.forEach)===null||l===void 0||l.call(d,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:f}=c;f.replace(/{{\s*([\w.]+)\s*}}/g,(m,g)=>{var b,D;if(g){const p=(D=(b=ve.get(i,g))!==null&&b!==void 0?b:e[v])!==null&&D!==void 0?D:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=ve.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((s=(r=u?.event)===null||r===void 0?void 0:r.onClick)===null||s===void 0)&&s.linkType&&(u.style.cursor="pointer"),u},[i,e]);return a.createElement(t,Object.assign({},o,o.eventMap))})}const Hs=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Ne(),l=a.useMemo(()=>{var r,s,d,u,c,v,f,m,g,b,D,p,w,h,C,y,S,M,I,T,E,_,x,k,O,B,V,G,F,j,N;if(!t?.video)return null;let P=null;!((s=(r=t?.video)===null||r===void 0?void 0:r.bindProducts)===null||s===void 0)&&s.length?P="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?P="\u5546\u54C1CTA":P=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const A=i?.[P];if(((v=A?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((f=t?.video)===null||f===void 0)&&f.bindProduct)||((m=A?.item)===null||m===void 0?void 0:m.type)==="Commodity"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((b=A?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((D=t?.video)===null||D===void 0)&&D.bindProduct)||((p=A?.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)||((C=A?.item)===null||C===void 0?void 0:C.type)==="MultiCommodityDiro"&&!(!((S=(y=t?.video)===null||y===void 0?void 0:y.bindProducts)===null||S===void 0)&&S.length)||((M=A?.item)===null||M===void 0?void 0:M.type)==="MultiCommodityDiroNew"&&!(!((T=(I=t?.video)===null||I===void 0?void 0:I.bindProducts)===null||T===void 0)&&T.length))return null;if(A&&n){const U=n[(E=A?.item)===null||E===void 0?void 0:E.type],H=Et(U),W=(_=U?.extend)===null||_===void 0?void 0:_.defaulSetting,K=((O=(k=(x=A?.item)===null||x===void 0?void 0:x.event)===null||k===void 0?void 0:k.onClick)===null||O===void 0?void 0:O.linkType)==="externalLink";return a.createElement(H,Object.assign({style:Object.assign(Object.assign(Object.assign({},W?.style),(B=A?.item)===null||B===void 0?void 0:B.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},W?.textStyle),(V=A?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(G=A?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&F!==void 0?F:[]},W?.props,(j=A?.item)===null||j===void 0?void 0:j.props,{event:((N=A?.item)===null||N===void 0?void 0:N.event)||{},schema:o,id:A?.id,key:A?.id,recData:t,isExternalLink:K,index:e}))}else return null},[t,n,i,o]);return a.createElement(a.Fragment,null,l)};var qi=a.memo(Hs);const Yi=({nudge:t})=>{var e,i,n,o,l,r,s;return a.createElement(a.Fragment,null,t?.isOpen&&a.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(r=t?.borderRadius)!==null&&r!==void 0?r:4}},t?.icon?a.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,a.createElement("p",{style:Object.assign({},t?.textStyle)},(s=t?.content)!==null&&s!==void 0?s:"")))},Xi=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:r=[],ctaType:s,tipText:d,nudge:u,_schema:c,hashTagStyle:v,tagList:f=[],licenseUrl:m})=>{var g,b,D,p,w,h,C;const{schema:y}=Ne(),[S,M]=a.useState(0),I=a.useRef(0),[T,E]=a.useState(!1),[_,x]=a.useState(!0),k=a.useRef(),O=a.useRef(),[B,V]=a.useState(!1),[G,F]=a.useState(!1),{loadVideos:j,bffEventReport:N,loading:P,setPopupDetailData:A,ctaEvent:U,swiperRef:H,waterFallData:W,setOpenHashtag:K,appDomain:ne,openHashtag:oe,loadingImage:Y,isFromHashtag:ie,popupDetailData:z}=se(),[R,q]=a.useState(null),ce=a.useRef(),{productView:re}=Be(),De=a.useMemo(()=>r.length>0&&!P&&yn(),[r,P]),ue=a.useCallback(()=>{if(r.length<=0)return;Te();const L=location.search.slice(1),Q=oi.parse(L.replace(/\+/g,"%2B"));for(const Z in Q)Q[Z]=Q[Z].replace(/%2B/g,"+");const $=Z=>{var te;return(te=Q[Z])!==null&&te!==void 0?te:""};N?.({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}}),E(!0)},[N,r.length]),Te=()=>{k.current=new Date,O.current=new Date,hn()},ze=a.useRef();a.useEffect(()=>{if(!ze.current&&!R){ze.current=!0;const L=TCPlayer("player-container-id",{licenseUrl:m,controls:!1,autoplay:!1,loop:!1,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0});L?.ready(()=>{q(L)})}},[R,m]),a.useEffect(()=>{T||ue()},[ue,T]),a.useEffect(()=>{var L;const Q=r?.findIndex($=>{var Z,te,ae,J,le,de,pe,ke,_e;return s==="\u591A\u5546\u54C1CTA"?((Z=$?.video)===null||Z===void 0?void 0:Z.bindProducts)&&((ae=(te=$?.video)===null||te===void 0?void 0:te.bindProducts)===null||ae===void 0?void 0:ae.length)>0:s==="\u5546\u54C1CTA"?(J=$?.video)===null||J===void 0?void 0:J.bindProduct:((de=(le=$?.video)===null||le===void 0?void 0:le.bindCta)===null||de===void 0?void 0:de.itemId)===s&&(((pe=$?.video)===null||pe===void 0?void 0:pe.url)||((_e=(ke=$?.video)===null||ke===void 0?void 0:ke.imgUrls)===null||_e===void 0?void 0:_e.length))})||0;(L=H?.current)===null||L===void 0||L.swiper.slideTo(Q)},[s,H]),a.useEffect(()=>{const L=r?.[S],Q=()=>{var $,Z,te,ae,J,le,de,pe,ke,_e,$e,We,qe,Ye,Fe;if(document.visibilityState==="hidden"){nt.emit(Ge.PAGE_DID_HIDE,L),fe(L),Ve(L);let Le="";z&&(!((Z=($=L?.video)===null||$===void 0?void 0:$.bindProducts)===null||Z===void 0)&&Z.length||!((te=L?.video)===null||te===void 0)&&te.bindProduct)?Le="pdpPage":z&&o?.[(le=(J=(ae=L.video)===null||ae===void 0?void 0:ae.bindCta)===null||J===void 0?void 0:J.itemId)!==null&&le!==void 0?le:""].item.type==="Appoint"?Le="formPage":ie?Le="hashTagPage":!((de=L?.video)===null||de===void 0)&&de.url?Le="videoPage":!((pe=L?.video)===null||pe===void 0)&&pe.imgUrls&&(!((_e=(ke=L?.video)===null||ke===void 0?void 0:ke.imgUrls)===null||_e===void 0)&&_e.length)?Le="imagePage":L?.product&&(Le="productPage"),N?.({eventInfo:{sessionDuration:Math.floor((new Date-k.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:($e=L?.video)===null||$e===void 0?void 0:$e.itemId,productId:(We=L?.product)===null||We===void 0?void 0:We.itemId,position:S+"",fromKName:Le,fromKPage:location?.href,ctatId:(Fe=(Ye=(qe=L.video)===null||qe===void 0?void 0:qe.bindCta)===null||Ye===void 0?void 0:Ye.itemId)!==null&&Fe!==void 0?Fe:""}})}else document.visibilityState==="visible"&&(ue(),ni(S),nt.emit(Ge.PAGE_DID_SHOW,L))};return document.addEventListener("visibilitychange",Q),()=>{document.removeEventListener("visibilitychange",Q)}},[S,N,k,r,ue,z,ie,o]);const ye=a.useMemo(()=>{let L=0;return t?.logoUrl&&t?.isShowLogo&&(L+=45),i-L},[t,i,f]),ot=a.useMemo(()=>t?.logoUrl&&t?.isShowLogo?a.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},a.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Ke=a.useCallback((L,Q)=>{var $,Z,te,ae;return!(($=L.video)===null||$===void 0)&&$.url?a.createElement(js,{rec:L,index:Q,muted:_,data:r,height:ye,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:R}):!((Z=L.video)===null||Z===void 0)&&Z.imgUrls?a.createElement(zs,{key:L.video.itemId,imgUrls:L.video.imgUrls,width:n,height:ye,rec:L,index:Q,onReportViewImageEnd:fe,onViewImageStartEvent:ni,imgUrlsPostConfig:t?.imgUrlsPost}):L.product&&Array.isArray(t?.productPost)&&((te=t?.productPost)===null||te===void 0?void 0:te.length)>0?(ae=t?.productPost)===null||ae===void 0?void 0:ae.map((J,le)=>{var de,pe,ke,_e,$e,We,qe,Ye;const Fe=l[(de=J?.item)===null||de===void 0?void 0:de.type],Le=Et(Fe),je=(pe=Fe?.extend)===null||pe===void 0?void 0:pe.defaulSetting;return a.createElement(Le,Object.assign({key:`${Q}${le}`,textStyle:Object.assign(Object.assign({},je?.textStyle),(ke=J?.item)===null||ke===void 0?void 0:ke.textStyle),bindDatas:($e=(_e=J?.item)===null||_e===void 0?void 0:_e.bindDatas)!==null&&$e!==void 0?$e:[]},je?.props,(We=J?.item)===null||We===void 0?void 0:We.props,{event:((qe=J?.item)===null||qe===void 0?void 0:qe.event)||{},schema:y,id:J?.id,viewTime:O.current,rec:L,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},je?.style),(Ye=J?.item)===null||Ye===void 0?void 0:Ye.style),{height:"100%",overflow:"auto"}),index:Q}))}):null},[n,r,ye,_,S,t?.productPost,O,d,l,y,R]),Qe=a.useCallback(L=>{F(L)},[]),lt=a.useMemo(()=>G?{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"},[G]),Ze=a.useCallback((L,Q)=>{var $,Z,te,ae,J,le,de;return L.video?a.createElement(a.Fragment,null,(($=L.video)===null||$===void 0?void 0:$.title)&&!G&&a.createElement("div",{className:"clc-sxp-bottom-shadow"}),a.createElement("div",{className:"clc-sxp-bottom"},a.createElement(Yi,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?a.createElement("div",{className:"clc-sxp-bottom-card"},a.createElement(qi,{rec:L,index:Q,tempMap:o,resolver:l})):null,a.createElement("div",null,a.createElement(Tt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(te=(Z=L.video)===null||Z===void 0?void 0:Z.title)!==null&&te!==void 0?te:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Qe}),a.createElement(Wi,{index:S,tags:(J=(ae=L?.video)===null||ae===void 0?void 0:ae.hashTags)!==null&&J!==void 0?J:[],itemId:(le=L?.video)===null||le===void 0?void 0:le.itemId,itemType:!((de=L.video)===null||de===void 0)&&de.itemId?"VIDEO":null,rec:L,hashTagStyle:v})))):null},[e,S,o,l,d,u,v,t,Qe,G,lt]),st=a.useCallback((L,Q)=>{var $,Z;if(!t?.isShowLike)return;let te=($=t?.likeIconY)!==null&&$!==void 0?$:400;return W&&te<40&&(te+=40),L.video?a.createElement(Ui,{key:L.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:L.isCollected,recData:L,className:"clc-sxp-like-button",style:{top:te,right:(Z=t?.likeIconX)!==null&&Z!==void 0?Z:0},position:Q}):null},[t,W]),fe=L=>{var Q,$,Z,te,ae,J;if(!(!((Q=L.video)===null||Q===void 0)&&Q.url)&&(!(($=L.video)===null||$===void 0)&&$.imgUrls)){const le=Date.now(),de=(le-I.current)/1e3;N?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(te=(Z=L.video)===null||Z===void 0?void 0:Z.itemId)!==null&&te!==void 0?te:"",contentName:(ae=L.video.title)!==null&&ae!==void 0?ae:"",imageEndTime:`${le}`,playDuration:`${de}`,contentTags:JSON.stringify((J=L.video.tags)!==null&&J!==void 0?J:[]),position:S+"",contentFormat:"image",traceInfo:L.video.traceInfo}})}},Ct=L=>{var Q,$,Z,te,ae,J,le,de;O.current=new Date;const pe=r[L.previousIndex];pe&&(L.previousIndex-L.activeIndex<0?(N?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:($=(Q=pe.video)===null||Q===void 0?void 0:Q.itemId)!==null&&$!==void 0?$:"",productId:(te=(Z=pe.product)===null||Z===void 0?void 0:Z.itemId)!==null&&te!==void 0?te:"",requestId:null}}),fe(pe)):(N?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(J=(ae=pe.video)===null||ae===void 0?void 0:ae.itemId)!==null&&J!==void 0?J:"",productId:(de=(le=pe.product)===null||le===void 0?void 0:le.itemId)!==null&&de!==void 0?de:"",requestId:null}}),fe(pe)),Ve(pe))},Ve=L=>{var Q,$,Z;!(!((Q=L?.video)===null||Q===void 0)&&Q.url)&&!(!(($=L?.video)===null||$===void 0)&&$.imgUrls)&&L?.product&&re(L,L.product,(Z=L?.product)===null||Z===void 0?void 0:Z.bindCta,O.current,S)};a.useEffect(()=>{const L=r[S];oe&&Ve(L)},[oe,r,S]);const ni=L=>{var Q,$,Z,te,ae,J;const le=r[L];if(!(!((Q=le?.video)===null||Q===void 0)&&Q.url)&&(!(($=le?.video)===null||$===void 0)&&$.imgUrls)){const de=Date.now();I.current=de,N?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(te=(Z=le.video)===null||Z===void 0?void 0:Z.itemId)!==null&&te!==void 0?te:"",contentName:(ae=le.video.title)!==null&&ae!==void 0?ae:"",imageStartTime:`${de}`,contentTags:JSON.stringify((J=le.video.tags)!==null&&J!==void 0?J:[]),position:L+"",contentFormat:"image",traceInfo:le.video.traceInfo}})}},ct=a.useMemo(()=>{const L=r?.map((Q,$)=>S===$||$-1===S||$+1===S?Q:null);return W?L:L.concat([{loading:!0}])},[r,S,W]),Ki=a.useMemo(()=>P?a.createElement("div",{style:{height:ye,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):ct?.map((L,Q)=>a.createElement(Oe,{key:Q,virtualIndex:Q},L&&a.createElement(a.Fragment,null,L?.loading?a.createElement("div",{style:{height:ye,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):a.createElement(a.Fragment,null,Ke(L,Q),Ze(L,Q),st(L,Q))))),[n,r,ye,P,Ze,Ke,ct,Y]),Qi=xe("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Zi=xe("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return a.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},W&&a.createElement(Fi,{icon:Fs,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{K?.(!0)}}),ot,De?a.createElement(Bs,{imageUrl:t?.swipeTipIcon}):null,a.createElement(Je,{ref:H,onSlideChange:()=>{H.current.swiper.allowTouchMove=!1,setTimeout(()=>{H.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:L=>{M(L.activeIndex),!oe&&(Ct(L),!W&&L?.activeIndex+2>=r?.length&&(B||(V(!0),j?.(Math.ceil(S/10)+1).then(()=>{V(!1)}))))},direction:"vertical",height:ye},a.createElement(Gi,{style:{position:"fixed",right:(g=t?.muteIconX)!==null&&g!==void 0?g:0,visibility:!((D=(b=r?.[S])===null||b===void 0?void 0:b.video)===null||D===void 0)&&D.url?"visible":"hidden",bottom:(p=t?.muteIconY)!==null&&p!==void 0?p:23,zIndex:999},defaultValue:_,activeIcon:t?.unMuteIcon?t?.unMuteIcon:Qi,unactiveIcon:t?.muteIcon?t?.muteIcon:Zi,onChange:x}),Ki),a.createElement(Hi,Object.assign({},(C=(h=(w=t?.hashTag)===null||w===void 0?void 0:w[0])===null||h===void 0?void 0:h.item)===null||C===void 0?void 0:C.props)),a.createElement("div",{style:{position:"absolute",zIndex:-100}},a.createElement("video",{ref:ce,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),a.createElement("div",{id:"player-container-id-copy"})))},ei="FOR U",Us=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=a.useState(ei),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:r,setCacheActiveIndex:s,setLoading:d,swiperRef:u}=se(),c=a.useMemo(()=>[ei,...t],[t]),v=f=>()=>{if(f===i)return;let m;f!==ei&&(m=f),d?.(!0),o?.({hashTag:m}).then(g=>{var b,D,p,w;l?.((b=g?.recList)!==null&&b!==void 0?b:[]),r?.((D=g?.recList)!==null&&D!==void 0?D:[]),e?.(0),s?.(0),(w=(p=u?.current)===null||p===void 0?void 0:p.swiper)===null||w===void 0||w.slideTo(0)}).finally(()=>{d?.(!1)}),n(f)};return t.length<=0?null:a.createElement("div",{className:"clc-sxp-tagbar"},a.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},c.map(f=>a.createElement("li",{className:`clc-sxp-tagbar-list-item ${f===i?"clc-sxp-tagbar-list-item-active":""}`,key:f,onClick:v(f)},f))))};var Gs=a.memo(Us);const $s=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>a.createElement(Je,{defaultValue:0,direction:"horizontal",modules:[gt,bt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(r=>a.createElement(Oe,{key:r},a.createElement($i,{src:r,height:i,imgUrlsPostConfig:n}))));var Ws=a.memo($s);const qs=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,width:s})=>{const[d,u]=a.useState(!1),c=a.useRef(null),{bffEventReport:v,sxpParameter:f,waterFallData:m,openHashtag:g}=se(),b=a.useRef(0),[D,p]=a.useState(!1),[w,h]=a.useState(!0),C=a.useRef(null),[y,S]=a.useState("");a.useEffect(()=>{c.current&&(c.current.muted=o)},[o]);const M=a.useCallback(()=>{var j;(j=c.current)===null||j===void 0||j.play()},[]),I=xe("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=a.useCallback(()=>{var j,N,P,A,U,H,W,K,ne,oe,Y,ie,z;u(!1);const R=n[e];if(R&&(!((j=c?.current)===null||j===void 0)&&j.duration)){b.current=((N=c?.current)===null||N===void 0?void 0:N.currentTime)||0;const q=((A=(P=c.current)===null||P===void 0?void 0:P.duration)!==null&&A!==void 0?A:0).toFixed(2),ce=((H=(U=c.current)===null||U===void 0?void 0:U.currentTime)!==null&&H!==void 0?H:0).toFixed(2),re=w?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(K=(W=R.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(oe=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&oe!==void 0?oe:"",playType:re,startTime:ce,videoDuration:q,contentTags:JSON.stringify((ie=(Y=R.video)===null||Y===void 0?void 0:Y.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(z=R.video)===null||z===void 0?void 0:z.traceInfo}}),h(!1)}},[v,n,e,w]),E=a.useCallback(()=>{p(!0)},[]),_=a.useCallback(j=>()=>{var N,P,A,U,H;if(!D)return;const W=(N=c.current)===null||N===void 0?void 0:N.paused;switch(j){case"start":if(!W)return;(P=c.current)===null||P===void 0||P.play(),u(!1);break;case"pause":if(W)return;(A=c.current)===null||A===void 0||A.pause(),u(!0);break;default:W?(U=c.current)===null||U===void 0||U.play():(H=c.current)===null||H===void 0||H.pause(),u(!W);break}},[D]),x=a.useCallback(()=>{var j,N,P,A,U,H,W,K,ne,oe,Y,ie,z;const R=n[e],q=((N=(j=c.current)===null||j===void 0?void 0:j.duration)!==null&&N!==void 0?N:0).toFixed(2),ce=((A=(P=c.current)===null||P===void 0?void 0:P.currentTime)!==null&&A!==void 0?A:0).toFixed(2);if(!((U=c?.current)===null||U===void 0)&&U.duration){const re=(((H=c?.current)===null||H===void 0?void 0:H.currentTime)-b.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(K=(W=R.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(oe=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&oe!==void 0?oe:"",endTime:ce,videoDuration:q,playDuration:re,contentTags:JSON.stringify((ie=(Y=R.video)===null||Y===void 0?void 0:Y.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(z=R.video)===null||z===void 0?void 0:z.traceInfo}})}},[n,e,v]),k=a.useMemo(()=>r?.mode==="2",[r]),O=a.useMemo(()=>{var j;return r?.mode==="2"?`translateY(-${50+((j=r?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),B=a.useMemo(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||y},[y,t]),V=a.useCallback(()=>{if(!C||!c||!c.current||!C.current)return;const j=c?.current,N=C?.current,P=N.getContext("2d"),A=window?.innerWidth,U=window?.innerHeight;N.height=U,N.width=A,P?.drawImage(j,0,0,N.width,N.height),S(N.toDataURL())},[]);a.useEffect(()=>{var j,N,P,A;if(c.current){if(u(!1),!c.current.src){const U=t.video.url;if(U.includes(".m3u8"))if(li.isSupported()){const H=new li;H.loadSource(U),H.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(j=c.current)===null||j===void 0||j.addEventListener("loadedmetadata",E),(N=c.current)===null||N===void 0||N.addEventListener("canplay",E),(P=c.current)===null||P===void 0||P.addEventListener("playing",T),(A=c.current)===null||A===void 0||A.addEventListener("loadeddata",V),()=>{var U,H,W,K;(U=c.current)===null||U===void 0||U.removeEventListener("loadedmetadata",E),(H=c.current)===null||H===void 0||H.removeEventListener("canplay",E),(W=c.current)===null||W===void 0||W.removeEventListener("playing",T),(K=c.current)===null||K===void 0||K.removeEventListener("loadeddata",V)}}},[E,T,t.video,V]);const G=a.useMemo(()=>!f?.placeholder_image||D?null:a.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:f?.placeholder_image}),[D,f?.placeholder_image]);a.useEffect(()=>{const j=()=>{var N,P;l===e&&(!((N=t?.video)===null||N===void 0)&&N.url)&&(!((P=c?.current)===null||P===void 0)&&P.src)&&!d&&_("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[l,e,t,c,_,d]);const F=a.useMemo(()=>k?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[k]);return t.video?a.createElement(a.Fragment,null,k?a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},a.createElement(Ce,{src:B,style:Object.assign({height:i,width:s,objectFit:"cover"},F)}),a.createElement("canvas",{ref:C,style:{display:"none"}}),a.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:O,left:0,right:0}},a.createElement("div",{style:{position:"relative",width:s,height:"100%"}},a.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:M,style:{width:"100%",height:i,objectFit:"contain"}}),a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))),G):a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:_(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},a.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:M}),G,a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:I}))):null};var Ys=a.memo(qs);const ti={};Object.values(Zt).forEach(t=>{ti[t.extend.type]=t});const Xs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Js="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Ks=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:r,containerHeight:s=664,containerWidth:d=375,appDomain:u,tagList:c=[]})=>{const v=a.useMemo(()=>{let S=0;return e?.logoUrl&&e?.isShowLogo&&(S+=45),c.length>0&&(S+=45),s-S},[e,s,c]),f=(S,M)=>{var I,T,E,_;if(!((I=S.video)===null||I===void 0)&&I.url)return a.createElement(Ys,{rec:S,index:M,muted:!0,width:d,data:t??[],height:v,activeIndex:M,videoPostConfig:e?.videoPost});if(!((T=S.video)===null||T===void 0)&&T.imgUrls)return a.createElement(Ws,{key:S.video.itemId,imgUrls:S.video.imgUrls,width:d,height:v,rec:S,index:M,imgUrlsPostConfig:e?.imgUrlsPost});if(S.product&&S.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(_=e?.productPost)===null||_===void 0?void 0:_.map((x,k)=>{var O,B,V,G,F,j,N,P;const A=ti[(O=x?.item)===null||O===void 0?void 0:O.type],U=Et(A),H=(B=A?.extend)===null||B===void 0?void 0:B.defaulSetting;return a.createElement(U,Object.assign({key:`${M}${k}`,textStyle:Object.assign(Object.assign({},H?.textStyle),(V=x?.item)===null||V===void 0?void 0:V.textStyle),bindDatas:(F=(G=x?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&F!==void 0?F:[]},H?.props,(j=x?.item)===null||j===void 0?void 0:j.props,{event:((N=x?.item)===null||N===void 0?void 0:N.event)||{},id:x?.id,rec:S,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},H?.style),(P=x?.item)===null||P===void 0?void 0:P.style),{width:d,height:v,overflow:"auto"}),index:M}))})},m=a.useMemo(()=>e?.logoUrl&&e?.isShowLogo?a.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},a.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),g=(S,M)=>e?.isShowCTA===void 0||e?.isShowCTA?a.createElement("div",{className:"clc-sxp-bottom-card"},a.createElement(qi,{rec:S,index:M,tempMap:o,resolver:ti})):null,b=(S,M)=>{var I,T,E,_,x,k,O;return S.video?a.createElement(a.Fragment,null,((I=S.video)===null||I===void 0?void 0:I.title)&&a.createElement("div",{className:"clc-sxp-bottom-shadow"}),a.createElement("div",{className:"clc-sxp-bottom"},a.createElement(Yi,{nudge:n}),g(S,M),a.createElement("div",null,a.createElement(Tt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(T=S.video)===null||T===void 0?void 0:T.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),a.createElement(Wi,{index:M,tags:(x=(_=S?.video)===null||_===void 0?void 0:_.hashTags)!==null&&x!==void 0?x:[],itemId:(k=S?.video)===null||k===void 0?void 0:k.itemId,itemType:!((O=S.video)===null||O===void 0)&&O.itemId?"VIDEO":null,rec:S,hashTagStyle:r}))):null},D=xe(Js,u),p=xe(Xs,u),w=(S,M)=>{var I,T,E,_;if(!e?.isShowLike)return;let x=(I=e?.likeIconY)!==null&&I!==void 0?I:400;return x<40&&(x+=40),S.video?a.createElement(Ui,{key:S.position,activeIcon:(T=e?.likeIcon)!==null&&T!==void 0?T:D,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:p,position:M,active:S.isCollected,recData:S,className:"clc-sxp-like-button",style:{top:x,right:(_=e?.likeIconX)!==null&&_!==void 0?_:0}}):null},h=xe("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),C=xe("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),y=(S,M)=>{var I,T,E,_;return a.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},m,a.createElement(Gs,{tagList:c}),a.createElement(Gi,{style:{position:"absolute",right:(I=e?.muteIconX)!==null&&I!==void 0?I:0,visibility:!((E=(T=t?.[M])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(_=e?.muteIconY)!==null&&_!==void 0?_:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:h,unactiveIcon:e?.muteIcon?e?.muteIcon:C}),f(S,M),b(S,M),w(S,M))};return a.createElement("div",{className:X.css({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((S,M)=>y(S,M)))};var Qs=a.memo(Ks);const Zs=()=>{const{schema:t,resolver:e,popup:i}=Ne(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=se(),{productView:r}=Be(),[s,d]=a.useState(),u=a.useRef(null);a.useEffect(()=>{const f=()=>{u.current=new Date};return f(),window.addEventListener("pageshow",f),()=>{window.removeEventListener("pageshow",f)}},[]),a.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,d(i))},[i]);const c=()=>{var f,m,g,b;if(!i||i?.id===""||!s||new Date-u.current<((f=i?.duration)!==null&&f!==void 0?f:0))return;d(Object.assign(Object.assign({},i),{id:""}));const D=o,p=(m=D?.video)===null||m===void 0?void 0:m.bindProduct,w=(b=(g=D?.video)===null||g===void 0?void 0:g.bindProduct)===null||b===void 0?void 0:b.bindCta;p&&w&&r(D,p,w,u.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=a.useMemo(()=>{var f,m,g;return(g=(m=(f=t?.sxpPageConf)===null||f===void 0?void 0:f.globalConfig)===null||m===void 0?void 0:m.popupList)===null||g===void 0?void 0:g.map((b,D)=>{var p,w,h,C,y,S,M,I;if(b?.id===i?.id){const T=e[(p=b?.item)===null||p===void 0?void 0:p.type],E=Et(T),_=(w=T?.extend)===null||w===void 0?void 0:w.defaulSetting;return a.createElement(E,Object.assign({key:D,style:Object.assign(Object.assign(Object.assign({},_?.style),(h=b?.item)===null||h===void 0?void 0:h.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},_?.textStyle),(C=b?.item)===null||C===void 0?void 0:C.textStyle),bindDatas:(S=(y=b?.item)===null||y===void 0?void 0:y.bindDatas)!==null&&S!==void 0?S:[]},_?.props,(M=b?.item)===null||M===void 0?void 0:M.props,{event:((I=b?.item)===null||I===void 0?void 0:I.event)||{},schema:t,id:b?.id}))}else return a.createElement(a.Fragment,null)})},[t,i,e]);return a.createElement(St,{popup:s,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},ii={};Object.values(Zt).forEach(t=>{ii[t.extend.type]=t});const ea=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:r})=>{var s,d,u,c,v,f;const m=a.useMemo(()=>{var g;return location?.search?(g=location?.search)===null||g===void 0?void 0:g.replace("?",""):""},[]);return a.createElement(bi,{resolver:ii,enableDataSource:!1,schema:t?.data,utmVal:m},a.createElement(fi,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(d=(s=t?.sxp_parameter)===null||s===void 0?void 0:s.personalized_recommend)!==null&&d!==void 0?d:e,defaultSize:(c=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.default_recommend)!==null&&c!==void 0?c:i,hashTagSize:(f=(v=t?.sxp_parameter)===null||v===void 0?void 0:v.hash_tag_size)!==null&&f!==void 0?f:n,loadingImage:o,appDomain:l,render:({rtcList:g,tagList:b})=>{var D;return a.createElement(a.Fragment,null,a.createElement(Xi,Object.assign({},(D=t?.data)===null||D===void 0?void 0:D.sxpPageConf,{tagList:b,data:g,resolver:ii,licenseUrl:r})),a.createElement(Zs,null))}}))};var ta=a.memo(ea);const Ji=a.createContext({}),ia=({children:t,data:e})=>{var i,n,o,l,r,s;const[d,u]=a.useState(!1);return a.createElement(Ji.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:u}},t)};function na(){return a.useContext(Ji)}exports.DiyPortalPreview=Qs,exports.EditorDataProvider=ia,exports.Modal=St,exports.SxpDataSourceProvider=fi,exports.SxpPageCore=ta,exports.SxpPageRender=Xi,exports.core=En,exports.default=vn,exports.defaultSetting=In,exports.materials=Zt,exports.useEditorDataProvider=na;
|
5
|
+
18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:S?.info})))},ne=()=>{var W;return a.createElement(a.Fragment,null,(g||O?.link)&&a.createElement("button",{onClick:F,className:"pb-commondity-btn",style:M},(W=k?.enTitle)!==null&&W!==void 0?W:"Purchase on Website"))};return a.createElement("div",{className:"pb-commondity"},a.createElement("div",Object.assign({className:X.css(Object.assign({},v))},T),O&&((r=O?.homePage)===null||r===void 0?void 0:r.length)>0&&a.createElement(Ze,{height:Z,modules:[wt,St],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:y?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:y?.delay*1e3}},(s=O?.homePage)===null||s===void 0?void 0:s.map(W=>a.createElement(je,{key:W},a.createElement("div",{style:{overflow:"hidden",width:Z,height:Z}},a.createElement(De,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:W}))))),!(!((d=O?.homePage)===null||d===void 0)&&d.length)&&a.createElement("div",{className:X.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},a.createElement("img",{className:X.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=x?.bottom_image)!==null&&u!==void 0?u:I,alt:""})),a.createElement("div",{className:"pb-commondity-content"},se({isPost:w}))),ne(),a.createElement(Et,{visible:V,onClose:()=>j(!1)},a.createElement("div",{style:{paddingBottom:"80px"}},se({isPost:!1})),ne()))};var hl=a.memo(ml);const gl=Ee(hl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Mn},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 bl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],yl=[{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"]}],Vi="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 wl=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}},Sl=t=>{var{content:e,btnText:i,style:n,icon:o,onClick:l}=t,r=ge(t,["content","btnText","style","icon","onClick"]);const s=typeof o=="string"?o:wl(o),d=()=>{window?.sxpPopup(""),l?.()};return a.createElement("div",Object.assign({className:`pb-prompt ${X.css(Object.assign({},n))}`},r),a.createElement("div",{className:"pb-prompt-icon"},a.createElement("img",{width:"100%",src:s??Vi})),a.createElement("div",{className:"pb-prompt-content"},e),a.createElement("button",{className:"pb-prompt-btn",onClick:d},i))};var Tl=a.memo(Sl);const xl=Ee(Tl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:yl,bindableProps:[],interactionRender:bl},defaulSetting:{props:{icon:Vi,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var Yt,Xt,El=[{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:te,name:["fontFamily"],initialValue:(Yt=te?.[0])===null||Yt===void 0?void 0:Yt.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:te,initialValue:(Xt=te?.[0])===null||Xt===void 0?void 0:Xt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Cl=t=>{var e,i,n,o,l,r,s,d,u,c,v,m,{style:f,isDefault:h,rec:g,viewTime:I,isPost:p,bottom_image:w,tipText:b,swiper:E,commodityStyles:y,buttonStyle:S,index:M}=t,D=ge(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);a.useState(!0);const{sxpParameter:T}=re(),{popupDetailData:x,bffEventReport:A,isPreview:C,swiperRef:_,bffFbReport:P}=re(),{jumpToWeb:N,productView:z}=ze(),G=a.useRef(null);a.useRef(null),a.useRef(null),a.useState(!1),a.useState(!1),a.useState(!0);const[V,j]=a.useState(!1),B=a.useRef(null),O=p?g:x,k=p?O?.product:(e=O?.video)===null||e===void 0?void 0:e.bindProduct,q=p?(i=O?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=O?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,F=p?M:x?.index,U=()=>{k?.link&&(N(O,k,q,F),p||z(O,k,q,I||B.current,F),window.location.href=window.getJointUtmLink(k.link))};a.useEffect(()=>{p||P?.({eventName:"ProductView"})},[p,P]),a.useEffect(()=>{const W=()=>{B.current=new Date};return W(),window.addEventListener("pageshow",W),()=>{window.removeEventListener("pageshow",W)}},[]);const Z=a.useMemo(()=>{var W,ie,oe,K,R;return k?.currency&&k?.price?`${(oe=(ie=(W=k?.currency)===null||W===void 0?void 0:W.split("-")[1])===null||ie===void 0?void 0:ie.toUpperCase())!==null&&oe!==void 0?oe:""}${(R=(K=k?.price)===null||K===void 0?void 0:K.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&R!==void 0?R:""}`:"\xA3102,300.00"},[k?.price,k?.currency]),se=C?375:(l=f?.width)!==null&&l!==void 0?l:window.innerWidth,ne=({isPost:W})=>a.createElement("div",{hidden:!!k&&(!k?.info||k?.info==="")},a.createElement(Ct,{isPost:W,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:y?.info,foldText:b?.foldText,unfoldText:b?.unfoldText,text:k?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
|
6
|
+
Made in Italy`}));return a.createElement("div",{className:"pb-commondityDiroNew"},a.createElement("div",Object.assign({ref:G,className:X.css(Object.assign({},f))},D),k&&((r=k?.homePage)===null||r===void 0?void 0:r.length)>0&&a.createElement(Ze,{height:se,modules:[wt,St],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:E?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:E?.delay*1e3}},(s=k?.homePage)===null||s===void 0?void 0:s.map(W=>a.createElement(je,{key:W},a.createElement("div",{style:{overflow:"hidden",width:se,height:se}},a.createElement(De,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block"},src:W}))))),!(!((d=k?.homePage)===null||d===void 0)&&d.length)&&a.createElement("div",{className:X.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},a.createElement("img",{className:X.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=T?.bottom_image)!==null&&u!==void 0?u:w,alt:""})),a.createElement("div",{className:"pb-commondityDiroNew-content"},a.createElement("div",{className:"pb-commondityDiroNew-content-top"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:y?.title},(c=k?.title)!==null&&c!==void 0?c:"Large Dior Toujours Bag"),a.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!k&&(!k?.collection||k?.collection===""),style:y?.collection},k?.collection||"Black Macrocannage Calfskin")),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.price,style:y?.price},Z),a.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.taxInfo,style:y?.taxInfo},(v=k?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!k||k?.link)&&a.createElement("button",{onClick:U,className:"pb-commondityDiroNew-btn",style:S},(m=q?.enTitle)!==null&&m!==void 0?m:"Shop now"),ne({isPost:p}))),a.createElement(Et,{visible:V,onClose:()=>j(!1)},ne({isPost:!1})))};var Il=a.memo(Cl);const kl=Ee(Il,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:El},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 Jt,Kt,_e=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]}]},{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:te,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(Jt=te?.[0])===null||Jt===void 0?void 0:Jt.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:te,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(Kt=te?.[0])===null||Kt===void 0?void 0:Kt.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"]}]}],Dl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Fi(t){const e=a.useRef(null),[i,n]=a.useState(!1);return a.useEffect(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),a.useEffect(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var l;(l=e?.current)===null||l===void 0||l.disconnect()}},[t]),i}const _l=t=>{var{rec:e,children:i,className:n,onClick:o,style:l,isExternalLink:r=!1,index:s}=t;ge(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=a.useRef(null),u=Fi(d),{popup:c}=Re(),{setPopupDetailData:v,ctaEvent:m}=re(),{jumpToWeb:f}=ze();a.useEffect(()=>{var g,I;if(u&&d?.current){const p=(I=(g=e?.video)===null||g===void 0?void 0:g.bindProduct)!==null&&I!==void 0?I:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,s)}},[u,d,e,m,s]);const h=pe.throttle(()=>{var g,I,p,w,b,E,y,S,M,D;const T=(I=(g=e?.video)===null||g===void 0?void 0:g.bindProduct)!==null&&I!==void 0?I:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,T,s),v?.(Object.assign(Object.assign({},e),{index:s})),r){if(!((w=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||w===void 0)&&w.link){const x=(b=e?.video)===null||b===void 0?void 0:b.bindCta,A=(E=e?.video)===null||E===void 0?void 0:E.bindProduct;f(e,A,x,s),window.location.href=(S=(y=e?.video)===null||y===void 0?void 0:y.bindProduct)===null||S===void 0?void 0:S.link,window.location.href=window.getJointUtmLink((D=(M=e?.video)===null||M===void 0?void 0:M.bindProduct)===null||D===void 0?void 0:D.link)}}else o?.()},c?.duration);return a.createElement("div",{ref:d,className:n,style:l,onClick:h},i)};var pt=a.memo(_l),Al={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Pl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:h}=t,g=ge(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=re(),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:I?.bottom_image)!==null&&o!==void 0?o:m;return a.createElement(pt,Object.assign({isExternalLink:h,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},a.createElement(De,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Al["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},f?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var Ml=a.memo(Pl);const Ol=Ee(Ml,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Dl,bindableProps:[],settingRender:_e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var Ll=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const jl=t=>{var e,i,n,o,{content:l,style:r,bgImg:s,recData:d,bottom_image:u,ctaTempStyles:c,isExternalLink:v}=t,m=ge(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:f}=re(),h=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return a.createElement(pt,Object.assign({isExternalLink:v,rec:d,className:X.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},m),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},a.createElement("img",{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=h?.icon)!==null&&i!==void 0?i:f?.bottom_image)!==null&&n!==void 0?n:u,alt:""})),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},c?.ctaTitle))},(o=h?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var Nl=a.memo(jl);const Bl=Ee(Nl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Ll,settingRender:_e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var Rl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const zl=t=>{var e,i,n,o,l,{content:r,style:s,bgImg:d,recData:u,bottom_image:c,ctaTempStyles:v,index:m}=t,f=ge(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:h,bffEventReport:g}=re(),{jumpToWeb:I}=ze(),p=(e=u?.video)===null||e===void 0?void 0:e.bindCta,w=(i=u?.video)===null||i===void 0?void 0:i.bindProduct,b=()=>{p?.link&&(I(u,w,p,m),window.location.href=window.getJointUtmLink(p.link))};return a.createElement(pt,Object.assign({index:m,rec:u,className:X.css(Object.assign({alignItems:"center"},s)),style:{display:"flex"}},f,{onClick:b}),a.createElement("div",{className:X.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},a.createElement(De,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(o=(n=p?.icon)!==null&&n!==void 0?n:h?.bottom_image)!==null&&o!==void 0?o:c})),a.createElement("div",{className:X.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Rl["tow-line-ellipsis"],style:v?.ctaTitle},(l=p?.enTitle)!==null&&l!==void 0?l:"Product Name")))};var Vl=a.memo(zl);const Fl=Ee(Vl,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:_e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var Hl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ul={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Gl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:h}=t,g=ge(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=re(),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:I?.bottom_image)!==null&&o!==void 0?o:m;return a.createElement(pt,Object.assign({isExternalLink:h,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},a.createElement(De,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Ul["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},f?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop Now")))};var $l=a.memo(Gl);const Wl=Ee($l,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Hl,settingRender:_e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Yl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const Xl=t=>{var e,i,n,o,l,r,s,{content:d,style:u,bgImg:c,recData:v,bottom_image:m,ctaTempStyles:f,isExternalLink:h}=t,g=ge(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:I}=re(),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:I?.bottom_image)!==null&&o!==void 0?o:m;return a.createElement(pt,Object.assign({isExternalLink:h,rec:v,className:X.css(Object.assign({},u)),style:{display:"flex"}},g),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},f?.img))},a.createElement(De,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:w})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},a.createElement("div",{className:Yl["tow-line-ellipsis"],style:f?.title},(l=p?.title)!==null&&l!==void 0?l:"Product Name"),a.createElement("div",{className:X.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},f?.ctaTitle))},(s=(r=p?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&s!==void 0?s:"Shop now")))};var Jl=a.memo(Xl);const Kl=Ee(Jl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:ql,bindableProps:[],settingRender:_e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var Ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Zl=({children:t,isPadding:e=!0})=>a.createElement(Ze,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Un,Hn,Fn],style:{padding:e?"0 12px 0 20px":0}},t);var It=a.memo(Zl);const es=({src:t,rec:e,item:i,index:n})=>{const o=a.useRef(null),l=Fi(o),{ctaEvent:r}=re();return a.useEffect(()=>{l&&t&&o?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[l,t,o,e,r,i,n]),a.createElement("div",{ref:o,hidden:!t,className:X.css({width:"100%",height:"100%"})},a.createElement(De,{className:X.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:t}))};var Qt=a.memo(es),ts={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const is=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,m=ge(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:h,sxpParameter:g}=re(),{popup:I}=Re(),{jumpToWeb:p}=ze(),[w,b]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),E=pe.throttle(y=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),h?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(p(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},I?.duration);return a.createElement(It,{isPadding:!!r},w?.map(y=>{var S,M,D,T,x,A;return a.createElement(je,Object.assign({hidden:r&&!y?.bindCta,key:y?.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>E(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Qt,{src:(D=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:g?.bottom_image)!==null&&D!==void 0?D:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:ts["two-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(A=(x=y?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&A!==void 0?A:"Shop Now")))}))};var ns=a.memo(is);const os=Ee(ns,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:Ql,bindableProps:[],settingRender:_e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ss={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const as=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,m=ge(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:f}=re(),{ctaEvent:h,setPopupDetailData:g}=re(),{popup:I}=Re(),[p,w]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:b}=ze(),E=pe.throttle(y=>{h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),g?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(b(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},I?.duration);return a.createElement(It,{isPadding:!!r},p?.map(y=>{var S,M,D,T,x,A;return a.createElement(je,Object.assign({hidden:r&&!y?.bindCta,key:y.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>E(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Qt,{src:(D=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:f?.bottom_image)!==null&&D!==void 0?D:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},a.createElement("div",{className:ss["two-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(A=(x=y?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&A!==void 0?A:"Shop Now")))}))};var rs=a.memo(as);const ds=Ee(rs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:ls,settingRender:_e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],us={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ps=t=>{var e,i,{content:n,style:o,bgImg:l,recData:r,onClick:s,bottom_image:d,ctaTempStyles:u,isExternalLink:c,index:v}=t,m=ge(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index"]);const{ctaEvent:f,setPopupDetailData:h,sxpParameter:g}=re(),{popup:I}=Re(),{jumpToWeb:p}=ze(),[w,b]=a.useState((i=(e=r?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),E=pe.throttle(y=>{f?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},r,y,v),h?.(Object.assign(Object.assign({},r),{video:Object.assign(Object.assign({},r?.video),{bindProduct:y}),index:v})),c?y?.link&&(p(r,y,y.bindCta,v),window.location.href=window.getJointUtmLink(y.link)):s?.()},I?.duration);return a.createElement(It,{isPadding:!!r},w?.map(y=>{var S,M,D,T,x,A;return a.createElement(je,Object.assign({hidden:r&&!y?.bindCta,key:y?.itemId,className:X.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},m,{onClick:()=>E(y)}),a.createElement("div",{className:X.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},a.createElement(Qt,{src:(D=(M=(S=y?.homePage)===null||S===void 0?void 0:S[0])!==null&&M!==void 0?M:g?.bottom_image)!==null&&D!==void 0?D:d,rec:r,item:y,index:v})),a.createElement("div",{className:X.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},a.createElement("div",{className:us["tow-line-ellipsis"],style:u?.title},(T=y?.title)!==null&&T!==void 0?T:"Product Name"),a.createElement("div",{className:X.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(A=(x=y?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&A!==void 0?A:"Shop now")))}))};var vs=a.memo(ps);const fs=Ee(vs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:cs,bindableProps:[],settingRender:_e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var Zt,ei,ms=[{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u6587\u672C\u884C\u6570",name:["props","lineClamp"]},{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:te,name:["fontFamily"],initialValue:(Zt=te?.[0])===null||Zt===void 0?void 0:Zt.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:te,initialValue:(ei=te?.[0])===null||ei===void 0?void 0:ei.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const hs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:l,setOpenHashtag:r}=re();return a.createElement("div",{className:"clc-sxp-nav",style:e},a.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),a.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=l?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var Hi=a.memo(hs),gs=null,bs="3d989325-e7d6-4a74-8a97-98febdf5b567",ys=null,ws=null,Ss={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"},Ts=[{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}],xs="Handbags",Es={productUserId:gs,requestId:bs,channel:ys,rtc:ws,tag:Ss,recList:Ts,hashTag:xs};const Cs=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:l,space:r}=t,{swiperRef:s,setRtcList:d,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=re(),[m,f]=a.useState(!1),h=a.useRef(null),g=a.useRef(null),I=a.useRef(null),p=a.useRef(null),[w,b]=a.useState(""),E=a.useMemo(()=>{var T,x,A,C,_,P,N,z,G,V,j,B;return!((T=e?.video)===null||T===void 0)&&T.cover?(x=e?.video)===null||x===void 0?void 0:x.cover:!((A=e?.video)===null||A===void 0)&&A.url?(f(!0),(C=e?.video)===null||C===void 0?void 0:C.url):!((P=(_=e?.video)===null||_===void 0?void 0:_.imgUrls)===null||P===void 0)&&P.length?(z=(N=e?.video)===null||N===void 0?void 0:N.imgUrls)===null||z===void 0?void 0:z[0]:!((V=(G=e?.product)===null||G===void 0?void 0:G.homePage)===null||V===void 0)&&V.length?(B=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||B===void 0?void 0:B[0]:v?.bottom_image||""},[e,v?.bottom_image]),y=a.useMemo(()=>{var T,x;return((T=e?.product)===null||T===void 0?void 0:T.title)||((x=e?.video)===null||x===void 0?void 0:x.title)||null},[e]),S=a.useMemo(()=>{var T,x,A,C,_,P,N,z,G;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((x=e?.product)===null||x===void 0)&&x.price)?`${(P=(_=(C=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||C===void 0?void 0:C.split("-")[1])===null||_===void 0?void 0:_.toUpperCase())!==null&&P!==void 0?P:""}${(G=(z=(N=e?.product)===null||N===void 0?void 0:N.price)===null||z===void 0?void 0:z.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&G!==void 0?G:""}`:null},[e]);a.useEffect(()=>{const T=new IntersectionObserver(x=>{x.forEach(A=>{if(A.isIntersecting){if(g.current===null||E==="")return;m&&w?h.current.setSrc(w):h.current.setSrc(E),T.unobserve(g.current)}})});return T.observe(g.current),()=>{T.disconnect()}},[E,m,w]);const M=(T,x,A)=>{const C=T/x;return A/C};a.useEffect(()=>{const T=I?.current;T===null||E===""||!m||(T.src=E,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const x=p?.current;if(!x)return;const A=x.getContext("2d"),C=window?.innerWidth/2,_=M(T.videoWidth,T.videoHeight,C);x.height=_,x.width=C,A?.drawImage(T,0,0,x.width,x.height),b(x.toDataURL()),T.remove(),x.remove()})},[E,m]);const D=()=>{o(),d?.(n),setTimeout(()=>{var T;(T=s?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),u?.(!1)},0)};return a.createElement("div",{ref:g,className:"list-content-listItem",key:i,onClick:D,style:{marginBottom:r}},a.createElement("div",{className:"list-content-listItem-picture"},m&&a.createElement("div",{style:{display:"none"}},a.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),a.createElement("canvas",{ref:p})),a.createElement(De,{loading:"lazy",className:"list-content-listItem-picture-img",ref:h})),a.createElement("div",{className:"list-content-listItem-info"},a.createElement("div",{className:`list-content-listItem-info-title ${S?"list-content-listItem-info-nowrap":""}`,style:l?.title},y&&y),a.createElement("div",{className:"list-content-listItem-info-price",style:l?.price,hidden:!S},S)))};function Is(t){var e,i,n,o,l,r,s,d,u,c,v,m,{reportTagsView:f}=t,h=ge(t,["reportTagsView"]);const{waterFallData:g,getRecommendVideos:I,hashTagSize:p,loadingImage:w,isOpenHashTag:b}=re(),[E,y]=a.useState(),[S,M]=a.useState(),[D,T]=a.useState(!1),x=a.useRef(null),[A,C]=a.useState(!1);a.useCallback(()=>{A||(C(!0),g&&I?.({hashTag:g?.hashTag,"itemFilter.itemId":g?.itemId,"itemFilter.itemType":g?.itemType}).then(P=>{var N;y(E?.concat((N=P?.recList)!==null&&N!==void 0?N:[])),C(!1)}))},[g,I,E,A]),a.useEffect(()=>{var P,N;if(T(!0),g&&I?.({hashTag:g?.hashTag,"itemFilter.itemId":g?.itemId,"itemFilter.itemType":g?.itemType,defaultSize:p,maxSize:p}).then(z=>{var G,V;M(z),y((V=(G=z?.recList)===null||G===void 0?void 0:G.filter(j=>j?.video!==null||j?.product!==null))!==null&&V!==void 0?V:[]),T(!1)}),b){const z=Es;M(z),y((N=(P=z?.recList)===null||P===void 0?void 0:P.filter(G=>G?.video!==null||G?.product!==null))!==null&&N!==void 0?N:[]),T(!1)}},[g,I,p,b]);const _=()=>{var P,N;!((P=S?.tag)===null||P===void 0)&&P.link&&(f(),window.location.href=(N=S?.tag)===null||N===void 0?void 0:N.link)};return a.createElement(a.Fragment,null,D?a.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):a.createElement("div",{className:"list"},a.createElement("div",{className:"list-scroll",ref:x},a.createElement("div",{className:"list-info",style:(e=h?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=S?.tag)===null||i===void 0?void 0:i.info),a.createElement("div",{hidden:!(!((n=S?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:_,style:Object.assign(Object.assign({},(o=h?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:h?.space})},((l=S?.tag)===null||l===void 0?void 0:l.linkTitle)||"Shop the collection"),a.createElement("div",{className:"list-content"},E?.map((P,N)=>a.createElement(Cs,Object.assign({key:N,index:N,rec:P,list:E,reportTagsView:f},h)))),a.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),a.createElement("div",{hidden:!(!((r=S?.tag)===null||r===void 0)&&r.link),style:{height:!((s=S?.tag)===null||s===void 0)&&s.link?((d=h?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((u=h?.buttonStyle)===null||u===void 0?void 0:u.height)||"100px":0}})),a.createElement("div",{className:"list-bottom",hidden:!(!((c=S?.tag)===null||c===void 0)&&c.link),style:h?.buttonBgStyle}),a.createElement("div",{hidden:!(!((v=S?.tag)===null||v===void 0)&&v.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},a.createElement("button",{className:"list-btn",style:h?.buttonStyle,onClick:_},((m=S?.tag)===null||m===void 0?void 0:m.linkTitle)||"Shop the collection"))))}var ks="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ds=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:l,setWaterFallData:r,cacheRtcList:s,setRtcList:d,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:f,bffEventReport:h}=re();a.useRef(null);const g=a.useRef(null),[I,p]=a.useState();a.useEffect(()=>{const S=document.getElementById("sxp-render"),M=document.getElementById("water-fall");M?g.current=M:(g.current=document.createElement("div"),g.current.setAttribute("id","water-fall"),S?.appendChild(g.current))},[]);const w=()=>{const S=pe.isEqual(c,s);!S&&s&&s?.length&&d?.(s),y(),r?.(void 0),m?.(!1),setTimeout(()=>{var M,D;S||(D=(M=l?.current)===null||M===void 0?void 0:M.swiper)===null||D===void 0||D.slideTo(u,0,!1),n?.(!1)},0)},[b,E]=a.useState();a.useEffect(()=>{i&&E(i)},[i]);const y=a.useCallback(()=>{var S,M,D,T,x,A;const C=b?.rec;if(!C)return;let _="";f?_="hashTagPage":!((S=C?.video)===null||S===void 0)&&S.url?_="videoPage":!((D=(M=C?.video)===null||M===void 0?void 0:M.imgUrls)===null||D===void 0)&&D.length&&(_="imagePage"),h?.({eventInfo:{contentId:(T=C?.video)===null||T===void 0?void 0:T.itemId,position:u+"",contentTags:JSON.stringify((x=C?.video)===null||x===void 0?void 0:x.tags),traceInfo:(A=C?.video)===null||A===void 0?void 0:A.traceInfo,hashTags:JSON.stringify([b?.hashTag]),fromKName:_,fromKPage:location?.href,timeOnSite:Math.floor((new Date-I)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[b,h,I,f,u]);return a.useEffect(()=>{o&&p(new Date)},[o]),a.useEffect(()=>{const S=()=>{p(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),g.current?ai.createPortal(a.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},a.createElement(Hi,{icon:ks,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),a.createElement(Is,Object.assign({reportTagsView:y},t))),g.current):null};var Ui=a.memo(Ds);const _s=t=>a.createElement(Ui,Object.assign({},t));var As=a.memo(_s);const Ps=Ee(As,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:ms,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var ti=Object.freeze({__proto__:null,Appoint:Bl,AppointForm:Pn,Commodity:Ol,CommodityDetail:gl,CommodityDetailDiroNew:kl,CommodityDiro:Wl,CommodityDiroNew:Kl,HashTag:Ps,Link:Fl,MultiCommodity:ds,MultiCommodityDiro:os,MultiCommodityDiroNew:fs,Prompt:xl});const Ms="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Os="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Ls=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:l}=t,r=ge(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:s,mutateUnlike:d,bffEventReport:u}=re(),[c,v]=a.useState(e),m=Ie(Os),f=Ie(Ms),h=pe.debounce(()=>ye(void 0,void 0,void 0,function*(){var g,I,p,w,b,E,y,S,M,D,T,x,A,C,_,P,N,z,G,V;if(c){v(!1);const j=(p=yield d?.({videoItemId:(I=(g=o.video)===null||g===void 0?void 0:g.itemId)!==null&&I!==void 0?I:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(b=(w=o.video)===null||w===void 0?void 0:w.itemId)!==null&&b!==void 0?b:"",contentName:(y=(E=o.video)===null||E===void 0?void 0:E.title)!==null&&y!==void 0?y:"",contentTags:JSON.stringify((M=(S=o.video)===null||S===void 0?void 0:S.tags)!==null&&M!==void 0?M:[]),position:l+"",contentFormat:!((D=o.video)===null||D===void 0)&&D.url?"video":"image",traceInfo:(T=o.video)===null||T===void 0?void 0:T.traceInfo}}),j||v(!0)}else{v(!0);const j=(x=yield s?.({content:JSON.stringify(o)}))!==null&&x!==void 0?x:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(C=(A=o.video)===null||A===void 0?void 0:A.itemId)!==null&&C!==void 0?C:"",contentName:(P=(_=o.video)===null||_===void 0?void 0:_.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((z=(N=o.video)===null||N===void 0?void 0:N.tags)!==null&&z!==void 0?z:[]),position:l+"",contentFormat:!((G=o.video)===null||G===void 0)&&G.url?"video":"image",traceInfo:(V=o.video)===null||V===void 0?void 0:V.traceInfo}}),j||v(!1)}}),200);return a.createElement("button",Object.assign({},r,{onClick:h}),a.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||m:n||f,alt:"icon"}))};var Gi=a.memo(Ls);const st=new sn;var $e;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide"})($e||($e={}));const js=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,videoRef:s})=>{const[d,u]=a.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:m,openHashtag:f,bffFbReport:h}=re(),g=a.useRef(0),[I,p]=a.useState(!1),[w,b]=a.useState(!0),{isActive:E}=zi(),y=a.useRef(null),[S,M]=a.useState(""),D=`pb-cache-video-${e}`,T=a.useRef(null),x=a.useMemo(()=>r?.mode==="2",[r]),A=a.useMemo(()=>{var F;return r?.mode==="2"?`translateY(-${50+((F=r?.offsetTop)!==null&&F!==void 0?F:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),C=a.useMemo(()=>{var F;return((F=t?.video)===null||F===void 0?void 0:F.cover)||S},[S,t]),_=a.useMemo(()=>x?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[x]),P=a.useMemo(()=>r?.bgWay==="1",[r]),N=a.useMemo(()=>P&&r?.bgColor?{backgroundColor:r?.bgColor}:{},[r,P]);a.useEffect(()=>{s&&s?.muted(o)},[o,s]);const z=a.useCallback(()=>{s&&s?.play()},[s]),G=Ie("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),V=a.useCallback(()=>{var F,U,Z,se,ne,W,ie,oe,K;if(!s)return;p(!0),u(!1);const R=n[e];if(R&&s?.duration()){g.current=s?.currentTime()||0;const H=((F=s?.duration())!==null&&F!==void 0?F:0).toFixed(2),Y=((U=s?.currentTime())!==null&&U!==void 0?U:0).toFixed(2),ve=w?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(se=(Z=R.video)===null||Z===void 0?void 0:Z.itemId)!==null&&se!==void 0?se:"",contentName:(W=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&W!==void 0?W:"",playType:ve,startTime:Y,videoDuration:H,contentTags:JSON.stringify((oe=(ie=R.video)===null||ie===void 0?void 0:ie.tags)!==null&&oe!==void 0?oe:[]),position:e+"",contentFormat:"video",traceInfo:(K=R.video)===null||K===void 0?void 0:K.traceInfo}}),b(!1)}},[c,n,e,w,s]),j=a.useCallback(()=>{var F;if(!s||S||!x)return;const U=document.getElementById("player-container-id_html5_api");if(!U||(U.style.objectFit="contain",!((F=t?.video)===null||F===void 0)&&F.cover||!y||!y.current||P))return;const Z=()=>{const se=U,ne=y?.current,W=ne.getContext("2d"),ie=window?.innerWidth,oe=window?.innerHeight;ne.height=oe,ne.width=ie,W?.drawImage(se,0,0,ne.width,ne.height),M(ne.toDataURL())};Z(),setTimeout(()=>{Z()},500)},[s,P,t,S,x]),B=a.useCallback(()=>{s&&j()},[s,j]);a.useCallback(()=>{p(!0)},[]);const O=a.useCallback(F=>()=>{if(!s||!I)return;const U=s?.paused();switch(F){case"start":if(!U)return;s?.play(),u(!1);break;case"pause":if(U)return;s?.pause(),u(!0);break;default:U?s?.play():s?.pause(),u(!U);break}},[I,s]),k=a.useCallback(()=>{var F,U,Z,se,ne,W,ie,oe,K;if(!s||l!==e)return;const R=n[e],H=((F=s?.duration())!==null&&F!==void 0?F:0).toFixed(2),Y=((U=s?.currentTime())!==null&&U!==void 0?U:0).toFixed(2);if(s?.duration()){const ve=(s?.currentTime()-g.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(se=(Z=R.video)===null||Z===void 0?void 0:Z.itemId)!==null&&se!==void 0?se:"",contentName:(W=(ne=R.video)===null||ne===void 0?void 0:ne.title)!==null&&W!==void 0?W:"",endTime:Y,videoDuration:H,playDuration:ve,contentTags:JSON.stringify((oe=(ie=R.video)===null||ie===void 0?void 0:ie.tags)!==null&&oe!==void 0?oe:[]),position:e+"",contentFormat:"video",traceInfo:(K=R.video)===null||K===void 0?void 0:K.traceInfo}})}},[n,e,c,s,l]);a.useEffect(()=>{if(!E||!s)return;const F=t.video.url;if(!F)return;u(!1);const U=document.querySelector(`#${D}`),Z=document.querySelector("#player-container-id"),se=document.querySelector("#player-container-id-copy");if(!(!Z&&!se))return U?.appendChild(Z||se),s?.src(F),s?.on("loadedmetadata",B),s?.on("loadeddata",j),s?.on("playing",V),s?.on("pause",k),s?.on("ended",z),()=>{se?.appendChild(Z),s?.off("loadedmetadata",B),s?.off("loadeddata",j),s?.off("playing",V),s?.off("pause",k),s?.off("ended",z)}},[E,D,t,s]),a.useEffect(()=>{!s||!I||(E?(h?.({eventName:"ViewContent"}),s?.play()):s?.pause())},[E,I,s]),a.useEffect(()=>{if(!E||!s)return;!s?.paused()&&f?s?.pause():f||s?.play()},[f,E,s]),a.useEffect(()=>{if(!E)return;const F=()=>{O("start")(),h?.({eventName:"ViewContent"})},U=O("pause");return st.on($e.PAGE_DID_SHOW,F),st.on($e.PAGE_DID_HIDE,U),()=>{st.off($e.PAGE_DID_SHOW,F),st.off($e.PAGE_DID_HIDE,U)}},[O,E]);const q=a.useMemo(()=>!v?.placeholder_image||I?null:a.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[I,v?.placeholder_image]);return a.useEffect(()=>{if(!s)return;const F=()=>{var U;l===e&&(!((U=t?.video)===null||U===void 0)&&U.url)&&s&&!d&&O("pause")()};return window.addEventListener("beforeunload",F),()=>{window.removeEventListener("beforeunload",F)}},[l,e,t,s,O,d]),t.video?a.createElement(a.Fragment,null,x?a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:O(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!P&&a.createElement(De,{src:C,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},_)}),a.createElement("canvas",{ref:y,style:{display:"none"}}),a.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},a.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},a.createElement("div",{className:"n-full-screen",ref:T,id:D,style:{width:"100%",height:"100%"}}),a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:G}))),q):a.createElement("div",{className:"video-container",key:t.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:O()},a.createElement("div",{className:"n-full-screen",ref:T,id:D,style:{width:"100%",height:"100%"}}),q,a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:G}))):null};var Ns=a.memo(js);const Bs=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[l,r]=a.useState(t),s=d=>{d.stopPropagation();const u=!l;r(u),n?.(u)};return a.createElement("button",{style:o,className:"pb-toggle-button",onClick:s},a.createElement("img",{className:"pb-toggle-button-icon",src:l?e:i}))};var $i=a.memo(Bs);const Rs=({imageUrl:t})=>{const[e,i]=a.useState(!0);Re(),a.useEffect(()=>{setTimeout(()=>{i(!1)},2e3)},[]);const n=Ie("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),o=a.useMemo(()=>e?"pb-fadeIn":"pb-fadeOut",[e]);return a.createElement("div",{hidden:!e,className:`pb-finger-wrap ${o}`},a.createElement("img",{src:t||n}))},Wi=t=>{const{src:e,height:i,imgUrlsPostConfig:n}=t,o=a.useMemo(()=>n?.mode==="2",[n]),l=a.useMemo(()=>{var u;return n?.mode==="2"?`translateY(-${50+((u=n?.offsetTop)!==null&&u!==void 0?u:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),r=a.useMemo(()=>o?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[o]),s=a.useMemo(()=>n?.bgWay==="1",[n]),d=a.useMemo(()=>s&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,s]);return a.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},d)},(!o||!s)&&a.createElement(De,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r)}),o&&a.createElement(De,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:l,left:0,right:0}}))},zs=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:l,onViewImageStartEvent:r,imgUrlsPostConfig:s})=>{var d;const u=a.useRef(),{isActive:c}=zi(),{sxpParameter:v,openHashtag:m}=re(),[f,h]=a.useState(!1);return a.useEffect(()=>{f&&c?(u?.current&&u.current.swiper.autoplay.start(),m?l(n):r(o)):(h(!0),u?.current&&u.current.swiper.autoplay.stop())},[n,c,l,m,o,r,f]),a.createElement(Ze,{ref:u,defaultValue:0,direction:"horizontal",modules:[wt,St],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=s?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map(g=>a.createElement(je,{key:g},a.createElement(Wi,{src:g,height:i,imgUrlsPostConfig:s}))))};var Vs=a.memo(zs);const Fs=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:l})=>{const[r,s]=a.useState(!1),{setWaterFallData:d,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:m}=re(),f=h=>{v?m?.(!0):c?.(n),d?.(i?{hashTag:h,itemId:e,itemType:i,rec:o}:{hashTag:h,rec:o}),u?.(!0)};return a.useMemo(()=>t.length<=6?null:a.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>s(!r)},r?"show less":"show more"),[r,t]),a.createElement("div",{className:"clc-sxp-bottom-hashtag"},a.createElement(It,null,t?.map((h,g)=>a.createElement(je,{key:g,hidden:r?!1:g>=6,className:"clc-sxp-bottom-hashtag-item",style:l,onClick:()=>f(h)},`#${h}`))))};var qi=a.memo(Fs),Hs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function kt(t){return a.memo(function(e){const{$store:i}=mn(),n=l=>{let r=l;const s=l.match(/{{.*?}}/g);return s?.length&&s.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=pe.get(i,c);return r=r.replace(d,v),v}})}),r},o=a.useMemo(()=>{var l,r,s;const{bindDatas:d}=e,u=ge(e,["bindDatas"]);if((l=d?.forEach)===null||l===void 0||l.call(d,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:m}=c;m.replace(/{{\s*([\w.]+)\s*}}/g,(f,h)=>{var g,I;if(h){const p=(I=(g=pe.get(i,h))!==null&&g!==void 0?g:e[v])!==null&&I!==void 0?I:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=pe.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((s=(r=u?.event)===null||r===void 0?void 0:r.onClick)===null||s===void 0)&&s.linkType&&(u.style.cursor="pointer"),u},[i,e]);return a.createElement(t,Object.assign({},o,o.eventMap))})}const Us=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=Re(),l=a.useMemo(()=>{var r,s,d,u,c,v,m,f,h,g,I,p,w,b,E,y,S,M,D,T,x,A,C,_,P,N,z,G,V,j,B;if(!t?.video)return null;let O=null;!((s=(r=t?.video)===null||r===void 0?void 0:r.bindProducts)===null||s===void 0)&&s.length?O="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?O="\u5546\u54C1CTA":O=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const k=i?.[O];if(((v=k?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((f=k?.item)===null||f===void 0?void 0:f.type)==="Commodity"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((g=k?.item)===null||g===void 0?void 0:g.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((p=k?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((b=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||b===void 0)&&b.length)||((E=k?.item)===null||E===void 0?void 0:E.type)==="MultiCommodityDiro"&&!(!((S=(y=t?.video)===null||y===void 0?void 0:y.bindProducts)===null||S===void 0)&&S.length)||((M=k?.item)===null||M===void 0?void 0:M.type)==="MultiCommodityDiroNew"&&!(!((T=(D=t?.video)===null||D===void 0?void 0:D.bindProducts)===null||T===void 0)&&T.length))return null;if(k&&n){const q=n[(x=k?.item)===null||x===void 0?void 0:x.type],F=kt(q),U=(A=q?.extend)===null||A===void 0?void 0:A.defaulSetting,Z=((P=(_=(C=k?.item)===null||C===void 0?void 0:C.event)===null||_===void 0?void 0:_.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return a.createElement(F,Object.assign({style:Object.assign(Object.assign(Object.assign({},U?.style),(N=k?.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({},U?.textStyle),(z=k?.item)===null||z===void 0?void 0:z.textStyle),bindDatas:(V=(G=k?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&V!==void 0?V:[]},U?.props,(j=k?.item)===null||j===void 0?void 0:j.props,{event:((B=k?.item)===null||B===void 0?void 0:B.event)||{},schema:o,id:k?.id,key:k?.id,recData:t,isExternalLink:Z,index:e}))}else return null},[t,n,i,o]);return a.createElement(a.Fragment,null,l)};var Yi=a.memo(Us);const Xi=({nudge:t})=>{var e,i,n,o,l,r,s;return a.createElement(a.Fragment,null,t?.isOpen&&a.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(l=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:38,backgroundColor:t?.backgroundColor,borderRadius:(r=t?.borderRadius)!==null&&r!==void 0?r:4}},t?.icon?a.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover"}}):null,a.createElement("p",{style:Object.assign({},t?.textStyle)},(s=t?.content)!==null&&s!==void 0?s:"")))},Ji=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:l,data:r=[],ctaType:s,tipText:d,nudge:u,_schema:c,hashTagStyle:v,tagList:m=[],licenseUrl:f})=>{var h,g,I,p,w,b,E;const{schema:y}=Re(),[S,M]=a.useState(0),D=a.useRef(0),[T,x]=a.useState(!1),[A,C]=a.useState(!0),_=a.useRef(),P=a.useRef(),[N,z]=a.useState(!1),[G,V]=a.useState(!1),{loadVideos:j,bffEventReport:B,loading:O,setPopupDetailData:k,ctaEvent:q,swiperRef:F,waterFallData:U,setOpenHashtag:Z,appDomain:se,openHashtag:ne,loadingImage:W,isFromHashtag:ie,popupDetailData:oe,bffFbReport:K}=re(),[R,H]=a.useState(null),Y=a.useRef(),{productView:ve}=ze(),fe=a.useMemo(()=>r.length>0&&!O&&wn(),[r,O]),he=a.useCallback(()=>{if(r.length<=0)return;me();const L=location.search.slice(1),Q=li.parse(L.replace(/\+/g,"%2B"));for(const ee in Q)Q[ee]=Q[ee].replace(/%2B/g,"+");const $=ee=>{var le;return(le=Q[ee])!==null&&le!==void 0?le:""};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}}),K?.({eventName:"PageView"}),x(!0)},[B,r.length,K]),me=()=>{_.current=new Date,P.current=new Date,gn()},Te=a.useRef();a.useEffect(()=>{if(!Te.current&&!R){Te.current=!0;const L=TCPlayer("player-container-id",{licenseUrl:f,controls:!1,autoplay:!1,loop:!1,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0});L?.ready(()=>{H(L)})}},[R,f]),a.useEffect(()=>{T||he()},[he,T]),a.useEffect(()=>{var L;const Q=r?.findIndex($=>{var ee,le,de,J,ae,ce,ue,Ae,Pe;return s==="\u591A\u5546\u54C1CTA"?((ee=$?.video)===null||ee===void 0?void 0:ee.bindProducts)&&((de=(le=$?.video)===null||le===void 0?void 0:le.bindProducts)===null||de===void 0?void 0:de.length)>0:s==="\u5546\u54C1CTA"?(J=$?.video)===null||J===void 0?void 0:J.bindProduct:((ce=(ae=$?.video)===null||ae===void 0?void 0:ae.bindCta)===null||ce===void 0?void 0:ce.itemId)===s&&(((ue=$?.video)===null||ue===void 0?void 0:ue.url)||((Pe=(Ae=$?.video)===null||Ae===void 0?void 0:Ae.imgUrls)===null||Pe===void 0?void 0:Pe.length))})||0;(L=F?.current)===null||L===void 0||L.swiper.slideTo(Q)},[s,F]),a.useEffect(()=>{const L=r?.[S],Q=()=>{var $,ee,le,de,J,ae,ce,ue,Ae,Pe,Ye,Xe,Je,Ke,He;if(document.visibilityState==="hidden"){st.emit($e.PAGE_DID_HIDE,L),Fe(L),dt(L);let Ne="";oe&&(!((ee=($=L?.video)===null||$===void 0?void 0:$.bindProducts)===null||ee===void 0)&&ee.length||!((le=L?.video)===null||le===void 0)&&le.bindProduct)?Ne="pdpPage":oe&&o?.[(ae=(J=(de=L.video)===null||de===void 0?void 0:de.bindCta)===null||J===void 0?void 0:J.itemId)!==null&&ae!==void 0?ae:""].item.type==="Appoint"?Ne="formPage":ie?Ne="hashTagPage":!((ce=L?.video)===null||ce===void 0)&&ce.url?Ne="videoPage":!((ue=L?.video)===null||ue===void 0)&&ue.imgUrls&&(!((Pe=(Ae=L?.video)===null||Ae===void 0?void 0:Ae.imgUrls)===null||Pe===void 0)&&Pe.length)?Ne="imagePage":L?.product&&(Ne="productPage"),B?.({eventInfo:{sessionDuration:Math.floor((new Date-_.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(Ye=L?.video)===null||Ye===void 0?void 0:Ye.itemId,productId:(Xe=L?.product)===null||Xe===void 0?void 0:Xe.itemId,position:S+"",fromKName:Ne,fromKPage:location?.href,ctatId:(He=(Ke=(Je=L.video)===null||Je===void 0?void 0:Je.bindCta)===null||Ke===void 0?void 0:Ke.itemId)!==null&&He!==void 0?He:""}})}else document.visibilityState==="visible"&&(he(),qe(S),st.emit($e.PAGE_DID_SHOW,L))};return document.addEventListener("visibilitychange",Q),()=>{document.removeEventListener("visibilitychange",Q)}},[S,B,_,r,he,oe,ie,o]);const xe=a.useMemo(()=>{let L=0;return t?.logoUrl&&t?.isShowLogo&&(L+=45),i-L},[t,i,m]),We=a.useMemo(()=>t?.logoUrl&&t?.isShowLogo?a.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},a.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),et=a.useCallback((L,Q)=>{var $,ee,le,de;return!(($=L.video)===null||$===void 0)&&$.url?a.createElement(Ns,{rec:L,index:Q,muted:A,data:r,height:xe,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:R}):!((ee=L.video)===null||ee===void 0)&&ee.imgUrls?a.createElement(Vs,{key:L.video.itemId,imgUrls:L.video.imgUrls,width:n,height:xe,rec:L,index:Q,onReportViewImageEnd:Fe,onViewImageStartEvent:qe,imgUrlsPostConfig:t?.imgUrlsPost}):L.product&&Array.isArray(t?.productPost)&&((le=t?.productPost)===null||le===void 0?void 0:le.length)>0?(de=t?.productPost)===null||de===void 0?void 0:de.map((J,ae)=>{var ce,ue,Ae,Pe,Ye,Xe,Je,Ke;const He=l[(ce=J?.item)===null||ce===void 0?void 0:ce.type],Ne=kt(He),Be=(ue=He?.extend)===null||ue===void 0?void 0:ue.defaulSetting;return a.createElement(Ne,Object.assign({key:`${Q}${ae}`,textStyle:Object.assign(Object.assign({},Be?.textStyle),(Ae=J?.item)===null||Ae===void 0?void 0:Ae.textStyle),bindDatas:(Ye=(Pe=J?.item)===null||Pe===void 0?void 0:Pe.bindDatas)!==null&&Ye!==void 0?Ye:[]},Be?.props,(Xe=J?.item)===null||Xe===void 0?void 0:Xe.props,{event:((Je=J?.item)===null||Je===void 0?void 0:Je.event)||{},schema:y,id:J?.id,viewTime:P.current,rec:L,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},Be?.style),(Ke=J?.item)===null||Ke===void 0?void 0:Ke.style),{height:"100%",overflow:"auto"}),index:Q}))}):null},[n,r,xe,A,S,t?.productPost,P,d,l,y,R]),tt=a.useCallback(L=>{V(L)},[]),at=a.useMemo(()=>G?{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"},[G]),it=a.useCallback((L,Q)=>{var $,ee,le,de,J,ae,ce;return L.video?a.createElement(a.Fragment,null,(($=L.video)===null||$===void 0?void 0:$.title)&&!G&&a.createElement("div",{className:"clc-sxp-bottom-shadow"}),a.createElement("div",{className:"clc-sxp-bottom"},a.createElement(Xi,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?a.createElement("div",{className:"clc-sxp-bottom-card"},a.createElement(Yi,{rec:L,index:Q,tempMap:o,resolver:l})):null,a.createElement("div",null,a.createElement(Ct,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(le=(ee=L.video)===null||ee===void 0?void 0:ee.title)!==null&&le!==void 0?le:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:tt}),a.createElement(qi,{index:S,tags:(J=(de=L?.video)===null||de===void 0?void 0:de.hashTags)!==null&&J!==void 0?J:[],itemId:(ae=L?.video)===null||ae===void 0?void 0:ae.itemId,itemType:!((ce=L.video)===null||ce===void 0)&&ce.itemId?"VIDEO":null,rec:L,hashTagStyle:v})))):null},[e,S,o,l,d,u,v,t,tt,G,at]),rt=a.useCallback((L,Q)=>{var $,ee;if(!t?.isShowLike)return;let le=($=t?.likeIconY)!==null&&$!==void 0?$:400;return U&&le<40&&(le+=40),L.video?a.createElement(Gi,{key:L.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:L.isCollected,recData:L,className:"clc-sxp-like-button",style:{top:le,right:(ee=t?.likeIconX)!==null&&ee!==void 0?ee:0},position:Q}):null},[t,U]),Fe=L=>{var Q,$,ee,le,de,J;if(!(!((Q=L.video)===null||Q===void 0)&&Q.url)&&(!(($=L.video)===null||$===void 0)&&$.imgUrls)){const ae=Date.now(),ce=(ae-D.current)/1e3;B?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(le=(ee=L.video)===null||ee===void 0?void 0:ee.itemId)!==null&&le!==void 0?le:"",contentName:(de=L.video.title)!==null&&de!==void 0?de:"",imageEndTime:`${ae}`,playDuration:`${ce}`,contentTags:JSON.stringify((J=L.video.tags)!==null&&J!==void 0?J:[]),position:S+"",contentFormat:"image",traceInfo:L.video.traceInfo}})}},Se=L=>{var Q,$,ee,le,de,J,ae,ce;P.current=new Date;const ue=r[L.previousIndex];ue&&(L.previousIndex-L.activeIndex<0?(B?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:($=(Q=ue.video)===null||Q===void 0?void 0:Q.itemId)!==null&&$!==void 0?$:"",productId:(le=(ee=ue.product)===null||ee===void 0?void 0:ee.itemId)!==null&&le!==void 0?le:"",requestId:null}}),Fe(ue)):(B?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(J=(de=ue.video)===null||de===void 0?void 0:de.itemId)!==null&&J!==void 0?J:"",productId:(ce=(ae=ue.product)===null||ae===void 0?void 0:ae.itemId)!==null&&ce!==void 0?ce:"",requestId:null}}),Fe(ue)),dt(ue))},dt=L=>{var Q,$,ee;!(!((Q=L?.video)===null||Q===void 0)&&Q.url)&&!(!(($=L?.video)===null||$===void 0)&&$.imgUrls)&&L?.product&&(ve(L,L.product,(ee=L?.product)===null||ee===void 0?void 0:ee.bindCta,P.current,S),K?.({eventName:"ProductView"}))};a.useEffect(()=>{const L=r[S];ne&&dt(L)},[ne,r,S]);const qe=L=>{var Q,$,ee,le,de,J;const ae=r[L];if(!(!((Q=ae?.video)===null||Q===void 0)&&Q.url)&&(!(($=ae?.video)===null||$===void 0)&&$.imgUrls)){const ce=Date.now();D.current=ce,B?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(le=(ee=ae.video)===null||ee===void 0?void 0:ee.itemId)!==null&&le!==void 0?le:"",contentName:(de=ae.video.title)!==null&&de!==void 0?de:"",imageStartTime:`${ce}`,contentTags:JSON.stringify((J=ae.video.tags)!==null&&J!==void 0?J:[]),position:L+"",contentFormat:"image",traceInfo:ae.video.traceInfo}}),K?.({eventName:"ViewContent"})}},vt=a.useMemo(()=>{const L=r?.map((Q,$)=>S===$||$-1===S||$+1===S?Q:null);return U?L:L.concat([{loading:!0}])},[r,S,U]),Qi=a.useMemo(()=>O?a.createElement("div",{style:{height:xe,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:W,alt:"loading...",style:{objectFit:"contain"}})):vt?.map((L,Q)=>a.createElement(je,{key:Q,virtualIndex:Q},L&&a.createElement(a.Fragment,null,L?.loading?a.createElement("div",{style:{height:xe,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},a.createElement("img",{width:64,height:64,src:W,alt:"loading...",style:{objectFit:"contain"}})):a.createElement(a.Fragment,null,et(L,Q),it(L,Q),rt(L,Q))))),[n,r,xe,O,it,et,vt,W]),Zi=Ie("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),en=Ie("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return a.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},U&&a.createElement(Hi,{icon:Hs,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{Z?.(!0)}}),We,fe?a.createElement(Rs,{imageUrl:t?.swipeTipIcon}):null,a.createElement(Ze,{ref:F,onSlideChange:()=>{F.current.swiper.allowTouchMove=!1,setTimeout(()=>{F.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:L=>{M(L.activeIndex),!ne&&(Se(L),!U&&L?.activeIndex+2>=r?.length&&(N||(z(!0),j?.(Math.ceil(S/10)+1).then(()=>{z(!1)}))))},direction:"vertical",height:xe},a.createElement($i,{style:{position:"fixed",right:(h=t?.muteIconX)!==null&&h!==void 0?h:0,visibility:!((I=(g=r?.[S])===null||g===void 0?void 0:g.video)===null||I===void 0)&&I.url?"visible":"hidden",bottom:(p=t?.muteIconY)!==null&&p!==void 0?p:23,zIndex:999},defaultValue:A,activeIcon:t?.unMuteIcon?t?.unMuteIcon:Zi,unactiveIcon:t?.muteIcon?t?.muteIcon:en,onChange:C}),Qi),a.createElement(Ui,Object.assign({},(E=(b=(w=t?.hashTag)===null||w===void 0?void 0:w[0])===null||b===void 0?void 0:b.item)===null||E===void 0?void 0:E.props)),a.createElement("div",{style:{position:"absolute",zIndex:-100}},a.createElement("video",{ref:Y,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),a.createElement("div",{id:"player-container-id-copy"})))},ii="FOR U",Gs=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=a.useState(ii),{getRecommendVideos:o,setRtcList:l,setCacheRtcList:r,setCacheActiveIndex:s,setLoading:d,swiperRef:u}=re(),c=a.useMemo(()=>[ii,...t],[t]),v=m=>()=>{if(m===i)return;let f;m!==ii&&(f=m),d?.(!0),o?.({hashTag:f}).then(h=>{var g,I,p,w;l?.((g=h?.recList)!==null&&g!==void 0?g:[]),r?.((I=h?.recList)!==null&&I!==void 0?I:[]),e?.(0),s?.(0),(w=(p=u?.current)===null||p===void 0?void 0:p.swiper)===null||w===void 0||w.slideTo(0)}).finally(()=>{d?.(!1)}),n(m)};return t.length<=0?null:a.createElement("div",{className:"clc-sxp-tagbar"},a.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},c.map(m=>a.createElement("li",{className:`clc-sxp-tagbar-list-item ${m===i?"clc-sxp-tagbar-list-item-active":""}`,key:m,onClick:v(m)},m))))};var $s=a.memo(Gs);const Ws=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:l})=>a.createElement(Ze,{defaultValue:0,direction:"horizontal",modules:[wt,St],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(r=>a.createElement(je,{key:r},a.createElement(Wi,{src:r,height:i,imgUrlsPostConfig:n}))));var qs=a.memo(Ws);const Ys=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:l,videoPostConfig:r,width:s})=>{const[d,u]=a.useState(!1),c=a.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:f,openHashtag:h}=re(),g=a.useRef(0),[I,p]=a.useState(!1),[w,b]=a.useState(!0),E=a.useRef(null),[y,S]=a.useState("");a.useEffect(()=>{c.current&&(c.current.muted=o)},[o]);const M=a.useCallback(()=>{var j;(j=c.current)===null||j===void 0||j.play()},[]),D=Ie("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=a.useCallback(()=>{var j,B,O,k,q,F,U,Z,se,ne,W,ie,oe;u(!1);const K=n[e];if(K&&(!((j=c?.current)===null||j===void 0)&&j.duration)){g.current=((B=c?.current)===null||B===void 0?void 0:B.currentTime)||0;const R=((k=(O=c.current)===null||O===void 0?void 0:O.duration)!==null&&k!==void 0?k:0).toFixed(2),H=((F=(q=c.current)===null||q===void 0?void 0:q.currentTime)!==null&&F!==void 0?F:0).toFixed(2),Y=w?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(Z=(U=K.video)===null||U===void 0?void 0:U.itemId)!==null&&Z!==void 0?Z:"",contentName:(ne=(se=K.video)===null||se===void 0?void 0:se.title)!==null&&ne!==void 0?ne:"",playType:Y,startTime:H,videoDuration:R,contentTags:JSON.stringify((ie=(W=K.video)===null||W===void 0?void 0:W.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(oe=K.video)===null||oe===void 0?void 0:oe.traceInfo}}),b(!1)}},[v,n,e,w]),x=a.useCallback(()=>{p(!0)},[]),A=a.useCallback(j=>()=>{var B,O,k,q,F;if(!I)return;const U=(B=c.current)===null||B===void 0?void 0:B.paused;switch(j){case"start":if(!U)return;(O=c.current)===null||O===void 0||O.play(),u(!1);break;case"pause":if(U)return;(k=c.current)===null||k===void 0||k.pause(),u(!0);break;default:U?(q=c.current)===null||q===void 0||q.play():(F=c.current)===null||F===void 0||F.pause(),u(!U);break}},[I]),C=a.useCallback(()=>{var j,B,O,k,q,F,U,Z,se,ne,W,ie,oe;const K=n[e],R=((B=(j=c.current)===null||j===void 0?void 0:j.duration)!==null&&B!==void 0?B:0).toFixed(2),H=((k=(O=c.current)===null||O===void 0?void 0:O.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!((q=c?.current)===null||q===void 0)&&q.duration){const Y=(((F=c?.current)===null||F===void 0?void 0:F.currentTime)-g.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(Z=(U=K.video)===null||U===void 0?void 0:U.itemId)!==null&&Z!==void 0?Z:"",contentName:(ne=(se=K.video)===null||se===void 0?void 0:se.title)!==null&&ne!==void 0?ne:"",endTime:H,videoDuration:R,playDuration:Y,contentTags:JSON.stringify((ie=(W=K.video)===null||W===void 0?void 0:W.tags)!==null&&ie!==void 0?ie:[]),position:e+"",contentFormat:"video",traceInfo:(oe=K.video)===null||oe===void 0?void 0:oe.traceInfo}})}},[n,e,v]),_=a.useMemo(()=>r?.mode==="2",[r]),P=a.useMemo(()=>{var j;return r?.mode==="2"?`translateY(-${50+((j=r?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[r]),N=a.useMemo(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||y},[y,t]),z=a.useCallback(()=>{if(!E||!c||!c.current||!E.current)return;const j=c?.current,B=E?.current,O=B.getContext("2d"),k=window?.innerWidth,q=window?.innerHeight;B.height=q,B.width=k,O?.drawImage(j,0,0,B.width,B.height),S(B.toDataURL())},[]);a.useEffect(()=>{var j,B,O,k;if(c.current){if(u(!1),!c.current.src){const q=t.video.url;if(q.includes(".m3u8"))if(si.isSupported()){const F=new si;F.loadSource(q),F.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=q;else c.current.src=q;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(j=c.current)===null||j===void 0||j.addEventListener("loadedmetadata",x),(B=c.current)===null||B===void 0||B.addEventListener("canplay",x),(O=c.current)===null||O===void 0||O.addEventListener("playing",T),(k=c.current)===null||k===void 0||k.addEventListener("loadeddata",z),()=>{var q,F,U,Z;(q=c.current)===null||q===void 0||q.removeEventListener("loadedmetadata",x),(F=c.current)===null||F===void 0||F.removeEventListener("canplay",x),(U=c.current)===null||U===void 0||U.removeEventListener("playing",T),(Z=c.current)===null||Z===void 0||Z.removeEventListener("loadeddata",z)}}},[x,T,t.video,z]);const G=a.useMemo(()=>!m?.placeholder_image||I?null:a.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image}),[I,m?.placeholder_image]);a.useEffect(()=>{const j=()=>{var B,O;l===e&&(!((B=t?.video)===null||B===void 0)&&B.url)&&(!((O=c?.current)===null||O===void 0)&&O.src)&&!d&&A("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[l,e,t,c,A,d]);const V=a.useMemo(()=>_?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[_]);return t.video?a.createElement(a.Fragment,null,_?a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},a.createElement(De,{src:N,style:Object.assign({height:i,width:s,objectFit:"cover"},V)}),a.createElement("canvas",{ref:E,style:{display:"none"}}),a.createElement("div",{style:{position:"absolute",width:s,height:i,top:"50%",transform:P,left:0,right:0}},a.createElement("div",{style:{position:"relative",width:s,height:"100%"}},a.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:C,onEnded:M,style:{width:"100%",height:i,objectFit:"contain"}}),a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:D}))),G):a.createElement("div",{className:"video-container",key:t.video.itemId,onClick:A(),style:{position:"relative",width:s,height:i,overflow:"hidden"}},a.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:C,onEnded:M}),G,a.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:D}))):null};var Xs=a.memo(Ys);const ni={};Object.values(ti).forEach(t=>{ni[t.extend.type]=t});const Js="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Ks="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",Qs=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:l,hashTagStyle:r,containerHeight:s=664,containerWidth:d=375,appDomain:u,tagList:c=[]})=>{const v=a.useMemo(()=>{let S=0;return e?.logoUrl&&e?.isShowLogo&&(S+=45),c.length>0&&(S+=45),s-S},[e,s,c]),m=(S,M)=>{var D,T,x,A;if(!((D=S.video)===null||D===void 0)&&D.url)return a.createElement(Xs,{rec:S,index:M,muted:!0,width:d,data:t??[],height:v,activeIndex:M,videoPostConfig:e?.videoPost});if(!((T=S.video)===null||T===void 0)&&T.imgUrls)return a.createElement(qs,{key:S.video.itemId,imgUrls:S.video.imgUrls,width:d,height:v,rec:S,index:M,imgUrlsPostConfig:e?.imgUrlsPost});if(S.product&&S.product&&Array.isArray(e?.productPost)&&((x=e?.productPost)===null||x===void 0?void 0:x.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((C,_)=>{var P,N,z,G,V,j,B,O;const k=ni[(P=C?.item)===null||P===void 0?void 0:P.type],q=kt(k),F=(N=k?.extend)===null||N===void 0?void 0:N.defaulSetting;return a.createElement(q,Object.assign({key:`${M}${_}`,textStyle:Object.assign(Object.assign({},F?.textStyle),(z=C?.item)===null||z===void 0?void 0:z.textStyle),bindDatas:(V=(G=C?.item)===null||G===void 0?void 0:G.bindDatas)!==null&&V!==void 0?V:[]},F?.props,(j=C?.item)===null||j===void 0?void 0:j.props,{event:((B=C?.item)===null||B===void 0?void 0:B.event)||{},id:C?.id,rec:S,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},F?.style),(O=C?.item)===null||O===void 0?void 0:O.style),{width:d,height:v,overflow:"auto"}),index:M}))})},f=a.useMemo(()=>e?.logoUrl&&e?.isShowLogo?a.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},a.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),h=(S,M)=>e?.isShowCTA===void 0||e?.isShowCTA?a.createElement("div",{className:"clc-sxp-bottom-card"},a.createElement(Yi,{rec:S,index:M,tempMap:o,resolver:ni})):null,g=(S,M)=>{var D,T,x,A,C,_,P;return S.video?a.createElement(a.Fragment,null,((D=S.video)===null||D===void 0?void 0:D.title)&&a.createElement("div",{className:"clc-sxp-bottom-shadow"}),a.createElement("div",{className:"clc-sxp-bottom"},a.createElement(Xi,{nudge:n}),h(S,M),a.createElement("div",null,a.createElement(Ct,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(x=(T=S.video)===null||T===void 0?void 0:T.title)!==null&&x!==void 0?x:"",style:Object.assign(Object.assign({},l),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),a.createElement(qi,{index:M,tags:(C=(A=S?.video)===null||A===void 0?void 0:A.hashTags)!==null&&C!==void 0?C:[],itemId:(_=S?.video)===null||_===void 0?void 0:_.itemId,itemType:!((P=S.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:S,hashTagStyle:r}))):null},I=Ie(Ks,u),p=Ie(Js,u),w=(S,M)=>{var D,T,x,A;if(!e?.isShowLike)return;let C=(D=e?.likeIconY)!==null&&D!==void 0?D:400;return C<40&&(C+=40),S.video?a.createElement(Gi,{key:S.position,activeIcon:(T=e?.likeIcon)!==null&&T!==void 0?T:I,unActicveIcon:(x=e?.unlikeIcon)!==null&&x!==void 0?x:p,position:M,active:S.isCollected,recData:S,className:"clc-sxp-like-button",style:{top:C,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},b=Ie("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),E=Ie("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),y=(S,M)=>{var D,T,x,A;return a.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},f,a.createElement($s,{tagList:c}),a.createElement($i,{style:{position:"absolute",right:(D=e?.muteIconX)!==null&&D!==void 0?D:0,visibility:!((x=(T=t?.[M])===null||T===void 0?void 0:T.video)===null||x===void 0)&&x.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:b,unactiveIcon:e?.muteIcon?e?.muteIcon:E}),m(S,M),g(S,M),w(S,M))};return a.createElement("div",{className:X.css({width:"100%",height:s,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((S,M)=>y(S,M)))};var Zs=a.memo(Qs);const ea=()=>{const{schema:t,resolver:e,popup:i}=Re(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:l}=re(),{productView:r}=ze(),[s,d]=a.useState(),u=a.useRef(null);a.useEffect(()=>{const m=()=>{u.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),a.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,d(i))},[i]);const c=()=>{var m,f,h,g;if(!i||i?.id===""||!s||new Date-u.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;d(Object.assign(Object.assign({},i),{id:""}));const I=o,p=(f=I?.video)===null||f===void 0?void 0:f.bindProduct,w=(g=(h=I?.video)===null||h===void 0?void 0:h.bindProduct)===null||g===void 0?void 0:g.bindCta;p&&w&&r(I,p,w,u.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=a.useMemo(()=>{var m,f,h;return(h=(f=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||f===void 0?void 0:f.popupList)===null||h===void 0?void 0:h.map((g,I)=>{var p,w,b,E,y,S,M,D;if(g?.id===i?.id){const T=e[(p=g?.item)===null||p===void 0?void 0:p.type],x=kt(T),A=(w=T?.extend)===null||w===void 0?void 0:w.defaulSetting;return a.createElement(x,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},A?.style),(b=g?.item)===null||b===void 0?void 0:b.style),{width:"100%",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},A?.textStyle),(E=g?.item)===null||E===void 0?void 0:E.textStyle),bindDatas:(S=(y=g?.item)===null||y===void 0?void 0:y.bindDatas)!==null&&S!==void 0?S:[]},A?.props,(M=g?.item)===null||M===void 0?void 0:M.props,{event:((D=g?.item)===null||D===void 0?void 0:D.event)||{},schema:t,id:g?.id,onClose:c}))}else return a.createElement(a.Fragment,null)})},[t,i,e]);return a.createElement(Et,{popup:s,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},oi={};Object.values(ti).forEach(t=>{oi[t.extend.type]=t});const ta=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:l,licenseUrl:r,enabledMetaConversionApi:s})=>{var d,u,c,v,m,f;const h=a.useMemo(()=>{var g;return location?.search?(g=location?.search)===null||g===void 0?void 0:g.replace("?",""):""},[]);return a.createElement(yi,{resolver:oi,enableDataSource:!1,schema:t?.data,utmVal:h},a.createElement(mi,{utmVal:h,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(f=(m=t?.sxp_parameter)===null||m===void 0?void 0:m.hash_tag_size)!==null&&f!==void 0?f:n,loadingImage:o,appDomain:l,enabledMetaConversionApi:s,render:({rtcList:g,tagList:I})=>{var p;return a.createElement(a.Fragment,null,a.createElement(Ji,Object.assign({},(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf,{tagList:I,data:g,resolver:oi,licenseUrl:r})),a.createElement(ea,null))}}))};var ia=a.memo(ta);const Ki=a.createContext({}),na=({children:t,data:e})=>{var i,n,o,l,r,s;const[d,u]=a.useState(!1);return a.createElement(Ki.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.placeholder_image,hashTagSize:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.hash_tag_size,loadingImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:u}},t)};function oa(){return a.useContext(Ki)}exports.DiyPortalPreview=Zs,exports.EditorDataProvider=na,exports.Modal=Et,exports.SxpDataSourceProvider=mi,exports.SxpPageCore=ia,exports.SxpPageRender=Ji,exports.core=Cn,exports.default=fn,exports.defaultSetting=kn,exports.materials=ti,exports.useEditorDataProvider=oa;
|
7
7
|
//# sourceMappingURL=index.min.cjs.map
|