pb-sxp-ui 1.0.80 → 1.0.82

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.
Files changed (76) hide show
  1. package/dist/index.cjs +400 -145
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +97 -4
  4. package/dist/index.js +401 -146
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +3 -3
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +3 -3
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +400 -145
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +3 -3
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/Pagebuilder/type.d.ts +7 -0
  15. package/es/core/components/Consent/index.d.ts +13 -0
  16. package/es/core/components/Consent/index.js +60 -0
  17. package/es/core/components/SxpPageCore/index.js +2 -2
  18. package/es/core/components/SxpPageRender/Tagbar.js +15 -1
  19. package/es/core/components/SxpPageRender/WaterFall/List.d.ts +1 -1
  20. package/es/core/components/SxpPageRender/WaterFall/List.js +15 -9
  21. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +1 -1
  22. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +18 -12
  23. package/es/core/components/SxpPageRender/WaterFall/index.js +7 -2
  24. package/es/core/components/SxpPageRender/index.d.ts +2 -1
  25. package/es/core/components/SxpPageRender/index.js +30 -10
  26. package/es/core/components/SxpPageRender/typing.d.ts +1 -0
  27. package/es/core/context/EditorDataProvider.d.ts +9 -0
  28. package/es/core/context/EditorDataProvider.js +13 -3
  29. package/es/core/context/SxpDataSourceProvider.d.ts +10 -0
  30. package/es/core/context/SxpDataSourceProvider.js +37 -21
  31. package/es/core/hooks/useEventReport.d.ts +1 -0
  32. package/es/core/hooks/useEventReport.js +13 -1
  33. package/es/core/utils/localStore.d.ts +1 -0
  34. package/es/core/utils/localStore.js +1 -0
  35. package/es/materials/sxp/Consent/index.d.ts +12 -0
  36. package/es/materials/sxp/Consent/index.js +5 -0
  37. package/es/materials/sxp/Consent/material.d.ts +2 -0
  38. package/es/materials/sxp/Consent/material.js +20 -0
  39. package/es/materials/sxp/Consent/settingRender.d.ts +31 -0
  40. package/es/materials/sxp/Consent/settingRender.js +39 -0
  41. package/es/materials/sxp/HashTag/index.d.ts +1 -1
  42. package/es/materials/sxp/HashTag/settingRender.js +1 -1
  43. package/es/materials/sxp/index.d.ts +1 -0
  44. package/es/materials/sxp/index.js +1 -0
  45. package/lib/core/Pagebuilder/type.d.ts +7 -0
  46. package/lib/core/components/Consent/index.d.ts +13 -0
  47. package/lib/core/components/Consent/index.js +63 -0
  48. package/lib/core/components/SxpPageCore/index.js +2 -2
  49. package/lib/core/components/SxpPageRender/Tagbar.js +15 -1
  50. package/lib/core/components/SxpPageRender/WaterFall/List.d.ts +1 -1
  51. package/lib/core/components/SxpPageRender/WaterFall/List.js +15 -9
  52. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.d.ts +1 -1
  53. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +18 -12
  54. package/lib/core/components/SxpPageRender/WaterFall/index.js +7 -2
  55. package/lib/core/components/SxpPageRender/index.d.ts +2 -1
  56. package/lib/core/components/SxpPageRender/index.js +30 -10
  57. package/lib/core/components/SxpPageRender/typing.d.ts +1 -0
  58. package/lib/core/context/EditorDataProvider.d.ts +9 -0
  59. package/lib/core/context/EditorDataProvider.js +13 -3
  60. package/lib/core/context/SxpDataSourceProvider.d.ts +10 -0
  61. package/lib/core/context/SxpDataSourceProvider.js +36 -20
  62. package/lib/core/hooks/useEventReport.d.ts +1 -0
  63. package/lib/core/hooks/useEventReport.js +13 -1
  64. package/lib/core/utils/localStore.d.ts +1 -0
  65. package/lib/core/utils/localStore.js +2 -1
  66. package/lib/materials/sxp/Consent/index.d.ts +12 -0
  67. package/lib/materials/sxp/Consent/index.js +8 -0
  68. package/lib/materials/sxp/Consent/material.d.ts +2 -0
  69. package/lib/materials/sxp/Consent/material.js +24 -0
  70. package/lib/materials/sxp/Consent/settingRender.d.ts +31 -0
  71. package/lib/materials/sxp/Consent/settingRender.js +41 -0
  72. package/lib/materials/sxp/HashTag/index.d.ts +1 -1
  73. package/lib/materials/sxp/HashTag/settingRender.js +1 -1
  74. package/lib/materials/sxp/index.d.ts +1 -0
  75. package/lib/materials/sxp/index.js +1 -0
  76. package/package.json +1 -1
package/dist/pb-ui.min.js CHANGED
@@ -1,7 +1,7 @@
1
- (function(he,ge){typeof exports=="object"&&typeof module<"u"?ge(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","@ant-design/pro-components","react-dom"],ge):(he=typeof globalThis<"u"?globalThis:he||self,ge(he.PUI={},he.lodash,he.uuid$1,he.pako,he.React,he.qs,he.EventEmitter,he.css,he.proComponents,he.ReactDOM))})(this,function(he,ge,vn,fn,l,mi,mn,te,hn,gn){"use strict";function bn(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:function(){return t[i]}})}}),e.default=t,Object.freeze(e)}var hi=bn(gn);function Te(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 Ie(t,e,i,n){function o(s){return s instanceof i?s:new i(function(a){a(s)})}return new(i||(i=Promise))(function(s,a){function r(u){try{c(n.next(u))}catch(v){a(v)}}function d(u){try{c(n.throw(u))}catch(v){a(v)}}function c(u){u.done?s(u.value):o(u.value).then(r,d)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const yn=/:\w+/g;var gi=(t,e)=>Ie(void 0,void 0,void 0,function*(){const i={},n={};for(let o=0;o<e?.length;o++){const{id:s,method:a,url:r,urlParams:d,name:c,queryString:u,headers:v,body:g}=e[o];let y=r;d&&Object.entries(d).forEach(([h,b])=>{y=y.replace(yn,C=>C===h?b:C)}),u&&(y+=u),n[s]=c;try{const h=yield fetch(y,{method:a,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(g)}).then(b=>b.json());i[s]=h}catch(h){console.error("DataSource request error: ",h),i[s]={}}}return{$store:i,idMapName:n}});const bi="SXP_TOKEN_INFO",wn=(t,e)=>Ie(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),o=t.getAppId(),s=t.getApiUrl(),a=window.localStorage.getItem(bi);let r=JSON.parse(a||"{}");if(Date.now()>((i=r?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":o||""}}).then(u=>u.json());if(c.success){const u=c.data;r=Object.assign(Object.assign({},u),{expireTime:Date.now()+u.expire*1e3}),window.localStorage.setItem(bi,JSON.stringify(r))}}return r});function gt(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 s;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",o=0;o<36;o++)n[o]||(s=0|Math.random()*16,n[o]=i[o===19?s&3|8:s])}return n.join("")}const Sn=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},Tn=()=>{const t=vn.v4();return t?.replaceAll?t.replaceAll("-",""):Sn(32)};function yi(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),o=fn.inflate(n,{to:"string"});return JSON.parse(o)}let Ot=null;const xn={dev:"https://clc-pagebuilder-be-dev.chatlabs.net",staging:"https://clc-pagebuilder-be-staging.chatlabs.net",live:"https://clc-pagebuilder-be.chatlabs.net"};class En{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,Ot)return Ot;Ot=this}setApiUrl(e){this.apiUrl=`https://${e}`}getApiUrl(){return this.apiUrl?this.apiUrl:this.env?xn[this.env]:""}getEnv(){return this.env}setEnv(e){this.env=e}}let Ce=null;const Cn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Ce||(Ce=new En),n&&Ce.setApiUrl(n),Ce.setAppId(t),Ce.setTenantId(e),Ce.setEnv(i)},getDetail:t=>{if(!Ce)return;const e=Ce.getTenantId(),i=Ce.getAppId(),n=Ce.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Ie(void 0,void 0,void 0,function*(){var s,a;const r=yield o.json(),d=yi((s=r?.data)===null||s===void 0?void 0:s.data);if(d){const{$store:c}=yield gi(n,(a=d?.dataSource)!==null&&a!==void 0?a:[]);r.data.data=d,Object.assign(r.data.data,{__STORE__:c})}return r}))},getSxpDetailByPageId:t=>Ie(void 0,void 0,void 0,function*(){if(!Ce)return;const e=Ce.getTenantId(),i=Ce.getAppId(),n=Ce.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(o=>Ie(void 0,void 0,void 0,function*(){var s;const a=yield o.json();if(!a.success)return;const r=yi((s=a?.data)===null||s===void 0?void 0:s.data);return a.data.data=r,a.data}))}),getSxpRecommendVideoData:t=>Ie(void 0,void 0,void 0,function*(){if(!Ce)return;const e=yield wn(Ce,t),i=gt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");ge.isEmpty(n)&&(n=gt(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(s=>s.json());return o?.data||null})};function We(){return l.useContext(Di)}function In(){return l.useContext(ki)}const Mt="feRealSessionIdKey",wi=()=>{const t=Tn();return`${Date.now()}${t}`},_n=()=>{let t=Dn();return t||(t=wi(),window.sessionStorage.setItem(Mt,t)),t},kn=()=>{const t=wi();window.sessionStorage.setItem(Mt,t)},Dn=()=>window.sessionStorage.getItem(Mt),Si="SXP_FAKE_USER_ID",Ti="FAKE_USER_STATE",xi=()=>{let t=window.localStorage.getItem(Si);return ge.isEmpty(t)&&(t=gt(36,62),window.localStorage.setItem(Si,t)),t},An=()=>{const t=window.localStorage.getItem(Ti);return ge.isEmpty(t)&&window.localStorage.setItem(Ti,"true"),ge.isEmpty(t)};function je(t,e){const{appDomain:i}=pe();return l.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const Ye=new mn;var ze;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(ze||(ze={}));const Ei=l.createContext({rtcList:[],tagList:[]});var Lt;(function(t){t[t.BFF=5]="BFF"})(Lt||(Lt={}));const Ci=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Pn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:o,defaultSize:s,isPreview:a=!1,sxpParameter:r,appDomain:d,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1,enabledMetaConversionApi:g=!1,isShowTag:y=!0})=>{const[h,b]=l.useState([]),[C,p]=l.useState([]),[w,f]=l.useState(!1),[x,k]=l.useState({rtc:"",requestId:""}),m=l.useRef(null),L=l.useRef(!1),[_,T]=l.useState(),[E,A]=l.useState(),[S,I]=l.useState(v),[P,N]=l.useState([]),[G,$]=l.useState(0),[z,j]=l.useState(!1),[V,O]=l.useState(null),D=l.useRef();l.useEffect(()=>{const B=H=>{D.current=H};return Ye.on(ze.CHANGE_THEME_TAG,B),()=>{Ye.off(ze.CHANGE_THEME_TAG,B)}},[]),l.useEffect(()=>{I(v)},[v]);const W=l.useMemo(()=>e?.find(B=>B.type===Lt.BFF),[e]),F=l.useCallback((B,H)=>{if(!W)return;const q=W.url,X=xi();if(H?.query){const de=mi.stringify(H.query);B=`${B}?${de}`}return H.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${q}/api/v1${B}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},W.headers),{"x-user-id":X}),H.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${q}/api/v1${B}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":X},W.headers),method:H.method,body:JSON.stringify(H.body)}).then(de=>de.json()).catch(de=>Promise.reject(de))},[W]),U=l.useCallback(B=>Ie(void 0,void 0,void 0,function*(){var H,q,X,de,fe;if(B={maxSize:(H=B?.maxSize)!==null&&H!==void 0?H:o,defaultSize:(q=B?.defaultSize)!==null&&q!==void 0?q:s,"itemFilter.itemId":B?.["itemFilter.itemId"],"itemFilter.itemType":B?.["itemFilter.itemType"],hashTag:B?.hashTag,traceInfo:B?.traceInfo,themeTag:B?.themeTag},i){const we=(fe=(de=(X=i?.split("&"))===null||X===void 0?void 0:X.filter(Se=>{const qe=Se.split("=")[0];return Ci.includes(qe)}))===null||de===void 0?void 0:de.join("&"))!==null&&fe!==void 0?fe:"";B=Object.assign(Object.assign({},B),{channel:decodeURIComponent(we)})}const ce=yield F?.("/recommend/list",{method:"GET",query:B});if(ce?.success)return B?.hashTag||k({rtc:ce.data.rtc,requestId:ce.data.requestId}),ce?.data}),[F,i,o,s]),R=l.useCallback(()=>Ie(void 0,void 0,void 0,function*(){var B,H;if(h.length<=0)return;const q=yield U({hashTag:E?.hashTag,"itemFilter.itemId":E?.itemId,"itemFilter.itemType":E?.itemType,themeTag:D.current});b(h.concat((B=q?.recList)!==null&&B!==void 0?B:[])),N(P.concat((H=q?.recList)!==null&&H!==void 0?H:[]))}),[U,h,E,P]),Q=l.useCallback(({userInfo:B,eventInfo:H})=>{if(!n)return;B||(B={});const q=_n(),X=Object.assign({sessionID:q,rtc:x.rtc,requestId:x.requestId},H),de=Object.entries(B).map(([ce,we])=>({name:ce,value:we})),fe=Object.entries(X).map(([ce,we])=>we&&{name:ce,value:we}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",B),console.log("eventInfo:",X),console.log("========= \u7ED3\u675F ========="),F?.("/event/report",{method:"POST",body:{userInfo:de,eventInfo:fe},type:"beacon"})},[F,x,n]),ie=l.useCallback(B=>{var H,{eventName:q,actionSource:X="website",eventSourceUrl:de=(H=window?.location)===null||H===void 0?void 0:H.href,externalId:fe}=B;if(!n||!g)return;const ce=xi();return F?.("/fb/events",{method:"POST",body:{eventName:q,actionSource:X,eventSourceUrl:de,userData:{externalId:ce}},type:"beacon"})},[F,n,g]),ne=l.useCallback(B=>Ie(void 0,void 0,void 0,function*(){const H=yield F?.("/recommend/like",{method:"POST",body:B});return H?.success}),[F]),Y=l.useCallback(B=>Ie(void 0,void 0,void 0,function*(){const H=yield F?.("/recommend/unlike",{method:"POST",body:B});return H?.success}),[F]),re=l.useCallback(B=>Ie(void 0,void 0,void 0,function*(){const H=yield F?.("/customform",{method:"POST",body:B});return H?.success}),[F]),K=l.useCallback(()=>Ie(void 0,void 0,void 0,function*(){var B,H,q,X,de;if(!(!i||!y))try{const fe=(q=(H=(B=i?.split("&"))===null||B===void 0?void 0:B.filter(we=>{const Se=we.split("=")[0];return Ci.includes(Se)}))===null||H===void 0?void 0:H.join("&"))!==null&&q!==void 0?q:"",ce=yield F?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(fe)}});p((de=(X=ce?.data)===null||X===void 0?void 0:X.tags)!==null&&de!==void 0?de:[])}catch(fe){console.log("e",fe)}}),[F,i,y]),Z=l.useCallback((B,H,q,X)=>{var de,fe,ce,we,Se,qe,He,ft,st,rt,mt,at;const Ae=q?.bindCta,dt=((de=H?.video)===null||de===void 0?void 0:de.bindProduct)||((fe=H?.video)===null||fe===void 0?void 0:fe.bindProducts)&&((we=(ce=H?.video)===null||ce===void 0?void 0:ce.bindProducts)===null||we===void 0?void 0:we.length)>0;let ut="";z?ut="hashTagPage":!((Se=H?.video)===null||Se===void 0)&&Se.url?ut="videoPage":!((He=(qe=H?.video)===null||qe===void 0?void 0:qe.imgUrls)===null||He===void 0)&&He.length&&(ut="imagePage"),Q?.({eventInfo:Object.assign(Object.assign({},B),{ctaId:(ft=Ae?.itemId)!==null&&ft!==void 0?ft:"",ctaName:(st=Ae?.title)!==null&&st!==void 0?st:"",contentTags:JSON.stringify(Ae?.tags),position:X+"",contentId:(mt=(rt=H?.video)===null||rt===void 0?void 0:rt.itemId)!==null&&mt!==void 0?mt:"",productId:dt?q?.itemId:"",traceInfo:(at=Ae?.traceInfo)!==null&&at!==void 0?at:"",fromKName:ut})})},[Q,z]);l.useEffect(()=>{var B,H;const q=location.search.slice(1),X=mi.parse(q.replace(/\+/g,"%2B"));for(const fe in X)X[fe]=X[fe].replace(/%2B/g,"+");const de=fe=>{var ce;return(ce=X[fe])!==null&&ce!==void 0?ce:""};Q?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:de("utm_source"),utmMedium:de("utm_medium"),utmCampaign:de("utm_campaign"),utmId:de("utm_id"),utmContent:de("utm_content"),enterTime:`${Date.now()}`,requestId:null,enterUrl:(H=(B=window?.location)===null||B===void 0?void 0:B.href)!==null&&H!==void 0?H:"",clSource:de("cl_sourc")}})},[]),l.useEffect(()=>{f(!0),K(),U().then(B=>{var H,q;b((H=B?.recList)!==null&&H!==void 0?H:[]),N((q=B?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{Q({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),f(!1),L.current=!0})},[]),l.useEffect(()=>{L.current&&(f(!0),K(),U().then(B=>{var H,q;b((H=B?.recList)!==null&&H!==void 0?H:[]),N((q=B?.recList)!==null&&q!==void 0?q:[])}).finally(()=>{f(!1)}))},[U,K]);const be=je("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",d);return l.createElement(Ei.Provider,{value:{rtcList:h,setRtcList:b,mutateLike:ne,mutateUnlike:Y,submitForm:re,popupDetailData:_,loadVideos:R,setPopupDetailData:T,getRecommendVideos:U,bffEventReport:Q,utmVal:i,isPreview:a,loading:w,sxpParameter:r,waterFallData:E,setWaterFallData:A,ctaEvent:Z,swiperRef:m,openHashtag:S,setOpenHashtag:I,cacheRtcList:P,setCacheRtcList:N,cacheActiveIndex:G,setCacheActiveIndex:$,isFromHashtag:z,setIsFromHashtag:j,appDomain:d,hashTagSize:c,loadingImage:u??be,isOpenHashTag:v,tagList:C,setLoading:f,videoRef:V,setVideoRef:O,bffFbReport:ie}},t({rtcList:h,mutateLike:ne,mutateUnlike:Y,submitForm:re,tagList:C}))};var Ii=l.memo(Pn);function pe(){return l.useContext(Ei)}var _i;(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"})(_i||(_i={}));const ki=l.createContext({$store:{},options:[],configs:[]}),On=({children:t,isSsr:e,enable:i})=>{const[n,o]=l.useState([]),{schema:s}=We(),[a,r]=l.useState(s.__STORE__||{}),[d,c]=l.useState([]);l.useEffect(()=>{var g;e||ge.isEqual(d,s?.dataSource)||c((g=s?.dataSource)!==null&&g!==void 0?g:[])},[s?.dataSource,e]);const u=l.useCallback(()=>Ie(void 0,void 0,void 0,function*(){const{$store:g,idMapName:y}=yield gi("",d);r(g),v(g,y)}),[d]),v=(g,y)=>{const h=[];Object.entries(g).forEach(([b,C])=>{Object.keys(C).forEach(p=>{const w={label:`${y[b]} - ${p}`,value:`{{ ${b}.${p} }}`};h.push(w)})}),o(h)};return l.useEffect(()=>{e||u()},[u,e,s]),i?l.createElement(ki.Provider,{value:{$store:s.__STORE__||a,options:n,configs:d}},t):t};var Mn=l.memo(On);const bt={id:gt(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},jt={id:"",duration:0,name:"none"},Di=l.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[bt],redoStack:[],popup:jt,setPopup:()=>{}}),Ai=l.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:o=!0,utmVal:s},a)=>{const[r,d]=l.useState(null),[c,u]=l.useState(n||{pointData:[bt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,g]=l.useState([bt]),[y,h]=l.useState([[bt]]),[b,C]=l.useState([]),[p,w]=l.useState(jt);typeof window<"u"&&(window.sxpPopup=(L,_)=>{w(Object.assign(Object.assign(Object.assign({},jt),{id:L}),_))}),typeof window<"u"&&(window.getJointUtmLink=L=>L?.indexOf("?")!==-1?L+(s?"&"+s:""):L+(s?"?"+s:"")),l.useEffect(()=>{h([c.pointData]),C([])},[c.type]);const f=l.useCallback(L=>{const _=ge.cloneDeep(c);_&&(_.dataSource=L,u?.(_))},[c]),[x,k]=l.useState();l.useImperativeHandle(a,()=>({loadSchema(L){L&&(h([L.pointData]),u(L))},exportSchema(){return ge.cloneDeep(c)},getPageInfoData(){return x},initPageInfoData(L){L&&k(L)}}));const m=l.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return l.createElement(Di.Provider,{value:{resolver:e,currentNode:r,schema:c,setCurrentNode:d,setSchema:u,saveDataSource:f,prePiontData:v,setPrePiontData:g,pageInfoData:x,setPageInfoData:L=>k(Object.assign(Object.assign({},x),L)),undoStack:y,redoStack:b,setRedoStack:C,setUndoStack:h,getCurPageConf:m,popup:p,setPopup:w}},l.createElement(Mn,{isSsr:i,enable:o},t))});var Ln=Object.freeze({__proto__:null,EditorCore:Ai}),jn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ae=[{label:"defalut",value:"appFont"}],Nt=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Nn=Nt&&Nt!==""?JSON.parse(Nt):[];var Pe={fontOptions:[...ae,...Nn]},Bt,zt,Vt,Bn=[{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:ae,initialValue:(Bt=ae?.[0])===null||Bt===void 0?void 0:Bt.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Pe?.fontOptions,initialValue:(Vt=(zt=Pe?.fontOptions)===null||zt===void 0?void 0:zt[0])===null||Vt===void 0?void 0:Vt.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function Ve(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=pe(),o=l.useCallback((a,r,d,c)=>{var u,v,g,y,h,b,C,p,w,f,x,k,m,L;let _="";e&&(!((v=(u=a?.video)===null||u===void 0?void 0:u.bindProducts)===null||v===void 0)&&v.length||!((g=a?.video)===null||g===void 0)&&g.bindProduct)?_="pdpPage":n?_="hashTagPage":!((y=a?.video)===null||y===void 0)&&y.url?_="videoPage":!((h=a?.video)===null||h===void 0)&&h.imgUrls&&(!((C=(b=a?.video)===null||b===void 0?void 0:b.imgUrls)===null||C===void 0)&&C.length)?_="imagePage":a?.product&&(_="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(p=r?.itemId)!==null&&p!==void 0?p:"",productName:(w=r?.title)!==null&&w!==void 0?w:"",price:r?.price?r?.price+"":"0",productCollection:(f=r?.collection)!==null&&f!==void 0?f:"",fromKName:_,fromKPage:location?.href,contentTags:r?.tags?JSON.stringify(r?.tags):"",position:c+"",contentId:(k=(x=a?.video)===null||x===void 0?void 0:x.itemId)!==null&&k!==void 0?k:"",ctatId:(m=d?.itemId)!==null&&m!==void 0?m:"",traceInfo:(L=r?.traceInfo)!==null&&L!==void 0?L:""}})},[t,e,n]),s=l.useCallback((a,r,d,c,u)=>{var v,g,y,h;let b="";e&&(!((g=(v=a?.video)===null||v===void 0?void 0:v.bindProducts)===null||g===void 0)&&g.length||!((y=a?.video)===null||y===void 0)&&y.bindProduct)?b="pdpPage":a?.product&&(b="productPage"),t?.({eventInfo:{productId:r?.itemId,productName:r?.title,price:r?.price?r?.price+"":"0",productCollection:r?.collection,fromKName:b,fromKPage:location?.href,contentTags:JSON.stringify(r?.tags),position:u+"",contentId:(h=a?.video)===null||h===void 0?void 0:h.itemId,ctatId:d?.itemId,traceInfo:r?.traceInfo,timeOnSite:Math.floor((new Date-c)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]);return{jumpToWeb:o,productView:s}}const zn=t=>{var{columns:e,style:i,title:n,textStyle:o,submitBgColor:s,submitColor:a,submitText:r,layoutType:d,isExternalLink:c,isPopup:u,onClick:v,onClose:g,submitButtonStyle:y}=t,h=Te(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:b,popupDetailData:C}=pe(),{jumpToWeb:p}=Ve(),w=l.useRef(),[f,x]=l.useState(!1),k=l.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"}],[]),m=l.useMemo(()=>{if(d===void 0){const _=ge.cloneDeep(e)||k;return _?.map(T=>Object.assign(Object.assign({},T),{title:void 0,fieldProps:{placeholder:T?.title}}))}else return ge.cloneDeep(e)||k},[d,e,k]),L=ge.debounce(()=>Ie(void 0,void 0,void 0,function*(){var _,T,E,A,S,I;const P=yield(_=w?.current)===null||_===void 0?void 0:_.getFieldsValue();if(!P)return;const N=(E=(T=Object.keys(P))===null||T===void 0?void 0:T.map($=>{var z;return{name:$,value:(z=P[$])!==null&&z!==void 0?z:""}}))===null||E===void 0?void 0:E.filter($=>$?.value);if(!N||!N?.length)return;x(!0);const G=yield b?.({attributes:N});if(x(!1),G){if(c){const $=C,z=(A=$?.video)===null||A===void 0?void 0:A.bindProduct,j=(I=(S=$?.video)===null||S===void 0?void 0:S.bindProduct)===null||I===void 0?void 0:I.bindCta,V=C?.index;p($,z,j,V)}u||g?.(),v?.()}}),1e3);return l.createElement("div",{className:"pb-appoint-form"},l.createElement("div",{className:`pb-appoint-form-title ${te.css(Object.assign({},o))}`},n),l.createElement("div",Object.assign({className:te.css(Object.assign({},i))},h),l.createElement("div",{className:"pb-appoint-form-container"},l.createElement(hn.BetaSchemaForm,{columns:m,submitter:!1,layout:d,autoFocusFirstInput:!1,size:"large",formRef:w,className:"panel-reset"}))),l.createElement("div",{className:"pb-appoint-form-btn-wrapper"},l.createElement("button",{onClick:L,className:"pb-appoint-form-btn",style:Object.assign({color:a,background:s},y)},f?l.createElement(l.Fragment,null,"loading..."):r)))};var Vn=l.memo(zn);function Oe(t,e){return t.extend=e,t}const Fn=Oe(Vn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:Bn,bindableProps:[],interactionRender:jn},defaulSetting:{name:"\u8868\u5355",props:{title:"Appointment Booking",submitColor:"#fff",submitBgColor:"#000",submitText:"Submit",layoutType:void 0},style:{},textStyle:{fontSize:14,color:"#000",textAlign:"center"}},w:100,h:40,sort:2});var Ft,Ht,Hn=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ae,name:["fontFamily"],initialValue:(Ft=ae?.[0])===null||Ft===void 0?void 0:Ft.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:ae,initialValue:(Ht=ae?.[0])===null||Ht===void 0?void 0:Ht.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function Pi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Ut(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:Pi(e[i])&&Pi(t[i])&&Object.keys(e[i]).length>0&&Ut(t[i],e[i])})}const Oi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function Fe(){const t=typeof document<"u"?document:{};return Ut(t,Oi),t}const Un={document:Oi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function _e(){const t=typeof window<"u"?window:{};return Ut(t,Un),t}function Je(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Gn(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 Ne(){return Date.now()}function $n(t){const e=_e();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function Wn(t,e){e===void 0&&(e="x");const i=_e();let n,o,s;const a=$n(t);return i.WebKitCSSMatrix?(o=a.transform||a.webkitTransform,o.split(",").length>6&&(o=o.split(", ").map(r=>r.replace(",",".")).join(", ")),s=new i.WebKitCSSMatrix(o==="none"?"":o)):(s=a.MozTransform||a.OTransform||a.MsTransform||a.msTransform||a.transform||a.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=s.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?o=s.m41:n.length===16?o=parseFloat(n[12]):o=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?o=s.m42:n.length===16?o=parseFloat(n[13]):o=parseFloat(n[5])),o||0}function yt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function Yn(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function Me(){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&&!Yn(n)){const o=Object.keys(Object(n)).filter(s=>e.indexOf(s)<0);for(let s=0,a=o.length;s<a;s+=1){const r=o[s],d=Object.getOwnPropertyDescriptor(n,r);d!==void 0&&d.enumerable&&(yt(t[r])&&yt(n[r])?n[r].__swiper__?t[r]=n[r]:Me(t[r],n[r]):!yt(t[r])&&yt(n[r])?(t[r]={},n[r].__swiper__?t[r]=n[r]:Me(t[r],n[r])):t[r]=n[r])}}}return t}function wt(t,e,i){t.style.setProperty(e,i)}function Mi(t){let{swiper:e,targetPosition:i,side:n}=t;const o=_e(),s=-e.translate;let a=null,r;const d=e.params.speed;e.wrapperEl.style.scrollSnapType="none",o.cancelAnimationFrame(e.cssModeFrameID);const c=i>s?"next":"prev",u=(g,y)=>c==="next"&&g>=y||c==="prev"&&g<=y,v=()=>{r=new Date().getTime(),a===null&&(a=r);const g=Math.max(Math.min((r-a)/d,1),0),y=.5-Math.cos(g*Math.PI)/2;let h=s+y*(i-s);if(u(h,i)&&(h=i),e.wrapperEl.scrollTo({[n]:h}),u(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 Ue(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function St(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:Je(e)),i}function qn(t){const e=_e(),i=Fe(),n=t.getBoundingClientRect(),o=i.body,s=t.clientTop||o.clientTop||0,a=t.clientLeft||o.clientLeft||0,r=t===e?e.scrollY:t.scrollTop,d=t===e?e.scrollX:t.scrollLeft;return{top:n.top+r-s,left:n.left+d-a}}function Xn(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 Jn(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 Ke(t,e){return _e().getComputedStyle(t,null).getPropertyValue(e)}function Tt(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Li(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function Gt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function $t(t,e,i){const n=_e();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 Ge(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function Kn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const s=_e();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let a,r=Ne(),d;const c=[];function u(f){let L=0,_=0,T=0,E=0;return"detail"in f&&(_=f.detail),"wheelDelta"in f&&(_=-f.wheelDelta/120),"wheelDeltaY"in f&&(_=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(L=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(L=_,_=0),T=L*10,E=_*10,"deltaY"in f&&(E=f.deltaY),"deltaX"in f&&(T=f.deltaX),f.shiftKey&&!T&&(T=E,E=0),(T||E)&&f.deltaMode&&(f.deltaMode===1?(T*=40,E*=40):(T*=800,E*=800)),T&&!L&&(L=T<1?-1:1),E&&!_&&(_=E<1?-1:1),{spinX:L,spinY:_,pixelX:T,pixelY:E}}function v(){e.enabled&&(e.mouseEntered=!0)}function g(){e.enabled&&(e.mouseEntered=!1)}function y(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ne()-r<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&Ne()-r<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),o("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),o("scroll",f.raw)),r=new s.Date().getTime(),!1)}function h(f){const x=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&x.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&x.releaseOnEdges)return!0;return!1}function b(f){let x=f,k=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const m=e.params.mousewheel;e.params.cssMode&&x.preventDefault();let L=e.el;e.params.mousewheel.eventsTarget!=="container"&&(L=document.querySelector(e.params.mousewheel.eventsTarget));const _=L&&L.contains(x.target);if(!e.mouseEntered&&!_&&!m.releaseOnEdges)return!0;x.originalEvent&&(x=x.originalEvent);let T=0;const E=e.rtlTranslate?-1:1,A=u(x);if(m.forceToAxis)if(e.isHorizontal())if(Math.abs(A.pixelX)>Math.abs(A.pixelY))T=-A.pixelX*E;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*E:-A.pixelY;if(T===0)return!0;m.invert&&(T=-T);let S=e.getTranslate()+T*m.sensitivity;if(S>=e.minTranslate()&&(S=e.minTranslate()),S<=e.maxTranslate()&&(S=e.maxTranslate()),k=e.params.loop?!0:!(S===e.minTranslate()||S===e.maxTranslate()),k&&e.params.nested&&x.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const I={time:Ne(),delta:Math.abs(T),direction:Math.sign(T),raw:f};c.length>=2&&c.shift();const P=c.length?c[c.length-1]:void 0;if(c.push(I),P?(I.direction!==P.direction||I.delta>P.delta||I.time>P.time+150)&&y(I):y(I),h(I))return!0}else{const I={time:Ne(),delta:Math.abs(T),direction:Math.sign(T)},P=d&&I.time<d.time+500&&I.delta<=d.delta&&I.direction===d.direction;if(!P){d=void 0;let N=e.getTranslate()+T*m.sensitivity;const G=e.isBeginning,$=e.isEnd;if(N>=e.minTranslate()&&(N=e.minTranslate()),N<=e.maxTranslate()&&(N=e.maxTranslate()),e.setTransition(0),e.setTranslate(N),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!G&&e.isBeginning||!$&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:I.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(a),a=void 0,c.length>=15&&c.shift();const z=c.length?c[c.length-1]:void 0,j=c[0];if(c.push(I),z&&(I.delta>z.delta||I.direction!==z.direction))c.splice(0);else if(c.length>=15&&I.time-j.time<500&&j.delta-I.delta>=1&&I.delta<=6){const V=T>0?.8:.2;d=I,c.splice(0),a=nt(()=>{e.slideToClosest(e.params.speed,!0,void 0,V)},0)}a||(a=nt(()=>{d=I,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(P||o("scroll",x),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),m.releaseOnEdges&&(N===e.minTranslate()||N===e.maxTranslate()))return!0}}return x.preventDefault?x.preventDefault():x.returnValue=!1,!1}function C(f){let x=e.el;e.params.mousewheel.eventsTarget!=="container"&&(x=document.querySelector(e.params.mousewheel.eventsTarget)),x[f]("mouseenter",v),x[f]("mouseleave",g),x[f]("wheel",b)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",b),!0):e.mousewheel.enabled?!1:(C("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,b),!0):e.mousewheel.enabled?(C("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:p,disable:w})}function ji(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(o=>{if(!i[o]&&i.auto===!0){let s=Ue(t.el,`.${n[o]}`)[0];s||(s=ct("div",n[o]),s.className=n[o],t.el.append(s)),i[o]=s,e[o]=s}}),i}function ot(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function xt(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const s="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:`${s}-bullet`,bulletActiveClass:`${s}-bullet-active`,modifierClass:`${s}-`,currentClass:`${s}-current`,totalClass:`${s}-total`,hiddenClass:`${s}-hidden`,progressbarFillClass:`${s}-progressbar-fill`,progressbarOppositeClass:`${s}-progressbar-opposite`,clickableClass:`${s}-clickable`,lockClass:`${s}-lock`,horizontalClass:`${s}-horizontal`,verticalClass:`${s}-vertical`,paginationDisabledClass:`${s}-disabled`}}),e.pagination={el:null,bullets:[]};let a,r=0;function d(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,w){const{bulletActiveClass:f}=e.params.pagination;p&&(p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${f}-${w}`),p=p[`${w==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${f}-${w}-${w}`)))}function u(p){const w=p.target.closest(ot(e.params.pagination.bulletClass));if(!w)return;p.preventDefault();const f=Tt(w)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function v(){const p=e.rtl,w=e.params.pagination;if(d())return;let f=e.pagination.el;f=Ge(f);let x,k;const m=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,L=e.params.loop?Math.ceil(m/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(k=e.previousRealIndex||0,x=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(x=e.snapIndex,k=e.previousSnapIndex):(k=e.previousIndex||0,x=e.activeIndex||0),w.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const _=e.pagination.bullets;let T,E,A;if(w.dynamicBullets&&(a=$t(_[0],e.isHorizontal()?"width":"height",!0),f.forEach(S=>{S.style[e.isHorizontal()?"width":"height"]=`${a*(w.dynamicMainBullets+4)}px`}),w.dynamicMainBullets>1&&k!==void 0&&(r+=x-(k||0),r>w.dynamicMainBullets-1?r=w.dynamicMainBullets-1:r<0&&(r=0)),T=Math.max(x-r,0),E=T+(Math.min(_.length,w.dynamicMainBullets)-1),A=(E+T)/2),_.forEach(S=>{const I=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(P=>`${w.bulletActiveClass}${P}`)].map(P=>typeof P=="string"&&P.includes(" ")?P.split(" "):P).flat();S.classList.remove(...I)}),f.length>1)_.forEach(S=>{const I=Tt(S);I===x?S.classList.add(...w.bulletActiveClass.split(" ")):e.isElement&&S.setAttribute("part","bullet"),w.dynamicBullets&&(I>=T&&I<=E&&S.classList.add(...`${w.bulletActiveClass}-main`.split(" ")),I===T&&c(S,"prev"),I===E&&c(S,"next"))});else{const S=_[x];if(S&&S.classList.add(...w.bulletActiveClass.split(" ")),e.isElement&&_.forEach((I,P)=>{I.setAttribute("part",P===x?"bullet-active":"bullet")}),w.dynamicBullets){const I=_[T],P=_[E];for(let N=T;N<=E;N+=1)_[N]&&_[N].classList.add(...`${w.bulletActiveClass}-main`.split(" "));c(I,"prev"),c(P,"next")}}if(w.dynamicBullets){const S=Math.min(_.length,w.dynamicMainBullets+4),I=(a*S-a)/2-A*a,P=p?"right":"left";_.forEach(N=>{N.style[e.isHorizontal()?P:"top"]=`${I}px`})}}f.forEach((_,T)=>{if(w.type==="fraction"&&(_.querySelectorAll(ot(w.currentClass)).forEach(E=>{E.textContent=w.formatFractionCurrent(x+1)}),_.querySelectorAll(ot(w.totalClass)).forEach(E=>{E.textContent=w.formatFractionTotal(L)})),w.type==="progressbar"){let E;w.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const A=(x+1)/L;let S=1,I=1;E==="horizontal"?S=A:I=A,_.querySelectorAll(ot(w.progressbarFillClass)).forEach(P=>{P.style.transform=`translate3d(0,0,0) scaleX(${S}) scaleY(${I})`,P.style.transitionDuration=`${e.params.speed}ms`})}w.type==="custom"&&w.renderCustom?(_.innerHTML=w.renderCustom(e,x+1,L),T===0&&o("paginationRender",_)):(T===0&&o("paginationRender",_),o("paginationUpdate",_)),e.params.watchOverflow&&e.enabled&&_.classList[e.isLocked?"add":"remove"](w.lockClass)})}function g(){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 f=e.pagination.el;f=Ge(f);let x="";if(p.type==="bullets"){let k=e.params.loop?Math.ceil(w/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&k>w&&(k=w);for(let m=0;m<k;m+=1)p.renderBullet?x+=p.renderBullet.call(e,m,p.bulletClass):x+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?x=p.renderFraction.call(e,p.currentClass,p.totalClass):x=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?x=p.renderProgressbar.call(e,p.progressbarFillClass):x=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(k=>{p.type!=="custom"&&(k.innerHTML=x||""),p.type==="bullets"&&e.pagination.bullets.push(...k.querySelectorAll(ot(p.bulletClass)))}),p.type!=="custom"&&o("paginationRender",f[0])}function y(){e.params.pagination=ji(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let w;typeof p.el=="string"&&e.isElement&&(w=e.el.querySelector(p.el)),!w&&typeof p.el=="string"&&(w=[...document.querySelectorAll(p.el)]),w||(w=p.el),!(!w||w.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(w)&&w.length>1&&(w=[...e.el.querySelectorAll(p.el)],w.length>1&&(w=w.filter(f=>Li(f,".swiper")[0]===e.el)[0])),Array.isArray(w)&&w.length===1&&(w=w[0]),Object.assign(e.pagination,{el:w}),w=Ge(w),w.forEach(f=>{p.type==="bullets"&&p.clickable&&f.classList.add(...(p.clickableClass||"").split(" ")),f.classList.add(p.modifierClass+p.type),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(f.classList.add(`${p.modifierClass}${p.type}-dynamic`),r=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&f.classList.add(p.progressbarOppositeClass),p.clickable&&f.addEventListener("click",u),e.enabled||f.classList.add(p.lockClass)}))}function h(){const p=e.params.pagination;if(d())return;let w=e.pagination.el;w&&(w=Ge(w),w.forEach(f=>{f.classList.remove(p.hiddenClass),f.classList.remove(p.modifierClass+p.type),f.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(f.classList.remove(...(p.clickableClass||"").split(" ")),f.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.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=Ge(w),w.forEach(f=>{f.classList.remove(p.horizontalClass,p.verticalClass),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?C():(y(),g(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{g(),v()}),n("destroy",()=>{h()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Ge(p),p.forEach(w=>w.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,w)=>{const f=w.target,x=Ge(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&x&&x.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const k=x[0].classList.contains(e.params.pagination.hiddenClass);o(k===!0?"paginationShow":"paginationHide"),x.forEach(m=>m.classList.toggle(e.params.pagination.hiddenClass))}});const b=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ge(p),p.forEach(w=>w.classList.remove(e.params.pagination.paginationDisabledClass))),y(),g(),v()},C=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Ge(p),p.forEach(w=>w.classList.add(e.params.pagination.paginationDisabledClass))),h()};Object.assign(e.pagination,{enable:b,disable:C,render:g,update:v,init:y,destroy:h})}function Qn(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const s=Fe();let a=!1,r=null,d=null,c,u,v,g;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function y(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S,rtlTranslate:I}=e,{dragEl:P,el:N}=S,G=e.params.scrollbar,$=e.params.loop?e.progressLoop:e.progress;let z=u,j=(v-u)*$;I?(j=-j,j>0?(z=u-j,j=0):-j+u>v&&(z=v+j)):j<0?(z=u+j,j=0):j+u>v&&(z=v-j),e.isHorizontal()?(P.style.transform=`translate3d(${j}px, 0, 0)`,P.style.width=`${z}px`):(P.style.transform=`translate3d(0px, ${j}px, 0)`,P.style.height=`${z}px`),G.hide&&(clearTimeout(r),N.style.opacity=1,r=setTimeout(()=>{N.style.opacity=0,N.style.transitionDuration="400ms"},1e3))}function h(S){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${S}ms`)}function b(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:S}=e,{dragEl:I,el:P}=S;I.style.width="",I.style.height="",v=e.isHorizontal()?P.offsetWidth:P.offsetHeight,g=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*g:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?I.style.width=`${u}px`:I.style.height=`${u}px`,g>=1?P.style.display="none":P.style.display="",e.params.scrollbar.hide&&(P.style.opacity=0),e.params.watchOverflow&&e.enabled&&S.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function C(S){return e.isHorizontal()?S.clientX:S.clientY}function p(S){const{scrollbar:I,rtlTranslate:P}=e,{el:N}=I;let G;G=(C(S)-qn(N)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),G=Math.max(Math.min(G,1),0),P&&(G=1-G);const $=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*G;e.updateProgress($),e.setTranslate($),e.updateActiveIndex(),e.updateSlidesClasses()}function w(S){const I=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:G,dragEl:$}=P;a=!0,c=S.target===$?C(S)-S.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,S.preventDefault(),S.stopPropagation(),N.style.transitionDuration="100ms",$.style.transitionDuration="100ms",p(S),clearTimeout(d),G.style.transitionDuration="0ms",I.hide&&(G.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),o("scrollbarDragStart",S)}function f(S){const{scrollbar:I,wrapperEl:P}=e,{el:N,dragEl:G}=I;a&&(S.preventDefault?S.preventDefault():S.returnValue=!1,p(S),P.style.transitionDuration="0ms",N.style.transitionDuration="0ms",G.style.transitionDuration="0ms",o("scrollbarDragMove",S))}function x(S){const I=e.params.scrollbar,{scrollbar:P,wrapperEl:N}=e,{el:G}=P;a&&(a=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",N.style.transitionDuration=""),I.hide&&(clearTimeout(d),d=nt(()=>{G.style.opacity=0,G.style.transitionDuration="400ms"},1e3)),o("scrollbarDragEnd",S),I.snapOnRelease&&e.slideToClosest())}function k(S){const{scrollbar:I,params:P}=e,N=I.el;if(!N)return;const G=N,$=P.passiveListeners?{passive:!1,capture:!1}:!1,z=P.passiveListeners?{passive:!0,capture:!1}:!1;if(!G)return;const j=S==="on"?"addEventListener":"removeEventListener";G[j]("pointerdown",w,$),s[j]("pointermove",f,$),s[j]("pointerup",x,z)}function m(){!e.params.scrollbar.el||!e.scrollbar.el||k("on")}function L(){!e.params.scrollbar.el||!e.scrollbar.el||k("off")}function _(){const{scrollbar:S,el:I}=e;e.params.scrollbar=ji(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const P=e.params.scrollbar;if(!P.el)return;let N;if(typeof P.el=="string"&&e.isElement&&(N=e.el.querySelector(P.el)),!N&&typeof P.el=="string"){if(N=s.querySelectorAll(P.el),!N.length)return}else N||(N=P.el);e.params.uniqueNavElements&&typeof P.el=="string"&&N.length>1&&I.querySelectorAll(P.el).length===1&&(N=I.querySelector(P.el)),N.length>0&&(N=N[0]),N.classList.add(e.isHorizontal()?P.horizontalClass:P.verticalClass);let G;N&&(G=N.querySelector(ot(e.params.scrollbar.dragClass)),G||(G=ct("div",e.params.scrollbar.dragClass),N.append(G))),Object.assign(S,{el:N,dragEl:G}),P.draggable&&m(),N&&N.classList[e.enabled?"remove":"add"](...Je(e.params.scrollbar.lockClass))}function T(){const S=e.params.scrollbar,I=e.scrollbar.el;I&&I.classList.remove(...Je(e.isHorizontal()?S.horizontalClass:S.verticalClass)),L()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const S=e.params.scrollbar;let{el:I}=e.scrollbar;I=Ge(I),I.forEach(P=>{P.classList.remove(S.horizontalClass,S.verticalClass),P.classList.add(e.isHorizontal()?S.horizontalClass:S.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?A():(_(),b(),y())}),n("update resize observerUpdate lock unlock changeDirection",()=>{b()}),n("setTranslate",()=>{y()}),n("setTransition",(S,I)=>{h(I)}),n("enable disable",()=>{const{el:S}=e.scrollbar;S&&S.classList[e.enabled?"remove":"add"](...Je(e.params.scrollbar.lockClass))}),n("destroy",()=>{T()});const E=()=>{e.el.classList.remove(...Je(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...Je(e.params.scrollbar.scrollbarDisabledClass)),_(),b(),y()},A=()=>{e.el.classList.add(...Je(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...Je(e.params.scrollbar.scrollbarDisabledClass)),T()};Object.assign(e.scrollbar,{enable:E,disable:A,updateSize:b,setTranslate:y,init:_,destroy:T})}function Et(t){let{swiper:e,extendParams:i,on:n,emit:o,params:s}=t;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let a,r,d=s&&s.autoplay?s.autoplay.delay:3e3,c=s&&s.autoplay?s.autoplay.delay:3e3,u,v=new Date().getTime(),g,y,h,b,C,p,w;function f(z){!e||e.destroyed||!e.wrapperEl||z.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!w&&E())}const x=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?g=!0:g&&(c=u,g=!1);const z=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=z,o("autoplayTimeLeft",z,z/d),r=requestAnimationFrame(()=>{x()})},k=()=>{let z;return e.virtual&&e.params.virtual.enabled?z=e.slides.filter(V=>V.classList.contains("swiper-slide-active"))[0]:z=e.slides[e.activeIndex],z?parseInt(z.getAttribute("data-swiper-autoplay"),10):void 0},m=z=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(r),x();let j=typeof z>"u"?e.params.autoplay.delay:z;d=e.params.autoplay.delay,c=e.params.autoplay.delay;const V=k();!Number.isNaN(V)&&V>0&&typeof z>"u"&&(j=V,d=V,c=V),u=j;const O=e.params.speed,D=()=>{!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(()=>{m()})))};return j>0?(clearTimeout(a),a=setTimeout(()=>{D()},j)):requestAnimationFrame(()=>{D()}),j},L=()=>{v=new Date().getTime(),e.autoplay.running=!0,m(),o("autoplayStart")},_=()=>{e.autoplay.running=!1,clearTimeout(a),cancelAnimationFrame(r),o("autoplayStop")},T=(z,j)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(a),z||(p=!0);const V=()=>{o("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):E()};if(e.autoplay.paused=!0,j){C&&(u=e.params.autoplay.delay),C=!1,V();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),V())},E=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,m(u)):m(),e.autoplay.paused=!1,o("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const z=Fe();z.visibilityState==="hidden"&&(p=!0,T(!0)),z.visibilityState==="visible"&&E()},S=z=>{z.pointerType==="mouse"&&(p=!0,w=!0,!(e.animating||e.autoplay.paused)&&T(!0))},I=z=>{z.pointerType==="mouse"&&(w=!1,e.autoplay.paused&&E())},P=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",S),e.el.addEventListener("pointerleave",I))},N=()=>{e.el.removeEventListener("pointerenter",S),e.el.removeEventListener("pointerleave",I)},G=()=>{Fe().addEventListener("visibilitychange",A)},$=()=>{Fe().removeEventListener("visibilitychange",A)};n("init",()=>{e.params.autoplay.enabled&&(P(),G(),L())}),n("destroy",()=>{N(),$(),e.autoplay.running&&_()}),n("_freeModeStaticRelease",()=>{(h||p)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?_():T(!0,!0)}),n("beforeTransitionStart",(z,j,V)=>{e.destroyed||!e.autoplay.running||(V||!e.params.autoplay.disableOnInteraction?T(!0,!0):_())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){_();return}y=!0,h=!1,p=!1,b=setTimeout(()=>{p=!0,h=!0,T(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!y)){if(clearTimeout(b),clearTimeout(a),e.params.autoplay.disableOnInteraction){h=!1,y=!1;return}h&&e.params.cssMode&&E(),h=!1,y=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(C=!0)}),Object.assign(e.autoplay,{start:L,stop:_,pause:T,resume:E})}function Zn(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 s(){if(e.params.cssMode)return;const d=e.getTranslate();e.setTranslate(d),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function a(){if(e.params.cssMode)return;const{touchEventsData:d,touches:c}=e;d.velocities.length===0&&d.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:d.touchStartTime}),d.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Ne()})}function r(d){let{currentPos:c}=d;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:g,snapGrid:y,touchEventsData:h}=e,C=Ne()-h.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<y.length?e.slideTo(y.length-1):e.slideTo(e.slides.length-1);return}if(u.freeMode.momentum){if(h.velocities.length>1){const _=h.velocities.pop(),T=h.velocities.pop(),E=_.position-T.position,A=_.time-T.time;e.velocity=E/A,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(A>150||Ne()-_.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,h.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const w=e.velocity*p;let f=e.translate+w;g&&(f=-f);let x=!1,k;const m=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let L;if(f<e.maxTranslate())u.freeMode.momentumBounce?(f+e.maxTranslate()<-m&&(f=e.maxTranslate()-m),k=e.maxTranslate(),x=!0,h.allowMomentumBounce=!0):f=e.maxTranslate(),u.loop&&u.centeredSlides&&(L=!0);else if(f>e.minTranslate())u.freeMode.momentumBounce?(f-e.minTranslate()>m&&(f=e.minTranslate()+m),k=e.minTranslate(),x=!0,h.allowMomentumBounce=!0):f=e.minTranslate(),u.loop&&u.centeredSlides&&(L=!0);else if(u.freeMode.sticky){let _;for(let T=0;T<y.length;T+=1)if(y[T]>-f){_=T;break}Math.abs(y[_]-f)<Math.abs(y[_-1]-f)||e.swipeDirection==="next"?f=y[_]:f=y[_-1],f=-f}if(L&&o("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(g?p=Math.abs((-f-e.translate)/e.velocity):p=Math.abs((f-e.translate)/e.velocity),u.freeMode.sticky){const _=Math.abs((g?-f:f)-e.translate),T=e.slidesSizesGrid[e.activeIndex];_<T?p=u.speed:_<2*T?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&x?(e.updateProgress(k),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Gt(v,()=>{!e||e.destroyed||!h.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(k),Gt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Gt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||C>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:a,onTouchEnd:r}})}let Wt;function Rn(){const t=_e(),e=Fe();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Ni(){return Wt||(Wt=Rn()),Wt}let Yt;function eo(t){let{userAgent:e}=t===void 0?{}:t;const i=Ni(),n=_e(),o=n.navigator.platform,s=e||n.navigator.userAgent,a={ios:!1,android:!1},r=n.screen.width,d=n.screen.height,c=s.match(/(Android);?[\s\/]+([\d.]+)?/);let u=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),g=!u&&s.match(/(iPhone\sOS|iOS)\s([\d_]+)/),y=o==="Win32";let h=o==="MacIntel";const b=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!u&&h&&i.touch&&b.indexOf(`${r}x${d}`)>=0&&(u=s.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),h=!1),c&&!y&&(a.os="android",a.android=!0),(u||g||v)&&(a.os="ios",a.ios=!0),a}function Bi(t){return t===void 0&&(t={}),Yt||(Yt=eo(t)),Yt}let qt;function to(){const t=_e(),e=Bi();let i=!1;function n(){const r=t.navigator.userAgent.toLowerCase();return r.indexOf("safari")>=0&&r.indexOf("chrome")<0&&r.indexOf("android")<0}if(n()){const r=String(t.navigator.userAgent);if(r.includes("Version/")){const[d,c]=r.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=d<16||d===16&&c<2}}const o=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),s=n(),a=s||o&&e.ios;return{isSafari:i||s,needPerspectiveFix:i,need3dFix:a,isWebView:o}}function io(){return qt||(qt=to()),qt}function no(t){let{swiper:e,on:i,emit:n}=t;const o=_e();let s=null,a=null;const r=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},d=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{a=o.requestAnimationFrame(()=>{const{width:g,height:y}=e;let h=g,b=y;v.forEach(C=>{let{contentBoxSize:p,contentRect:w,target:f}=C;f&&f!==e.el||(h=w?w.width:(p[0]||p).inlineSize,b=w?w.height:(p[0]||p).blockSize)}),(h!==g||b!==y)&&r()})}),s.observe(e.el))},c=()=>{a&&o.cancelAnimationFrame(a),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},u=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof o.ResizeObserver<"u"){d();return}o.addEventListener("resize",r),o.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),o.removeEventListener("resize",r),o.removeEventListener("orientationchange",u)})}function oo(t){let{swiper:e,extendParams:i,on:n,emit:o}=t;const s=[],a=_e(),r=function(u,v){v===void 0&&(v={});const g=a.MutationObserver||a.WebkitMutationObserver,y=new g(h=>{if(e.__preventObserver__)return;if(h.length===1){o("observerUpdate",h[0]);return}const b=function(){o("observerUpdate",h[0])};a.requestAnimationFrame?a.requestAnimationFrame(b):a.setTimeout(b,0)});y.observe(u,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),s.push(y)},d=()=>{if(e.params.observer){if(e.params.observeParents){const u=Li(e.hostEl);for(let v=0;v<u.length;v+=1)r(u[v])}r(e.hostEl,{childList:e.params.observeSlideChildren}),r(e.wrapperEl,{attributes:!1})}},c=()=>{s.forEach(u=>{u.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",d),n("destroy",c)}var lo={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(s=>{n.eventsListeners[s]||(n.eventsListeners[s]=[]),n.eventsListeners[s][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 s=arguments.length,a=new Array(s),r=0;r<s;r++)a[r]=arguments[r];e.apply(n,a)}return o.__emitterProxy=e,n.on(t,o,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((o,s)=>{(o===e||o.__emitterProxy&&o.__emitterProxy===e)&&i.eventsListeners[n].splice(s,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var o=arguments.length,s=new Array(o),a=0;a<o;a++)s[a]=arguments[a];return typeof s[0]=="string"||Array.isArray(s[0])?(e=s[0],i=s.slice(1,s.length),n=t):(e=s[0].events,i=s[0].data,n=s[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(d=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[d,...i])}),t.eventsListeners&&t.eventsListeners[d]&&t.eventsListeners[d].forEach(c=>{c.apply(n,i)})}),t}};function so(){const t=this;let e,i;const n=t.el;typeof t.params.width<"u"&&t.params.width!==null?e=t.params.width:e=n.clientWidth,typeof t.params.height<"u"&&t.params.height!==null?i=t.params.height:i=n.clientHeight,!(e===0&&t.isHorizontal()||i===0&&t.isVertical())&&(e=e-parseInt(Ke(n,"padding-left")||0,10)-parseInt(Ke(n,"padding-right")||0,10),i=i-parseInt(Ke(n,"padding-top")||0,10)-parseInt(Ke(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 ro(){const t=this;function e(E,A){return parseFloat(E.getPropertyValue(t.getDirectionLabel(A))||0)}const i=t.params,{wrapperEl:n,slidesEl:o,size:s,rtlTranslate:a,wrongRTL:r}=t,d=t.virtual&&i.virtual.enabled,c=d?t.virtual.slides.length:t.slides.length,u=Ue(o,`.${t.params.slideClass}, swiper-slide`),v=d?t.virtual.slides.length:u.length;let g=[];const y=[],h=[];let b=i.slidesOffsetBefore;typeof b=="function"&&(b=i.slidesOffsetBefore.call(t));let C=i.slidesOffsetAfter;typeof C=="function"&&(C=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,w=t.slidesGrid.length;let f=i.spaceBetween,x=-b,k=0,m=0;if(typeof s>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*s:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,u.forEach(E=>{a?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(wt(n,"--swiper-centered-offset-before",""),wt(n,"--swiper-centered-offset-after",""));const L=i.grid&&i.grid.rows>1&&t.grid;L?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let _;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){_=0;let A;if(u[E]&&(A=u[E]),L&&t.grid.updateSlide(E,A,u),!(u[E]&&Ke(A,"display")==="none")){if(i.slidesPerView==="auto"){T&&(u[E].style[t.getDirectionLabel("width")]="");const S=getComputedStyle(A),I=A.style.transform,P=A.style.webkitTransform;if(I&&(A.style.transform="none"),P&&(A.style.webkitTransform="none"),i.roundLengths)_=t.isHorizontal()?$t(A,"width",!0):$t(A,"height",!0);else{const N=e(S,"width"),G=e(S,"padding-left"),$=e(S,"padding-right"),z=e(S,"margin-left"),j=e(S,"margin-right"),V=S.getPropertyValue("box-sizing");if(V&&V==="border-box")_=N+z+j;else{const{clientWidth:O,offsetWidth:D}=A;_=N+G+$+z+j+(D-O)}}I&&(A.style.transform=I),P&&(A.style.webkitTransform=P),i.roundLengths&&(_=Math.floor(_))}else _=(s-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(_=Math.floor(_)),u[E]&&(u[E].style[t.getDirectionLabel("width")]=`${_}px`);u[E]&&(u[E].swiperSlideSize=_),h.push(_),i.centeredSlides?(x=x+_/2+k/2+f,k===0&&E!==0&&(x=x-s/2-f),E===0&&(x=x-s/2-f),Math.abs(x)<1/1e3&&(x=0),i.roundLengths&&(x=Math.floor(x)),m%i.slidesPerGroup===0&&g.push(x),y.push(x)):(i.roundLengths&&(x=Math.floor(x)),(m-Math.min(t.params.slidesPerGroupSkip,m))%t.params.slidesPerGroup===0&&g.push(x),y.push(x),x=x+_+f),t.virtualSize+=_+f,k=_,m+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+C,a&&r&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),L&&t.grid.updateWrapperSize(_,g),!i.centeredSlides){const E=[];for(let A=0;A<g.length;A+=1){let S=g[A];i.roundLengths&&(S=Math.floor(S)),g[A]<=t.virtualSize-s&&E.push(S)}g=E,Math.floor(t.virtualSize-s)-Math.floor(g[g.length-1])>1&&g.push(t.virtualSize-s)}if(d&&i.loop){const E=h[0]+f;if(i.slidesPerGroup>1){const A=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),S=E*i.slidesPerGroup;for(let I=0;I<A;I+=1)g.push(g[g.length-1]+S)}for(let A=0;A<t.virtual.slidesBefore+t.virtual.slidesAfter;A+=1)i.slidesPerGroup===1&&g.push(g[g.length-1]+E),y.push(y[y.length-1]+E),t.virtualSize+=E}if(g.length===0&&(g=[0]),f!==0){const E=t.isHorizontal()&&a?"marginLeft":t.getDirectionLabel("marginRight");u.filter((A,S)=>!i.cssMode||i.loop?!0:S!==u.length-1).forEach(A=>{A.style[E]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;h.forEach(S=>{E+=S+(f||0)}),E-=f;const A=E-s;g=g.map(S=>S<=0?-b:S>A?A+C:S)}if(i.centerInsufficientSlides){let E=0;if(h.forEach(A=>{E+=A+(f||0)}),E-=f,E<s){const A=(s-E)/2;g.forEach((S,I)=>{g[I]=S-A}),y.forEach((S,I)=>{y[I]=S+A})}}if(Object.assign(t,{slides:u,snapGrid:g,slidesGrid:y,slidesSizesGrid:h}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){wt(n,"--swiper-centered-offset-before",`${-g[0]}px`),wt(n,"--swiper-centered-offset-after",`${t.size/2-h[h.length-1]/2}px`);const E=-t.snapGrid[0],A=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(S=>S+E),t.slidesGrid=t.slidesGrid.map(S=>S+A)}if(v!==c&&t.emit("slidesLengthChange"),g.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),y.length!==w&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!d&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,A=t.el.classList.contains(E);v<=i.maxBackfaceHiddenSlides?A||t.el.classList.add(E):A&&t.el.classList.remove(E)}}function ao(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let o=0,s;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const a=r=>n?e.slides[e.getSlideIndexByData(r)]:e.slides[r];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(r=>{i.push(r)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const r=e.activeIndex+s;if(r>e.slides.length&&!n)break;i.push(a(r))}else i.push(a(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const r=i[s].offsetHeight;o=r>o?r:o}(o||o===0)&&(e.wrapperEl.style.height=`${o}px`)}function uo(){const t=this,e=t.slides,i=t.isElement?t.isHorizontal()?t.wrapperEl.offsetLeft:t.wrapperEl.offsetTop:0;for(let n=0;n<e.length;n+=1)e[n].swiperSlideOffset=(t.isHorizontal()?e[n].offsetLeft:e[n].offsetTop)-i-t.cssOverflowAdjustment()}function co(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:o,snapGrid:s}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let a=-t;o&&(a=t),n.forEach(d=>{d.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass)}),e.visibleSlidesIndexes=[],e.visibleSlides=[];let r=i.spaceBetween;typeof r=="string"&&r.indexOf("%")>=0?r=parseFloat(r.replace("%",""))/100*e.size:typeof r=="string"&&(r=parseFloat(r));for(let d=0;d<n.length;d+=1){const c=n[d];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(a+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),g=(a-s[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),y=-(a-u),h=y+e.slidesSizesGrid[d],b=y>=0&&y<=e.size-e.slidesSizesGrid[d];(y>=0&&y<e.size-1||h>1&&h<=e.size||y<=0&&h>=e.size)&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(d),n[d].classList.add(i.slideVisibleClass)),b&&n[d].classList.add(i.slideFullyVisibleClass),c.progress=o?-v:v,c.originalProgress=o?-g:g}}function po(t){const e=this;if(typeof t>"u"){const u=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*u||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:o,isBeginning:s,isEnd:a,progressLoop:r}=e;const d=s,c=a;if(n===0)o=0,s=!0,a=!0;else{o=(t-e.minTranslate())/n;const u=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=u||o<=0,a=v||o>=1,u&&(o=0),v&&(o=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),g=e.slidesGrid[u],y=e.slidesGrid[v],h=e.slidesGrid[e.slidesGrid.length-1],b=Math.abs(t);b>=g?r=(b-g)/h:r=(b+h-y)/h,r>1&&(r-=1)}Object.assign(e,{progress:o,progressLoop:r,isBeginning:s,isEnd:a}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!d&&e.emit("reachBeginning toEdge"),a&&!c&&e.emit("reachEnd toEdge"),(d&&!s||c&&!a)&&e.emit("fromEdge"),e.emit("progress",o)}function vo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:o}=t,s=t.virtual&&i.virtual.enabled,a=t.grid&&i.grid&&i.grid.rows>1,r=v=>Ue(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];e.forEach(v=>{v.classList.remove(i.slideActiveClass,i.slideNextClass,i.slidePrevClass)});let d,c,u;if(s)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=r(`[data-swiper-slide-index="${v}"]`)}else d=r(`[data-swiper-slide-index="${o}"]`);else a?(d=e.filter(v=>v.column===o)[0],u=e.filter(v=>v.column===o+1)[0],c=e.filter(v=>v.column===o-1)[0]):d=e[o];d&&(d.classList.add(i.slideActiveClass),a?(u&&u.classList.add(i.slideNextClass),c&&c.classList.add(i.slidePrevClass)):(u=Jn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),u&&u.classList.add(i.slideNextClass),c=Xn(d,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]),c&&c.classList.add(i.slidePrevClass))),t.emitSlidesClasses()}const Ct=(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()}},Xt=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},Jt=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),o=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const a=o,r=[a-e];r.push(...Array.from({length:e}).map((d,c)=>a+n+c)),t.slides.forEach((d,c)=>{r.includes(d.column)&&Xt(t,c)});return}const s=o+n-1;if(t.params.rewind||t.params.loop)for(let a=o-e;a<=s+e;a+=1){const r=(a%i+i)%i;(r<o||r>s)&&Xt(t,r)}else for(let a=Math.max(o-e,0);a<=Math.min(s+e,i-1);a+=1)a!==o&&(a>s||a<o)&&Xt(t,a)};function fo(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let o;for(let s=0;s<e.length;s+=1)typeof e[s+1]<"u"?n>=e[s]&&n<e[s+1]-(e[s+1]-e[s])/2?o=s:n>=e[s]&&n<e[s+1]&&(o=s+1):n>=e[s]&&(o=s);return i.normalizeSlideIndex&&(o<0||typeof o>"u")&&(o=0),o}function mo(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:o,activeIndex:s,realIndex:a,snapIndex:r}=e;let d=t,c;const u=y=>{let h=y-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=fo(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const y=Math.min(o.slidesPerGroupSkip,d);c=y+Math.floor((d-y)/o.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),d===s&&!e.params.loop){c!==r&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(d===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(d);return}const v=e.grid&&o.grid&&o.grid.rows>1;let g;if(e.virtual&&o.virtual.enabled&&o.loop)g=u(d);else if(v){const y=e.slides.filter(b=>b.column===d)[0];let h=parseInt(y.getAttribute("data-swiper-slide-index"),10);Number.isNaN(h)&&(h=Math.max(e.slides.indexOf(y),0)),g=Math.floor(h/o.grid.rows)}else if(e.slides[d]){const y=e.slides[d].getAttribute("data-swiper-slide-index");y?g=parseInt(y,10):g=d}else g=d;Object.assign(e,{previousSnapIndex:r,snapIndex:c,previousRealIndex:a,realIndex:g,previousIndex:s,activeIndex:d}),e.initialized&&Jt(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(a!==g&&e.emit("realIndexChange"),e.emit("slideChange"))}function ho(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(r=>{!o&&r.matches&&r.matches(`.${n.slideClass}, swiper-slide`)&&(o=r)});let s=!1,a;if(o){for(let r=0;r<i.slides.length;r+=1)if(i.slides[r]===o){s=!0,a=r;break}}if(o&&s)i.clickedSlide=o,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(o.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=a;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var go={updateSize:so,updateSlides:ro,updateAutoHeight:ao,updateSlidesOffset:uo,updateSlidesProgress:co,updateProgress:po,updateSlidesClasses:vo,updateActiveIndex:mo,updateClickedSlide:ho};function bo(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:o,wrapperEl:s}=e;if(i.virtualTranslate)return n?-o:o;if(i.cssMode)return o;let a=Wn(s,t);return a+=e.cssOverflowAdjustment(),n&&(a=-a),a||0}function yo(t,e){const i=this,{rtlTranslate:n,params:o,wrapperEl:s,progress:a}=i;let r=0,d=0;const c=0;i.isHorizontal()?r=n?-t:t:d=t,o.roundLengths&&(r=Math.floor(r),d=Math.floor(d)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?r:d,o.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-r:-d:o.virtualTranslate||(i.isHorizontal()?r-=i.cssOverflowAdjustment():d-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${r}px, ${d}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==a&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function wo(){return-this.snapGrid[0]}function So(){return-this.snapGrid[this.snapGrid.length-1]}function To(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 s=this,{params:a,wrapperEl:r}=s;if(s.animating&&a.preventInteractionOnTransition)return!1;const d=s.minTranslate(),c=s.maxTranslate();let u;if(n&&t>d?u=d:n&&t<c?u=c:u=t,s.updateProgress(u),a.cssMode){const v=s.isHorizontal();if(e===0)r[v?"scrollLeft":"scrollTop"]=-u;else{if(!s.support.smoothScroll)return Mi({swiper:s,targetPosition:-u,side:v?"left":"top"}),!0;r.scrollTo({[v?"left":"top"]:-u,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,o),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,o),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(g){!s||s.destroyed||g.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onTranslateToWrapperTransitionEnd),s.onTranslateToWrapperTransitionEnd=null,delete s.onTranslateToWrapperTransitionEnd,i&&s.emit("transitionEnd"))}),s.wrapperEl.addEventListener("transitionend",s.onTranslateToWrapperTransitionEnd))),!0}var xo={getTranslate:bo,setTranslate:yo,minTranslate:wo,maxTranslate:So,translateTo:To};function Eo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function zi(t){let{swiper:e,runCallbacks:i,direction:n,step:o}=t;const{activeIndex:s,previousIndex:a}=e;let r=n;if(r||(s>a?r="next":s<a?r="prev":r="reset"),e.emit(`transition${o}`),i&&s!==a){if(r==="reset"){e.emit(`slideResetTransition${o}`);return}e.emit(`slideChangeTransition${o}`),r==="next"?e.emit(`slideNextTransition${o}`):e.emit(`slidePrevTransition${o}`)}}function Co(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),zi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function Io(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),zi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var _o={setTransition:Eo,transitionStart:Co,transitionEnd:Io};function ko(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 s=this;let a=t;a<0&&(a=0);const{params:r,snapGrid:d,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:g,wrapperEl:y,enabled:h}=s;if(s.animating&&r.preventInteractionOnTransition||!h&&!n&&!o||s.destroyed)return!1;const b=Math.min(s.params.slidesPerGroupSkip,a);let C=b+Math.floor((a-b)/s.params.slidesPerGroup);C>=d.length&&(C=d.length-1);const p=-d[C];if(r.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const x=-Math.floor(p*100),k=Math.floor(c[f]*100),m=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?x>=k&&x<m-(m-k)/2?a=f:x>=k&&x<m&&(a=f+1):x>=k&&(a=f)}if(s.initialized&&a!==v&&(!s.allowSlideNext&&(g?p>s.translate&&p>s.minTranslate():p<s.translate&&p<s.minTranslate())||!s.allowSlidePrev&&p>s.translate&&p>s.maxTranslate()&&(v||0)!==a))return!1;a!==(u||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let w;if(a>v?w="next":a<v?w="prev":w="reset",g&&-p===s.translate||!g&&p===s.translate)return s.updateActiveIndex(a),r.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),r.effect!=="slide"&&s.setTranslate(p),w!=="reset"&&(s.transitionStart(i,w),s.transitionEnd(i,w)),!1;if(r.cssMode){const f=s.isHorizontal(),x=g?p:-p;if(e===0){const k=s.virtual&&s.params.virtual.enabled;k&&(s.wrapperEl.style.scrollSnapType="none",s._immediateVirtual=!0),k&&!s._cssModeVirtualInitialSet&&s.params.initialSlide>0?(s._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{y[f?"scrollLeft":"scrollTop"]=x})):y[f?"scrollLeft":"scrollTop"]=x,k&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return Mi({swiper:s,targetPosition:x,side:f?"left":"top"}),!0;y.scrollTo({[f?"left":"top"]:x,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(a),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,w),e===0?s.transitionEnd(i,w):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(x){!s||s.destroyed||x.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,w))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function Do(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 s=o.grid&&o.params.grid&&o.params.grid.rows>1;let a=t;if(o.params.loop)if(o.virtual&&o.params.virtual.enabled)a=a+o.virtual.slidesBefore;else{let r;if(s){const g=a*o.params.grid.rows;r=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else r=o.getSlideIndexByData(a);const d=s?Math.ceil(o.slides.length/o.params.grid.rows):o.slides.length,{centeredSlides:c}=o.params;let u=o.params.slidesPerView;u==="auto"?u=o.slidesPerViewDynamic():(u=Math.ceil(parseFloat(o.params.slidesPerView,10)),c&&u%2===0&&(u=u+1));let v=d-r<u;if(c&&(v=v||r<Math.ceil(u/2)),v){const g=c?r<o.activeIndex?"prev":"next":r-o.activeIndex-1<o.params.slidesPerView?"next":"prev";o.loopFix({direction:g,slideTo:!0,activeSlideIndex:g==="next"?r+1:r-d+1,slideRealIndex:g==="next"?o.realIndex:void 0})}if(s){const g=a*o.params.grid.rows;a=o.slides.filter(y=>y.getAttribute("data-swiper-slide-index")*1===g)[0].column}else a=o.getSlideIndexByData(a)}return requestAnimationFrame(()=>{o.slideTo(a,e,i,n)}),o}function Ao(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{enabled:o,params:s,animating:a}=n;if(!o||n.destroyed)return n;let r=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(r=Math.max(n.slidesPerViewDynamic("current",!0),1));const d=n.activeIndex<s.slidesPerGroupSkip?1:r,c=n.virtual&&s.virtual.enabled;if(s.loop){if(a&&!c&&s.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&s.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+d,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+d,t,e,i)}function Po(t,e,i){t===void 0&&(t=this.params.speed),e===void 0&&(e=!0);const n=this,{params:o,snapGrid:s,slidesGrid:a,rtlTranslate:r,enabled:d,animating:c}=n;if(!d||n.destroyed)return n;const u=n.virtual&&o.virtual.enabled;if(o.loop){if(c&&!u&&o.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=r?n.translate:-n.translate;function g(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const y=g(v),h=s.map(p=>g(p));let b=s[h.indexOf(y)-1];if(typeof b>"u"&&o.cssMode){let p;s.forEach((w,f)=>{y>=w&&(p=f)}),typeof p<"u"&&(b=s[p>0?p-1:p])}let C=0;if(typeof b<"u"&&(C=a.indexOf(b),C<0&&(C=n.activeIndex-1),o.slidesPerView==="auto"&&o.slidesPerGroup===1&&o.slidesPerGroupAuto&&(C=C-n.slidesPerViewDynamic("previous",!0)+1,C=Math.max(C,0))),o.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(o.loop&&n.activeIndex===0&&o.cssMode)return requestAnimationFrame(()=>{n.slideTo(C,t,e,i)}),!0;return n.slideTo(C,t,e,i)}function Oo(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 Mo(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 s=o.activeIndex;const a=Math.min(o.params.slidesPerGroupSkip,s),r=a+Math.floor((s-a)/o.params.slidesPerGroup),d=o.rtlTranslate?o.translate:-o.translate;if(d>=o.snapGrid[r]){const c=o.snapGrid[r],u=o.snapGrid[r+1];d-c>(u-c)*n&&(s+=o.params.slidesPerGroup)}else{const c=o.snapGrid[r-1],u=o.snapGrid[r];d-c<=(u-c)*n&&(s-=o.params.slidesPerGroup)}return s=Math.max(s,0),s=Math.min(s,o.slidesGrid.length-1),o.slideTo(s,t,e,i)}function Lo(){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,s;const a=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;s=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(Ue(i,`${a}[data-swiper-slide-index="${s}"]`)[0]),nt(()=>{t.slideTo(o)})):t.slideTo(o):o>t.slides.length-n?(t.loopFix(),o=t.getSlideIndex(Ue(i,`${a}[data-swiper-slide-index="${s}"]`)[0]),nt(()=>{t.slideTo(o)})):t.slideTo(o)}else t.slideTo(o)}var jo={slideTo:ko,slideToLoop:Do,slideNext:Ao,slidePrev:Po,slideReset:Oo,slideToClosest:Mo,slideToClickedSlide:Lo};function No(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const o=()=>{Ue(n,`.${i.slideClass}, swiper-slide`).forEach((v,g)=>{v.setAttribute("data-swiper-slide-index",g)})},s=e.grid&&i.grid&&i.grid.rows>1,a=i.slidesPerGroup*(s?i.grid.rows:1),r=e.slides.length%a!==0,d=s&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const g=e.isElement?ct("swiper-slide",[i.slideBlankClass]):ct("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(g)}};if(r){if(i.loopAddBlankSlides){const u=a-e.slides.length%a;c(u),e.recalcSlides(),e.updateSlides()}else St("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 u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else St("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 Bo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:o,activeSlideIndex:s,byController:a,byMousewheel:r}=t===void 0?{}:t;const d=this;if(!d.params.loop)return;d.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:g,params:y}=d,{centeredSlides:h}=y;if(d.allowSlidePrev=!0,d.allowSlideNext=!0,d.virtual&&y.virtual.enabled){i&&(!y.centeredSlides&&d.snapIndex===0?d.slideTo(d.virtual.slides.length,0,!1,!0):y.centeredSlides&&d.snapIndex<y.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=u,d.allowSlideNext=v,d.emit("loopFix");return}let b=y.slidesPerView;b==="auto"?b=d.slidesPerViewDynamic():(b=Math.ceil(parseFloat(y.slidesPerView,10)),h&&b%2===0&&(b=b+1));const C=y.slidesPerGroupAuto?b:y.slidesPerGroup;let p=C;p%C!==0&&(p+=C-p%C),p+=y.loopAdditionalSlides,d.loopedSlides=p;const w=d.grid&&y.grid&&y.grid.rows>1;c.length<b+p?St("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):w&&y.grid.fill==="row"&&St("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],x=[];let k=d.activeIndex;typeof s>"u"?s=d.getSlideIndex(c.filter(I=>I.classList.contains(y.slideActiveClass))[0]):k=s;const m=n==="next"||!n,L=n==="prev"||!n;let _=0,T=0;const E=w?Math.ceil(c.length/y.grid.rows):c.length,S=(w?c[s].column:s)+(h&&typeof o>"u"?-b/2+.5:0);if(S<p){_=Math.max(p-S,C);for(let I=0;I<p-S;I+=1){const P=I-Math.floor(I/E)*E;if(w){const N=E-P-1;for(let G=c.length-1;G>=0;G-=1)c[G].column===N&&f.push(G)}else f.push(E-P-1)}}else if(S+b>E-p){T=Math.max(S-(E-p*2),C);for(let I=0;I<T;I+=1){const P=I-Math.floor(I/E)*E;w?c.forEach((N,G)=>{N.column===P&&x.push(G)}):x.push(P)}}if(d.__preventObserver__=!0,requestAnimationFrame(()=>{d.__preventObserver__=!1}),L&&f.forEach(I=>{c[I].swiperLoopMoveDOM=!0,g.prepend(c[I]),c[I].swiperLoopMoveDOM=!1}),m&&x.forEach(I=>{c[I].swiperLoopMoveDOM=!0,g.append(c[I]),c[I].swiperLoopMoveDOM=!1}),d.recalcSlides(),y.slidesPerView==="auto"?d.updateSlides():w&&(f.length>0&&L||x.length>0&&m)&&d.slides.forEach((I,P)=>{d.grid.updateSlide(P,I,d.slides)}),y.watchSlidesProgress&&d.updateSlidesOffset(),i){if(f.length>0&&L){if(typeof e>"u"){const I=d.slidesGrid[k],N=d.slidesGrid[k+_]-I;r?d.setTranslate(d.translate-N):(d.slideTo(k+Math.ceil(_),0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else if(o){const I=w?f.length/y.grid.rows:f.length;d.slideTo(d.activeIndex+I,0,!1,!0),d.touchEventsData.currentTranslate=d.translate}}else if(x.length>0&&m)if(typeof e>"u"){const I=d.slidesGrid[k],N=d.slidesGrid[k-T]-I;r?d.setTranslate(d.translate-N):(d.slideTo(k-T,0,!1,!0),o&&(d.touchEventsData.startTranslate=d.touchEventsData.startTranslate-N,d.touchEventsData.currentTranslate=d.touchEventsData.currentTranslate-N))}else{const I=w?x.length/y.grid.rows:x.length;d.slideTo(d.activeIndex-I,0,!1,!0)}}if(d.allowSlidePrev=u,d.allowSlideNext=v,d.controller&&d.controller.control&&!a){const I={slideRealIndex:e,direction:n,setTranslate:o,activeSlideIndex:s,byController:!0};Array.isArray(d.controller.control)?d.controller.control.forEach(P=>{!P.destroyed&&P.params.loop&&P.loopFix({...I,slideTo:P.params.slidesPerView===y.slidesPerView?i:!1})}):d.controller.control instanceof d.constructor&&d.controller.control.params.loop&&d.controller.control.loopFix({...I,slideTo:d.controller.control.params.slidesPerView===y.slidesPerView?i:!1})}d.emit("loopFix")}function zo(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(o=>{const s=typeof o.swiperSlideIndex>"u"?o.getAttribute("data-swiper-slide-index")*1:o.swiperSlideIndex;n[s]=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 Vo={loopCreate:No,loopFix:Bo,loopDestroy:zo};function Fo(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 Ho(){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 Uo={setGrabCursor:Fo,unsetGrabCursor:Ho};function Go(t,e){e===void 0&&(e=this);function i(n){if(!n||n===Fe()||n===_e())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 Vi(t,e,i){const n=_e(),{params:o}=t,s=o.edgeSwipeDetection,a=o.edgeSwipeThreshold;return s&&(i<=a||i>=n.innerWidth-a)?s==="prevent"?(e.preventDefault(),!0):!1:!0}function $o(t){const e=this,i=Fe();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"){Vi(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:a,enabled:r}=e;if(!r||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let d=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(d)||"which"in n&&n.which===3||"button"in n&&n.button>0||o.isTouched&&o.isMoved)return;const c=!!s.noSwipingClass&&s.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(d=u[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,g=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(g?Go(v,d):d.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!d.closest(s.swipeHandler))return;a.currentX=n.pageX,a.currentY=n.pageY;const y=a.currentX,h=a.currentY;if(!Vi(e,n,y))return;Object.assign(o,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),a.startX=y,a.startY=h,o.touchStartTime=Ne(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,s.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 C=b&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||C)&&!d.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function Wo(t){const e=Fe(),i=this,n=i.touchEventsData,{params:o,touches:s,rtlTranslate:a,enabled:r}=i;if(!r||!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 c;if(d.type==="touchmove"){if(c=[...d.changedTouches].filter(m=>m.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=d;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",d);return}const u=c.pageX,v=c.pageY;if(d.preventedByNestedSwiper){s.startX=u,s.startY=v;return}if(!i.allowTouchMove){d.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=Ne());return}if(o.touchReleaseOnEdges&&!o.loop){if(i.isVertical()){if(v<s.startY&&i.translate<=i.maxTranslate()||v>s.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(u<s.startX&&i.translate<=i.maxTranslate()||u>s.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),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=u,s.currentY=v;const g=s.currentX-s.startX,y=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(g**2+y**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let m;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:g*g+y*y>=25&&(m=Math.atan2(Math.abs(y),Math.abs(g))*180/Math.PI,n.isScrolling=i.isHorizontal()?m>o.touchAngle:90-m>o.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",d),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.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()?g:y,b=i.isHorizontal()?s.currentX-s.previousX:s.currentY-s.previousY;o.oneWayMovement&&(h=Math.abs(h)*(a?1:-1),b=Math.abs(b)*(a?1:-1)),s.diff=h,h*=o.touchRatio,a&&(h=-h,b=-b);const C=i.touchesDirection;i.swipeDirection=h>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 m=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});i.wrapperEl.dispatchEvent(m)}n.allowMomentumBounce=!1,o.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",d)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&C!==i.touchesDirection&&p&&w&&Math.abs(h)>=1){Object.assign(s,{startX:u,startY:v,currentX:u,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 x=!0,k=o.resistanceRatio;if(o.touchReleaseOnEdges&&(k=0),h>0?(p&&w&&!f&&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()&&(x=!1,o.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+h)**k))):h<0&&(p&&w&&!f&&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()&&(x=!1,o.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-h)**k))),x&&(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,s.startX=s.currentX,s.startY=s.currentY,n.currentTranslate=n.startTranslate,s.diff=i.isHorizontal()?s.currentX-s.startX:s.currentY-s.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 Yo(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(k=>k.identifier===i.touchId)[0],!o||o.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;o=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:a,touches:r,rtlTranslate:d,slidesGrid:c,enabled:u}=e;if(!u||!a.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&a.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}a.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Ne(),g=v-i.touchStartTime;if(e.allowClick){const k=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(k&&k[0]||n.target,k),e.emit("tap click",n),g<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ne(),nt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||r.diff===0&&!i.loopSwapReset||i.currentTranslate===i.startTranslate&&!i.loopSwapReset){i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;return}i.isTouched=!1,i.isMoved=!1,i.startMoving=!1;let y;if(a.followFinger?y=d?e.translate:-e.translate:y=-i.currentTranslate,a.cssMode)return;if(a.freeMode&&a.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:y});return}const h=y>=-e.maxTranslate()&&!e.params.loop;let b=0,C=e.slidesSizesGrid[0];for(let k=0;k<c.length;k+=k<a.slidesPerGroupSkip?1:a.slidesPerGroup){const m=k<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;typeof c[k+m]<"u"?(h||y>=c[k]&&y<c[k+m])&&(b=k,C=c[k+m]-c[k]):(h||y>=c[k])&&(b=k,C=c[c.length-1]-c[c.length-2])}let p=null,w=null;a.rewind&&(e.isBeginning?w=a.virtual&&a.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const f=(y-c[b])/C,x=b<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(g>a.longSwipesMs){if(!a.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=a.longSwipesRatio?e.slideTo(a.rewind&&e.isEnd?p:b+x):e.slideTo(b)),e.swipeDirection==="prev"&&(f>1-a.longSwipesRatio?e.slideTo(b+x):w!==null&&f<0&&Math.abs(f)>a.longSwipesRatio?e.slideTo(w):e.slideTo(b))}else{if(!a.shortSwipes){e.slideTo(e.activeIndex);return}e.navigation&&(n.target===e.navigation.nextEl||n.target===e.navigation.prevEl)?n.target===e.navigation.nextEl?e.slideTo(b+x):e.slideTo(b):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:b+x),e.swipeDirection==="prev"&&e.slideTo(w!==null?w:b))}}function Fi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:o,snapGrid:s}=t,a=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const r=a&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!r?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!a?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=o,t.allowSlideNext=n,t.params.watchOverflow&&s!==t.snapGrid&&t.checkOverflow()}function qo(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function Xo(){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 s=t.maxTranslate()-t.minTranslate();s===0?o=0:o=(t.translate-t.minTranslate())/s,o!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function Jo(t){const e=this;Ct(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function Ko(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Hi=(t,e)=>{const i=Fe(),{params:n,el:o,wrapperEl:s,device:a}=t,r=!!n.nested,d=e==="on"?"addEventListener":"removeEventListener",c=e;i[d]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:r}),o[d]("touchstart",t.onTouchStart,{passive:!1}),o[d]("pointerdown",t.onTouchStart,{passive:!1}),i[d]("touchmove",t.onTouchMove,{passive:!1,capture:r}),i[d]("pointermove",t.onTouchMove,{passive:!1,capture:r}),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&&s[d]("scroll",t.onScroll),n.updateOnWindowResize?t[c](a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate",Fi,!0):t[c]("observerUpdate",Fi,!0),o[d]("load",t.onLoad,{capture:!0})};function Qo(){const t=this,{params:e}=t;t.onTouchStart=$o.bind(t),t.onTouchMove=Wo.bind(t),t.onTouchEnd=Yo.bind(t),t.onDocumentTouchStart=Ko.bind(t),e.cssMode&&(t.onScroll=Xo.bind(t)),t.onClick=qo.bind(t),t.onLoad=Jo.bind(t),Hi(t,"on")}function Zo(){Hi(this,"off")}var Ro={attachEvents:Qo,detachEvents:Zo};const Ui=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function el(){const t=this,{realIndex:e,initialized:i,params:n,el:o}=t,s=n.breakpoints;if(!s||s&&Object.keys(s).length===0)return;const a=t.getBreakpoint(s,t.params.breakpointsBase,t.el);if(!a||t.currentBreakpoint===a)return;const d=(a in s?s[a]:void 0)||t.originalParams,c=Ui(t,n),u=Ui(t,d),v=n.enabled;c&&!u?(o.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&u&&(o.classList.add(`${n.containerModifierClass}grid`),(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,f=d[p]&&d[p].enabled;w&&!f&&t[p].disable(),!w&&f&&t[p].enable()});const g=d.direction&&d.direction!==n.direction,y=n.loop&&(d.slidesPerView!==n.slidesPerView||g),h=n.loop;g&&i&&t.changeDirection(),Me(t.params,d);const b=t.params.enabled,C=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),v&&!b?t.disable():!v&&b&&t.enable(),t.currentBreakpoint=a,t.emit("_beforeBreakpoint",d),i&&(y?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!h&&C?(t.loopCreate(e),t.updateSlides()):h&&!C&&t.loopDestroy()),t.emit("breakpoint",d)}function tl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const o=_e(),s=e==="window"?o.innerHeight:i.clientHeight,a=Object.keys(t).map(r=>{if(typeof r=="string"&&r.indexOf("@")===0){const d=parseFloat(r.substr(1));return{value:s*d,point:r}}return{value:r,point:r}});a.sort((r,d)=>parseInt(r.value,10)-parseInt(d.value,10));for(let r=0;r<a.length;r+=1){const{point:d,value:c}=a[r];e==="window"?o.matchMedia(`(min-width: ${c}px)`).matches&&(n=d):c<=i.clientWidth&&(n=d)}return n||"max"}var il={setBreakpoint:el,getBreakpoint:tl};function nl(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 ol(){const t=this,{classNames:e,params:i,rtl:n,el:o,device:s}=t,a=nl(["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:s.android},{ios:s.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...a),o.classList.add(...e),t.emitContainerClasses()}function ll(){const t=this,{el:e,classNames:i}=t;e.classList.remove(...i),t.emitContainerClasses()}var sl={addClasses:ol,removeClasses:ll};function rl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const o=t.slides.length-1,s=t.slidesGrid[o]+t.slidesSizesGrid[o]+n*2;t.isLocked=t.size>s}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 al={checkOverflow:rl},Kt={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 dl(t,e){return function(n){n===void 0&&(n={});const o=Object.keys(n)[0],s=n[o];if(typeof s!="object"||s===null){Me(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 s)){Me(e,n);return}typeof t[o]=="object"&&!("enabled"in t[o])&&(t[o].enabled=!0),t[o]||(t[o]={enabled:!1}),Me(e,n)}}const Qt={eventsEmitter:lo,update:go,translate:xo,transition:_o,slide:jo,loop:Vo,grabCursor:Uo,events:Ro,breakpoints:il,checkOverflow:al,classes:sl},Zt={};let Rt=class Xe{constructor(){let e,i;for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];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=Me({},i),e&&!i.el&&(i.el=e);const a=Fe();if(i.el&&typeof i.el=="string"&&a.querySelectorAll(i.el).length>1){const u=[];return a.querySelectorAll(i.el).forEach(v=>{const g=Me({},i,{el:v});u.push(new Xe(g))}),u}const r=this;r.__swiper__=!0,r.support=Ni(),r.device=Bi({userAgent:i.userAgent}),r.browser=io(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],i.modules&&Array.isArray(i.modules)&&r.modules.push(...i.modules);const d={};r.modules.forEach(u=>{u({params:i,swiper:r,extendParams:dl(i,d),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})});const c=Me({},Kt,d);return r.params=Me({},c,Zt,i),r.originalParams=Me({},r.params),r.passedParams=Me({},i),r.params&&r.params.on&&Object.keys(r.params.on).forEach(u=>{r.on(u,r.params.on[u])}),r.params&&r.params.onAny&&r.onAny(r.params.onAny),Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return r.params.direction==="horizontal"},isVertical(){return r.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:r.params.allowSlideNext,allowSlidePrev:r.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:r.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}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=Ue(i,`.${n.slideClass}, swiper-slide`),s=Tt(o[0]);return Tt(e)-s}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=Ue(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const o=n.minTranslate(),a=(n.maxTranslate()-o)*e+o;n.translateTo(a,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const o=e.getSlideClasses(n);i.push({slideEl:n,classNames:o}),e.emit("_slideClass",n,o)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:o,slides:s,slidesGrid:a,slidesSizesGrid:r,size:d,activeIndex:c}=n;let u=1;if(typeof o.slidesPerView=="number")return o.slidesPerView;if(o.centeredSlides){let v=s[c]?Math.ceil(s[c].swiperSlideSize):0,g;for(let y=c+1;y<s.length;y+=1)s[y]&&!g&&(v+=Math.ceil(s[y].swiperSlideSize),u+=1,v>d&&(g=!0));for(let y=c-1;y>=0;y-=1)s[y]&&!g&&(v+=s[y].swiperSlideSize,u+=1,v>d&&(g=!0))}else if(e==="current")for(let v=c+1;v<s.length;v+=1)(i?a[v]+r[v]-a[c]<d:a[v]-a[c]<d)&&(u+=1);else for(let v=c-1;v>=0;v-=1)a[c]-a[v]<d&&(u+=1);return u}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(a=>{a.complete&&Ct(e,a)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function o(){const a=e.rtlTranslate?e.translate*-1:e.translate,r=Math.min(Math.max(a,e.maxTranslate()),e.minTranslate());e.setTranslate(r),e.updateActiveIndex(),e.updateSlidesClasses()}let s;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)o(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const a=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;s=e.slideTo(a.length-1,0,!1,!0)}else s=e.slideTo(e.activeIndex,0,!1,!0);s||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(s=>{e==="vertical"?s.style.width="":s.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const o=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let a=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(o()):Ue(n,o())[0];return!a&&i.params.createElements&&(a=ct("div",i.params.wrapperClass),n.append(a),Ue(n,`.${i.params.slideClass}`).forEach(r=>{a.append(r)})),Object.assign(i,{el:n,wrapperEl:a,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:a,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||Ke(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||Ke(n,"direction")==="rtl"),wrongRTL:Ke(a,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const o=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&o.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),o.forEach(s=>{s.complete?Ct(i,s):s.addEventListener("load",a=>{Ct(i,a.target)})}),Jt(i),i.initialized=!0,Jt(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:o,el:s,wrapperEl:a,slides:r}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),o.loop&&n.loopDestroy(),i&&(n.removeClasses(),s.removeAttribute("style"),a.removeAttribute("style"),r&&r.length&&r.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,Gn(n)),n.destroyed=!0),null}static extendDefaults(e){Me(Zt,e)}static get extendedDefaults(){return Zt}static get defaults(){return Kt}static installModule(e){Xe.prototype.__modules__||(Xe.prototype.__modules__=[]);const i=Xe.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>Xe.installModule(i)),Xe):(Xe.installModule(e),Xe)}};Object.keys(Qt).forEach(t=>{Object.keys(Qt[t]).forEach(e=>{Rt.prototype[e]=Qt[t][e]})}),Rt.use([no,oo]);const Gi=["eventsPrefix","injectStyles","injectStylesUrls","modules","init","_direction","oneWayMovement","swiperElementNodeName","touchEventsTarget","initialSlide","_speed","cssMode","updateOnWindowResize","resizeObserver","nested","focusableElements","_enabled","_width","_height","preventInteractionOnTransition","userAgent","url","_edgeSwipeDetection","_edgeSwipeThreshold","_freeMode","_autoHeight","setWrapperSize","virtualTranslate","_effect","breakpoints","breakpointsBase","_spaceBetween","_slidesPerView","maxBackfaceHiddenSlides","_grid","_slidesPerGroup","_slidesPerGroupSkip","_slidesPerGroupAuto","_centeredSlides","_centeredSlidesBounds","_slidesOffsetBefore","_slidesOffsetAfter","normalizeSlideIndex","_centerInsufficientSlides","_watchOverflow","roundLengths","touchRatio","touchAngle","simulateTouch","_shortSwipes","_longSwipes","longSwipesRatio","longSwipesMs","_followFinger","allowTouchMove","_threshold","touchMoveStopPropagation","touchStartPreventDefault","touchStartForcePreventDefault","touchReleaseOnEdges","uniqueNavElements","_resistance","_resistanceRatio","_watchSlidesProgress","_grabCursor","preventClicks","preventClicksPropagation","_slideToClickedSlide","_loop","loopAdditionalSlides","loopAddBlankSlides","loopPreventsSliding","_rewind","_allowSlidePrev","_allowSlideNext","_swipeHandler","_noSwiping","noSwipingClass","noSwipingSelector","passiveListeners","containerModifierClass","slideClass","slideActiveClass","slideVisibleClass","slideFullyVisibleClass","slideNextClass","slidePrevClass","slideBlankClass","wrapperClass","lazyPreloaderClass","lazyPreloadPrevNext","runCallbacksOnInit","observer","observeParents","observeSlideChildren","a11y","_autoplay","_controller","coverflowEffect","cubeEffect","fadeEffect","flipEffect","creativeEffect","cardsEffect","hashNavigation","history","keyboard","mousewheel","_navigation","_pagination","parallax","_scrollbar","_thumbs","virtual","zoom","control"];function Ze(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function lt(t,e){const i=["__proto__","constructor","prototype"];Object.keys(e).filter(n=>i.indexOf(n)<0).forEach(n=>{typeof t[n]>"u"?t[n]=e[n]:Ze(e[n])&&Ze(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:lt(t[n],e[n]):t[n]=e[n]})}function $i(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Wi(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function Yi(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function qi(t){t===void 0&&(t="");const e=t.split(" ").map(n=>n.trim()).filter(n=>!!n),i=[];return e.forEach(n=>{i.indexOf(n)<0&&i.push(n)}),i.join(" ")}function ul(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function cl(t){let{swiper:e,slides:i,passedParams:n,changedParams:o,nextEl:s,prevEl:a,scrollbarEl:r,paginationEl:d}=t;const c=o.filter(T=>T!=="children"&&T!=="direction"&&T!=="wrapperClass"),{params:u,pagination:v,navigation:g,scrollbar:y,virtual:h,thumbs:b}=e;let C,p,w,f,x,k,m,L;o.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(C=!0),o.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),o.includes("pagination")&&n.pagination&&(n.pagination.el||d)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(w=!0),o.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||r)&&(u.scrollbar||u.scrollbar===!1)&&y&&!y.el&&(f=!0),o.includes("navigation")&&n.navigation&&(n.navigation.prevEl||a)&&(n.navigation.nextEl||s)&&(u.navigation||u.navigation===!1)&&g&&!g.prevEl&&!g.nextEl&&(x=!0);const _=T=>{e[T]&&(e[T].destroy(),T==="navigation"?(e.isElement&&(e[T].prevEl.remove(),e[T].nextEl.remove()),u[T].prevEl=void 0,u[T].nextEl=void 0,e[T].prevEl=void 0,e[T].nextEl=void 0):(e.isElement&&e[T].el.remove(),u[T].el=void 0,e[T].el=void 0))};o.includes("loop")&&e.isElement&&(u.loop&&!n.loop?k=!0:!u.loop&&n.loop?m=!0:L=!0),c.forEach(T=>{if(Ze(u[T])&&Ze(n[T]))Object.assign(u[T],n[T]),(T==="navigation"||T==="pagination"||T==="scrollbar")&&"enabled"in n[T]&&!n[T].enabled&&_(T);else{const E=n[T];(E===!0||E===!1)&&(T==="navigation"||T==="pagination"||T==="scrollbar")?E===!1&&_(T):u[T]=n[T]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),o.includes("children")&&i&&h&&u.virtual.enabled?(h.slides=i,h.update(!0)):o.includes("virtual")&&h&&u.virtual.enabled&&(i&&(h.slides=i),h.update(!0)),o.includes("children")&&i&&u.loop&&(L=!0),C&&b.init()&&b.update(!0),p&&(e.controller.control=u.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&&(u.pagination.el=d),v.init(),v.render(),v.update()),f&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-scrollbar"),r.part.add("scrollbar"),e.el.appendChild(r)),r&&(u.scrollbar.el=r),y.init(),y.updateSize(),y.setTranslate()),x&&(e.isElement&&((!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-button-next"),s.innerHTML=e.hostEl.constructor.nextButtonSvg,s.part.add("button-next"),e.el.appendChild(s)),(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-button-prev"),a.innerHTML=e.hostEl.constructor.prevButtonSvg,a.part.add("button-prev"),e.el.appendChild(a))),s&&(u.navigation.nextEl=s),a&&(u.navigation.prevEl=a),g.init(),g.update()),o.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),o.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),o.includes("direction")&&e.changeDirection(n.direction,!1),(k||L)&&e.loopDestroy(),(m||L)&&e.loopCreate(),e.update()}function pl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},o={};lt(i,Kt),i._emitClasses=!0,i.init=!1;const s={},a=Gi.map(d=>d.replace(/_/,"")),r=Object.assign({},t);return Object.keys(r).forEach(d=>{typeof t[d]>"u"||(a.indexOf(d)>=0?Ze(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]:s[d]=t[d])}),["navigation","pagination","scrollbar"].forEach(d=>{i[d]===!0&&(i[d]={}),i[d]===!1&&delete i[d]}),{params:i,passedParams:o,rest:s,events:n}}function vl(t,e){let{el:i,nextEl:n,prevEl:o,paginationEl:s,scrollbarEl:a,swiper:r}=t;$i(e)&&n&&o&&(r.params.navigation.nextEl=n,r.originalParams.navigation.nextEl=n,r.params.navigation.prevEl=o,r.originalParams.navigation.prevEl=o),Wi(e)&&s&&(r.params.pagination.el=s,r.originalParams.pagination.el=s),Yi(e)&&a&&(r.params.scrollbar.el=a,r.originalParams.scrollbar.el=a),r.init(i)}function fl(t,e,i,n,o){const s=[];if(!e)return s;const a=d=>{s.indexOf(d)<0&&s.push(d)};if(i&&n){const d=n.map(o),c=i.map(o);d.join("")!==c.join("")&&a("children"),n.length!==i.length&&a("children")}return Gi.filter(d=>d[0]==="_").map(d=>d.replace(/_/,"")).forEach(d=>{if(d in t&&d in e)if(Ze(t[d])&&Ze(e[d])){const c=Object.keys(t[d]),u=Object.keys(e[d]);c.length!==u.length?a(d):(c.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}),u.forEach(v=>{t[d][v]!==e[d][v]&&a(d)}))}else t[d]!==e[d]&&a(d)}),s}const ml=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 It(){return It=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},It.apply(this,arguments)}function Xi(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function Ji(t){const e=[];return l.Children.toArray(t).forEach(i=>{Xi(i)?e.push(i):i.props&&i.props.children&&Ji(i.props.children).forEach(n=>e.push(n))}),e}function hl(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return l.Children.toArray(t).forEach(n=>{if(Xi(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const o=Ji(n.props.children);o.length>0?o.forEach(s=>e.push(s)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function gl(t,e,i){if(!i)return null;const n=u=>{let v=u;return u<0?v=e.length+u:v>=e.length&&(v=v-e.length),v},o=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:s,to:a}=i,r=t.params.loop?-e.length:0,d=t.params.loop?e.length*2:e.length,c=[];for(let u=r;u<d;u+=1)u>=s&&u<=a&&c.push(e[n(u)]);return c.map((u,v)=>l.cloneElement(u,{swiper:t,style:o,key:u.props.virtualIndex||u.key||`slide-${v}`}))}function pt(t,e){return typeof window>"u"?l.useEffect(t,e):l.useLayoutEffect(t,e)}const ei=l.createContext(null),Ki=()=>l.useContext(ei),bl=l.createContext(null),Re=l.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:o="div",children:s,onSwiper:a,...r}=t===void 0?{}:t,d=!1;const[c,u]=l.useState("swiper"),[v,g]=l.useState(null),[y,h]=l.useState(!1),b=l.useRef(!1),C=l.useRef(null),p=l.useRef(null),w=l.useRef(null),f=l.useRef(null),x=l.useRef(null),k=l.useRef(null),m=l.useRef(null),L=l.useRef(null),{params:_,passedParams:T,rest:E,events:A}=pl(r),{slides:S,slots:I}=hl(s),P=()=>{h(!y)};Object.assign(_.on,{_containerClasses(j,V){u(V)}});const N=()=>{Object.assign(_.on,A),d=!0;const j={..._};if(delete j.wrapperClass,p.current=new Rt(j),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=S;const V={cache:!1,slides:S,renderExternal:g,renderExternalUpdate:!1};lt(p.current.params.virtual,V),lt(p.current.originalParams.virtual,V)}};C.current||N(),p.current&&p.current.on("_beforeBreakpoint",P);const G=()=>{d||!A||!p.current||Object.keys(A).forEach(j=>{p.current.on(j,A[j])})},$=()=>{!A||!p.current||Object.keys(A).forEach(j=>{p.current.off(j,A[j])})};l.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",P)}),l.useEffect(()=>{!b.current&&p.current&&(p.current.emitSlidesClasses(),b.current=!0)}),pt(()=>{if(e&&(e.current=C.current),!!C.current)return p.current.destroyed&&N(),vl({el:C.current,nextEl:x.current,prevEl:k.current,paginationEl:m.current,scrollbarEl:L.current,swiper:p.current},_),a&&!p.current.destroyed&&a(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),pt(()=>{G();const j=fl(T,w.current,S,f.current,V=>V.key);return w.current=T,f.current=S,j.length&&p.current&&!p.current.destroyed&&cl({swiper:p.current,slides:S,passedParams:T,changedParams:j,nextEl:x.current,prevEl:k.current,scrollbarEl:L.current,paginationEl:m.current}),()=>{$()}}),pt(()=>{ml(p.current)},[v]);function z(){return _.virtual?gl(p.current,S,v):S.map((j,V)=>l.cloneElement(j,{swiper:p.current,swiperSlideIndex:V}))}return l.createElement(n,It({ref:C,className:qi(`${c}${i?` ${i}`:""}`)},E),l.createElement(bl.Provider,{value:p.current},I["container-start"],l.createElement(o,{className:ul(_.wrapperClass)},I["wrapper-start"],z(),I["wrapper-end"]),$i(_)&&l.createElement(l.Fragment,null,l.createElement("div",{ref:k,className:"swiper-button-prev"}),l.createElement("div",{ref:x,className:"swiper-button-next"})),Yi(_)&&l.createElement("div",{ref:L,className:"swiper-scrollbar"}),Wi(_)&&l.createElement("div",{ref:m,className:"swiper-pagination"}),I["container-end"]))});Re.displayName="Swiper";const $e=l.forwardRef(function(t,e){let{tag:i="div",children:n,className:o="",swiper:s,zoom:a,lazy:r,virtualIndex:d,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=l.useRef(null),[g,y]=l.useState("swiper-slide"),[h,b]=l.useState(!1);function C(x,k,m){k===v.current&&y(m)}pt(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){g!=="swiper-slide"&&y("swiper-slide");return}return s.on("_slideClass",C),()=>{s&&s.off("_slideClass",C)}}}),pt(()=>{s&&v.current&&!s.destroyed&&y(s.getSlideClasses(v.current))},[s]);const p={isActive:g.indexOf("swiper-slide-active")>=0,isVisible:g.indexOf("swiper-slide-visible")>=0,isPrev:g.indexOf("swiper-slide-prev")>=0,isNext:g.indexOf("swiper-slide-next")>=0},w=()=>typeof n=="function"?n(p):n,f=()=>{b(!0)};return l.createElement(i,It({ref:v,className:qi(`${g}${o?` ${o}`:""}`),"data-swiper-slide-index":d,onLoad:f},u),a&&l.createElement(ei.Provider,{value:p},l.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof a=="number"?a:void 0},w(),r&&!h&&l.createElement("div",{className:"swiper-lazy-preloader"}))),!a&&l.createElement(ei.Provider,{value:p},w(),r&&!h&&l.createElement("div",{className:"swiper-lazy-preloader"})))});$e.displayName="SwiperSlide";const yl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",wl=({visible:t,onClose:e,children:i,modalStyle:n,padding:o,popup:s})=>{var a;const[r,d]=l.useState(!1),c=l.useRef(null);l.useEffect(()=>{const g=document.getElementById("sxp-render"),y=document.getElementById("pb-modal");y?c.current=y:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),g?.appendChild(c.current))},[]);const u=l.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(l.useEffect(()=>{u?d(!0):setTimeout(()=>{d(!1)},s?.duration)},[u,s]),!c.current)return null;const v=ge.debounce(()=>{e?.()},300);return hi.createPortal(l.createElement(l.Fragment,null,r&&l.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:u?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},l.createElement("div",{className:`modal-container ${u?"modal-popIn":"modal-popOut"}`,style:{padding:o,animationDuration:((a=s?.duration)!==null&&a!==void 0?a:0)/1e3+"s"},onClick:g=>{g.stopPropagation(),g.preventDefault()}},l.createElement("div",{onClick:e,className:"modal-icon-wrapper"},l.createElement("img",{src:yl,alt:"close",className:"modal-icon"})),i))),c.current)};var _t=l.memo(wl);const Sl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),o=[];for(let a=0;a<n.length&&(o.push(n[a]),!(o.join(" ").length>=e));a++);return(o.length>1&&o.length<n.length?o.slice(0,o.length-1):o).join(" ")+" "},Tl=({text:t,maxStr:e=108,style:i,className:n,onClick:o,foldText:s,unfoldText:a,isPost:r,onChange:d})=>{const[c,u]=l.useState(!1),[v,g]=l.useState(!1),y=Number(i?.lineClamp||2),h=l.useRef(null),b=l.useRef(null),C=l.useCallback(()=>{u(!c)},[c,d]);return l.useMemo(()=>!c&&t.length>e?Sl(t,e)+"...":t,[t,e,c]),l.useEffect(()=>{var p,w;((p=b?.current)===null||p===void 0?void 0:p.offsetHeight)>((w=h?.current)===null||w===void 0?void 0:w.offsetHeight)&&r?g(!0):g(!1),b.current.style.display="none"},[r]),l.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},l.createElement("div",{ref:h,style:{overflow:"hidden",WebkitLineClamp:!r||c?"":y,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),l.createElement("div",{ref:b,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&r&&v&&l.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:o??C},c?a||"show less":s||"show more"))};var kt=l.memo(Tl);const xl=l.forwardRef((t,e)=>{const{src:i,onLoad:n,style:o,className:s,loading:a}=t,[r,d]=l.useState(),{swiperRef:c}=pe();return l.useImperativeHandle(e,()=>({setSrc:u=>{d(u)}})),l.useEffect(()=>{var u,v;const g=(v=(u=c?.current)===null||u===void 0?void 0:u.swiper)===null||v===void 0?void 0:v.activeIndex;(g===0||g>0)&&d(i)},[i,c]),l.useRef(null),l.createElement(l.Fragment,null,r?.includes(".avif")?l.createElement("picture",null,l.createElement("source",{type:"image/avif",srcSet:r}),l.createElement("source",{type:"image/webp",srcSet:`${r}?imageMogr2/format/webp`}),l.createElement("source",{type:"image/jpeg",srcSet:`${r}?imageMogr2/format/jpg`}),l.createElement("img",{className:s,src:r,style:o,loading:a,onLoad:u=>{n?.(u.target)}})):l.createElement("img",{className:s,src:r,style:o,loading:a,onLoad:u=>{n?.(u.target)}}))});var Le=l.memo(xl);const El=t=>{var e,i,n,o,s,a,r,d,c,{content:u,style:v,bgImg:g,onClick:y,schema:h,isDefault:b,bottom_image:C,tipText:p,isPost:w,viewTime:f,rec:x,swiper:k,commodityStyles:m,buttonStyle:L,index:_}=t,T=Te(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=pe(),{popupDetailData:A,bffEventReport:S,isPreview:I,bffFbReport:P}=pe(),{jumpToWeb:N,productView:G}=Ve(),$=l.useRef(null),[z,j]=l.useState(!1),V=w?x:A,O=w?V?.product:(e=V?.video)===null||e===void 0?void 0:e.bindProduct,D=w?(i=V?.product)===null||i===void 0?void 0:i.bindCta:(o=(n=V?.video)===null||n===void 0?void 0:n.bindProduct)===null||o===void 0?void 0:o.bindCta,W=w?_:A?.index,F=()=>{O?.link&&(N(V,O,D,W),w||G(V,O,D,f||$.current,W),window.location.href=window.getJointUtmLink(O.link))};l.useEffect(()=>{w||P?.({eventName:"ProductView"})},[w,P]),l.useEffect(()=>{const Y=()=>{$.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const U=l.useMemo(()=>{var Y,re,K,Z,be;return O?.currency&&O?.price?`${(K=(re=(Y=O?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||re===void 0?void 0:re.toUpperCase())!==null&&K!==void 0?K:""}${(be=(Z=O?.price)===null||Z===void 0?void 0:Z.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&be!==void 0?be:""}`:"$7,000"},[O?.price,O?.currency]),R=I?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,Q=({isPost:Y})=>{var re,K,Z;return l.createElement("div",null,l.createElement("div",{className:"pb-commondity-content-collection",style:ne(m?.collection),hidden:!!O&&(!O?.collection||O?.collection==="")},(re=O?.collection)!==null&&re!==void 0?re:"Tiffany Lock"),l.createElement("div",{className:"pb-commondity-content-title",style:ne(m?.title),hidden:!!O&&!O?.title},(K=O?.title)!==null&&K!==void 0?K:"Pendant in Yellow Gold with Diamonds, Medium"),l.createElement("div",{className:"pb-commondity-content-price",style:ne(m?.price),hidden:!!O&&!O?.price},U),l.createElement("div",{hidden:!!O&&(!O?.info||O?.info==="")},l.createElement(kt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>j(!0),isPost:Y,text:(Z=O?.info)!==null&&Z!==void 0?Z:`The design inspiration of Tiffany Lock series comes from the power of connection and inclusiveness, and the
1
+ (function(we,Se){typeof exports=="object"&&typeof module<"u"?Se(exports,require("lodash"),require("uuid"),require("pako"),require("react"),require("qs"),require("eventemitter3"),require("@emotion/css"),require("@ant-design/pro-components"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","lodash","uuid","pako","react","qs","eventemitter3","@emotion/css","@ant-design/pro-components","react-dom"],Se):(we=typeof globalThis<"u"?globalThis:we||self,Se(we.PUI={},we.lodash,we.uuid$1,we.pako,we.React,we.qs,we.EventEmitter,we.css,we.proComponents,we.ReactDOM))})(this,function(we,Se,Sn,Tn,o,Bt,xn,te,En,Cn){"use strict";function In(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 Ti=In(Cn);function Ie(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var l=0,n=Object.getOwnPropertySymbols(t);l<n.length;l++)e.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(t,n[l])&&(i[n[l]]=t[n[l]]);return i}function Oe(t,e,i,n){function l(s){return s instanceof i?s:new i(function(d){d(s)})}return new(i||(i=Promise))(function(s,d){function r(u){try{c(n.next(u))}catch(v){d(v)}}function a(u){try{c(n.throw(u))}catch(v){d(v)}}function c(u){u.done?s(u.value):l(u.value).then(r,a)}c((n=n.apply(t,e||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;const _n=/:\w+/g;var xi=(t,e)=>Oe(void 0,void 0,void 0,function*(){const i={},n={};for(let l=0;l<e?.length;l++){const{id:s,method:d,url:r,urlParams:a,name:c,queryString:u,headers:v,body:m}=e[l];let w=r;a&&Object.entries(a).forEach(([y,S])=>{w=w.replace(_n,I=>I===y?S:I)}),u&&(w+=u),n[s]=c;try{const y=yield fetch(w,{method:d,headers:Object.assign({"Content-Type":"application/json"},v),body:JSON.stringify(m)}).then(S=>S.json());i[s]=y}catch(y){console.error("DataSource request error: ",y),i[s]={}}}return{$store:i,idMapName:n}});const Ei="SXP_TOKEN_INFO",kn=(t,e)=>Oe(void 0,void 0,void 0,function*(){var i;const n=t.getTenantId(),l=t.getAppId(),s=t.getApiUrl(),d=window.localStorage.getItem(Ei);let r=JSON.parse(d||"{}");if(Date.now()>((i=r?.expireTime)!==null&&i!==void 0?i:0)){const c=yield fetch(`${s}/storefront/v1/proxy/token/${e}`,{method:"POST",headers:{"x-tenant-id":n||"","x-app-id":l||""}}).then(u=>u.json());if(c.success){const u=c.data;r=Object.assign(Object.assign({},u),{expireTime:Date.now()+u.expire*1e3}),window.localStorage.setItem(Ei,JSON.stringify(r))}}return r});function Tt(t,e){const i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[];let l;if(e=e||i.length,t)for(l=0;l<t;l++)n[l]=i[0|Math.random()*e];else{let s;for(n[8]=n[13]=n[18]=n[23]="-",n[14]="4",l=0;l<36;l++)n[l]||(s=0|Math.random()*16,n[l]=i[l===19?s&3|8:s])}return n.join("")}const Dn=t=>{let e="";const i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n=i.length;let l=0;for(;l<t;)e+=i.charAt(Math.floor(Math.random()*n)),l+=1;return e},An=()=>{const t=Sn.v4();return t?.replaceAll?t.replaceAll("-",""):Dn(32)};function Ci(t){const i=atob(t).split("").map(function(s){return s.charCodeAt(0)}),n=new Uint8Array(i),l=Tn.inflate(n,{to:"string"});return JSON.parse(l)}let zt=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 On{constructor(){if(this.setAppId=e=>{this.appId=e},this.setTenantId=e=>{this.tenantId=e},this.getAppId=()=>this.appId,this.getTenantId=()=>this.tenantId,zt)return zt;zt=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 Ae=null;const Mn={init:({appId:t,tenantId:e,env:i="live",apiUrl:n})=>{Ae||(Ae=new On),n&&Ae.setApiUrl(n),Ae.setAppId(t),Ae.setTenantId(e),Ae.setEnv(i)},getDetail:t=>{if(!Ae)return;const e=Ae.getTenantId(),i=Ae.getAppId(),n=Ae.getApiUrl();return fetch(`${n}/storefront/v1/page?path=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s,d;const r=yield l.json(),a=Ci((s=r?.data)===null||s===void 0?void 0:s.data);if(a){const{$store:c}=yield xi(n,(d=a?.dataSource)!==null&&d!==void 0?d:[]);r.data.data=a,Object.assign(r.data.data,{__STORE__:c})}return r}))},getSxpDetailByPageId:t=>Oe(void 0,void 0,void 0,function*(){if(!Ae)return;const e=Ae.getTenantId(),i=Ae.getAppId(),n=Ae.getApiUrl();return fetch(`${n}/storefront/v1/page?id=`+t,{method:"get",headers:{"x-tenant-id":e||"","x-app-id":i||""}}).then(l=>Oe(void 0,void 0,void 0,function*(){var s;const d=yield l.json();if(!d.success)return;const r=Ci((s=d?.data)===null||s===void 0?void 0:s.data);return d.data.data=r,d.data}))}),getSxpRecommendVideoData:t=>Oe(void 0,void 0,void 0,function*(){if(!Ae)return;const e=yield kn(Ae,t),i=Tt(0,0);let n=window.localStorage.getItem("SXP_FAKE_SESSION_ID");Se.isEmpty(n)&&(n=Tt(36,62),window.localStorage.setItem("SXP_FAKE_SESSION_ID",n));const l=yield fetch("https://dev-sxp-be.chatlabs.net/platform/open/rec/v1.2",{method:"POST",headers:{"Content-Type":"application/json",token:e.token,channel:e.channel,userId:e.userId},body:JSON.stringify({productUserId:n,channel:e.channel,maxRecs:10,requestId:i})}).then(s=>s.json());return l?.data||null})};function Re(){return o.useContext(Ni)}function Ln(){return o.useContext(ji)}const Ft="feRealSessionIdKey",Ii=()=>{const t=An();return`${Date.now()}${t}`},jn=()=>{let t=Bn();return t||(t=Ii(),window.sessionStorage.setItem(Ft,t)),t},Nn=()=>{const t=Ii();window.sessionStorage.setItem(Ft,t)},Bn=()=>window.sessionStorage.getItem(Ft),_i="SXP_FAKE_USER_ID",ki="FAKE_USER_STATE",Di="AGREE_POLICY",Ai=()=>{let t=window.localStorage.getItem(_i);return Se.isEmpty(t)&&(t=Tt(36,62),window.localStorage.setItem(_i,t)),t},zn=()=>{const t=window.localStorage.getItem(ki);return Se.isEmpty(t)&&window.localStorage.setItem(ki,"true"),Se.isEmpty(t)};function Ue(t,e){const{appDomain:i}=ve();return o.useMemo(()=>e?`https://${e}${t}`:i?`https://${i}${t}`:`${window.location.origin}${t}`,[i,t,e])}const et=new xn;var Ye;(function(t){t.PAGE_DID_SHOW="pageDidShow",t.PAGE_DID_HIDE="pageDidHide",t.CHANGE_THEME_TAG="changeThemeTag"})(Ye||(Ye={}));const Fn=({width:t=window.innerWidth,height:e=window.innerHeight,privacy_title:i,privacy_context:n,privacy_policy_url:l,privacy_policy_title:s})=>{const{setIsAgreePolicy:d,bffEventReport:r}=ve(),a=o.useMemo(()=>{const v=location.search.slice(1),m=Bt.parse(v.replace(/\+/g,"%2B"));for(const w in m)m[w]=m[w].replace(/%2B/g,"+");return m},[]),c=v=>{var m;return(m=a[v])!==null&&m!==void 0?m:null};o.useEffect(()=>{r?.({eventInfo:{eventSubject:"privacyEnter",eventDescription:"User enter privacy page",utmSource:c("utm_source"),utmMedium:c("utm_medium"),utmCampaign:c("utm_campaign"),utmId:c("utm_id"),utmContent:c("utm_content"),clSource:c("cl_source"),enterTime:`${Date.now()}`,enterUrl:window.location.href,rtc:null,requestId:null,sessionID:null}})},[]);const u=()=>{r?.({eventInfo:{eventSubject:"userConsent",eventDescription:"\u7528\u6237\u6388\u6743\u3010\u64CD\u4F5C\u7ED3\u679C\u3011",consentResult:"0",consentTags:"[]",rtc:null,requestId:null,sessionID:null}}),d?.(!0),window.localStorage.setItem(Di,"yes")};return o.createElement("div",{className:"consent-bg"},o.createElement("div",{className:"consent"},o.createElement("div",{className:"consent-col"},o.createElement("div",{className:"consent-title"},i??"Privacy Policy"),o.createElement("div",{className:"consent-content"},n??"This site uses cookies to improve your online experience. By continuing to use the site please agree the policy first.")),o.createElement("div",{className:"consent-col"},o.createElement("button",{className:"consent-btn",onClick:u},"Agree"),o.createElement("a",{className:"consent-policy",target:"_blank",href:l},s??"More information"))))};var Vn=o.memo(Fn);const Pi=o.createContext({rtcList:[],tagList:[]});var Vt;(function(t){t[t.BFF=5]="BFF"})(Vt||(Vt={}));const Oi=["utm_source","utm_medium","utm_campaign","utm_id","utm_content","cl_source"],Hn=({render:t,dataSources:e,utmVal:i,enableReportEvent:n=!0,maxSize:l,defaultSize:s,isPreview:d=!1,sxpParameter:r,appDomain:a,hashTagSize:c,loadingImage:u,isOpenHashTag:v=!1,enabledMetaConversionApi:m=!1,consentHeight:w,consentWidth:y,isShowTag:S=!0,isOpenConsent:I=!1,globalConfig:p})=>{var b,f,x,_,h,P,C;const[g,E]=o.useState([]),[O,T]=o.useState([]),[D,A]=o.useState(!1),[L,F]=o.useState({rtc:"",requestId:""}),V=o.useRef(null),B=o.useRef(!1),[N,z]=o.useState(()=>!!window.localStorage.getItem(Di)),[j,k]=o.useState(),[$,H]=o.useState(),[W,K]=o.useState(v),[ee,q]=o.useState([]),[pe,Y]=o.useState(0),[oe,Q]=o.useState(!1),[Z,me]=o.useState(null),_e=o.useRef(),je=o.useRef();o.useEffect(()=>{const U=G=>{_e.current=G};return et.on(Ye.CHANGE_THEME_TAG,U),()=>{et.off(Ye.CHANGE_THEME_TAG,U)}},[]),o.useEffect(()=>{K(v)},[v]);const We=o.useMemo(()=>e?.find(U=>U.type===Vt.BFF),[e]),X=o.useCallback((U,G)=>{if(!We)return;const ae=We.url,be=Ai();if(G?.query){const he=Bt.stringify(G.query);U=`${U}?${he}`}return G.type==="beacon"&&navigator.sendBeacon?navigator.sendBeacon(`${ae}/api/v1${U}`,new Blob([JSON.stringify(Object.assign(Object.assign(Object.assign({},We.headers),{"x-user-id":be}),G.body))],{type:"application/json;charset=UTF-8"})):window.fetch(`${ae}/api/v1${U}`,{headers:Object.assign({"Content-Type":"application/json","x-user-id":be},We.headers),method:G.method,body:JSON.stringify(G.body)}).then(he=>he.json()).catch(he=>Promise.reject(he))},[We]),ue=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){var G,ae,be,he,xe;if(U={maxSize:(G=U?.maxSize)!==null&&G!==void 0?G:l,defaultSize:(ae=U?.defaultSize)!==null&&ae!==void 0?ae:s,"itemFilter.itemId":U?.["itemFilter.itemId"],"itemFilter.itemType":U?.["itemFilter.itemType"],hashTag:U?.hashTag,traceInfo:U?.traceInfo,themeTag:U?.themeTag},i){const Ee=(xe=(he=(be=i?.split("&"))===null||be===void 0?void 0:be.filter(it=>{const dt=it.split("=")[0];return Oi.includes(dt)}))===null||he===void 0?void 0:he.join("&"))!==null&&xe!==void 0?xe:"";U=Object.assign(Object.assign({},U),{channel:decodeURIComponent(Ee)})}const ge=yield X?.("/recommend/list",{method:"GET",query:U});if(ge?.success)return U?.hashTag||F({rtc:ge.data.rtc,requestId:ge.data.requestId}),ge?.data}),[X,i,l,s]),fe=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G;if(g.length<=0)return;const ae=yield ue({hashTag:$?.hashTag,"itemFilter.itemId":$?.itemId,"itemFilter.itemType":$?.itemType,themeTag:_e.current});E(g.concat((U=ae?.recList)!==null&&U!==void 0?U:[])),q(ee.concat((G=ae?.recList)!==null&&G!==void 0?G:[]))}),[ue,g,$,ee]),ie=o.useCallback(({userInfo:U,eventInfo:G})=>{if(!n)return;U||(U={});const ae=jn(),be=Object.assign({sessionID:ae,rtc:L.rtc,requestId:L.requestId},G),he=Object.entries(U).map(([ge,Ee])=>({name:ge,value:Ee})),xe=Object.entries(be).map(([ge,Ee])=>Ee&&{name:ge,value:Ee}).filter(Boolean);return console.log("======== \u4E8B\u4EF6\u4E0A\u62A5 ========"),console.log("userInfo:",U),console.log("eventInfo:",be),console.log("========= \u7ED3\u675F ========="),X?.("/event/report",{method:"POST",body:{userInfo:he,eventInfo:xe},type:"beacon"})},[X,L,n]),Qe=o.useCallback(U=>{var G,{eventName:ae,actionSource:be="website",eventSourceUrl:he=(G=window?.location)===null||G===void 0?void 0:G.href,externalId:xe}=U;if(!n||!m)return;const ge=Ai();return X?.("/fb/events",{method:"POST",body:{eventName:ae,actionSource:be,eventSourceUrl:he,userData:{externalId:ge}},type:"beacon"})},[X,n,m]),Pe=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield X?.("/recommend/like",{method:"POST",body:U});return G?.success}),[X]),tt=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield X?.("/recommend/unlike",{method:"POST",body:U});return G?.success}),[X]),Ze=o.useCallback(U=>Oe(void 0,void 0,void 0,function*(){const G=yield X?.("/customform",{method:"POST",body:U});return G?.success}),[X]),Ce=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){var U,G,ae,be,he;if(!(!i||!S))try{const xe=(ae=(G=(U=i?.split("&"))===null||U===void 0?void 0:U.filter(Ee=>{const it=Ee.split("=")[0];return Oi.includes(it)}))===null||G===void 0?void 0:G.join("&"))!==null&&ae!==void 0?ae:"",ge=yield X?.("/tag/list",{method:"GET",query:{channel:decodeURIComponent(xe)}});T((he=(be=ge?.data)===null||be===void 0?void 0:be.tags)!==null&&he!==void 0?he:[])}catch(xe){console.log("e",xe)}}),[X,i,S]),Si=o.useCallback((U,G,ae,be)=>{var he,xe,ge,Ee,it,dt,wt,M,ne,J,re,de;const le=ae?.bindCta,R=((he=G?.video)===null||he===void 0?void 0:he.bindProduct)||((xe=G?.video)===null||xe===void 0?void 0:xe.bindProducts)&&((Ee=(ge=G?.video)===null||ge===void 0?void 0:ge.bindProducts)===null||Ee===void 0?void 0:Ee.length)>0;let se="";oe?se="hashTagPage":!((it=G?.video)===null||it===void 0)&&it.url?se="videoPage":!((wt=(dt=G?.video)===null||dt===void 0?void 0:dt.imgUrls)===null||wt===void 0)&&wt.length&&(se="imagePage"),ie?.({eventInfo:Object.assign(Object.assign({},U),{ctaId:(M=le?.itemId)!==null&&M!==void 0?M:"",ctaName:(ne=le?.title)!==null&&ne!==void 0?ne:"",contentTags:JSON.stringify(le?.tags),position:be+"",contentId:(re=(J=G?.video)===null||J===void 0?void 0:J.itemId)!==null&&re!==void 0?re:"",productId:R?ae?.itemId:"",traceInfo:(de=le?.traceInfo)!==null&&de!==void 0?de:"",fromKName:se})})},[ie,oe]),yt=o.useCallback(()=>{var U,G;const ae=location.search.slice(1),be=Bt.parse(ae.replace(/\+/g,"%2B"));for(const ge in be)be[ge]=be[ge].replace(/%2B/g,"+");const he=ge=>{var Ee;return(Ee=be[ge])!==null&&Ee!==void 0?Ee:""},xe=new Date;je.current=xe,ie?.({eventInfo:{eventSubject:"h5LinkEnterFeed",eventDescription:"User enter h5 link",utmSource:he("utm_source"),utmMedium:he("utm_medium"),utmCampaign:he("utm_campaign"),utmId:he("utm_id"),utmContent:he("utm_content"),enterTime:Math.floor(xe/1e3)+"",requestId:null,enterUrl:(G=(U=window?.location)===null||U===void 0?void 0:U.href)!==null&&G!==void 0?G:"",clSource:he("cl_source")}})},[ie]);o.useEffect(()=>{yt()},[]),o.useEffect(()=>{N&&(A(!0),Ce(),ue().then(U=>{var G,ae;E((G=U?.recList)!==null&&G!==void 0?G:[]),q((ae=U?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{ie({eventInfo:{eventSubject:"apiRequest",eventDescription:"api request succeed"}}),A(!1),B.current=!0}))},[N]),o.useEffect(()=>{B.current&&(A(!0),Ce(),ue().then(U=>{var G,ae;E((G=U?.recList)!==null&&G!==void 0?G:[]),q((ae=U?.recList)!==null&&ae!==void 0?ae:[])}).finally(()=>{A(!1)}))},[ue,Ce]);const Nt=Ue("/pb_static/a65d23c5893c49d7aaaa81681d3179e2.gif",a);return o.createElement(Pi.Provider,{value:{rtcList:g,setRtcList:E,mutateLike:Pe,mutateUnlike:tt,submitForm:Ze,popupDetailData:j,loadVideos:fe,setPopupDetailData:k,getRecommendVideos:ue,bffEventReport:ie,utmVal:i,isPreview:d,loading:D,sxpParameter:r,waterFallData:$,setWaterFallData:H,ctaEvent:Si,swiperRef:V,openHashtag:W,setOpenHashtag:K,cacheRtcList:ee,setCacheRtcList:q,cacheActiveIndex:pe,setCacheActiveIndex:Y,isFromHashtag:oe,setIsFromHashtag:Q,appDomain:a,hashTagSize:c,loadingImage:u??Nt,isOpenHashTag:v,tagList:O,setLoading:A,videoRef:Z,setVideoRef:me,bffFbReport:Qe,isAgreePolicy:N,setIsAgreePolicy:z,curTime:je,h5EnterLink:yt,themeTag:_e}},!((_=(x=(f=(b=p?.consent)===null||b===void 0?void 0:b[0])===null||f===void 0?void 0:f.item)===null||x===void 0?void 0:x.props)===null||_===void 0)&&_.privacy_necessity&&!N||I?o.createElement(Vn,Object.assign({},(C=(P=(h=p?.consent)===null||h===void 0?void 0:h[0])===null||P===void 0?void 0:P.item)===null||C===void 0?void 0:C.props)):t({rtcList:g,mutateLike:Pe,mutateUnlike:tt,submitForm:Ze,tagList:O}))};var Mi=o.memo(Hn);function ve(){return o.useContext(Pi)}var Li;(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"})(Li||(Li={}));const ji=o.createContext({$store:{},options:[],configs:[]}),Un=({children:t,isSsr:e,enable:i})=>{const[n,l]=o.useState([]),{schema:s}=Re(),[d,r]=o.useState(s.__STORE__||{}),[a,c]=o.useState([]);o.useEffect(()=>{var m;e||Se.isEqual(a,s?.dataSource)||c((m=s?.dataSource)!==null&&m!==void 0?m:[])},[s?.dataSource,e]);const u=o.useCallback(()=>Oe(void 0,void 0,void 0,function*(){const{$store:m,idMapName:w}=yield xi("",a);r(m),v(m,w)}),[a]),v=(m,w)=>{const y=[];Object.entries(m).forEach(([S,I])=>{Object.keys(I).forEach(p=>{const b={label:`${w[S]} - ${p}`,value:`{{ ${S}.${p} }}`};y.push(b)})}),l(y)};return o.useEffect(()=>{e||u()},[u,e,s]),i?o.createElement(ji.Provider,{value:{$store:s.__STORE__||d,options:n,configs:a}},t):t};var Gn=o.memo(Un);const xt={id:Tt(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},Ht={id:"",duration:0,name:"none"},Ni=o.createContext({resolver:{},currentNode:null,schema:{pointData:[],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},__STORE__:{},sxpPageConf:{}},pageInfoData:{},prePiontData:[],undoStack:[xt],redoStack:[],popup:Ht,setPopup:()=>{}}),Bi=o.forwardRef(({children:t,resolver:e,isSsr:i,schema:n,enableDataSource:l=!0,utmVal:s},d)=>{const[r,a]=o.useState(null),[c,u]=o.useState(n||{pointData:[xt],dataSource:[],mobilePiontData:[],type:"PC",pcPiontData:[],pageInfo:{},pcPageConf:{},mobilePageConf:{},sxpPageConf:{}}),[v,m]=o.useState([xt]),[w,y]=o.useState([[xt]]),[S,I]=o.useState([]),[p,b]=o.useState(Ht);typeof window<"u"&&(window.sxpPopup=(P,C)=>{b(Object.assign(Object.assign(Object.assign({},Ht),{id:P}),C))}),typeof window<"u"&&(window.getJointUtmLink=P=>P?.indexOf("?")!==-1?P+(s?"&"+s:""):P+(s?"?"+s:"")),o.useEffect(()=>{y([c.pointData]),I([])},[c.type]);const f=o.useCallback(P=>{const C=Se.cloneDeep(c);C&&(C.dataSource=P,u?.(C))},[c]),[x,_]=o.useState();o.useImperativeHandle(d,()=>({loadSchema(P){P&&(y([P.pointData]),u(P))},exportSchema(){return Se.cloneDeep(c)},getPageInfoData(){return x},initPageInfoData(P){P&&_(P)}}));const h=o.useMemo(()=>{if(c)return c.type==="PC"?c.pcPageConf:c.mobilePageConf},[c]);return o.createElement(Ni.Provider,{value:{resolver:e,currentNode:r,schema:c,setCurrentNode:a,setSchema:u,saveDataSource:f,prePiontData:v,setPrePiontData:m,pageInfoData:x,setPageInfoData:P=>_(Object.assign(Object.assign({},x),P)),undoStack:w,redoStack:S,setRedoStack:I,setUndoStack:y,getCurPageConf:h,popup:p,setPopup:b}},o.createElement(Gn,{isSsr:i,enable:l},t))});var $n=Object.freeze({__proto__:null,EditorCore:Bi}),Wn=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const ce=[{label:"defalut",value:"appFont"}],Ut=typeof window<"u"&&window?.localStorage.getItem("sxp_font_links"),Yn=Ut&&Ut!==""?JSON.parse(Ut):[];var Ve={fontOptions:[...ce,...Yn]},Gt,$t,Wt,qn=[{type:"Text",label:"\u7EC4\u4EF6\u540D\u79F0",name:"name"},{title:"\u8868\u5355\u4FE1\u606F",child:[{type:"Text",label:"\u6807\u9898",name:["props","title"]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["textStyle","color"]},{type:"Select",name:["textStyle","fontFamily"],options:ce,initialValue:(Gt=ce?.[0])===null||Gt===void 0?void 0:Gt.value},{type:"Number",name:["textStyle","fontSize"],addonAfter:"px"}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle",name:["textStyle"]},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign",name:["textStyle"]},{label:"\u8868\u5355\u5E03\u5C40",type:"Radius",options:[{label:"\u5DE6\u53F3",value:"horizontal"},{label:"\u4E0A\u4E0B",value:"vertical"},{label:"\u63D0\u793A",value:void 0}],name:["props","layoutType"]},{label:"\u63D0\u4EA4\u6309\u94AE\u6587\u672C",type:"Text",name:["props","submitText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Ve?.fontOptions,initialValue:(Wt=($t=Ve?.fontOptions)===null||$t===void 0?void 0:$t[0])===null||Wt===void 0?void 0:Wt.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitBgColor"]}]},{title:"\u8868\u5355\u9879",child:[{type:"AddFormItems",name:["props","columns"]}]}];function ze(){const{bffEventReport:t,popupDetailData:e,waterFallData:i,isFromHashtag:n}=ve(),l=o.useCallback((r,a,c,u)=>{var v,m,w,y,S,I,p,b,f,x,_,h,P,C;let g="";e&&(!((m=(v=r?.video)===null||v===void 0?void 0:v.bindProducts)===null||m===void 0)&&m.length||!((w=r?.video)===null||w===void 0)&&w.bindProduct)?g="pdpPage":n?g="hashTagPage":!((y=r?.video)===null||y===void 0)&&y.url?g="videoPage":!((S=r?.video)===null||S===void 0)&&S.imgUrls&&(!((p=(I=r?.video)===null||I===void 0?void 0:I.imgUrls)===null||p===void 0)&&p.length)?g="imagePage":r?.product&&(g="productPage"),t?.({eventInfo:{eventSubject:"jumpToWeb",eventDescription:"User jumped to website",productId:(b=a?.itemId)!==null&&b!==void 0?b:"",productName:(f=a?.title)!==null&&f!==void 0?f:"",price:a?.price?a?.price+"":"0",productCollection:(x=a?.collection)!==null&&x!==void 0?x:"",fromKName:g,fromKPage:location?.href,contentTags:a?.tags?JSON.stringify(a?.tags):"",position:u+"",contentId:(h=(_=r?.video)===null||_===void 0?void 0:_.itemId)!==null&&h!==void 0?h:"",ctatId:(P=c?.itemId)!==null&&P!==void 0?P:"",traceInfo:(C=a?.traceInfo)!==null&&C!==void 0?C:""}})},[t,e,n]),s=o.useCallback((r,a,c,u,v)=>{var m,w,y,S;let I="";e&&(!((w=(m=r?.video)===null||m===void 0?void 0:m.bindProducts)===null||w===void 0)&&w.length||!((y=r?.video)===null||y===void 0)&&y.bindProduct)?I="pdpPage":r?.product&&(I="productPage"),t?.({eventInfo:{productId:a?.itemId,productName:a?.title,price:a?.price?a?.price+"":"0",productCollection:a?.collection,fromKName:I,fromKPage:location?.href,contentTags:JSON.stringify(a?.tags),position:v+"",contentId:(S=r?.video)===null||S===void 0?void 0:S.itemId,ctatId:c?.itemId,traceInfo:a?.traceInfo,timeOnSite:Math.floor((new Date-u)/1e3)+"",eventSubject:"productView",eventDescription:"User browsed the product"}})},[t,e]),d=o.useCallback((r,a,c)=>{t?.({eventInfo:{lastFeed:r,themeTags:a?`[${a}]`:"",hashTags:c?`[${c}]`:"",eventSubject:"backMainFeed",eventDescription:"back Main Feed"}})},[t]);return{jumpToWeb:l,productView:s,backMainFeed:d}}const Xn=t=>{var{columns:e,style:i,title:n,textStyle:l,submitBgColor:s,submitColor:d,submitText:r,layoutType:a,isExternalLink:c,isPopup:u,onClick:v,onClose:m,submitButtonStyle:w}=t,y=Ie(t,["columns","style","title","textStyle","submitBgColor","submitColor","submitText","layoutType","isExternalLink","isPopup","onClick","onClose","submitButtonStyle"]);const{submitForm:S,popupDetailData:I}=ve(),{jumpToWeb:p}=ze(),b=o.useRef(),[f,x]=o.useState(!1),_=o.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"}],[]),h=o.useMemo(()=>{if(a===void 0){const C=Se.cloneDeep(e)||_;return C?.map(g=>Object.assign(Object.assign({},g),{title:void 0,fieldProps:{placeholder:g?.title}}))}else return Se.cloneDeep(e)||_},[a,e,_]),P=Se.debounce(()=>Oe(void 0,void 0,void 0,function*(){var C,g,E,O,T,D;const A=yield(C=b?.current)===null||C===void 0?void 0:C.getFieldsValue();if(!A)return;const L=(E=(g=Object.keys(A))===null||g===void 0?void 0:g.map(V=>{var B;return{name:V,value:(B=A[V])!==null&&B!==void 0?B:""}}))===null||E===void 0?void 0:E.filter(V=>V?.value);if(!L||!L?.length)return;x(!0);const F=yield S?.({attributes:L});if(x(!1),F){if(c){const V=I,B=(O=V?.video)===null||O===void 0?void 0:O.bindProduct,N=(D=(T=V?.video)===null||T===void 0?void 0:T.bindProduct)===null||D===void 0?void 0:D.bindCta,z=I?.index;p(V,B,N,z)}u||m?.(),v?.()}}),1e3);return o.createElement("div",{className:"pb-appoint-form"},o.createElement("div",{className:`pb-appoint-form-title ${te.css(Object.assign({},l))}`},n),o.createElement("div",Object.assign({className:te.css(Object.assign({},i))},y),o.createElement("div",{className:"pb-appoint-form-container"},o.createElement(En.BetaSchemaForm,{columns:h,submitter:!1,layout:a,autoFocusFirstInput:!1,size:"large",formRef:b,className:"panel-reset"}))),o.createElement("div",{className:"pb-appoint-form-btn-wrapper"},o.createElement("button",{onClick:P,className:"pb-appoint-form-btn",style:Object.assign({color:d,background:s},w)},f?o.createElement(o.Fragment,null,"loading..."):r)))};var Jn=o.memo(Xn);function Fe(t,e){return t.extend=e,t}const Kn=Fe(Jn,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"popup",type:"AppointForm",related:{settingRender:qn,bindableProps:[],interactionRender:Wn},defaulSetting:{name:"\u8868\u5355",props:{title:"Appointment Booking",submitColor:"#fff",submitBgColor:"#000",submitText:"Submit",layoutType:void 0},style:{},textStyle:{fontSize:14,color:"#000",textAlign:"center"}},w:100,h:40,sort:2});var Yt,qt,Qn=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",child:[{label:"\u4E0A\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginTop"]},{label:"\u4E0B\u8FB9\u8DDD",type:"Number",addonAfter:"px",name:["marginBottom"]}]},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(Yt=ce?.[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:ce,initialValue:(qt=ce?.[0])===null||qt===void 0?void 0:qt.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];function zi(t){return t!==null&&typeof t=="object"&&"constructor"in t&&t.constructor===Object}function Xt(t,e){t===void 0&&(t={}),e===void 0&&(e={}),Object.keys(e).forEach(i=>{typeof t[i]>"u"?t[i]=e[i]:zi(e[i])&&zi(t[i])&&Object.keys(e[i]).length>0&&Xt(t[i],e[i])})}const Fi={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 qe(){const t=typeof document<"u"?document:{};return Xt(t,Fi),t}const Zn={document:Fi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(t){return typeof setTimeout>"u"?(t(),null):setTimeout(t,0)},cancelAnimationFrame(t){typeof setTimeout>"u"||clearTimeout(t)}};function Me(){const t=typeof window<"u"?window:{};return Xt(t,Zn),t}function ot(t){return t===void 0&&(t=""),t.trim().split(" ").filter(e=>!!e.trim())}function Rn(t){const e=t;Object.keys(e).forEach(i=>{try{e[i]=null}catch{}try{delete e[i]}catch{}})}function vt(t,e){return e===void 0&&(e=0),setTimeout(t,e)}function Ge(){return Date.now()}function eo(t){const e=Me();let i;return e.getComputedStyle&&(i=e.getComputedStyle(t,null)),!i&&t.currentStyle&&(i=t.currentStyle),i||(i=t.style),i}function to(t,e){e===void 0&&(e="x");const i=Me();let n,l,s;const d=eo(t);return i.WebKitCSSMatrix?(l=d.transform||d.webkitTransform,l.split(",").length>6&&(l=l.split(", ").map(r=>r.replace(",",".")).join(", ")),s=new i.WebKitCSSMatrix(l==="none"?"":l)):(s=d.MozTransform||d.OTransform||d.MsTransform||d.msTransform||d.transform||d.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=s.toString().split(",")),e==="x"&&(i.WebKitCSSMatrix?l=s.m41:n.length===16?l=parseFloat(n[12]):l=parseFloat(n[4])),e==="y"&&(i.WebKitCSSMatrix?l=s.m42:n.length===16?l=parseFloat(n[13]):l=parseFloat(n[5])),l||0}function Et(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"}function io(t){return typeof window<"u"&&typeof window.HTMLElement<"u"?t instanceof HTMLElement:t&&(t.nodeType===1||t.nodeType===11)}function He(){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&&!io(n)){const l=Object.keys(Object(n)).filter(s=>e.indexOf(s)<0);for(let s=0,d=l.length;s<d;s+=1){const r=l[s],a=Object.getOwnPropertyDescriptor(n,r);a!==void 0&&a.enumerable&&(Et(t[r])&&Et(n[r])?n[r].__swiper__?t[r]=n[r]:He(t[r],n[r]):!Et(t[r])&&Et(n[r])?(t[r]={},n[r].__swiper__?t[r]=n[r]:He(t[r],n[r])):t[r]=n[r])}}}return t}function Ct(t,e,i){t.style.setProperty(e,i)}function Vi(t){let{swiper:e,targetPosition:i,side:n}=t;const l=Me(),s=-e.translate;let d=null,r;const a=e.params.speed;e.wrapperEl.style.scrollSnapType="none",l.cancelAnimationFrame(e.cssModeFrameID);const c=i>s?"next":"prev",u=(m,w)=>c==="next"&&m>=w||c==="prev"&&m<=w,v=()=>{r=new Date().getTime(),d===null&&(d=r);const m=Math.max(Math.min((r-d)/a,1),0),w=.5-Math.cos(m*Math.PI)/2;let y=s+w*(i-s);if(u(y,i)&&(y=i),e.wrapperEl.scrollTo({[n]:y}),u(y,i)){e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[n]:y})}),l.cancelAnimationFrame(e.cssModeFrameID);return}e.cssModeFrameID=l.requestAnimationFrame(v)};v()}function Xe(t,e){return e===void 0&&(e=""),[...t.children].filter(i=>i.matches(e))}function It(t){try{console.warn(t);return}catch{}}function ht(t,e){e===void 0&&(e=[]);const i=document.createElement(t);return i.classList.add(...Array.isArray(e)?e:ot(e)),i}function no(t){const e=Me(),i=qe(),n=t.getBoundingClientRect(),l=i.body,s=t.clientTop||l.clientTop||0,d=t.clientLeft||l.clientLeft||0,r=t===e?e.scrollY:t.scrollTop,a=t===e?e.scrollX:t.scrollLeft;return{top:n.top+r-s,left:n.left+a-d}}function oo(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 lo(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 lt(t,e){return Me().getComputedStyle(t,null).getPropertyValue(e)}function _t(t){let e=t,i;if(e){for(i=0;(e=e.previousSibling)!==null;)e.nodeType===1&&(i+=1);return i}}function Hi(t,e){const i=[];let n=t.parentElement;for(;n;)e?n.matches(e)&&i.push(n):i.push(n),n=n.parentElement;return i}function Jt(t,e){function i(n){n.target===t&&(e.call(t,n),t.removeEventListener("transitionend",i))}e&&t.addEventListener("transitionend",i)}function Kt(t,e,i){const n=Me();return i?t[e==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(t,null).getPropertyValue(e==="width"?"margin-left":"margin-bottom")):t.offsetWidth}function Je(t){return(Array.isArray(t)?t:[t]).filter(e=>!!e)}function so(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=Me();i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let d,r=Ge(),a;const c=[];function u(f){let P=0,C=0,g=0,E=0;return"detail"in f&&(C=f.detail),"wheelDelta"in f&&(C=-f.wheelDelta/120),"wheelDeltaY"in f&&(C=-f.wheelDeltaY/120),"wheelDeltaX"in f&&(P=-f.wheelDeltaX/120),"axis"in f&&f.axis===f.HORIZONTAL_AXIS&&(P=C,C=0),g=P*10,E=C*10,"deltaY"in f&&(E=f.deltaY),"deltaX"in f&&(g=f.deltaX),f.shiftKey&&!g&&(g=E,E=0),(g||E)&&f.deltaMode&&(f.deltaMode===1?(g*=40,E*=40):(g*=800,E*=800)),g&&!P&&(P=g<1?-1:1),E&&!C&&(C=E<1?-1:1),{spinX:P,spinY:C,pixelX:g,pixelY:E}}function v(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function w(f){return e.params.mousewheel.thresholdDelta&&f.delta<e.params.mousewheel.thresholdDelta||e.params.mousewheel.thresholdTime&&Ge()-r<e.params.mousewheel.thresholdTime?!1:f.delta>=6&&Ge()-r<60?!0:(f.direction<0?(!e.isEnd||e.params.loop)&&!e.animating&&(e.slideNext(),l("scroll",f.raw)):(!e.isBeginning||e.params.loop)&&!e.animating&&(e.slidePrev(),l("scroll",f.raw)),r=new s.Date().getTime(),!1)}function y(f){const x=e.params.mousewheel;if(f.direction<0){if(e.isEnd&&!e.params.loop&&x.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&x.releaseOnEdges)return!0;return!1}function S(f){let x=f,_=!0;if(!e.enabled||f.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const h=e.params.mousewheel;e.params.cssMode&&x.preventDefault();let P=e.el;e.params.mousewheel.eventsTarget!=="container"&&(P=document.querySelector(e.params.mousewheel.eventsTarget));const C=P&&P.contains(x.target);if(!e.mouseEntered&&!C&&!h.releaseOnEdges)return!0;x.originalEvent&&(x=x.originalEvent);let g=0;const E=e.rtlTranslate?-1:1,O=u(x);if(h.forceToAxis)if(e.isHorizontal())if(Math.abs(O.pixelX)>Math.abs(O.pixelY))g=-O.pixelX*E;else return!0;else if(Math.abs(O.pixelY)>Math.abs(O.pixelX))g=-O.pixelY;else return!0;else g=Math.abs(O.pixelX)>Math.abs(O.pixelY)?-O.pixelX*E:-O.pixelY;if(g===0)return!0;h.invert&&(g=-g);let T=e.getTranslate()+g*h.sensitivity;if(T>=e.minTranslate()&&(T=e.minTranslate()),T<=e.maxTranslate()&&(T=e.maxTranslate()),_=e.params.loop?!0:!(T===e.minTranslate()||T===e.maxTranslate()),_&&e.params.nested&&x.stopPropagation(),!e.params.freeMode||!e.params.freeMode.enabled){const D={time:Ge(),delta:Math.abs(g),direction:Math.sign(g),raw:f};c.length>=2&&c.shift();const A=c.length?c[c.length-1]:void 0;if(c.push(D),A?(D.direction!==A.direction||D.delta>A.delta||D.time>A.time+150)&&w(D):w(D),y(D))return!0}else{const D={time:Ge(),delta:Math.abs(g),direction:Math.sign(g)},A=a&&D.time<a.time+500&&D.delta<=a.delta&&D.direction===a.direction;if(!A){a=void 0;let L=e.getTranslate()+g*h.sensitivity;const F=e.isBeginning,V=e.isEnd;if(L>=e.minTranslate()&&(L=e.minTranslate()),L<=e.maxTranslate()&&(L=e.maxTranslate()),e.setTransition(0),e.setTranslate(L),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!F&&e.isBeginning||!V&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:D.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(d),d=void 0,c.length>=15&&c.shift();const B=c.length?c[c.length-1]:void 0,N=c[0];if(c.push(D),B&&(D.delta>B.delta||D.direction!==B.direction))c.splice(0);else if(c.length>=15&&D.time-N.time<500&&N.delta-D.delta>=1&&D.delta<=6){const z=g>0?.8:.2;a=D,c.splice(0),d=vt(()=>{e.slideToClosest(e.params.speed,!0,void 0,z)},0)}d||(d=vt(()=>{a=D,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(A||l("scroll",x),e.params.autoplay&&e.params.autoplayDisableOnInteraction&&e.autoplay.stop(),h.releaseOnEdges&&(L===e.minTranslate()||L===e.maxTranslate()))return!0}}return x.preventDefault?x.preventDefault():x.returnValue=!1,!1}function I(f){let x=e.el;e.params.mousewheel.eventsTarget!=="container"&&(x=document.querySelector(e.params.mousewheel.eventsTarget)),x[f]("mouseenter",v),x[f]("mouseleave",m),x[f]("wheel",S)}function p(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",S),!0):e.mousewheel.enabled?!1:(I("addEventListener"),e.mousewheel.enabled=!0,!0)}function b(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,S),!0):e.mousewheel.enabled?(I("removeEventListener"),e.mousewheel.enabled=!1,!0):!1}n("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&b(),e.params.mousewheel.enabled&&p()}),n("destroy",()=>{e.params.cssMode&&p(),e.mousewheel.enabled&&b()}),Object.assign(e.mousewheel,{enable:p,disable:b})}function Ui(t,e,i,n){return t.params.createElements&&Object.keys(n).forEach(l=>{if(!i[l]&&i.auto===!0){let s=Xe(t.el,`.${n[l]}`)[0];s||(s=ht("div",n[l]),s.className=n[l],t.el.append(s)),i[l]=s,e[l]=s}}),i}function ft(t){return t===void 0&&(t=""),`.${t.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function kt(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s="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:`${s}-bullet`,bulletActiveClass:`${s}-bullet-active`,modifierClass:`${s}-`,currentClass:`${s}-current`,totalClass:`${s}-total`,hiddenClass:`${s}-hidden`,progressbarFillClass:`${s}-progressbar-fill`,progressbarOppositeClass:`${s}-progressbar-opposite`,clickableClass:`${s}-clickable`,lockClass:`${s}-lock`,horizontalClass:`${s}-horizontal`,verticalClass:`${s}-vertical`,paginationDisabledClass:`${s}-disabled`}}),e.pagination={el:null,bullets:[]};let d,r=0;function a(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&e.pagination.el.length===0}function c(p,b){const{bulletActiveClass:f}=e.params.pagination;p&&(p=p[`${b==="prev"?"previous":"next"}ElementSibling`],p&&(p.classList.add(`${f}-${b}`),p=p[`${b==="prev"?"previous":"next"}ElementSibling`],p&&p.classList.add(`${f}-${b}-${b}`)))}function u(p){const b=p.target.closest(ft(e.params.pagination.bulletClass));if(!b)return;p.preventDefault();const f=_t(b)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===f)return;e.slideToLoop(f)}else e.slideTo(f)}function v(){const p=e.rtl,b=e.params.pagination;if(a())return;let f=e.pagination.el;f=Je(f);let x,_;const h=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,P=e.params.loop?Math.ceil(h/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(_=e.previousRealIndex||0,x=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(x=e.snapIndex,_=e.previousSnapIndex):(_=e.previousIndex||0,x=e.activeIndex||0),b.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const C=e.pagination.bullets;let g,E,O;if(b.dynamicBullets&&(d=Kt(C[0],e.isHorizontal()?"width":"height",!0),f.forEach(T=>{T.style[e.isHorizontal()?"width":"height"]=`${d*(b.dynamicMainBullets+4)}px`}),b.dynamicMainBullets>1&&_!==void 0&&(r+=x-(_||0),r>b.dynamicMainBullets-1?r=b.dynamicMainBullets-1:r<0&&(r=0)),g=Math.max(x-r,0),E=g+(Math.min(C.length,b.dynamicMainBullets)-1),O=(E+g)/2),C.forEach(T=>{const D=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(A=>`${b.bulletActiveClass}${A}`)].map(A=>typeof A=="string"&&A.includes(" ")?A.split(" "):A).flat();T.classList.remove(...D)}),f.length>1)C.forEach(T=>{const D=_t(T);D===x?T.classList.add(...b.bulletActiveClass.split(" ")):e.isElement&&T.setAttribute("part","bullet"),b.dynamicBullets&&(D>=g&&D<=E&&T.classList.add(...`${b.bulletActiveClass}-main`.split(" ")),D===g&&c(T,"prev"),D===E&&c(T,"next"))});else{const T=C[x];if(T&&T.classList.add(...b.bulletActiveClass.split(" ")),e.isElement&&C.forEach((D,A)=>{D.setAttribute("part",A===x?"bullet-active":"bullet")}),b.dynamicBullets){const D=C[g],A=C[E];for(let L=g;L<=E;L+=1)C[L]&&C[L].classList.add(...`${b.bulletActiveClass}-main`.split(" "));c(D,"prev"),c(A,"next")}}if(b.dynamicBullets){const T=Math.min(C.length,b.dynamicMainBullets+4),D=(d*T-d)/2-O*d,A=p?"right":"left";C.forEach(L=>{L.style[e.isHorizontal()?A:"top"]=`${D}px`})}}f.forEach((C,g)=>{if(b.type==="fraction"&&(C.querySelectorAll(ft(b.currentClass)).forEach(E=>{E.textContent=b.formatFractionCurrent(x+1)}),C.querySelectorAll(ft(b.totalClass)).forEach(E=>{E.textContent=b.formatFractionTotal(P)})),b.type==="progressbar"){let E;b.progressbarOpposite?E=e.isHorizontal()?"vertical":"horizontal":E=e.isHorizontal()?"horizontal":"vertical";const O=(x+1)/P;let T=1,D=1;E==="horizontal"?T=O:D=O,C.querySelectorAll(ft(b.progressbarFillClass)).forEach(A=>{A.style.transform=`translate3d(0,0,0) scaleX(${T}) scaleY(${D})`,A.style.transitionDuration=`${e.params.speed}ms`})}b.type==="custom"&&b.renderCustom?(C.innerHTML=b.renderCustom(e,x+1,P),g===0&&l("paginationRender",C)):(g===0&&l("paginationRender",C),l("paginationUpdate",C)),e.params.watchOverflow&&e.enabled&&C.classList[e.isLocked?"add":"remove"](b.lockClass)})}function m(){const p=e.params.pagination;if(a())return;const b=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let f=e.pagination.el;f=Je(f);let x="";if(p.type==="bullets"){let _=e.params.loop?Math.ceil(b/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&_>b&&(_=b);for(let h=0;h<_;h+=1)p.renderBullet?x+=p.renderBullet.call(e,h,p.bulletClass):x+=`<${p.bulletElement} ${e.isElement?'part="bullet"':""} class="${p.bulletClass}"></${p.bulletElement}>`}p.type==="fraction"&&(p.renderFraction?x=p.renderFraction.call(e,p.currentClass,p.totalClass):x=`<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`),p.type==="progressbar"&&(p.renderProgressbar?x=p.renderProgressbar.call(e,p.progressbarFillClass):x=`<span class="${p.progressbarFillClass}"></span>`),e.pagination.bullets=[],f.forEach(_=>{p.type!=="custom"&&(_.innerHTML=x||""),p.type==="bullets"&&e.pagination.bullets.push(..._.querySelectorAll(ft(p.bulletClass)))}),p.type!=="custom"&&l("paginationRender",f[0])}function w(){e.params.pagination=Ui(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const p=e.params.pagination;if(!p.el)return;let b;typeof p.el=="string"&&e.isElement&&(b=e.el.querySelector(p.el)),!b&&typeof p.el=="string"&&(b=[...document.querySelectorAll(p.el)]),b||(b=p.el),!(!b||b.length===0)&&(e.params.uniqueNavElements&&typeof p.el=="string"&&Array.isArray(b)&&b.length>1&&(b=[...e.el.querySelectorAll(p.el)],b.length>1&&(b=b.filter(f=>Hi(f,".swiper")[0]===e.el)[0])),Array.isArray(b)&&b.length===1&&(b=b[0]),Object.assign(e.pagination,{el:b}),b=Je(b),b.forEach(f=>{p.type==="bullets"&&p.clickable&&f.classList.add(...(p.clickableClass||"").split(" ")),f.classList.add(p.modifierClass+p.type),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.type==="bullets"&&p.dynamicBullets&&(f.classList.add(`${p.modifierClass}${p.type}-dynamic`),r=0,p.dynamicMainBullets<1&&(p.dynamicMainBullets=1)),p.type==="progressbar"&&p.progressbarOpposite&&f.classList.add(p.progressbarOppositeClass),p.clickable&&f.addEventListener("click",u),e.enabled||f.classList.add(p.lockClass)}))}function y(){const p=e.params.pagination;if(a())return;let b=e.pagination.el;b&&(b=Je(b),b.forEach(f=>{f.classList.remove(p.hiddenClass),f.classList.remove(p.modifierClass+p.type),f.classList.remove(e.isHorizontal()?p.horizontalClass:p.verticalClass),p.clickable&&(f.classList.remove(...(p.clickableClass||"").split(" ")),f.removeEventListener("click",u))})),e.pagination.bullets&&e.pagination.bullets.forEach(f=>f.classList.remove(...p.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const p=e.params.pagination;let{el:b}=e.pagination;b=Je(b),b.forEach(f=>{f.classList.remove(p.horizontalClass,p.verticalClass),f.classList.add(e.isHorizontal()?p.horizontalClass:p.verticalClass)})}),n("init",()=>{e.params.pagination.enabled===!1?I():(w(),m(),v())}),n("activeIndexChange",()=>{typeof e.snapIndex>"u"&&v()}),n("snapIndexChange",()=>{v()}),n("snapGridLengthChange",()=>{m(),v()}),n("destroy",()=>{y()}),n("enable disable",()=>{let{el:p}=e.pagination;p&&(p=Je(p),p.forEach(b=>b.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),n("lock unlock",()=>{v()}),n("click",(p,b)=>{const f=b.target,x=Je(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&x&&x.length>0&&!f.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&f===e.navigation.nextEl||e.navigation.prevEl&&f===e.navigation.prevEl))return;const _=x[0].classList.contains(e.params.pagination.hiddenClass);l(_===!0?"paginationShow":"paginationHide"),x.forEach(h=>h.classList.toggle(e.params.pagination.hiddenClass))}});const S=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Je(p),p.forEach(b=>b.classList.remove(e.params.pagination.paginationDisabledClass))),w(),m(),v()},I=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:p}=e.pagination;p&&(p=Je(p),p.forEach(b=>b.classList.add(e.params.pagination.paginationDisabledClass))),y()};Object.assign(e.pagination,{enable:S,disable:I,render:m,update:v,init:w,destroy:y})}function ro(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=qe();let d=!1,r=null,a=null,c,u,v,m;i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null};function w(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T,rtlTranslate:D}=e,{dragEl:A,el:L}=T,F=e.params.scrollbar,V=e.params.loop?e.progressLoop:e.progress;let B=u,N=(v-u)*V;D?(N=-N,N>0?(B=u-N,N=0):-N+u>v&&(B=v+N)):N<0?(B=u+N,N=0):N+u>v&&(B=v-N),e.isHorizontal()?(A.style.transform=`translate3d(${N}px, 0, 0)`,A.style.width=`${B}px`):(A.style.transform=`translate3d(0px, ${N}px, 0)`,A.style.height=`${B}px`),F.hide&&(clearTimeout(r),L.style.opacity=1,r=setTimeout(()=>{L.style.opacity=0,L.style.transitionDuration="400ms"},1e3))}function y(T){!e.params.scrollbar.el||!e.scrollbar.el||(e.scrollbar.dragEl.style.transitionDuration=`${T}ms`)}function S(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:T}=e,{dragEl:D,el:A}=T;D.style.width="",D.style.height="",v=e.isHorizontal()?A.offsetWidth:A.offsetHeight,m=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),e.params.scrollbar.dragSize==="auto"?u=v*m:u=parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?D.style.width=`${u}px`:D.style.height=`${u}px`,m>=1?A.style.display="none":A.style.display="",e.params.scrollbar.hide&&(A.style.opacity=0),e.params.watchOverflow&&e.enabled&&T.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function I(T){return e.isHorizontal()?T.clientX:T.clientY}function p(T){const{scrollbar:D,rtlTranslate:A}=e,{el:L}=D;let F;F=(I(T)-no(L)[e.isHorizontal()?"left":"top"]-(c!==null?c:u/2))/(v-u),F=Math.max(Math.min(F,1),0),A&&(F=1-F);const V=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*F;e.updateProgress(V),e.setTranslate(V),e.updateActiveIndex(),e.updateSlidesClasses()}function b(T){const D=e.params.scrollbar,{scrollbar:A,wrapperEl:L}=e,{el:F,dragEl:V}=A;d=!0,c=T.target===V?I(T)-T.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,T.preventDefault(),T.stopPropagation(),L.style.transitionDuration="100ms",V.style.transitionDuration="100ms",p(T),clearTimeout(a),F.style.transitionDuration="0ms",D.hide&&(F.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),l("scrollbarDragStart",T)}function f(T){const{scrollbar:D,wrapperEl:A}=e,{el:L,dragEl:F}=D;d&&(T.preventDefault&&T.cancelable?T.preventDefault():T.returnValue=!1,p(T),A.style.transitionDuration="0ms",L.style.transitionDuration="0ms",F.style.transitionDuration="0ms",l("scrollbarDragMove",T))}function x(T){const D=e.params.scrollbar,{scrollbar:A,wrapperEl:L}=e,{el:F}=A;d&&(d=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",L.style.transitionDuration=""),D.hide&&(clearTimeout(a),a=vt(()=>{F.style.opacity=0,F.style.transitionDuration="400ms"},1e3)),l("scrollbarDragEnd",T),D.snapOnRelease&&e.slideToClosest())}function _(T){const{scrollbar:D,params:A}=e,L=D.el;if(!L)return;const F=L,V=A.passiveListeners?{passive:!1,capture:!1}:!1,B=A.passiveListeners?{passive:!0,capture:!1}:!1;if(!F)return;const N=T==="on"?"addEventListener":"removeEventListener";F[N]("pointerdown",b,V),s[N]("pointermove",f,V),s[N]("pointerup",x,B)}function h(){!e.params.scrollbar.el||!e.scrollbar.el||_("on")}function P(){!e.params.scrollbar.el||!e.scrollbar.el||_("off")}function C(){const{scrollbar:T,el:D}=e;e.params.scrollbar=Ui(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const A=e.params.scrollbar;if(!A.el)return;let L;if(typeof A.el=="string"&&e.isElement&&(L=e.el.querySelector(A.el)),!L&&typeof A.el=="string"){if(L=s.querySelectorAll(A.el),!L.length)return}else L||(L=A.el);e.params.uniqueNavElements&&typeof A.el=="string"&&L.length>1&&D.querySelectorAll(A.el).length===1&&(L=D.querySelector(A.el)),L.length>0&&(L=L[0]),L.classList.add(e.isHorizontal()?A.horizontalClass:A.verticalClass);let F;L&&(F=L.querySelector(ft(e.params.scrollbar.dragClass)),F||(F=ht("div",e.params.scrollbar.dragClass),L.append(F))),Object.assign(T,{el:L,dragEl:F}),A.draggable&&h(),L&&L.classList[e.enabled?"remove":"add"](...ot(e.params.scrollbar.lockClass))}function g(){const T=e.params.scrollbar,D=e.scrollbar.el;D&&D.classList.remove(...ot(e.isHorizontal()?T.horizontalClass:T.verticalClass)),P()}n("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const T=e.params.scrollbar;let{el:D}=e.scrollbar;D=Je(D),D.forEach(A=>{A.classList.remove(T.horizontalClass,T.verticalClass),A.classList.add(e.isHorizontal()?T.horizontalClass:T.verticalClass)})}),n("init",()=>{e.params.scrollbar.enabled===!1?O():(C(),S(),w())}),n("update resize observerUpdate lock unlock changeDirection",()=>{S()}),n("setTranslate",()=>{w()}),n("setTransition",(T,D)=>{y(D)}),n("enable disable",()=>{const{el:T}=e.scrollbar;T&&T.classList[e.enabled?"remove":"add"](...ot(e.params.scrollbar.lockClass))}),n("destroy",()=>{g()});const E=()=>{e.el.classList.remove(...ot(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...ot(e.params.scrollbar.scrollbarDisabledClass)),C(),S(),w()},O=()=>{e.el.classList.add(...ot(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...ot(e.params.scrollbar.scrollbarDisabledClass)),g()};Object.assign(e.scrollbar,{enable:E,disable:O,updateSize:S,setTranslate:w,init:C,destroy:g})}function Dt(t){let{swiper:e,extendParams:i,on:n,emit:l,params:s}=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 d,r,a=s&&s.autoplay?s.autoplay.delay:3e3,c=s&&s.autoplay?s.autoplay.delay:3e3,u,v=new Date().getTime(),m,w,y,S,I,p,b;function f(B){!e||e.destroyed||!e.wrapperEl||B.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),!(b||B.detail&&B.detail.bySwiperTouchMove)&&E())}const x=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?m=!0:m&&(c=u,m=!1);const B=e.autoplay.paused?u:v+c-new Date().getTime();e.autoplay.timeLeft=B,l("autoplayTimeLeft",B,B/a),r=requestAnimationFrame(()=>{x()})},_=()=>{let B;return e.virtual&&e.params.virtual.enabled?B=e.slides.filter(z=>z.classList.contains("swiper-slide-active"))[0]:B=e.slides[e.activeIndex],B?parseInt(B.getAttribute("data-swiper-autoplay"),10):void 0},h=B=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(r),x();let N=typeof B>"u"?e.params.autoplay.delay:B;a=e.params.autoplay.delay,c=e.params.autoplay.delay;const z=_();!Number.isNaN(z)&&z>0&&typeof B>"u"&&(N=z,a=z,c=z),u=N;const j=e.params.speed,k=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(j,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,j,!0,!0),l("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(j,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,j,!0,!0),l("autoplay")),e.params.cssMode&&(v=new Date().getTime(),requestAnimationFrame(()=>{h()})))};return N>0?(clearTimeout(d),d=setTimeout(()=>{k()},N)):requestAnimationFrame(()=>{k()}),N},P=()=>{v=new Date().getTime(),e.autoplay.running=!0,h(),l("autoplayStart")},C=()=>{e.autoplay.running=!1,clearTimeout(d),cancelAnimationFrame(r),l("autoplayStop")},g=(B,N)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(d),B||(p=!0);const z=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):E()};if(e.autoplay.paused=!0,N){I&&(u=e.params.autoplay.delay),I=!1,z();return}u=(u||e.params.autoplay.delay)-(new Date().getTime()-v),!(e.isEnd&&u<0&&!e.params.loop)&&(u<0&&(u=0),z())},E=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=new Date().getTime(),p?(p=!1,h(u)):h(),e.autoplay.paused=!1,l("autoplayResume"))},O=()=>{if(e.destroyed||!e.autoplay.running)return;const B=qe();B.visibilityState==="hidden"&&(p=!0,g(!0)),B.visibilityState==="visible"&&E()},T=B=>{B.pointerType==="mouse"&&(p=!0,b=!0,!(e.animating||e.autoplay.paused)&&g(!0))},D=B=>{B.pointerType==="mouse"&&(b=!1,e.autoplay.paused&&E())},A=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",T),e.el.addEventListener("pointerleave",D))},L=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",T),e.el.removeEventListener("pointerleave",D))},F=()=>{qe().addEventListener("visibilitychange",O)},V=()=>{qe().removeEventListener("visibilitychange",O)};n("init",()=>{e.params.autoplay.enabled&&(A(),F(),P())}),n("destroy",()=>{L(),V(),e.autoplay.running&&C()}),n("_freeModeStaticRelease",()=>{(y||p)&&E()}),n("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?C():g(!0,!0)}),n("beforeTransitionStart",(B,N,z)=>{e.destroyed||!e.autoplay.running||(z||!e.params.autoplay.disableOnInteraction?g(!0,!0):C())}),n("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){C();return}w=!0,y=!1,p=!1,S=setTimeout(()=>{p=!0,y=!0,g(!0)},200)}}),n("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!w)){if(clearTimeout(S),clearTimeout(d),e.params.autoplay.disableOnInteraction){y=!1,w=!1;return}y&&e.params.cssMode&&E(),y=!1,w=!1}}),n("slideChange",()=>{e.destroyed||!e.autoplay.running||(I=!0)}),Object.assign(e.autoplay,{start:P,stop:C,pause:g,resume:E})}function ao(t){let{swiper:e,extendParams:i,emit:n,once:l}=t;i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function s(){if(e.params.cssMode)return;const a=e.getTranslate();e.setTranslate(a),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function d(){if(e.params.cssMode)return;const{touchEventsData:a,touches:c}=e;a.velocities.length===0&&a.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:a.touchStartTime}),a.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:Ge()})}function r(a){let{currentPos:c}=a;if(e.params.cssMode)return;const{params:u,wrapperEl:v,rtlTranslate:m,snapGrid:w,touchEventsData:y}=e,I=Ge()-y.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<w.length?e.slideTo(w.length-1):e.slideTo(e.slides.length-1);return}if(u.freeMode.momentum){if(y.velocities.length>1){const C=y.velocities.pop(),g=y.velocities.pop(),E=C.position-g.position,O=C.time-g.time;e.velocity=E/O,e.velocity/=2,Math.abs(e.velocity)<u.freeMode.minimumVelocity&&(e.velocity=0),(O>150||Ge()-C.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=u.freeMode.momentumVelocityRatio,y.velocities.length=0;let p=1e3*u.freeMode.momentumRatio;const b=e.velocity*p;let f=e.translate+b;m&&(f=-f);let x=!1,_;const h=Math.abs(e.velocity)*20*u.freeMode.momentumBounceRatio;let P;if(f<e.maxTranslate())u.freeMode.momentumBounce?(f+e.maxTranslate()<-h&&(f=e.maxTranslate()-h),_=e.maxTranslate(),x=!0,y.allowMomentumBounce=!0):f=e.maxTranslate(),u.loop&&u.centeredSlides&&(P=!0);else if(f>e.minTranslate())u.freeMode.momentumBounce?(f-e.minTranslate()>h&&(f=e.minTranslate()+h),_=e.minTranslate(),x=!0,y.allowMomentumBounce=!0):f=e.minTranslate(),u.loop&&u.centeredSlides&&(P=!0);else if(u.freeMode.sticky){let C;for(let g=0;g<w.length;g+=1)if(w[g]>-f){C=g;break}Math.abs(w[C]-f)<Math.abs(w[C-1]-f)||e.swipeDirection==="next"?f=w[C]:f=w[C-1],f=-f}if(P&&l("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(m?p=Math.abs((-f-e.translate)/e.velocity):p=Math.abs((f-e.translate)/e.velocity),u.freeMode.sticky){const C=Math.abs((m?-f:f)-e.translate),g=e.slidesSizesGrid[e.activeIndex];C<g?p=u.speed:C<2*g?p=u.speed*1.5:p=u.speed*2.5}}else if(u.freeMode.sticky){e.slideToClosest();return}u.freeMode.momentumBounce&&x?(e.updateProgress(_),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating=!0,Jt(v,()=>{!e||e.destroyed||!y.allowMomentumBounce||(n("momentumBounce"),e.setTransition(u.speed),setTimeout(()=>{e.setTranslate(_),Jt(v,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(n("_freeModeNoMomentumRelease"),e.updateProgress(f),e.setTransition(p),e.setTranslate(f),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,Jt(v,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(f),e.updateActiveIndex(),e.updateSlidesClasses()}else if(u.freeMode.sticky){e.slideToClosest();return}else u.freeMode&&n("_freeModeNoMomentumRelease");(!u.freeMode.momentum||I>=u.longSwipesMs)&&(n("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:s,onTouchMove:d,onTouchEnd:r}})}let Qt;function uo(){const t=Me(),e=qe();return{smoothScroll:e.documentElement&&e.documentElement.style&&"scrollBehavior"in e.documentElement.style,touch:!!("ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch)}}function Gi(){return Qt||(Qt=uo()),Qt}let Zt;function co(t){let{userAgent:e}=t===void 0?{}:t;const i=Gi(),n=Me(),l=n.navigator.platform,s=e||n.navigator.userAgent,d={ios:!1,android:!1},r=n.screen.width,a=n.screen.height,c=s.match(/(Android);?[\s\/]+([\d.]+)?/);let u=s.match(/(iPad).*OS\s([\d_]+)/);const v=s.match(/(iPod)(.*OS\s([\d_]+))?/),m=!u&&s.match(/(iPhone\sOS|iOS)\s([\d_]+)/),w=l==="Win32";let y=l==="MacIntel";const S=["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"];return!u&&y&&i.touch&&S.indexOf(`${r}x${a}`)>=0&&(u=s.match(/(Version)\/([\d.]+)/),u||(u=[0,1,"13_0_0"]),y=!1),c&&!w&&(d.os="android",d.android=!0),(u||m||v)&&(d.os="ios",d.ios=!0),d}function $i(t){return t===void 0&&(t={}),Zt||(Zt=co(t)),Zt}let Rt;function po(){const t=Me(),e=$i();let i=!1;function n(){const r=t.navigator.userAgent.toLowerCase();return r.indexOf("safari")>=0&&r.indexOf("chrome")<0&&r.indexOf("android")<0}if(n()){const r=String(t.navigator.userAgent);if(r.includes("Version/")){const[a,c]=r.split("Version/")[1].split(" ")[0].split(".").map(u=>Number(u));i=a<16||a===16&&c<2}}const l=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent),s=n(),d=s||l&&e.ios;return{isSafari:i||s,needPerspectiveFix:i,need3dFix:d,isWebView:l}}function vo(){return Rt||(Rt=po()),Rt}function fo(t){let{swiper:e,on:i,emit:n}=t;const l=Me();let s=null,d=null;const r=()=>{!e||e.destroyed||!e.initialized||(n("beforeResize"),n("resize"))},a=()=>{!e||e.destroyed||!e.initialized||(s=new ResizeObserver(v=>{d=l.requestAnimationFrame(()=>{const{width:m,height:w}=e;let y=m,S=w;v.forEach(I=>{let{contentBoxSize:p,contentRect:b,target:f}=I;f&&f!==e.el||(y=b?b.width:(p[0]||p).inlineSize,S=b?b.height:(p[0]||p).blockSize)}),(y!==m||S!==w)&&r()})}),s.observe(e.el))},c=()=>{d&&l.cancelAnimationFrame(d),s&&s.unobserve&&e.el&&(s.unobserve(e.el),s=null)},u=()=>{!e||e.destroyed||!e.initialized||n("orientationchange")};i("init",()=>{if(e.params.resizeObserver&&typeof l.ResizeObserver<"u"){a();return}l.addEventListener("resize",r),l.addEventListener("orientationchange",u)}),i("destroy",()=>{c(),l.removeEventListener("resize",r),l.removeEventListener("orientationchange",u)})}function mo(t){let{swiper:e,extendParams:i,on:n,emit:l}=t;const s=[],d=Me(),r=function(u,v){v===void 0&&(v={});const m=d.MutationObserver||d.WebkitMutationObserver,w=new m(y=>{if(e.__preventObserver__)return;if(y.length===1){l("observerUpdate",y[0]);return}const S=function(){l("observerUpdate",y[0])};d.requestAnimationFrame?d.requestAnimationFrame(S):d.setTimeout(S,0)});w.observe(u,{attributes:typeof v.attributes>"u"?!0:v.attributes,childList:typeof v.childList>"u"?!0:v.childList,characterData:typeof v.characterData>"u"?!0:v.characterData}),s.push(w)},a=()=>{if(e.params.observer){if(e.params.observeParents){const u=Hi(e.hostEl);for(let v=0;v<u.length;v+=1)r(u[v])}r(e.hostEl,{childList:e.params.observeSlideChildren}),r(e.wrapperEl,{attributes:!1})}},c=()=>{s.forEach(u=>{u.disconnect()}),s.splice(0,s.length)};i({observer:!1,observeParents:!1,observeSlideChildren:!1}),n("init",a),n("destroy",c)}var ho={on(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;const l=i?"unshift":"push";return t.split(" ").forEach(s=>{n.eventsListeners[s]||(n.eventsListeners[s]=[]),n.eventsListeners[s][l](e)}),n},once(t,e,i){const n=this;if(!n.eventsListeners||n.destroyed||typeof e!="function")return n;function l(){n.off(t,l),l.__emitterProxy&&delete l.__emitterProxy;for(var s=arguments.length,d=new Array(s),r=0;r<s;r++)d[r]=arguments[r];e.apply(n,d)}return l.__emitterProxy=e,n.on(t,l,i)},onAny(t,e){const i=this;if(!i.eventsListeners||i.destroyed||typeof t!="function")return i;const n=e?"unshift":"push";return i.eventsAnyListeners.indexOf(t)<0&&i.eventsAnyListeners[n](t),i},offAny(t){const e=this;if(!e.eventsListeners||e.destroyed||!e.eventsAnyListeners)return e;const i=e.eventsAnyListeners.indexOf(t);return i>=0&&e.eventsAnyListeners.splice(i,1),e},off(t,e){const i=this;return!i.eventsListeners||i.destroyed||!i.eventsListeners||t.split(" ").forEach(n=>{typeof e>"u"?i.eventsListeners[n]=[]:i.eventsListeners[n]&&i.eventsListeners[n].forEach((l,s)=>{(l===e||l.__emitterProxy&&l.__emitterProxy===e)&&i.eventsListeners[n].splice(s,1)})}),i},emit(){const t=this;if(!t.eventsListeners||t.destroyed||!t.eventsListeners)return t;let e,i,n;for(var l=arguments.length,s=new Array(l),d=0;d<l;d++)s[d]=arguments[d];return typeof s[0]=="string"||Array.isArray(s[0])?(e=s[0],i=s.slice(1,s.length),n=t):(e=s[0].events,i=s[0].data,n=s[0].context||t),i.unshift(n),(Array.isArray(e)?e:e.split(" ")).forEach(a=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(c=>{c.apply(n,[a,...i])}),t.eventsListeners&&t.eventsListeners[a]&&t.eventsListeners[a].forEach(c=>{c.apply(n,i)})}),t}};function go(){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(lt(n,"padding-left")||0,10)-parseInt(lt(n,"padding-right")||0,10),i=i-parseInt(lt(n,"padding-top")||0,10)-parseInt(lt(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 bo(){const t=this;function e(E,O){return parseFloat(E.getPropertyValue(t.getDirectionLabel(O))||0)}const i=t.params,{wrapperEl:n,slidesEl:l,size:s,rtlTranslate:d,wrongRTL:r}=t,a=t.virtual&&i.virtual.enabled,c=a?t.virtual.slides.length:t.slides.length,u=Xe(l,`.${t.params.slideClass}, swiper-slide`),v=a?t.virtual.slides.length:u.length;let m=[];const w=[],y=[];let S=i.slidesOffsetBefore;typeof S=="function"&&(S=i.slidesOffsetBefore.call(t));let I=i.slidesOffsetAfter;typeof I=="function"&&(I=i.slidesOffsetAfter.call(t));const p=t.snapGrid.length,b=t.slidesGrid.length;let f=i.spaceBetween,x=-S,_=0,h=0;if(typeof s>"u")return;typeof f=="string"&&f.indexOf("%")>=0?f=parseFloat(f.replace("%",""))/100*s:typeof f=="string"&&(f=parseFloat(f)),t.virtualSize=-f,u.forEach(E=>{d?E.style.marginLeft="":E.style.marginRight="",E.style.marginBottom="",E.style.marginTop=""}),i.centeredSlides&&i.cssMode&&(Ct(n,"--swiper-centered-offset-before",""),Ct(n,"--swiper-centered-offset-after",""));const P=i.grid&&i.grid.rows>1&&t.grid;P?t.grid.initSlides(u):t.grid&&t.grid.unsetSlides();let C;const g=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){C=0;let O;if(u[E]&&(O=u[E]),P&&t.grid.updateSlide(E,O,u),!(u[E]&&lt(O,"display")==="none")){if(i.slidesPerView==="auto"){g&&(u[E].style[t.getDirectionLabel("width")]="");const T=getComputedStyle(O),D=O.style.transform,A=O.style.webkitTransform;if(D&&(O.style.transform="none"),A&&(O.style.webkitTransform="none"),i.roundLengths)C=t.isHorizontal()?Kt(O,"width",!0):Kt(O,"height",!0);else{const L=e(T,"width"),F=e(T,"padding-left"),V=e(T,"padding-right"),B=e(T,"margin-left"),N=e(T,"margin-right"),z=T.getPropertyValue("box-sizing");if(z&&z==="border-box")C=L+B+N;else{const{clientWidth:j,offsetWidth:k}=O;C=L+F+V+B+N+(k-j)}}D&&(O.style.transform=D),A&&(O.style.webkitTransform=A),i.roundLengths&&(C=Math.floor(C))}else C=(s-(i.slidesPerView-1)*f)/i.slidesPerView,i.roundLengths&&(C=Math.floor(C)),u[E]&&(u[E].style[t.getDirectionLabel("width")]=`${C}px`);u[E]&&(u[E].swiperSlideSize=C),y.push(C),i.centeredSlides?(x=x+C/2+_/2+f,_===0&&E!==0&&(x=x-s/2-f),E===0&&(x=x-s/2-f),Math.abs(x)<1/1e3&&(x=0),i.roundLengths&&(x=Math.floor(x)),h%i.slidesPerGroup===0&&m.push(x),w.push(x)):(i.roundLengths&&(x=Math.floor(x)),(h-Math.min(t.params.slidesPerGroupSkip,h))%t.params.slidesPerGroup===0&&m.push(x),w.push(x),x=x+C+f),t.virtualSize+=C+f,_=C,h+=1}}if(t.virtualSize=Math.max(t.virtualSize,s)+I,d&&r&&(i.effect==="slide"||i.effect==="coverflow")&&(n.style.width=`${t.virtualSize+f}px`),i.setWrapperSize&&(n.style[t.getDirectionLabel("width")]=`${t.virtualSize+f}px`),P&&t.grid.updateWrapperSize(C,m),!i.centeredSlides){const E=[];for(let O=0;O<m.length;O+=1){let T=m[O];i.roundLengths&&(T=Math.floor(T)),m[O]<=t.virtualSize-s&&E.push(T)}m=E,Math.floor(t.virtualSize-s)-Math.floor(m[m.length-1])>1&&m.push(t.virtualSize-s)}if(a&&i.loop){const E=y[0]+f;if(i.slidesPerGroup>1){const O=Math.ceil((t.virtual.slidesBefore+t.virtual.slidesAfter)/i.slidesPerGroup),T=E*i.slidesPerGroup;for(let D=0;D<O;D+=1)m.push(m[m.length-1]+T)}for(let O=0;O<t.virtual.slidesBefore+t.virtual.slidesAfter;O+=1)i.slidesPerGroup===1&&m.push(m[m.length-1]+E),w.push(w[w.length-1]+E),t.virtualSize+=E}if(m.length===0&&(m=[0]),f!==0){const E=t.isHorizontal()&&d?"marginLeft":t.getDirectionLabel("marginRight");u.filter((O,T)=>!i.cssMode||i.loop?!0:T!==u.length-1).forEach(O=>{O.style[E]=`${f}px`})}if(i.centeredSlides&&i.centeredSlidesBounds){let E=0;y.forEach(T=>{E+=T+(f||0)}),E-=f;const O=E-s;m=m.map(T=>T<=0?-S:T>O?O+I:T)}if(i.centerInsufficientSlides){let E=0;y.forEach(T=>{E+=T+(f||0)}),E-=f;const O=(i.slidesOffsetBefore||0)+(i.slidesOffsetAfter||0);if(E+O<s){const T=(s-E-O)/2;m.forEach((D,A)=>{m[A]=D-T}),w.forEach((D,A)=>{w[A]=D+T})}}if(Object.assign(t,{slides:u,snapGrid:m,slidesGrid:w,slidesSizesGrid:y}),i.centeredSlides&&i.cssMode&&!i.centeredSlidesBounds){Ct(n,"--swiper-centered-offset-before",`${-m[0]}px`),Ct(n,"--swiper-centered-offset-after",`${t.size/2-y[y.length-1]/2}px`);const E=-t.snapGrid[0],O=-t.slidesGrid[0];t.snapGrid=t.snapGrid.map(T=>T+E),t.slidesGrid=t.slidesGrid.map(T=>T+O)}if(v!==c&&t.emit("slidesLengthChange"),m.length!==p&&(t.params.watchOverflow&&t.checkOverflow(),t.emit("snapGridLengthChange")),w.length!==b&&t.emit("slidesGridLengthChange"),i.watchSlidesProgress&&t.updateSlidesOffset(),t.emit("slidesUpdated"),!a&&!i.cssMode&&(i.effect==="slide"||i.effect==="fade")){const E=`${i.containerModifierClass}backface-hidden`,O=t.el.classList.contains(E);v<=i.maxBackfaceHiddenSlides?O||t.el.classList.add(E):O&&t.el.classList.remove(E)}}function yo(t){const e=this,i=[],n=e.virtual&&e.params.virtual.enabled;let l=0,s;typeof t=="number"?e.setTransition(t):t===!0&&e.setTransition(e.params.speed);const d=r=>n?e.slides[e.getSlideIndexByData(r)]:e.slides[r];if(e.params.slidesPerView!=="auto"&&e.params.slidesPerView>1)if(e.params.centeredSlides)(e.visibleSlides||[]).forEach(r=>{i.push(r)});else for(s=0;s<Math.ceil(e.params.slidesPerView);s+=1){const r=e.activeIndex+s;if(r>e.slides.length&&!n)break;i.push(d(r))}else i.push(d(e.activeIndex));for(s=0;s<i.length;s+=1)if(typeof i[s]<"u"){const r=i[s].offsetHeight;l=r>l?r:l}(l||l===0)&&(e.wrapperEl.style.height=`${l}px`)}function wo(){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()}const Wi=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function So(t){t===void 0&&(t=this&&this.translate||0);const e=this,i=e.params,{slides:n,rtlTranslate:l,snapGrid:s}=e;if(n.length===0)return;typeof n[0].swiperSlideOffset>"u"&&e.updateSlidesOffset();let d=-t;l&&(d=t),e.visibleSlidesIndexes=[],e.visibleSlides=[];let r=i.spaceBetween;typeof r=="string"&&r.indexOf("%")>=0?r=parseFloat(r.replace("%",""))/100*e.size:typeof r=="string"&&(r=parseFloat(r));for(let a=0;a<n.length;a+=1){const c=n[a];let u=c.swiperSlideOffset;i.cssMode&&i.centeredSlides&&(u-=n[0].swiperSlideOffset);const v=(d+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),m=(d-s[0]+(i.centeredSlides?e.minTranslate():0)-u)/(c.swiperSlideSize+r),w=-(d-u),y=w+e.slidesSizesGrid[a],S=w>=0&&w<=e.size-e.slidesSizesGrid[a],I=w>=0&&w<e.size-1||y>1&&y<=e.size||w<=0&&y>=e.size;I&&(e.visibleSlides.push(c),e.visibleSlidesIndexes.push(a)),Wi(c,I,i.slideVisibleClass),Wi(c,S,i.slideFullyVisibleClass),c.progress=l?-v:v,c.originalProgress=l?-m:m}}function To(t){const e=this;if(typeof t>"u"){const u=e.rtlTranslate?-1:1;t=e&&e.translate&&e.translate*u||0}const i=e.params,n=e.maxTranslate()-e.minTranslate();let{progress:l,isBeginning:s,isEnd:d,progressLoop:r}=e;const a=s,c=d;if(n===0)l=0,s=!0,d=!0;else{l=(t-e.minTranslate())/n;const u=Math.abs(t-e.minTranslate())<1,v=Math.abs(t-e.maxTranslate())<1;s=u||l<=0,d=v||l>=1,u&&(l=0),v&&(l=1)}if(i.loop){const u=e.getSlideIndexByData(0),v=e.getSlideIndexByData(e.slides.length-1),m=e.slidesGrid[u],w=e.slidesGrid[v],y=e.slidesGrid[e.slidesGrid.length-1],S=Math.abs(t);S>=m?r=(S-m)/y:r=(S+y-w)/y,r>1&&(r-=1)}Object.assign(e,{progress:l,progressLoop:r,isBeginning:s,isEnd:d}),(i.watchSlidesProgress||i.centeredSlides&&i.autoHeight)&&e.updateSlidesProgress(t),s&&!a&&e.emit("reachBeginning toEdge"),d&&!c&&e.emit("reachEnd toEdge"),(a&&!s||c&&!d)&&e.emit("fromEdge"),e.emit("progress",l)}const ei=(t,e,i)=>{e&&!t.classList.contains(i)?t.classList.add(i):!e&&t.classList.contains(i)&&t.classList.remove(i)};function xo(){const t=this,{slides:e,params:i,slidesEl:n,activeIndex:l}=t,s=t.virtual&&i.virtual.enabled,d=t.grid&&i.grid&&i.grid.rows>1,r=v=>Xe(n,`.${i.slideClass}${v}, swiper-slide${v}`)[0];let a,c,u;if(s)if(i.loop){let v=l-t.virtual.slidesBefore;v<0&&(v=t.virtual.slides.length+v),v>=t.virtual.slides.length&&(v-=t.virtual.slides.length),a=r(`[data-swiper-slide-index="${v}"]`)}else a=r(`[data-swiper-slide-index="${l}"]`);else d?(a=e.filter(v=>v.column===l)[0],u=e.filter(v=>v.column===l+1)[0],c=e.filter(v=>v.column===l-1)[0]):a=e[l];a&&(d||(u=lo(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!u&&(u=e[0]),c=oo(a,`.${i.slideClass}, swiper-slide`)[0],i.loop&&!c===0&&(c=e[e.length-1]))),e.forEach(v=>{ei(v,v===a,i.slideActiveClass),ei(v,v===u,i.slideNextClass),ei(v,v===c,i.slidePrevClass)}),t.emitSlidesClasses()}const At=(t,e)=>{if(!t||t.destroyed||!t.params)return;const i=()=>t.isElement?"swiper-slide":`.${t.params.slideClass}`,n=e.closest(i());if(n){let l=n.querySelector(`.${t.params.lazyPreloaderClass}`);!l&&t.isElement&&(n.shadowRoot?l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{n.shadowRoot&&(l=n.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`),l&&l.remove())})),l&&l.remove()}},ti=(t,e)=>{if(!t.slides[e])return;const i=t.slides[e].querySelector('[loading="lazy"]');i&&i.removeAttribute("loading")},ii=t=>{if(!t||t.destroyed||!t.params)return;let e=t.params.lazyPreloadPrevNext;const i=t.slides.length;if(!i||!e||e<0)return;e=Math.min(e,i);const n=t.params.slidesPerView==="auto"?t.slidesPerViewDynamic():Math.ceil(t.params.slidesPerView),l=t.activeIndex;if(t.params.grid&&t.params.grid.rows>1){const d=l,r=[d-e];r.push(...Array.from({length:e}).map((a,c)=>d+n+c)),t.slides.forEach((a,c)=>{r.includes(a.column)&&ti(t,c)});return}const s=l+n-1;if(t.params.rewind||t.params.loop)for(let d=l-e;d<=s+e;d+=1){const r=(d%i+i)%i;(r<l||r>s)&&ti(t,r)}else for(let d=Math.max(l-e,0);d<=Math.min(s+e,i-1);d+=1)d!==l&&(d>s||d<l)&&ti(t,d)};function Eo(t){const{slidesGrid:e,params:i}=t,n=t.rtlTranslate?t.translate:-t.translate;let l;for(let s=0;s<e.length;s+=1)typeof e[s+1]<"u"?n>=e[s]&&n<e[s+1]-(e[s+1]-e[s])/2?l=s:n>=e[s]&&n<e[s+1]&&(l=s+1):n>=e[s]&&(l=s);return i.normalizeSlideIndex&&(l<0||typeof l>"u")&&(l=0),l}function Co(t){const e=this,i=e.rtlTranslate?e.translate:-e.translate,{snapGrid:n,params:l,activeIndex:s,realIndex:d,snapIndex:r}=e;let a=t,c;const u=w=>{let y=w-e.virtual.slidesBefore;return y<0&&(y=e.virtual.slides.length+y),y>=e.virtual.slides.length&&(y-=e.virtual.slides.length),y};if(typeof a>"u"&&(a=Eo(e)),n.indexOf(i)>=0)c=n.indexOf(i);else{const w=Math.min(l.slidesPerGroupSkip,a);c=w+Math.floor((a-w)/l.slidesPerGroup)}if(c>=n.length&&(c=n.length-1),a===s&&!e.params.loop){c!==r&&(e.snapIndex=c,e.emit("snapIndexChange"));return}if(a===s&&e.params.loop&&e.virtual&&e.params.virtual.enabled){e.realIndex=u(a);return}const v=e.grid&&l.grid&&l.grid.rows>1;let m;if(e.virtual&&l.virtual.enabled&&l.loop)m=u(a);else if(v){const w=e.slides.filter(S=>S.column===a)[0];let y=parseInt(w.getAttribute("data-swiper-slide-index"),10);Number.isNaN(y)&&(y=Math.max(e.slides.indexOf(w),0)),m=Math.floor(y/l.grid.rows)}else if(e.slides[a]){const w=e.slides[a].getAttribute("data-swiper-slide-index");w?m=parseInt(w,10):m=a}else m=a;Object.assign(e,{previousSnapIndex:r,snapIndex:c,previousRealIndex:d,realIndex:m,previousIndex:s,activeIndex:a}),e.initialized&&ii(e),e.emit("activeIndexChange"),e.emit("snapIndexChange"),(e.initialized||e.params.runCallbacksOnInit)&&(d!==m&&e.emit("realIndexChange"),e.emit("slideChange"))}function Io(t,e){const i=this,n=i.params;let l=t.closest(`.${n.slideClass}, swiper-slide`);!l&&i.isElement&&e&&e.length>1&&e.includes(t)&&[...e.slice(e.indexOf(t)+1,e.length)].forEach(r=>{!l&&r.matches&&r.matches(`.${n.slideClass}, swiper-slide`)&&(l=r)});let s=!1,d;if(l){for(let r=0;r<i.slides.length;r+=1)if(i.slides[r]===l){s=!0,d=r;break}}if(l&&s)i.clickedSlide=l,i.virtual&&i.params.virtual.enabled?i.clickedIndex=parseInt(l.getAttribute("data-swiper-slide-index"),10):i.clickedIndex=d;else{i.clickedSlide=void 0,i.clickedIndex=void 0;return}n.slideToClickedSlide&&i.clickedIndex!==void 0&&i.clickedIndex!==i.activeIndex&&i.slideToClickedSlide()}var _o={updateSize:go,updateSlides:bo,updateAutoHeight:yo,updateSlidesOffset:wo,updateSlidesProgress:So,updateProgress:To,updateSlidesClasses:xo,updateActiveIndex:Co,updateClickedSlide:Io};function ko(t){t===void 0&&(t=this.isHorizontal()?"x":"y");const e=this,{params:i,rtlTranslate:n,translate:l,wrapperEl:s}=e;if(i.virtualTranslate)return n?-l:l;if(i.cssMode)return l;let d=to(s,t);return d+=e.cssOverflowAdjustment(),n&&(d=-d),d||0}function Do(t,e){const i=this,{rtlTranslate:n,params:l,wrapperEl:s,progress:d}=i;let r=0,a=0;const c=0;i.isHorizontal()?r=n?-t:t:a=t,l.roundLengths&&(r=Math.floor(r),a=Math.floor(a)),i.previousTranslate=i.translate,i.translate=i.isHorizontal()?r:a,l.cssMode?s[i.isHorizontal()?"scrollLeft":"scrollTop"]=i.isHorizontal()?-r:-a:l.virtualTranslate||(i.isHorizontal()?r-=i.cssOverflowAdjustment():a-=i.cssOverflowAdjustment(),s.style.transform=`translate3d(${r}px, ${a}px, ${c}px)`);let u;const v=i.maxTranslate()-i.minTranslate();v===0?u=0:u=(t-i.minTranslate())/v,u!==d&&i.updateProgress(t),i.emit("setTranslate",i.translate,e)}function Ao(){return-this.snapGrid[0]}function Po(){return-this.snapGrid[this.snapGrid.length-1]}function Oo(t,e,i,n,l){t===void 0&&(t=0),e===void 0&&(e=this.params.speed),i===void 0&&(i=!0),n===void 0&&(n=!0);const s=this,{params:d,wrapperEl:r}=s;if(s.animating&&d.preventInteractionOnTransition)return!1;const a=s.minTranslate(),c=s.maxTranslate();let u;if(n&&t>a?u=a:n&&t<c?u=c:u=t,s.updateProgress(u),d.cssMode){const v=s.isHorizontal();if(e===0)r[v?"scrollLeft":"scrollTop"]=-u;else{if(!s.support.smoothScroll)return Vi({swiper:s,targetPosition:-u,side:v?"left":"top"}),!0;r.scrollTo({[v?"left":"top"]:-u,behavior:"smooth"})}return!0}return e===0?(s.setTransition(0),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionEnd"))):(s.setTransition(e),s.setTranslate(u),i&&(s.emit("beforeTransitionStart",e,l),s.emit("transitionStart")),s.animating||(s.animating=!0,s.onTranslateToWrapperTransitionEnd||(s.onTranslateToWrapperTransitionEnd=function(m){!s||s.destroyed||m.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onTranslateToWrapperTransitionEnd),s.onTranslateToWrapperTransitionEnd=null,delete s.onTranslateToWrapperTransitionEnd,s.animating=!1,i&&s.emit("transitionEnd"))}),s.wrapperEl.addEventListener("transitionend",s.onTranslateToWrapperTransitionEnd))),!0}var Mo={getTranslate:ko,setTranslate:Do,minTranslate:Ao,maxTranslate:Po,translateTo:Oo};function Lo(t,e){const i=this;i.params.cssMode||(i.wrapperEl.style.transitionDuration=`${t}ms`,i.wrapperEl.style.transitionDelay=t===0?"0ms":""),i.emit("setTransition",t,e)}function Yi(t){let{swiper:e,runCallbacks:i,direction:n,step:l}=t;const{activeIndex:s,previousIndex:d}=e;let r=n;if(r||(s>d?r="next":s<d?r="prev":r="reset"),e.emit(`transition${l}`),i&&s!==d){if(r==="reset"){e.emit(`slideResetTransition${l}`);return}e.emit(`slideChangeTransition${l}`),r==="next"?e.emit(`slideNextTransition${l}`):e.emit(`slidePrevTransition${l}`)}}function jo(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;n.cssMode||(n.autoHeight&&i.updateAutoHeight(),Yi({swiper:i,runCallbacks:t,direction:e,step:"Start"}))}function No(t,e){t===void 0&&(t=!0);const i=this,{params:n}=i;i.animating=!1,!n.cssMode&&(i.setTransition(0),Yi({swiper:i,runCallbacks:t,direction:e,step:"End"}))}var Bo={setTransition:Lo,transitionStart:jo,transitionEnd:No};function zo(t,e,i,n,l){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const s=this;let d=t;d<0&&(d=0);const{params:r,snapGrid:a,slidesGrid:c,previousIndex:u,activeIndex:v,rtlTranslate:m,wrapperEl:w,enabled:y}=s;if(!y&&!n&&!l||s.destroyed||s.animating&&r.preventInteractionOnTransition)return!1;typeof e>"u"&&(e=s.params.speed);const S=Math.min(s.params.slidesPerGroupSkip,d);let I=S+Math.floor((d-S)/s.params.slidesPerGroup);I>=a.length&&(I=a.length-1);const p=-a[I];if(r.normalizeSlideIndex)for(let f=0;f<c.length;f+=1){const x=-Math.floor(p*100),_=Math.floor(c[f]*100),h=Math.floor(c[f+1]*100);typeof c[f+1]<"u"?x>=_&&x<h-(h-_)/2?d=f:x>=_&&x<h&&(d=f+1):x>=_&&(d=f)}if(s.initialized&&d!==v&&(!s.allowSlideNext&&(m?p>s.translate&&p>s.minTranslate():p<s.translate&&p<s.minTranslate())||!s.allowSlidePrev&&p>s.translate&&p>s.maxTranslate()&&(v||0)!==d))return!1;d!==(u||0)&&i&&s.emit("beforeSlideChangeStart"),s.updateProgress(p);let b;if(d>v?b="next":d<v?b="prev":b="reset",m&&-p===s.translate||!m&&p===s.translate)return s.updateActiveIndex(d),r.autoHeight&&s.updateAutoHeight(),s.updateSlidesClasses(),r.effect!=="slide"&&s.setTranslate(p),b!=="reset"&&(s.transitionStart(i,b),s.transitionEnd(i,b)),!1;if(r.cssMode){const f=s.isHorizontal(),x=m?p:-p;if(e===0){const _=s.virtual&&s.params.virtual.enabled;_&&(s.wrapperEl.style.scrollSnapType="none",s._immediateVirtual=!0),_&&!s._cssModeVirtualInitialSet&&s.params.initialSlide>0?(s._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{w[f?"scrollLeft":"scrollTop"]=x})):w[f?"scrollLeft":"scrollTop"]=x,_&&requestAnimationFrame(()=>{s.wrapperEl.style.scrollSnapType="",s._immediateVirtual=!1})}else{if(!s.support.smoothScroll)return Vi({swiper:s,targetPosition:x,side:f?"left":"top"}),!0;w.scrollTo({[f?"left":"top"]:x,behavior:"smooth"})}return!0}return s.setTransition(e),s.setTranslate(p),s.updateActiveIndex(d),s.updateSlidesClasses(),s.emit("beforeTransitionStart",e,n),s.transitionStart(i,b),e===0?s.transitionEnd(i,b):s.animating||(s.animating=!0,s.onSlideToWrapperTransitionEnd||(s.onSlideToWrapperTransitionEnd=function(x){!s||s.destroyed||x.target===this&&(s.wrapperEl.removeEventListener("transitionend",s.onSlideToWrapperTransitionEnd),s.onSlideToWrapperTransitionEnd=null,delete s.onSlideToWrapperTransitionEnd,s.transitionEnd(i,b))}),s.wrapperEl.addEventListener("transitionend",s.onSlideToWrapperTransitionEnd)),!0}function Fo(t,e,i,n){t===void 0&&(t=0),i===void 0&&(i=!0),typeof t=="string"&&(t=parseInt(t,10));const l=this;if(l.destroyed)return;typeof e>"u"&&(e=l.params.speed);const s=l.grid&&l.params.grid&&l.params.grid.rows>1;let d=t;if(l.params.loop)if(l.virtual&&l.params.virtual.enabled)d=d+l.virtual.slidesBefore;else{let r;if(s){const m=d*l.params.grid.rows;r=l.slides.filter(w=>w.getAttribute("data-swiper-slide-index")*1===m)[0].column}else r=l.getSlideIndexByData(d);const a=s?Math.ceil(l.slides.length/l.params.grid.rows):l.slides.length,{centeredSlides:c}=l.params;let u=l.params.slidesPerView;u==="auto"?u=l.slidesPerViewDynamic():(u=Math.ceil(parseFloat(l.params.slidesPerView,10)),c&&u%2===0&&(u=u+1));let v=a-r<u;if(c&&(v=v||r<Math.ceil(u/2)),n&&c&&l.params.slidesPerView!=="auto"&&!s&&(v=!1),v){const m=c?r<l.activeIndex?"prev":"next":r-l.activeIndex-1<l.params.slidesPerView?"next":"prev";l.loopFix({direction:m,slideTo:!0,activeSlideIndex:m==="next"?r+1:r-a+1,slideRealIndex:m==="next"?l.realIndex:void 0})}if(s){const m=d*l.params.grid.rows;d=l.slides.filter(w=>w.getAttribute("data-swiper-slide-index")*1===m)[0].column}else d=l.getSlideIndexByData(d)}return requestAnimationFrame(()=>{l.slideTo(d,e,i,n)}),l}function Vo(t,e,i){e===void 0&&(e=!0);const n=this,{enabled:l,params:s,animating:d}=n;if(!l||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);let r=s.slidesPerGroup;s.slidesPerView==="auto"&&s.slidesPerGroup===1&&s.slidesPerGroupAuto&&(r=Math.max(n.slidesPerViewDynamic("current",!0),1));const a=n.activeIndex<s.slidesPerGroupSkip?1:r,c=n.virtual&&s.virtual.enabled;if(s.loop){if(d&&!c&&s.loopPreventsSliding)return!1;if(n.loopFix({direction:"next"}),n._clientLeft=n.wrapperEl.clientLeft,n.activeIndex===n.slides.length-1&&s.cssMode)return requestAnimationFrame(()=>{n.slideTo(n.activeIndex+a,t,e,i)}),!0}return s.rewind&&n.isEnd?n.slideTo(0,t,e,i):n.slideTo(n.activeIndex+a,t,e,i)}function Ho(t,e,i){e===void 0&&(e=!0);const n=this,{params:l,snapGrid:s,slidesGrid:d,rtlTranslate:r,enabled:a,animating:c}=n;if(!a||n.destroyed)return n;typeof t>"u"&&(t=n.params.speed);const u=n.virtual&&l.virtual.enabled;if(l.loop){if(c&&!u&&l.loopPreventsSliding)return!1;n.loopFix({direction:"prev"}),n._clientLeft=n.wrapperEl.clientLeft}const v=r?n.translate:-n.translate;function m(p){return p<0?-Math.floor(Math.abs(p)):Math.floor(p)}const w=m(v),y=s.map(p=>m(p));let S=s[y.indexOf(w)-1];if(typeof S>"u"&&l.cssMode){let p;s.forEach((b,f)=>{w>=b&&(p=f)}),typeof p<"u"&&(S=s[p>0?p-1:p])}let I=0;if(typeof S<"u"&&(I=d.indexOf(S),I<0&&(I=n.activeIndex-1),l.slidesPerView==="auto"&&l.slidesPerGroup===1&&l.slidesPerGroupAuto&&(I=I-n.slidesPerViewDynamic("previous",!0)+1,I=Math.max(I,0))),l.rewind&&n.isBeginning){const p=n.params.virtual&&n.params.virtual.enabled&&n.virtual?n.virtual.slides.length-1:n.slides.length-1;return n.slideTo(p,t,e,i)}else if(l.loop&&n.activeIndex===0&&l.cssMode)return requestAnimationFrame(()=>{n.slideTo(I,t,e,i)}),!0;return n.slideTo(I,t,e,i)}function Uo(t,e,i){e===void 0&&(e=!0);const n=this;if(!n.destroyed)return typeof t>"u"&&(t=n.params.speed),n.slideTo(n.activeIndex,t,e,i)}function Go(t,e,i,n){e===void 0&&(e=!0),n===void 0&&(n=.5);const l=this;if(l.destroyed)return;typeof t>"u"&&(t=l.params.speed);let s=l.activeIndex;const d=Math.min(l.params.slidesPerGroupSkip,s),r=d+Math.floor((s-d)/l.params.slidesPerGroup),a=l.rtlTranslate?l.translate:-l.translate;if(a>=l.snapGrid[r]){const c=l.snapGrid[r],u=l.snapGrid[r+1];a-c>(u-c)*n&&(s+=l.params.slidesPerGroup)}else{const c=l.snapGrid[r-1],u=l.snapGrid[r];a-c<=(u-c)*n&&(s-=l.params.slidesPerGroup)}return s=Math.max(s,0),s=Math.min(s,l.slidesGrid.length-1),l.slideTo(s,t,e,i)}function $o(){const t=this;if(t.destroyed)return;const{params:e,slidesEl:i}=t,n=e.slidesPerView==="auto"?t.slidesPerViewDynamic():e.slidesPerView;let l=t.clickedIndex,s;const d=t.isElement?"swiper-slide":`.${e.slideClass}`;if(e.loop){if(t.animating)return;s=parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10),e.centeredSlides?l<t.loopedSlides-n/2||l>t.slides.length-t.loopedSlides+n/2?(t.loopFix(),l=t.getSlideIndex(Xe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),vt(()=>{t.slideTo(l)})):t.slideTo(l):l>t.slides.length-n?(t.loopFix(),l=t.getSlideIndex(Xe(i,`${d}[data-swiper-slide-index="${s}"]`)[0]),vt(()=>{t.slideTo(l)})):t.slideTo(l)}else t.slideTo(l)}var Wo={slideTo:zo,slideToLoop:Fo,slideNext:Vo,slidePrev:Ho,slideReset:Uo,slideToClosest:Go,slideToClickedSlide:$o};function Yo(t){const e=this,{params:i,slidesEl:n}=e;if(!i.loop||e.virtual&&e.params.virtual.enabled)return;const l=()=>{Xe(n,`.${i.slideClass}, swiper-slide`).forEach((v,m)=>{v.setAttribute("data-swiper-slide-index",m)})},s=e.grid&&i.grid&&i.grid.rows>1,d=i.slidesPerGroup*(s?i.grid.rows:1),r=e.slides.length%d!==0,a=s&&e.slides.length%i.grid.rows!==0,c=u=>{for(let v=0;v<u;v+=1){const m=e.isElement?ht("swiper-slide",[i.slideBlankClass]):ht("div",[i.slideClass,i.slideBlankClass]);e.slidesEl.append(m)}};if(r){if(i.loopAddBlankSlides){const u=d-e.slides.length%d;c(u),e.recalcSlides(),e.updateSlides()}else It("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");l()}else if(a){if(i.loopAddBlankSlides){const u=i.grid.rows-e.slides.length%i.grid.rows;c(u),e.recalcSlides(),e.updateSlides()}else It("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");l()}else l();e.loopFix({slideRealIndex:t,direction:i.centeredSlides?void 0:"next"})}function qo(t){let{slideRealIndex:e,slideTo:i=!0,direction:n,setTranslate:l,activeSlideIndex:s,byController:d,byMousewheel:r}=t===void 0?{}:t;const a=this;if(!a.params.loop)return;a.emit("beforeLoopFix");const{slides:c,allowSlidePrev:u,allowSlideNext:v,slidesEl:m,params:w}=a,{centeredSlides:y}=w;if(a.allowSlidePrev=!0,a.allowSlideNext=!0,a.virtual&&w.virtual.enabled){i&&(!w.centeredSlides&&a.snapIndex===0?a.slideTo(a.virtual.slides.length,0,!1,!0):w.centeredSlides&&a.snapIndex<w.slidesPerView?a.slideTo(a.virtual.slides.length+a.snapIndex,0,!1,!0):a.snapIndex===a.snapGrid.length-1&&a.slideTo(a.virtual.slidesBefore,0,!1,!0)),a.allowSlidePrev=u,a.allowSlideNext=v,a.emit("loopFix");return}let S=w.slidesPerView;S==="auto"?S=a.slidesPerViewDynamic():(S=Math.ceil(parseFloat(w.slidesPerView,10)),y&&S%2===0&&(S=S+1));const I=w.slidesPerGroupAuto?S:w.slidesPerGroup;let p=I;p%I!==0&&(p+=I-p%I),p+=w.loopAdditionalSlides,a.loopedSlides=p;const b=a.grid&&w.grid&&w.grid.rows>1;c.length<S+p?It("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"):b&&w.grid.fill==="row"&&It("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");const f=[],x=[];let _=a.activeIndex;typeof s>"u"?s=a.getSlideIndex(c.filter(D=>D.classList.contains(w.slideActiveClass))[0]):_=s;const h=n==="next"||!n,P=n==="prev"||!n;let C=0,g=0;const E=b?Math.ceil(c.length/w.grid.rows):c.length,T=(b?c[s].column:s)+(y&&typeof l>"u"?-S/2+.5:0);if(T<p){C=Math.max(p-T,I);for(let D=0;D<p-T;D+=1){const A=D-Math.floor(D/E)*E;if(b){const L=E-A-1;for(let F=c.length-1;F>=0;F-=1)c[F].column===L&&f.push(F)}else f.push(E-A-1)}}else if(T+S>E-p){g=Math.max(T-(E-p*2),I);for(let D=0;D<g;D+=1){const A=D-Math.floor(D/E)*E;b?c.forEach((L,F)=>{L.column===A&&x.push(F)}):x.push(A)}}if(a.__preventObserver__=!0,requestAnimationFrame(()=>{a.__preventObserver__=!1}),P&&f.forEach(D=>{c[D].swiperLoopMoveDOM=!0,m.prepend(c[D]),c[D].swiperLoopMoveDOM=!1}),h&&x.forEach(D=>{c[D].swiperLoopMoveDOM=!0,m.append(c[D]),c[D].swiperLoopMoveDOM=!1}),a.recalcSlides(),w.slidesPerView==="auto"?a.updateSlides():b&&(f.length>0&&P||x.length>0&&h)&&a.slides.forEach((D,A)=>{a.grid.updateSlide(A,D,a.slides)}),w.watchSlidesProgress&&a.updateSlidesOffset(),i){if(f.length>0&&P){if(typeof e>"u"){const D=a.slidesGrid[_],L=a.slidesGrid[_+C]-D;r?a.setTranslate(a.translate-L):(a.slideTo(_+Math.ceil(C),0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else if(l){const D=b?f.length/w.grid.rows:f.length;a.slideTo(a.activeIndex+D,0,!1,!0),a.touchEventsData.currentTranslate=a.translate}}else if(x.length>0&&h)if(typeof e>"u"){const D=a.slidesGrid[_],L=a.slidesGrid[_-g]-D;r?a.setTranslate(a.translate-L):(a.slideTo(_-g,0,!1,!0),l&&(a.touchEventsData.startTranslate=a.touchEventsData.startTranslate-L,a.touchEventsData.currentTranslate=a.touchEventsData.currentTranslate-L))}else{const D=b?x.length/w.grid.rows:x.length;a.slideTo(a.activeIndex-D,0,!1,!0)}}if(a.allowSlidePrev=u,a.allowSlideNext=v,a.controller&&a.controller.control&&!d){const D={slideRealIndex:e,direction:n,setTranslate:l,activeSlideIndex:s,byController:!0};Array.isArray(a.controller.control)?a.controller.control.forEach(A=>{!A.destroyed&&A.params.loop&&A.loopFix({...D,slideTo:A.params.slidesPerView===w.slidesPerView?i:!1})}):a.controller.control instanceof a.constructor&&a.controller.control.params.loop&&a.controller.control.loopFix({...D,slideTo:a.controller.control.params.slidesPerView===w.slidesPerView?i:!1})}a.emit("loopFix")}function Xo(){const t=this,{params:e,slidesEl:i}=t;if(!e.loop||t.virtual&&t.params.virtual.enabled)return;t.recalcSlides();const n=[];t.slides.forEach(l=>{const s=typeof l.swiperSlideIndex>"u"?l.getAttribute("data-swiper-slide-index")*1:l.swiperSlideIndex;n[s]=l}),t.slides.forEach(l=>{l.removeAttribute("data-swiper-slide-index")}),n.forEach(l=>{i.append(l)}),t.recalcSlides(),t.slideTo(t.realIndex,0)}var Jo={loopCreate:Yo,loopFix:qo,loopDestroy:Xo};function Ko(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 Qo(){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 Zo={setGrabCursor:Ko,unsetGrabCursor:Qo};function Ro(t,e){e===void 0&&(e=this);function i(n){if(!n||n===qe()||n===Me())return null;n.assignedSlot&&(n=n.assignedSlot);const l=n.closest(t);return!l&&!n.getRootNode?null:l||i(n.getRootNode().host)}return i(e)}function qi(t,e,i){const n=Me(),{params:l}=t,s=l.edgeSwipeDetection,d=l.edgeSwipeThreshold;return s&&(i<=d||i>=n.innerWidth-d)?s==="prevent"?(e.preventDefault(),!0):!1:!0}function el(t){const e=this,i=qe();let n=t;n.originalEvent&&(n=n.originalEvent);const l=e.touchEventsData;if(n.type==="pointerdown"){if(l.pointerId!==null&&l.pointerId!==n.pointerId)return;l.pointerId=n.pointerId}else n.type==="touchstart"&&n.targetTouches.length===1&&(l.touchId=n.targetTouches[0].identifier);if(n.type==="touchstart"){qi(e,n,n.targetTouches[0].pageX);return}const{params:s,touches:d,enabled:r}=e;if(!r||!s.simulateTouch&&n.pointerType==="mouse"||e.animating&&s.preventInteractionOnTransition)return;!e.animating&&s.cssMode&&s.loop&&e.loopFix();let a=n.target;if(s.touchEventsTarget==="wrapper"&&!e.wrapperEl.contains(a)||"which"in n&&n.which===3||"button"in n&&n.button>0||l.isTouched&&l.isMoved)return;const c=!!s.noSwipingClass&&s.noSwipingClass!=="",u=n.composedPath?n.composedPath():n.path;c&&n.target&&n.target.shadowRoot&&u&&(a=u[0]);const v=s.noSwipingSelector?s.noSwipingSelector:`.${s.noSwipingClass}`,m=!!(n.target&&n.target.shadowRoot);if(s.noSwiping&&(m?Ro(v,a):a.closest(v))){e.allowClick=!0;return}if(s.swipeHandler&&!a.closest(s.swipeHandler))return;d.currentX=n.pageX,d.currentY=n.pageY;const w=d.currentX,y=d.currentY;if(!qi(e,n,w))return;Object.assign(l,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=w,d.startY=y,l.touchStartTime=Ge(),e.allowClick=!0,e.updateSize(),e.swipeDirection=void 0,s.threshold>0&&(l.allowThresholdMove=!1);let S=!0;a.matches(l.focusableElements)&&(S=!1,a.nodeName==="SELECT"&&(l.isTouched=!1)),i.activeElement&&i.activeElement.matches(l.focusableElements)&&i.activeElement!==a&&i.activeElement.blur();const I=S&&e.allowTouchMove&&s.touchStartPreventDefault;(s.touchStartForcePreventDefault||I)&&!a.isContentEditable&&n.preventDefault(),s.freeMode&&s.freeMode.enabled&&e.freeMode&&e.animating&&!s.cssMode&&e.freeMode.onTouchStart(),e.emit("touchStart",n)}function tl(t){const e=qe(),i=this,n=i.touchEventsData,{params:l,touches:s,rtlTranslate:d,enabled:r}=i;if(!r||!l.simulateTouch&&t.pointerType==="mouse")return;let a=t;if(a.originalEvent&&(a=a.originalEvent),a.type==="pointermove"&&(n.touchId!==null||a.pointerId!==n.pointerId))return;let c;if(a.type==="touchmove"){if(c=[...a.changedTouches].filter(h=>h.identifier===n.touchId)[0],!c||c.identifier!==n.touchId)return}else c=a;if(!n.isTouched){n.startMoving&&n.isScrolling&&i.emit("touchMoveOpposite",a);return}const u=c.pageX,v=c.pageY;if(a.preventedByNestedSwiper){s.startX=u,s.startY=v;return}if(!i.allowTouchMove){a.target.matches(n.focusableElements)||(i.allowClick=!1),n.isTouched&&(Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v}),n.touchStartTime=Ge());return}if(l.touchReleaseOnEdges&&!l.loop){if(i.isVertical()){if(v<s.startY&&i.translate<=i.maxTranslate()||v>s.startY&&i.translate>=i.minTranslate()){n.isTouched=!1,n.isMoved=!1;return}}else if(u<s.startX&&i.translate<=i.maxTranslate()||u>s.startX&&i.translate>=i.minTranslate())return}if(e.activeElement&&a.target===e.activeElement&&a.target.matches(n.focusableElements)){n.isMoved=!0,i.allowClick=!1;return}n.allowTouchCallbacks&&i.emit("touchMove",a),s.previousX=s.currentX,s.previousY=s.currentY,s.currentX=u,s.currentY=v;const m=s.currentX-s.startX,w=s.currentY-s.startY;if(i.params.threshold&&Math.sqrt(m**2+w**2)<i.params.threshold)return;if(typeof n.isScrolling>"u"){let h;i.isHorizontal()&&s.currentY===s.startY||i.isVertical()&&s.currentX===s.startX?n.isScrolling=!1:m*m+w*w>=25&&(h=Math.atan2(Math.abs(w),Math.abs(m))*180/Math.PI,n.isScrolling=i.isHorizontal()?h>l.touchAngle:90-h>l.touchAngle)}if(n.isScrolling&&i.emit("touchMoveOpposite",a),typeof n.startMoving>"u"&&(s.currentX!==s.startX||s.currentY!==s.startY)&&(n.startMoving=!0),n.isScrolling||a.type==="touchmove"&&n.preventTouchMoveFromPointerMove){n.isTouched=!1;return}if(!n.startMoving)return;i.allowClick=!1,!l.cssMode&&a.cancelable&&a.preventDefault(),l.touchMoveStopPropagation&&!l.nested&&a.stopPropagation();let y=i.isHorizontal()?m:w,S=i.isHorizontal()?s.currentX-s.previousX:s.currentY-s.previousY;l.oneWayMovement&&(y=Math.abs(y)*(d?1:-1),S=Math.abs(S)*(d?1:-1)),s.diff=y,y*=l.touchRatio,d&&(y=-y,S=-S);const I=i.touchesDirection;i.swipeDirection=y>0?"prev":"next",i.touchesDirection=S>0?"prev":"next";const p=i.params.loop&&!l.cssMode,b=i.touchesDirection==="next"&&i.allowSlideNext||i.touchesDirection==="prev"&&i.allowSlidePrev;if(!n.isMoved){if(p&&b&&i.loopFix({direction:i.swipeDirection}),n.startTranslate=i.getTranslate(),i.setTransition(0),i.animating){const h=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});i.wrapperEl.dispatchEvent(h)}n.allowMomentumBounce=!1,l.grabCursor&&(i.allowSlideNext===!0||i.allowSlidePrev===!0)&&i.setGrabCursor(!0),i.emit("sliderFirstMove",a)}let f;if(new Date().getTime(),n.isMoved&&n.allowThresholdMove&&I!==i.touchesDirection&&p&&b&&Math.abs(y)>=1){Object.assign(s,{startX:u,startY:v,currentX:u,currentY:v,startTranslate:n.currentTranslate}),n.loopSwapReset=!0,n.startTranslate=n.currentTranslate;return}i.emit("sliderMove",a),n.isMoved=!0,n.currentTranslate=y+n.startTranslate;let x=!0,_=l.resistanceRatio;if(l.touchReleaseOnEdges&&(_=0),y>0?(p&&b&&!f&&n.allowThresholdMove&&n.currentTranslate>(l.centeredSlides?i.minTranslate()-i.slidesSizesGrid[i.activeIndex+1]:i.minTranslate())&&i.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),n.currentTranslate>i.minTranslate()&&(x=!1,l.resistance&&(n.currentTranslate=i.minTranslate()-1+(-i.minTranslate()+n.startTranslate+y)**_))):y<0&&(p&&b&&!f&&n.allowThresholdMove&&n.currentTranslate<(l.centeredSlides?i.maxTranslate()+i.slidesSizesGrid[i.slidesSizesGrid.length-1]:i.maxTranslate())&&i.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:i.slides.length-(l.slidesPerView==="auto"?i.slidesPerViewDynamic():Math.ceil(parseFloat(l.slidesPerView,10)))}),n.currentTranslate<i.maxTranslate()&&(x=!1,l.resistance&&(n.currentTranslate=i.maxTranslate()+1-(i.maxTranslate()-n.startTranslate-y)**_))),x&&(a.preventedByNestedSwiper=!0),!i.allowSlideNext&&i.swipeDirection==="next"&&n.currentTranslate<n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&i.swipeDirection==="prev"&&n.currentTranslate>n.startTranslate&&(n.currentTranslate=n.startTranslate),!i.allowSlidePrev&&!i.allowSlideNext&&(n.currentTranslate=n.startTranslate),l.threshold>0)if(Math.abs(y)>l.threshold||n.allowThresholdMove){if(!n.allowThresholdMove){n.allowThresholdMove=!0,s.startX=s.currentX,s.startY=s.currentY,n.currentTranslate=n.startTranslate,s.diff=i.isHorizontal()?s.currentX-s.startX:s.currentY-s.startY;return}}else{n.currentTranslate=n.startTranslate;return}!l.followFinger||l.cssMode||((l.freeMode&&l.freeMode.enabled&&i.freeMode||l.watchSlidesProgress)&&(i.updateActiveIndex(),i.updateSlidesClasses()),l.freeMode&&l.freeMode.enabled&&i.freeMode&&i.freeMode.onTouchMove(),i.updateProgress(n.currentTranslate),i.setTranslate(n.currentTranslate))}function il(t){const e=this,i=e.touchEventsData;let n=t;n.originalEvent&&(n=n.originalEvent);let l;if(n.type==="touchend"||n.type==="touchcancel"){if(l=[...n.changedTouches].filter(_=>_.identifier===i.touchId)[0],!l||l.identifier!==i.touchId)return}else{if(i.touchId!==null||n.pointerId!==i.pointerId)return;l=n}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(n.type)&&!(["pointercancel","contextmenu"].includes(n.type)&&(e.browser.isSafari||e.browser.isWebView)))return;i.pointerId=null,i.touchId=null;const{params:d,touches:r,rtlTranslate:a,slidesGrid:c,enabled:u}=e;if(!u||!d.simulateTouch&&n.pointerType==="mouse")return;if(i.allowTouchCallbacks&&e.emit("touchEnd",n),i.allowTouchCallbacks=!1,!i.isTouched){i.isMoved&&d.grabCursor&&e.setGrabCursor(!1),i.isMoved=!1,i.startMoving=!1;return}d.grabCursor&&i.isMoved&&i.isTouched&&(e.allowSlideNext===!0||e.allowSlidePrev===!0)&&e.setGrabCursor(!1);const v=Ge(),m=v-i.touchStartTime;if(e.allowClick){const _=n.path||n.composedPath&&n.composedPath();e.updateClickedSlide(_&&_[0]||n.target,_),e.emit("tap click",n),m<300&&v-i.lastClickTime<300&&e.emit("doubleTap doubleClick",n)}if(i.lastClickTime=Ge(),vt(()=>{e.destroyed||(e.allowClick=!0)}),!i.isTouched||!i.isMoved||!e.swipeDirection||r.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 w;if(d.followFinger?w=a?e.translate:-e.translate:w=-i.currentTranslate,d.cssMode)return;if(d.freeMode&&d.freeMode.enabled){e.freeMode.onTouchEnd({currentPos:w});return}const y=w>=-e.maxTranslate()&&!e.params.loop;let S=0,I=e.slidesSizesGrid[0];for(let _=0;_<c.length;_+=_<d.slidesPerGroupSkip?1:d.slidesPerGroup){const h=_<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;typeof c[_+h]<"u"?(y||w>=c[_]&&w<c[_+h])&&(S=_,I=c[_+h]-c[_]):(y||w>=c[_])&&(S=_,I=c[c.length-1]-c[c.length-2])}let p=null,b=null;d.rewind&&(e.isBeginning?b=d.virtual&&d.virtual.enabled&&e.virtual?e.virtual.slides.length-1:e.slides.length-1:e.isEnd&&(p=0));const f=(w-c[S])/I,x=S<d.slidesPerGroupSkip-1?1:d.slidesPerGroup;if(m>d.longSwipesMs){if(!d.longSwipes){e.slideTo(e.activeIndex);return}e.swipeDirection==="next"&&(f>=d.longSwipesRatio?e.slideTo(d.rewind&&e.isEnd?p:S+x):e.slideTo(S)),e.swipeDirection==="prev"&&(f>1-d.longSwipesRatio?e.slideTo(S+x):b!==null&&f<0&&Math.abs(f)>d.longSwipesRatio?e.slideTo(b):e.slideTo(S))}else{if(!d.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(S+x):e.slideTo(S):(e.swipeDirection==="next"&&e.slideTo(p!==null?p:S+x),e.swipeDirection==="prev"&&e.slideTo(b!==null?b:S))}}function Xi(){const t=this,{params:e,el:i}=t;if(i&&i.offsetWidth===0)return;e.breakpoints&&t.setBreakpoint();const{allowSlideNext:n,allowSlidePrev:l,snapGrid:s}=t,d=t.virtual&&t.params.virtual.enabled;t.allowSlideNext=!0,t.allowSlidePrev=!0,t.updateSize(),t.updateSlides(),t.updateSlidesClasses();const r=d&&e.loop;(e.slidesPerView==="auto"||e.slidesPerView>1)&&t.isEnd&&!t.isBeginning&&!t.params.centeredSlides&&!r?t.slideTo(t.slides.length-1,0,!1,!0):t.params.loop&&!d?t.slideToLoop(t.realIndex,0,!1,!0):t.slideTo(t.activeIndex,0,!1,!0),t.autoplay&&t.autoplay.running&&t.autoplay.paused&&(clearTimeout(t.autoplay.resizeTimeout),t.autoplay.resizeTimeout=setTimeout(()=>{t.autoplay&&t.autoplay.running&&t.autoplay.paused&&t.autoplay.resume()},500)),t.allowSlidePrev=l,t.allowSlideNext=n,t.params.watchOverflow&&s!==t.snapGrid&&t.checkOverflow()}function nl(t){const e=this;e.enabled&&(e.allowClick||(e.params.preventClicks&&t.preventDefault(),e.params.preventClicksPropagation&&e.animating&&(t.stopPropagation(),t.stopImmediatePropagation())))}function ol(){const t=this,{wrapperEl:e,rtlTranslate:i,enabled:n}=t;if(!n)return;t.previousTranslate=t.translate,t.isHorizontal()?t.translate=-e.scrollLeft:t.translate=-e.scrollTop,t.translate===0&&(t.translate=0),t.updateActiveIndex(),t.updateSlidesClasses();let l;const s=t.maxTranslate()-t.minTranslate();s===0?l=0:l=(t.translate-t.minTranslate())/s,l!==t.progress&&t.updateProgress(i?-t.translate:t.translate),t.emit("setTranslate",t.translate,!1)}function ll(t){const e=this;At(e,t.target),!(e.params.cssMode||e.params.slidesPerView!=="auto"&&!e.params.autoHeight)&&e.update()}function sl(){const t=this;t.documentTouchHandlerProceeded||(t.documentTouchHandlerProceeded=!0,t.params.touchReleaseOnEdges&&(t.el.style.touchAction="auto"))}const Ji=(t,e)=>{const i=qe(),{params:n,el:l,wrapperEl:s,device:d}=t,r=!!n.nested,a=e==="on"?"addEventListener":"removeEventListener",c=e;!l||typeof l=="string"||(i[a]("touchstart",t.onDocumentTouchStart,{passive:!1,capture:r}),l[a]("touchstart",t.onTouchStart,{passive:!1}),l[a]("pointerdown",t.onTouchStart,{passive:!1}),i[a]("touchmove",t.onTouchMove,{passive:!1,capture:r}),i[a]("pointermove",t.onTouchMove,{passive:!1,capture:r}),i[a]("touchend",t.onTouchEnd,{passive:!0}),i[a]("pointerup",t.onTouchEnd,{passive:!0}),i[a]("pointercancel",t.onTouchEnd,{passive:!0}),i[a]("touchcancel",t.onTouchEnd,{passive:!0}),i[a]("pointerout",t.onTouchEnd,{passive:!0}),i[a]("pointerleave",t.onTouchEnd,{passive:!0}),i[a]("contextmenu",t.onTouchEnd,{passive:!0}),(n.preventClicks||n.preventClicksPropagation)&&l[a]("click",t.onClick,!0),n.cssMode&&s[a]("scroll",t.onScroll),n.updateOnWindowResize?t[c](d.ios||d.android?"resize orientationchange observerUpdate":"resize observerUpdate",Xi,!0):t[c]("observerUpdate",Xi,!0),l[a]("load",t.onLoad,{capture:!0}))};function rl(){const t=this,{params:e}=t;t.onTouchStart=el.bind(t),t.onTouchMove=tl.bind(t),t.onTouchEnd=il.bind(t),t.onDocumentTouchStart=sl.bind(t),e.cssMode&&(t.onScroll=ol.bind(t)),t.onClick=nl.bind(t),t.onLoad=ll.bind(t),Ji(t,"on")}function al(){Ji(this,"off")}var dl={attachEvents:rl,detachEvents:al};const Ki=(t,e)=>t.grid&&e.grid&&e.grid.rows>1;function ul(){const t=this,{realIndex:e,initialized:i,params:n,el:l}=t,s=n.breakpoints;if(!s||s&&Object.keys(s).length===0)return;const d=t.getBreakpoint(s,t.params.breakpointsBase,t.el);if(!d||t.currentBreakpoint===d)return;const a=(d in s?s[d]:void 0)||t.originalParams,c=Ki(t,n),u=Ki(t,a),v=t.params.grabCursor,m=a.grabCursor,w=n.enabled;c&&!u?(l.classList.remove(`${n.containerModifierClass}grid`,`${n.containerModifierClass}grid-column`),t.emitContainerClasses()):!c&&u&&(l.classList.add(`${n.containerModifierClass}grid`),(a.grid.fill&&a.grid.fill==="column"||!a.grid.fill&&n.grid.fill==="column")&&l.classList.add(`${n.containerModifierClass}grid-column`),t.emitContainerClasses()),v&&!m?t.unsetGrabCursor():!v&&m&&t.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(f=>{if(typeof a[f]>"u")return;const x=n[f]&&n[f].enabled,_=a[f]&&a[f].enabled;x&&!_&&t[f].disable(),!x&&_&&t[f].enable()});const y=a.direction&&a.direction!==n.direction,S=n.loop&&(a.slidesPerView!==n.slidesPerView||y),I=n.loop;y&&i&&t.changeDirection(),He(t.params,a);const p=t.params.enabled,b=t.params.loop;Object.assign(t,{allowTouchMove:t.params.allowTouchMove,allowSlideNext:t.params.allowSlideNext,allowSlidePrev:t.params.allowSlidePrev}),w&&!p?t.disable():!w&&p&&t.enable(),t.currentBreakpoint=d,t.emit("_beforeBreakpoint",a),i&&(S?(t.loopDestroy(),t.loopCreate(e),t.updateSlides()):!I&&b?(t.loopCreate(e),t.updateSlides()):I&&!b&&t.loopDestroy()),t.emit("breakpoint",a)}function cl(t,e,i){if(e===void 0&&(e="window"),!t||e==="container"&&!i)return;let n=!1;const l=Me(),s=e==="window"?l.innerHeight:i.clientHeight,d=Object.keys(t).map(r=>{if(typeof r=="string"&&r.indexOf("@")===0){const a=parseFloat(r.substr(1));return{value:s*a,point:r}}return{value:r,point:r}});d.sort((r,a)=>parseInt(r.value,10)-parseInt(a.value,10));for(let r=0;r<d.length;r+=1){const{point:a,value:c}=d[r];e==="window"?l.matchMedia(`(min-width: ${c}px)`).matches&&(n=a):c<=i.clientWidth&&(n=a)}return n||"max"}var pl={setBreakpoint:ul,getBreakpoint:cl};function vl(t,e){const i=[];return t.forEach(n=>{typeof n=="object"?Object.keys(n).forEach(l=>{n[l]&&i.push(e+l)}):typeof n=="string"&&i.push(e+n)}),i}function fl(){const t=this,{classNames:e,params:i,rtl:n,el:l,device:s}=t,d=vl(["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:s.android},{ios:s.ios},{"css-mode":i.cssMode},{centered:i.cssMode&&i.centeredSlides},{"watch-progress":i.watchSlidesProgress}],i.containerModifierClass);e.push(...d),l.classList.add(...e),t.emitContainerClasses()}function ml(){const t=this,{el:e,classNames:i}=t;!e||typeof e=="string"||(e.classList.remove(...i),t.emitContainerClasses())}var hl={addClasses:fl,removeClasses:ml};function gl(){const t=this,{isLocked:e,params:i}=t,{slidesOffsetBefore:n}=i;if(n){const l=t.slides.length-1,s=t.slidesGrid[l]+t.slidesSizesGrid[l]+n*2;t.isLocked=t.size>s}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 bl={checkOverflow:gl},ni={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 yl(t,e){return function(n){n===void 0&&(n={});const l=Object.keys(n)[0],s=n[l];if(typeof s!="object"||s===null){He(e,n);return}if(t[l]===!0&&(t[l]={enabled:!0}),l==="navigation"&&t[l]&&t[l].enabled&&!t[l].prevEl&&!t[l].nextEl&&(t[l].auto=!0),["pagination","scrollbar"].indexOf(l)>=0&&t[l]&&t[l].enabled&&!t[l].el&&(t[l].auto=!0),!(l in t&&"enabled"in s)){He(e,n);return}typeof t[l]=="object"&&!("enabled"in t[l])&&(t[l].enabled=!0),t[l]||(t[l]={enabled:!1}),He(e,n)}}const oi={eventsEmitter:ho,update:_o,translate:Mo,transition:Bo,slide:Wo,loop:Jo,grabCursor:Zo,events:dl,breakpoints:pl,checkOverflow:bl,classes:hl},li={};let si=class nt{constructor(){let e,i;for(var n=arguments.length,l=new Array(n),s=0;s<n;s++)l[s]=arguments[s];l.length===1&&l[0].constructor&&Object.prototype.toString.call(l[0]).slice(8,-1)==="Object"?i=l[0]:[e,i]=l,i||(i={}),i=He({},i),e&&!i.el&&(i.el=e);const d=qe();if(i.el&&typeof i.el=="string"&&d.querySelectorAll(i.el).length>1){const u=[];return d.querySelectorAll(i.el).forEach(v=>{const m=He({},i,{el:v});u.push(new nt(m))}),u}const r=this;r.__swiper__=!0,r.support=Gi(),r.device=$i({userAgent:i.userAgent}),r.browser=vo(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],i.modules&&Array.isArray(i.modules)&&r.modules.push(...i.modules);const a={};r.modules.forEach(u=>{u({params:i,swiper:r,extendParams:yl(i,a),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})});const c=He({},ni,a);return r.params=He({},c,li,i),r.originalParams=He({},r.params),r.passedParams=He({},i),r.params&&r.params.on&&Object.keys(r.params.on).forEach(u=>{r.on(u,r.params.on[u])}),r.params&&r.params.onAny&&r.onAny(r.params.onAny),Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal(){return r.params.direction==="horizontal"},isVertical(){return r.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:r.params.allowSlideNext,allowSlidePrev:r.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:r.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:i,params:n}=this,l=Xe(i,`.${n.slideClass}, swiper-slide`),s=_t(l[0]);return _t(e)-s}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=Xe(i,`.${n.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,i){const n=this;e=Math.min(Math.max(e,0),1);const l=n.minTranslate(),d=(n.maxTranslate()-l)*e+l;n.translateTo(d,typeof i>"u"?0:i),n.updateActiveIndex(),n.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=e.el.className.split(" ").filter(n=>n.indexOf("swiper")===0||n.indexOf(e.params.containerModifierClass)===0);e.emit("_containerClasses",i.join(" "))}getSlideClasses(e){const i=this;return i.destroyed?"":e.className.split(" ").filter(n=>n.indexOf("swiper-slide")===0||n.indexOf(i.params.slideClass)===0).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const i=[];e.slides.forEach(n=>{const l=e.getSlideClasses(n);i.push({slideEl:n,classNames:l}),e.emit("_slideClass",n,l)}),e.emit("_slideClasses",i)}slidesPerViewDynamic(e,i){e===void 0&&(e="current"),i===void 0&&(i=!1);const n=this,{params:l,slides:s,slidesGrid:d,slidesSizesGrid:r,size:a,activeIndex:c}=n;let u=1;if(typeof l.slidesPerView=="number")return l.slidesPerView;if(l.centeredSlides){let v=s[c]?Math.ceil(s[c].swiperSlideSize):0,m;for(let w=c+1;w<s.length;w+=1)s[w]&&!m&&(v+=Math.ceil(s[w].swiperSlideSize),u+=1,v>a&&(m=!0));for(let w=c-1;w>=0;w-=1)s[w]&&!m&&(v+=s[w].swiperSlideSize,u+=1,v>a&&(m=!0))}else if(e==="current")for(let v=c+1;v<s.length;v+=1)(i?d[v]+r[v]-d[c]<a:d[v]-d[c]<a)&&(u+=1);else for(let v=c-1;v>=0;v-=1)d[c]-d[v]<a&&(u+=1);return u}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:i,params:n}=e;n.breakpoints&&e.setBreakpoint(),[...e.el.querySelectorAll('[loading="lazy"]')].forEach(d=>{d.complete&&At(e,d)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses();function l(){const d=e.rtlTranslate?e.translate*-1:e.translate,r=Math.min(Math.max(d,e.maxTranslate()),e.minTranslate());e.setTranslate(r),e.updateActiveIndex(),e.updateSlidesClasses()}let s;if(n.freeMode&&n.freeMode.enabled&&!n.cssMode)l(),n.autoHeight&&e.updateAutoHeight();else{if((n.slidesPerView==="auto"||n.slidesPerView>1)&&e.isEnd&&!n.centeredSlides){const d=e.virtual&&n.virtual.enabled?e.virtual.slides:e.slides;s=e.slideTo(d.length-1,0,!1,!0)}else s=e.slideTo(e.activeIndex,0,!1,!0);s||l()}n.watchOverflow&&i!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,i){i===void 0&&(i=!0);const n=this,l=n.params.direction;return e||(e=l==="horizontal"?"vertical":"horizontal"),e===l||e!=="horizontal"&&e!=="vertical"||(n.el.classList.remove(`${n.params.containerModifierClass}${l}`),n.el.classList.add(`${n.params.containerModifierClass}${e}`),n.emitContainerClasses(),n.params.direction=e,n.slides.forEach(s=>{e==="vertical"?s.style.width="":s.style.height=""}),n.emit("changeDirection"),i&&n.update()),n}changeLanguageDirection(e){const i=this;i.rtl&&e==="rtl"||!i.rtl&&e==="ltr"||(i.rtl=e==="rtl",i.rtlTranslate=i.params.direction==="horizontal"&&i.rtl,i.rtl?(i.el.classList.add(`${i.params.containerModifierClass}rtl`),i.el.dir="rtl"):(i.el.classList.remove(`${i.params.containerModifierClass}rtl`),i.el.dir="ltr"),i.update())}mount(e){const i=this;if(i.mounted)return!0;let n=e||i.params.el;if(typeof n=="string"&&(n=document.querySelector(n)),!n)return!1;n.swiper=i,n.parentNode&&n.parentNode.host&&n.parentNode.host.nodeName===i.params.swiperElementNodeName.toUpperCase()&&(i.isElement=!0);const l=()=>`.${(i.params.wrapperClass||"").trim().split(" ").join(".")}`;let d=n&&n.shadowRoot&&n.shadowRoot.querySelector?n.shadowRoot.querySelector(l()):Xe(n,l())[0];return!d&&i.params.createElements&&(d=ht("div",i.params.wrapperClass),n.append(d),Xe(n,`.${i.params.slideClass}`).forEach(r=>{d.append(r)})),Object.assign(i,{el:n,wrapperEl:d,slidesEl:i.isElement&&!n.parentNode.host.slideSlots?n.parentNode.host:d,hostEl:i.isElement?n.parentNode.host:n,mounted:!0,rtl:n.dir.toLowerCase()==="rtl"||lt(n,"direction")==="rtl",rtlTranslate:i.params.direction==="horizontal"&&(n.dir.toLowerCase()==="rtl"||lt(n,"direction")==="rtl"),wrongRTL:lt(d,"display")==="-webkit-box"}),!0}init(e){const i=this;if(i.initialized||i.mount(e)===!1)return i;i.emit("beforeInit"),i.params.breakpoints&&i.setBreakpoint(),i.addClasses(),i.updateSize(),i.updateSlides(),i.params.watchOverflow&&i.checkOverflow(),i.params.grabCursor&&i.enabled&&i.setGrabCursor(),i.params.loop&&i.virtual&&i.params.virtual.enabled?i.slideTo(i.params.initialSlide+i.virtual.slidesBefore,0,i.params.runCallbacksOnInit,!1,!0):i.slideTo(i.params.initialSlide,0,i.params.runCallbacksOnInit,!1,!0),i.params.loop&&i.loopCreate(),i.attachEvents();const l=[...i.el.querySelectorAll('[loading="lazy"]')];return i.isElement&&l.push(...i.hostEl.querySelectorAll('[loading="lazy"]')),l.forEach(s=>{s.complete?At(i,s):s.addEventListener("load",d=>{At(i,d.target)})}),ii(i),i.initialized=!0,ii(i),i.emit("init"),i.emit("afterInit"),i}destroy(e,i){e===void 0&&(e=!0),i===void 0&&(i=!0);const n=this,{params:l,el:s,wrapperEl:d,slides:r}=n;return typeof n.params>"u"||n.destroyed||(n.emit("beforeDestroy"),n.initialized=!1,n.detachEvents(),l.loop&&n.loopDestroy(),i&&(n.removeClasses(),s&&typeof s!="string"&&s.removeAttribute("style"),d&&d.removeAttribute("style"),r&&r.length&&r.forEach(a=>{a.classList.remove(l.slideVisibleClass,l.slideFullyVisibleClass,l.slideActiveClass,l.slideNextClass,l.slidePrevClass),a.removeAttribute("style"),a.removeAttribute("data-swiper-slide-index")})),n.emit("destroy"),Object.keys(n.eventsListeners).forEach(a=>{n.off(a)}),e!==!1&&(n.el&&typeof n.el!="string"&&(n.el.swiper=null),Rn(n)),n.destroyed=!0),null}static extendDefaults(e){He(li,e)}static get extendedDefaults(){return li}static get defaults(){return ni}static installModule(e){nt.prototype.__modules__||(nt.prototype.__modules__=[]);const i=nt.prototype.__modules__;typeof e=="function"&&i.indexOf(e)<0&&i.push(e)}static use(e){return Array.isArray(e)?(e.forEach(i=>nt.installModule(i)),nt):(nt.installModule(e),nt)}};Object.keys(oi).forEach(t=>{Object.keys(oi[t]).forEach(e=>{si.prototype[e]=oi[t][e]})}),si.use([fo,mo]);const Qi=["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 rt(t){return typeof t=="object"&&t!==null&&t.constructor&&Object.prototype.toString.call(t).slice(8,-1)==="Object"&&!t.__swiper__}function mt(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]:rt(e[n])&&rt(t[n])&&Object.keys(e[n]).length>0?e[n].__swiper__?t[n]=e[n]:mt(t[n],e[n]):t[n]=e[n]})}function Zi(t){return t===void 0&&(t={}),t.navigation&&typeof t.navigation.nextEl>"u"&&typeof t.navigation.prevEl>"u"}function Ri(t){return t===void 0&&(t={}),t.pagination&&typeof t.pagination.el>"u"}function en(t){return t===void 0&&(t={}),t.scrollbar&&typeof t.scrollbar.el>"u"}function tn(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 wl(t){return t===void 0&&(t=""),t?t.includes("swiper-wrapper")?t:`swiper-wrapper ${t}`:"swiper-wrapper"}function Sl(t){let{swiper:e,slides:i,passedParams:n,changedParams:l,nextEl:s,prevEl:d,scrollbarEl:r,paginationEl:a}=t;const c=l.filter(g=>g!=="children"&&g!=="direction"&&g!=="wrapperClass"),{params:u,pagination:v,navigation:m,scrollbar:w,virtual:y,thumbs:S}=e;let I,p,b,f,x,_,h,P;l.includes("thumbs")&&n.thumbs&&n.thumbs.swiper&&u.thumbs&&!u.thumbs.swiper&&(I=!0),l.includes("controller")&&n.controller&&n.controller.control&&u.controller&&!u.controller.control&&(p=!0),l.includes("pagination")&&n.pagination&&(n.pagination.el||a)&&(u.pagination||u.pagination===!1)&&v&&!v.el&&(b=!0),l.includes("scrollbar")&&n.scrollbar&&(n.scrollbar.el||r)&&(u.scrollbar||u.scrollbar===!1)&&w&&!w.el&&(f=!0),l.includes("navigation")&&n.navigation&&(n.navigation.prevEl||d)&&(n.navigation.nextEl||s)&&(u.navigation||u.navigation===!1)&&m&&!m.prevEl&&!m.nextEl&&(x=!0);const C=g=>{e[g]&&(e[g].destroy(),g==="navigation"?(e.isElement&&(e[g].prevEl.remove(),e[g].nextEl.remove()),u[g].prevEl=void 0,u[g].nextEl=void 0,e[g].prevEl=void 0,e[g].nextEl=void 0):(e.isElement&&e[g].el.remove(),u[g].el=void 0,e[g].el=void 0))};l.includes("loop")&&e.isElement&&(u.loop&&!n.loop?_=!0:!u.loop&&n.loop?h=!0:P=!0),c.forEach(g=>{if(rt(u[g])&&rt(n[g]))Object.assign(u[g],n[g]),(g==="navigation"||g==="pagination"||g==="scrollbar")&&"enabled"in n[g]&&!n[g].enabled&&C(g);else{const E=n[g];(E===!0||E===!1)&&(g==="navigation"||g==="pagination"||g==="scrollbar")?E===!1&&C(g):u[g]=n[g]}}),c.includes("controller")&&!p&&e.controller&&e.controller.control&&u.controller&&u.controller.control&&(e.controller.control=u.controller.control),l.includes("children")&&i&&y&&u.virtual.enabled?(y.slides=i,y.update(!0)):l.includes("virtual")&&y&&u.virtual.enabled&&(i&&(y.slides=i),y.update(!0)),l.includes("children")&&i&&u.loop&&(P=!0),I&&S.init()&&S.update(!0),p&&(e.controller.control=u.controller.control),b&&(e.isElement&&(!a||typeof a=="string")&&(a=document.createElement("div"),a.classList.add("swiper-pagination"),a.part.add("pagination"),e.el.appendChild(a)),a&&(u.pagination.el=a),v.init(),v.render(),v.update()),f&&(e.isElement&&(!r||typeof r=="string")&&(r=document.createElement("div"),r.classList.add("swiper-scrollbar"),r.part.add("scrollbar"),e.el.appendChild(r)),r&&(u.scrollbar.el=r),w.init(),w.updateSize(),w.setTranslate()),x&&(e.isElement&&((!s||typeof s=="string")&&(s=document.createElement("div"),s.classList.add("swiper-button-next"),s.innerHTML=e.hostEl.constructor.nextButtonSvg,s.part.add("button-next"),e.el.appendChild(s)),(!d||typeof d=="string")&&(d=document.createElement("div"),d.classList.add("swiper-button-prev"),d.innerHTML=e.hostEl.constructor.prevButtonSvg,d.part.add("button-prev"),e.el.appendChild(d))),s&&(u.navigation.nextEl=s),d&&(u.navigation.prevEl=d),m.init(),m.update()),l.includes("allowSlideNext")&&(e.allowSlideNext=n.allowSlideNext),l.includes("allowSlidePrev")&&(e.allowSlidePrev=n.allowSlidePrev),l.includes("direction")&&e.changeDirection(n.direction,!1),(_||P)&&e.loopDestroy(),(h||P)&&e.loopCreate(),e.update()}function Tl(t,e){t===void 0&&(t={}),e===void 0&&(e=!0);const i={on:{}},n={},l={};mt(i,ni),i._emitClasses=!0,i.init=!1;const s={},d=Qi.map(a=>a.replace(/_/,"")),r=Object.assign({},t);return Object.keys(r).forEach(a=>{typeof t[a]>"u"||(d.indexOf(a)>=0?rt(t[a])?(i[a]={},l[a]={},mt(i[a],t[a]),mt(l[a],t[a])):(i[a]=t[a],l[a]=t[a]):a.search(/on[A-Z]/)===0&&typeof t[a]=="function"?e?n[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:i.on[`${a[2].toLowerCase()}${a.substr(3)}`]=t[a]:s[a]=t[a])}),["navigation","pagination","scrollbar"].forEach(a=>{i[a]===!0&&(i[a]={}),i[a]===!1&&delete i[a]}),{params:i,passedParams:l,rest:s,events:n}}function xl(t,e){let{el:i,nextEl:n,prevEl:l,paginationEl:s,scrollbarEl:d,swiper:r}=t;Zi(e)&&n&&l&&(r.params.navigation.nextEl=n,r.originalParams.navigation.nextEl=n,r.params.navigation.prevEl=l,r.originalParams.navigation.prevEl=l),Ri(e)&&s&&(r.params.pagination.el=s,r.originalParams.pagination.el=s),en(e)&&d&&(r.params.scrollbar.el=d,r.originalParams.scrollbar.el=d),r.init(i)}function El(t,e,i,n,l){const s=[];if(!e)return s;const d=a=>{s.indexOf(a)<0&&s.push(a)};if(i&&n){const a=n.map(l),c=i.map(l);a.join("")!==c.join("")&&d("children"),n.length!==i.length&&d("children")}return Qi.filter(a=>a[0]==="_").map(a=>a.replace(/_/,"")).forEach(a=>{if(a in t&&a in e)if(rt(t[a])&&rt(e[a])){const c=Object.keys(t[a]),u=Object.keys(e[a]);c.length!==u.length?d(a):(c.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}),u.forEach(v=>{t[a][v]!==e[a][v]&&d(a)}))}else t[a]!==e[a]&&d(a)}),s}const Cl=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 Pt(){return Pt=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},Pt.apply(this,arguments)}function nn(t){return t.type&&t.type.displayName&&t.type.displayName.includes("SwiperSlide")}function on(t){const e=[];return o.Children.toArray(t).forEach(i=>{nn(i)?e.push(i):i.props&&i.props.children&&on(i.props.children).forEach(n=>e.push(n))}),e}function Il(t){const e=[],i={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return o.Children.toArray(t).forEach(n=>{if(nn(n))e.push(n);else if(n.props&&n.props.slot&&i[n.props.slot])i[n.props.slot].push(n);else if(n.props&&n.props.children){const l=on(n.props.children);l.length>0?l.forEach(s=>e.push(s)):i["container-end"].push(n)}else i["container-end"].push(n)}),{slides:e,slots:i}}function _l(t,e,i){if(!i)return null;const n=u=>{let v=u;return u<0?v=e.length+u:v>=e.length&&(v=v-e.length),v},l=t.isHorizontal()?{[t.rtlTranslate?"right":"left"]:`${i.offset}px`}:{top:`${i.offset}px`},{from:s,to:d}=i,r=t.params.loop?-e.length:0,a=t.params.loop?e.length*2:e.length,c=[];for(let u=r;u<a;u+=1)u>=s&&u<=d&&c.push(e[n(u)]);return c.map((u,v)=>o.cloneElement(u,{swiper:t,style:l,key:u.props.virtualIndex||u.key||`slide-${v}`}))}function gt(t,e){return typeof window>"u"?o.useEffect(t,e):o.useLayoutEffect(t,e)}const ri=o.createContext(null),ln=()=>o.useContext(ri),kl=o.createContext(null),at=o.forwardRef(function(t,e){let{className:i,tag:n="div",wrapperTag:l="div",children:s,onSwiper:d,...r}=t===void 0?{}:t,a=!1;const[c,u]=o.useState("swiper"),[v,m]=o.useState(null),[w,y]=o.useState(!1),S=o.useRef(!1),I=o.useRef(null),p=o.useRef(null),b=o.useRef(null),f=o.useRef(null),x=o.useRef(null),_=o.useRef(null),h=o.useRef(null),P=o.useRef(null),{params:C,passedParams:g,rest:E,events:O}=Tl(r),{slides:T,slots:D}=Il(s),A=()=>{y(!w)};Object.assign(C.on,{_containerClasses(N,z){u(z)}});const L=()=>{Object.assign(C.on,O),a=!0;const N={...C};if(delete N.wrapperClass,p.current=new si(N),p.current.virtual&&p.current.params.virtual.enabled){p.current.virtual.slides=T;const z={cache:!1,slides:T,renderExternal:m,renderExternalUpdate:!1};mt(p.current.params.virtual,z),mt(p.current.originalParams.virtual,z)}};I.current||L(),p.current&&p.current.on("_beforeBreakpoint",A);const F=()=>{a||!O||!p.current||Object.keys(O).forEach(N=>{p.current.on(N,O[N])})},V=()=>{!O||!p.current||Object.keys(O).forEach(N=>{p.current.off(N,O[N])})};o.useEffect(()=>()=>{p.current&&p.current.off("_beforeBreakpoint",A)}),o.useEffect(()=>{!S.current&&p.current&&(p.current.emitSlidesClasses(),S.current=!0)}),gt(()=>{if(e&&(e.current=I.current),!!I.current)return p.current.destroyed&&L(),xl({el:I.current,nextEl:x.current,prevEl:_.current,paginationEl:h.current,scrollbarEl:P.current,swiper:p.current},C),d&&!p.current.destroyed&&d(p.current),()=>{p.current&&!p.current.destroyed&&p.current.destroy(!0,!1)}},[]),gt(()=>{F();const N=El(g,b.current,T,f.current,z=>z.key);return b.current=g,f.current=T,N.length&&p.current&&!p.current.destroyed&&Sl({swiper:p.current,slides:T,passedParams:g,changedParams:N,nextEl:x.current,prevEl:_.current,scrollbarEl:P.current,paginationEl:h.current}),()=>{V()}}),gt(()=>{Cl(p.current)},[v]);function B(){return C.virtual?_l(p.current,T,v):T.map((N,z)=>o.cloneElement(N,{swiper:p.current,swiperSlideIndex:z}))}return o.createElement(n,Pt({ref:I,className:tn(`${c}${i?` ${i}`:""}`)},E),o.createElement(kl.Provider,{value:p.current},D["container-start"],o.createElement(l,{className:wl(C.wrapperClass)},D["wrapper-start"],B(),D["wrapper-end"]),Zi(C)&&o.createElement(o.Fragment,null,o.createElement("div",{ref:_,className:"swiper-button-prev"}),o.createElement("div",{ref:x,className:"swiper-button-next"})),en(C)&&o.createElement("div",{ref:P,className:"swiper-scrollbar"}),Ri(C)&&o.createElement("div",{ref:h,className:"swiper-pagination"}),D["container-end"]))});at.displayName="Swiper";const Ke=o.forwardRef(function(t,e){let{tag:i="div",children:n,className:l="",swiper:s,zoom:d,lazy:r,virtualIndex:a,swiperSlideIndex:c,...u}=t===void 0?{}:t;const v=o.useRef(null),[m,w]=o.useState("swiper-slide"),[y,S]=o.useState(!1);function I(x,_,h){_===v.current&&w(h)}gt(()=>{if(typeof c<"u"&&(v.current.swiperSlideIndex=c),e&&(e.current=v.current),!(!v.current||!s)){if(s.destroyed){m!=="swiper-slide"&&w("swiper-slide");return}return s.on("_slideClass",I),()=>{s&&s.off("_slideClass",I)}}}),gt(()=>{s&&v.current&&!s.destroyed&&w(s.getSlideClasses(v.current))},[s]);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},b=()=>typeof n=="function"?n(p):n,f=()=>{S(!0)};return o.createElement(i,Pt({ref:v,className:tn(`${m}${l?` ${l}`:""}`),"data-swiper-slide-index":a,onLoad:f},u),d&&o.createElement(ri.Provider,{value:p},o.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof d=="number"?d:void 0},b(),r&&!y&&o.createElement("div",{className:"swiper-lazy-preloader"}))),!d&&o.createElement(ri.Provider,{value:p},b(),r&&!y&&o.createElement("div",{className:"swiper-lazy-preloader"})))});Ke.displayName="SwiperSlide";const Dl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=",Al=({visible:t,onClose:e,children:i,modalStyle:n,padding:l,popup:s})=>{var d;const[r,a]=o.useState(!1),c=o.useRef(null);o.useEffect(()=>{const m=document.getElementById("sxp-render"),w=document.getElementById("pb-modal");w?c.current=w:(c.current=document.createElement("div"),c.current.setAttribute("id","pb-modal"),m?.appendChild(c.current))},[]);const u=o.useMemo(()=>s?.id&&s?.id!==""||t,[t,s]);if(o.useEffect(()=>{u?a(!0):setTimeout(()=>{a(!1)},s?.duration)},[u,s]),!c.current)return null;const v=Se.debounce(()=>{e?.()},300);return Ti.createPortal(o.createElement(o.Fragment,null,r&&o.createElement("div",{className:"modal-bg",style:Object.assign({display:"flex",backgroundColor:u?"rgba(0, 0, 0, 0.7)":"rgba(0, 0, 0, 0)"},n),onClick:v},o.createElement("div",{className:`modal-container ${u?"modal-popIn":"modal-popOut"}`,style:{padding:l,animationDuration:((d=s?.duration)!==null&&d!==void 0?d:0)/1e3+"s"},onClick:m=>{m.stopPropagation(),m.preventDefault()}},o.createElement("div",{onClick:e,className:"modal-icon-wrapper"},o.createElement("img",{src:Dl,alt:"close",className:"modal-icon"})),i))),c.current)};var Ot=o.memo(Al);const Pl=(t="",e)=>{if(/[\u4e00-\u9fa5]+/.test(t))return t.slice(0,54);const n=t.split(" "),l=[];for(let d=0;d<n.length&&(l.push(n[d]),!(l.join(" ").length>=e));d++);return(l.length>1&&l.length<n.length?l.slice(0,l.length-1):l).join(" ")+" "},Ol=({text:t,maxStr:e=108,style:i,className:n,onClick:l,foldText:s,unfoldText:d,isPost:r,onChange:a})=>{const[c,u]=o.useState(!1),[v,m]=o.useState(!1),w=Number(i?.lineClamp||2),y=o.useRef(null),S=o.useRef(null),I=o.useCallback(()=>{u(!c)},[c,a]);return o.useMemo(()=>!c&&t.length>e?Pl(t,e)+"...":t,[t,e,c]),o.useEffect(()=>{var p,b;((p=S?.current)===null||p===void 0?void 0:p.offsetHeight)>((b=y?.current)===null||b===void 0?void 0:b.offsetHeight)&&r?m(!0):m(!1),S.current.style.display="none"},[r]),o.createElement("div",{className:n,style:Object.assign(Object.assign({},i),{transform:"translate3d(0px, 0px, 0px)"}),hidden:!t||t===""},o.createElement("div",{ref:y,style:{overflow:"hidden",WebkitLineClamp:!r||c?"":w,textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),o.createElement("div",{ref:S,dangerouslySetInnerHTML:{__html:t?.replace(/\n/g,"</br>")}}),t&&r&&v&&o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:l??I},c?d||"show less":s||"show more"))};var Mt=o.memo(Ol);const Ml=o.forwardRef((t,e)=>{const{src:i,onLoad:n,style:l,className:s,loading:d}=t,[r,a]=o.useState(),{swiperRef:c}=ve();return o.useImperativeHandle(e,()=>({setSrc:u=>{a(u)}})),o.useEffect(()=>{var u,v;const m=(v=(u=c?.current)===null||u===void 0?void 0:u.swiper)===null||v===void 0?void 0:v.activeIndex;(m===0||m>0)&&a(i)},[i,c]),o.useRef(null),o.createElement(o.Fragment,null,r?.includes(".avif")?o.createElement("picture",null,o.createElement("source",{type:"image/avif",srcSet:r}),o.createElement("source",{type:"image/webp",srcSet:`${r}?imageMogr2/format/webp`}),o.createElement("source",{type:"image/jpeg",srcSet:`${r}?imageMogr2/format/jpg`}),o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)}})):o.createElement("img",{className:s,src:r,style:l,loading:d,onLoad:u=>{n?.(u.target)}}))});var Le=o.memo(Ml);const Ll=t=>{var e,i,n,l,s,d,r,a,c,{content:u,style:v,bgImg:m,onClick:w,schema:y,isDefault:S,bottom_image:I,tipText:p,isPost:b,viewTime:f,rec:x,swiper:_,commodityStyles:h,buttonStyle:P,index:C}=t,g=Ie(t,["content","style","bgImg","onClick","schema","isDefault","bottom_image","tipText","isPost","viewTime","rec","swiper","commodityStyles","buttonStyle","index"]);const{sxpParameter:E}=ve(),{popupDetailData:O,bffEventReport:T,isPreview:D,bffFbReport:A}=ve(),{jumpToWeb:L,productView:F}=ze(),V=o.useRef(null),[B,N]=o.useState(!1),z=b?x:O,j=b?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,k=b?(i=z?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=z?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,$=b?C:O?.index,H=()=>{j?.link&&(L(z,j,k,$),b||F(z,j,k,f||V.current,$),window.location.href=window.getJointUtmLink(j.link))};o.useEffect(()=>{b||A?.({eventName:"ProductView"})},[b,A]),o.useEffect(()=>{const Y=()=>{V.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const W=o.useMemo(()=>{var Y,oe,Q,Z,me;return j?.currency&&j?.price?`${(Q=(oe=(Y=j?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||oe===void 0?void 0:oe.toUpperCase())!==null&&Q!==void 0?Q:""}${(me=(Z=j?.price)===null||Z===void 0?void 0:Z.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&me!==void 0?me:""}`:"$7,000"},[j?.price,j?.currency]),K=D?375:(s=v?.width)!==null&&s!==void 0?s:window.innerWidth,ee=({isPost:Y})=>{var oe,Q,Z;return o.createElement("div",null,o.createElement("div",{className:"pb-commondity-content-collection",style:pe(h?.collection),hidden:!!j&&(!j?.collection||j?.collection==="")},(oe=j?.collection)!==null&&oe!==void 0?oe:"Tiffany Lock"),o.createElement("div",{className:"pb-commondity-content-title",style:pe(h?.title),hidden:!!j&&!j?.title},(Q=j?.title)!==null&&Q!==void 0?Q:"Pendant in Yellow Gold with Diamonds, Medium"),o.createElement("div",{className:"pb-commondity-content-price",style:pe(h?.price),hidden:!!j&&!j?.price},W),o.createElement("div",{hidden:!!j&&(!j?.info||j?.info==="")},o.createElement(Mt,{foldText:p?.foldText,unfoldText:p?.unfoldText,onClick:()=>N(!0),isPost:Y,text:(Z=j?.info)!==null&&Z!==void 0?Z:`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:m?.info})))},ie=()=>{var Y;return l.createElement(l.Fragment,null,(b||O?.link)&&l.createElement("button",{onClick:F,className:"pb-commondity-btn",style:L},(Y=D?.enTitle)!==null&&Y!==void 0?Y:"Purchase on Website"))},ne=l.useCallback(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return l.createElement("div",{className:"pb-commondity"},l.createElement("div",Object.assign({className:te.css(Object.assign({},v))},T),O&&((a=O?.homePage)===null||a===void 0?void 0:a.length)>0&&l.createElement(Re,{height:R,modules:[xt,Et],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(r=O?.homePage)===null||r===void 0?void 0:r.map(Y=>l.createElement($e,{key:Y},l.createElement("div",{style:{overflow:"hidden",width:R,height:R}},l.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:Y}))))),!(!((d=O?.homePage)===null||d===void 0)&&d.length)&&l.createElement("div",{className:te.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},l.createElement("img",{className:te.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=E?.bottom_image)!==null&&c!==void 0?c:C,alt:""})),l.createElement("div",{className:"pb-commondity-content"},Q({isPost:w}))),ie(),l.createElement(_t,{visible:z,onClose:()=>j(!1)},l.createElement("div",{style:{paddingBottom:"80px"}},Q({isPost:!1})),ie()))};var Cl=l.memo(El);const Il=Oe(Cl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Hn},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var _l=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ti,ii,kl=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Pe?.fontOptions,initialValue:(ii=(ti=Pe?.fontOptions)===null||ti===void 0?void 0:ti[0])===null||ii===void 0?void 0:ii.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],Qi="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const Dl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:o,src:s}=t;switch(i){case 2:return n||null;case 3:return s||null;default:return o&&o.length>0?(e=o[0])===null||e===void 0?void 0:e.url:null}},Al=t=>{var{content:e,btnText:i,style:n,icon:o,isPopup:s,isExternalLink:a,onClose:r,onClick:d,submitButtonStyle:c}=t,u=Te(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=pe(),{jumpToWeb:g}=Ve(),y=typeof o=="string"?o:Dl(o),h=()=>{var b,C,p;if(a){const w=v,f=(b=w?.video)===null||b===void 0?void 0:b.bindProduct,x=(p=(C=w?.video)===null||C===void 0?void 0:C.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;g(w,f,x,k)}s||r?.(),d?.()};return l.createElement("div",Object.assign({className:`pb-prompt ${te.css(Object.assign({},n))}`},u),l.createElement("div",{className:"pb-prompt-icon"},l.createElement("img",{width:"100%",src:y??Qi})),l.createElement("div",{className:"pb-prompt-content"},e),l.createElement("button",{className:"pb-prompt-btn",style:c,onClick:h},i))};var Pl=l.memo(Al);const Ol=Oe(Pl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:kl,bindableProps:[],interactionRender:_l},defaulSetting:{props:{icon:Qi,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ni,oi,Ml=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ae,name:["fontFamily"],initialValue:(ni=ae?.[0])===null||ni===void 0?void 0:ni.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:ae,initialValue:(oi=ae?.[0])===null||oi===void 0?void 0:oi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Ll=t=>{var e,i,n,o,s,a,r,d,c,u,v,g,{style:y,isDefault:h,rec:b,viewTime:C,isPost:p,bottom_image:w,tipText:f,swiper:x,commodityStyles:k,buttonStyle:m,index:L}=t,_=Te(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);l.useState(!0);const{sxpParameter:T}=pe(),{popupDetailData:E,bffEventReport:A,isPreview:S,swiperRef:I,bffFbReport:P}=pe(),{jumpToWeb:N,productView:G}=Ve(),$=l.useRef(null);l.useRef(null),l.useRef(null),l.useState(!1),l.useState(!1),l.useState(!0);const[z,j]=l.useState(!1),V=l.useRef(null),O=p?b:E,D=p?O?.product:(e=O?.video)===null||e===void 0?void 0:e.bindProduct,W=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?L:E?.index,U=()=>{D?.link&&(N(O,D,W,F),p||G(O,D,W,C||V.current,F),window.location.href=window.getJointUtmLink(D.link))};l.useEffect(()=>{p||P?.({eventName:"ProductView"})},[p,P]),l.useEffect(()=>{const Y=()=>{V.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const R=l.useMemo(()=>{var Y,re,K,Z,be;return D?.currency&&D?.price?`${(K=(re=(Y=D?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||re===void 0?void 0:re.toUpperCase())!==null&&K!==void 0?K:""}${(be=(Z=D?.price)===null||Z===void 0?void 0:Z.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&be!==void 0?be:""}`:"\xA3102,300.00"},[D?.price,D?.currency]),Q=S?375:(s=y?.width)!==null&&s!==void 0?s:window.innerWidth,ie=({isPost:Y})=>l.createElement("div",{hidden:!!D&&(!D?.info||D?.info==="")},l.createElement(kt,{isPost:Y,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:k?.info,foldText:f?.foldText,unfoldText:f?.unfoldText,text:D?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
6
- Made in Italy`})),ne=l.useCallback(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return l.createElement("div",{className:"pb-commondityDiroNew"},l.createElement("div",Object.assign({ref:$,className:te.css(Object.assign({},y))},_),D&&((a=D?.homePage)===null||a===void 0?void 0:a.length)>0&&l.createElement(Re,{height:Q,modules:[xt,Et],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:x?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:x?.delay*1e3}},(r=D?.homePage)===null||r===void 0?void 0:r.map(Y=>l.createElement($e,{key:Y},l.createElement("div",{style:{overflow:"hidden",width:Q,height:Q}},l.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${x?.translateY?-x?.translateY+50:50}%`},src:Y}))))),!(!((d=D?.homePage)===null||d===void 0)&&d.length)&&l.createElement("div",{className:te.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},l.createElement("img",{className:te.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=T?.bottom_image)!==null&&c!==void 0?c:w,alt:""})),l.createElement("div",{className:"pb-commondityDiroNew-content"},l.createElement("div",{className:"pb-commondityDiroNew-content-top"},l.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},l.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:ne(k?.title)},(u=D?.title)!==null&&u!==void 0?u:"Large Dior Toujours BagLarge"),l.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!D&&(!D?.collection||D?.collection===""),style:ne(k?.collection)},D?.collection||"Black Macrocannage CalfskinLarge")),l.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},l.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.price,style:ne(k?.price)},R),l.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!D&&!D?.taxInfo,style:ne(k?.taxInfo)},(v=D?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!D||D?.link)&&l.createElement("button",{onClick:U,className:"pb-commondityDiroNew-btn",style:m},(g=W?.enTitle)!==null&&g!==void 0?g:"Shop now"),ie({isPost:p}))),l.createElement(_t,{visible:z,onClose:()=>j(!1)},ie({isPost:!1})))};var jl=l.memo(Ll);const Nl=Oe(jl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Ml},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 li,si,Be=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ae,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(li=ae?.[0])===null||li===void 0?void 0:li.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:ae,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(si=ae?.[0])===null||si===void 0?void 0:si.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"]}]}],Bl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function Zi(t){const e=l.useRef(null),[i,n]=l.useState(!1);return l.useEffect(()=>{e.current=new IntersectionObserver(([o])=>{n(o.isIntersecting)})},[]),l.useEffect(()=>{var o;return t?.current&&((o=e?.current)===null||o===void 0||o.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const zl=t=>{var{rec:e,children:i,className:n,onClick:o,style:s,isExternalLink:a=!1,index:r}=t;Te(t,["rec","children","className","onClick","style","isExternalLink","index"]);const d=l.useRef(null),c=Zi(d),{popup:u}=We(),{setPopupDetailData:v,ctaEvent:g}=pe(),{jumpToWeb:y}=Ve();l.useEffect(()=>{var b,C;if(c&&d?.current){const p=(C=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&C!==void 0?C:e?.video;g?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,r)}},[c,d,e,g,r]);const h=ge.throttle(()=>{var b,C,p,w,f,x,k,m;const L=(C=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&C!==void 0?C:e?.video;if(g?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,L,r),v?.(Object.assign(Object.assign({},e),{index:r})),a){if(!((w=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||w===void 0)&&w.link){const _=(f=e?.video)===null||f===void 0?void 0:f.bindCta,T=(x=e?.video)===null||x===void 0?void 0:x.bindProduct;y(e,T,_,r),window.location.href=window.getJointUtmLink((m=(k=e?.video)===null||k===void 0?void 0:k.bindProduct)===null||m===void 0?void 0:m.link)}}else o?.()},u?.duration);return l.createElement("div",{ref:d,className:n,style:s,onClick:h},i)};var vt=l.memo(zl),Vl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Fl=t=>{var e,i,n,o,s,a,r,d,{content:c,style:u,bgImg:v,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:C=0}=t,p=Te(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=pe(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&s!==void 0?s:y;return l.createElement(vt,Object.assign({isExternalLink:b,rec:g,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},l.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),l.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},l.createElement("div",{className:Vl["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),l.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},h?.ctaTitle))},(d=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var Hl=l.memo(Fl);const Ul=Oe(Hl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Bl,bindableProps:[],settingRender:Be},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 Gl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const $l=t=>{var e,i,n,o,{content:s,style:a,bgImg:r,recData:d,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,g=Te(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:y}=pe(),h=(e=d?.video)===null||e===void 0?void 0:e.bindCta;return l.createElement(vt,Object.assign({isExternalLink:v,rec:d,className:te.css(Object.assign({alignItems:"center"},a)),style:{display:"flex"}},g),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},l.createElement("img",{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=h?.icon)!==null&&i!==void 0?i:y?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},u?.ctaTitle))},(o=h?.enTitle)!==null&&o!==void 0?o:"Product Name"))};var Wl=l.memo($l);const Yl=Oe(Wl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Gl,settingRender:Be?.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 ql={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const Xl=t=>{var e,i,n,o,s,{content:a,style:r,bgImg:d,recData:c,bottom_image:u,ctaTempStyles:v,index:g}=t,y=Te(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:h,bffEventReport:b}=pe(),{jumpToWeb:C}=Ve(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,w=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{p?.link&&(C(c,w,p,g),window.location.href=window.getJointUtmLink(p.link))};return l.createElement(vt,Object.assign({index:g,rec:c,className:te.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},y,{onClick:f}),l.createElement("div",{className:te.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},l.createElement(Le,{className:te.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:u})),l.createElement("div",{className:te.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},l.createElement("div",{className:ql["tow-line-ellipsis"],style:v?.ctaTitle},(s=p?.enTitle)!==null&&s!==void 0?s:"Product Name")))};var Jl=l.memo(Xl);const Kl=Oe(Jl,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:Be?.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 Ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Zl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const Rl=t=>{var e,i,n,o,s,a,r,d,{content:c,style:u,bgImg:v,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:C=0}=t,p=Te(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=pe(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&s!==void 0?s:y;return l.createElement(vt,Object.assign({isExternalLink:b,rec:g,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},l.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),l.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},l.createElement("div",{className:Zl["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),l.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},h?.ctaTitle))},(d=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop Now")))};var es=l.memo(Rl);const ts=Oe(es,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:Ql,settingRender:Be,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 is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ns={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const os=t=>{var e,i,n,o,s,a,r,d,{content:c,style:u,bgImg:v,recData:g,bottom_image:y,ctaTempStyles:h,isExternalLink:b,translateY:C=0}=t,p=Te(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:w}=pe(),f=(e=g?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(o=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&o!==void 0?o:w?.bottom_image)!==null&&s!==void 0?s:y;return l.createElement(vt,Object.assign({isExternalLink:b,rec:g,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},h?.img))},l.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${C?-C+50:50}%`}),src:x})),l.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},l.createElement("div",{className:ns["tow-line-ellipsis"],style:h?.title},(a=f?.title)!==null&&a!==void 0?a:"Product Name"),l.createElement("div",{className:te.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},h?.ctaTitle))},(d=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&d!==void 0?d:"Shop now")))};var ls=l.memo(os);const ss=Oe(ls,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:is,bindableProps:[],settingRender:Be},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 rs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const as=({children:t,isPadding:e=!0})=>l.createElement(Re,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[Zn,Qn,Kn],style:{padding:e?"0 12px 0 20px":0}},t);var Dt=l.memo(as);const ds=({src:t,rec:e,item:i,index:n,style:o})=>{const s=l.useRef(null),a=Zi(s),{ctaEvent:r}=pe();return l.useEffect(()=>{a&&t&&s?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[a,t,s,e,r,i,n]),l.createElement("div",{ref:s,hidden:!t,className:te.css({width:"100%",height:"100%"})},l.createElement(Le,{className:te.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},o)),src:t}))};var ri=l.memo(ds),us={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const cs=t=>{var e,i,{content:n,style:o,bgImg:s,recData:a,onClick:r,bottom_image:d,ctaTempStyles:c,isExternalLink:u,index:v,translateY:g=0}=t,y=Te(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:h,setPopupDetailData:b,sxpParameter:C}=pe(),{popup:p}=We(),{jumpToWeb:w}=Ve(),[f,x]=l.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=ge.throttle(m=>{h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,v),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:v})),u?m?.link&&(w(a,m,m.bindCta,v),window.location.href=window.getJointUtmLink(m.link)):r?.()},p?.duration);return l.createElement(Dt,{isPadding:!!a},f?.map(m=>{var L,_,T,E,A,S,I;return l.createElement($e,Object.assign({hidden:a&&!m?.bindCta,key:m?.itemId,className:te.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},l.createElement(ri,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:C?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:m,index:v,style:{objectPosition:`50% ${g?-g+50:50}%`}})),l.createElement("div",{className:te.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},l.createElement("div",{className:us["two-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),l.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(I=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&I!==void 0?I:"Shop Now")))}))};var ps=l.memo(cs);const vs=Oe(ps,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:rs,bindableProps:[],settingRender:Be},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 fs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ms={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const hs=t=>{var e,i,{content:n,style:o,bgImg:s,recData:a,onClick:r,bottom_image:d,ctaTempStyles:c,isExternalLink:u,index:v,translateY:g=0}=t,y=Te(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:h}=pe(),{ctaEvent:b,setPopupDetailData:C}=pe(),{popup:p}=We(),[w,f]=l.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:x}=Ve(),k=ge.throttle(m=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,v),C?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:v})),u?m?.link&&(x(a,m,m.bindCta,v),window.location.href=window.getJointUtmLink(m.link)):r?.()},p?.duration);return l.createElement(Dt,{isPadding:!!a},w?.map(m=>{var L,_,T,E,A,S,I;return l.createElement($e,Object.assign({hidden:a&&!m?.bindCta,key:m.itemId,className:te.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},l.createElement(ri,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:h?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:m,index:v,style:{objectPosition:`50% ${g?-g+50:50}%`}})),l.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},l.createElement("div",{className:ms["two-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),l.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(I=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&I!==void 0?I:"Shop Now")))}))};var gs=l.memo(hs);const bs=Oe(gs,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:fs,settingRender:Be,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 ys=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ws={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Ss=t=>{var e,i,{content:n,style:o,bgImg:s,recData:a,onClick:r,bottom_image:d,ctaTempStyles:c,isExternalLink:u,index:v,translateY:g=0}=t,y=Te(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:h,setPopupDetailData:b,sxpParameter:C}=pe(),{popup:p}=We(),{jumpToWeb:w}=Ve(),[f,x]=l.useState((i=(e=a?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=ge.throttle(m=>{h?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},a,m,v),b?.(Object.assign(Object.assign({},a),{video:Object.assign(Object.assign({},a?.video),{bindProduct:m}),index:v})),u?m?.link&&(w(a,m,m.bindCta,v),window.location.href=window.getJointUtmLink(m.link)):r?.()},p?.duration);return l.createElement(Dt,{isPadding:!!a},f?.map(m=>{var L,_,T,E,A,S,I;return l.createElement($e,Object.assign({hidden:a&&!m?.bindCta,key:m?.itemId,className:te.css(Object.assign(Object.assign({},o),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(m)}),l.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},l.createElement(ri,{src:(E=(T=(L=m?.cover)!==null&&L!==void 0?L:(_=m?.homePage)===null||_===void 0?void 0:_[0])!==null&&T!==void 0?T:C?.bottom_image)!==null&&E!==void 0?E:d,rec:a,item:m,index:v,style:{objectPosition:`50% ${g?-g+50:50}%`}})),l.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},l.createElement("div",{className:ws["tow-line-ellipsis"],style:c?.title},(A=m?.title)!==null&&A!==void 0?A:"Product Name"),l.createElement("div",{className:te.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(I=(S=m?.bindCta)===null||S===void 0?void 0:S.enTitle)!==null&&I!==void 0?I:"Shop now")))}))};var Ts=l.memo(Ss);const xs=Oe(Ts,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:ys,bindableProps:[],settingRender:Be},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 ai,di,Es=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","isWaterfallFlow"],initialValue:!0}]},{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:ae,name:["fontFamily"],initialValue:(ai=ae?.[0])===null||ai===void 0?void 0:ai.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:ae,initialValue:(di=ae?.[0])===null||di===void 0?void 0:di.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 Cs=({icon:t,styles:e,textStyle:i,onClose:n})=>{var o;const{waterFallData:s,setOpenHashtag:a}=pe();return l.createElement("div",{className:"clc-sxp-nav",style:e},l.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),l.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(o=s?.hashTag)!==null&&o!==void 0?o:"\u6807\u9898"}`))};var Ri=l.memo(Cs),Is=null,_s="3d989325-e7d6-4a74-8a97-98febdf5b567",ks=null,Ds=null,As={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"},Ps=[{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}],Os="Handbags",en={productUserId:Is,requestId:_s,channel:ks,rtc:Ds,tag:As,recList:Ps,hashTag:Os};const Ms=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:o,index:s,showBorder:a,list:r,reportTagsView:d,textStyles:c,space:u}=t,{swiperRef:v,setRtcList:g,setOpenHashtag:y,sxpParameter:h}=pe(),[b,C]=l.useState(!1),[p,w]=l.useState(!1),[f,x]=l.useState({height:1,width:1}),k=l.useRef(null),m=l.useRef(null),L=l.useRef(null),_=l.useRef(null),[T,E]=l.useState(""),A=l.useMemo(()=>{var z,j,V,O,D,W,F,U,R,Q;return!((z=e?.video)===null||z===void 0)&&z.cover?(j=e?.video)===null||j===void 0?void 0:j.cover:!((O=(V=e?.video)===null||V===void 0?void 0:V.imgUrls)===null||O===void 0)&&O.length?(W=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||W===void 0?void 0:W[0]:!((U=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||U===void 0)&&U.length?(Q=(R=e?.product)===null||R===void 0?void 0:R.homePage)===null||Q===void 0?void 0:Q[0]:h?.bottom_image||""},[e,h?.bottom_image]),S=l.useMemo(()=>{var z,j;return((z=e?.product)===null||z===void 0?void 0:z.title)||((j=e?.video)===null||j===void 0?void 0:j.title)||null},[e]),I=l.useMemo(()=>{var z;return i.transform?Number((z=i.transform)===null||z===void 0?void 0:z.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]),P=l.useMemo(()=>I===void 0?!1:I<=a,[I,a]),N=l.useMemo(()=>{var z,j,V,O,D,W,F,U,R;return!((z=e?.product)===null||z===void 0)&&z.currency&&(!((j=e?.product)===null||j===void 0)&&j.price)?`${(W=(D=(O=(V=e?.product)===null||V===void 0?void 0:V.currency)===null||O===void 0?void 0:O.split("-")[1])===null||D===void 0?void 0:D.toUpperCase())!==null&&W!==void 0?W:""}${(R=(U=(F=e?.product)===null||F===void 0?void 0:F.price)===null||U===void 0?void 0:U.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&R!==void 0?R:""}`:null},[e]);l.useEffect(()=>{if(k.current===null||A==="")return;const z=new Image;b&&T?z.src=T:z.src=A,z.onload=()=>{x({height:z.height,width:z.width}),w(!0)},k.current.setSrc(z.src)},[A,b,T,P]),l.useEffect(()=>{const z=f.height*(o/f.width);p&&n(z+76+u,s)},[f,s,o,p,u]);const G=(z,j,V)=>{const O=z/j;return V/O};l.useEffect(()=>{const z=L?.current;z===null||A===""||!b||(z.src=A,z.currentTime=1,z.crossOrigin="anonymous",z.onloadeddata=()=>{const j=_?.current;if(!j)return;const V=j.getContext("2d"),O=window?.innerWidth/2,D=G(z.videoWidth,z.videoHeight,O);j.height=D,j.width=O,V?.drawImage(z,0,0,j.width,j.height),E(j.toDataURL()),z.remove(),j.remove()})},[A,b]);const $=()=>{d(),g?.(r),setTimeout(()=>{var z;(z=v?.current)===null||z===void 0||z.swiper.slideTo(s,0,!1),y?.(!1)},0)};return l.createElement("div",{ref:m,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:$},l.createElement("div",{className:"waterFallList-content-listItem-picture"},b&&l.createElement("div",{style:{display:"none"}},l.createElement("video",{ref:L,src:A,crossOrigin:"anonymous",className:"waterFallList-content-listItem-picture-img"}),l.createElement("canvas",{ref:_})),l.createElement(Le,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",ref:k})),l.createElement("div",{className:"waterFallList-content-listItem-info"},l.createElement("div",{className:`waterFallList-content-listItem-info-title ${N?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},S&&S),l.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!N,style:c.price},N)))};function Ls(t){var e,i,n,o,s,a,r,d,c,u,v,g,y,h,b,C,p,{reportTagsView:w}=t,f=Te(t,["reportTagsView"]);const{waterFallData:x,getRecommendVideos:k,hashTagSize:m,loadingImage:L,isOpenHashTag:_}=pe(),T=l.useRef(null),[E,A]=l.useState(0),[S,I]=l.useState(),P=l.useRef(null),[N,G]=l.useState([]),$=l.useRef(),z=[170,230,300],[j,V]=l.useState(!1),[O,D]=l.useState([]),W=l.useRef(),F=l.useCallback((B,H)=>Math.floor(Math.random()*(H-B+1))+B,[]),U=l.useRef([]),[R,Q]=l.useState({width:0}),ie=l.useMemo(()=>{const B=R.width||0;return B>=1200?6:B>=768&&B<=1199?4:2},[R]),ne=l.useMemo(()=>R.width/ie-2,[ie,R]),Y=l.useCallback(()=>{var B;const H=(B=$.current)!==null&&B!==void 0?B:[],q=[];for(let X=0;X<O?.length;X++){const de=Math.floor(X/ie),fe=X%ie+1;let ce=0,we=9999999999;if(de===0)q[X]=X;else{for(let Se=0;Se<q.length;Se++)U.current[q[Se]].top+U.current[q[Se]].height<we&&(ce=Se,we=U.current[q[Se]].top+U.current[q[Se]].height);q[ce]=X}U.current[X]===void 0&&(U.current[X]={}),de===0?(fe===1?U.current[X].left=0:U.current[X].left=U.current[X-1].left+ne+4,U.current[X].top=0):(U.current[X].left=U.current[ce].left,U.current[X].top=we),U.current[X].height=U.current[X].height||z[F(0,2)],H[X]={transform:`translate(${U.current[X].left}px,${U.current[X].top}px)`,width:`${ne}px`,height:U.current[X].height}}return G([...H]),[...H]},[ne,ie,z,F,O]),re=l.useCallback((B,H)=>{U.current[H]===void 0&&(U.current[H]={}),U.current[H].height=B,$.current=Y()},[Y]);l.useEffect(()=>{$.current=Y()},[ne,ie,O]),l.useEffect(()=>{var B,H;if(V(!0),x&&k?.({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType,defaultSize:m,maxSize:m}).then(q=>{var X,de;I(q),D((de=(X=q?.recList)===null||X===void 0?void 0:X.filter(fe=>fe?.video!==null||fe?.product!==null))!==null&&de!==void 0?de:[]),V(!1)}),_){const q=en;I(q),D((H=(B=q?.recList)===null||B===void 0?void 0:B.filter(X=>X?.video!==null||X?.product!==null))!==null&&H!==void 0?H:[]),V(!1)}},[x,k,m,_]);const K=l.useCallback(()=>{P.current!==null&&Q({width:P.current.getBoundingClientRect().width})},[]);l.useEffect(()=>{if(P.current===null)return;const B=new ResizeObserver(H=>{K()});return B.observe(P.current),()=>{B.disconnect()}},[K]),l.useCallback(()=>{V(!0),x&&k?.({hashTag:x?.hashTag,"itemFilter.itemId":x?.itemId,"itemFilter.itemType":x?.itemType}).then(B=>{var H,q;D(O?.concat((q=(H=B?.recList)===null||H===void 0?void 0:H.filter(X=>!X?.video))!==null&&q!==void 0?q:[])),V(!1)})},[x,k,O]);const Z=l.useCallback(()=>{A(T.current.scrollTop)},[]);l.useEffect(()=>{var B;return(B=T?.current)===null||B===void 0||B.addEventListener("scroll",Z),()=>{var H;(H=T?.current)===null||H===void 0||H.removeEventListener("scroll",Z)}},[Z,T]);const be=()=>{var B,H;!((B=S?.tag)===null||B===void 0)&&B.link&&(w(),window.location.href=(H=S?.tag)===null||H===void 0?void 0:H.link)};return l.createElement(l.Fragment,null,j?l.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},l.createElement("img",{width:64,height:64,src:L,alt:"loading...",style:{objectFit:"contain"}})):l.createElement("div",{className:"waterFallList",ref:P},l.createElement("div",{className:"waterFallList-scroll",ref:T},l.createElement("div",{className:"waterFallList-info",style:(e=f?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=S?.tag)===null||i===void 0?void 0:i.info),l.createElement("div",{hidden:!(!((n=S?.tag)===null||n===void 0)&&n.link),className:"waterFallList-collection",style:Object.assign({},(o=f?.textStyles)===null||o===void 0?void 0:o.hashTagLink),onClick:be},((s=S?.tag)===null||s===void 0?void 0:s.linkTitle)||"Shop the collection"),l.createElement("div",{className:"waterFallList-content"},O?.map((B,H)=>{var q;return l.createElement(Ms,Object.assign({key:H,index:H,rec:B,list:O,showBorder:E+((q=T?.current)===null||q===void 0?void 0:q.clientHeight),style:N[H],sizeChange:re,unitWidth:ne,reportTagsView:w},f))}),l.createElement("div",{hidden:!(!((a=S?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(v=((d=U?.current[((r=U?.current)===null||r===void 0?void 0:r.length)-1])===null||d===void 0?void 0:d.top)+((u=U?.current[((c=U?.current)===null||c===void 0?void 0:c.length)-1])===null||u===void 0?void 0:u.height))!==null&&v!==void 0?v:0}px)`,height:!((g=S?.tag)===null||g===void 0)&&g.link?((y=W?.current)===null||y===void 0?void 0:y.offsetHeight)||((h=f?.buttonBgStyle)===null||h===void 0?void 0:h.height)||"100px":0}}))),l.createElement("div",{className:"waterFallList-bottom",hidden:!(!((b=S?.tag)===null||b===void 0)&&b.link),style:f?.buttonBgStyle}),l.createElement("div",{ref:W,hidden:!(!((C=S?.tag)===null||C===void 0)&&C.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},f?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},l.createElement("button",{className:"waterFallList-btn",style:f?.buttonStyle,onClick:be},((p=S?.tag)===null||p===void 0?void 0:p.linkTitle)||"Shop the collection"))))}var js="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ns=t=>{const{rec:e,index:i,list:n,reportTagsView:o,textStyles:s,space:a}=t,{swiperRef:r,setRtcList:d,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=pe(),[g,y]=l.useState(!1),h=l.useRef(null),b=l.useRef(null),C=l.useRef(null),p=l.useRef(null),[w,f]=l.useState(""),x=l.useMemo(()=>{var T,E,A,S,I,P,N,G,$,z;return!((T=e?.video)===null||T===void 0)&&T.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((S=(A=e?.video)===null||A===void 0?void 0:A.imgUrls)===null||S===void 0)&&S.length?(P=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||P===void 0?void 0:P[0]:!((G=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||G===void 0)&&G.length?(z=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||z===void 0?void 0:z[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=l.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]),m=l.useMemo(()=>{var T,E,A,S,I,P,N,G,$;return!((T=e?.product)===null||T===void 0)&&T.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(P=(I=(S=(A=e?.product)===null||A===void 0?void 0:A.currency)===null||S===void 0?void 0:S.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&P!==void 0?P:""}${($=(G=(N=e?.product)===null||N===void 0?void 0:N.price)===null||G===void 0?void 0:G.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);l.useEffect(()=>{const T=new IntersectionObserver(E=>{E.forEach(A=>{if(A.isIntersecting){if(b.current===null||x==="")return;g&&w?h.current.setSrc(w):h.current.setSrc(x),T.unobserve(b.current)}})});return T.observe(b.current),()=>{T.disconnect()}},[x,g,w]);const L=(T,E,A)=>{const S=T/E;return A/S};l.useEffect(()=>{const T=C?.current;T===null||x===""||!g||(T.src=x,T.currentTime=1,T.crossOrigin="anonymous",T.onloadeddata=()=>{const E=p?.current;if(!E)return;const A=E.getContext("2d"),S=window?.innerWidth/2,I=L(T.videoWidth,T.videoHeight,S);E.height=I,E.width=S,A?.drawImage(T,0,0,E.width,E.height),f(E.toDataURL()),T.remove(),E.remove()})},[x,g]);const _=()=>{o(),d?.(n),setTimeout(()=>{var T;(T=r?.current)===null||T===void 0||T.swiper.slideTo(i,0,!1),c?.(!1)},0)};return l.createElement("div",{ref:b,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:a}},l.createElement("div",{className:"list-content-listItem-picture"},g&&l.createElement("div",{style:{display:"none"}},l.createElement("video",{ref:C,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),l.createElement("canvas",{ref:p})),l.createElement(Le,{loading:"lazy",className:"list-content-listItem-picture-img",ref:h})),l.createElement("div",{className:"list-content-listItem-info"},l.createElement("div",{className:`list-content-listItem-info-title ${m?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),l.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!m},m)))};function Bs(t){var e,i,n,o,s,a,r,d,c,u,v,g,{reportTagsView:y}=t,h=Te(t,["reportTagsView"]);const{waterFallData:b,getRecommendVideos:C,hashTagSize:p,loadingImage:w,isOpenHashTag:f}=pe(),[x,k]=l.useState(),[m,L]=l.useState(),[_,T]=l.useState(!1),E=l.useRef(null),[A,S]=l.useState(!1);l.useCallback(()=>{A||(S(!0),b&&C?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(P=>{var N;k(x?.concat((N=P?.recList)!==null&&N!==void 0?N:[])),S(!1)}))},[b,C,x,A]),l.useEffect(()=>{var P,N;if(T(!0),b&&C?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:p,maxSize:p}).then(G=>{var $,z;L(G),k((z=($=G?.recList)===null||$===void 0?void 0:$.filter(j=>j?.video!==null||j?.product!==null))!==null&&z!==void 0?z:[]),T(!1)}),f){const G=en;L(G),k((N=(P=G?.recList)===null||P===void 0?void 0:P.filter($=>$?.video!==null||$?.product!==null))!==null&&N!==void 0?N:[]),T(!1)}},[b,C,p,f]);const I=()=>{var P,N;!((P=m?.tag)===null||P===void 0)&&P.link&&(y(),window.location.href=(N=m?.tag)===null||N===void 0?void 0:N.link)};return l.createElement(l.Fragment,null,_?l.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},l.createElement("img",{width:64,height:64,src:w,alt:"loading...",style:{objectFit:"contain"}})):l.createElement("div",{className:"list"},l.createElement("div",{className:"list-scroll",ref:E},l.createElement("div",{className:"list-info",style:(e=h?.textStyles)===null||e===void 0?void 0:e.hashTagDesc},(i=m?.tag)===null||i===void 0?void 0:i.info),l.createElement("div",{hidden:!(!((n=m?.tag)===null||n===void 0)&&n.link),className:"list-collection",onClick:I,style:Object.assign(Object.assign({},(o=h?.textStyles)===null||o===void 0?void 0:o.hashTagLink),{marginBottom:h?.space})},((s=m?.tag)===null||s===void 0?void 0:s.linkTitle)||"Shop the collection"),l.createElement("div",{className:"list-content"},x?.map((P,N)=>l.createElement(Ns,Object.assign({key:N,index:N,rec:P,list:x,reportTagsView:y},h)))),l.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),l.createElement("div",{hidden:!(!((a=m?.tag)===null||a===void 0)&&a.link),style:{height:!((r=m?.tag)===null||r===void 0)&&r.link?((d=h?.buttonBgStyle)===null||d===void 0?void 0:d.height)||((c=h?.buttonStyle)===null||c===void 0?void 0:c.height)||"100px":0}})),l.createElement("div",{className:"list-bottom",hidden:!(!((u=m?.tag)===null||u===void 0)&&u.link),style:h?.buttonBgStyle}),l.createElement("div",{hidden:!(!((v=m?.tag)===null||v===void 0)&&v.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},l.createElement("button",{className:"list-btn",style:h?.buttonStyle,onClick:I},((g=m?.tag)===null||g===void 0?void 0:g.linkTitle)||"Shop the collection"))))}const zs=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:o,swiperRef:s,setWaterFallData:a,cacheRtcList:r,setRtcList:d,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:h}=pe();l.useRef(null);const b=l.useRef(null),[C,p]=l.useState();l.useEffect(()=>{const m=document.getElementById("sxp-render"),L=document.getElementById("water-fall");L?b.current=L:(b.current=document.createElement("div"),b.current.setAttribute("id","water-fall"),m?.appendChild(b.current))},[]);const w=()=>{const m=ge.isEqual(u,r);!m&&r&&r?.length&&d?.(r),k(),a?.(void 0),g?.(!1),setTimeout(()=>{var L,_;m||(_=(L=s?.current)===null||L===void 0?void 0:L.swiper)===null||_===void 0||_.slideTo(c,0,!1),n?.(!1)},0)},[f,x]=l.useState();l.useEffect(()=>{i&&x(i)},[i]);const k=l.useCallback(()=>{var m,L,_,T,E,A;const S=f?.rec;if(!S)return;let I="";y?I="hashTagPage":!((m=S?.video)===null||m===void 0)&&m.url?I="videoPage":!((_=(L=S?.video)===null||L===void 0?void 0:L.imgUrls)===null||_===void 0)&&_.length&&(I="imagePage"),h?.({eventInfo:{contentId:(T=S?.video)===null||T===void 0?void 0:T.itemId,position:c+"",contentTags:JSON.stringify((E=S?.video)===null||E===void 0?void 0:E.tags),traceInfo:(A=S?.video)===null||A===void 0?void 0:A.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:I,fromKPage:location?.href,timeOnSite:Math.floor((new Date-C)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,h,C,y,c]);return l.useEffect(()=>{o&&p(new Date)},[o]),l.useEffect(()=>{const m=()=>{p(new Date)};return window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),b.current?hi.createPortal(l.createElement("div",{className:"waterfall",style:{display:o?"block":"none"}},l.createElement(Ri,{icon:js,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:w}),t?.isWaterfallFlow===!0||t?.isWaterfallFlow===void 0?l.createElement(Bs,Object.assign({reportTagsView:k},t)):l.createElement(Ls,Object.assign({reportTagsView:k},t))),b.current):null};var tn=l.memo(zs);const Vs=t=>l.createElement(tn,Object.assign({},t));var Fs=l.memo(Vs);const Hs=Oe(Fs,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Es,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 ui=Object.freeze({__proto__:null,Appoint:Yl,AppointForm:Fn,Commodity:Ul,CommodityDetail:Il,CommodityDetailDiroNew:Nl,CommodityDiro:ts,CommodityDiroNew:ss,HashTag:Hs,Link:Kl,MultiCommodity:bs,MultiCommodityDiro:vs,MultiCommodityDiroNew:xs,Prompt:Ol});const Us="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Gs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",$s=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:o,position:s}=t,a=Te(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:r,mutateUnlike:d,bffEventReport:c}=pe(),[u,v]=l.useState(e),g=je(Gs),y=je(Us),h=ge.debounce(()=>Ie(void 0,void 0,void 0,function*(){var b,C,p,w,f,x,k,m,L,_,T,E,A,S,I,P,N,G,$,z;if(u){v(!1);const j=(p=yield d?.({videoItemId:(C=(b=o?.video)===null||b===void 0?void 0:b.itemId)!==null&&C!==void 0?C:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(w=o?.video)===null||w===void 0?void 0:w.itemId)!==null&&f!==void 0?f:"",contentName:(k=(x=o?.video)===null||x===void 0?void 0:x.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((L=(m=o?.video)===null||m===void 0?void 0:m.tags)!==null&&L!==void 0?L:[]),position:s+"",contentFormat:!((_=o?.video)===null||_===void 0)&&_.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 r?.({content:JSON.stringify(o)}))!==null&&E!==void 0?E:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(S=(A=o?.video)===null||A===void 0?void 0:A.itemId)!==null&&S!==void 0?S:"",contentName:(P=(I=o?.video)===null||I===void 0?void 0:I.title)!==null&&P!==void 0?P:"",contentTags:JSON.stringify((G=(N=o?.video)===null||N===void 0?void 0:N.tags)!==null&&G!==void 0?G:[]),position:s+"",contentFormat:!(($=o?.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(z=o?.video)===null||z===void 0?void 0:z.traceInfo}}),j||v(!1)}}),200);return l.createElement("button",Object.assign({},a,{onClick:h}),l.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:u?i||g:n||y,alt:"icon"}))};var nn=l.memo($s);const Ws=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:s,videoPostConfig:a,videoRef:r})=>{const[d,c]=l.useState(!1),{bffEventReport:u,sxpParameter:v,waterFallData:g,openHashtag:y,bffFbReport:h}=pe(),b=l.useRef(0),[C,p]=l.useState(!1),[w,f]=l.useState(!0),{isActive:x}=Ki(),k=l.useRef(null),[m,L]=l.useState(""),_=`pb-cache-video-${e}`,T=l.useRef(null),E=l.useMemo(()=>a?.mode==="2",[a]),A=l.useMemo(()=>{var F;return a?.mode==="2"?`translateY(-${50+((F=a?.offsetTop)!==null&&F!==void 0?F:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),S=l.useMemo(()=>{var F;return((F=t?.video)===null||F===void 0?void 0:F.cover)||m},[m,t]),I=l.useMemo(()=>E?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[E]),P=l.useMemo(()=>a?.bgWay==="1",[a]),N=l.useMemo(()=>P&&a?.bgColor?{backgroundColor:a?.bgColor}:{},[a,P]);l.useEffect(()=>{r&&r?.muted(o)},[o,r]);const G=l.useCallback(()=>{r&&r?.play()},[r]),$=je("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),z=l.useCallback(()=>{var F,U,R,Q,ie,ne,Y,re,K;if(!r)return;p(!0),c(!1);const Z=n[e];if(Z&&r?.duration()){b.current=r?.currentTime()||0;const be=((F=r?.duration())!==null&&F!==void 0?F:0).toFixed(2),B=((U=r?.currentTime())!==null&&U!==void 0?U:0).toFixed(2),H=w?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(Q=(R=Z?.video)===null||R===void 0?void 0:R.itemId)!==null&&Q!==void 0?Q:"",contentName:(ne=(ie=Z?.video)===null||ie===void 0?void 0:ie.title)!==null&&ne!==void 0?ne:"",playType:H,startTime:B,videoDuration:be,contentTags:JSON.stringify((re=(Y=Z?.video)===null||Y===void 0?void 0:Y.tags)!==null&&re!==void 0?re:[]),position:e+"",contentFormat:"video",traceInfo:(K=Z?.video)===null||K===void 0?void 0:K.traceInfo}}),f(!1)}},[u,n,e,w,r]),j=l.useCallback(()=>{var F;if(!r||m||!E)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||!k||!k.current||P))return;const R=()=>{const Q=U,ie=k?.current,ne=ie.getContext("2d"),Y=window?.innerWidth,re=window?.innerHeight;ie.height=re,ie.width=Y,ne?.drawImage(Q,0,0,ie.width,ie.height),L(ie.toDataURL())};R(),setTimeout(()=>{R()},500)},[r,P,t,m,E]),V=l.useCallback(()=>{r&&j()},[r,j]);l.useCallback(()=>{p(!0)},[]);const O=l.useCallback(F=>()=>{if(!r||!C)return;const U=r?.paused();switch(F){case"start":if(!U)return;r?.play(),c(!1);break;case"pause":if(U)return;r?.pause(),c(!0);break;default:U?r?.play():r?.pause(),c(!U);break}},[C,r]),D=l.useCallback(()=>{var F,U,R,Q,ie,ne,Y,re,K;if(!r||s!==e)return;const Z=n[e],be=((F=r?.duration())!==null&&F!==void 0?F:0).toFixed(2),B=((U=r?.currentTime())!==null&&U!==void 0?U:0).toFixed(2);if(r?.duration()){const H=(r?.currentTime()-b.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(Q=(R=Z?.video)===null||R===void 0?void 0:R.itemId)!==null&&Q!==void 0?Q:"",contentName:(ne=(ie=Z?.video)===null||ie===void 0?void 0:ie.title)!==null&&ne!==void 0?ne:"",endTime:B,videoDuration:be,playDuration:H,contentTags:JSON.stringify((re=(Y=Z?.video)===null||Y===void 0?void 0:Y.tags)!==null&&re!==void 0?re:[]),position:e+"",contentFormat:"video",traceInfo:(K=Z?.video)===null||K===void 0?void 0:K.traceInfo}})}},[n,e,u,r,s]);l.useEffect(()=>{if(!x||!r)return;const F=t?.video.url;if(!F)return;r?.src(F),c(!1);const U=document.querySelector(`#${_}`),R=document.querySelector("#player-container-id"),Q=document.querySelector("#player-container-id-copy");if(!(!R&&!Q))return U?.appendChild(R||Q),r?.on("loadedmetadata",V),r?.on("loadeddata",j),r?.on("playing",z),r?.on("pause",D),r?.on("ended",G),()=>{Q?.appendChild(R),r?.off("loadedmetadata",V),r?.off("loadeddata",j),r?.off("playing",z),r?.off("pause",D),r?.off("ended",G)}},[x,_,t,r]),l.useEffect(()=>{!r||!C||(x?(h?.({eventName:"ViewContent"}),r?.play()):r?.pause())},[x,C,r]),l.useEffect(()=>{if(!x||!r)return;!r?.paused()&&y?r?.pause():y||r?.play()},[y,x,r]),l.useEffect(()=>{if(!x)return;const F=()=>{O("start")(),h?.({eventName:"ViewContent"})},U=O("pause");return Ye.on(ze.PAGE_DID_SHOW,F),Ye.on(ze.PAGE_DID_HIDE,U),()=>{Ye.off(ze.PAGE_DID_SHOW,F),Ye.off(ze.PAGE_DID_HIDE,U)}},[O,x]);const W=l.useMemo(()=>!v?.placeholder_image||C?null:l.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[C,v?.placeholder_image]);return l.useEffect(()=>{if(!r)return;const F=()=>{var U;s===e&&(!((U=t?.video)===null||U===void 0)&&U.url)&&r&&!d&&O("pause")()};return window.addEventListener("beforeunload",F),()=>{window.removeEventListener("beforeunload",F)}},[s,e,t,r,O,d]),t?.video?l.createElement(l.Fragment,null,E?l.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:O(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!P&&l.createElement(Le,{src:S,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),l.createElement("canvas",{ref:k,style:{display:"none"}}),l.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:A,left:0,right:0}},l.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},l.createElement("div",{className:"n-full-screen",ref:T,id:_,style:{width:"100%",height:"100%"}}),l.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))),W):l.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:O()},l.createElement("div",{className:"n-full-screen",ref:T,id:_,style:{width:"100%",height:"100%"}}),W,l.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:$}))):null};var Ys=l.memo(Ws);const qs=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:o})=>{const[s,a]=l.useState(t),r=d=>{d.stopPropagation();const c=!s;a(c),n?.(c)};return l.createElement("button",{style:o,className:"pb-toggle-button",onClick:r},l.createElement("img",{className:"pb-toggle-button-icon",src:s?e:i}))};var on=l.memo(qs);const Xs=({imageUrl:t,style:e})=>{const[i,n]=l.useState(!0);We(),l.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const o=je("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=l.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return l.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},l.createElement("img",{src:t||o}))},ln=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:o}=t,s=l.useMemo(()=>n?.mode==="2",[n]),a=l.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=l.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),d=l.useMemo(()=>n?.bgWay==="1",[n]),c=l.useMemo(()=>d&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,d]);return l.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!s||!d)&&l.createElement(Le,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r),onLoad:o}),s&&l.createElement(Le,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:a,left:0,right:0}}))},Js=({imgUrls:t,width:e,height:i,rec:n,index:o,onReportViewImageEnd:s,onViewImageStartEvent:a,imgUrlsPostConfig:r})=>{var d;const c=l.useRef(),{isActive:u}=Ki(),{sxpParameter:v,openHashtag:g}=pe(),[y,h]=l.useState(!1);l.useEffect(()=>{y&&u?(c?.current&&c.current.swiper.autoplay.start(),g?s(n):a(o)):c?.current&&c.current.swiper.autoplay.stop()},[n,u,s,g,o,a,y]);const b=l.useCallback(()=>{y||h(!0)},[y]);return l.createElement(Re,{ref:c,defaultValue:0,direction:"horizontal",modules:[xt,Et],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((d=r?.delay)!==null&&d!==void 0?d:3)*1e3}},t?.map((C,p)=>l.createElement($e,{key:p},l.createElement(ln,{src:!y&&p>0?"":C,height:i,imgUrlsPostConfig:r,onShowFirstImage:b}))))};var Ks=l.memo(Js);const Qs=({tags:t,itemId:e,itemType:i,index:n,rec:o,hashTagStyle:s})=>{const[a,r]=l.useState(!1),{setWaterFallData:d,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:g}=pe(),y=h=>{v?g?.(!0):u?.(n),d?.(i?{hashTag:h,itemId:e,itemType:i,rec:o}:{hashTag:h,rec:o}),c?.(!0)};return l.useMemo(()=>t.length<=6?null:l.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>r(!a)},a?"show less":"show more"),[a,t]),l.createElement("div",{className:"clc-sxp-bottom-hashtag"},l.createElement(Dt,null,t?.map((h,b)=>l.createElement($e,{key:b,hidden:a?!1:b>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(h)},`#${h}`))))};var sn=l.memo(Qs),Zs="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 At(t){return l.memo(function(e){const{$store:i}=In(),n=s=>{let a=s;const r=s.match(/{{.*?}}/g);return r?.length&&r.forEach(d=>{d.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=ge.get(i,u);return a=a.replace(d,v),v}})}),a},o=l.useMemo(()=>{var s,a,r;const{bindDatas:d}=e,c=Te(e,["bindDatas"]);if((s=d?.forEach)===null||s===void 0||s.call(d,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:g}=u;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,h)=>{var b,C;if(h){const p=(C=(b=ge.get(i,h))!==null&&b!==void 0?b:e[v])!==null&&C!==void 0?C:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=ge.cloneDeep(c.event)||{};for(const v in u)if(Object.prototype.hasOwnProperty.call(u,v))try{u[v].value=n(u[v].value),c.eventMap[v]=new Function(u[v].value)}catch{}}return!((r=(a=c?.event)===null||a===void 0?void 0:a.onClick)===null||r===void 0)&&r.linkType&&(c.style.cursor="pointer"),c},[i,e]);return l.createElement(t,Object.assign({},o,o.eventMap))})}const Rs=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:o}=We(),s=l.useMemo(()=>{var a,r,d,c,u,v,g,y,h,b,C,p,w,f,x,k,m,L,_,T,E,A,S,I,P,N,G,$,z,j,V;if(!t?.video)return null;let O=null;!((r=(a=t?.video)===null||a===void 0?void 0:a.bindProducts)===null||r===void 0)&&r.length?O="\u591A\u5546\u54C1CTA":!((d=t?.video)===null||d===void 0)&&d.bindProduct?O="\u5546\u54C1CTA":O=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const D=i?.[O];if(((v=D?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=D?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((h=t?.video)===null||h===void 0)&&h.bindProduct)||((b=D?.item)===null||b===void 0?void 0:b.type)==="CommodityDiroNew"&&!(!((C=t?.video)===null||C===void 0)&&C.bindProduct)||((p=D?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((f=(w=t?.video)===null||w===void 0?void 0:w.bindProducts)===null||f===void 0)&&f.length)||((x=D?.item)===null||x===void 0?void 0:x.type)==="MultiCommodityDiro"&&!(!((m=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||m===void 0)&&m.length)||((L=D?.item)===null||L===void 0?void 0:L.type)==="MultiCommodityDiroNew"&&!(!((T=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||T===void 0)&&T.length))return null;if(D&&n){const W=n[(E=D?.item)===null||E===void 0?void 0:E.type],F=At(W),U=(A=W?.extend)===null||A===void 0?void 0:A.defaulSetting,R=((P=(I=(S=D?.item)===null||S===void 0?void 0:S.event)===null||I===void 0?void 0:I.onClick)===null||P===void 0?void 0:P.linkType)==="externalLink";return l.createElement(F,Object.assign({style:Object.assign(Object.assign(Object.assign({},U?.style),(N=D?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},U?.textStyle),(G=D?.item)===null||G===void 0?void 0:G.textStyle),bindDatas:(z=($=D?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&z!==void 0?z:[]},U?.props,(j=D?.item)===null||j===void 0?void 0:j.props,{event:((V=D?.item)===null||V===void 0?void 0:V.event)||{},schema:o,id:D?.id,key:D?.id,recData:t,isExternalLink:R,index:e}))}else return null},[t,n,i,o]);return l.createElement(l.Fragment,null,s)};var rn=l.memo(Rs);const an=({nudge:t})=>{var e,i,n,o,s,a,r;return l.createElement(l.Fragment,null,t?.isOpen&&l.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:(s=(o=t?.size)===null||o===void 0?void 0:o.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(a=t?.borderRadius)!==null&&a!==void 0?a:4}},t?.icon?l.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,l.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(r=t?.content)!==null&&r!==void 0?r:"")))},ci="FOR U",er=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=l.useState(ci),{getRecommendVideos:o,setRtcList:s,setCacheRtcList:a,setCacheActiveIndex:r,setLoading:d,swiperRef:c,waterFallData:u}=pe(),v=l.useMemo(()=>[ci,...t],[t]),g=y=>()=>{if(y===i)return;let h;y!==ci&&(h=y),d?.(!0),o?.({themeTag:h}).then(b=>{var C,p,w,f;Ye.emit(ze.CHANGE_THEME_TAG,h),s?.((C=b?.recList)!==null&&C!==void 0?C:[]),a?.((p=b?.recList)!==null&&p!==void 0?p:[]),e?.(0),r?.(0),(f=(w=c?.current)===null||w===void 0?void 0:w.swiper)===null||f===void 0||f.slideTo(0)}).finally(()=>{d?.(!1)}),n(y)};return u||t.length<=0?null:l.createElement("div",{className:"clc-sxp-tagbar"},l.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},v.map(y=>l.createElement("li",{className:`clc-sxp-tagbar-list-item ${y===i?"clc-sxp-tagbar-list-item-active":""}`,key:y,onClick:g(y)},y))))};var dn=l.memo(er);const un=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:o,resolver:s,data:a=[],ctaType:r,tipText:d,nudge:c,_schema:u,hashTagStyle:v,tagList:g=[],licenseUrl:y})=>{var h,b,C,p,w,f,x,k,m,L;const{schema:_}=We(),[T,E]=l.useState(0),A=l.useRef(0),[S,I]=l.useState(!1),[P,N]=l.useState(!0),G=l.useRef(),$=l.useRef(),[z,j]=l.useState(!1),[V,O]=l.useState(!1),{loadVideos:D,bffEventReport:W,loading:F,setPopupDetailData:U,ctaEvent:R,swiperRef:Q,waterFallData:ie,setOpenHashtag:ne,appDomain:Y,openHashtag:re,loadingImage:K,isFromHashtag:Z,popupDetailData:be,bffFbReport:B}=pe(),[H,q]=l.useState(null),X=l.useRef(),{productView:de}=Ve(),fe=l.useMemo(()=>a.length>0&&!F&&An(),[a,F]),ce=l.useCallback(()=>{a.length<=0||(we(),B?.({eventName:"PageView"}),I(!0))},[a.length,B]),we=()=>{G.current=new Date,$.current=new Date,kn()},Se=l.useRef();l.useEffect(()=>{var M,oe,J,le;if(!Se.current&&!H&&X?.current&&a?.length>0){Se.current=!0;const ue=TCPlayer("player-container-id",{licenseUrl:y,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((oe=(M=a?.[0])===null||M===void 0?void 0:M.video)===null||oe===void 0)&&oe.url?[{src:(le=(J=a?.[0])===null||J===void 0?void 0:J.video)===null||le===void 0?void 0:le.url}]:[]});ue?.ready(()=>{q(ue)})}},[H,y,a]),l.useEffect(()=>{S||ce()},[ce,S]),l.useEffect(()=>{var M;const oe=a?.findIndex(J=>{var le,ue,ve,ee,se,ye,ke,De,me;return r==="\u591A\u5546\u54C1CTA"?((le=J?.video)===null||le===void 0?void 0:le.bindProducts)&&((ve=(ue=J?.video)===null||ue===void 0?void 0:ue.bindProducts)===null||ve===void 0?void 0:ve.length)>0:r==="\u5546\u54C1CTA"?(ee=J?.video)===null||ee===void 0?void 0:ee.bindProduct:((ye=(se=J?.video)===null||se===void 0?void 0:se.bindCta)===null||ye===void 0?void 0:ye.itemId)===r&&(((ke=J?.video)===null||ke===void 0?void 0:ke.url)||((me=(De=J?.video)===null||De===void 0?void 0:De.imgUrls)===null||me===void 0?void 0:me.length))})||0;(M=Q?.current)===null||M===void 0||M.swiper.slideTo(oe)},[r,Q]),l.useEffect(()=>{const M=a?.[T],oe=()=>{var J,le,ue,ve,ee,se,ye,ke,De,me,xe,et,tt,it,Qe,ht;if(document.visibilityState==="hidden"){Ye.emit(ze.PAGE_DID_HIDE,M),dt(M),fi(M);let Ee="";be&&(!((le=(J=M?.video)===null||J===void 0?void 0:J.bindProducts)===null||le===void 0)&&le.length||!((ue=M?.video)===null||ue===void 0)&&ue.bindProduct)?Ee="pdpPage":be&&((ye=o?.[(se=(ee=(ve=M?.video)===null||ve===void 0?void 0:ve.bindCta)===null||ee===void 0?void 0:ee.itemId)!==null&&se!==void 0?se:""].item)===null||ye===void 0?void 0:ye.type)==="Appoint"?Ee="formPage":Z?Ee="hashTagPage":!((ke=M?.video)===null||ke===void 0)&&ke.url?Ee="videoPage":!((De=M?.video)===null||De===void 0)&&De.imgUrls&&(!((xe=(me=M?.video)===null||me===void 0?void 0:me.imgUrls)===null||xe===void 0)&&xe.length)?Ee="imagePage":M?.product&&(Ee="productPage"),W?.({eventInfo:{sessionDuration:Math.floor((new Date-G.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(et=M?.video)===null||et===void 0?void 0:et.itemId,productId:(tt=M?.product)===null||tt===void 0?void 0:tt.itemId,position:T+"",fromKName:Ee,fromKPage:location?.href,ctatId:(ht=(Qe=(it=M?.video)===null||it===void 0?void 0:it.bindCta)===null||Qe===void 0?void 0:Qe.itemId)!==null&&ht!==void 0?ht:""}})}else document.visibilityState==="visible"&&(ce(),pn(T),Ye.emit(ze.PAGE_DID_SHOW,M))};return document.addEventListener("visibilitychange",oe),()=>{document.removeEventListener("visibilitychange",oe)}},[T,W,G,a,ce,be,Z,o]);const qe=l.useMemo(()=>{let M=0;return g.length>0&&(M+=45,ie&&(M-=45)),M},[g,ie]),He=l.useMemo(()=>{let M=0;return t?.logoUrl&&t?.isShowLogo&&(M+=45),i-M-qe},[t,i,qe]),ft=l.useMemo(()=>t?.logoUrl&&t?.isShowLogo?l.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},l.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),st=l.useCallback((M,oe)=>{var J,le,ue,ve;return!((J=M?.video)===null||J===void 0)&&J.url?l.createElement(Ys,{rec:M,index:oe,muted:P,data:a,height:He,activeIndex:T,videoPostConfig:t?.videoPost,videoRef:H}):!((le=M?.video)===null||le===void 0)&&le.imgUrls?l.createElement(Ks,{key:M?.video.itemId,imgUrls:M?.video.imgUrls,width:n,height:He,rec:M,index:oe,onReportViewImageEnd:dt,onViewImageStartEvent:pn,imgUrlsPostConfig:t?.imgUrlsPost}):M.product&&Array.isArray(t?.productPost)&&((ue=t?.productPost)===null||ue===void 0?void 0:ue.length)>0?(ve=t?.productPost)===null||ve===void 0?void 0:ve.map((ee,se)=>{var ye,ke,De,me,xe,et,tt,it;const Qe=s[(ye=ee?.item)===null||ye===void 0?void 0:ye.type],ht=At(Qe),Ee=(ke=Qe?.extend)===null||ke===void 0?void 0:ke.defaulSetting;return l.createElement(ht,Object.assign({key:`${oe}${se}`,textStyle:Object.assign(Object.assign({},Ee?.textStyle),(De=ee?.item)===null||De===void 0?void 0:De.textStyle),bindDatas:(xe=(me=ee?.item)===null||me===void 0?void 0:me.bindDatas)!==null&&xe!==void 0?xe:[]},Ee?.props,(et=ee?.item)===null||et===void 0?void 0:et.props,{event:((tt=ee?.item)===null||tt===void 0?void 0:tt.event)||{},schema:_,id:ee?.id,viewTime:$.current,rec:M,isPost:!0,tipText:d,style:Object.assign(Object.assign(Object.assign({},Ee?.style),(it=ee?.item)===null||it===void 0?void 0:it.style),{height:"100%",overflow:"auto"}),index:oe}))}):null},[n,a,He,P,T,t?.productPost,$,d,s,_,H]),rt=l.useCallback(M=>{O(M)},[]),mt=l.useMemo(()=>V?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[V]),at=l.useCallback((M,oe)=>{var J,le,ue,ve,ee,se,ye;return M?.video?l.createElement(l.Fragment,null,((J=M?.video)===null||J===void 0?void 0:J.title)&&!V&&l.createElement("div",{className:"clc-sxp-bottom-shadow"}),l.createElement("div",{className:"clc-sxp-bottom"},l.createElement(an,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?l.createElement("div",{className:"clc-sxp-bottom-card"},l.createElement(rn,{rec:M,index:oe,tempMap:o,resolver:s})):null,l.createElement("div",null,l.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:d?.foldText,unfoldText:d?.unfoldText,text:(ue=(le=M?.video)===null||le===void 0?void 0:le.title)!==null&&ue!==void 0?ue:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:rt}),l.createElement(sn,{index:T,tags:(ee=(ve=M?.video)===null||ve===void 0?void 0:ve.hashTags)!==null&&ee!==void 0?ee:[],itemId:(se=M?.video)===null||se===void 0?void 0:se.itemId,itemType:!((ye=M?.video)===null||ye===void 0)&&ye.itemId?"VIDEO":null,rec:M,hashTagStyle:v})))):null},[e,T,o,s,d,c,v,t,rt,V,mt]),Ae=l.useCallback((M,oe)=>{var J,le,ue,ve;if(!t?.isShowLike)return;let ee=(J=t?.likeIconY)!==null&&J!==void 0?J:400;return ie&&ee<40&&(ee+=40),M?.video?l.createElement(nn,{key:M.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:M.isCollected,recData:M,className:"clc-sxp-like-button",style:{[(le=t.likeIconXPosit)!==null&&le!==void 0?le:"right"]:(ue=t.likeIconX)!==null&&ue!==void 0?ue:0,[(ve=t.likeIconYPosit)!==null&&ve!==void 0?ve:"bottom"]:ee},position:oe}):null},[t,ie]),dt=M=>{var oe,J,le,ue,ve,ee;if(!(!((oe=M?.video)===null||oe===void 0)&&oe.url)&&(!((J=M?.video)===null||J===void 0)&&J.imgUrls)){const se=Date.now(),ye=(se-A.current)/1e3;W?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(ue=(le=M?.video)===null||le===void 0?void 0:le.itemId)!==null&&ue!==void 0?ue:"",contentName:(ve=M?.video.title)!==null&&ve!==void 0?ve:"",imageEndTime:`${se}`,playDuration:`${ye}`,contentTags:JSON.stringify((ee=M?.video.tags)!==null&&ee!==void 0?ee:[]),position:T+"",contentFormat:"image",traceInfo:M?.video.traceInfo}})}},ut=M=>{var oe,J,le,ue,ve,ee,se,ye,ke,De;$.current=new Date;const me=a[M.previousIndex];if(!me)return;M.previousIndex-M.activeIndex<0?(W?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(J=(oe=me?.video)===null||oe===void 0?void 0:oe.itemId)!==null&&J!==void 0?J:"",productId:(ue=(le=me?.product)===null||le===void 0?void 0:le.itemId)!==null&&ue!==void 0?ue:"",requestId:null}}),dt(me)):(W?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(ee=(ve=me?.video)===null||ve===void 0?void 0:ve.itemId)!==null&&ee!==void 0?ee:"",productId:(ye=(se=me.product)===null||se===void 0?void 0:se.itemId)!==null&&ye!==void 0?ye:"",requestId:null}}),dt(me)),fi(me);const xe=a[M.activeIndex];!(!((ke=xe?.video)===null||ke===void 0)&&ke.url)&&!(!((De=xe?.video)===null||De===void 0)&&De.imgUrls)&&xe?.product&&B?.({eventName:"ProductView"})},fi=M=>{var oe,J,le;!(!((oe=M?.video)===null||oe===void 0)&&oe.url)&&!(!((J=M?.video)===null||J===void 0)&&J.imgUrls)&&M?.product&&de(M,M.product,(le=M?.product)===null||le===void 0?void 0:le.bindCta,$.current,T)};l.useEffect(()=>{const M=a[T];re&&fi(M)},[re,a,T]);const pn=M=>{var oe,J,le,ue,ve,ee;const se=a[M];if(!(!((oe=se?.video)===null||oe===void 0)&&oe.url)&&(!((J=se?.video)===null||J===void 0)&&J.imgUrls)){const ye=Date.now();A.current=ye,W?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(ue=(le=se?.video)===null||le===void 0?void 0:le.itemId)!==null&&ue!==void 0?ue:"",contentName:(ve=se?.video.title)!==null&&ve!==void 0?ve:"",imageStartTime:`${ye}`,contentTags:JSON.stringify((ee=se?.video.tags)!==null&&ee!==void 0?ee:[]),position:M+"",contentFormat:"image",traceInfo:se?.video.traceInfo}}),B?.({eventName:"ViewContent"})}},Pt=l.useMemo(()=>{const M=a?.map((oe,J)=>T===J||J-1===T||J+1===T?oe:null);return ie?M:M.concat([{loading:!0}])},[a,T,ie]),fr=l.useMemo(()=>F?l.createElement("div",{style:{height:He,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},l.createElement("img",{width:64,height:64,src:K,alt:"loading...",style:{objectFit:"contain"}})):Pt?.map((M,oe)=>l.createElement($e,{key:oe,virtualIndex:oe},M&&l.createElement(l.Fragment,null,M?.loading?l.createElement("div",{style:{height:He,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},l.createElement("img",{width:64,height:64,src:K,alt:"loading...",style:{objectFit:"contain"}})):l.createElement(l.Fragment,null,st(M,oe),at(M,oe),Ae(M,oe))))),[n,a,He,F,at,st,Pt,K]),mr=je("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),hr=je("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return l.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},ie&&l.createElement(Ri,{icon:Zs,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{ne?.(!0)}}),ft,l.createElement(dn,{tagList:g,setActiveIndex:E}),fe?l.createElement(Xs,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((h=t?.swipeTipOffset)!==null&&h!==void 0?h:0)}%`}}):null,l.createElement(Re,{style:{marginTop:qe},ref:Q,onSlideChange:()=>{Q.current.swiper.allowTouchMove=!1,setTimeout(()=>{Q.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:M=>{E(M.activeIndex),!re&&(ut(M),!ie&&M?.activeIndex+2>=a?.length&&(z||(j(!0),D?.(Math.ceil(T/10)+1).then(()=>{j(!1)}))))},direction:"vertical",height:He},l.createElement(on,{style:{position:"fixed",visibility:!((C=(b=a?.[T])===null||b===void 0?void 0:b.video)===null||C===void 0)&&C.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(w=t?.muteIconX)!==null&&w!==void 0?w:0,[(f=t?.muteIconYPosit)!==null&&f!==void 0?f:"bottom"]:(x=t?.muteIconY)!==null&&x!==void 0?x:23},defaultValue:P,activeIcon:t?.unMuteIcon?t?.unMuteIcon:mr,unactiveIcon:t?.muteIcon?t?.muteIcon:hr,onChange:N}),fr),l.createElement(tn,Object.assign({},(L=(m=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||m===void 0?void 0:m.item)===null||L===void 0?void 0:L.props)),l.createElement("div",{style:{position:"absolute",zIndex:-100}},l.createElement("video",{ref:X,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),l.createElement("div",{id:"player-container-id-copy"})))},tr=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:o,index:s})=>l.createElement(Re,{defaultValue:0,direction:"horizontal",modules:[xt,Et],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(a=>l.createElement($e,{key:a},l.createElement(ln,{src:a,height:i,imgUrlsPostConfig:n}))));var ir=l.memo(tr);const nr=({rec:t,index:e,height:i,data:n,muted:o,activeIndex:s,videoPostConfig:a,width:r})=>{const[d,c]=l.useState(!1),u=l.useRef(null),{bffEventReport:v,sxpParameter:g,waterFallData:y,openHashtag:h}=pe(),b=l.useRef(0),[C,p]=l.useState(!1),[w,f]=l.useState(!0),x=l.useRef(null),[k,m]=l.useState("");l.useEffect(()=>{u.current&&(u.current.muted=o)},[o]);const L=l.useCallback(()=>{var j;(j=u.current)===null||j===void 0||j.play()},[]),_=je("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),T=l.useCallback(()=>{var j,V,O,D,W,F,U,R,Q,ie,ne,Y,re;c(!1);const K=n[e];if(K&&(!((j=u?.current)===null||j===void 0)&&j.duration)){b.current=((V=u?.current)===null||V===void 0?void 0:V.currentTime)||0;const Z=((D=(O=u.current)===null||O===void 0?void 0:O.duration)!==null&&D!==void 0?D:0).toFixed(2),be=((F=(W=u.current)===null||W===void 0?void 0:W.currentTime)!==null&&F!==void 0?F:0).toFixed(2),B=w?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(R=(U=K?.video)===null||U===void 0?void 0:U.itemId)!==null&&R!==void 0?R:"",contentName:(ie=(Q=K?.video)===null||Q===void 0?void 0:Q.title)!==null&&ie!==void 0?ie:"",playType:B,startTime:be,videoDuration:Z,contentTags:JSON.stringify((Y=(ne=K?.video)===null||ne===void 0?void 0:ne.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(re=K?.video)===null||re===void 0?void 0:re.traceInfo}}),f(!1)}},[v,n,e,w]),E=l.useCallback(()=>{p(!0)},[]),A=l.useCallback(j=>()=>{var V,O,D,W,F;if(!C)return;const U=(V=u.current)===null||V===void 0?void 0:V.paused;switch(j){case"start":if(!U)return;(O=u.current)===null||O===void 0||O.play(),c(!1);break;case"pause":if(U)return;(D=u.current)===null||D===void 0||D.pause(),c(!0);break;default:U?(W=u.current)===null||W===void 0||W.play():(F=u.current)===null||F===void 0||F.pause(),c(!U);break}},[C]),S=l.useCallback(()=>{var j,V,O,D,W,F,U,R,Q,ie,ne,Y,re;const K=n[e],Z=((V=(j=u.current)===null||j===void 0?void 0:j.duration)!==null&&V!==void 0?V:0).toFixed(2),be=((D=(O=u.current)===null||O===void 0?void 0:O.currentTime)!==null&&D!==void 0?D:0).toFixed(2);if(!((W=u?.current)===null||W===void 0)&&W.duration){const B=(((F=u?.current)===null||F===void 0?void 0:F.currentTime)-b.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(R=(U=K?.video)===null||U===void 0?void 0:U.itemId)!==null&&R!==void 0?R:"",contentName:(ie=(Q=K?.video)===null||Q===void 0?void 0:Q.title)!==null&&ie!==void 0?ie:"",endTime:be,videoDuration:Z,playDuration:B,contentTags:JSON.stringify((Y=(ne=K?.video)===null||ne===void 0?void 0:ne.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(re=K?.video)===null||re===void 0?void 0:re.traceInfo}})}},[n,e,v]),I=l.useMemo(()=>a?.mode==="2",[a]),P=l.useMemo(()=>{var j;return a?.mode==="2"?`translateY(-${50+((j=a?.offsetTop)!==null&&j!==void 0?j:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[a]),N=l.useMemo(()=>{var j;return((j=t?.video)===null||j===void 0?void 0:j.cover)||k},[k,t]),G=l.useCallback(()=>{if(!x||!u||!u.current||!x.current)return;const j=u?.current,V=x?.current,O=V.getContext("2d"),D=window?.innerWidth,W=window?.innerHeight;V.height=W,V.width=D,O?.drawImage(j,0,0,V.width,V.height),m(V.toDataURL())},[]);l.useEffect(()=>{var j,V,O,D;if(u.current){if(c(!1),!u.current.src){const W=t?.video.url;if(W.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const F=new window.Hls;F.loadSource(W),F.attachMedia(u.current)}else u.current.canPlayType("application/vnd.apple.mpegurl"),u.current.src=W;else u.current.src=W;u.current.setAttribute("x5-playsinline","true"),u.current.setAttribute("webkit-playsinline","true")}return(j=u.current)===null||j===void 0||j.addEventListener("loadedmetadata",E),(V=u.current)===null||V===void 0||V.addEventListener("canplay",E),(O=u.current)===null||O===void 0||O.addEventListener("playing",T),(D=u.current)===null||D===void 0||D.addEventListener("loadeddata",G),()=>{var W,F,U,R;(W=u.current)===null||W===void 0||W.removeEventListener("loadedmetadata",E),(F=u.current)===null||F===void 0||F.removeEventListener("canplay",E),(U=u.current)===null||U===void 0||U.removeEventListener("playing",T),(R=u.current)===null||R===void 0||R.removeEventListener("loadeddata",G)}}},[E,T,t?.video,G]);const $=l.useMemo(()=>!g?.placeholder_image||C?null:l.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image}),[C,g?.placeholder_image]);l.useEffect(()=>{const j=()=>{var V,O;s===e&&(!((V=t?.video)===null||V===void 0)&&V.url)&&(!((O=u?.current)===null||O===void 0)&&O.src)&&!d&&A("pause")()};return window.addEventListener("beforeunload",j),()=>{window.removeEventListener("beforeunload",j)}},[s,e,t,u,A,d]);const z=l.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t?.video?l.createElement(l.Fragment,null,I?l.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},l.createElement(Le,{src:N,style:Object.assign({height:i,width:r,objectFit:"cover"},z)}),l.createElement("canvas",{ref:x,style:{display:"none"}}),l.createElement("div",{style:{position:"absolute",width:r,height:i,top:"50%",transform:P,left:0,right:0}},l.createElement("div",{style:{position:"relative",width:r,height:"100%"}},l.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:L,style:{width:"100%",height:i,objectFit:"contain"}}),l.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:_}))),$):l.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:A(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},l.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:u,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:S,onEnded:L}),$,l.createElement("img",{hidden:!d,className:"clc-pb-video-pause",src:_}))):null};var or=l.memo(nr);const pi={};Object.values(ui).forEach(t=>{pi[t.extend.type]=t});const lr="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",sr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",rr=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:o,descStyle:s,hashTagStyle:a,containerHeight:r=664,containerWidth:d=375,appDomain:c,tagList:u=[]})=>{const v=l.useMemo(()=>{let m=0;return e?.logoUrl&&e?.isShowLogo&&(m+=45),u.length>0&&(m+=45),r-m},[e,r,u]),g=(m,L)=>{var _,T,E,A;if(!((_=m?.video)===null||_===void 0)&&_.url)return l.createElement(or,{rec:m,index:L,muted:!0,width:d,data:t??[],height:v,activeIndex:L,videoPostConfig:e?.videoPost});if(!((T=m?.video)===null||T===void 0)&&T.imgUrls)return l.createElement(ir,{key:m?.video.itemId,imgUrls:m?.video.imgUrls,width:d,height:v,rec:m,index:L,imgUrlsPostConfig:e?.imgUrlsPost});if(m.product&&m.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(A=e?.productPost)===null||A===void 0?void 0:A.map((S,I)=>{var P,N,G,$,z,j,V,O;const D=pi[(P=S?.item)===null||P===void 0?void 0:P.type],W=At(D),F=(N=D?.extend)===null||N===void 0?void 0:N.defaulSetting;return l.createElement(W,Object.assign({key:`${L}${I}`,textStyle:Object.assign(Object.assign({},F?.textStyle),(G=S?.item)===null||G===void 0?void 0:G.textStyle),bindDatas:(z=($=S?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&z!==void 0?z:[]},F?.props,(j=S?.item)===null||j===void 0?void 0:j.props,{event:((V=S?.item)===null||V===void 0?void 0:V.event)||{},id:S?.id,rec:m,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},F?.style),(O=S?.item)===null||O===void 0?void 0:O.style),{width:d,height:v,overflow:"auto"}),index:L}))})},y=l.useMemo(()=>e?.logoUrl&&e?.isShowLogo?l.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},l.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),h=(m,L)=>e?.isShowCTA===void 0||e?.isShowCTA?l.createElement("div",{className:"clc-sxp-bottom-card"},l.createElement(rn,{rec:m,index:L,tempMap:o,resolver:pi})):null,b=(m,L)=>{var _,T,E,A,S,I,P;return m?.video?l.createElement(l.Fragment,null,((_=m?.video)===null||_===void 0?void 0:_.title)&&l.createElement("div",{className:"clc-sxp-bottom-shadow"}),l.createElement("div",{className:"clc-sxp-bottom"},l.createElement(an,{nudge:n}),h(m,L),l.createElement("div",null,l.createElement(kt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(T=m?.video)===null||T===void 0?void 0:T.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),l.createElement(sn,{index:L,tags:(S=(A=m?.video)===null||A===void 0?void 0:A.hashTags)!==null&&S!==void 0?S:[],itemId:(I=m?.video)===null||I===void 0?void 0:I.itemId,itemType:!((P=m?.video)===null||P===void 0)&&P.itemId?"VIDEO":null,rec:m,hashTagStyle:a}))):null},C=je(sr,c),p=je(lr,c),w=(m,L)=>{var _,T,E,A;if(!e?.isShowLike)return;let S=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return S<40&&(S+=40),m?.video?l.createElement(nn,{key:m.position,activeIcon:(T=e?.likeIcon)!==null&&T!==void 0?T:C,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:p,position:L,active:m.isCollected,recData:m,className:"clc-sxp-like-button",style:{top:S,right:(A=e?.likeIconX)!==null&&A!==void 0?A:0}}):null},f=je("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),x=je("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),k=(m,L)=>{var _,T,E,A;return l.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,l.createElement(dn,{tagList:u}),l.createElement(on,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((E=(T=t?.[L])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(A=e?.muteIconY)!==null&&A!==void 0?A:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:f,unactiveIcon:e?.muteIcon?e?.muteIcon:x}),g(m,L),b(m,L),w(m,L))};return l.createElement("div",{className:te.css({width:"100%",height:r,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((m,L)=>k(m,L)))};var ar=l.memo(rr);const dr=()=>{const{schema:t,resolver:e,popup:i}=We(),{setPopupDetailData:n,popupDetailData:o,bffEventReport:s}=pe(),{productView:a}=Ve(),[r,d]=l.useState(),c=l.useRef(null);l.useEffect(()=>{const g=()=>{c.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),l.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,d(i))},[i]);const u=()=>{var g,y,h,b;if(!i||i?.id===""||!r||new Date-c.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;d(Object.assign(Object.assign({},i),{id:""}));const C=o,p=(y=C?.video)===null||y===void 0?void 0:y.bindProduct,w=(b=(h=C?.video)===null||h===void 0?void 0:h.bindProduct)===null||b===void 0?void 0:b.bindCta;p&&w&&a(C,p,w,c.current,o?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=l.useMemo(()=>{var g,y,h;return(h=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||h===void 0?void 0:h.map((b,C)=>{var p,w,f,x,k,m,L,_,T,E,A,S,I,P,N;if(b?.id===i?.id){const G=e[(p=b?.item)===null||p===void 0?void 0:p.type],$=At(G),z=((x=(f=(w=b?.item)===null||w===void 0?void 0:w.event)===null||f===void 0?void 0:f.onClick)===null||x===void 0?void 0:x.linkType)==="externalLink",j=((L=(m=(k=b?.item)===null||k===void 0?void 0:k.event)===null||m===void 0?void 0:m.onClick)===null||L===void 0?void 0:L.linkType)==="popup",V=(_=G?.extend)===null||_===void 0?void 0:_.defaulSetting;return l.createElement($,Object.assign({key:C,style:Object.assign(Object.assign(Object.assign({},V?.style),(T=b?.item)===null||T===void 0?void 0:T.style),{width:(E=window.innerWidth)!==null&&E!==void 0?E:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},V?.textStyle),(A=b?.item)===null||A===void 0?void 0:A.textStyle),bindDatas:(I=(S=b?.item)===null||S===void 0?void 0:S.bindDatas)!==null&&I!==void 0?I:[]},V?.props,(P=b?.item)===null||P===void 0?void 0:P.props,{event:((N=b?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:b?.id,isExternalLink:z,isPopup:j,onClose:u}))}else return l.createElement(l.Fragment,null)})},[t,i,e,u]);return l.createElement(_t,{popup:r,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},vi={};Object.values(ui).forEach(t=>{vi[t.extend.type]=t});const ur=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:o,appDomain:s,licenseUrl:a,enabledMetaConversionApi:r})=>{var d,c,u,v,g,y,h,b,C;const p=l.useMemo(()=>{var w;return location?.search?(w=location?.search)===null||w===void 0?void 0:w.replace("?",""):""},[]);return l.createElement(Ai,{resolver:vi,enableDataSource:!1,schema:t?.data,utmVal:p},l.createElement(Ii,{utmVal:p,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(d=t?.sxp_parameter)===null||d===void 0?void 0:d.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(v=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:o,appDomain:s,enabledMetaConversionApi:r,isShowTag:(C=(b=(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf)===null||b===void 0?void 0:b.globalConfig)===null||C===void 0?void 0:C.isShowTag,render:({rtcList:w,tagList:f})=>{var x;return l.createElement(l.Fragment,null,l.createElement(un,Object.assign({},(x=t?.data)===null||x===void 0?void 0:x.sxpPageConf,{tagList:f,data:w,resolver:vi,licenseUrl:a})),l.createElement(dr,null))}}))};var cr=l.memo(ur);const cn=l.createContext({}),pr=({children:t,data:e})=>{var i,n,o,s,a,r;const[d,c]=l.useState(!1);return l.createElement(cn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(o=e?.sxp_parameter)===null||o===void 0?void 0:o.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.hash_tag_size,loadingImage:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.loading_image},appDomain:e?.appDomain,openHashtag:d,setOpenHashtag:c}},t)};function vr(){return l.useContext(cn)}he.DiyPortalPreview=ar,he.EditorDataProvider=pr,he.Modal=_t,he.SxpDataSourceProvider=Ii,he.SxpPageCore=cr,he.SxpPageRender=un,he.core=Ln,he.default=Cn,he.defaultSetting=Pe,he.materials=ui,he.useEditorDataProvider=vr,Object.defineProperty(he,"__esModule",{value:!0})});
5
+ 18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:h?.info})))},q=()=>{var Y;return o.createElement(o.Fragment,null,(S||j?.link)&&o.createElement("button",{onClick:H,className:"pb-commondity-btn",style:P},(Y=k?.enTitle)!==null&&Y!==void 0?Y:"Purchase on Website"))},pe=o.useCallback(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:te.css(Object.assign({},v))},g),j&&((d=j?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(at,{height:K,modules:[kt,Dt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:_?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:_?.delay*1e3}},(r=j?.homePage)===null||r===void 0?void 0:r.map(Y=>o.createElement(Ke,{key:Y},o.createElement("div",{style:{overflow:"hidden",width:K,height:K}},o.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${_?.translateY?-_?.translateY+50:50}%`},src:Y}))))),!(!((a=j?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:te.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:te.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=E?.bottom_image)!==null&&c!==void 0?c:I,alt:""})),o.createElement("div",{className:"pb-commondity-content"},ee({isPost:b}))),q(),o.createElement(Ot,{visible:B,onClose:()=>N(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},ee({isPost:!1})),q()))};var jl=o.memo(Ll);const Nl=Fe(jl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Qn},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var Bl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ai,di,zl=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Ve?.fontOptions,initialValue:(di=(ai=Ve?.fontOptions)===null||ai===void 0?void 0:ai[0])===null||di===void 0?void 0:di.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],sn="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 Fl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:l,src:s}=t;switch(i){case 2:return n||null;case 3:return s||null;default:return l&&l.length>0?(e=l[0])===null||e===void 0?void 0:e.url:null}},Vl=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:r,onClick:a,submitButtonStyle:c}=t,u=Ie(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=ve(),{jumpToWeb:m}=ze(),w=typeof l=="string"?l:Fl(l),y=()=>{var S,I,p;if(d){const b=v,f=(S=b?.video)===null||S===void 0?void 0:S.bindProduct,x=(p=(I=b?.video)===null||I===void 0?void 0:I.bindProduct)===null||p===void 0?void 0:p.bindCta,_=v?.index;m(b,f,x,_)}s||r?.(),a?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${te.css(Object.assign({},n))}`},u),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:w??sn})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{className:"pb-prompt-btn",style:c,onClick:y},i))};var Hl=o.memo(Vl);const Ul=Fe(Hl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:zl,bindableProps:[],interactionRender:Bl},defaulSetting:{props:{icon:sn,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ui,ci,Gl=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(ui=ce?.[0])===null||ui===void 0?void 0:ui.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(ci=ce?.[0])===null||ci===void 0?void 0:ci.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const $l=t=>{var e,i,n,l,s,d,r,a,c,u,v,m,{style:w,isDefault:y,rec:S,viewTime:I,isPost:p,bottom_image:b,tipText:f,swiper:x,commodityStyles:_,buttonStyle:h,index:P}=t,C=Ie(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:g}=ve(),{popupDetailData:E,bffEventReport:O,isPreview:T,swiperRef:D,bffFbReport:A}=ve(),{jumpToWeb:L,productView:F}=ze(),V=o.useRef(null);o.useRef(null),o.useRef(null),o.useState(!1),o.useState(!1),o.useState(!0);const[B,N]=o.useState(!1),z=o.useRef(null),j=p?S:E,k=p?j?.product:(e=j?.video)===null||e===void 0?void 0:e.bindProduct,$=p?(i=j?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=j?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,H=p?P:E?.index,W=()=>{k?.link&&(L(j,k,$,H),p||F(j,k,$,I||z.current,H),window.location.href=window.getJointUtmLink(k.link))};o.useEffect(()=>{p||A?.({eventName:"ProductView"})},[p,A]),o.useEffect(()=>{const Y=()=>{z.current=new Date};return Y(),window.addEventListener("pageshow",Y),()=>{window.removeEventListener("pageshow",Y)}},[]);const K=o.useMemo(()=>{var Y,oe,Q,Z,me;return k?.currency&&k?.price?`${(Q=(oe=(Y=k?.currency)===null||Y===void 0?void 0:Y.split("-")[1])===null||oe===void 0?void 0:oe.toUpperCase())!==null&&Q!==void 0?Q:""}${(me=(Z=k?.price)===null||Z===void 0?void 0:Z.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&me!==void 0?me:""}`:"\xA3102,300.00"},[k?.price,k?.currency]),ee=T?375:(s=w?.width)!==null&&s!==void 0?s:window.innerWidth,q=({isPost:Y})=>o.createElement("div",{hidden:!!k&&(!k?.info||k?.info==="")},o.createElement(Mt,{isPost:Y,onClick:()=>N(!0),className:"pb-commondityDiroNew-info",style:_?.info,foldText:f?.foldText,unfoldText:f?.unfoldText,text:k?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
6
+ Made in Italy`})),pe=o.useCallback(Y=>Y?.lineClamp?Object.assign(Object.assign({},Y),{overflow:"hidden",WebkitLineClamp:Y?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):Y,[]);return o.createElement("div",{className:"pb-commondityDiroNew"},o.createElement("div",Object.assign({ref:V,className:te.css(Object.assign({},w))},C),k&&((d=k?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(at,{height:ee,modules:[kt,Dt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:x?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:x?.delay*1e3}},(r=k?.homePage)===null||r===void 0?void 0:r.map(Y=>o.createElement(Ke,{key:Y},o.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},o.createElement(Le,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${x?.translateY?-x?.translateY+50:50}%`},src:Y}))))),!(!((a=k?.homePage)===null||a===void 0)&&a.length)&&o.createElement("div",{className:te.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:te.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(c=g?.bottom_image)!==null&&c!==void 0?c:b,alt:""})),o.createElement("div",{className:"pb-commondityDiroNew-content"},o.createElement("div",{className:"pb-commondityDiroNew-content-top"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:pe(_?.title)},(u=k?.title)!==null&&u!==void 0?u:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!k&&(!k?.collection||k?.collection===""),style:pe(_?.collection)},k?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.price,style:pe(_?.price)},K),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!k&&!k?.taxInfo,style:pe(_?.taxInfo)},(v=k?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!k||k?.link)&&o.createElement("button",{onClick:W,className:"pb-commondityDiroNew-btn",style:h},(m=$?.enTitle)!==null&&m!==void 0?m:"Shop now"),q({isPost:p}))),o.createElement(Ot,{visible:B,onClose:()=>N(!1)},q({isPost:!1})))};var Wl=o.memo($l);const Yl=Fe(Wl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:Gl},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 pi,vi,$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"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(pi=ce?.[0])===null||pi===void 0?void 0:pi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(vi=ce?.[0])===null||vi===void 0?void 0:vi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],ql=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];function rn(t){const e=o.useRef(null),[i,n]=o.useState(!1);return o.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),o.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const Xl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:r}=t;Ie(t,["rec","children","className","onClick","style","isExternalLink","index"]);const a=o.useRef(null),c=rn(a),{popup:u}=Re(),{setPopupDetailData:v,ctaEvent:m}=ve(),{jumpToWeb:w}=ze();o.useEffect(()=>{var S,I;if(c&&a?.current){const p=(I=(S=e?.video)===null||S===void 0?void 0:S.bindProduct)!==null&&I!==void 0?I:e?.video;m?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,p,r)}},[c,a,e,m,r]);const y=Se.throttle(()=>{var S,I,p,b,f,x,_,h;const P=(I=(S=e?.video)===null||S===void 0?void 0:S.bindProduct)!==null&&I!==void 0?I:e?.video;if(m?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,P,r),v?.(Object.assign(Object.assign({},e),{index:r})),d){if(!((b=(p=e?.video)===null||p===void 0?void 0:p.bindProduct)===null||b===void 0)&&b.link){const C=(f=e?.video)===null||f===void 0?void 0:f.bindCta,g=(x=e?.video)===null||x===void 0?void 0:x.bindProduct;w(e,g,C,r),window.location.href=window.getJointUtmLink((h=(_=e?.video)===null||_===void 0?void 0:_.bindProduct)===null||h===void 0?void 0:h.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:a,className:n,style:s,onClick:y},i)};var bt=o.memo(Xl),Jl={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};const Kl=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:I=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:b?.bottom_image)!==null&&s!==void 0?s:w;return o.createElement(bt,Object.assign({isExternalLink:S,rec:m,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),o.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Jl["tow-line-ellipsis"],style:y?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var Ql=o.memo(Kl);const Zl=Fe(Ql,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:ql,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 Rl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const es=t=>{var e,i,n,l,{content:s,style:d,bgImg:r,recData:a,bottom_image:c,ctaTempStyles:u,isExternalLink:v}=t,m=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink"]);const{sxpParameter:w}=ve(),y=(e=a?.video)===null||e===void 0?void 0:e.bindCta;return o.createElement(bt,Object.assign({isExternalLink:v,rec:a,className:te.css(Object.assign({alignItems:"center"},d)),style:{display:"flex"}},m),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},u?.img))},o.createElement("img",{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(n=(i=y?.icon)!==null&&i!==void 0?i:w?.bottom_image)!==null&&n!==void 0?n:c,alt:""})),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},u?.ctaTitle))},(l=y?.enTitle)!==null&&l!==void 0?l:"Product Name"))};var ts=o.memo(es);const is=Fe(ts,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Rl,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 ns={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const os=t=>{var e,i,n,l,s,{content:d,style:r,bgImg:a,recData:c,bottom_image:u,ctaTempStyles:v,index:m}=t,w=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:y,bffEventReport:S}=ve(),{jumpToWeb:I}=ze(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,b=(i=c?.video)===null||i===void 0?void 0:i.bindProduct,f=()=>{p?.link&&(I(c,b,p,m),window.location.href=window.getJointUtmLink(p.link))};return o.createElement(bt,Object.assign({index:m,rec:c,className:te.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"}},w,{onClick:f}),o.createElement("div",{className:te.css(Object.assign({backgroundColor:"#f2f2f2",overflow:"hidden",flexShrink:0},v?.img))},o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block"}),src:(l=(n=p?.icon)!==null&&n!==void 0?n:y?.bottom_image)!==null&&l!==void 0?l:u})),o.createElement("div",{className:te.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ns["tow-line-ellipsis"],style:v?.ctaTitle},(s=p?.enTitle)!==null&&s!==void 0?s:"Product Name")))};var ls=o.memo(os);const ss=Fe(ls,{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 rs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],as={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const ds=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:I=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:b?.bottom_image)!==null&&s!==void 0?s:w;return o.createElement(bt,Object.assign({isExternalLink:S,rec:m,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),o.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:as["tow-line-ellipsis"],style:y?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop Now")))};var us=o.memo(ds);const cs=Fe(us,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:rs,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 ps=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],vs={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const fs=t=>{var e,i,n,l,s,d,r,a,{content:c,style:u,bgImg:v,recData:m,bottom_image:w,ctaTempStyles:y,isExternalLink:S,translateY:I=0}=t,p=Ie(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY"]);const{sxpParameter:b}=ve(),f=(e=m?.video)===null||e===void 0?void 0:e.bindProduct,x=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:b?.bottom_image)!==null&&s!==void 0?s:w;return o.createElement(bt,Object.assign({isExternalLink:S,rec:m,className:te.css(Object.assign({},u)),style:{display:"flex"}},p),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},y?.img))},o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${I?-I+50:50}%`}),src:x})),o.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:vs["tow-line-ellipsis"],style:y?.title},(d=f?.title)!==null&&d!==void 0?d:"Product Name"),o.createElement("div",{className:te.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},y?.ctaTitle))},(a=(r=f?.bindCta)===null||r===void 0?void 0:r.enTitle)!==null&&a!==void 0?a:"Shop now")))};var ms=o.memo(fs);const hs=Fe(ms,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:ps,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 gs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const bs=({children:t,isPadding:e=!0})=>o.createElement(at,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[ao,ro,so],style:{padding:e?"0 12px 0 20px":0}},t);var Lt=o.memo(bs);const ys=({src:t,rec:e,item:i,index:n,style:l})=>{const s=o.useRef(null),d=rn(s),{ctaEvent:r}=ve();return o.useEffect(()=>{d&&t&&s?.current&&r?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[d,t,s,e,r,i,n]),o.createElement("div",{ref:s,hidden:!t,className:te.css({width:"100%",height:"100%"})},o.createElement(Le,{className:te.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block"},l)),src:t}))};var fi=o.memo(ys),ws={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const Ss=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,w=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:S,sxpParameter:I}=ve(),{popup:p}=Re(),{jumpToWeb:b}=ze(),[f,x]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=Se.throttle(h=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),S?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(b(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Lt,{isPadding:!!d},f?.map(h=>{var P,C,g,E,O,T,D;return o.createElement(Ke,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:te.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>_(h)}),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(fi,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(C=h?.homePage)===null||C===void 0?void 0:C[0])!==null&&g!==void 0?g:I?.bottom_image)!==null&&E!==void 0?E:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:te.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ws["two-line-ellipsis"],style:c?.title},(O=h?.title)!==null&&O!==void 0?O:"Product Name"),o.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop Now")))}))};var Ts=o.memo(Ss);const xs=Fe(Ts,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:gs,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 Es=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Cs={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const Is=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,w=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:y}=ve(),{ctaEvent:S,setPopupDetailData:I}=ve(),{popup:p}=Re(),[b,f]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:x}=ze(),_=Se.throttle(h=>{S?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),I?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(x(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Lt,{isPadding:!!d},b?.map(h=>{var P,C,g,E,O,T,D;return o.createElement(Ke,Object.assign({hidden:d&&!h?.bindCta,key:h.itemId,className:te.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>_(h)}),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(fi,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(C=h?.homePage)===null||C===void 0?void 0:C[0])!==null&&g!==void 0?g:y?.bottom_image)!==null&&E!==void 0?E:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Cs["two-line-ellipsis"],style:c?.title},(O=h?.title)!==null&&O!==void 0?O:"Product Name"),o.createElement("div",{className:te.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop Now")))}))};var _s=o.memo(Is);const ks=Fe(_s,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Es,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 Ds=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],As={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const Ps=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:r,bottom_image:a,ctaTempStyles:c,isExternalLink:u,index:v,translateY:m=0}=t,w=Ie(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:y,setPopupDetailData:S,sxpParameter:I}=ve(),{popup:p}=Re(),{jumpToWeb:b}=ze(),[f,x]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),_=Se.throttle(h=>{y?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,h,v),S?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:h}),index:v})),u?h?.link&&(b(d,h,h.bindCta,v),window.location.href=window.getJointUtmLink(h.link)):r?.()},p?.duration);return o.createElement(Lt,{isPadding:!!d},f?.map(h=>{var P,C,g,E,O,T,D;return o.createElement(Ke,Object.assign({hidden:d&&!h?.bindCta,key:h?.itemId,className:te.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},w,{onClick:()=>_(h)}),o.createElement("div",{className:te.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},c?.img))},o.createElement(fi,{src:(E=(g=(P=h?.cover)!==null&&P!==void 0?P:(C=h?.homePage)===null||C===void 0?void 0:C[0])!==null&&g!==void 0?g:I?.bottom_image)!==null&&E!==void 0?E:a,rec:d,item:h,index:v,style:{objectPosition:`50% ${m?-m+50:50}%`}})),o.createElement("div",{className:te.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:As["tow-line-ellipsis"],style:c?.title},(O=h?.title)!==null&&O!==void 0?O:"Product Name"),o.createElement("div",{className:te.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},c?.ctaTitle))},(D=(T=h?.bindCta)===null||T===void 0?void 0:T.enTitle)!==null&&D!==void 0?D:"Shop now")))}))};var Os=o.memo(Ps);const Ms=Fe(Os,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Ds,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 mi,hi,Ls=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","openFixedSize"],initialValue:!0}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(mi=ce?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(hi=ce?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{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 js=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=ve();return o.createElement("div",{className:"clc-sxp-nav",style:e},o.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"",onClick:n}),o.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=s?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var an=o.memo(js),Ns=null,Bs="3d989325-e7d6-4a74-8a97-98febdf5b567",zs=null,Fs=null,Vs={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Hs=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],Us="Handbags",dn={productUserId:Ns,requestId:Bs,channel:zs,rtc:Fs,tag:Vs,recList:Hs,hashTag:Us};const Gs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:r,reportTagsView:a,textStyles:c,space:u}=t,{swiperRef:v,setRtcList:m,setOpenHashtag:w,sxpParameter:y}=ve(),[S,I]=o.useState(!1),[p,b]=o.useState(!1),[f,x]=o.useState({height:1,width:1}),_=o.useRef(null),h=o.useRef(null),P=o.useRef(null),C=o.useRef(null),[g,E]=o.useState(""),O=o.useMemo(()=>{var B,N,z,j,k,$,H,W,K,ee;return!((B=e?.video)===null||B===void 0)&&B.cover?(N=e?.video)===null||N===void 0?void 0:N.cover:!((j=(z=e?.video)===null||z===void 0?void 0:z.imgUrls)===null||j===void 0)&&j.length?($=(k=e?.video)===null||k===void 0?void 0:k.imgUrls)===null||$===void 0?void 0:$[0]:!((W=(H=e?.product)===null||H===void 0?void 0:H.homePage)===null||W===void 0)&&W.length?(ee=(K=e?.product)===null||K===void 0?void 0:K.homePage)===null||ee===void 0?void 0:ee[0]:y?.bottom_image||""},[e,y?.bottom_image]),T=o.useMemo(()=>{var B,N;return((B=e?.product)===null||B===void 0?void 0:B.title)||((N=e?.video)===null||N===void 0?void 0:N.title)||null},[e]),D=o.useMemo(()=>{var B;return i.transform?Number((B=i.transform)===null||B===void 0?void 0:B.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]),A=o.useMemo(()=>D===void 0?!1:D<=d,[D,d]),L=o.useMemo(()=>{var B,N,z,j,k,$,H,W,K;return!((B=e?.product)===null||B===void 0)&&B.currency&&(!((N=e?.product)===null||N===void 0)&&N.price)?`${($=(k=(j=(z=e?.product)===null||z===void 0?void 0:z.currency)===null||j===void 0?void 0:j.split("-")[1])===null||k===void 0?void 0:k.toUpperCase())!==null&&$!==void 0?$:""}${(K=(W=(H=e?.product)===null||H===void 0?void 0:H.price)===null||W===void 0?void 0:W.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&K!==void 0?K:""}`:null},[e]);o.useEffect(()=>{if(_.current===null||O==="")return;const B=new Image;S&&g?B.src=g:B.src=O,B.onload=()=>{x({height:B.height,width:B.width}),b(!0)},_.current.setSrc(B.src)},[O,S,g,A]),o.useEffect(()=>{const B=f.height*(l/f.width);p&&n(B+76+u,s)},[f,s,l,p,u]);const F=(B,N,z)=>{const j=B/N;return z/j};o.useEffect(()=>{const B=P?.current;B===null||O===""||!S||(B.src=O,B.currentTime=1,B.crossOrigin="anonymous",B.onloadeddata=()=>{const N=C?.current;if(!N)return;const z=N.getContext("2d"),j=window?.innerWidth/2,k=F(B.videoWidth,B.videoHeight,j);N.height=k,N.width=j,z?.drawImage(B,0,0,N.width,N.height),E(N.toDataURL()),B.remove(),N.remove()})},[O,S]);const V=()=>{a(),m?.(r),setTimeout(()=>{var B;(B=v?.current)===null||B===void 0||B.swiper.slideTo(s,0,!1),w?.(!1)},0)};return o.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:V},o.createElement("div",{className:"waterFallList-content-listItem-picture"},S&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:P,src:O,crossOrigin:"anonymous",className:"waterFallList-content-listItem-picture-img"}),o.createElement("canvas",{ref:C})),o.createElement(Le,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",ref:_})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${L?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},c?.title)},T&&T),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!L,style:c.price},L)))};function $s(t){var e,i,n,l,s,d,r,a,c,u,v,m,w,y,S,I,p,b,f,{reportTagsView:x,showBanner:_}=t,h=Ie(t,["reportTagsView","showBanner"]);const{waterFallData:P,getRecommendVideos:C,hashTagSize:g,loadingImage:E,isOpenHashTag:O}=ve(),T=o.useRef(null),[D,A]=o.useState(0),[L,F]=o.useState(),V=o.useRef(null),[B,N]=o.useState([]),z=o.useRef(),j=[170,230,300],[k,$]=o.useState(!1),[H,W]=o.useState([]),K=o.useRef(),ee=o.useCallback((X,ue)=>Math.floor(Math.random()*(ue-X+1))+X,[]),q=o.useRef([]),[pe,Y]=o.useState({width:0}),oe=o.useMemo(()=>{const X=pe.width||0;return X>=1200?6:X>=768&&X<=1199?4:2},[pe]),Q=o.useMemo(()=>pe.width/oe-2,[oe,pe]),Z=o.useCallback(()=>{var X;const ue=(X=z.current)!==null&&X!==void 0?X:[],fe=[];for(let ie=0;ie<H?.length;ie++){const Qe=Math.floor(ie/oe),Pe=ie%oe+1;let tt=0,Ze=9999999999;if(Qe===0)fe[ie]=ie;else{for(let Ce=0;Ce<fe.length;Ce++)q.current[fe[Ce]].top+q.current[fe[Ce]].height<Ze&&(tt=Ce,Ze=q.current[fe[Ce]].top+q.current[fe[Ce]].height);fe[tt]=ie}q.current[ie]===void 0&&(q.current[ie]={}),Qe===0?(Pe===1?q.current[ie].left=0:q.current[ie].left=q.current[ie-1].left+Q+4,q.current[ie].top=0):(q.current[ie].left=q.current[tt].left,q.current[ie].top=Ze),q.current[ie].height=q.current[ie].height||j[ee(0,2)],ue[ie]={transform:`translate(${q.current[ie].left}px,${q.current[ie].top}px)`,width:`${Q}px`,height:q.current[ie].height}}return N([...ue]),[...ue]},[Q,oe,j,ee,H]),me=o.useCallback((X,ue)=>{q.current[ue]===void 0&&(q.current[ue]={}),q.current[ue].height=X,z.current=Z()},[Z]);o.useEffect(()=>{z.current=Z()},[Q,oe,H]),o.useEffect(()=>{var X,ue;if($(!0),P&&C?.({hashTag:P?.hashTag,"itemFilter.itemId":P?.itemId,"itemFilter.itemType":P?.itemType,defaultSize:g,maxSize:g}).then(fe=>{var ie,Qe;F(fe),W((Qe=(ie=fe?.recList)===null||ie===void 0?void 0:ie.filter(Pe=>Pe?.video!==null||Pe?.product!==null))!==null&&Qe!==void 0?Qe:[]),$(!1)}),O){const fe=dn;F(fe),W((ue=(X=fe?.recList)===null||X===void 0?void 0:X.filter(ie=>ie?.video!==null||ie?.product!==null))!==null&&ue!==void 0?ue:[]),$(!1)}},[P,C,g,O]);const _e=o.useCallback(()=>{V.current!==null&&Y({width:V.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(V.current===null)return;const X=new ResizeObserver(ue=>{_e()});return X.observe(V.current),()=>{X.disconnect()}},[_e]),o.useCallback(()=>{$(!0),P&&C?.({hashTag:P?.hashTag,"itemFilter.itemId":P?.itemId,"itemFilter.itemType":P?.itemType}).then(X=>{var ue,fe;W(H?.concat((fe=(ue=X?.recList)===null||ue===void 0?void 0:ue.filter(ie=>!ie?.video))!==null&&fe!==void 0?fe:[])),$(!1)})},[P,C,H]);const je=o.useCallback(()=>{A(T.current.scrollTop)},[]);o.useEffect(()=>{var X;return(X=T?.current)===null||X===void 0||X.addEventListener("scroll",je),()=>{var ue;(ue=T?.current)===null||ue===void 0||ue.removeEventListener("scroll",je)}},[je,T]);const We=()=>{var X,ue;!((X=L?.tag)===null||X===void 0)&&X.link&&(x(),window.location.href=(ue=L?.tag)===null||ue===void 0?void 0:ue.link)};return o.createElement(o.Fragment,null,k?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:E,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"waterFallList",ref:V},o.createElement("div",{className:"waterFallList-scroll",ref:T},_&&((e=L?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=L?.tag)===null||i===void 0?void 0:i.picture}),o.createElement("div",{className:"waterFallList-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=L?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=L?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=h?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:We},((r=L?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},H?.map((X,ue)=>{var fe;return o.createElement(Gs,Object.assign({key:ue,index:ue,rec:X,list:H,showBorder:D+((fe=T?.current)===null||fe===void 0?void 0:fe.clientHeight),style:B[ue],sizeChange:me,unitWidth:Q,reportTagsView:x},h))}),o.createElement("div",{hidden:!(!((a=L?.tag)===null||a===void 0)&&a.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(w=((u=q?.current[((c=q?.current)===null||c===void 0?void 0:c.length)-1])===null||u===void 0?void 0:u.top)+((m=q?.current[((v=q?.current)===null||v===void 0?void 0:v.length)-1])===null||m===void 0?void 0:m.height))!==null&&w!==void 0?w:0}px)`,height:!((y=L?.tag)===null||y===void 0)&&y.link?((S=K?.current)===null||S===void 0?void 0:S.offsetHeight)||((I=h?.buttonBgStyle)===null||I===void 0?void 0:I.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=L?.tag)===null||p===void 0)&&p.link),style:h?.buttonBgStyle}),o.createElement("div",{ref:K,hidden:!(!((b=L?.tag)===null||b===void 0)&&b.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{className:"waterFallList-btn",style:h?.buttonStyle,onClick:We},((f=L?.tag)===null||f===void 0?void 0:f.linkTitle)||"Shop the collection"))))}var Ws="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Ys=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:r,setRtcList:a,setOpenHashtag:c,bffEventReport:u,sxpParameter:v}=ve(),[m,w]=o.useState(!1),y=o.useRef(null),S=o.useRef(null),I=o.useRef(null),p=o.useRef(null),[b,f]=o.useState(""),x=o.useMemo(()=>{var g,E,O,T,D,A,L,F,V,B;return!((g=e?.video)===null||g===void 0)&&g.cover?(E=e?.video)===null||E===void 0?void 0:E.cover:!((T=(O=e?.video)===null||O===void 0?void 0:O.imgUrls)===null||T===void 0)&&T.length?(A=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||A===void 0?void 0:A[0]:!((F=(L=e?.product)===null||L===void 0?void 0:L.homePage)===null||F===void 0)&&F.length?(B=(V=e?.product)===null||V===void 0?void 0:V.homePage)===null||B===void 0?void 0:B[0]:v?.bottom_image||""},[e,v?.bottom_image]),_=o.useMemo(()=>{var g,E;return((g=e?.product)===null||g===void 0?void 0:g.title)||((E=e?.video)===null||E===void 0?void 0:E.title)||null},[e]),h=o.useMemo(()=>{var g,E,O,T,D,A,L,F,V;return!((g=e?.product)===null||g===void 0)&&g.currency&&(!((E=e?.product)===null||E===void 0)&&E.price)?`${(A=(D=(T=(O=e?.product)===null||O===void 0?void 0:O.currency)===null||T===void 0?void 0:T.split("-")[1])===null||D===void 0?void 0:D.toUpperCase())!==null&&A!==void 0?A:""}${(V=(F=(L=e?.product)===null||L===void 0?void 0:L.price)===null||F===void 0?void 0:F.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&V!==void 0?V:""}`:null},[e]);o.useEffect(()=>{const g=new IntersectionObserver(E=>{E.forEach(O=>{if(O.isIntersecting){if(S.current===null||x==="")return;m&&b?y.current.setSrc(b):y.current.setSrc(x),g.unobserve(S.current)}})});return g.observe(S.current),()=>{g.disconnect()}},[x,m,b]);const P=(g,E,O)=>{const T=g/E;return O/T};o.useEffect(()=>{const g=I?.current;g===null||x===""||!m||(g.src=x,g.currentTime=1,g.crossOrigin="anonymous",g.onloadeddata=()=>{const E=p?.current;if(!E)return;const O=E.getContext("2d"),T=window?.innerWidth/2,D=P(g.videoWidth,g.videoHeight,T);E.height=D,E.width=T,O?.drawImage(g,0,0,E.width,E.height),f(E.toDataURL()),g.remove(),E.remove()})},[x,m]);const C=()=>{l(),a?.(n),setTimeout(()=>{var g;(g=r?.current)===null||g===void 0||g.swiper.slideTo(i,0,!1),c?.(!1)},0)};return o.createElement("div",{ref:S,className:"list-content-listItem",key:i,onClick:C,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},m&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:I,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(Le,{loading:"lazy",className:"list-content-listItem-picture-img",ref:y})),o.createElement("div",{className:"list-content-listItem-info"},o.createElement("div",{className:`list-content-listItem-info-title ${h?"list-content-listItem-info-nowrap":""}`,style:s?.title},_&&_),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!h},h)))};function qs(t){var e,i,n,l,s,d,r,a,c,u,v,m,w,y,{reportTagsView:S,showBanner:I}=t,p=Ie(t,["reportTagsView","showBanner"]);const{waterFallData:b,getRecommendVideos:f,hashTagSize:x,loadingImage:_,isOpenHashTag:h}=ve(),[P,C]=o.useState(),[g,E]=o.useState(),[O,T]=o.useState(!1),D=o.useRef(null),[A,L]=o.useState(!1);o.useCallback(()=>{A||(L(!0),b&&f?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType}).then(V=>{var B;C(P?.concat((B=V?.recList)!==null&&B!==void 0?B:[])),L(!1)}))},[b,f,P,A]),o.useEffect(()=>{var V,B;if(T(!0),b&&f?.({hashTag:b?.hashTag,"itemFilter.itemId":b?.itemId,"itemFilter.itemType":b?.itemType,defaultSize:x,maxSize:x}).then(N=>{var z,j;E(N),C((j=(z=N?.recList)===null||z===void 0?void 0:z.filter(k=>k?.video!==null||k?.product!==null))!==null&&j!==void 0?j:[]),T(!1)}),h){const N=dn;E(N),C((B=(V=N?.recList)===null||V===void 0?void 0:V.filter(z=>z?.video!==null||z?.product!==null))!==null&&B!==void 0?B:[]),T(!1)}},[b,f,x,h]);const F=()=>{var V,B;!((V=g?.tag)===null||V===void 0)&&V.link&&(S(),window.location.href=(B=g?.tag)===null||B===void 0?void 0:B.link)};return o.createElement(o.Fragment,null,O?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:_,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:D},I&&((e=g?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement(Le,{className:te.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=g?.tag)===null||i===void 0?void 0:i.picture}),o.createElement("div",{className:"list-info",style:(n=p?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=g?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=g?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:F,style:Object.assign(Object.assign({},(d=p?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:p?.space})},((r=g?.tag)===null||r===void 0?void 0:r.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},P?.map((V,B)=>o.createElement(Ys,Object.assign({key:B,index:B,rec:V,list:P,reportTagsView:S},p)))),o.createElement("div",{hidden:!A,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((a=g?.tag)===null||a===void 0)&&a.link),style:{height:!((c=g?.tag)===null||c===void 0)&&c.link?((u=p?.buttonBgStyle)===null||u===void 0?void 0:u.height)||((v=p?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((m=g?.tag)===null||m===void 0)&&m.link),style:p?.buttonBgStyle}),o.createElement("div",{hidden:!(!((w=g?.tag)===null||w===void 0)&&w.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},p?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{className:"list-btn",style:p?.buttonStyle,onClick:F},((y=g?.tag)===null||y===void 0?void 0:y.linkTitle)||"Shop the collection"))))}const Xs=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:r,setRtcList:a,cacheActiveIndex:c,rtcList:u,setCacheRtcList:v,setIsFromHashtag:m,isFromHashtag:w,bffEventReport:y,themeTag:S}=ve(),{backMainFeed:I}=ze();o.useRef(null);const p=o.useRef(null),[b,f]=o.useState();o.useEffect(()=>{const C=document.getElementById("sxp-render"),g=document.getElementById("water-fall");g?p.current=g:(p.current=document.createElement("div"),p.current.setAttribute("id","water-fall"),C?.appendChild(p.current))},[]);const x=()=>{const C=Se.isEqual(u,r);!C&&r&&r?.length&&a?.(r),S?.current||I("branch",S?.current,i?.hashTag),P(),d?.(void 0),m?.(!1),setTimeout(()=>{var g,E;C||(E=(g=s?.current)===null||g===void 0?void 0:g.swiper)===null||E===void 0||E.slideTo(c,0,!1),n?.(!1)},0)},[_,h]=o.useState();o.useEffect(()=>{i&&h(i)},[i]);const P=o.useCallback(()=>{var C,g,E,O,T,D;const A=_?.rec;if(!A)return;let L="";w?L="hashTagPage":!((C=A?.video)===null||C===void 0)&&C.url?L="videoPage":!((E=(g=A?.video)===null||g===void 0?void 0:g.imgUrls)===null||E===void 0)&&E.length&&(L="imagePage"),y?.({eventInfo:{contentId:(O=A?.video)===null||O===void 0?void 0:O.itemId,position:c+"",contentTags:JSON.stringify((T=A?.video)===null||T===void 0?void 0:T.tags),traceInfo:(D=A?.video)===null||D===void 0?void 0:D.traceInfo,hashTags:JSON.stringify([_?.hashTag]),fromKName:L,fromKPage:location?.href,timeOnSite:Math.floor((new Date-b)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[_,y,b,w,c]);return o.useEffect(()=>{l&&f(new Date)},[l]),o.useEffect(()=>{const C=()=>{f(new Date)};return window.addEventListener("pageshow",C),()=>{window.removeEventListener("pageshow",C)}},[]),p.current?Ti.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(an,{icon:Ws,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:x}),t?.openFixedSize===!0||t?.openFixedSize===void 0?o.createElement(qs,Object.assign({reportTagsView:P},t)):o.createElement($s,Object.assign({reportTagsView:P},t))),p.current):null};var un=o.memo(Xs);const Js=t=>o.createElement(un,Object.assign({},t));var Ks=o.memo(Js);const Qs=Fe(Ks,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ls,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 Zs=[{title:"\u534F\u8BAE\u8BE6\u60C5",child:[{type:"Switch",label:"\u5FC5\u987B\u540C\u610F\u7528\u6237\u534F\u8BAE",name:["props","privacy_necessity"],extra:"\u5F53\u65B0\u7528\u6237\u8FDB\u5165\u9875\u9762\u65F6\uFF0C\u4F1A\u51FA\u73B0\u7528\u6237\u534F\u8BAE\u5F39\u7A97\uFF0C\u7528\u6237\u9700\u8981\u5148\u540C\u610F\u534F\u8BAE\u540E\u624D\u80FD\u8BBF\u95EE\u5185\u5BB9\u3002"},{type:"Text",label:"\u5F39\u7A97\u6807\u9898",name:["props","privacy_title"]},{type:"TextArea",label:"\u7528\u6237\u534F\u8BAE\u5F39\u7A97\u5185\u5BB9",name:["props","privacy_context"]},{type:"Group",label:"\u9690\u79C1\u653F\u7B56",child:[{type:"Text",name:["props","privacy_policy_title"]},{type:"Text",name:["props","privacy_policy_url"],addonBefore:"https://"}],extra:"\u5F53\u7528\u6237\u70B9\u51FB\u66F4\u591A\u4FE1\u606F\u6309\u94AE\u65F6\uFF0C\u5C06\u4F1A\u8DF3\u8F6C\u81F3\u8BBE\u7F6E\u7684\u94FE\u63A5\u67E5\u770B\u653F\u7B56\u5185\u5BB9"}]}];const cn=t=>o.createElement(cn,Object.assign({},t));var Rs=o.memo(cn);const er=Fe(Rs,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Zs},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var gi=Object.freeze({__proto__:null,Appoint:is,AppointForm:Kn,Commodity:Zl,CommodityDetail:Nl,CommodityDetailDiroNew:Yl,CommodityDiro:cs,CommodityDiroNew:hs,Consent:er,HashTag:Qs,Link:ss,MultiCommodity:ks,MultiCommodityDiro:xs,MultiCommodityDiroNew:Ms,Prompt:Ul});const tr="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ir="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",nr=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=Ie(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:r,mutateUnlike:a,bffEventReport:c}=ve(),[u,v]=o.useState(e),m=Ue(ir),w=Ue(tr),y=Se.debounce(()=>Oe(void 0,void 0,void 0,function*(){var S,I,p,b,f,x,_,h,P,C,g,E,O,T,D,A,L,F,V,B;if(u){v(!1);const N=(p=yield a?.({videoItemId:(I=(S=l?.video)===null||S===void 0?void 0:S.itemId)!==null&&I!==void 0?I:""}))!==null&&p!==void 0?p:!1;c?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(f=(b=l?.video)===null||b===void 0?void 0:b.itemId)!==null&&f!==void 0?f:"",contentName:(_=(x=l?.video)===null||x===void 0?void 0:x.title)!==null&&_!==void 0?_:"",contentTags:JSON.stringify((P=(h=l?.video)===null||h===void 0?void 0:h.tags)!==null&&P!==void 0?P:[]),position:s+"",contentFormat:!((C=l?.video)===null||C===void 0)&&C.url?"video":"image",traceInfo:(g=l?.video)===null||g===void 0?void 0:g.traceInfo}}),N||v(!0)}else{v(!0);const N=(E=yield r?.({content:JSON.stringify(l)}))!==null&&E!==void 0?E:!1;c?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(T=(O=l?.video)===null||O===void 0?void 0:O.itemId)!==null&&T!==void 0?T:"",contentName:(A=(D=l?.video)===null||D===void 0?void 0:D.title)!==null&&A!==void 0?A:"",contentTags:JSON.stringify((F=(L=l?.video)===null||L===void 0?void 0:L.tags)!==null&&F!==void 0?F:[]),position:s+"",contentFormat:!((V=l?.video)===null||V===void 0)&&V.url?"video":"image",traceInfo:(B=l?.video)===null||B===void 0?void 0:B.traceInfo}}),N||v(!1)}}),200);return o.createElement("button",Object.assign({},d,{onClick:y}),o.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:u?i||m:n||w,alt:"icon"}))};var pn=o.memo(nr);const or=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:r})=>{const[a,c]=o.useState(!1),{bffEventReport:u,sxpParameter:v,waterFallData:m,openHashtag:w,bffFbReport:y}=ve(),S=o.useRef(0),[I,p]=o.useState(!1),[b,f]=o.useState(!0),{isActive:x}=ln(),_=o.useRef(null),[h,P]=o.useState(""),C=`pb-cache-video-${e}`,g=o.useRef(null),E=o.useMemo(()=>d?.mode==="2",[d]),O=o.useMemo(()=>{var H;return d?.mode==="2"?`translateY(-${50+((H=d?.offsetTop)!==null&&H!==void 0?H:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),T=o.useMemo(()=>{var H;return((H=t?.video)===null||H===void 0?void 0:H.cover)||h},[h,t]),D=o.useMemo(()=>E?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[E]),A=o.useMemo(()=>d?.bgWay==="1",[d]),L=o.useMemo(()=>A&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,A]);o.useEffect(()=>{r&&r?.muted(l)},[l,r]);const F=o.useCallback(()=>{r&&r?.play()},[r]),V=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),B=o.useCallback(()=>{var H,W,K,ee,q,pe,Y,oe,Q;if(!r)return;p(!0),c(!1);const Z=n[e];if(Z&&r?.duration()){S.current=r?.currentTime()||0;const me=((H=r?.duration())!==null&&H!==void 0?H:0).toFixed(2),_e=((W=r?.currentTime())!==null&&W!==void 0?W:0).toFixed(2),je=b?"0":"1";u?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(K=Z?.video)===null||K===void 0?void 0:K.itemId)!==null&&ee!==void 0?ee:"",contentName:(pe=(q=Z?.video)===null||q===void 0?void 0:q.title)!==null&&pe!==void 0?pe:"",playType:je,startTime:_e,videoDuration:me,contentTags:JSON.stringify((oe=(Y=Z?.video)===null||Y===void 0?void 0:Y.tags)!==null&&oe!==void 0?oe:[]),position:e+"",contentFormat:"video",traceInfo:(Q=Z?.video)===null||Q===void 0?void 0:Q.traceInfo}}),f(!1)}},[u,n,e,b,r]),N=o.useCallback(()=>{var H;if(!r||h||!E)return;const W=document.getElementById("player-container-id_html5_api");if(!W||(W.style.objectFit="contain",!((H=t?.video)===null||H===void 0)&&H.cover||!_||!_.current||A))return;const K=()=>{const ee=W,q=_?.current,pe=q.getContext("2d"),Y=window?.innerWidth,oe=window?.innerHeight;q.height=oe,q.width=Y,pe?.drawImage(ee,0,0,q.width,q.height),P(q.toDataURL())};K(),setTimeout(()=>{K()},500)},[r,A,t,h,E]),z=o.useCallback(()=>{r&&N()},[r,N]);o.useCallback(()=>{p(!0)},[]);const j=o.useCallback(H=>()=>{if(!r||!I)return;const W=r?.paused();switch(H){case"start":if(!W)return;r?.play(),c(!1);break;case"pause":if(W)return;r?.pause(),c(!0);break;default:W?r?.play():r?.pause(),c(!W);break}},[I,r]),k=o.useCallback(()=>{var H,W,K,ee,q,pe,Y,oe,Q;if(!r||s!==e)return;const Z=n[e],me=((H=r?.duration())!==null&&H!==void 0?H:0).toFixed(2),_e=((W=r?.currentTime())!==null&&W!==void 0?W:0).toFixed(2);if(r?.duration()){const je=(r?.currentTime()-S.current).toFixed(2);u?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(K=Z?.video)===null||K===void 0?void 0:K.itemId)!==null&&ee!==void 0?ee:"",contentName:(pe=(q=Z?.video)===null||q===void 0?void 0:q.title)!==null&&pe!==void 0?pe:"",endTime:_e,videoDuration:me,playDuration:je,contentTags:JSON.stringify((oe=(Y=Z?.video)===null||Y===void 0?void 0:Y.tags)!==null&&oe!==void 0?oe:[]),position:e+"",contentFormat:"video",traceInfo:(Q=Z?.video)===null||Q===void 0?void 0:Q.traceInfo}})}},[n,e,u,r,s]);o.useEffect(()=>{if(!x||!r)return;const H=t?.video.url;if(!H)return;r?.src(H),c(!1);const W=document.querySelector(`#${C}`),K=document.querySelector("#player-container-id"),ee=document.querySelector("#player-container-id-copy");if(!(!K&&!ee))return W?.appendChild(K||ee),r?.on("loadedmetadata",z),r?.on("loadeddata",N),r?.on("playing",B),r?.on("pause",k),r?.on("ended",F),()=>{ee?.appendChild(K),r?.off("loadedmetadata",z),r?.off("loadeddata",N),r?.off("playing",B),r?.off("pause",k),r?.off("ended",F)}},[x,C,t,r]),o.useEffect(()=>{!r||!I||(x?(y?.({eventName:"ViewContent"}),r?.play()):r?.pause())},[x,I,r]),o.useEffect(()=>{if(!x||!r)return;!r?.paused()&&w?r?.pause():w||r?.play()},[w,x,r]),o.useEffect(()=>{if(!x)return;const H=()=>{j("start")(),y?.({eventName:"ViewContent"})},W=j("pause");return et.on(Ye.PAGE_DID_SHOW,H),et.on(Ye.PAGE_DID_HIDE,W),()=>{et.off(Ye.PAGE_DID_SHOW,H),et.off(Ye.PAGE_DID_HIDE,W)}},[j,x]);const $=o.useMemo(()=>!v?.placeholder_image||I?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image}),[I,v?.placeholder_image]);return o.useEffect(()=>{if(!r)return;const H=()=>{var W;s===e&&(!((W=t?.video)===null||W===void 0)&&W.url)&&r&&!a&&j("pause")()};return window.addEventListener("beforeunload",H),()=>{window.removeEventListener("beforeunload",H)}},[s,e,t,r,j,a]),t?.video?o.createElement(o.Fragment,null,E?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:j(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},L)},!A&&o.createElement(Le,{src:T,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},D)}),o.createElement("canvas",{ref:_,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:O,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},o.createElement("div",{className:"n-full-screen",ref:g,id:C,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:V}))),$):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:j()},o.createElement("div",{className:"n-full-screen",ref:g,id:C,style:{width:"100%",height:"100%"}}),$,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:V}))):null};var lr=o.memo(or);const sr=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),r=a=>{a.stopPropagation();const c=!s;d(c),n?.(c)};return o.createElement("button",{style:l,className:"pb-toggle-button",onClick:r},o.createElement("img",{className:"pb-toggle-button-icon",src:s?e:i}))};var vn=o.memo(sr);const rr=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);Re(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ue("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=o.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return o.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},o.createElement("img",{src:t||l}))},fn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.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=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),a=o.useMemo(()=>n?.bgWay==="1",[n]),c=o.useMemo(()=>a&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,a]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},c)},(!s||!a)&&o.createElement(Le,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},r),onLoad:l}),s&&o.createElement(Le,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},ar=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:r})=>{var a;const c=o.useRef(),{isActive:u}=ln(),{sxpParameter:v,openHashtag:m}=ve(),[w,y]=o.useState(!1);o.useEffect(()=>{w&&u?(c?.current&&c.current.swiper.autoplay.start(),m?s(n):d(l)):c?.current&&c.current.swiper.autoplay.stop()},[n,u,s,m,l,d,w]);const S=o.useCallback(()=>{w||y(!0)},[w]);return o.createElement(at,{ref:c,defaultValue:0,direction:"horizontal",modules:[kt,Dt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((a=r?.delay)!==null&&a!==void 0?a:3)*1e3}},t?.map((I,p)=>o.createElement(Ke,{key:p},o.createElement(fn,{src:!w&&p>0?"":I,height:i,imgUrlsPostConfig:r,onShowFirstImage:S}))))};var dr=o.memo(ar);const ur=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,r]=o.useState(!1),{setWaterFallData:a,setOpenHashtag:c,setCacheActiveIndex:u,waterFallData:v,setIsFromHashtag:m}=ve(),w=y=>{v?m?.(!0):u?.(n),a?.(i?{hashTag:y,itemId:e,itemType:i,rec:l}:{hashTag:y,rec:l}),c?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>r(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Lt,null,t?.map((y,S)=>o.createElement(Ke,{key:S,hidden:d?!1:S>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>w(y)},`#${y}`))))};var mn=o.memo(ur),cr="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 jt(t){return o.memo(function(e){const{$store:i}=Ln(),n=s=>{let d=s;const r=s.match(/{{.*?}}/g);return r?.length&&r.forEach(a=>{a.replace(/{{\s*([\w.]+)\s*}}/g,(c,u)=>{if(u){const v=Se.get(i,u);return d=d.replace(a,v),v}})}),d},l=o.useMemo(()=>{var s,d,r;const{bindDatas:a}=e,c=Ie(e,["bindDatas"]);if((s=a?.forEach)===null||s===void 0||s.call(a,u=>{if(u?.propKey&&u?.dataPath){const{propKey:v,dataPath:m}=u;m.replace(/{{\s*([\w.]+)\s*}}/g,(w,y)=>{var S,I;if(y){const p=(I=(S=Se.get(i,y))!==null&&S!==void 0?S:e[v])!==null&&I!==void 0?I:"";return c[v]=p,p}})}}),c){c.eventMap={};const u=Se.cloneDeep(c.event)||{};for(const v in u)if(Object.prototype.hasOwnProperty.call(u,v))try{u[v].value=n(u[v].value),c.eventMap[v]=new Function(u[v].value)}catch{}}return!((r=(d=c?.event)===null||d===void 0?void 0:d.onClick)===null||r===void 0)&&r.linkType&&(c.style.cursor="pointer"),c},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const pr=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=Re(),s=o.useMemo(()=>{var d,r,a,c,u,v,m,w,y,S,I,p,b,f,x,_,h,P,C,g,E,O,T,D,A,L,F,V,B,N,z;if(!t?.video)return null;let j=null;!((r=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||r===void 0)&&r.length?j="\u591A\u5546\u54C1CTA":!((a=t?.video)===null||a===void 0)&&a.bindProduct?j="\u5546\u54C1CTA":j=(u=(c=t?.video)===null||c===void 0?void 0:c.bindCta)===null||u===void 0?void 0:u.itemId;const k=i?.[j];if(((v=k?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((m=t?.video)===null||m===void 0)&&m.bindProduct)||((w=k?.item)===null||w===void 0?void 0:w.type)==="Commodity"&&!(!((y=t?.video)===null||y===void 0)&&y.bindProduct)||((S=k?.item)===null||S===void 0?void 0:S.type)==="CommodityDiroNew"&&!(!((I=t?.video)===null||I===void 0)&&I.bindProduct)||((p=k?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((f=(b=t?.video)===null||b===void 0?void 0:b.bindProducts)===null||f===void 0)&&f.length)||((x=k?.item)===null||x===void 0?void 0:x.type)==="MultiCommodityDiro"&&!(!((h=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||h===void 0)&&h.length)||((P=k?.item)===null||P===void 0?void 0:P.type)==="MultiCommodityDiroNew"&&!(!((g=(C=t?.video)===null||C===void 0?void 0:C.bindProducts)===null||g===void 0)&&g.length))return null;if(k&&n){const $=n[(E=k?.item)===null||E===void 0?void 0:E.type],H=jt($),W=(O=$?.extend)===null||O===void 0?void 0:O.defaulSetting,K=((A=(D=(T=k?.item)===null||T===void 0?void 0:T.event)===null||D===void 0?void 0:D.onClick)===null||A===void 0?void 0:A.linkType)==="externalLink";return o.createElement(H,Object.assign({style:Object.assign(Object.assign(Object.assign({},W?.style),(L=k?.item)===null||L===void 0?void 0:L.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},W?.textStyle),(F=k?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(B=(V=k?.item)===null||V===void 0?void 0:V.bindDatas)!==null&&B!==void 0?B:[]},W?.props,(N=k?.item)===null||N===void 0?void 0:N.props,{event:((z=k?.item)===null||z===void 0?void 0:z.event)||{},schema:l,id:k?.id,key:k?.id,recData:t,isExternalLink:K,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var hn=o.memo(pr);const gn=({nudge:t})=>{var e,i,n,l,s,d,r;return o.createElement(o.Fragment,null,t?.isOpen&&o.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:(s=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(d=t?.borderRadius)!==null&&d!==void 0?d:4}},t?.icon?o.createElement("img",{src:t.icon,style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,o.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(r=t?.content)!==null&&r!==void 0?r:"")))},bi="FOR U",vr=({tagList:t=[],setActiveIndex:e})=>{const[i,n]=o.useState(bi),{getRecommendVideos:l,setRtcList:s,setCacheRtcList:d,setCacheActiveIndex:r,setLoading:a,swiperRef:c,waterFallData:u,bffEventReport:v}=ve(),{backMainFeed:m}=ze(),w=o.useMemo(()=>[bi,...t],[t]),y=S=>()=>{if(S===i)return;S!=="FOR U"?v?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`[${S}]`}}):m("theme",i);let I;S!==bi&&(I=S),a?.(!0),l?.({themeTag:I}).then(p=>{var b,f,x,_;et.emit(Ye.CHANGE_THEME_TAG,I),s?.((b=p?.recList)!==null&&b!==void 0?b:[]),d?.((f=p?.recList)!==null&&f!==void 0?f:[]),e?.(0),r?.(0),(_=(x=c?.current)===null||x===void 0?void 0:x.swiper)===null||_===void 0||_.slideTo(0)}).finally(()=>{a?.(!1)}),n(S)};return u||t.length<=0?null:o.createElement("div",{className:"clc-sxp-tagbar"},o.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},w.map(S=>o.createElement("li",{className:`clc-sxp-tagbar-list-item ${S===i?"clc-sxp-tagbar-list-item-active":""}`,key:S,onClick:y(S)},S))))};var bn=o.memo(vr);const yn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:r,tipText:a,nudge:c,_schema:u,hashTagStyle:v,tagList:m=[],licenseUrl:w})=>{var y,S,I,p,b,f,x,_,h,P;const{schema:C}=Re(),[g,E]=o.useState(0),O=o.useRef(0),[T,D]=o.useState(!1),[A,L]=o.useState(!0),F=o.useRef(),[V,B]=o.useState(!1),[N,z]=o.useState(!1),{loadVideos:j,bffEventReport:k,loading:$,setPopupDetailData:H,ctaEvent:W,swiperRef:K,waterFallData:ee,setOpenHashtag:q,appDomain:pe,openHashtag:Y,loadingImage:oe,isFromHashtag:Q,popupDetailData:Z,bffFbReport:me,curTime:_e,h5EnterLink:je}=ve(),{backMainFeed:We}=ze(),[X,ue]=o.useState(null),fe=o.useRef(),{productView:ie}=ze(),Qe=o.useMemo(()=>d.length>0&&!$&&zn(),[d,$]),Pe=o.useCallback(()=>{if(d.length<=0)return;Nn();const M=new Date;F.current=M,T&&je?.(),me?.({eventName:"PageView"}),D(!0)},[d.length,me,je,T]),tt=o.useRef();o.useEffect(()=>{var M,ne,J,re;if(!tt.current&&!X&&fe?.current&&d?.length>0){tt.current=!0;const de=TCPlayer("player-container-id",{licenseUrl:w,controls:!1,loop:!1,autoplay:!0,muted:!0,preload:"auto",posterImage:!1,bigPlayButton:!0,sources:!((ne=(M=d?.[0])===null||M===void 0?void 0:M.video)===null||ne===void 0)&&ne.url?[{src:(re=(J=d?.[0])===null||J===void 0?void 0:J.video)===null||re===void 0?void 0:re.url}]:[]});de?.ready(()=>{ue(de)})}},[X,w,d]),o.useEffect(()=>{T||Pe()},[Pe,T]),o.useEffect(()=>{var M;const ne=d?.findIndex(J=>{var re,de,le,R,se,Te,Ne,Be,ye;return r==="\u591A\u5546\u54C1CTA"?((re=J?.video)===null||re===void 0?void 0:re.bindProducts)&&((le=(de=J?.video)===null||de===void 0?void 0:de.bindProducts)===null||le===void 0?void 0:le.length)>0:r==="\u5546\u54C1CTA"?(R=J?.video)===null||R===void 0?void 0:R.bindProduct:((Te=(se=J?.video)===null||se===void 0?void 0:se.bindCta)===null||Te===void 0?void 0:Te.itemId)===r&&(((Ne=J?.video)===null||Ne===void 0?void 0:Ne.url)||((ye=(Be=J?.video)===null||Be===void 0?void 0:Be.imgUrls)===null||ye===void 0?void 0:ye.length))})||0;(M=K?.current)===null||M===void 0||M.swiper.slideTo(ne)},[r,K]),o.useEffect(()=>{const M=d?.[g],ne=()=>{var J,re,de,le,R,se,Te,Ne,Be,ye,ke,ut,ct,pt,st,St;if(document.visibilityState==="hidden"){et.emit(Ye.PAGE_DID_HIDE,M),be(M),xe(M);let De="";Z&&(!((re=(J=M?.video)===null||J===void 0?void 0:J.bindProducts)===null||re===void 0)&&re.length||!((de=M?.video)===null||de===void 0)&&de.bindProduct)?De="pdpPage":Z&&((Te=l?.[(se=(R=(le=M?.video)===null||le===void 0?void 0:le.bindCta)===null||R===void 0?void 0:R.itemId)!==null&&se!==void 0?se:""].item)===null||Te===void 0?void 0:Te.type)==="Appoint"?De="formPage":Q?De="hashTagPage":!((Ne=M?.video)===null||Ne===void 0)&&Ne.url?De="videoPage":!((Be=M?.video)===null||Be===void 0)&&Be.imgUrls&&(!((ke=(ye=M?.video)===null||ye===void 0?void 0:ye.imgUrls)===null||ke===void 0)&&ke.length)?De="imagePage":M?.product&&(De="productPage"),k?.({eventInfo:{sessionDuration:Math.floor((new Date-_e.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(ut=M?.video)===null||ut===void 0?void 0:ut.itemId,productId:(ct=M?.product)===null||ct===void 0?void 0:ct.itemId,position:g+"",fromKName:De,fromKPage:location?.href,ctatId:(St=(st=(pt=M?.video)===null||pt===void 0?void 0:pt.bindCta)===null||st===void 0?void 0:st.itemId)!==null&&St!==void 0?St:""}})}else document.visibilityState==="visible"&&(Pe(),ge(g),et.emit(Ye.PAGE_DID_SHOW,M),We("external"))};return document.addEventListener("visibilitychange",ne),()=>{document.removeEventListener("visibilitychange",ne)}},[g,k,d,Pe,Z,Q,l,_e,We]),o.useEffect(()=>{const M=()=>{We("external")};return window.addEventListener("pageshow",M),()=>{window.removeEventListener("pageshow",M)}},[]);const Ze=o.useMemo(()=>{let M=0;return m.length>0&&(M+=45,ee&&(M-=45)),M},[m,ee]),Ce=o.useMemo(()=>{let M=0;return t?.logoUrl&&t?.isShowLogo&&(M+=45),i-M-Ze},[t,i,Ze]),Si=o.useMemo(()=>t?.logoUrl&&t?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},o.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),yt=o.useCallback((M,ne)=>{var J,re,de,le;return!((J=M?.video)===null||J===void 0)&&J.url?o.createElement(lr,{rec:M,index:ne,muted:A,data:d,height:Ce,activeIndex:g,videoPostConfig:t?.videoPost,videoRef:X}):!((re=M?.video)===null||re===void 0)&&re.imgUrls?o.createElement(dr,{key:M?.video.itemId,imgUrls:M?.video.imgUrls,width:n,height:Ce,rec:M,index:ne,onReportViewImageEnd:be,onViewImageStartEvent:ge,imgUrlsPostConfig:t?.imgUrlsPost}):M.product&&Array.isArray(t?.productPost)&&((de=t?.productPost)===null||de===void 0?void 0:de.length)>0?(le=t?.productPost)===null||le===void 0?void 0:le.map((R,se)=>{var Te,Ne,Be,ye,ke,ut,ct,pt;const st=s[(Te=R?.item)===null||Te===void 0?void 0:Te.type],St=jt(st),De=(Ne=st?.extend)===null||Ne===void 0?void 0:Ne.defaulSetting;return o.createElement(St,Object.assign({key:`${ne}${se}`,textStyle:Object.assign(Object.assign({},De?.textStyle),(Be=R?.item)===null||Be===void 0?void 0:Be.textStyle),bindDatas:(ke=(ye=R?.item)===null||ye===void 0?void 0:ye.bindDatas)!==null&&ke!==void 0?ke:[]},De?.props,(ut=R?.item)===null||ut===void 0?void 0:ut.props,{event:((ct=R?.item)===null||ct===void 0?void 0:ct.event)||{},schema:C,id:R?.id,viewTime:F.current,rec:M,isPost:!0,tipText:a,style:Object.assign(Object.assign(Object.assign({},De?.style),(pt=R?.item)===null||pt===void 0?void 0:pt.style),{height:"100%",overflow:"auto"}),index:ne}))}):null},[n,d,Ce,A,g,t?.productPost,F,a,s,C,X]),Nt=o.useCallback(M=>{z(M)},[]),U=o.useMemo(()=>N?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[N]),G=o.useCallback((M,ne)=>{var J,re,de,le,R,se,Te;return M?.video?o.createElement(o.Fragment,null,((J=M?.video)===null||J===void 0?void 0:J.title)&&!N&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(gn,{nudge:c}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(hn,{rec:M,index:ne,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(Mt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:a?.foldText,unfoldText:a?.unfoldText,text:(de=(re=M?.video)===null||re===void 0?void 0:re.title)!==null&&de!==void 0?de:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Nt}),o.createElement(mn,{index:g,tags:(R=(le=M?.video)===null||le===void 0?void 0:le.hashTags)!==null&&R!==void 0?R:[],itemId:(se=M?.video)===null||se===void 0?void 0:se.itemId,itemType:!((Te=M?.video)===null||Te===void 0)&&Te.itemId?"VIDEO":null,rec:M,hashTagStyle:v})))):null},[e,g,l,s,a,c,v,t,Nt,N,U]),ae=o.useCallback((M,ne)=>{var J,re,de,le;if(!t?.isShowLike)return;let R=(J=t?.likeIconY)!==null&&J!==void 0?J:400;return ee&&R<40&&(R+=40),M?.video?o.createElement(pn,{key:M.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:M.isCollected,recData:M,className:"clc-sxp-like-button",style:{[(re=t.likeIconXPosit)!==null&&re!==void 0?re:"right"]:(de=t.likeIconX)!==null&&de!==void 0?de:0,[(le=t.likeIconYPosit)!==null&&le!==void 0?le:"bottom"]:R},position:ne}):null},[t,ee]),be=M=>{var ne,J,re,de,le,R;if(!(!((ne=M?.video)===null||ne===void 0)&&ne.url)&&(!((J=M?.video)===null||J===void 0)&&J.imgUrls)){const se=Date.now(),Te=(se-O.current)/1e3;k?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(de=(re=M?.video)===null||re===void 0?void 0:re.itemId)!==null&&de!==void 0?de:"",contentName:(le=M?.video.title)!==null&&le!==void 0?le:"",imageEndTime:`${se}`,playDuration:`${Te}`,contentTags:JSON.stringify((R=M?.video.tags)!==null&&R!==void 0?R:[]),position:g+"",contentFormat:"image",traceInfo:M?.video.traceInfo}})}},he=M=>{var ne,J,re,de,le,R,se,Te,Ne,Be;F.current=new Date;const ye=d[M.previousIndex];if(!ye)return;M.previousIndex-M.activeIndex<0?(k?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(J=(ne=ye?.video)===null||ne===void 0?void 0:ne.itemId)!==null&&J!==void 0?J:"",productId:(de=(re=ye?.product)===null||re===void 0?void 0:re.itemId)!==null&&de!==void 0?de:"",requestId:null}}),be(ye)):(k?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(R=(le=ye?.video)===null||le===void 0?void 0:le.itemId)!==null&&R!==void 0?R:"",productId:(Te=(se=ye.product)===null||se===void 0?void 0:se.itemId)!==null&&Te!==void 0?Te:"",requestId:null}}),be(ye)),xe(ye);const ke=d[M.activeIndex];!(!((Ne=ke?.video)===null||Ne===void 0)&&Ne.url)&&!(!((Be=ke?.video)===null||Be===void 0)&&Be.imgUrls)&&ke?.product&&me?.({eventName:"ProductView"})},xe=M=>{var ne,J,re;!(!((ne=M?.video)===null||ne===void 0)&&ne.url)&&!(!((J=M?.video)===null||J===void 0)&&J.imgUrls)&&M?.product&&ie(M,M.product,(re=M?.product)===null||re===void 0?void 0:re.bindCta,F.current,g)};o.useEffect(()=>{const M=d[g];Y&&xe(M)},[Y,d,g]);const ge=M=>{var ne,J,re,de,le,R;const se=d[M];if(!(!((ne=se?.video)===null||ne===void 0)&&ne.url)&&(!((J=se?.video)===null||J===void 0)&&J.imgUrls)){const Te=Date.now();O.current=Te,k?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(de=(re=se?.video)===null||re===void 0?void 0:re.itemId)!==null&&de!==void 0?de:"",contentName:(le=se?.video.title)!==null&&le!==void 0?le:"",imageStartTime:`${Te}`,contentTags:JSON.stringify((R=se?.video.tags)!==null&&R!==void 0?R:[]),position:M+"",contentFormat:"image",traceInfo:se?.video.traceInfo}}),me?.({eventName:"ViewContent"})}},Ee=o.useMemo(()=>{const M=d?.map((ne,J)=>g===J||J-1===g||J+1===g?ne:null);return ee?M:M.concat([{loading:!0}])},[d,g,ee]),it=o.useMemo(()=>$?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):Ee?.map((M,ne)=>o.createElement(Ke,{key:ne,virtualIndex:ne},M&&o.createElement(o.Fragment,null,M?.loading?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:oe,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,yt(M,ne),G(M,ne),ae(M,ne))))),[n,d,Ce,$,G,yt,Ee,oe]),dt=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),wt=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},ee&&o.createElement(an,{icon:cr,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{q?.(!0)}}),Si,o.createElement(bn,{tagList:m,setActiveIndex:E}),Qe?o.createElement(rr,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((y=t?.swipeTipOffset)!==null&&y!==void 0?y:0)}%`}}):null,o.createElement(at,{style:{marginTop:Ze},ref:K,onSlideChange:()=>{K.current.swiper.allowTouchMove=!1,setTimeout(()=>{K.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:M=>{E(M.activeIndex),!Y&&(he(M),!ee&&M?.activeIndex+2>=d?.length&&(V||(B(!0),j?.(Math.ceil(g/10)+1).then(()=>{B(!1)}))))},direction:"vertical",height:Ce},o.createElement(vn,{style:{position:"fixed",visibility:!((I=(S=d?.[g])===null||S===void 0?void 0:S.video)===null||I===void 0)&&I.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(b=t?.muteIconX)!==null&&b!==void 0?b:0,[(f=t?.muteIconYPosit)!==null&&f!==void 0?f:"bottom"]:(x=t?.muteIconY)!==null&&x!==void 0?x:23},defaultValue:A,activeIcon:t?.unMuteIcon?t?.unMuteIcon:dt,unactiveIcon:t?.muteIcon?t?.muteIcon:wt,onChange:L}),it),o.createElement(un,Object.assign({},(P=(h=(_=t?.hashTag)===null||_===void 0?void 0:_[0])===null||h===void 0?void 0:h.item)===null||P===void 0?void 0:P.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:fe,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},fr=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(at,{defaultValue:0,direction:"horizontal",modules:[kt,Dt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Ke,{key:d},o.createElement(fn,{src:d,height:i,imgUrlsPostConfig:n}))));var mr=o.memo(fr);const hr=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:r})=>{const[a,c]=o.useState(!1),u=o.useRef(null),{bffEventReport:v,sxpParameter:m,waterFallData:w,openHashtag:y}=ve(),S=o.useRef(0),[I,p]=o.useState(!1),[b,f]=o.useState(!0),x=o.useRef(null),[_,h]=o.useState("");o.useEffect(()=>{u.current&&(u.current.muted=l)},[l]);const P=o.useCallback(()=>{var N;(N=u.current)===null||N===void 0||N.play()},[]),C=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),g=o.useCallback(()=>{var N,z,j,k,$,H,W,K,ee,q,pe,Y,oe;c(!1);const Q=n[e];if(Q&&(!((N=u?.current)===null||N===void 0)&&N.duration)){S.current=((z=u?.current)===null||z===void 0?void 0:z.currentTime)||0;const Z=((k=(j=u.current)===null||j===void 0?void 0:j.duration)!==null&&k!==void 0?k:0).toFixed(2),me=((H=($=u.current)===null||$===void 0?void 0:$.currentTime)!==null&&H!==void 0?H:0).toFixed(2),_e=b?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(K=(W=Q?.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(q=(ee=Q?.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",playType:_e,startTime:me,videoDuration:Z,contentTags:JSON.stringify((Y=(pe=Q?.video)===null||pe===void 0?void 0:pe.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(oe=Q?.video)===null||oe===void 0?void 0:oe.traceInfo}}),f(!1)}},[v,n,e,b]),E=o.useCallback(()=>{p(!0)},[]),O=o.useCallback(N=>()=>{var z,j,k,$,H;if(!I)return;const W=(z=u.current)===null||z===void 0?void 0:z.paused;switch(N){case"start":if(!W)return;(j=u.current)===null||j===void 0||j.play(),c(!1);break;case"pause":if(W)return;(k=u.current)===null||k===void 0||k.pause(),c(!0);break;default:W?($=u.current)===null||$===void 0||$.play():(H=u.current)===null||H===void 0||H.pause(),c(!W);break}},[I]),T=o.useCallback(()=>{var N,z,j,k,$,H,W,K,ee,q,pe,Y,oe;const Q=n[e],Z=((z=(N=u.current)===null||N===void 0?void 0:N.duration)!==null&&z!==void 0?z:0).toFixed(2),me=((k=(j=u.current)===null||j===void 0?void 0:j.currentTime)!==null&&k!==void 0?k:0).toFixed(2);if(!(($=u?.current)===null||$===void 0)&&$.duration){const _e=(((H=u?.current)===null||H===void 0?void 0:H.currentTime)-S.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(K=(W=Q?.video)===null||W===void 0?void 0:W.itemId)!==null&&K!==void 0?K:"",contentName:(q=(ee=Q?.video)===null||ee===void 0?void 0:ee.title)!==null&&q!==void 0?q:"",endTime:me,videoDuration:Z,playDuration:_e,contentTags:JSON.stringify((Y=(pe=Q?.video)===null||pe===void 0?void 0:pe.tags)!==null&&Y!==void 0?Y:[]),position:e+"",contentFormat:"video",traceInfo:(oe=Q?.video)===null||oe===void 0?void 0:oe.traceInfo}})}},[n,e,v]),D=o.useMemo(()=>d?.mode==="2",[d]),A=o.useMemo(()=>{var N;return d?.mode==="2"?`translateY(-${50+((N=d?.offsetTop)!==null&&N!==void 0?N:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),L=o.useMemo(()=>{var N;return((N=t?.video)===null||N===void 0?void 0:N.cover)||_},[_,t]),F=o.useCallback(()=>{if(!x||!u||!u.current||!x.current)return;const N=u?.current,z=x?.current,j=z.getContext("2d"),k=window?.innerWidth,$=window?.innerHeight;z.height=$,z.width=k,j?.drawImage(N,0,0,z.width,z.height),h(z.toDataURL())},[]);o.useEffect(()=>{var N,z,j,k;if(u.current){if(c(!1),!u.current.src){const $=t?.video.url;if($.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const H=new window.Hls;H.loadSource($),H.attachMedia(u.current)}else u.current.canPlayType("application/vnd.apple.mpegurl"),u.current.src=$;else u.current.src=$;u.current.setAttribute("x5-playsinline","true"),u.current.setAttribute("webkit-playsinline","true")}return(N=u.current)===null||N===void 0||N.addEventListener("loadedmetadata",E),(z=u.current)===null||z===void 0||z.addEventListener("canplay",E),(j=u.current)===null||j===void 0||j.addEventListener("playing",g),(k=u.current)===null||k===void 0||k.addEventListener("loadeddata",F),()=>{var $,H,W,K;($=u.current)===null||$===void 0||$.removeEventListener("loadedmetadata",E),(H=u.current)===null||H===void 0||H.removeEventListener("canplay",E),(W=u.current)===null||W===void 0||W.removeEventListener("playing",g),(K=u.current)===null||K===void 0||K.removeEventListener("loadeddata",F)}}},[E,g,t?.video,F]);const V=o.useMemo(()=>!m?.placeholder_image||I?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:m?.placeholder_image}),[I,m?.placeholder_image]);o.useEffect(()=>{const N=()=>{var z,j;s===e&&(!((z=t?.video)===null||z===void 0)&&z.url)&&(!((j=u?.current)===null||j===void 0)&&j.src)&&!a&&O("pause")()};return window.addEventListener("beforeunload",N),()=>{window.removeEventListener("beforeunload",N)}},[s,e,t,u,O,a]);const B=o.useMemo(()=>D?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[D]);return t?.video?o.createElement(o.Fragment,null,D?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:O(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement(Le,{src:L,style:Object.assign({height:i,width:r,objectFit:"cover"},B)}),o.createElement("canvas",{ref:x,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:r,height:i,top:"50%",transform:A,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:r,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:u,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:P,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:C}))),V):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:O(),style:{position:"relative",width:r,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:u,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:T,onEnded:P}),V,o.createElement("img",{hidden:!a,className:"clc-pb-video-pause",src:C}))):null};var gr=o.memo(hr);const yi={};Object.values(gi).forEach(t=>{yi[t.extend.type]=t});const br="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",yr="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",wr=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:r=664,containerWidth:a=375,appDomain:c,tagList:u=[]})=>{const v=o.useMemo(()=>{let h=0;return e?.logoUrl&&e?.isShowLogo&&(h+=45),u.length>0&&(h+=45),r-h},[e,r,u]),m=(h,P)=>{var C,g,E,O;if(!((C=h?.video)===null||C===void 0)&&C.url)return o.createElement(gr,{rec:h,index:P,muted:!0,width:a,data:t??[],height:v,activeIndex:P,videoPostConfig:e?.videoPost});if(!((g=h?.video)===null||g===void 0)&&g.imgUrls)return o.createElement(mr,{key:h?.video.itemId,imgUrls:h?.video.imgUrls,width:a,height:v,rec:h,index:P,imgUrlsPostConfig:e?.imgUrlsPost});if(h.product&&h.product&&Array.isArray(e?.productPost)&&((E=e?.productPost)===null||E===void 0?void 0:E.length)>0)return(O=e?.productPost)===null||O===void 0?void 0:O.map((T,D)=>{var A,L,F,V,B,N,z,j;const k=yi[(A=T?.item)===null||A===void 0?void 0:A.type],$=jt(k),H=(L=k?.extend)===null||L===void 0?void 0:L.defaulSetting;return o.createElement($,Object.assign({key:`${P}${D}`,textStyle:Object.assign(Object.assign({},H?.textStyle),(F=T?.item)===null||F===void 0?void 0:F.textStyle),bindDatas:(B=(V=T?.item)===null||V===void 0?void 0:V.bindDatas)!==null&&B!==void 0?B:[]},H?.props,(N=T?.item)===null||N===void 0?void 0:N.props,{event:((z=T?.item)===null||z===void 0?void 0:z.event)||{},id:T?.id,rec:h,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},H?.style),(j=T?.item)===null||j===void 0?void 0:j.style),{width:a,height:v,overflow:"auto"}),index:P}))})},w=o.useMemo(()=>e?.logoUrl&&e?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},o.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),y=(h,P)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(hn,{rec:h,index:P,tempMap:l,resolver:yi})):null,S=(h,P)=>{var C,g,E,O,T,D,A;return h?.video?o.createElement(o.Fragment,null,((C=h?.video)===null||C===void 0?void 0:C.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(gn,{nudge:n}),y(h,P),o.createElement("div",null,o.createElement(Mt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(E=(g=h?.video)===null||g===void 0?void 0:g.title)!==null&&E!==void 0?E:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(mn,{index:P,tags:(T=(O=h?.video)===null||O===void 0?void 0:O.hashTags)!==null&&T!==void 0?T:[],itemId:(D=h?.video)===null||D===void 0?void 0:D.itemId,itemType:!((A=h?.video)===null||A===void 0)&&A.itemId?"VIDEO":null,rec:h,hashTagStyle:d}))):null},I=Ue(yr,c),p=Ue(br,c),b=(h,P)=>{var C,g,E,O;if(!e?.isShowLike)return;let T=(C=e?.likeIconY)!==null&&C!==void 0?C:400;return T<40&&(T+=40),h?.video?o.createElement(pn,{key:h.position,activeIcon:(g=e?.likeIcon)!==null&&g!==void 0?g:I,unActicveIcon:(E=e?.unlikeIcon)!==null&&E!==void 0?E:p,position:P,active:h.isCollected,recData:h,className:"clc-sxp-like-button",style:{top:T,right:(O=e?.likeIconX)!==null&&O!==void 0?O:0}}):null},f=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",c),x=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",c),_=(h,P)=>{var C,g,E,O;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},w,o.createElement(bn,{tagList:u}),o.createElement(vn,{style:{position:"absolute",right:(C=e?.muteIconX)!==null&&C!==void 0?C:0,visibility:!((E=(g=t?.[P])===null||g===void 0?void 0:g.video)===null||E===void 0)&&E.url?"visible":"hidden",bottom:(O=e?.muteIconY)!==null&&O!==void 0?O:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:f,unactiveIcon:e?.muteIcon?e?.muteIcon:x}),m(h,P),S(h,P),b(h,P))};return o.createElement("div",{className:te.css({width:"100%",height:r,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((h,P)=>_(h,P)))};var Sr=o.memo(wr);const Tr=()=>{const{schema:t,resolver:e,popup:i}=Re(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=ve(),{productView:d}=ze(),[r,a]=o.useState(),c=o.useRef(null);o.useEffect(()=>{const m=()=>{c.current=new Date};return m(),window.addEventListener("pageshow",m),()=>{window.removeEventListener("pageshow",m)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(c.current=new Date,a(i))},[i]);const u=()=>{var m,w,y,S;if(!i||i?.id===""||!r||new Date-c.current<((m=i?.duration)!==null&&m!==void 0?m:0))return;a(Object.assign(Object.assign({},i),{id:""}));const I=l,p=(w=I?.video)===null||w===void 0?void 0:w.bindProduct,b=(S=(y=I?.video)===null||y===void 0?void 0:y.bindProduct)===null||S===void 0?void 0:S.bindCta;p&&b&&d(I,p,b,c.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var m,w,y;return(y=(w=(m=t?.sxpPageConf)===null||m===void 0?void 0:m.globalConfig)===null||w===void 0?void 0:w.popupList)===null||y===void 0?void 0:y.map((S,I)=>{var p,b,f,x,_,h,P,C,g,E,O,T,D,A,L;if(S?.id===i?.id){const F=e[(p=S?.item)===null||p===void 0?void 0:p.type],V=jt(F),B=((x=(f=(b=S?.item)===null||b===void 0?void 0:b.event)===null||f===void 0?void 0:f.onClick)===null||x===void 0?void 0:x.linkType)==="externalLink",N=((P=(h=(_=S?.item)===null||_===void 0?void 0:_.event)===null||h===void 0?void 0:h.onClick)===null||P===void 0?void 0:P.linkType)==="popup",z=(C=F?.extend)===null||C===void 0?void 0:C.defaulSetting;return o.createElement(V,Object.assign({key:I,style:Object.assign(Object.assign(Object.assign({},z?.style),(g=S?.item)===null||g===void 0?void 0:g.style),{width:(E=window.innerWidth)!==null&&E!==void 0?E:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},z?.textStyle),(O=S?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(D=(T=S?.item)===null||T===void 0?void 0:T.bindDatas)!==null&&D!==void 0?D:[]},z?.props,(A=S?.item)===null||A===void 0?void 0:A.props,{event:((L=S?.item)===null||L===void 0?void 0:L.event)||{},schema:t,id:S?.id,isExternalLink:B,isPopup:N,onClose:u}))}else return o.createElement(o.Fragment,null)})},[t,i,e,u]);return o.createElement(Ot,{popup:r,onClose:u,padding:0,modalStyle:{position:"fixed"}},v)},wi={};Object.values(gi).forEach(t=>{wi[t.extend.type]=t});const xr=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:r})=>{var a,c,u,v,m,w,y,S,I,p,b;const f=o.useMemo(()=>{var x;return location?.search?(x=location?.search)===null||x===void 0?void 0:x.replace("?",""):""},[]);return o.createElement(Bi,{resolver:wi,enableDataSource:!1,schema:t?.data,utmVal:f},o.createElement(Mi,{utmVal:f,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(c=(a=t?.sxp_parameter)===null||a===void 0?void 0:a.personalized_recommend)!==null&&c!==void 0?c:e,defaultSize:(v=(u=t?.sxp_parameter)===null||u===void 0?void 0:u.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(w=(m=t?.sxp_parameter)===null||m===void 0?void 0:m.hash_tag_size)!==null&&w!==void 0?w:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:r,isShowTag:(I=(S=(y=t?.data)===null||y===void 0?void 0:y.sxpPageConf)===null||S===void 0?void 0:S.globalConfig)===null||I===void 0?void 0:I.isShowTag,globalConfig:(b=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||b===void 0?void 0:b.globalConfig,render:({rtcList:x,tagList:_})=>{var h;return o.createElement(o.Fragment,null,o.createElement(yn,Object.assign({},(h=t?.data)===null||h===void 0?void 0:h.sxpPageConf,{tagList:_,data:x,resolver:wi,licenseUrl:d})),o.createElement(Tr,null))}}))};var Er=o.memo(xr);const wn=o.createContext({}),Cr=({children:t,data:e})=>{var i,n,l,s,d,r,a,c,u,v,m,w,y;const[S,I]=o.useState(!1),[p,b]=o.useState(!1);return o.createElement(wn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.hash_tag_size,loadingImage:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.loading_image,privacyContent:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.privacy_context,privacyNecessity:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_necessity,privacyPolicyTitle:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(m=e?.sxp_parameter)===null||m===void 0?void 0:m.privacy_title,template:(w=e?.sxp_parameter)===null||w===void 0?void 0:w.template,industry:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.industry},appDomain:e?.appDomain,openHashtag:S,setOpenHashtag:I,openConsent:p,setOpenConsent:b}},t)};function Ir(){return o.useContext(wn)}we.DiyPortalPreview=Sr,we.EditorDataProvider=Cr,we.Modal=Ot,we.SxpDataSourceProvider=Mi,we.SxpPageCore=Er,we.SxpPageRender=yn,we.core=$n,we.default=Mn,we.defaultSetting=Ve,we.materials=gi,we.useEditorDataProvider=Ir,Object.defineProperty(we,"__esModule",{value:!0})});
7
7
  //# sourceMappingURL=pb-ui.min.js.map