https://www.knorr-bremse.com/en/chunk-RBZYOVEJ.js

1import{a as ce}from"./chunk-CBLYMI2A.js";import{a as ae}from"./chunk-D2YVKR62.js";import{a as re}from"./chunk-X42WS3QT.js";import{a as ie}from"./chunk-FLZ7R3ZQ.js";import{c as oe}from"./chunk-VWIFQUFK.js";import{j as te}from"./chunk-ICF6KCOZ.js";import{a as ne}from"./chunk-RVWYYRQD.js";import{a as ee}from"./chunk-WG2N6DNQ.js";import"./chunk-VG5YGNY5.js";import"./chunk-OGUNFBL3.js";import{i as Z}from"./chunk-GSBPI73C.js";import"./chunk-MDFI7MM2.js";import"./chunk-QXPBSCBE.js";import{l as K,o as U,s as q,x as W}from"./chunk-46TIY27H.js";import{$c as J,Cc as F,Ec as P,Gc as T,Hc as b,Ja as k,Lb as f,Ob as m,Pa as D,Qb as g,Rc as H,Sb as h,Tb as y,Tc as V,Ub as O,Uc as v,Vb as a,Wb as l,Wc as _,Xb as p,Yb as s,Yc as C,ac as $,ba as I,bc as w,cc as M,hb as r,jc as A,kc as R,nc as L,oa as x,oc as N,pc as z,sb as u,sc as c,tc as B,uc as G,wb as Y,wc as X,xc as j,yb as S,yc as Q,za as E}from"./chunk-ZKNABTT2.js";var me=["*"],le=(()=>{let i=class i{constructor(){this.classKbScrollbar=!0;}};i.ɵfac=function(o){return new(o||i)();},i.ɵcmp=u({type:i,selectors:[["kb-chip-set",3,"type",""]],hostVars:2,hostBindings:function(o,d){o&2&&P("kb-scrollbar",d.classKbScrollbar);},ngContentSelectors:me,decls:1,vars:0,template:function(o,d){o&1&&(B(),G(0));},styles:["[_nghost-%COMP%]{display:flex;align-items:flex-start;gap:var(--kb-gap--outer-column--related);margin-left:var(--kb-gap--outer-column);padding-bottom:var(--kb-gap--outer-column--related);overflow-x:auto;scroll-behavior:smooth}"],changeDetection:0});let t=i;return t;})();var ge=["periodsContainerElement"],_e=["app-timeline",""],Ce=()=>["."],pe=(t,i,e,n)=>({fromYear:t,tillYear:i,fromYearEditorId:e,tillYearEditorId:n}),ue=(t,i)=>({fromYear:t,tillYear:i});function fe(t,i){if(t&1&&s(0,"a",3),t&2){let e=c();a("id",e.anchor);}}function he(t,i){if(t&1&&(l(0,"h2",4),T(1),p()),t&2){let e=c();a("appEditorId",e.editorIds==null?null:e.editorIds.headline),r(),b(e.attributes.headline);}}function ye(t,i){if(t&1&&($(0),A(1,2),s(2,"time",10),_(3,"date"),_(4,"date"),s(5,"time",10),_(6,"date"),_(7,"date"),R(),w()),t&2){let e=c(),n=e.fromYear,o=e.tillYear,d=e.tillYearEditorId,se=e.fromYearEditorId;r(2),a("appEditorId",se),f("datetime",C(3,6,n,"yyyy")),r(3),a("appEditorId",d),f("datetime",C(6,9,o,"yyyy")),r(2),L(C(4,12,n,"yyyy"))(C(7,15,o,"yyyy")),N(1);}}function Oe(t,i){if(t&1&&(l(0,"time",10),_(1,"date"),T(2),_(3,"date"),p()),t&2){let e=c(),n=e.fromYear,o=e.fromYearEditorId;a("appEditorId",o),f("datetime",C(1,3,n,"yyyy")),r(2),b(C(3,6,n,"yyyy"));}}function Me(t,i){if(t&1&&m(0,ye,8,18,"ng-container")(1,Oe,4,9,"time",10),t&2){let e=i.fromYear,n=i.tillYear;g(n&&e!==n?0:1);}}function Fe(t,i){if(t&1&&(l(0,"a",11),M(1,12),p()),t&2){let e=i.$implicit,n=i.$index,o=c(),d=F(3);P("selected",n===0),a("routerLink",H(6,Ce))("fragment",o.getPeriodAnchor(e)),r(),a("ngTemplateOutlet",d)("ngTemplateOutletContext",v(7,pe,e.fromYear,e.tillYear,e.editorIds==null?null:e.editorIds.fromYear,e.editorIds==null?null:e.editorIds.tillYear));}}function Pe(t,i){if(t&1&&s(0,"a",3),t&2){let e=c().$implicit,n=c();a("id",n.getPeriodAnchor(e));}}function Te(t,i){if(t&1&&(l(0,"h3",19),M(1,12),p()),t&2){let e=c().$implicit;c(2);let n=F(3);r(),a("ngTemplateOutlet",n)("ngTemplateOutletContext",V(2,ue,e.attributes.fromDate,e.attributes.tillDate));}}function be(t,i){if(t&1&&s(0,"app-plain-image",21),t&2){let e=c().$implicit;a("section",e.attributes.image);}}function xe(t,i){if(t&1&&(l(0,"h3",23),T(1),p()),t&2){let e=c().$implicit;a("appEditorId",e.editorIds==null?null:e.editorIds.headline),r(),b(e.attributes.headline);}}function ve(t,i){if(t&1&&(l(0,"div",17),s(1,"div",18),m(2,Te,2,5,"h3",19),l(3,"section",20),m(4,be,1,1,"app-plain-image",21),l(5,"div",22),m(6,xe,2,2,"h3",23),s(7,"kb-html",24),p()()()),t&2){let e=i.$implicit;a("appEditorId",e.editorId),r(2),g(e.attributes.fromDate?2:-1),r(2),g(e.attributes.image?4:-1),r(2),g(e.attributes.headline?6:-1),r(),a("appEditorId",e.editorIds==null?null:e.editorIds.copyText)("html",e.attributes.copyText);}}function Ie(t,i){if(t&1&&(l(0,"section",8,1),m(2,Pe,1,1,"a",3),l(3,"h2",13),M(4,12),p(),l(5,"div",14)(6,"div",15),s(7,"div",16),p(),y(8,ve,8,6,"div",17,h),p()()),t&2){let e=i.$implicit,n=c(),o=F(3);

1r(2),g(n.anchor?2:-1),r(2),a("ngTemplateOutlet",o)("ngTemplateOutletContext",v(3,pe,e.fromYear,e.tillYear,e.editorIds==null?null:e.editorIds.fromYear,e.editorIds==null?null:e.editorIds.tillYear)),r(4),O(e.sections);}}function Ee(t,i){if(t&1&&s(0,"app-fs-button",9),t&2){let e=c();a("value",e.createSectionButton);}}var Je=(()=>{class t extends re{isServer=W(x(D));destroyRef=x(E);periodsContainerElements;ngAfterViewInit(){this.setupAnimationTrigger();}observer;setupAnimationTrigger(){this.isServer||(this.observer=new IntersectionObserver(e=>{e.forEach(n=>{if(n.isIntersecting){let o=["animate"];n.intersectionRect.top===0&&o.push("animate-reverse"),n.target.classList.add(...o);}else n.target.classList.remove("animate","animate-reverse");});}),this.periodsContainerElements.changes.pipe(I(this.periodsContainerElements),ne(this.destroyRef)).subscribe(e=>{this.observer.disconnect(),e.forEach(n=>{this.observer.observe(n.nativeElement);});}));}ngOnDestroy(){this.isServer||this.observer.disconnect();}getPeriodAnchor(e){return`${this.anchor}-${e.fromYear}-${e.tillYear}`;}static ɵfac=(()=>{let e;return function(o){return(e||(e=k(t)))(o||t);};})();static ɵcmp=u({type:t,selectors:[["section","app-timeline",""]],viewQuery:function(n,o){if(n&1&&X(ge,5),n&2){let d;j(d=Q())&&(o.periodsContainerElements=d);}},features:[Y],attrs:_e,decls:11,vars:3,consts:()=>{let e;return e=""+"\uFFFD#2\uFFFD"+""+"\uFFFD0\uFFFD"+""+"[\uFFFD/#2\uFFFD|\uFFFD/#5\uFFFD]"+" to "+"\uFFFD#5\uFFFD"+""+"\uFFFD1\uFFFD"+""+"[\uFFFD/#2\uFFFD|\uFFFD/#5\uFFFD]"+"",e=z(e),[["periodDateTimeTemplate",""],["periodsContainerElement",""],e,[3,"id"],["kb-heading","","type","divider",3,"appEditorId"],["kb-layout","grid"],["kb-grid-item-columns","12"],["kb-chip","",3,"selected","routerLink","fragment"],["kb-grid-item-columns","12",1,"periods-container"],[3,"value"],[3,"appEditorId"],["kb-chip","",3,"routerLink","fragment"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["kb-heading","","kb-section","",1,"year--heading"],["kb-layout","grid",1,"periods-content"],[1,"timeline-container"],[1,"timeline-bar"],["kb-grid-item-columns","6",1,"period--item",3,"appEditorId"],[1,"timeline-circle"],["kb-heading","","type","divider",1,"date--heading"],["kb-card","","kb-color-variant","secondary-variant"],["slot","picture",3,"section"],["slot","content"],["kb-heading","",3,"appEditorId"],[3,"appEditorId","html"]];},template:function(n,o){n&1&&(m(0,fe,1,1,"a",3),m(1,he,2,2,"h2",4),S(2,Me,2,1,"ng-template",null,0,J),l(4,"div",5)(5,"kb-chip-set",6),y(6,Fe,2,12,"a",7,h),p(),y(8,Ie,10,8,"section",8,h),p(),m(10,Ee,1,1,"app-fs-button",9)),n&2&&(g(o.anchor?0:-1),r(),g(o.attributes.headline?1:-1),r(5),O(o.attributes.periods),r(2),O(o.attributes.periods),r(2),g(o.createSectionButton?10:-1));},dependencies:[q,K,ee,te,Z,ie,le,ce,oe,ae,U],styles:[`[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]{margin:0 auto}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .date--heading[_ngcontent-%COMP%]{text-transform:none;font-size:var(--kb-typography--size-extra-large);line-height:var(--kb-typography--height-extra-large)}@media screen and (max-width: 1080px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .date--heading[_ngcontent-%COMP%]{margin-left:100px}}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .year--heading[_ngcontent-%COMP%]{color:var(--kb-color--on-background--high);font-size:calc(var(--kb-typography--size-extra-large) * 2);line-height:calc(var(--kb-typography--size-extra-large) * 2);padding:var(--kb-gap--inner-column) var(--kb-gap--inner-row)}@media screen and (min-width: 1081px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .year--heading[_ngcontent-%COMP%]{text-align:center}}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .periods-content[_ngcontent-%COMP%]{z-index:1;position:relative}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]   [kb-card][_ngcontent-%COMP%]{position:relative}@media screen and (min-width: 1081px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]:nth-child(2n){margin-right:50px}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]:nth-child(2n)   .timeline-circle[_ng

1content-%COMP%]{right:calc(-1 * (50px + (var(--kb-typography--size-extra-large) * 1.2 + var(--kb-gap--outer-column)) / 2));rotate:180deg}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]:nth-child(odd){margin-left:50px;margin-top:200px}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .period--item[_ngcontent-%COMP%]:nth-child(odd)   .timeline-circle[_ngcontent-%COMP%]{left:calc(-1 * (50px + (var(--kb-typography--size-extra-large) * 1.2 + var(--kb-gap--outer-column)) / 2))}}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-container[_ngcontent-%COMP%]{position:absolute;z-index:0;top:calc(var(--kb-typography--size-extra-large) * 1.2 / 2);bottom:0;width:calc(var(--kb-typography--size-extra-large) * 1.2);display:flex;justify-content:center}@media screen and (min-width: 1081px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-container[_ngcontent-%COMP%]{left:50%;transform:translate(-50%)}}@media screen and (max-width: 1080px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-container[_ngcontent-%COMP%]{left:20px}}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-container[_ngcontent-%COMP%]   .timeline-bar[_ngcontent-%COMP%]{background-color:var(--kb-color--on-background--low-variant);width:20%;height:100%}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-circle[_ngcontent-%COMP%]{position:absolute;top:0;background-color:var(--kb-color--background);display:block;width:calc(var(--kb-typography--size-extra-large) * 1.2);height:calc(var(--kb-typography--size-extra-large) * 1.2);border:calc(var(--kb-typography--size-extra-large) * 1.2 / 7) solid var(--kb-color--on-background--high);box-sizing:border-box;border-radius:50%}@media screen and (max-width: 1080px){[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-circle[_ngcontent-%COMP%]{left:20px}}[_nghost-%COMP%]   .periods-container[_ngcontent-%COMP%]   .timeline-circle[_ngcontent-%COMP%]:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translate(100%) translateY(-50%);height:calc(var(--kb-typography--size-extra-large) * 1.2 / 7);width:30px;background-color:var(--kb-color--on-background--high)}@keyframes _ngcontent-%COMP%_bar-appear{50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes _ngcontent-%COMP%_circle-appear{to{transform:scale(1)}}@keyframes _ngcontent-%COMP%_circle-bar-appear{50%{transform:translate(100%) translateY(-50%) scaleX(0)}to{transform:translate(100%) translateY(-50%) scaleX(1)}}@keyframes _ngcontent-%COMP%_year--heading-appear{30%{opacity:0}to{opacity:1}}[_nghost-%COMP%]   .periods-container.animate.animate-reverse[_ngcontent-%COMP%]   .timeline-bar[_ngcontent-%COMP%]{transform-origin:bottom}[_nghost-%COMP%]   .periods-container.animate[_ngcontent-%COMP%]   .timeline-bar[_ngcontent-%COMP%]{transform:scaleY(0);transform-origin:top;will-change:transform;animation:_ngcontent-%COMP%_bar-appear 1s linear;animation-fill-mode:forwards}[_nghost-%COMP%]   .periods-container.animate[_ngcontent-%COMP%]   .timeline-circle[_ngcontent-%COMP%]{transform:scale(0);will-change:transform;animation:_ngcontent-%COMP%_circle-appear .3s linear;animation-fill-mode:forwards}[_nghost-%COMP%]   .periods-container.animate[_ngcontent-%COMP%]   .timeline-circle[_ngcontent-%COMP%]:before{transform:translate(100%) translateY(-50%) scaleX(0);transform-origin:left;animation:_ngcontent-%COMP%_circle-bar-appear 1s linear;animation-fill-mode:forwards}[_nghost-%COMP%]   .periods-container.animate[_ngcontent-%COMP%]   .year--heading[_ngcontent-%COMP%]{opacity:0;will-change:opacity;animation:_ngcontent-%COMP%_year--heading-appear 1.5s linear;animation-fill-mode:forwards}
2/*# sourceMappingURL=timeline.component-ZJJ3ILAD.css.map */`],changeDetection:0});}return t;})();export{Je as TimelineComponent};/**i18n:9b2f1e34af068233b6abd63a66684d4e9dbff90014448b8ec97e38af3af71f01*///# sourceMappingURL=chunk-RBZYOVEJ.js.map