https://www.wrike.com/tp/static/swipe-cards-widget.component-CMPOgBWC.js

1import{n as s,t as r}from"./chunk-BV03mJ0Z.js";import{Br as oC,Ct as Qm,Ei as wM,Fn as d_,Fr as n_,Hr as o_,Jt as WI,Ln as ds,Mi as yM,Qn as g_,Si as v,U as JH,Vi as zm,Vn as eM,_i as u_,_t as Om,an as Yw,hn as a_,ir as h_,ki as xm,qr as p_,s as A_,vr as ju}from"./chunk-ZDNP4dbO.js";import"./chunk-DnJ3ki3y.js";import"./chunk-CeXy1PYF.js";import"./chunk-CNjV8CWG.js";import"./chunk-BHENSdxX.js";import{n as S}from"./chunk-BrW6nXe5.js";import"./chunk-ByN82Be6.js";import"./chunk-ULXsdj1g.js";import"./chunk-BuqRBqpy.js";import"./chunk-CLH4okcp.js";import"./chunk-BddfvBZo.js";import"./chunk-Bkui-QN8.js";import"./chunk-BMMRqE9U.js";import"./chunk-p5nmzbAN.js";import"./chunk-iCjNWeCG.js";import"./chunk-LrDha_2Z.js";import"./chunk-Cv-l3zce.js";import"./chunk-Lx1NyW4E.js";import"./chunk-BTymqwKq.js";import"./chunk-L22xDBfF.js";import"./chunk-6S3woBys.js";import"./chunk-B7neomz9.js";import"./chunk-CeHj0LIe.js";import{n as y,t as N}from"./chunk-CAY2SVOu.js";import"./chunk-DBTxivI8.js";import"./chunk-DxwliW4O2.js";import"./chunk-CsBUCSB52.js";import"./chunk-BuUhn8PB2.js";import"./chunk-WGXcboyd2.js";import"./chunk-D2QOs2yS2.js";import"./chunk-B-_hCt212.js";import"./chunk-C00z1H0c2.js";import"./chunk-DDRrl9Dr2.js";import"./chunk-Bo9we-iE2.js";import"./chunk-CKI3ogCH2.js";import{t as d}from"./chunk-CoAl961T2.js";import"./chunk-28vWBjwo2.js";import"./chunk-ol7VnL_a2.js";import"./chunk-BiHqiZMW2.js";import"./chunk-CxFmBsOS2.js";import"./chunk-CD0W4xar2.js";import"./chunk-CchEAXLC2.js";import"./chunk-3WT0Rv6i2.js";import"./chunk-Dz2do4Ou2.js";import"./chunk-C-6K1u2R2.js";import"./chunk-LyegHaPf2.js";import"./main-WQWNP2LL.js";import"./chunk-CSt95yNr2.js";import"./chunk-Bl3lxMEO2.js";import"./chunk-C2SND4LN.js";import"./chunk-lFWMwpET.js";import"./chunk-K03aIiL5.js";import"./chunk-DfHmtpxE.js";import"./chunk-SlVHaKgH.js";import"./chunk-DUvDZ1q6.js";import{t as Ee}from"./chunk-D3O2PN-q.js";import{t as D}from"./chunk-Cubsy_Ii.js";import{n}from"./chunk-OM1Wow0M.js";var j=()=>[import(`./card-v2-vertical.component-CB26dm-8.js`).then(t=>t.CardV2VerticalComponent),import(`./slider-wrapper.component-BgH5B_vv.js`).then(t=>t.SliderWrapperComponent)];function G(t,o){if(t&1&&(ds(0,`div`,4),Qm(1,`website-card-v2-vertical`,5),ju()),t&2){let e=o.$implicit,r=A_(3);oC(),zm(`colorScheme`,r.apiInput?.commonWidgetData?.colorScheme)(`cardTitle`,e.cardTitle?.text??``)(`cardDescription`,e.cardDescription)(`cardLink`,e.linkUrl)(`imgUrl2x`,e.imgUrl2x)(`mobileWidth`,r.cardMobileWidth)(`callToActions`,e.callToActions)(`useInvertedColorScheme`,r.apiInput.invertedThemes)(`caption`,e.caption)}}function z(t,o){if(t&1&&(ds(0,`website-slider-component`,3),h_(1,G,2,9,`div`,4,p_),ju()),t&2){let e=A_(2);zm(`withAutoplay`,!1)(`isEnabledOnMobile`,!0)(`amountOfLoopedSlides`,e.cards.length)(`slidesPerView`,e.getSlidesPerView(1920))(`isBeginFromFirstSlide`,!0)(`ownBreakpoints`,e.ownBreakpoints)(`isScrollingByMouseWheel`,!0)(`colorScheme`,e.apiInput.commonWidgetData.colorScheme)(`showArrowNavigation`,!0),oC(),g_(e.cards)}}function K(t,o){t&1&&(Om(0,z,3,9),wM(),n_(1,0,j,null,null,null,null,null,null,1),a_(),o_())}var ce=(()=>{class t extends D{constructor(){super(...arguments),this.localeService=v(N),this.utils=v(y),this.changeDetectionRef=v(JH),this.apiInput=null,this.cards=[],this.cardMobileWidth=n.Fixed,this.breakpointConfig={1920:{slidesPerView:5.23,maxCards:5},1440:{slidesPerView:4.65,maxCards:4},1024:{slidesPerView:3.5,maxCards:4},768:{slidesPerView:3.1,maxCards:3},320:{slidesPerView:1.3,maxCards:0}},this.getSlidesPerView=e=>{let r=this.cards.length,i=this.breakpointConfig[e];return i?r>i.maxCards?i.slidesPerView:r:this.breakpointConfig[320].slidesPerView}}ngOnInit(){this.isObject(this.apiInput.commonWidgetData.subtitle)&&(this.apiInput.commonWidgetData.subtitle=``),this.initializeCardsWithDetection()}initializeCardsWithDetection(){this.changeDetectionRef.detectChanges(),this.apiInput.cards!==null&&(this.cards=this.apiInput.cards.map(e=>s(r({},e),{linkUrl:e.linkUrl?this.utils?.isAbsoluteUrl(e.linkUrl)?e.linkUrl:S(this.localeService.getPathToLocaleSlug()+e.linkUrl):null})))}isObject(e){return typeof e==`object`}get ownBreakpoints(){let e=this.getSlidesPerView(1920),r=this.getSlidesPerView(1440),i=this.getSlidesPerView(1024),H=this.getSlidesPerView(768);return{320:{slidesPerView:this.getSlidesPerView(320),slidesPerGroup:1,loop:!1,spaceBetween:16,grabCursor:!0},768:{slidesPerView:H,slidesPerGroup:3,loop:!1,spaceBetween:24,grabCursor:!0},1024:{slidesPerView:i,slidesPerGroup:3,loop:!1,spaceBetween:24,grabCursor:!0},1440:{slidesPerView:r,slidesPerGroup:2,loop:!1,spaceBetween:24,grabCursor:!0},1920:{slidesPerView:r,slidesPerGroup:2,loop:!1,spaceBetween:32,grabCursor:!0},3e3:{slidesPerView:e,slidesPerGroup:2,loop:!1,spaceBetween:32,grabCursor:!0}}}static{this.ɵfac=(()=>{let e;return function(i){return(e||(e=WI(t)))(i||t)}})()}static{this.ɵcmp=Yw({type:t,selectors:[[`app-swipe-cards-widget`]],features:[xm],decls:5,vars:11,consts:[[1,`swipe-cards-widget-wrapper`,3,`commonWidgetData`,`callToActions`,`isFullWidthContainer`],[`websiteTheme`,``,3,`colorScheme`],[1,`swipe-cards__cards-container`],[3,`withAutoplay`,`isEnabledOnMobile`,`amountOfLoopedSlides`,`slidesPerView`,`isBeg

1inFromFirstSlide`,`ownBreakpoints`,`isScrollingByMouseWheel`,`colorScheme`,`showArrowNavigation`],[1,`slider__slide`],[3,`colorScheme`,`cardTitle`,`cardDescription`,`cardLink`,`imgUrl2x`,`mobileWidth`,`callToActions`,`useInvertedColorScheme`,`caption`]],template:function(r,i){r&1&&(ds(0,`website-organism-wrapper`,0)(1,`div`)(2,`div`,1)(3,`div`,2),u_(4,K,3,0),ju()()()()),r&2&&(zm(`commonWidgetData`,i.apiInput.commonWidgetData)(`callToActions`,i.apiInput.callToActions)(`isFullWidthContainer`,!0),oC(),eM(yM(`swipe-cards swipe-cards--theme-`,i.apiInput.commonWidgetData.colorScheme)),oC(),eM(yM(`swipe-cards swipe-cards--`,i.cards.length,`-cards`)),zm(`colorScheme`,i.apiInput.commonWidgetData.colorScheme),oC(2),d_(i.cards.length>=2?4:-1))},dependencies:[Ee,d],styles:[`.swipe-cards-widget-wrapper[_ngcontent-%COMP%]{width:100%}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{margin:auto;width:var(--%NS%website-grid-max-width--mobile)}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--tablet)}}@media(min-width:1024px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--laptop)}}@media(min-width:1280px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop-small)}}@media(min-width:1366px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop)}}@media(min-width:1600px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop-big)}}@media(min-width:1920px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--wide)}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__wrapper[_ngcontent-%COMP%]{margin:0 auto}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{text-align:center;box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:calc(var(--%NS%website-grid-gutter--mobile) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--mobile) * .5 * -1)}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--tablet) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--tablet) * .5 * -1)}}@media(min-width:1024px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--laptop) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--laptop) * .5 * -1)}}@media(min-width:1280px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--desktop-small) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--desktop-small) * .5 * -1)}}@media(min-width:1366px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--desktop) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--desktop) * .5 * -1)}}@media(min-width:1600px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--desktop-big) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--desktop-big) * .5 * -1)}}@media(min-width:1920px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{margin-left:calc(var(--%NS%website-grid-gutter--wide) * .5 * -1);margin-right:calc(var(--%NS%website-grid-gutter--wide) * .5 * -1)}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{box-sizing:border-box;width:calc(100% - var(--%NS%website-grid-gutter--mobile));margin-left:calc(var(--%NS%website-grid-gutter--mobile) * .5);margin-right:calc(var(--%NS%website-grid-gutter--mobile) * .5)}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(var(--%NS%website-grid-gutter--mobile) * .5);

1margin-left:calc(var(--%NS%website-grid-gutter--mobile) * .5)}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(100% - var(--%NS%website-grid-gutter--tablet));margin-left:calc(var(--%NS%website-grid-gutter--tablet) * .5);margin-right:calc(var(--%NS%website-grid-gutter--tablet) * .5)}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(var(--%NS%website-grid-gutter--tablet) * .5);margin-left:calc(var(--%NS%website-grid-gutter--tablet) * .5)}}@media(min-width:1024px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(66.6666666667% - var(--%NS%website-grid-gutter--laptop));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--laptop) * .5));margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--laptop) * .5))}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--laptop) * .5));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--laptop) * .5))}}@media(min-width:1280px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(66.6666666667% - var(--%NS%website-grid-gutter--desktop-small));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-small) * .5));margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-small) * .5))}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-small) * .5));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-small) * .5))}}@media(min-width:1366px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(66.6666666667% - var(--%NS%website-grid-gutter--desktop));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop) * .5));margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop) * .5))}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop) * .5));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop) * .5))}}@media(min-width:1600px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(66.6666666667% - var(--%NS%website-grid-gutter--desktop-big));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-big) * .5));margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-big) * .5))}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-big) * .5));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--desktop-big) * .5))}}@media(min-width:1920px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]{width:calc(66.6666666667% - var(--%NS%website-grid-gutter--wide));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--wide) * .5));margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--wide) * .5))}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__grid[_ngcontent-%COMP%]:dir(rtl){margin-right:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--wide) * .5));margin-left:calc(16.6666666667% + calc(var(--%NS%website-grid-gutter--wide) * .5))}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container[_ngcontent-%COMP%]{margin-bottom:44px}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{margin:auto;width:var(--%NS%website-grid-max-width--mobile)}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--tablet)}}@media(min-width:1024px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%web

1site-grid-max-width--laptop)}}@media(min-width:1280px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop-small)}}@media(min-width:1366px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop)}}@media(min-width:1600px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--desktop-big)}}@media(min-width:1920px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{width:var(--%NS%website-grid-max-width--wide)}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container--withWrapper[_ngcontent-%COMP%]{margin-bottom:44px}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__link[_ngcontent-%COMP%]{text-align:center}@media(min-width:1366px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards__cards-container[_ngcontent-%COMP%]{margin-bottom:56px}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__slide{pointer-events:auto}@media(max-width:767px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__wrapper{justify-content:space-evenly}}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:16px}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__container{padding-top:32px;padding-bottom:32px;margin-top:-32px;margin-bottom:-32px}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__navigation-fade{top:32px;height:calc(100% - 64px)}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .vertical-card__wrapper{height:100%;overflow:hidden}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__wrapper{transition-duration:.5s!important}@media(min-width:1280px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__pagination{display:none}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:24px}}@media(min-width:1920px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:32px}}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%2-cards[_ngcontent-%COMP%]     .slider__wrapper{justify-content:center}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%2-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:0}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%2-cards[_ngcontent-%COMP%]     .slider__container{max-width:672px}}@media(min-width:768px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%3-cards[_ngcontent-%COMP%]     .slider__wrapper{justify-content:center}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%3-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:0}}@media(min-width:1024px){.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%3-cards[_ngcontent-%COMP%]     .slider__slide:first-child{margin-left:0}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%3-cards[_ngcontent-%COMP%]     .slider__slide:last-child{margin-right:0}.swipe-cards[_ngcontent-%COMP%]   .swipe-cards--%NS%3-cards[_ngcontent-%COMP%]     .slider__container{max-width:936px}}
2/*# sourceMappingURL=swipe-cards-widget.component-2HWKS4KC.css.map */`],changeDetection:1})}}return t})();export{ce as SwipeCardsWidgetComponent};
3//# debugId=e203b428-ad91-5d24-94ae-021903368be3
4//# sourceMappingURL=swipe-cards-widget.component-CMPOgBWC.js.map