https://www.discover.com/assets/shell/dfs-card/scripts/8093.fe32012b90e49cae.js

1"use strict";(self.webpackChunkDfsCard=self.webpackChunkDfsCard||[]).push([[8093],{8093:(I,C,r)=>{r.r(C),r.d(C,{SideBySideComponent:()=>W});var e=r(3370),t=r(6316),S=r(1221),h=r(3237),y=r(9552),p=r(9470),v=r(7193),l=r(1249),f=r(2677),a=r(5506),s=r(2608),u=r(476),c=r(5206);const _=n=>({productId:n}),M=(n,d)=>({label:n,href:d,rank:"secondary",type:"button"});function z(n,d){if(1&n&&e.\u0275\u0275element(0,"dfs-card-art",1),2&n){const i=d,o=e.\u0275\u0275nextContext();e.\u0275\u0275property("image",i)("linkHref",(null==i.link?null:i.link.href)||"")("brandCode",o.content().brandCode)("ribbonTextOverride",o.content().cardArtRibbonText)("showCardArtRibbon",!0)}}function D(n,d){if(1&n&&(e.\u0275\u0275elementStart(0,"a",3),e.\u0275\u0275element(1,"h3",13),e.\u0275\u0275elementEnd()),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275property("href",d,e.\u0275\u0275sanitizeUrl),e.\u0275\u0275advance(),e.\u0275\u0275property("innerHTML",i.content().headline,e.\u0275\u0275sanitizeHtml)}}function T(n,d){if(1&n&&e.\u0275\u0275element(0,"div",5),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275property("innerHTML",i.content().body,e.\u0275\u0275sanitizeHtml)}}function N(n,d){if(1&n&&e.\u0275\u0275element(0,"shared-rating-stars",7),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275property("content",e.\u0275\u0275pureFunction1(4,_,i.content().productId||""))("textAlignment","centered")("starSize","large")("textSize","small")}}function E(n,d){if(1&n&&e.\u0275\u0275element(0,"shared-element-button",9),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275property("config",e.\u0275\u0275pureFunction2(1,M,i.content().learnMoreCta.label||"Compare",i.content().learnMoreCta.href))}}function j(n,d){1&n&&e.\u0275\u0275element(0,"shared-element-button",9),2&n&&e.\u0275\u0275property("config",d)}function A(n,d){if(1&n&&e.\u0275\u0275element(0,"div",12),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275property("innerHTML",i.content().ratesLink,e.\u0275\u0275sanitizeHtml)}}let L=(()=>{var n;class d{constructor(){this.content=e.input.required()}}return(n=d).\u0275fac=function(o){return new(o||n)},n.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["dfs-card-product-compare-side-by-side-card"]],inputs:{content:[1,"content"]},decls:14,vars:7,consts:[["data-section","image",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],["imageClass","dfs-tw-w-[196px] dfs-tw-h-auto",3,"image","linkHref","brandCode","ribbonTextOverride","showCardArtRibbon"],["data-section","headline",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],["data-testid","card-headline-link",1,"dfs-tw-text-interactive","dfs-tw-font-discover-semibold","dfs-tw-text-center",3,"href"],["data-section","body",1,"dfs-tw-flex","dfs-tw-items-end","dfs-tw-justify-center","dfs-tw-w-full","dfs-tw-flex-grow"],["data-testid","card-body",1,"dfs-tw-text-[14px]","dfs-tw-text-center","dfs-tw-leading-[24px]","lg:dfs-tw-text-[19px]",3,"innerHTML"],["data-section","reviews",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],[1,"[&_p]:dfs-tw-text-[14px]","[&_[data-testid='star-container']>div]:!dfs-tw-text-40",3,"content","textAlignment","starSize","textSize"],["data-section","compare-cta",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],[1,"dfs-tw-w-full","sm:dfs-tw-w-auto","[&>a]:dfs-tw-w-full","sm:[&>a]:dfs-tw-w-auto","[&>a]:dfs-tw-justify-center",3,"config"],["data-section","apply-cta",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],["data-section","ratesLink",1,"dfs-tw-flex","dfs-tw-items-start","dfs-tw-justify-center","dfs-tw-w-full"],[1,"dfs-tw-text-center","dfs-tw-text-[14px]","lg:dfs-tw-text-[19px]","dfs-tw-leading-[24px]","dfs-tw-tracking-[-0.16px]",3,"innerHTML"],["data-testid","card-headline",1,"dfs-tw-text-[22px]","dfs-tw-leading-[normal]","dfs-tw-text-balance",3,"innerHTML"]],template:function(o,m){if(1&o&&(e.\u0275\u0275elementStart(0,"div",0),e.\u0275\u0275conditionalCreate(1,z,1,5,"dfs-card-art",1),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(2,"div",2),e.\u0275\u0275conditionalCreate(3,D,2,2,"a",3),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(4,"div",4),e.\u0275\u0275conditionalCreate(5,T,1,1,"div",5),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(6,"div",6),e.\u0275\u0275conditionalCreate(7,N,1,6,"shared-rating-stars",7),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(8,"div",8),e.\u0275\u0275conditionalCreate(9,E,1,4,"shared-element-button",9),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(10,"div",10),e.\u0275\u0275conditionalCreate(11,j,1,1,"shared-element-button",9),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(12,"div",11),e.\u0275\u0275conditionalCreate(13,A,1,1,"div",12),e.\u0275\u0275elementEnd()),2&o){let g,w,x;e.\u0275\u0275advance(),e.\u0275\u0275conditional((g=m.content().image)?1:-1,g),e.\u0275\u0275advance(2),e.\u0275\u0275conditional((w=null==(w=m.content().link)?null:w.href)?3:-1,w),e.\u0275\u0275advance(2),e.\u0275\u0275conditional(m.content().body?5:-1),e.\u0275\u0275advance(2),e.\u0275\u0275conditional(m.content().hideReviews?-1:7),e.\u0275\u0275advance(2),e.\u0275\u0275conditional(m.content().learnMoreCta?9:-1),e.\u0275\u0275advance(2),e.\u0275\u0275conditional((x=null==(x=m.content().ctas)?null:x[0])?11:-1,x),e.\u0275\u0275advance(2),e.\u0275\u0275conditional(m.content().ratesLink?13:-1)}},dependencies:[v.xN,u.F,c.v,a.p,f.C,s.X],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:var(--gds-spacing-24);background-color:var(--gds-color-background-base-01);border-radius:var(--gds-corner-radius-medium);box-shadow:0 2px 20px #00000040;padding:var(--gds-spacing-24);border:1px solid var(--gds-color-border-subtle)}[_nghost-%COMP%]   [data-section=headline][_ngcontent-%COMP%]   [data-testid=card-headline-link][_ngcontent-%COMP%]{text-align:center}"]}),d})();const b=(n,d)=>d.headline;function B(n,d){if(1&n&&(e.\u0275\u0275elementStart(0,"div",5),e.\u0275\u0275element(1,"dfs-card-product-compare-side-by-side-card",7),e.\u0275\u0275elementEnd()),2&n){const i=d.$implicit;e.\u0275\u0275advance(),e.\u0275\u0275property("content",i)}}function P(n,d){if(1&n){const i=e.\u0275\u0275getCurrentView();

1e.\u0275\u0275elementStart(0,"div",6)(1,"shared-element-carousel-pagination",8),e.\u0275\u0275listener("goToSlide",function(m){e.\u0275\u0275restoreView(i);const g=e.\u0275\u0275nextContext(3);return e.\u0275\u0275resetView(g.onActiveIndexChange(m))}),e.\u0275\u0275elementEnd()()}if(2&n){const i=e.\u0275\u0275nextContext(3);e.\u0275\u0275advance(),e.\u0275\u0275property("content",i.content.categories[0].products)("activeIndex",i.activeIndex())("gap","14px")("dotSize","12px")}}function Z(n,d){if(1&n){const i=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"div",3)(1,"shared-element-carousel",4),e.\u0275\u0275listener("activeIndexChange",function(m){e.\u0275\u0275restoreView(i);const g=e.\u0275\u0275nextContext(2);return e.\u0275\u0275resetView(g.onActiveIndexChange(m))}),e.\u0275\u0275repeaterCreate(2,B,2,1,"div",5,b),e.\u0275\u0275elementEnd()(),e.\u0275\u0275conditionalCreate(4,P,2,4,"div",6)}if(2&n){const i=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(),e.\u0275\u0275property("activeIndex",i.activeIndex())("slideWidth",i.slideWidth)("totalSlides",i.totalSlides),e.\u0275\u0275advance(),e.\u0275\u0275repeater(i.content.categories[0].products),e.\u0275\u0275advance(2),e.\u0275\u0275conditional(null!=i.content.categories[0]&&i.content.categories[0].products&&i.content.categories[0].products.length>1?4:-1)}}function O(n,d){1&n&&e.\u0275\u0275element(0,"dfs-card-product-compare-side-by-side-card",9),2&n&&e.\u0275\u0275property("content",d.$implicit)}function k(n,d){if(1&n&&(e.\u0275\u0275elementStart(0,"div",2),e.\u0275\u0275repeaterCreate(1,O,1,1,"dfs-card-product-compare-side-by-side-card",9,b),e.\u0275\u0275elementEnd()),2&n){const i=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(),e.\u0275\u0275repeater(i.content.categories[0].products)}}function H(n,d){if(1&n&&(e.\u0275\u0275elementStart(0,"div",1),e.\u0275\u0275conditionalCreate(1,Z,5,4)(2,k,3,0,"div",2),e.\u0275\u0275elementEnd()),2&n){const i=e.\u0275\u0275nextContext();e.\u0275\u0275advance(),e.\u0275\u0275conditional(i.isMobile()?1:2)}}const Q=[l.qj.small,l.qj.smallMedium,l.qj.medium];let W=(()=>{var n;class d{constructor(){this.contentType=S.W.DFS_ProductCompare,this.isMobile=(0,e.signal)(!1),this.activeIndex=(0,e.signal)(0),this.slideWidth=306,this.windowRefService=(0,e.inject)(p.$),this.destroyRef=(0,e.inject)(e.DestroyRef),this.windowRefService.getBreakpointObserver(Q).pipe((0,t.takeUntilDestroyed)(this.destroyRef)).subscribe(o=>this.isMobile.set(o))}get totalSlides(){var o;return(null===(o=this.content.categories)||void 0===o||null===(o=o[0])||void 0===o||null===(o=o.products)||void 0===o?void 0:o.length)||0}onActiveIndexChange(o){this.activeIndex.set(o)}}return(n=d).\u0275fac=function(o){return new(o||n)},n.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["dfs-card-product-compare-side-by-side"]],inputs:{content:"content",paramsInfo:"paramsInfo"},decls:2,vars:3,consts:[["data-testid","product-compare-side-by-side"],[1,"dfs-tw-container","dfs-tw-mx-auto","dfs-tw-py-24"],[1,"dfs-tw-flex","dfs-tw-gap-24","dfs-tw-max-w-[1200px]","dfs-tw-mx-auto","dfs-tw-items-stretch","dfs-tw-justify-center"],[1,"dfs-tw--mx-16"],["trackClass","dfs-tw-gap-16 dfs-tw-p-16","data-testid","carousel-container",3,"activeIndexChange","activeIndex","slideWidth","totalSlides"],[1,"dfs-tw-flex-shrink-0","dfs-tw-w-[290px]"],[1,"dfs-tw-mt-24"],[1,"dfs-tw-h-full",3,"content"],["arrowSize","0",3,"goToSlide","content","activeIndex","gap","dotSize"],[1,"dfs-tw-flex-1","dfs-tw-max-w-[358px]",3,"content"]],template:function(o,m){1&o&&(e.\u0275\u0275elementStart(0,"section",0),e.\u0275\u0275conditionalCreate(1,H,3,1,"div",1),e.\u0275\u0275elementEnd()),2&o&&(e.\u0275\u0275classMap(m.paramsInfo.colorOptions.bgColor+" dfs-tw-w-full"),e.\u0275\u0275advance(),e.\u0275\u0275conditional(m.content&&m.content.categories&&m.content.categories.length>0?1:-1))},dependencies:[v.xN,L,y.x,h.D],encapsulation:2}),d})()},9552:(I,C,r)=>{r.d(C,{x:()=>v});var e=r(7320),t=r(3370);function S(l,f){if(1&l){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275domElementStart(0,"button",5),t.\u0275\u0275domListener("click",function(){t.\u0275\u0275restoreView(a);const u=t.\u0275\u0275nextContext();

1return t.\u0275\u0275resetView(u.previous.emit())}),t.\u0275\u0275domElement(1,"img",6),t.\u0275\u0275domElementEnd()}if(2&l){const a=t.\u0275\u0275nextContext();t.\u0275\u0275styleProp("width",a.arrowSize())("height",a.arrowSize()),t.\u0275\u0275attribute("aria-disabled",0===a.activeIndex())("tabindex",0===a.activeIndex()?-1:0),t.\u0275\u0275advance(),t.\u0275\u0275styleProp("width",a.dotSize())("height",a.dotSize()),t.\u0275\u0275domProperty("src",0===a.activeIndex()?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ3MiAzNy42NTA4TDI0IDMzLjI1MzhMOS4wNTc2IDE4Ljk5MzRMMjQgNC43NDU0MUwxOS40NzIgMC4zNDgzODlMMCAxOC45OTM0TDE5LjQ3MiAzNy42NTA4WiIgZmlsbD0iI0FEQURBRCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ3MiAzNy42NTA4TDI0IDMzLjI1MzhMOS4wNTc2IDE4Ljk5MzRMMjQgNC43NDU0MUwxOS40NzIgMC4zNDgzODlMMCAxOC45OTM0TDE5LjQ3MiAzNy42NTA4WiIgZmlsbD0iI0VBNkEyOCIvPgo8L3N2Zz4K",t.\u0275\u0275sanitizeUrl)}}function h(l,f){if(1&l){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275domElementStart(0,"button",7),t.\u0275\u0275domListener("click",function(){const u=t.\u0275\u0275restoreView(a).$index,c=t.\u0275\u0275nextContext();return t.\u0275\u0275resetView(c.goToSlide.emit(u))}),t.\u0275\u0275domElementEnd()}if(2&l){const a=f.$index,s=t.\u0275\u0275nextContext();t.\u0275\u0275classMap(a===s.activeIndex()?s.activeDotColor():s.inactiveDotColor()),t.\u0275\u0275styleProp("width",s.dotSize())("height",s.dotSize()),t.\u0275\u0275attribute("aria-label",t.\u0275\u0275interpolate1("Go to slide ",a+1))("aria-current",a===s.activeIndex()?"true":null)}}function y(l,f){if(1&l){const c=t.\u0275\u0275getCurrentView();t.\u0275\u0275domElementStart(0,"button",8),t.\u0275\u0275domListener("click",function(){t.\u0275\u0275restoreView(c);const M=t.\u0275\u0275nextContext();return t.\u0275\u0275resetView(M.next.emit())}),t.\u0275\u0275domElement(1,"img",6),t.\u0275\u0275domElementEnd()}if(2&l){var a,s,u;const c=t.\u0275\u0275nextContext();t.\u0275\u0275styleProp("width",c.arrowSize())("height",c.arrowSize()),t.\u0275\u0275attribute("aria-disabled",c.activeIndex()===(null!==(a=c.content().length)&&void 0!==a?a:0)-1)("tabindex",c.activeIndex()===(null!==(s=c.content().length)&&void 0!==s?s:0)-1?-1:0),t.\u0275\u0275advance(),t.\u0275\u0275styleProp("width",c.dotSize())("height",c.dotSize()),t.\u0275\u0275domProperty("src",c.activeIndex()===(null!==(u=c.content().length)&&void 0!==u?u:0)-1?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTI4IDM3LjY1MDhMMCAzMy4yNTM4TDE0Ljk0MjQgMTguOTkzNEwwIDQuNzQ1NDFMNC41MjggMC4zNDgzODlMMjQgMTguOTkzNEw0LjUyOCAzNy42NTA4WiIgZmlsbD0iI0FEQURBRCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTI4IDM3LjY1MDhMMCAzMy4yNTM4TDE0Ljk0MjQgMTguOTkzNEwwIDQuNzQ1NDFMNC41MjggMC4zNDgzODlMMjQgMTguOTkzNEw0LjUyOCAzNy42NTA4WiIgZmlsbD0iI0VBNkEyOCIvPgo8L3N2Zz4K",t.\u0275\u0275sanitizeUrl)}}let v=(()=>{var l;class f{constructor(){this.content=t.input.required(),this.activeIndex=(0,t.input)(0),this.arrowSize=(0,t.input)("48px"),this.dotSize=(0,t.input)("14px"),this.gap=(0,t.input)("10px"),this.activeDotColor=(0,t.input)("dfs-tw-bg-interactive-emphasis-high"),this.inactiveDotColor=(0,t.input)("dfs-tw-bg-neutral-inverse-emphasis-high"),this.next=(0,t.output)(),this.previous=(0,t.output)(),this.goToSlide=(0,t.output)()}}return(l=f).\u0275fac=function(s){return new(s||l)},l.\u0275cmp=t.\u0275\u0275defineComponent({type:l,selectors:[["shared-element-carousel-pagination"]],inputs:{content:[1,"content"],activeIndex:[1,"activeIndex"],arrowSize:[1,"arrowSize"],dotSize:[1,"dotSize"],gap:[1,"gap"],activeDotColor:[1,"activeDotColor"],inactiveDotColor:[1,"inactiveDotColor"]},outputs:{next:"next",previous:"previous",goToSlide:"goToSlide"},decls:6,vars:4,consts:[[1,"dfs-tw-relative"],[1,"dfs-tw-my-[10px]","dfs-tw-flex","dfs-tw-justify-center","dfs-tw-items-center"],["type","button","aria-label","Previous slide",1,"dfs-tw-flex","dfs-tw-items-center","dfs-tw-justify-center",3,"width","height"],["type","button",1,"dfs-tw-inline-block","dfs-tw-rounded-large","dfs-tw-border-none","dfs-tw-cursor-pointer",3,"width","height","class","aria-label"],["type","button","aria-label","Next slide",1,"dfs-tw-flex","dfs-tw-items-center","dfs-tw-justify-center",3,"width","height"],["type","button","aria-label","Previous slide",1,"dfs-tw-flex","dfs-tw-items-center","dfs-tw-justify-center",3,"click"],["alt","","aria-hidden","true","sharedLazyLoad","",3,"src"],["type","button",1,"dfs-tw-inline-block","dfs-tw-rounded-large","dfs-tw-border-none","dfs-tw-cursor-pointer",3,"click"],["type","button","aria-label","Next slide",1,"dfs-tw-flex","dfs-tw-items-center","dfs-tw-justify-center",3,"click"]],template:function(s,u){1&s&&(t.\u0275\u0275domElementStart(0,"div",0)(1,"div",1),t.\u0275\u0275conditionalCreate(2,S,2,11,"button",2),t.\u0275\u0275repeaterCreate(3,h,1,9,"button",3,t.\u0275\u0275repeaterTrackByIndex),t.\u0275\u0275conditionalCreate(5,y,2,11,"button",4),t.\u0275\u0275domElementEnd()()),2&s&&(t.\u0275\u0275advance(),t.\u0275\u0275styleProp("gap",u.gap()),t.\u0275\u0275advance(),t.\u0275\u0275conditional("0px"!==u.arrowSize()?2:-1),t.\u0275\u0275advance(),t.\u0275\u0275repeater(u.content()),t.\u0275\u0275advance(2),t.\u0275\u0275conditional("0px"!==u.arrowSize()?5:-1))},dependencies:[e.CommonModule],encapsulation:2}),f})()}}]);
2//# sourceMappingURL=8093.fe32012b90e49cae.js.map