https://extraetf.com/at/217.d28c2c6dbcc44776.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[217],{52754:(oe,y,o)=>{o.d(y,{X:()=>B,_:()=>S});var _=o(54438),D=o(69867),M=o(21413),z=o(92771),A=o(88141),x=o(25558),G=o(27468),u=o(7673),C=o(96354),k=o(96697),e=o(5964),Y=o(57786),U=o(22816),V=o(99172),H=o(23294),K=o(44668),W=o(60933),J=o(69464),Z=o(51136);const S=20;let B=(()=>{class m{constructor(d,h,E){this.productFactory=d,this.localeService=h,this.notifier=E,this._initialLoading=(0,_.vPA)(!1),this.initialLoading=this._initialLoading.asReadonly(),this.changeProduct$=new M.B,this.removeProduct$=new M.B,this.setInitialIsins$=new z.m,this.addProduct$=new M.B;const v=this.setInitialIsins$.pipe((0,A.M)(()=>this._initialLoading.set(!0)),(0,x.n)(a=>a.length?(0,G.p)(a.map(({isin:p,investmentType:g})=>this.fetchProduct(p,g))):(0,u.of)([])),(0,C.T)(a=>a.filter(p=>!!p)),(0,C.T)(a=>this.localeService.isDefault?a:a.filter(p=>"fund"!==p.specificInvestmentType)),(0,A.M)(()=>this._initialLoading.set(!1))),N=this.addProduct$.pipe((0,x.n)(({isin:a,investmentType:p})=>this.products$?this.products$.pipe((0,k.s)(1),(0,A.M)(g=>{g.length+1>S&&this.notifier.error("Du kannst maximal " + S + " Produkte ausw\xE4hlen")}),(0,e.p)(g=>g.length+1<=S),(0,x.n)(()=>this.fetchProduct(a,p))):this.fetchProduct(a,p)),(0,e.p)(a=>!!a));this.products$=(0,Y.h)(v.pipe((0,C.T)(a=>({data:a,strategy:Q}))),N.pipe((0,C.T)(a=>({data:a,strategy:w}))),this.changeProduct$.pipe((0,C.T)(a=>({data:a,strategy:q}))),this.removeProduct$.pipe((0,C.T)(a=>({data:a,strategy:ee})))).pipe((0,U.S)((a,p)=>{const g=p.strategy(a,p.data).filter(R=>!!R).filter((R,te)=>te<S);return this.removeDuplicates(g)},[]),(0,V.Z)([]),(0,H.F)((a,p)=>{const g=a.map(R=>R.isin),$=p.map(R=>R.isin);return JSON.stringify(g)===JSON.stringify($)}),(0,K.t)({refCount:!0,bufferSize:1})),this.productNumber$=this.products$.pipe((0,C.T)(a=>a.length)),this.isins$=this.products$.pipe((0,C.T)(a=>a.map(p=>p.isin)))}onOrderChange(d){this.changeProduct$.next(d)}onProductRemove(d){this.removeProduct$.next(d)}onProductSelect(d){this.addProduct$.next(d)}setInitialIsins(d){this.setInitialIsins$.next(d)}fetchProduct(d,h){const E=this.productFactory.getService(h);return E?E.fetch(d).pipe((0,C.T)(v=>v||null)):(0,u.of)(null)}removeDuplicates(d){return d.filter((h,E,v)=>E===v.findIndex(N=>N.isin===h.isin&&N.specificInvestmentType===h.specificInvestmentType))}static{this.\u0275fac=function(h){return new(h||m)(_.KVO(W.$2),_.KVO(J.i),_.KVO(Z.C))}}static{this.\u0275prov=_.jDH({token:m,factory:m.\u0275fac})}}return m})();const Q=(m,O)=>O,w=(m,O)=>[...m,O],q=(m,O)=>{const d=[...m];return(0,D.HD)(d,O.previousIndex,O.currentIndex),d},ee=(m,O)=>{if("string"!=typeof O)throw new Error("Wrong type");return m.filter(d=>d.isin!==O)}},40217:(oe,y,o)=>{o.r(y),o.d(y,{EtfComparisonComponent:()=>pt});var _=o(60177),D=o(89079),M=o(51188),z=o(67487),A=o(91363),x=o(53079),G=o(5964),u=o(96354),C=o(88141),k=o(44668),e=o(54438),Y=o(73015),U=o(9963);class V extends Y.K{}let H=(()=>{class t{constructor(n){this.cmsService=n}etfComparisonCms(){return this.cmsService.getSingle("/etf-comparison",void 0,V)}static{this.\u0275fac=function(i){return new(i||t)(e.KVO(U.x))}}static{this.\u0275prov=e.jDH({token:t,factory:t.\u0275fac,providedIn:"root"})}}return t})();var K=o(71325),W=o(17388),J=o(54139),Z=o(14984),S=o(76516),B=o(32817);const Q=(t,s)=>s.__component+s.id;function w(t,s){if(1&t&&(e.nrm(0,"h3",5),e.nI1(1,"keepHtml")),2&t){const n=e.XpG();e.Y8G("innerHTML",e.bMT(1,1,n.abstract),e.npT)}}function q(t,s){1&t&&e.nrm(0,"cms-snippet-loader",7),2&t&&e.Y8G("component",s.$implicit)}function ee(t,s){if(1&t&&(e.j41(0,"div",0)(1,"div",1),e.nrm(2,"img",2),e.j41(3,"div",3),e.nrm(4,"h2",4),e.nI1(5,"keepHtml"),e.DNE(6,w,2,3,"h3",5),e.nrm(7,"hr",6),e.k0s()(),e.Z7z(8,q,1,1,"cms-snippet-loader",7,Q),e.nrm(10,"cms-author",8)(11,"app-affiliate-hint",9),e.k0s()),2&t){const n=s;e.R7$(2),e.Y8G("lazyLoad","/assets/images/landing/etf-comparison.svg"),e.R7$(2),e.Y8G("innerHTML",e.bMT(5,5,n.contentPieceTitle),e.npT),e.R7$(2),e.vxM(n.abstract?6:-1),e.R7$(2),e.Dyx(n.contentArea),e.R7$(2),e.Y8G("author",n.author),e.R7$(),e.Y8G("fixedWidth",!0)}}let m=(()=>{class t{constructor(n,i){this.etfComparisonCmsService=n,this.seoService=i,this.cmsData$=this.etfComparisonCmsService.etfComparisonCms().pipe((0,G.p)(r=>!!r),(0,u.T)(r=>

1(r.contentArea.at(0)&&(r.contentArea.at(0).blueBackground=!0,r.contentArea.at(0).removeBottomPadding=!1),r)),(0,C.M)(r=>this.seoService.setCmsMeta(r.seo)),(0,k.t)({refCount:!0,bufferSize:1}))}static{this.\u0275fac=function(i){return new(i||t)(e.rXU(H),e.rXU(K.B))}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["app-comparison-bottom-block"]],standalone:!0,features:[e.aNF],decls:2,vars:3,consts:()=>{let n,i;return n="ETF-Vergleich",i="ETF-Vergleich",[[1,"card","cms-page-content"],[1,"w-100","d-flex","flex-column","align-items-center","bg-primary-50"],["alt",n,"title",i,1,"my-3",3,"lazyLoad"],[1,"cms-page-header"],[1,"header",3,"innerHTML"],[1,"abstract",3,"innerHTML"],[1,"divider"],[3,"component"],[3,"author"],[3,"fixedWidth"]]},template:function(i,r){if(1&i&&(e.DNE(0,ee,12,7,"div",0),e.nI1(1,"async")),2&i){let c;e.vxM((c=e.bMT(1,1,r.cmsData$))?0:-1,c)}},dependencies:[x.S,W.Je,J.W,Z.Z,S.F,B.l3,_.Jj],encapsulation:2,changeDetection:0})}}return t})();var O=o(64516),d=o(50252),h=o(83038),E=o(65245),v=o(96697),N=o(84572),a=o(23294),p=o(60933),g=o(6852),$=o(52754),te=o(51779),ie=o(49455),ne=o(44557),se=o(92771);function re(t,s){if(1&t&&(e.nrm(0,"app-etf-profile-badges",1),e.nI1(1,"async")),2&t){const n=e.XpG();e.Y8G("product",e.bMT(1,1,n.etf$))}}let ce=(()=>{class t{constructor(){this.product$=new se.m(1),this.etf$=this.product$.pipe((0,u.T)(n=>n instanceof ne.K?n:null)),this.isEtf$=this.product$.pipe((0,u.T)(n=>!!n&&n instanceof ne.K))}set product(n){n&&this.product$.next(n)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["app-product-profile-badges"]],inputs:{product:"product"},standalone:!0,features:[e.aNF],decls:2,vars:3,consts:[[3,"product",4,"ngIf"],[3,"product"]],template:function(i,r){1&i&&(e.DNE(0,re,2,3,"app-etf-profile-badges",0),e.nI1(1,"async")),2&i&&e.Y8G("ngIf",e.bMT(1,1,r.isEtf$))},dependencies:[_.MD,_.bT,_.Jj,ie.E],encapsulation:2,changeDetection:0})}}return t})();const ae=t=>({"squeeze-badges":t}),de=(t,s)=>[t,s];function pe(t,s){if(1&t){const n=e.RV6();e.j41(0,"div",8),e.nrm(1,"img",9),e.j41(2,"a",10),e.bIt("click",function(){e.eBV(n);const r=e.XpG();return e.Njj(r.removeProductCard())}),e.nrm(3,"xetf-icon",11),e.k0s()()}2&t&&(e.R7$(3),e.Y8G("name","close")("size",18))}function le(t,s){if(1&t&&(e.j41(0,"div",12)(1,"div")(2,"div",13)(3,"app-copy-button",14)(4,"span",15),e.pXf(5,0),e.k0s(),e.EFF(6),e.k0s(),e.j41(7,"div",16)(8,"span",15),e.pXf(9,1),e.k0s(),e.EFF(10),e.k0s()(),e.nrm(11,"app-product-profile-badges",17),e.k0s(),e.j41(12,"a",18)(13,"span",19),e.pXf(14,2),e.k0s(),e.nrm(15,"xetf-icon",20),e.k0s()()),2&t){const n=e.XpG();e.R7$(3),e.Y8G("value",n.product.isin)("buttonId",n.product.isin)("iconSize",12),e.R7$(3),e.SpI("\xa0",n.product.isin," "),e.R7$(4),e.SpI("\xa0",n.product.isin," "),e.R7$(),e.Y8G("product",n.product),e.R7$(),e.Y8G("routerLink",e.l_i(9,de,n.productLink,n.product.isin)),e.R7$(3),e.Y8G("name","chevron")("size",14)}}let _e=(()=>{class t{constructor(){this.squeezed=!1,this.shrink=!1,this.productRemoved=new e.bkB,this.linksMap=new Map([["etf","/etf-profile"],["fund","/fund-profile"]])}set _product(n){this.product=n,this.productLink=this.linksMap.get(n.specificInvestmentType)}removeProductCard(){this.productRemoved.emit(this.product.isin)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["app-comparison-product-card"]],inputs:{_product:[0,"product","_product"],squeezed:"squeezed",shrink:"shrink"},outputs:{productRemoved:"productRemoved"},standalone:!0,features:[e.aNF],decls:6,vars:6,consts:()=>{let n,i,r;return n="ISIN:",i="ISIN:",r="Zum Profil",[n,i,r,[1,"p-1_5","product-card","h-100","d-flex","flex-column",3,"ngClass"],["class","d-flex justify-content-between align-items-center",4,"ngIf"],[1,"d-flex","flex-column","flex-1","justify-content-between"],[1,"comparison-title"],["class","card-bottom-part d-flex flex-column justify-content-between",4,"ngIf"],[1,"d-flex","justify-content-between","align-items-center"],["src","/assets/images/landing/drag-and-drop.svg","alt","","width","10","height","10"],[3,"click"],[1,"text-primary",3,"name","size"],[1,"card-bottom-part","d-flex","flex-column","justify-content-between"],[1,"d-flex","flex-wrap","gap-2"],[1,"d-none","d-md-block",3,"value","buttonId","iconSize"],[1,"property-bold"],[1,"d-md-none","d-block","property"],[3,"product"],[1,"d-flex","text-primary","mt-1","fs-xs",3,"routerLink"],[1,"n

1owrap"],[1,"ms-1_5","rotate-90-inverse",3,"name","size"]]},template:function(i,r){1&i&&(e.j41(0,"div",3),e.DNE(1,pe,4,2,"div",4),e.j41(2,"div",5)(3,"div",6),e.EFF(4),e.k0s(),e.DNE(5,le,16,12,"div",7),e.k0s()()),2&i&&(e.Y8G("ngClass",e.eq3(4,ae,r.squeezed)),e.R7$(),e.Y8G("ngIf",!r.shrink),e.R7$(3),e.JRh(r.product.name),e.R7$(),e.Y8G("ngIf",!r.shrink))},dependencies:[_.MD,_.YU,_.bT,te.z,M.iI,M.Wk,ce,h.Rl],styles:[".product-card[_ngcontent-%COMP%]{cursor:pointer;box-shadow:0 4px 4px #0000001a,0 4px 8px #0000000d}.product-card[_ngcontent-%COMP%]   .comparison-title[_ngcontent-%COMP%]{font-weight:600;font-size:12px}@media (min-width: 768px){.product-card[_ngcontent-%COMP%]   .comparison-title[_ngcontent-%COMP%]{font-size:14px}}.product-card[_ngcontent-%COMP%]   .card-bottom-part[_ngcontent-%COMP%]{min-height:70px}.product-card[_ngcontent-%COMP%]   .property[_ngcontent-%COMP%]{font-size:12px}@media (min-width: 768px){.product-card[_ngcontent-%COMP%]   .property[_ngcontent-%COMP%]{font-size:10px}}.product-card[_ngcontent-%COMP%]   .property-bold[_ngcontent-%COMP%]{font-weight:500;font-size:12px}@media (min-width: 768px){.product-card[_ngcontent-%COMP%]   .property-bold[_ngcontent-%COMP%]{font-size:10px}}[_nghost-%COMP%]     app-copy-button button{font-size:12px}@media (min-width: 768px){[_nghost-%COMP%]     app-copy-button button{font-size:10px}}[_nghost-%COMP%]     app-copy-button xetf-icon{color:#2196f3!important}[_nghost-%COMP%]     .squeeze-badges .badge xetf-icon+span, [_nghost-%COMP%]     .squeeze-badges .badge .symbol+span{display:none!important}"],changeDetection:0})}}return t})();var fe=o(7326),me=o(22771);function ue(t,s){1&t&&e.nrm(0,"div")}function Ce(t,s){1&t&&e.nrm(0,"div")}function Oe(t,s){1&t&&e.nrm(0,"div")}function he(t,s){1&t&&e.nrm(0,"div")}function ge(t,s){1&t&&e.nrm(0,"div")}function Pe(t,s){1&t&&e.nrm(0,"div")}function Te(t,s){1&t&&e.nrm(0,"div")}function Me(t,s){1&t&&e.nrm(0,"div")}function Ee(t,s){1&t&&e.nrm(0,"div")}function ve(t,s){1&t&&e.nrm(0,"div")}function Re(t,s){1&t&&e.nrm(0,"div")}function Ie(t,s){1&t&&e.nrm(0,"div")}function Se(t,s){1&t&&e.nrm(0,"div")}function Ne(t,s){1&t&&e.nrm(0,"div")}function Ae(t,s){1&t&&e.nrm(0,"div")}function xe(t,s){1&t&&e.nrm(0,"div")}function $e(t,s){1&t&&e.nrm(0,"div")}function Fe(t,s){1&t&&e.nrm(0,"div")}function ye(t,s){1&t&&e.nrm(0,"div")}function De(t,s){1&t&&e.nrm(0,"div")}function Ge(t,s){1&t&&e.nrm(0,"div")}function ke(t,s){1&t&&e.nrm(0,"div")}function Be(t,s){1&t&&e.nrm(0,"div")}function Le(t,s){1&t&&e.nrm(0,"div")}function be(t,s){1&t&&e.nrm(0,"div")}function je(t,s){1&t&&e.nrm(0,"div")}function Xe(t,s){1&t&&e.nrm(0,"div")}function ze(t,s){1&t&&e.nrm(0,"div")}function Ye(t,s){1&t&&e.nrm(0,"div")}function Ue(t,s){1&t&&e.nrm(0,"div")}let Ve=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["app-etf-content-placeholder"]],standalone:!0,features:[e.aNF],decls:31,vars:60,consts:[[1,"d-flex","flex-column","gap-3"],[4,"skeleton","skeletonHeight"]],template:function(i,r){1&i&&(e.j41(0,"div",0),e.DNE(1,ue,1,0,"div",1)(2,Ce,1,0,"div",1)(3,Oe,1,0,"div",1)(4,he,1,0,"div",1)(5,ge,1,0,"div",1)(6,Pe,1,0,"div",1)(7,Te,1,0,"div",1)(8,Me,1,0,"div",1)(9,Ee,1,0,"div",1)(10,ve,1,0,"div",1)(11,Re,1,0,"div",1)(12,Ie,1,0,"div",1)(13,Se,1,0,"div",1)(14,Ne,1,0,"div",1)(15,Ae,1,0,"div",1)(16,xe,1,0,"div",1)(17,$e,1,0,"div",1)(18,Fe,1,0,"div",1)(19,ye,1,0,"div",1)(20,De,1,0,"div",1)(21,Ge,1,0,"div",1)(22,ke,1,0,"div",1)(23,Be,1,0,"div",1)(24,Le,1,0,"div",1)(25,be,1,0,"div",1)(26,je,1,0,"div",1)(27,Xe,1,0,"div",1)(28,ze,1,0,"div",1)(29,Ye,1,0,"div",1)(30,Ue,1,0,"div",1),e.k0s()),2&i&&(e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","791px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","749px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","574px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","398px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","641px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","267px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","661px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","43px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","310px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"),e.R7$(),e.Y8G("skeleton",!0)("skeletonHeight","91px"))},dependencies:[me.J],encapsulation:2,changeDetection:0})}}return t})();var He=o(42331),Ke=o(66157),We=o(69464),Je=o(84480);const Ze=["selectedItemsContainer"],Qe=(t,s)=>s.isin,we=()=>[_.bT,_.Jj,Promise.all([o.e(6449),o.e(9005),o.e(2646),o.e(8040),o.e(2076),o.e(4275)]).then(o.bind(o,44275)).then(t=>t.ComparisonContentComponent)],qe=(t,s)=>({sticky:t,"not-sticky":s});function et(t,s){if(1&t){const n=e.RV6();e.j41(0,"app-comparison-search",25),e.nI1(1,"async"),e.bIt("productSelected",function(r){e.eBV(n);const c=e.XpG();return e.Njj(c.onProductSelect(r))}),e.k0s()}if(2&t){const n=e.XpG();e.Y8G("productIsins",e.bMT(1,3,n.isins$))("searchFn$",n.quickSearch)("resultsComponent",s)}}function tt(t,s){if(1&t){const n=e.RV6();e.j41(0,"app-comparison-selected-items",30),e.nI1(1,"async"),e.nI1(2,"async"),e.nI1(3,"isValueDefined"),e.bIt("changedProducts",function(r){e.eBV(n);const c=e.XpG(3);return e.Njj(c.onOrderChange(r))})("productRemoved",function(r){e.eBV(n);const c=e.XpG(3);return e.Njj(c.onProductRemove(r))}),e.k0s()}if(2&t){const n=e.XpG(3);e.Y8G("productIsins",e.bMT(1,2,n.isins$))("sliderIsReady",e.bMT(3,6,e.bMT(2,4,n.isComparisonBlockFixed$)))}}function nt(t,s){if(1&t){const n=e.RV6();e.j41(0,"app-comparison-product-card",31),e.nI1(1,"async"),e.bIt("productRemoved",function(r){e.eBV(n);const c=e.XpG(4);return e.Njj(c.onProductRemove(r))}),e.k0s()}if(2&t){const n=e.XpG().$implicit,i=e.XpG(3);e.Y8G("squeezed",e.bMT(1,3,i.squeezeBadges$))("product",n)("shrink",i.shrinkService.isShrink())}}function ot(t,s){1&t&&(e.j41(0,"app-product-card-wrapper"),e.DNE(1,nt,2,5,"ng-template",null,2,e.C5r),e.k0s())}function it(t,s){if(1&t){const n=e.RV6();e.j41(0,"div",27),e.DNE(1,tt,4,8,"app-comparison-selected-items",28),e.nI1(2,"async"),e.j41(3,"div",29),e.nI1(4,"async"),e.nI1(5,"async"),e.j41(6,"div",null,1)(8,"app-comparison-selected-items",30),e.nI1(9,"async"),e.nI1(10,"async"),e.nI1(11,"isValueDefined"),e.bIt("changedProducts",function(r){e.eBV(n);const c=e.XpG(2);return e.Njj(c.onOrderChange(r))})("productRemoved",function(r){e.eBV(n);const c=e.XpG(2);return e.Njj(c.onProductRemove(r))}),e.Z7z(12,ot,3,0,"app-product-card-wrapper",null,Qe),e.k0s()()()()}if(2&t){const n=e.XpG().ngIf,i=e.XpG();e.R7$(),e.Y8G("ngIf",e.bMT(2,4,i.isComparisonBlockFixed$)),e.R7$(2),e.Y8G("ngClass",e.l_i(16,qe,e.bMT(4,6,i.isComparisonBlockFixed$),!1===e.bMT(5,8,i.isComparisonBlockFixed$))),e.R7$(5),e.Y8G("productIsins",e.bMT(9,10,i.isins$))("sliderIsReady",e.bMT(11,14,e.bMT(10,12,i.isComparisonBlockFixed$))),e.R7$(4),e.Dyx(n)}}function st(t,s){if(1&t&&(e.qex(0),e.DNE(1,it,14,19,"div",26),e.bVm()),2&t){const n=s.ngIf;e.R7$(),e.Y8G("ngIf",null==n?null:n.length)}}function rt(t,s){if(1&t&&(e.nrm(0,"app-comparison-content",33),e.nI1(1,"async")),2&t){const n=e.XpG(2);e.Y8G("products",e.bMT(1,2,n.products$))("reducedVersion",!1)}}function ct(t,s){if(1&t&&(e.DNE(0,rt,2,4,"app-comparison-content",32),e.nI1(1,"async")),2&t){let n;const i=e.XpG(),r=e.sdS(29);e.Y8G("ngIf",(null==(n=e.bMT(1,2,i.products$))?null:n.length)||i.initialLoading())("ngIfElse",r)}}function at(t,s){1&t&&(e.j41(0,"div"),e.nrm(1,"app-etf-content-placeholder"),e.k0s())}function dt(t,s){1&t&&(e.j41(0,"app-comparison-mock")(1,"div",34),e.nrm(2,"xetf-icon",35),e.j41(3,"div"),e.pXf(4,6),e.k0s()()()),2&t&&(e.R7$(2),e.Y8G("name","

1infoCircle"))}let pt=(()=>{class t{set _selectedItemsContainer(n){!this.utils.isBrowser||!n||setTimeout(()=>{this.selectedProductsFixedService.setSelectedItemsContainer(n),this.cdr.markForCheck()},300)}constructor(n,i,r,c,l,P,I,L,b,T){this.route=n,this.router=i,this.utils=r,this.dataService=c,this.localeService=l,this.shrinkService=P,this.resizeService=I,this.etfComparisonProducts=L,this.selectedProductsFixedService=b,this.cdr=T,this.products$=this.etfComparisonProducts.products$,this.productNumber$=this.etfComparisonProducts.productNumber$,this.isins$=this.etfComparisonProducts.isins$,this.initialLoading=this.etfComparisonProducts.initialLoading,this.resultsComponent=o.e(7588).then(o.bind(o,57588)).then(F=>F.EtfComparisonSearchResultsComponent),this.quickSearch=F=>this.dataService.quickSearch(F,this.localeService.isDefault?["etf","fund"]:"etf",10).pipe((0,u.T)(f=>this.localeService.isDefault?{etf:f.etf,fund:f.fund}:{etf:f.etf}),(0,G.p)(f=>!!f),(0,u.T)(f=>f),(0,u.T)(f=>{if(!f.fund)return[new d.p({type:"etf",items:f.etf})];const{etfs:X,funds:lt}=function R(t){const s=t.etfs.length,n=t.funds.length;if(s+n<=10)return t;if(s>=5&&n>=5)return{etfs:t.etfs.slice(0,5),funds:t.funds.slice(0,5)};if(s>n)return{etfs:t.etfs.slice(0,10-n),funds:t.funds};if(s<n)return{etfs:t.etfs,funds:t.funds.slice(0,10-s)};const r=Math.min(s,10),c=10-r;return{etfs:t.etfs.slice(0,r),funds:t.funds.slice(0,c)}}({etfs:f.etf,funds:f.fund});return[new d.p({type:"etf",items:X}),new d.p({type:"fund",items:lt})]})),this.getInitialIsins(),this.products$.pipe((0,E.i)(1),(0,D.pQ)()).subscribe(F=>{const j=F.map(X=>`${X.isin}-${X.specificInvestmentType}`).join(","),f={};j&&(f.products=j),this.router.navigate([],{queryParams:f})}),this.isComparisonBlockFixed$=this.selectedProductsFixedService.isComparisonBlockFixed$,this.squeezeBadges$=this.setSqueezeBadges()}onOrderChange(n){this.etfComparisonProducts.onOrderChange(n)}onProductRemove(n){this.etfComparisonProducts.onProductRemove(n)}onProductSelect(n){this.etfComparisonProducts.onProductSelect(n)}getInitialIsins(){this.route.queryParamMap.pipe((0,u.T)(n=>({defaultProducts:n.get("products"),previousEtfs:n.get("etf")})),(0,u.T)(({defaultProducts:n,previousEtfs:i})=>[...i?i.split(",").filter(l=>!!l).filter(l=>"string"==typeof l).map(l=>({isin:l,investmentType:"etf"})):[],...n?n.split(",").filter(l=>!!l).map(l=>l.split("-")).filter(([l,P])=>"string"==typeof l&&("etf"===P||"fund"===P)).map(([l,P])=>({isin:l,investmentType:P})):[]]),(0,v.s)(1),(0,D.pQ)()).subscribe(n=>{this.etfComparisonProducts.setInitialIsins(n)})}setSqueezeBadges(){return(0,N.z)([this.products$,this.resizeService.breakpointBootstrap$]).pipe((0,u.T)(([n,{isLg:i,isXxl:r}])=>!r&&i&&n.length>3),(0,a.F)(),(0,k.t)({refCount:!0,bufferSize:1}))}static{this.\u0275fac=function(i){return new(i||t)(e.rXU(M.nX),e.rXU(M.Ix),e.rXU(He.T),e.rXU(Ke.u),e.rXU(We.i),e.rXU(p.x7),e.rXU(Je.cD),e.rXU($.X,2),e.rXU(p.$b,2),e.rXU(e.gRc))}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["ng-component"]],viewQuery:function(i,r){if(1&i&&e.GBs(Ze,5),2&i){let c;e.mGM(c=e.lsd())&&(r._selectedItemsContainer=c.first)}},standalone:!0,features:[e.Jv_([p.$b,$.X,O.x,p.ke,p.x7]),e.aNF],decls:33,vars:6,consts:()=>{let n,i,r,c,l,P,I,L,b;return n="ETF-Vergleich",i="ETF-Vergleich",r="ETF-Vergleich",c="ETF-Vergleich",l="Produkt suchen und per Klick ausw\xE4hlen...",P="ETF-Vergleich",I=" Mit dem ETF- und Fondsvergleich kannst du bis zu vier ETFs miteinander vergleichen und so eine optimale Anlageentscheidung treffen. ",L="Bitte w\xE4hle die ETFs und Fonds aus, die du miteinander vergleichen m\xF6chtest.",b=" Um den ETF-Vergleich zu starten, w\xE4hle einen ETF oder Fonds \xFCber das obige Suchfeld aus. ",[["mock",""],["selectedItemsContainer",""],["card",""],P,I,L,b,[1,"landing","cms-academy","cms-comparison"],[1,"landing-container","top"],[1,"background-half"],[1,"background-elements"],["src","/assets/images/landing/etf-comparison.svg","alt",n,"title",i,1,"d-none","d-md-block","desktop-image"],[1,"landing-content","overview"],[1,"header","pb-2","text-primary"],[1,"description"],[1,"d-md-none","mobile-image-container"],["src","/assets/images/landing/etf-comparison.svg","alt",r,"title",c],[1,"landing-container"],[1,"bg-primary-50"],[1,"landing-content","text-center","wide"],[1,"pb-3","search-container"],["placeholder",l,3,"productIsins","searchFn$","resultsComponent"],[4,"ngIf"],[1,"landing-content","pt-4","pt-md-3","pb-3","wide"],[1,"landing-content","py-0","wide"],["placeholder",l,3,"productSelected","productIsins","searchFn$","resultsComponent"],["class","landing-content pt-3 pb-0 wide",4,"ngIf"],[1,"landing-content","pt-3","pb-0","wide"],[3,"productIsins","sliderIsReady","changedProducts","productRemoved",4,"ngIf"],[1,"selected-items-container","landing-content","py-0","my-0","wide",3,"ngClass"],[3,"changedProducts","productRemoved","productIsins","sliderIsReady"],[3,"productRemoved","squeezed","product","shrink"],[3,"products","reducedVersion",4,"ngIf","ngIfElse"],[3,"products","reducedVersion"],[1,"alert","alert-primary"],[1,"alert-icon",3,"name"]]},template:function(i,r){if(1&i&&(e.j41(0,"div",7)(1,"div",8)(2,"div",9)(3,"div",10),e.nrm(4,"img",11),e.k0s()(),e.j41(5,"div",12)(6,"h1",13),e.pXf(7,3),e.k0s(),e.j41(8,"p",14),e.pXf(9,4),e.k0s()(),e.j41(10,"div",15),e.nrm(11,"img",16),e.k0s()(),e.j41(12,"div",17)(13,"div",18)(14,"div",19)(15,"div"),e.pXf(16,5),e.k0s()(),e.j41(17,"div",20),e.DNE(18,et,2,5,"app-comparison-search",21),e.nI1(19,"async"),e.k0s()(),e.DNE(20,st,2,1,"ng-container",22),e.nI1(21,"async"),e.k0s(),e.j41(22,"div",17)(23,"div",23),e.DNE(24,ct,2,4)(25,at,2,0),e.nv$(26,24,we,null,25),e.BUe(5e3),e.qhs(0,-1),e.DNE(28,dt,5,

11,"ng-template",null,0,e.C5r),e.k0s()(),e.j41(30,"div",17)(31,"div",24),e.nrm(32,"app-comparison-bottom-block"),e.k0s()()()),2&i){let c;e.R7$(18),e.vxM((c=e.bMT(19,2,r.resultsComponent))?18:-1,c),e.R7$(2),e.Y8G("ngIf",e.bMT(21,4,r.products$))}},dependencies:[_.MD,_.YU,_.bT,_.Jj,z.m,M.iI,A.j,g.r,m,p.ic,B.B1,_e,fe.W,Ve,h.Rl],styles:[".selected-items-container.not-sticky[_ngcontent-%COMP%]{padding:0!important;margin:0!important}.selected-items-container.sticky[_ngcontent-%COMP%]{z-index:1;position:fixed;top:0;width:100%;left:50%;transform:translate(-50%)}.selected-items-text[_ngcontent-%COMP%]{font-size:18px;font-weight:700}.search-container[_ngcontent-%COMP%]{padding-left:10px;padding-right:10px}@media (min-width: 768px){.search-container[_ngcontent-%COMP%]{padding-left:30px;padding-right:30px}}.mobile-image-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{position:relative;bottom:-2px}"],changeDetection:0})}}return t})()}}]);