@blateral/b.kit 2.7.0 → 2.7.2

package/cjs/sections.news.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),a=require("./Section-e8e8cf81.js"),i=require("./Wrapper-ff6854d7.js"),l=require("./Copy-ea6ab025.js"),r=require("./styles-3a495a2d.js"),o=require("./LibThemeProvider-4823de57.js"),d=require("./Image-c72f7a80.js"),s=require("./Tag-9238cf0c.js"),c=require("./statusFormatter-0393122b.js"),m=require("./Link-5a6f1633.js"),p=require("./arrays-c272ed59.js"),u=require("./useMediaQuery-3d1054e5.js"),f=require("./useEqualSheetHeight-501f4c5f.js"),g=require("./Grid-6f4f99bc.js"),h=require("./useObserverSupport-5ab320dd.js"),x=require("./useScrollTo-fdd665da.js"),w=require("./Pointer-fde7b548.js"),v=require("./urlParams-7525f638.js"),b=require("./Filter-d6d90b8b.js"),_=require("./useUpdateEffect-4d233e2c.js"),y=require("./useMounted-0bba9869.js"),k=require("./TableBlock-f2c59d9b.js"),T=require("./VideoCard-703df8bc.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useCookieConsent-aa9f1104.js"),require("./ButtonGhost-628bbd60.js"),require("./hexRgbConverter-91b28aea.js");var C,N,E,j,B,O,M,S,q,L,A,W,z,F,P,R,U=I(n),V=I(t),H=V.default.div.withConfig({displayName:"NewsAuthorCard__Seperator",componentId:"sc-17dx8qw-0"})(C||(C=e.__makeTemplateObject(["\n    border-bottom: solid 1px\n        ",";\n\n    margin-top: ","px;\n    margin-bottom: ","px;\n"],["\n    border-bottom: solid 1px\n        ",";\n\n    margin-top: ","px;\n    margin-bottom: ","px;\n"])),(function(e){var n=e.isInverted,t=e.theme;return n?r.getColors(t).elementBg.light:r.getColors(t).elementBg.dark}),(function(e){return!e.isTop&&r.spacings.spacer}),(function(e){return e.isTop&&r.spacings.spacer})),D=V.default.div.withConfig({displayName:"NewsAuthorCard__AuthorContainer",componentId:"sc-17dx8qw-1"})(N||(N=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),r.spacings.spacer,r.mq.medium,r.spacings.spacer),G=V.default.img.withConfig({displayName:"NewsAuthorCard__Avatar",componentId:"sc-17dx8qw-2"})(E||(E=e.__makeTemplateObject(["\n    border-radius: 50%; ;\n"],["\n    border-radius: 50%; ;\n"]))),Q=V.default.div.withConfig({displayName:"NewsAuthorCard__Author",componentId:"sc-17dx8qw-3"})(j||(j=e.__makeTemplateObject([""],[""]))),K=V.default(l.Copy).withConfig({displayName:"NewsAuthorCard__StyledCopy",componentId:"sc-17dx8qw-4"})(B||(B=e.__makeTemplateObject(["\n    text-transform: uppercase;\n    margin-bottom: ","px;\n"],["\n    text-transform: uppercase;\n    margin-bottom: ","px;\n"])),3*r.spacings.nudge),J=o.withLibTheme((function(e){var n=e.label,t=e.author,r=e.avatar,d=e.bgMode,s=o.useLibTheme().colors,c="inverted"===d,m="full"===d;return U.default.createElement(a.Section,{addSeperation:!0,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&U.default.createElement(U.default.Fragment,null,U.default.createElement(H,{isTop:!0,isInverted:c}),U.default.createElement(D,null,r&&U.default.createElement(G,{src:r.src,alt:r.alt}),U.default.createElement(Q,null,t&&U.default.createElement(K,{isInverted:c,type:"copy-b"},n||"Written By"),U.default.createElement(l.Heading,{isInverted:c,size:"heading-2"},t)))),U.default.createElement(H,{isInverted:c})))})),X=V.default.div.withConfig({displayName:"NewsCard__View",componentId:"sc-ahox9b-0"})(O||(O=e.__makeTemplateObject(["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"],["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"]))),Y=V.default(m.Link).withConfig({displayName:"NewsCard__ImageLink",componentId:"sc-ahox9b-1"})(M||(M=e.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n"],["\n    display: block;\n    width: 100%;\n"]))),Z=V.default(d.Image).withConfig({displayName:"NewsCard__StyledImage",componentId:"sc-ahox9b-2"})(S||(S=e.__makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ",";\n"],["\n    overflow: hidden;\n    border-radius: ",";\n"])),(function(e){var n=e.theme;return r.getGlobals(n).sections.edgeRadius})),$=V.default.div.withConfig({displayName:"NewsCard__BorderPlaceholder",componentId:"sc-ahox9b-3"})(q||(q=e.__makeTemplateObject(["\n    border-top: 1px solid\n        ",";\n"],["\n    border-top: 1px solid\n        ",";\n"])),(function(e){var n=e.theme;return e.hasBg?r.getColors(n).elementBg.light:r.getColors(n).elementBg.medium})),ee=V.default(m.Link).withConfig({displayName:"NewsCard__TitleLink",componentId:"sc-ahox9b-4"})(L||(L=e.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"])),l.copyStyle("copy-b","big"),(function(e){var n=e.theme;return e.isInverted?r.getFonts(n)["copy-b"].big.colorInverted:r.getFonts(n)["copy-b"].big.color})),ne=V.default.div.withConfig({displayName:"NewsCard__Head",componentId:"sc-ahox9b-5"})(A||(A=e.__makeTemplateObject(["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge),te=V.default.div.withConfig({displayName:"NewsCard__Tags",componentId:"sc-ahox9b-6"})(W||(W=e.__makeTemplateObject(["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),r.spacings.nudge),ae=V.default(l.Copy).withConfig({displayName:"NewsCard__PublishDate",componentId:"sc-ahox9b-7"})(z||(z=e.__makeTemplateObject(["\n    &:only-child {\n        margin-left: auto;\n    }\n"],["\n    &:only-child {\n        margin-left: auto;\n    }\n"]))),ie=V.default.div.withConfig({displayName:"NewsCard__Main",componentId:"sc-ahox9b-8"})(F||(F=e.__makeTemplateObject(["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*r.spacings.nudge),le=V.default(l.Copy).withConfig({displayName:"NewsCard__Text",componentId:"sc-ahox9b-9"})(P||(P=e.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"]))),re=V.default.div.withConfig({displayName:"NewsCard__Action",componentId:"sc-ahox9b-10"})(R||(R=e.__makeTemplateObject(["\n    margin-top: ","px;\n"],["\n    margin-top: ","px;\n"])),3*r.spacings.nudge),oe=n.forwardRef((function(t,a){var i=t.tags,l=t.onTagClick,r=t.publishDate,d=t.title,m=t.text,u=t.image,f=t.link,g=t.isInverted,h=t.action,x=t.customTag,w=t.className,v=t.hasBg,b=o.useLibTheme().globals,_="";r&&(_=new c.StatusFormatter(r.getTime(),"",b.sections.newsDateFormat(r),b.sections.newsTimeFormat(r),b.sections.newsLocaleKey).getFormattedDate());var y=function(e){return l?function(n){null==n||n.preventDefault(),l(e)}:void 0},k=n.useMemo((function(){return null==i?void 0:i.filter((function(e){return e.name}))}),[i]);return U.default.createElement(X,{ref:a,className:w},(null==u?void 0:u.small)?U.default.createElement(Y,e.__assign({},f,{ariaLabel:d}),U.default.createElement(Z,e.__assign({},u,{coverSpace:!0,isInverted:g}))):U.default.createElement($,{hasBg:v}),U.default.createElement(ne,{"data-sheet":"head"},p.isValidArray(k,!1)&&U.default.createElement(te,null,k.map((function(e,n){return x?x({key:n,name:e.name||"",isInverted:g,isActive:!1,link:e.link,clickHandler:y(e)}):U.default.createElement(s.Tag,{key:n,isInverted:g,name:e.name,link:e.link,onClick:y(e)})}))),_&&U.default.createElement(ae,{size:"small",renderAs:"div",isInverted:g},_)),U.default.createElement(ie,null,d&&U.default.createElement(ee,e.__assign({},f,{ariaLabel:d,isInverted:g,dataSheet:"title"}),d),m&&U.default.createElement(le,{isInverted:g,type:"copy",innerHTML:m,"data-sheet":"text",size:"medium"})),h&&U.default.createElement(re,null,h(g)))}));oe.displayName="NewsCard";var de,se,ce,me,pe,ue,fe,ge,he,xe,we,ve,be,_e,ye,ke,Te,Ie,Ce,Ne,Ee=V.default.div.withConfig({displayName:"NewsOverview__TagContainer",componentId:"sc-5r2c7-0"})(de||(de=e.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"])),r.spacings.nudge,r.spacings.nudge,6*r.spacings.nudge),je=V.default.div.withConfig({displayName:"NewsOverview__TagWrapper",componentId:"sc-5r2c7-1"})(se||(se=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),r.spacings.nudge,r.spacings.nudge),Be=V.default.ul.withConfig({displayName:"NewsOverview__News",componentId:"sc-5r2c7-2"})(ce||(ce=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"],["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])),6*r.spacings.nudge,r.spacings.spacer),Oe=V.default.li.withConfig({displayName:"NewsOverview__NewsItem",componentId:"sc-5r2c7-3"})(me||(me=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])),6*r.spacings.nudge,r.spacings.spacer,r.mq.medium,r.mq.large),Me=V.default.div.withConfig({displayName:"NewsOverview__ListFooter",componentId:"sc-5r2c7-4"})(pe||(pe=e.__makeTemplateObject(["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"],["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"])),6*r.spacings.nudge,r.mq.medium),Se=V.default.span.withConfig({displayName:"NewsOverview__ShowMore",componentId:"sc-5r2c7-5"})(ue||(ue=e.__makeTemplateObject(["\n    display: ",";\n"],["\n    display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),qe=V.default(l.Copy).withConfig({displayName:"NewsOverview__FilterIcon",componentId:"sc-5r2c7-6"})(fe||(fe=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),r.spacings.nudge/2,r.spacings.nudge,r.spacings.nudge),Le=function(e,n,t){if(void 0===t&&(t=[]),!e)return"";if(!p.isValidArray(t,!1))return e;var a=n.globals.sections.newsFilterName;if(!a)return e;try{var i=new URL(e),l=new URLSearchParams(i.search);return l.set(a,encodeURIComponent(t.join(","))),"".concat(e,"?").concat(l.toString())}catch(n){return"".concat(e,"?").concat(a,"=").concat(encodeURIComponent(t.join(",")))}},Ae=o.withLibTheme((function(t){var r=t.anchorId,d=t.news,c=t.tags,m=t.initial,g=t.showMoreText,k=t.bgMode,T=t.onTagClick,I=t.customTag,C=o.useLibTheme(),N=C.colors,E=C.globals.sections.newsFilterName,j="inverted"===k,B="full"===k,O=n.useState((null==m?void 0:m.activeTags)||[]),M=O[0],S=O[1],q=u.useMediaQuery(["small","semilarge","large"]),L=n.useState(3),A=L[0],W=L[1],z=n.useState((null==m?void 0:m.visibleRows)||3),F=z[0],P=z[1],R=y.useMounted(),V=n.useRef(null),H=h.useObserverSupport(),D=(null==d?void 0:d.length)||0,G=x.useScrollTo(800),Q=f.useEqualSheetHeight({listLength:Math.min(F*A,D),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:3,xlarge:3}}),K=Q.sheetRefs,J=Q.triggerCalculation,X=n.useCallback((function(){var e=[],n=v.getUrlParams()[E];if(n){var t=null==n?void 0:n.split(",");p.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[E]);n.useEffect((function(){if(!m){var e=X(),n=parseInt(v.getUrlParams().rows);P(n||3),p.isValidArray(e,!1)&&S(e),J()}}),[X,m]),n.useEffect((function(){var e;m&&!R&&(v.setUrlParam("rows",(null==m?void 0:m.visibleRows)||3),p.isValidArray(null==m?void 0:m.activeTags,!1)?v.setUrlParam(E,null===(e=null==m?void 0:m.activeTags)||void 0===e?void 0:e.join(",")):v.deleteUrlParam(E))}),[E,m,R]),_.useUpdateEffect((function(){v.setUrlParam("rows",F)}),[F]),_.useUpdateEffect((function(){!T&&p.isValidArray(M)&&(M.length>0?v.setUrlParam(E,M.join(",")):v.deleteUrlParam(E))}),[M]),n.useEffect((function(){switch(q){case"large":W(3);break;case"semilarge":W(2);break;case"small":W(1),F<3&&P(3);break;default:W(1)}}),[q,F]);var Y=function(n,t){void 0===t&&(t=!0),S((function(a){var i=e.__spreadArray([],a,!0),l=n.name?a.indexOf(n.name):-1;return-1===l&&n.name?e.__spreadArray(e.__spreadArray([],i,!0),[n.name],!1):t?(i.splice(l,1),i):a})),J(),P(3)},Z=n.useMemo((function(){var n=p.isValidArray(d)?e.__spreadArray([],d,!0):[];return n=null==n?void 0:n.filter((function(e){if(!p.isValidArray(M,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==M.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[d,M]),$=n.useMemo((function(){return(null==Z?void 0:Z.filter((function(e,n){return n<F*A})))||[]}),[Z,A,F]);n.useEffect((function(){if(H){var e,n=V.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&F<Math.ceil(Z.length/A)&&P((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[A,D,F,H,Z.length]);var ee=n.useMemo((function(){return null==c?void 0:c.filter((function(e){return e}))}),[c]);return U.default.createElement(a.Section,{addSeperation:!0,anchorId:r,bgColor:j?N.sectionBg.dark:B?N.sectionBg.medium:N.sectionBg.light,bgMode:a.mapToBgMode(k,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0},p.isValidArray(ee,!1)&&U.default.createElement(Ee,null,U.default.createElement(qe,{size:"small",type:"copy",isInverted:j},U.default.createElement(b.Filter,null),U.default.createElement("span",null,"Filter")),ee.map((function(e,n){return U.default.createElement(je,{key:n},I?I({key:n,name:e,isInverted:j,isActive:-1!==M.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),T?T({name:e}):Y({name:e})}}):U.default.createElement(s.Tag,{isInverted:j,onClick:function(n){null==n||n.preventDefault(),T?T({name:e},!1):Y({name:e})},isActive:-1!==M.indexOf(e)},e))}))),U.default.createElement(Be,null,$.map((function(n,t){var a;return U.default.createElement(Oe,{key:"".concat(t,"_news_").concat(n.title)},U.default.createElement(oe,e.__assign({hasBg:B||j,ref:K[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:j,onTagClick:function(e){G(0),T?T({name:e.name},!0):Y({name:e.name},!1)},customTag:I})))}))),U.default.createElement("div",{ref:V}),!H&&U.default.createElement(Me,null,d&&d.length>0&&U.default.createElement(l.Copy,{type:"copy",size:"medium",isInverted:j},U.default.createElement(Se,{itemCount:d.length,onClick:function(e){e.preventDefault(),F<Math.ceil(Z.length/A)&&P((function(e){return e+1}))}},F<Z.length/A&&U.default.createElement(w.Pointer.View,{as:"button",isInverted:j},U.default.createElement(w.Pointer.Label,null,g||"mehr anzeigen")))))))})),We=o.withLibTheme((function(t){var l=t.anchorId,r=t.news,d=t.bgMode,s=t.customTag,c=o.useLibTheme(),m=c.colors,p=c.theme,h=(null==r?void 0:r.length)||0,x="inverted"===d,w="full"===d,v=u.useMediaQuery(["small","semilarge"]),b=n.useState(2),_=b[0],y=b[1],k=n.useState(1),T=k[0],I=k[1],C=f.useEqualSheetHeight({listLength:Math.min(T*_,h),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:2,xlarge:2}}).sheetRefs;return n.useEffect((function(){switch(v){case"semilarge":y(2);break;case"small":y(1),T<3&&I(3);break;default:y(1)}}),[v,T]),U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:x?m.sectionBg.dark:w?m.sectionBg.medium:m.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},U.default.createElement(g.Grid.Row,null,null==r?void 0:r.filter((function(e,n){return n<T*_})).map((function(n,t){var a;return U.default.createElement(g.Grid.Col,{medium:{span:.5},key:"".concat(t,"_news_").concat(n.title)},U.default.createElement(oe,e.__assign({key:t,ref:C[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=Le(n.link.href,p,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),isInverted:x,customTag:s})))})))))})),ze=V.default(d.Image).withConfig({displayName:"NewsImages__StyledImage",componentId:"sc-1l72vc0-0"})(ge||(ge=e.__makeTemplateObject(["\n    width: 100%;\n    border-radius: ",";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"],["\n    width: 100%;\n    border-radius: ",";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"])),(function(e){var n=e.theme;return r.getGlobals(n).sections.edgeRadius})),Fe=o.withLibTheme((function(n){var t,l=n.anchorId,r=n.images,d=n.bgMode,s=o.useLibTheme().colors,c="inverted"===d,m="full"===d;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},U.default.createElement(g.Grid.Row,null,null===(t=null==r?void 0:r.filter((function(e){return e.small})))||void 0===t?void 0:t.map((function(n,t){return U.default.createElement(g.Grid.Col,{key:t,semilarge:{span:n.isFull?1:.5}},U.default.createElement(ze,e.__assign({},n,{coverSpace:!0,isInverted:c})))})))))})),Pe=V.default.div.withConfig({displayName:"NewsIntro__Content",componentId:"sc-zz6rn6-0"})(he||(he=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*r.spacings.nudge),Re=V.default(l.Copy).withConfig({displayName:"NewsIntro__IntroHead",componentId:"sc-zz6rn6-1"})(xe||(xe=e.__makeTemplateObject(["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),2*r.spacings.nudge,r.mq.medium,2*r.spacings.nudge),Ue=V.default.div.withConfig({displayName:"NewsIntro__Tags",componentId:"sc-zz6rn6-2"})(we||(we=e.__makeTemplateObject(["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -","px;\n    margin-left: -","px;\n"],["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -","px;\n    margin-left: -","px;\n"])),r.spacings.nudge,r.spacings.nudge),Ve=V.default.span.withConfig({displayName:"NewsIntro__TagWrapper",componentId:"sc-zz6rn6-3"})(ve||(ve=e.__makeTemplateObject(["\n    display: inline-block;\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    display: inline-block;\n    padding-top: ","px;\n    padding-left: ","px;\n"])),r.spacings.nudge,r.spacings.nudge),He=V.default.div.withConfig({displayName:"NewsIntro__MetaBlock",componentId:"sc-zz6rn6-4"})(be||(be=e.__makeTemplateObject(["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*r.spacings.nudge),De=V.default(k.Title).withConfig({displayName:"NewsIntro__StyledTitle",componentId:"sc-zz6rn6-5"})(_e||(_e=e.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(e){return e.clampTitle&&13/28*r.spacings.wrapperSmall+"px"})),Ge=V.default(l.Copy).withConfig({displayName:"NewsIntro__ContentBlock",componentId:"sc-zz6rn6-6"})(ye||(ye=e.__makeTemplateObject(["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"],["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"])),(function(e){return e.isCentered&&"0 auto"}),(function(e){return e.clampText&&19/28*r.spacings.wrapper+"px"}),r.spacings.spacer),Qe=o.withLibTheme((function(n){var t=n.anchorId,l=n.tags,r=n.meta,m=n.title,p=n.text,u=n.image,f=n.bgMode,g=n.customTag,h=o.useLibTheme(),x=h.globals,w=h.colors,v=h.theme,b="inverted"===f,_="full"===f,y="";(null==r?void 0:r.date)&&(y=new c.StatusFormatter(r.date.getTime(),"",x.sections.newsDateFormat(r.date),x.sections.newsTimeFormat(r.date),x.sections.newsLocaleKey).getFormattedDate());return U.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:b?w.sectionBg.dark:_?w.sectionBg.medium:w.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},U.default.createElement(Pe,null,U.default.createElement(Re,{isInverted:b},U.default.createElement(Ue,null,null==l?void 0:l.map((function(n,t){var a,i=void 0;return n.name&&(null===(a=n.link)||void 0===a?void 0:a.href)&&(i=e.__assign(e.__assign({},n.link),{href:Le(n.link.href,v,[n.name])})),U.default.createElement(Ve,{key:"headtag-".concat(t)},g?g({key:"headtag-".concat(t),name:n.name||"",isInverted:b,isActive:!1,link:i}):U.default.createElement(s.Tag,{link:i,isInverted:b},n.name))}))),(y||(null==r?void 0:r.author))&&U.default.createElement(He,null,(null==r?void 0:r.author)&&U.default.createElement("div",null,null==r?void 0:r.author),y&&U.default.createElement("div",null,y))),U.default.createElement("div",null,U.default.createElement(De,{colorMode:b?"inverted":"default",title:m}),p&&U.default.createElement(Ge,{isInverted:b,type:"copy-b",innerHTML:p})),(null==u?void 0:u.small)&&U.default.createElement(d.Image,e.__assign({},u,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b})))))})),Ke=V.default.ul.withConfig({displayName:"NewsList__News",componentId:"sc-sew5jz-0"})(ke||(ke=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"],["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])),6*r.spacings.nudge,r.spacings.spacer),Je=V.default.li.withConfig({displayName:"NewsList__NewsItem",componentId:"sc-sew5jz-1"})(Te||(Te=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])),6*r.spacings.nudge,r.spacings.spacer,r.mq.medium,r.mq.large),Xe=o.withLibTheme((function(t){var l=t.anchorId,r=t.mode,d=void 0===r?"short":r,s=t.news,c=t.bgMode,m=t.customTag,p=o.useLibTheme(),u=p.colors,g=p.theme,h=n.useMemo((function(){return s?"expanded"===d?s.slice(0,6):s.slice(0,3):[]}),[s,d]),x="inverted"===c,w="full"===c,v=f.useEqualSheetHeight({listLength:h.length,identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:2,semilarge:2,large:3,xlarge:3}}).sheetRefs;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:x?u.sectionBg.dark:w?u.sectionBg.medium:u.sectionBg.light,bgMode:a.mapToBgMode(c,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0},U.default.createElement(Ke,null,null==h?void 0:h.map((function(n,t){var a;return U.default.createElement(Je,{key:t},U.default.createElement(oe,e.__assign({key:t,ref:v[t]},n,{isInverted:x,tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=Le(n.link.href,g,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),customTag:m})))})))))})),Ye=V.default(a.Section).withConfig({displayName:"NewsTable__NewsTableSection",componentId:"sc-ph099f-0"})(Ie||(Ie=e.__makeTemplateObject(["\n    overflow: unset;\n"],["\n    overflow: unset;\n"]))),Ze=V.default(i.Wrapper).withConfig({displayName:"NewsTable__TableWrapper",componentId:"sc-ph099f-1"})(Ce||(Ce=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),r.spacings.spacer),$e=o.withLibTheme((function(n){var t=n.anchorId,i=n.bgMode,l=n.tableItems,r=o.useLibTheme().colors,d="inverted"===i,s="full"===i||d;return U.default.createElement(Ye,{addSeperation:!0,anchorId:t,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(i,!0)},U.default.createElement(Ze,{clampWidth:"small"},l.map((function(n,t){return U.default.createElement(k.TableBlock,e.__assign({},n,{key:t,hasBack:s,isInverted:d}))}))))})),en=V.default(l.Copy).withConfig({displayName:"NewsText__ContentBlock",componentId:"sc-2vavtq-0"})(Ne||(Ne=e.__makeTemplateObject(["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"],["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"])),(function(e){return e.isCentered&&"0 auto"}),(function(e){return e.clampText&&19/28*r.spacings.wrapperSmall+"px"}),5*r.spacings.nudge),nn=o.withLibTheme((function(e){var n=e.anchorId,t=e.text,l=e.bgMode,r=o.useLibTheme().colors,d="inverted"===l,s="full"===l;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(l,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&U.default.createElement(en,{isInverted:d,type:"copy",innerHTML:t})))})),tn=o.withLibTheme((function(e){var n=e.anchorId,t=e.bgImage,l=e.embedId,r=e.playIcon,d=e.consentText,s=e.consentAction,c=e.bgMode,m=o.useLibTheme().colors,p="inverted"===c,u="full"===c;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:p?m.sectionBg.dark:u?m.sectionBg.medium:m.sectionBg.light,bgMode:a.mapToBgMode(c,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},l&&t&&U.default.createElement(T.VideoCard,{bgImage:t,embedId:l,playIcon:r,consentText:d,consentAction:s})))}));exports.NewsAuthorCard=J,exports.NewsFooter=We,exports.NewsImages=Fe,exports.NewsIntro=Qe,exports.NewsList=Xe,exports.NewsOverview=Ae,exports.NewsTable=$e,exports.NewsText=nn,exports.NewsVideo=tn;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),a=require("./Section-e8e8cf81.js"),i=require("./Wrapper-ff6854d7.js"),l=require("./Copy-ea6ab025.js"),r=require("./styles-3a495a2d.js"),o=require("./LibThemeProvider-4823de57.js"),d=require("./Image-c72f7a80.js"),s=require("./Tag-9238cf0c.js"),c=require("./statusFormatter-0393122b.js"),m=require("./Link-5a6f1633.js"),p=require("./arrays-c272ed59.js"),u=require("./useMediaQuery-3d1054e5.js"),f=require("./useEqualSheetHeight-501f4c5f.js"),g=require("./Grid-6f4f99bc.js"),h=require("./useObserverSupport-5ab320dd.js"),x=require("./useScrollTo-fdd665da.js"),w=require("./Pointer-fde7b548.js"),v=require("./urlParams-7525f638.js"),b=require("./Filter-d6d90b8b.js"),_=require("./useUpdateEffect-4d233e2c.js"),y=require("./useMounted-0bba9869.js"),k=require("./TableBlock-f2c59d9b.js"),T=require("./VideoCard-a51690c9.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useCookieConsent-aa9f1104.js"),require("./ButtonGhost-628bbd60.js"),require("./hexRgbConverter-91b28aea.js");var C,N,E,j,B,O,M,S,q,L,A,W,z,F,P,R,U=I(n),V=I(t),H=V.default.div.withConfig({displayName:"NewsAuthorCard__Seperator",componentId:"sc-17dx8qw-0"})(C||(C=e.__makeTemplateObject(["\n    border-bottom: solid 1px\n        ",";\n\n    margin-top: ","px;\n    margin-bottom: ","px;\n"],["\n    border-bottom: solid 1px\n        ",";\n\n    margin-top: ","px;\n    margin-bottom: ","px;\n"])),(function(e){var n=e.isInverted,t=e.theme;return n?r.getColors(t).elementBg.light:r.getColors(t).elementBg.dark}),(function(e){return!e.isTop&&r.spacings.spacer}),(function(e){return e.isTop&&r.spacings.spacer})),D=V.default.div.withConfig({displayName:"NewsAuthorCard__AuthorContainer",componentId:"sc-17dx8qw-1"})(N||(N=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),r.spacings.spacer,r.mq.medium,r.spacings.spacer),G=V.default.img.withConfig({displayName:"NewsAuthorCard__Avatar",componentId:"sc-17dx8qw-2"})(E||(E=e.__makeTemplateObject(["\n    border-radius: 50%; ;\n"],["\n    border-radius: 50%; ;\n"]))),Q=V.default.div.withConfig({displayName:"NewsAuthorCard__Author",componentId:"sc-17dx8qw-3"})(j||(j=e.__makeTemplateObject([""],[""]))),K=V.default(l.Copy).withConfig({displayName:"NewsAuthorCard__StyledCopy",componentId:"sc-17dx8qw-4"})(B||(B=e.__makeTemplateObject(["\n    text-transform: uppercase;\n    margin-bottom: ","px;\n"],["\n    text-transform: uppercase;\n    margin-bottom: ","px;\n"])),3*r.spacings.nudge),J=o.withLibTheme((function(e){var n=e.label,t=e.author,r=e.avatar,d=e.bgMode,s=o.useLibTheme().colors,c="inverted"===d,m="full"===d;return U.default.createElement(a.Section,{addSeperation:!0,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&U.default.createElement(U.default.Fragment,null,U.default.createElement(H,{isTop:!0,isInverted:c}),U.default.createElement(D,null,r&&U.default.createElement(G,{src:r.src,alt:r.alt}),U.default.createElement(Q,null,t&&U.default.createElement(K,{isInverted:c,type:"copy-b"},n||"Written By"),U.default.createElement(l.Heading,{isInverted:c,size:"heading-2"},t)))),U.default.createElement(H,{isInverted:c})))})),X=V.default.div.withConfig({displayName:"NewsCard__View",componentId:"sc-ahox9b-0"})(O||(O=e.__makeTemplateObject(["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"],["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"]))),Y=V.default(m.Link).withConfig({displayName:"NewsCard__ImageLink",componentId:"sc-ahox9b-1"})(M||(M=e.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n"],["\n    display: block;\n    width: 100%;\n"]))),Z=V.default(d.Image).withConfig({displayName:"NewsCard__StyledImage",componentId:"sc-ahox9b-2"})(S||(S=e.__makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ",";\n"],["\n    overflow: hidden;\n    border-radius: ",";\n"])),(function(e){var n=e.theme;return r.getGlobals(n).sections.edgeRadius})),$=V.default.div.withConfig({displayName:"NewsCard__BorderPlaceholder",componentId:"sc-ahox9b-3"})(q||(q=e.__makeTemplateObject(["\n    border-top: 1px solid\n        ",";\n"],["\n    border-top: 1px solid\n        ",";\n"])),(function(e){var n=e.theme;return e.hasBg?r.getColors(n).elementBg.light:r.getColors(n).elementBg.medium})),ee=V.default(m.Link).withConfig({displayName:"NewsCard__TitleLink",componentId:"sc-ahox9b-4"})(L||(L=e.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"])),l.copyStyle("copy-b","big"),(function(e){var n=e.theme;return e.isInverted?r.getFonts(n)["copy-b"].big.colorInverted:r.getFonts(n)["copy-b"].big.color})),ne=V.default.div.withConfig({displayName:"NewsCard__Head",componentId:"sc-ahox9b-5"})(A||(A=e.__makeTemplateObject(["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,3*r.spacings.nudge),te=V.default.div.withConfig({displayName:"NewsCard__Tags",componentId:"sc-ahox9b-6"})(W||(W=e.__makeTemplateObject(["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),r.spacings.nudge),ae=V.default(l.Copy).withConfig({displayName:"NewsCard__PublishDate",componentId:"sc-ahox9b-7"})(z||(z=e.__makeTemplateObject(["\n    &:only-child {\n        margin-left: auto;\n    }\n"],["\n    &:only-child {\n        margin-left: auto;\n    }\n"]))),ie=V.default.div.withConfig({displayName:"NewsCard__Main",componentId:"sc-ahox9b-8"})(F||(F=e.__makeTemplateObject(["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*r.spacings.nudge),le=V.default(l.Copy).withConfig({displayName:"NewsCard__Text",componentId:"sc-ahox9b-9"})(P||(P=e.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"]))),re=V.default.div.withConfig({displayName:"NewsCard__Action",componentId:"sc-ahox9b-10"})(R||(R=e.__makeTemplateObject(["\n    margin-top: ","px;\n"],["\n    margin-top: ","px;\n"])),3*r.spacings.nudge),oe=n.forwardRef((function(t,a){var i=t.tags,l=t.onTagClick,r=t.publishDate,d=t.title,m=t.text,u=t.image,f=t.link,g=t.isInverted,h=t.action,x=t.customTag,w=t.className,v=t.hasBg,b=o.useLibTheme().globals,_="";r&&(_=new c.StatusFormatter(r.getTime(),"",b.sections.newsDateFormat(r),b.sections.newsTimeFormat(r),b.sections.newsLocaleKey).getFormattedDate());var y=function(e){return l?function(n){null==n||n.preventDefault(),l(e)}:void 0},k=n.useMemo((function(){return null==i?void 0:i.filter((function(e){return e.name}))}),[i]);return U.default.createElement(X,{ref:a,className:w},(null==u?void 0:u.small)?U.default.createElement(Y,e.__assign({},f,{ariaLabel:d}),U.default.createElement(Z,e.__assign({},u,{coverSpace:!0,isInverted:g}))):U.default.createElement($,{hasBg:v}),U.default.createElement(ne,{"data-sheet":"head"},p.isValidArray(k,!1)&&U.default.createElement(te,null,k.map((function(e,n){return x?x({key:n,name:e.name||"",isInverted:g,isActive:!1,link:e.link,clickHandler:y(e)}):U.default.createElement(s.Tag,{key:n,isInverted:g,name:e.name,link:e.link,onClick:y(e)})}))),_&&U.default.createElement(ae,{size:"small",renderAs:"div",isInverted:g},_)),U.default.createElement(ie,null,d&&U.default.createElement(ee,e.__assign({},f,{ariaLabel:d,isInverted:g,dataSheet:"title"}),d),m&&U.default.createElement(le,{isInverted:g,type:"copy",innerHTML:m,"data-sheet":"text",size:"medium"})),h&&U.default.createElement(re,null,h(g)))}));oe.displayName="NewsCard";var de,se,ce,me,pe,ue,fe,ge,he,xe,we,ve,be,_e,ye,ke,Te,Ie,Ce,Ne,Ee=V.default.div.withConfig({displayName:"NewsOverview__TagContainer",componentId:"sc-5r2c7-0"})(de||(de=e.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"])),r.spacings.nudge,r.spacings.nudge,6*r.spacings.nudge),je=V.default.div.withConfig({displayName:"NewsOverview__TagWrapper",componentId:"sc-5r2c7-1"})(se||(se=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),r.spacings.nudge,r.spacings.nudge),Be=V.default.ul.withConfig({displayName:"NewsOverview__News",componentId:"sc-5r2c7-2"})(ce||(ce=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"],["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])),6*r.spacings.nudge,r.spacings.spacer),Oe=V.default.li.withConfig({displayName:"NewsOverview__NewsItem",componentId:"sc-5r2c7-3"})(me||(me=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])),6*r.spacings.nudge,r.spacings.spacer,r.mq.medium,r.mq.large),Me=V.default.div.withConfig({displayName:"NewsOverview__ListFooter",componentId:"sc-5r2c7-4"})(pe||(pe=e.__makeTemplateObject(["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"],["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"])),6*r.spacings.nudge,r.mq.medium),Se=V.default.span.withConfig({displayName:"NewsOverview__ShowMore",componentId:"sc-5r2c7-5"})(ue||(ue=e.__makeTemplateObject(["\n    display: ",";\n"],["\n    display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),qe=V.default(l.Copy).withConfig({displayName:"NewsOverview__FilterIcon",componentId:"sc-5r2c7-6"})(fe||(fe=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),r.spacings.nudge/2,r.spacings.nudge,r.spacings.nudge),Le=function(e,n,t){if(void 0===t&&(t=[]),!e)return"";if(!p.isValidArray(t,!1))return e;var a=n.globals.sections.newsFilterName;if(!a)return e;try{var i=new URL(e),l=new URLSearchParams(i.search);return l.set(a,encodeURIComponent(t.join(","))),"".concat(e,"?").concat(l.toString())}catch(n){return"".concat(e,"?").concat(a,"=").concat(encodeURIComponent(t.join(",")))}},Ae=o.withLibTheme((function(t){var r=t.anchorId,d=t.news,c=t.tags,m=t.initial,g=t.showMoreText,k=t.bgMode,T=t.onTagClick,I=t.customTag,C=o.useLibTheme(),N=C.colors,E=C.globals.sections.newsFilterName,j="inverted"===k,B="full"===k,O=n.useState((null==m?void 0:m.activeTags)||[]),M=O[0],S=O[1],q=u.useMediaQuery(["small","semilarge","large"]),L=n.useState(3),A=L[0],W=L[1],z=n.useState((null==m?void 0:m.visibleRows)||3),F=z[0],P=z[1],R=y.useMounted(),V=n.useRef(null),H=h.useObserverSupport(),D=(null==d?void 0:d.length)||0,G=x.useScrollTo(800),Q=f.useEqualSheetHeight({listLength:Math.min(F*A,D),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:3,xlarge:3}}),K=Q.sheetRefs,J=Q.triggerCalculation,X=n.useCallback((function(){var e=[],n=v.getUrlParams()[E];if(n){var t=null==n?void 0:n.split(",");p.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[E]);n.useEffect((function(){if(!m){var e=X(),n=parseInt(v.getUrlParams().rows);P(n||3),p.isValidArray(e,!1)&&S(e),J()}}),[X,m]),n.useEffect((function(){var e;m&&!R&&(v.setUrlParam("rows",(null==m?void 0:m.visibleRows)||3),p.isValidArray(null==m?void 0:m.activeTags,!1)?v.setUrlParam(E,null===(e=null==m?void 0:m.activeTags)||void 0===e?void 0:e.join(",")):v.deleteUrlParam(E))}),[E,m,R]),_.useUpdateEffect((function(){v.setUrlParam("rows",F)}),[F]),_.useUpdateEffect((function(){!T&&p.isValidArray(M)&&(M.length>0?v.setUrlParam(E,M.join(",")):v.deleteUrlParam(E))}),[M]),n.useEffect((function(){switch(q){case"large":W(3);break;case"semilarge":W(2);break;case"small":W(1),F<3&&P(3);break;default:W(1)}}),[q,F]);var Y=function(n,t){void 0===t&&(t=!0),S((function(a){var i=e.__spreadArray([],a,!0),l=n.name?a.indexOf(n.name):-1;return-1===l&&n.name?e.__spreadArray(e.__spreadArray([],i,!0),[n.name],!1):t?(i.splice(l,1),i):a})),J(),P(3)},Z=n.useMemo((function(){var n=p.isValidArray(d)?e.__spreadArray([],d,!0):[];return n=null==n?void 0:n.filter((function(e){if(!p.isValidArray(M,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==M.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[d,M]),$=n.useMemo((function(){return(null==Z?void 0:Z.filter((function(e,n){return n<F*A})))||[]}),[Z,A,F]);n.useEffect((function(){if(H){var e,n=V.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&F<Math.ceil(Z.length/A)&&P((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[A,D,F,H,Z.length]);var ee=n.useMemo((function(){return null==c?void 0:c.filter((function(e){return e}))}),[c]);return U.default.createElement(a.Section,{addSeperation:!0,anchorId:r,bgColor:j?N.sectionBg.dark:B?N.sectionBg.medium:N.sectionBg.light,bgMode:a.mapToBgMode(k,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0},p.isValidArray(ee,!1)&&U.default.createElement(Ee,null,U.default.createElement(qe,{size:"small",type:"copy",isInverted:j},U.default.createElement(b.Filter,null),U.default.createElement("span",null,"Filter")),ee.map((function(e,n){return U.default.createElement(je,{key:n},I?I({key:n,name:e,isInverted:j,isActive:-1!==M.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),T?T({name:e}):Y({name:e})}}):U.default.createElement(s.Tag,{isInverted:j,onClick:function(n){null==n||n.preventDefault(),T?T({name:e},!1):Y({name:e})},isActive:-1!==M.indexOf(e)},e))}))),U.default.createElement(Be,null,$.map((function(n,t){var a;return U.default.createElement(Oe,{key:"".concat(t,"_news_").concat(n.title)},U.default.createElement(oe,e.__assign({hasBg:B||j,ref:K[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:j,onTagClick:function(e){G(0),T?T({name:e.name},!0):Y({name:e.name},!1)},customTag:I})))}))),U.default.createElement("div",{ref:V}),!H&&U.default.createElement(Me,null,d&&d.length>0&&U.default.createElement(l.Copy,{type:"copy",size:"medium",isInverted:j},U.default.createElement(Se,{itemCount:d.length,onClick:function(e){e.preventDefault(),F<Math.ceil(Z.length/A)&&P((function(e){return e+1}))}},F<Z.length/A&&U.default.createElement(w.Pointer.View,{as:"button",isInverted:j},U.default.createElement(w.Pointer.Label,null,g||"mehr anzeigen")))))))})),We=o.withLibTheme((function(t){var l=t.anchorId,r=t.news,d=t.bgMode,s=t.customTag,c=o.useLibTheme(),m=c.colors,p=c.theme,h=(null==r?void 0:r.length)||0,x="inverted"===d,w="full"===d,v=u.useMediaQuery(["small","semilarge"]),b=n.useState(2),_=b[0],y=b[1],k=n.useState(1),T=k[0],I=k[1],C=f.useEqualSheetHeight({listLength:Math.min(T*_,h),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:2,xlarge:2}}).sheetRefs;return n.useEffect((function(){switch(v){case"semilarge":y(2);break;case"small":y(1),T<3&&I(3);break;default:y(1)}}),[v,T]),U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:x?m.sectionBg.dark:w?m.sectionBg.medium:m.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},U.default.createElement(g.Grid.Row,null,null==r?void 0:r.filter((function(e,n){return n<T*_})).map((function(n,t){var a;return U.default.createElement(g.Grid.Col,{medium:{span:.5},key:"".concat(t,"_news_").concat(n.title)},U.default.createElement(oe,e.__assign({key:t,ref:C[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=Le(n.link.href,p,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),isInverted:x,customTag:s})))})))))})),ze=V.default(d.Image).withConfig({displayName:"NewsImages__StyledImage",componentId:"sc-1l72vc0-0"})(ge||(ge=e.__makeTemplateObject(["\n    width: 100%;\n    border-radius: ",";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"],["\n    width: 100%;\n    border-radius: ",";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"])),(function(e){var n=e.theme;return r.getGlobals(n).sections.edgeRadius})),Fe=o.withLibTheme((function(n){var t,l=n.anchorId,r=n.images,d=n.bgMode,s=o.useLibTheme().colors,c="inverted"===d,m="full"===d;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},U.default.createElement(g.Grid.Row,null,null===(t=null==r?void 0:r.filter((function(e){return e.small})))||void 0===t?void 0:t.map((function(n,t){return U.default.createElement(g.Grid.Col,{key:t,semilarge:{span:n.isFull?1:.5}},U.default.createElement(ze,e.__assign({},n,{coverSpace:!0,isInverted:c})))})))))})),Pe=V.default.div.withConfig({displayName:"NewsIntro__Content",componentId:"sc-zz6rn6-0"})(he||(he=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*r.spacings.nudge),Re=V.default(l.Copy).withConfig({displayName:"NewsIntro__IntroHead",componentId:"sc-zz6rn6-1"})(xe||(xe=e.__makeTemplateObject(["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),2*r.spacings.nudge,r.mq.medium,2*r.spacings.nudge),Ue=V.default.div.withConfig({displayName:"NewsIntro__Tags",componentId:"sc-zz6rn6-2"})(we||(we=e.__makeTemplateObject(["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -","px;\n    margin-left: -","px;\n"],["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -","px;\n    margin-left: -","px;\n"])),r.spacings.nudge,r.spacings.nudge),Ve=V.default.span.withConfig({displayName:"NewsIntro__TagWrapper",componentId:"sc-zz6rn6-3"})(ve||(ve=e.__makeTemplateObject(["\n    display: inline-block;\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    display: inline-block;\n    padding-top: ","px;\n    padding-left: ","px;\n"])),r.spacings.nudge,r.spacings.nudge),He=V.default.div.withConfig({displayName:"NewsIntro__MetaBlock",componentId:"sc-zz6rn6-4"})(be||(be=e.__makeTemplateObject(["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*r.spacings.nudge),De=V.default(k.Title).withConfig({displayName:"NewsIntro__StyledTitle",componentId:"sc-zz6rn6-5"})(_e||(_e=e.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(e){return e.clampTitle&&13/28*r.spacings.wrapperSmall+"px"})),Ge=V.default(l.Copy).withConfig({displayName:"NewsIntro__ContentBlock",componentId:"sc-zz6rn6-6"})(ye||(ye=e.__makeTemplateObject(["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"],["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"])),(function(e){return e.isCentered&&"0 auto"}),(function(e){return e.clampText&&19/28*r.spacings.wrapper+"px"}),r.spacings.spacer),Qe=o.withLibTheme((function(n){var t=n.anchorId,l=n.tags,r=n.meta,m=n.title,p=n.text,u=n.image,f=n.bgMode,g=n.customTag,h=o.useLibTheme(),x=h.globals,w=h.colors,v=h.theme,b="inverted"===f,_="full"===f,y="";(null==r?void 0:r.date)&&(y=new c.StatusFormatter(r.date.getTime(),"",x.sections.newsDateFormat(r.date),x.sections.newsTimeFormat(r.date),x.sections.newsLocaleKey).getFormattedDate());return U.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:b?w.sectionBg.dark:_?w.sectionBg.medium:w.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},U.default.createElement(Pe,null,U.default.createElement(Re,{isInverted:b},U.default.createElement(Ue,null,null==l?void 0:l.map((function(n,t){var a,i=void 0;return n.name&&(null===(a=n.link)||void 0===a?void 0:a.href)&&(i=e.__assign(e.__assign({},n.link),{href:Le(n.link.href,v,[n.name])})),U.default.createElement(Ve,{key:"headtag-".concat(t)},g?g({key:"headtag-".concat(t),name:n.name||"",isInverted:b,isActive:!1,link:i}):U.default.createElement(s.Tag,{link:i,isInverted:b},n.name))}))),(y||(null==r?void 0:r.author))&&U.default.createElement(He,null,(null==r?void 0:r.author)&&U.default.createElement("div",null,null==r?void 0:r.author),y&&U.default.createElement("div",null,y))),U.default.createElement("div",null,U.default.createElement(De,{colorMode:b?"inverted":"default",title:m}),p&&U.default.createElement(Ge,{isInverted:b,type:"copy-b",innerHTML:p})),(null==u?void 0:u.small)&&U.default.createElement(d.Image,e.__assign({},u,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b})))))})),Ke=V.default.ul.withConfig({displayName:"NewsList__News",componentId:"sc-sew5jz-0"})(ke||(ke=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"],["\n    list-style: none;\n    margin: 0;\n    margin-top: -","px;\n    margin-left: -","px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])),6*r.spacings.nudge,r.spacings.spacer),Je=V.default.li.withConfig({displayName:"NewsList__NewsItem",componentId:"sc-sew5jz-1"})(Te||(Te=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media "," {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])),6*r.spacings.nudge,r.spacings.spacer,r.mq.medium,r.mq.large),Xe=o.withLibTheme((function(t){var l=t.anchorId,r=t.mode,d=void 0===r?"short":r,s=t.news,c=t.bgMode,m=t.customTag,p=o.useLibTheme(),u=p.colors,g=p.theme,h=n.useMemo((function(){return s?"expanded"===d?s.slice(0,6):s.slice(0,3):[]}),[s,d]),x="inverted"===c,w="full"===c,v=f.useEqualSheetHeight({listLength:h.length,identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:2,semilarge:2,large:3,xlarge:3}}).sheetRefs;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:l,bgColor:x?u.sectionBg.dark:w?u.sectionBg.medium:u.sectionBg.light,bgMode:a.mapToBgMode(c,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0},U.default.createElement(Ke,null,null==h?void 0:h.map((function(n,t){var a;return U.default.createElement(Je,{key:t},U.default.createElement(oe,e.__assign({key:t,ref:v[t]},n,{isInverted:x,tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=Le(n.link.href,g,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),customTag:m})))})))))})),Ye=V.default(a.Section).withConfig({displayName:"NewsTable__NewsTableSection",componentId:"sc-ph099f-0"})(Ie||(Ie=e.__makeTemplateObject(["\n    overflow: unset;\n"],["\n    overflow: unset;\n"]))),Ze=V.default(i.Wrapper).withConfig({displayName:"NewsTable__TableWrapper",componentId:"sc-ph099f-1"})(Ce||(Ce=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),r.spacings.spacer),$e=o.withLibTheme((function(n){var t=n.anchorId,i=n.bgMode,l=n.tableItems,r=o.useLibTheme().colors,d="inverted"===i,s="full"===i||d;return U.default.createElement(Ye,{addSeperation:!0,anchorId:t,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(i,!0)},U.default.createElement(Ze,{clampWidth:"small"},l.map((function(n,t){return U.default.createElement(k.TableBlock,e.__assign({},n,{key:t,hasBack:s,isInverted:d}))}))))})),en=V.default(l.Copy).withConfig({displayName:"NewsText__ContentBlock",componentId:"sc-2vavtq-0"})(Ne||(Ne=e.__makeTemplateObject(["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"],["\n    display: block;\n    margin: ",";\n    max-width: ",";\n\n    :not(:first-child) {\n        padding-top: ","px;\n    }\n"])),(function(e){return e.isCentered&&"0 auto"}),(function(e){return e.clampText&&19/28*r.spacings.wrapperSmall+"px"}),5*r.spacings.nudge),nn=o.withLibTheme((function(e){var n=e.anchorId,t=e.text,l=e.bgMode,r=o.useLibTheme().colors,d="inverted"===l,s="full"===l;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(l,!0)},U.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&U.default.createElement(en,{isInverted:d,type:"copy",innerHTML:t})))})),tn=o.withLibTheme((function(e){var n=e.anchorId,t=e.bgImage,l=e.embedId,r=e.playIcon,d=e.consentText,s=e.consentAction,c=e.bgMode,m=o.useLibTheme().colors,p="inverted"===c,u="full"===c;return U.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:p?m.sectionBg.dark:u?m.sectionBg.medium:m.sectionBg.light,bgMode:a.mapToBgMode(c,!0)},U.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},l&&t&&U.default.createElement(T.VideoCard,{bgImage:t,embedId:l,playIcon:r,consentText:d,consentAction:s})))}));exports.NewsAuthorCard=J,exports.NewsFooter=We,exports.NewsImages=Fe,exports.NewsIntro=Qe,exports.NewsList=Xe,exports.NewsOverview=Ae,exports.NewsTable=$e,exports.NewsText=nn,exports.NewsVideo=tn;
 //# sourceMappingURL=sections.news.js.map

package/esm/{VideoCard-e6f342b8.js → VideoCard-2cb3b442.js}

@@ -94,6 +94,7 @@ var VideoCard = function (_a) {
       _c = _a.consentText,
       consentText = _c === void 0 ? 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.' : _c,
       consentAction = _a.consentAction,
+      onPlay = _a.onPlay,
       className = _a.className;
   var globals = useLibTheme().globals;
 
@@ -106,16 +107,22 @@ var VideoCard = function (_a) {
       setShowConsent = _e[1];
 
   var handlePlayClick = function () {
-    var cookie = getCookie(globals.cookie.name);
-    var isAccepted = globals.cookie.videoCookieTypeRestrictions.reduce(function (acc, current) {
-      var _a, _b;
+    var isAccepted = false;
 
-      if (!acc) return acc;
-      if (!cookie || !(cookie === null || cookie === void 0 ? void 0 : cookie.data.types)) return false; // set acc to false if type is not defined or set to false
+    if (onPlay) {
+      isAccepted = onPlay();
+    } else {
+      var cookie_1 = getCookie(globals.cookie.name);
+      isAccepted = globals.cookie.videoCookieTypeRestrictions.reduce(function (acc, current) {
+        var _a, _b;
+
+        if (!acc) return acc;
+        if (!cookie_1 || !(cookie_1 === null || cookie_1 === void 0 ? void 0 : cookie_1.data.types)) return false; // set acc to false if type is not defined or set to false
 
-      acc = !!((_b = (_a = cookie === null || cookie === void 0 ? void 0 : cookie.data) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b[current]);
-      return acc;
-    }, true);
+        acc = !!((_b = (_a = cookie_1 === null || cookie_1 === void 0 ? void 0 : cookie_1.data) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b[current]);
+        return acc;
+      }, true);
+    }
 
     if (isAccepted) {
       setIsActive(true);
@@ -157,4 +164,4 @@ var VideoCard = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { VideoCard as V };
-//# sourceMappingURL=VideoCard-e6f342b8.js.map
+//# sourceMappingURL=VideoCard-2cb3b442.js.map

package/esm/VideoCard-2cb3b442.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoCard-2cb3b442.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * Custom handler for play button click\n     * @returns true if video should be played\n     */\n    onPlay?: () => boolean;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    consentAction,\n    onPlay,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = () => {\n        let isAccepted = false;\n\n        if (onPlay) {\n            isAccepted = onPlay();\n        } else {\n            const cookie = getCookie(\n                globals.cookie.name\n            ) as Cookie<CookieConsentData>;\n\n            isAccepted =\n                globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                    (acc, current) => {\n                        if (!acc) return acc;\n                        if (!cookie || !cookie?.data.types) return false;\n\n                        // set acc to false if type is not defined or set to false\n                        acc = !!cookie?.data?.types?.[current];\n                        return acc;\n                    },\n                    true\n                );\n        }\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","VideoCard","embedId","playIcon","_c","consentText","consentAction","onPlay","className","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handlePlayClick","isAccepted","cookie_1","getCookie","cookie","name","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","handleConsentActionClick","React","createElement","undefined","Play","iconColor","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}

package/esm/sections.js

@@ -26,7 +26,7 @@ import { C as Callout } from './Callout-a926194d.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
 import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
 import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
-import { V as VideoCard } from './VideoCard-e6f342b8.js';
+import { V as VideoCard } from './VideoCard-2cb3b442.js';
 import { C as Control$1 } from './Control-2d605e12.js';
 import { u as useLeafletMap } from './useLeafletMap-84170d32.js';
 import './concat-ab3c66f2.js';
@@ -3287,7 +3287,8 @@ var Video$1 = function (_a) {
       embedId = _a.embedId,
       playIcon = _a.playIcon,
       consentText = _a.consentText,
-      consentAction = _a.consentAction;
+      consentAction = _a.consentAction,
+      onPlay = _a.onPlay;
   var colors = useLibTheme().colors;
   var isInverted = bgMode === 'inverted';
   return React__default.createElement(Section, {
@@ -3302,7 +3303,8 @@ var Video$1 = function (_a) {
     embedId: embedId,
     playIcon: playIcon,
     consentText: consentText,
-    consentAction: consentAction
+    consentAction: consentAction,
+    onPlay: onPlay
   })));
 };
 var Video$2 = withLibTheme(Video$1);
@@ -3741,7 +3743,10 @@ var HtmlCode = function (_a) {
     anchorId: anchorId,
     bgColor: isInverted ? colors.sectionBg.dark : bgMode ? colors.sectionBg.medium : colors.sectionBg.light,
     bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, null, html && React__default.createElement("div", {
+  }, React__default.createElement(Wrapper, {
+    clampWidth: "normal",
+    addWhitespace: true
+  }, html && React__default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: html
     }