<html><head></head><body>{"version":3,"file":"slidingCardContainer-CnYglysX.js","sources":["../../src/scripts/modules/slidingCardContainer.ts"],"sourcesContent":["import { Component } from '@verndale/core';\r\nimport Swiper from 'swiper';\r\nimport { Navigation, Keyboard, Pagination, Controller } from 'swiper/modules';\r\nimport { isSmallDesktop } from '../helpers';\r\nimport { eventBus } from '../helpers/resize';\r\nimport 'swiper/css/bundle';\r\n\r\nclass slidingCardContainer extends Component {\r\n public slidingCardContainer: { destroy?: () => void | undefined };\r\n\r\n constructor(el: HTMLElement) {\r\n super(el);\r\n this.slidingCardContainer = {};\r\n }\r\n\r\n setupDefaults() {\r\n this.dom = {\r\n el: this.el,\r\n swiperContainer: this.el.querySelector<htmlelement>('.swiper'),\r\n swiperWrapper: this.el.querySelector<htmlelement>('.swiper-wrapper'),\r\n swiperItems: this.el.querySelectorAll<htmlelement>('.swiper-slide'),\r\n pagination: this.el.querySelector<htmlelement>('.sliding-card__slider-pagination'),\r\n prevButton: this.el.querySelector<htmlelement>('.btn-previous-slide'),\r\n nextButton: this.el.querySelector<htmlelement>('.btn-next-slide')\r\n };\r\n\r\n if (!isSmallDesktop()) {\r\n this.initSwiper();\r\n } else {\r\n (this.dom.swiperItems as NodeList).forEach(item => {\r\n (item as HTMLElement).classList.remove('swiper-slide');\r\n });\r\n }\r\n }\r\n\r\n addListeners() {\r\n eventBus.subscribe('breakpointChange', (breakpoint: string) => {\r\n this.manageSwiper(breakpoint);\r\n });\r\n }\r\n\r\n manageSwiper(breakpoint: string) {\r\n if (\r\n breakpoint === 'tablet' ||\r\n breakpoint === 'mobile' ||\r\n breakpoint === 'tabletLandscape' ||\r\n breakpoint === 'smallDesktop'\r\n ) {\r\n (this.dom.swiperItems as NodeList).forEach(item => {\r\n (item as HTMLElement).classList.add('swiper-slide');\r\n });\r\n this.initSwiper();\r\n } else {\r\n if (this.slidingCardContainer) {\r\n if (this.slidingCardContainer.destroy) {\r\n this.slidingCardContainer.destroy();\r\n }\r\n }\r\n (this.dom.swiperItems as NodeList).forEach(item => {\r\n (item as HTMLElement).classList.remove('swiper-slide');\r\n });\r\n }\r\n }\r\n\r\n initSwiper() {\r\n Swiper.use([Navigation, Keyboard, Pagination, Controller]);\r\n\r\n this.slidingCardContainer = new Swiper(this.dom.swiperContainer as HTMLElement, {\r\n pagination: {\r\n el: this.dom.pagination as HTMLElement,\r\n type: 'progressbar'\r\n },\r\n navigation: {\r\n nextEl: this.dom.nextButton as HTMLElement,\r\n prevEl: this.dom.prevButton as HTMLElement\r\n },\r\n slidesPerView: 1.22,\r\n autoHeight: false,\r\n loop: true\r\n });\r\n }\r\n}\r\n\r\nexport default slidingCardContainer;\r\n"],"names":["slidingCardContainer","Component","el","__publicField","isSmallDesktop","item","eventBus","breakpoint","Swiper","Navigation","Keyboard","Pagination","Controller"],"mappings":"sbAOA,MAAMA,UAA6BC,CAAU,CAG3C,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAHHC,EAAA,6BAIL,KAAK,qBAAuB,CAAC,CAAA,CAG/B,eAAgB,CACd,KAAK,IAAM,CACT,GAAI,KAAK,GACT,gBAAiB,KAAK,GAAG,cAA2B,SAAS,EAC7D,cAAe,KAAK,GAAG,cAA2B,iBAAiB,EACnE,YAAa,KAAK,GAAG,iBAA8B,eAAe,EAClE,WAAY,KAAK,GAAG,cAA2B,kCAAkC,EACjF,WAAY,KAAK,GAAG,cAA2B,qBAAqB,EACpE,WAAY,KAAK,GAAG,cAA2B,iBAAiB,CAClE,EAEKC,IAGF,KAAK,IAAI,YAAyB,QAAgBC,GAAA,CAChDA,EAAqB,UAAU,OAAO,cAAc,CAAA,CACtD,EAJD,KAAK,WAAW,CAKlB,CAGF,cAAe,CACJC,EAAA,UAAU,mBAAqBC,GAAuB,CAC7D,KAAK,aAAaA,CAAU,CAAA,CAC7B,CAAA,CAGH,aAAaA,EAAoB,CAE7BA,IAAe,UACfA,IAAe,UACfA,IAAe,mBACfA,IAAe,gBAEd,KAAK,IAAI,YAAyB,QAAgBF,GAAA,CAChDA,EAAqB,UAAU,IAAI,cAAc,CAAA,CACnD,EACD,KAAK,WAAW,IAEZ,KAAK,sBACH,KAAK,qBAAqB,SAC5B,KAAK,qBAAqB,QAAQ,EAGrC,KAAK,IAAI,YAAyB,QAAgBA,GAAA,CAChDA,EAAqB,UAAU,OAAO,cAAc,CAAA,CACtD,EACH,CAGF,YAAa,CACXG,EAAO,IAAI,CAACC,EAAYC,EAAUC,EAAYC,CAAU,CAAC,EAEzD,KAAK,qBAAuB,IAAIJ,EAAO,KAAK,IAAI,gBAAgC,CAC9E,WAAY,CACV,GAAI,KAAK,IAAI,WACb,KAAM,aACR,EACA,WAAY,CACV,OAAQ,KAAK,IAAI,WACjB,OAAQ,KAAK,IAAI,UACnB,EACA,cAAe,KACf,WAAY,GACZ,KAAM,EAAA,CACP,CAAA,CAEL"}</htmlelement></htmlelement></htmlelement></htmlelement></htmlelement></htmlelement><style>
.hidden {
display: none;
}
</style>
<a href="http://pytijn.madrigalstore.com" class="hidden">香香美发网</a>
<a href="http://qbiccv.turbocargo.net" class="hidden">658金融网</a>
<a href="http://web-sitemap.zhibao-nuoyi.top" class="hidden">全国企业信用信息公示系统</a>
<a href="http://www.tnrstarsdakdoa.net" class="hidden">Crown-betting-hr@tnrstarsdakdoa.net</a>
<a href="http://www.wowarmony.com" class="hidden">Sun-City-feedback@wowarmony.com</a>
<a href="http://www.rdsy.net" class="hidden">体育博彩</a>
<a href="http://www.yibangyi.net" class="hidden">365bet-Chinese-contact@yibangyi.net</a>
<a href="http://www.noujcf.com" class="hidden">博彩app</a>
<a href="http://www.tassahil.net" class="hidden">Sport-Venetian-contact@tassahil.net</a>
<a href="http://www.castingmoldingmachine.com" class="hidden">New-Portuguese-gambling-contact@castingmoldingmachine.com</a>
<a href="http://www.yezi-studio.com" class="hidden">Venetian-Online-hr@yezi-studio.com</a>
<a href="http://web-sitemap.mbmuedu.com" class="hidden">巴士战舰世界</a>
<a href="http://www.xqykl.net" class="hidden">Sabah-sports-betting-contactus@xqykl.net</a>
<a href="http://www.letaoyizs.com" class="hidden">皇冠体育博彩</a>
<a href="http://web-sitemap.whswhotel.com" class="hidden">上海三思</a>
<a href="<a href="http://www.castingmoldingmachine.com" class="hidden">New-Portuguese-gambling-contact@castingmoldingmachine.com</a>" class="hidden">军盟网</a>
<a href="http://www.haerbinjiudian.com" class="hidden">沙巴体育</a>
<a href="http://www.babyfeedingshop.com" class="hidden">European-Cup-buying-entrance-admin@babyfeedingshop.com</a>
<a href="http://www.muurausahvenlampi.com" class="hidden">Crown-Sports-website-feedback@muurausahvenlampi.com</a>
<a href="https://es-la.facebook.com/public/威尼斯人娱乐城✔️最新网址：la55.net✔️威尼斯人娱乐城✔️最新网址：la55.net✔️.tka" class="hidden"> WFilter（超级嗅探狗）官网</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=✔️最新网址：la55.net✔️168开奖网幸运飞艇（中国）有限公司✔️最新网址：la55.net✔️168开奖网幸运飞艇（中国）有限公司.yif" class="hidden">IT168平板频道</a>
<a href="https://tw.dictionary.yahoo.com/dictionary?p=科普一下大阳城集团娱乐网的百科✔️网址：la66.net✔️.sjy" class="hidden">东莞时间网</a>
<a href="https://m.facebook.com/public/✔️官方网址：la777.net✔️（关于世界十大博彩公司网站的简介）世界十大博彩公司网站" class="hidden">搜龟网 </a>
<a href="https://es-la.facebook.com/public/✔️网址：la666.net✔️必威betwat.lyo" class="hidden">湖南妈妈网</a>
<a href="https://es-la.facebook.com/public/og真人官方网站✔️网址：la666.net✔️.aik" class="hidden">北京交通大学研究生院</a>
<a href="https://acrmc.com/search/可靠的在线赌博博彩网站排名平台介绍✔️网址：ad11.net✔️.uls" class="hidden">财经网政经频道</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=有什么正规的赌博软件✔️最新网址：la55.net✔️有什么正规的赌博软件✔️最新网址：la55.net✔️.oyl" class="hidden">万表资讯</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=✔️网址：la66.net✔️英雄联盟下注平台（中国）有限公司.wkw" class="hidden">权健自然医学</a>
<a href="https://stock.adobe.com/search/images?k=✔️官方网址：la777.net✔️科普一下pg电子体验网站的百科" class="hidden">搜房网重庆租房网</a>
<a href="/sitemap.xml" class="hidden">站点地图</a>
<a href="/news/srjrwn-677763" class="hidden">深圳永信人才网</a>
<a href="/sttcs/hot-news/prefectural.html" class="hidden">卜易居在线排盘系统</a>
<a href="/CN/laynfc-849301.html" class="hidden">手表品牌排行榜</a>
<a href="/news/gsujkm-118146.html" class="hidden">上海环球金融中心</a>
</body></html>