https://www.chemetall.com/chunk-X6CNRLWQ.js

1import{a as D}from"./chunk-PBD3D67Z.js";import{D as x,e as w}from"./chunk-GDUDO7DR.js";import{h as b,td as c}from"./chunk-KOJ3BWW3.js";import{Ac as u,Fd as M,Gb as s,Ic as _,Kb as T,Kc as O,Lb as f,Mb as a,Na as p,gc as o,hc as y,ic as h,jc as g,kd as v,na as l,qb as d,wd as i,yc as C,zc as A}from"./chunk-OUAW6PGT.js";import"./chunk-M5NEQLGQ.js";var S=["*","*"],L=["*ngTemplateOutlet","storytellingContentLeft()"],N=["*ngTemplateOutlet","storytellingContentRight()"];function E(t,m){t&1&&u(0,0,L)}function j(t,m){t&1&&u(0,1,N)}var I=(()=>{class t{constructor(){this.reverse=i(!1),this.storytellingContentLeft=i(null),this.storytellingContentRight=i(null),this.hasAnchorID=l(c,{self:!0})}static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=s({type:t,selectors:[["basf-wxp-storytelling"]],inputs:{reverse:[1,"reverse"],storytellingContentLeft:[1,"storytellingContentLeft"],storytellingContentRight:[1,"storytellingContentRight"]},features:[T([{directive:c,inputs:["anchorID","anchorID"]}])],ngContentSelectors:S,decls:5,vars:5,consts:[[1,"wxp-storytelling",3,"id"],[1,"wxp-storytelling__content-left"],[4,"ngTemplateOutlet"],[1,"wxp-storytelling__content-right"]],template:function(r,n){r&1&&(A(S),y(0,"article",0)(1,"div",1),a(2,E,1,0,"ng-content",2),h(),y(3,"div",3),a(4,j,1,0,"ng-content",2),h()()),r&2&&(O("wxp-storytelling--reverse",n.reverse()),o("id",n.hasAnchorID.anchorID),d(2),o("ngTemplateOutlet",n.storytellingContentLeft()),d(2),o("ngTemplateOutlet",n.storytellingContentRight()))},dependencies:[b],styles:["@keyframes _ngcontent-%COMP%_slide-bottom{0%{-webkit-transform:translateX(-50%) translateY(0) rotate(45deg);transform:translate(-50%) translateY(0) rotate(45deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg)}}[_nghost-%COMP%]{height:100%}.wxp-storytelling[_ngcontent-%COMP%]{width:100%;height:100%;display:grid;grid-template-columns:1fr;margin-top:1.5rem}@media(min-width:61em){.wxp-storytelling[_ngcontent-%COMP%]{grid-template-columns:50fr 50fr;margin-top:0}}.wxp-storytelling__content-left[_ngcontent-%COMP%]{order:-1;margin-bottom:2rem;padding:0}@media(min-width:61em){.wxp-storytelling__content-left[_ngcontent-%COMP%]{padding-right:2rem;margin:0}}.wxp-storytelling__content-right[_ngcontent-%COMP%]{order:1;padding:0;border:none}@media(min-width:61em){.wxp-storytelling__content-right[_ngcontent-%COMP%]{padding-left:2rem;border-left:.0625rem var(--wxp-primary-color) solid}}.wxp-storytelling--reverse[_ngcontent-%COMP%]   .wxp-storytelling__content-left[_ngcontent-%COMP%]{order:1}@media(min-width:61em){.wxp-storytelling--reverse[_ngcontent-%COMP%]   .wxp-storytelling__content-left[_ngcontent-%COMP%]{order:-1}}.wxp-storytelling--reverse[_ngcontent-%COMP%]   .wxp-storytelling__content-right[_ngcontent-%COMP%]{order:-1;margin-bottom:2rem}@media(min-width:61em){.wxp-storytelling--reverse[_ngcontent-%COMP%]   .wxp-storytelling__content-right[_ngcontent-%COMP%]{order:1;margin:0}}[_nghost-%COMP%]     img{align-self:start;width:100%}"],changeDetection:0})}}return t})();function Y(t,m){if(t&1&&g(0,"div",3),t&2){let e=C();o("content",e.leftArea())}}function k(t,m){if(t&1&&g(0,"div",3),t&2){let e=C();o("content",e.rightArea())}}var tt=(()=>{class t extends D{constructor(){super(...arguments),this.storyTellingContent=i(null),this.cdr=l(M),this.envService=l(x)}ngAfterViewInit(){this.envService.detectMagnoliaChanges(this.cdr)}static{this.\u0275fac=(()=>{let e;return function(n){return(e||(e=p(t)))(n||t)}})()}static{this.\u0275cmp=s({type:t,selectors:[["basf-mgnl-story-telling"]],inputs:{storyTellingContent:[1,"storyTellingContent"]},features:[f],decls:1,vars:1,consts:[["editable-area","",3,"content"]],template:function(r,n){r&1&&g(0,"div",0),r&2&&o("content",n.storyTellingContent())},dependencies:[w],encapsulation:2,changeDetection:0})}}return t})(),et=(()=>{class t extends D{constructor(){super(...arguments),this.leftArea=i(null),this.rightArea=i(null),this.reverseAreas=i(!1),this.cdr=l(M),this.envService=l(x)}ngAfterViewInit(){this.envService.detectMagnoliaChanges(this.cdr)}static{this.\u0275fac=(()=>{let e;return function(n){return(e||(e=p(t)))(n||t)}})()}static{this.\u0275cmp=s({type:t,selectors:[["basf-mgnl-story-telling-item"]],inputs:{leftArea:[1,"leftArea"],rightArea:[1,"rightArea"],reverseAreas:[1,"reverseAreas"]},features:[f],decls:5,vars:4,consts:[["storytellingContentLeft",""],["storytellingContentRight",""],[3,"anchorID","reverse","storytellingContentLeft","storytellingContentRight"],["editable-area","",3,"content"]],template:function(r,n){if(r&1&&(g

1(0,"basf-wxp-storytelling",2),a(1,Y,1,1,"ng-template",null,0,v)(3,k,1,1,"ng-template",null,1,v)),r&2){let P=_(2),R=_(4);o("anchorID",n.anchorID)("reverse",n.reverseAreas())("storytellingContentLeft",P)("storytellingContentRight",R)}},dependencies:[w,I],encapsulation:2,changeDetection:0})}}return t})();export{tt as MgnlStoryTellingComponent,et as MgnlStoryTellingItemComponent};