@blateral/b.kit 2.8.1 → 2.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/{FilterBar-0781490f.js → FilterBar-0cb49472.js} +2 -2
- package/cjs/FilterBar-0cb49472.js.map +1 -0
- package/cjs/{FilterField-7efcacb7.js → FilterField-0ba59002.js} +2 -2
- package/cjs/FilterField-0ba59002.js.map +1 -0
- package/cjs/MultiselectDropdown-07d543dc.js +2 -0
- package/cjs/MultiselectDropdown-07d543dc.js.map +1 -0
- package/cjs/Pointer-0f69256f.js +2 -0
- package/cjs/Pointer-0f69256f.js.map +1 -0
- package/cjs/blocks.js +1 -1
- package/cjs/buttons.js +1 -1
- package/cjs/fields.js +1 -1
- package/cjs/sections.events.js +1 -1
- package/cjs/sections.jobs.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.news.js +1 -1
- package/cjs/sections.pois.js +1 -1
- package/cjs/sections.pois.js.map +1 -1
- package/esm/{FilterBar-2a2a09b7.js → FilterBar-821e43bc.js} +23 -23
- package/esm/FilterBar-821e43bc.js.map +1 -0
- package/esm/{FilterField-bec061bc.js → FilterField-60359bfc.js} +2 -2
- package/esm/FilterField-60359bfc.js.map +1 -0
- package/esm/{MultiselectDropdown-a97be6bc.js → MultiselectDropdown-91d0151c.js} +19 -14
- package/esm/MultiselectDropdown-91d0151c.js.map +1 -0
- package/esm/{Pointer-b4abee91.js → Pointer-3e965d7b.js} +2 -2
- package/esm/Pointer-3e965d7b.js.map +1 -0
- package/esm/blocks.js +4 -4
- package/esm/buttons.js +1 -1
- package/esm/fields.js +2 -2
- package/esm/sections.events.js +1 -1
- package/esm/sections.jobs.js +1 -1
- package/esm/sections.js +1 -1
- package/esm/sections.news.js +1 -1
- package/esm/sections.pois.js +8 -5
- package/esm/sections.pois.js.map +1 -1
- package/package.json +1 -1
- package/types/components/blocks/FilterBar.d.ts.map +1 -1
- package/types/components/fields/FilterField.d.ts.map +1 -1
- package/types/components/fields/MultiselectDropdown.d.ts.map +1 -1
- package/types/components/sections/pois/PointOfInterestOverview.d.ts.map +1 -1
- package/cjs/FilterBar-0781490f.js.map +0 -1
- package/cjs/FilterField-7efcacb7.js.map +0 -1
- package/cjs/MultiselectDropdown-a16ea1c9.js +0 -2
- package/cjs/MultiselectDropdown-a16ea1c9.js.map +0 -1
- package/cjs/Pointer-331140b6.js +0 -2
- package/cjs/Pointer-331140b6.js.map +0 -1
- package/esm/FilterBar-2a2a09b7.js.map +0 -1
- package/esm/FilterField-bec061bc.js.map +0 -1
- package/esm/MultiselectDropdown-a97be6bc.js.map +0 -1
- package/esm/Pointer-b4abee91.js.map +0 -1
package/cjs/sections.news.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),a=require("./Section-c9a16ccc.js"),i=require("./Wrapper-bca9463e.js"),l=require("./Copy-a0bc570d.js"),r=require("./styles-13e5d9ac.js"),o=require("./LibThemeProvider-69109901.js"),d=require("./Image-94820dfd.js"),s=require("./Tag-937849ad.js"),c=require("./statusFormatter-0393122b.js"),m=require("./Link-8951180c.js"),p=require("./arrays-c272ed59.js"),u=require("./useMediaQuery-619d7203.js"),f=require("./useEqualSheetHeight-f1c10ec5.js"),g=require("./Grid-1acefee9.js"),h=require("./useObserverSupport-5ab320dd.js"),x=require("./useScrollTo-fdd665da.js"),w=require("./Pointer-331140b6.js"),v=require("./urlParams-7525f638.js"),b=require("./useUpdateEffect-4d233e2c.js"),_=require("./useMounted-0bba9869.js"),y=require("./TableBlock-c545ca8d.js"),k=require("./VideoCard-905c08d2.js");function T(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-665d91cf.js"),require("./ButtonGhost-fbab8769.js"),require("./hexRgbConverter-91b28aea.js");var I,C,N,E,j,B,O,M,S,q,L,A,W,z,F,P,R=T(n),U=T(t),V=U.default.div.withConfig({displayName:"NewsAuthorCard__Seperator",componentId:"sc-17dx8qw-0"})(I||(I=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})),H=U.default.div.withConfig({displayName:"NewsAuthorCard__AuthorContainer",componentId:"sc-17dx8qw-1"})(C||(C=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),D=U.default.img.withConfig({displayName:"NewsAuthorCard__Avatar",componentId:"sc-17dx8qw-2"})(N||(N=e.__makeTemplateObject(["\n border-radius: 50%; ;\n"],["\n border-radius: 50%; ;\n"]))),G=U.default.div.withConfig({displayName:"NewsAuthorCard__Author",componentId:"sc-17dx8qw-3"})(E||(E=e.__makeTemplateObject([""],[""]))),Q=U.default(l.Copy).withConfig({displayName:"NewsAuthorCard__StyledCopy",componentId:"sc-17dx8qw-4"})(j||(j=e.__makeTemplateObject(["\n text-transform: uppercase;\n margin-bottom: ","px;\n"],["\n text-transform: uppercase;\n margin-bottom: ","px;\n"])),3*r.spacings.nudge),K=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 R.default.createElement(a.Section,{addSeperation:!0,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&R.default.createElement(R.default.Fragment,null,R.default.createElement(V,{isTop:!0,isInverted:c}),R.default.createElement(H,null,r&&R.default.createElement(D,{src:r.src,alt:r.alt}),R.default.createElement(G,null,t&&R.default.createElement(Q,{isInverted:c,type:"copy-b"},n||"Written By"),R.default.createElement(l.Heading,{isInverted:c,size:"heading-2"},t)))),R.default.createElement(V,{isInverted:c})))})),J=U.default.div.withConfig({displayName:"NewsCard__View",componentId:"sc-ahox9b-0"})(B||(B=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"]))),X=U.default(m.Link).withConfig({displayName:"NewsCard__ImageLink",componentId:"sc-ahox9b-1"})(O||(O=e.__makeTemplateObject(["\n display: block;\n width: 100%;\n"],["\n display: block;\n width: 100%;\n"]))),Y=U.default(d.Image).withConfig({displayName:"NewsCard__StyledImage",componentId:"sc-ahox9b-2"})(M||(M=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})),Z=U.default.div.withConfig({displayName:"NewsCard__BorderPlaceholder",componentId:"sc-ahox9b-3"})(S||(S=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})),$=U.default(m.Link).withConfig({displayName:"NewsCard__TitleLink",componentId:"sc-ahox9b-4"})(q||(q=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})),ee=U.default.div.withConfig({displayName:"NewsCard__Head",componentId:"sc-ahox9b-5"})(L||(L=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),ne=U.default.div.withConfig({displayName:"NewsCard__Tags",componentId:"sc-ahox9b-6"})(A||(A=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),te=U.default(l.Copy).withConfig({displayName:"NewsCard__PublishDate",componentId:"sc-ahox9b-7"})(W||(W=e.__makeTemplateObject(["\n &:only-child {\n margin-left: auto;\n }\n"],["\n &:only-child {\n margin-left: auto;\n }\n"]))),ae=U.default.div.withConfig({displayName:"NewsCard__Main",componentId:"sc-ahox9b-8"})(z||(z=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),ie=U.default(l.Copy).withConfig({displayName:"NewsCard__Text",componentId:"sc-ahox9b-9"})(F||(F=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"]))),le=U.default.div.withConfig({displayName:"NewsCard__Action",componentId:"sc-ahox9b-10"})(P||(P=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),3*r.spacings.nudge),re=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 R.default.createElement(J,{ref:a,className:w},(null==u?void 0:u.small)?R.default.createElement(X,e.__assign({},f,{ariaLabel:d}),R.default.createElement(Y,e.__assign({},u,{coverSpace:!0,isInverted:g}))):R.default.createElement(Z,{hasBg:v}),R.default.createElement(ee,{"data-sheet":"head"},p.isValidArray(k,!1)&&R.default.createElement(ne,null,k.map((function(e,n){return x?x({key:n,name:e.name||"",isInverted:g,isActive:!1,link:e.link,clickHandler:y(e)}):R.default.createElement(s.Tag,{key:n,isInverted:g,name:e.name,link:e.link,onClick:y(e)})}))),_&&R.default.createElement(te,{size:"small",renderAs:"div",isInverted:g},_)),R.default.createElement(ae,null,d&&R.default.createElement($,e.__assign({},f,{ariaLabel:d,isInverted:g,dataSheet:"title"}),d),m&&R.default.createElement(ie,{isInverted:g,type:"copy",innerHTML:m,"data-sheet":"text",size:"medium"})),h&&R.default.createElement(le,null,h(g)))}));re.displayName="NewsCard";var oe,de,se,ce,me,pe,ue,fe,ge,he,xe,we,ve,be,_e,ye,ke,Te,Ie,Ce,Ne=U.default.div.withConfig({displayName:"NewsOverview__TagContainer",componentId:"sc-5r2c7-0"})(oe||(oe=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),Ee=U.default.div.withConfig({displayName:"NewsOverview__TagWrapper",componentId:"sc-5r2c7-1"})(de||(de=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),je=U.default.ul.withConfig({displayName:"NewsOverview__News",componentId:"sc-5r2c7-2"})(se||(se=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),Be=U.default.li.withConfig({displayName:"NewsOverview__NewsItem",componentId:"sc-5r2c7-3"})(ce||(ce=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),Oe=U.default.div.withConfig({displayName:"NewsOverview__ListFooter",componentId:"sc-5r2c7-4"})(me||(me=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),Me=U.default.span.withConfig({displayName:"NewsOverview__ShowMore",componentId:"sc-5r2c7-5"})(pe||(pe=e.__makeTemplateObject(["\n display: ",";\n"],["\n display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),Se=U.default(l.Copy).withConfig({displayName:"NewsOverview__FilterIcon",componentId:"sc-5r2c7-6"})(ue||(ue=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),qe=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(",")))}},Le=o.withLibTheme((function(t){var r=t.anchorId,d=t.news,c=t.tags,m=t.initial,g=t.showMoreText,y=t.bgMode,k=t.onTagClick,T=t.customTag,I=o.useLibTheme(),C=I.colors,N=I.globals.sections.newsFilterName,E="inverted"===y,j="full"===y,B=n.useState((null==m?void 0:m.activeTags)||[]),O=B[0],M=B[1],S=u.useMediaQuery(["small","semilarge","large"]),q=n.useState(3),L=q[0],A=q[1],W=n.useState((null==m?void 0:m.visibleRows)||3),z=W[0],F=W[1],P=_.useMounted(),U=n.useRef(null),V=h.useObserverSupport(),H=(null==d?void 0:d.length)||0,D=x.useScrollTo(800),G=f.useEqualSheetHeight({listLength:Math.min(z*L,H),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:3,xlarge:3}}),Q=G.sheetRefs,K=G.triggerCalculation,J=n.useCallback((function(){var e=[],n=v.getUrlParams()[N];if(n){var t=null==n?void 0:n.split(",");p.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[N]);n.useEffect((function(){if(!m){var e=J(),n=parseInt(v.getUrlParams().rows);F(n||3),p.isValidArray(e,!1)&&M(e),K()}}),[J,m]),n.useEffect((function(){var e;m&&!P&&(v.setUrlParam("rows",(null==m?void 0:m.visibleRows)||3),p.isValidArray(null==m?void 0:m.activeTags,!1)?v.setUrlParam(N,null===(e=null==m?void 0:m.activeTags)||void 0===e?void 0:e.join(",")):v.deleteUrlParam(N))}),[N,m,P]),b.useUpdateEffect((function(){v.setUrlParam("rows",z)}),[z]),b.useUpdateEffect((function(){!k&&p.isValidArray(O)&&(O.length>0?v.setUrlParam(N,O.join(",")):v.deleteUrlParam(N))}),[O]),n.useEffect((function(){switch(S){case"large":A(3);break;case"semilarge":A(2);break;case"small":A(1),z<3&&F(3);break;default:A(1)}}),[S,z]);var X=function(n,t){void 0===t&&(t=!0),M((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})),K(),F(3)},Y=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(O,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==O.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[d,O]),Z=n.useMemo((function(){return(null==Y?void 0:Y.filter((function(e,n){return n<z*L})))||[]}),[Y,L,z]);n.useEffect((function(){if(V){var e,n=U.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&z<Math.ceil(Y.length/L)&&F((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[L,H,z,V,Y.length]);var $=n.useMemo((function(){return null==c?void 0:c.filter((function(e){return e}))}),[c]);return R.default.createElement(a.Section,{addSeperation:!0,anchorId:r,bgColor:E?C.sectionBg.dark:j?C.sectionBg.medium:C.sectionBg.light,bgMode:a.mapToBgMode(y,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},p.isValidArray($,!1)&&R.default.createElement(Ne,null,R.default.createElement(Se,{size:"small",type:"copy",isInverted:E},R.default.createElement(e.Filter,null),R.default.createElement("span",null,"Filter")),$.map((function(e,n){return R.default.createElement(Ee,{key:n},T?T({key:n,name:e,isInverted:E,isActive:-1!==O.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),k?k({name:e}):X({name:e})}}):R.default.createElement(s.Tag,{isInverted:E,onClick:function(n){null==n||n.preventDefault(),k?k({name:e},!1):X({name:e})},isActive:-1!==O.indexOf(e)},e))}))),R.default.createElement(je,null,Z.map((function(n,t){var a;return R.default.createElement(Be,{key:"".concat(t,"_news_").concat(n.title)},R.default.createElement(re,e.__assign({hasBg:j||E,ref:Q[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:E,onTagClick:function(e){D(0),k?k({name:e.name},!0):X({name:e.name},!1)},customTag:T})))}))),R.default.createElement("div",{ref:U}),!V&&R.default.createElement(Oe,null,d&&d.length>0&&R.default.createElement(l.Copy,{type:"copy",size:"medium",isInverted:E},R.default.createElement(Me,{itemCount:d.length,onClick:function(e){e.preventDefault(),z<Math.ceil(Y.length/L)&&F((function(e){return e+1}))}},z<Y.length/L&&R.default.createElement(w.Pointer.View,{as:"button",isInverted:E},R.default.createElement(w.Pointer.Label,null,g||"mehr anzeigen")))))))})),Ae=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]),R.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)},R.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},R.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 R.default.createElement(g.Grid.Col,{medium:{span:.5},key:"".concat(t,"_news_").concat(n.title)},R.default.createElement(re,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=qe(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})))})))))})),We=U.default(d.Image).withConfig({displayName:"NewsImages__StyledImage",componentId:"sc-1l72vc0-0"})(fe||(fe=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})),ze=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 R.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)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},R.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 R.default.createElement(g.Grid.Col,{key:t,semilarge:{span:n.isFull?1:.5}},R.default.createElement(We,e.__assign({},n,{coverSpace:!0,isInverted:c})))})))))})),Fe=U.default.div.withConfig({displayName:"NewsIntro__Content",componentId:"sc-zz6rn6-0"})(ge||(ge=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),3*r.spacings.nudge),Pe=U.default(l.Copy).withConfig({displayName:"NewsIntro__IntroHead",componentId:"sc-zz6rn6-1"})(he||(he=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),Re=U.default.div.withConfig({displayName:"NewsIntro__Tags",componentId:"sc-zz6rn6-2"})(xe||(xe=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),Ue=U.default.span.withConfig({displayName:"NewsIntro__TagWrapper",componentId:"sc-zz6rn6-3"})(we||(we=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),Ve=U.default.div.withConfig({displayName:"NewsIntro__MetaBlock",componentId:"sc-zz6rn6-4"})(ve||(ve=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),He=U.default(y.Title).withConfig({displayName:"NewsIntro__StyledTitle",componentId:"sc-zz6rn6-5"})(be||(be=e.__makeTemplateObject(["\n max-width: ",";\n"],["\n max-width: ",";\n"])),(function(e){return e.clampTitle&&13/28*r.spacings.wrapperSmall+"px"})),De=U.default(l.Copy).withConfig({displayName:"NewsIntro__ContentBlock",componentId:"sc-zz6rn6-6"})(_e||(_e=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),Ge=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 R.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:b?w.sectionBg.dark:_?w.sectionBg.medium:w.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},R.default.createElement(Fe,null,R.default.createElement(Pe,{isInverted:b},R.default.createElement(Re,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:qe(n.link.href,v,[n.name])})),R.default.createElement(Ue,{key:"headtag-".concat(t)},g?g({key:"headtag-".concat(t),name:n.name||"",isInverted:b,isActive:!1,link:i}):R.default.createElement(s.Tag,{link:i,isInverted:b},n.name))}))),(y||(null==r?void 0:r.author))&&R.default.createElement(Ve,null,(null==r?void 0:r.author)&&R.default.createElement("div",null,null==r?void 0:r.author),y&&R.default.createElement("div",null,y))),R.default.createElement("div",null,R.default.createElement(He,{colorMode:b?"inverted":"default",title:m}),p&&R.default.createElement(De,{isInverted:b,type:"copy-b",innerHTML:p})),(null==u?void 0:u.small)&&R.default.createElement(d.Image,e.__assign({},u,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b})))))})),Qe=U.default.ul.withConfig({displayName:"NewsList__News",componentId:"sc-sew5jz-0"})(ye||(ye=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),Ke=U.default.li.withConfig({displayName:"NewsList__NewsItem",componentId:"sc-sew5jz-1"})(ke||(ke=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),Je=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 R.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)},R.default.createElement(i.Wrapper,{addWhitespace:!0},R.default.createElement(Qe,null,null==h?void 0:h.map((function(n,t){var a;return R.default.createElement(Ke,{key:t},R.default.createElement(re,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=qe(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})))})))))})),Xe=U.default(a.Section).withConfig({displayName:"NewsTable__NewsTableSection",componentId:"sc-ph099f-0"})(Te||(Te=e.__makeTemplateObject(["\n overflow: unset;\n"],["\n overflow: unset;\n"]))),Ye=U.default(i.Wrapper).withConfig({displayName:"NewsTable__TableWrapper",componentId:"sc-ph099f-1"})(Ie||(Ie=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.spacer),Ze=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 R.default.createElement(Xe,{addSeperation:!0,anchorId:t,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(i,!0)},R.default.createElement(Ye,{clampWidth:"small"},l.map((function(n,t){return R.default.createElement(y.TableBlock,e.__assign({},n,{key:t,hasBack:s,isInverted:d}))}))))})),$e=U.default(l.Copy).withConfig({displayName:"NewsText__ContentBlock",componentId:"sc-2vavtq-0"})(Ce||(Ce=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),en=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 R.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)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&R.default.createElement($e,{isInverted:d,type:"copy",innerHTML:t})))})),nn=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.onPlayClick,m=e.bgMode,p=o.useLibTheme().colors,u="inverted"===m,f="full"===m;return R.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:u?p.sectionBg.dark:f?p.sectionBg.medium:p.sectionBg.light,bgMode:a.mapToBgMode(m,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},l&&t&&R.default.createElement(k.VideoCard,{bgImage:t,embedId:l,playIcon:r,consentText:d,consentAction:s,onPlayClick:c})))}));exports.NewsAuthorCard=K,exports.NewsFooter=Ae,exports.NewsImages=ze,exports.NewsIntro=Ge,exports.NewsList=Je,exports.NewsOverview=Le,exports.NewsTable=Ze,exports.NewsText=en,exports.NewsVideo=nn;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),a=require("./Section-c9a16ccc.js"),i=require("./Wrapper-bca9463e.js"),l=require("./Copy-a0bc570d.js"),r=require("./styles-13e5d9ac.js"),o=require("./LibThemeProvider-69109901.js"),d=require("./Image-94820dfd.js"),s=require("./Tag-937849ad.js"),c=require("./statusFormatter-0393122b.js"),m=require("./Link-8951180c.js"),p=require("./arrays-c272ed59.js"),u=require("./useMediaQuery-619d7203.js"),f=require("./useEqualSheetHeight-f1c10ec5.js"),g=require("./Grid-1acefee9.js"),h=require("./useObserverSupport-5ab320dd.js"),x=require("./useScrollTo-fdd665da.js"),w=require("./Pointer-0f69256f.js"),v=require("./urlParams-7525f638.js"),b=require("./useUpdateEffect-4d233e2c.js"),_=require("./useMounted-0bba9869.js"),y=require("./TableBlock-c545ca8d.js"),k=require("./VideoCard-905c08d2.js");function T(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-665d91cf.js"),require("./ButtonGhost-fbab8769.js"),require("./hexRgbConverter-91b28aea.js");var I,C,N,E,j,B,O,M,S,q,L,A,W,z,F,P,R=T(n),U=T(t),V=U.default.div.withConfig({displayName:"NewsAuthorCard__Seperator",componentId:"sc-17dx8qw-0"})(I||(I=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})),H=U.default.div.withConfig({displayName:"NewsAuthorCard__AuthorContainer",componentId:"sc-17dx8qw-1"})(C||(C=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),D=U.default.img.withConfig({displayName:"NewsAuthorCard__Avatar",componentId:"sc-17dx8qw-2"})(N||(N=e.__makeTemplateObject(["\n border-radius: 50%; ;\n"],["\n border-radius: 50%; ;\n"]))),G=U.default.div.withConfig({displayName:"NewsAuthorCard__Author",componentId:"sc-17dx8qw-3"})(E||(E=e.__makeTemplateObject([""],[""]))),Q=U.default(l.Copy).withConfig({displayName:"NewsAuthorCard__StyledCopy",componentId:"sc-17dx8qw-4"})(j||(j=e.__makeTemplateObject(["\n text-transform: uppercase;\n margin-bottom: ","px;\n"],["\n text-transform: uppercase;\n margin-bottom: ","px;\n"])),3*r.spacings.nudge),K=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 R.default.createElement(a.Section,{addSeperation:!0,bgColor:c?s.sectionBg.dark:m?s.sectionBg.medium:s.sectionBg.light,bgMode:a.mapToBgMode(d,!0)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&R.default.createElement(R.default.Fragment,null,R.default.createElement(V,{isTop:!0,isInverted:c}),R.default.createElement(H,null,r&&R.default.createElement(D,{src:r.src,alt:r.alt}),R.default.createElement(G,null,t&&R.default.createElement(Q,{isInverted:c,type:"copy-b"},n||"Written By"),R.default.createElement(l.Heading,{isInverted:c,size:"heading-2"},t)))),R.default.createElement(V,{isInverted:c})))})),J=U.default.div.withConfig({displayName:"NewsCard__View",componentId:"sc-ahox9b-0"})(B||(B=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"]))),X=U.default(m.Link).withConfig({displayName:"NewsCard__ImageLink",componentId:"sc-ahox9b-1"})(O||(O=e.__makeTemplateObject(["\n display: block;\n width: 100%;\n"],["\n display: block;\n width: 100%;\n"]))),Y=U.default(d.Image).withConfig({displayName:"NewsCard__StyledImage",componentId:"sc-ahox9b-2"})(M||(M=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})),Z=U.default.div.withConfig({displayName:"NewsCard__BorderPlaceholder",componentId:"sc-ahox9b-3"})(S||(S=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})),$=U.default(m.Link).withConfig({displayName:"NewsCard__TitleLink",componentId:"sc-ahox9b-4"})(q||(q=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})),ee=U.default.div.withConfig({displayName:"NewsCard__Head",componentId:"sc-ahox9b-5"})(L||(L=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),ne=U.default.div.withConfig({displayName:"NewsCard__Tags",componentId:"sc-ahox9b-6"})(A||(A=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),te=U.default(l.Copy).withConfig({displayName:"NewsCard__PublishDate",componentId:"sc-ahox9b-7"})(W||(W=e.__makeTemplateObject(["\n &:only-child {\n margin-left: auto;\n }\n"],["\n &:only-child {\n margin-left: auto;\n }\n"]))),ae=U.default.div.withConfig({displayName:"NewsCard__Main",componentId:"sc-ahox9b-8"})(z||(z=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),ie=U.default(l.Copy).withConfig({displayName:"NewsCard__Text",componentId:"sc-ahox9b-9"})(F||(F=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"]))),le=U.default.div.withConfig({displayName:"NewsCard__Action",componentId:"sc-ahox9b-10"})(P||(P=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),3*r.spacings.nudge),re=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 R.default.createElement(J,{ref:a,className:w},(null==u?void 0:u.small)?R.default.createElement(X,e.__assign({},f,{ariaLabel:d}),R.default.createElement(Y,e.__assign({},u,{coverSpace:!0,isInverted:g}))):R.default.createElement(Z,{hasBg:v}),R.default.createElement(ee,{"data-sheet":"head"},p.isValidArray(k,!1)&&R.default.createElement(ne,null,k.map((function(e,n){return x?x({key:n,name:e.name||"",isInverted:g,isActive:!1,link:e.link,clickHandler:y(e)}):R.default.createElement(s.Tag,{key:n,isInverted:g,name:e.name,link:e.link,onClick:y(e)})}))),_&&R.default.createElement(te,{size:"small",renderAs:"div",isInverted:g},_)),R.default.createElement(ae,null,d&&R.default.createElement($,e.__assign({},f,{ariaLabel:d,isInverted:g,dataSheet:"title"}),d),m&&R.default.createElement(ie,{isInverted:g,type:"copy",innerHTML:m,"data-sheet":"text",size:"medium"})),h&&R.default.createElement(le,null,h(g)))}));re.displayName="NewsCard";var oe,de,se,ce,me,pe,ue,fe,ge,he,xe,we,ve,be,_e,ye,ke,Te,Ie,Ce,Ne=U.default.div.withConfig({displayName:"NewsOverview__TagContainer",componentId:"sc-5r2c7-0"})(oe||(oe=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),Ee=U.default.div.withConfig({displayName:"NewsOverview__TagWrapper",componentId:"sc-5r2c7-1"})(de||(de=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),je=U.default.ul.withConfig({displayName:"NewsOverview__News",componentId:"sc-5r2c7-2"})(se||(se=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),Be=U.default.li.withConfig({displayName:"NewsOverview__NewsItem",componentId:"sc-5r2c7-3"})(ce||(ce=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),Oe=U.default.div.withConfig({displayName:"NewsOverview__ListFooter",componentId:"sc-5r2c7-4"})(me||(me=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),Me=U.default.span.withConfig({displayName:"NewsOverview__ShowMore",componentId:"sc-5r2c7-5"})(pe||(pe=e.__makeTemplateObject(["\n display: ",";\n"],["\n display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),Se=U.default(l.Copy).withConfig({displayName:"NewsOverview__FilterIcon",componentId:"sc-5r2c7-6"})(ue||(ue=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),qe=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(",")))}},Le=o.withLibTheme((function(t){var r=t.anchorId,d=t.news,c=t.tags,m=t.initial,g=t.showMoreText,y=t.bgMode,k=t.onTagClick,T=t.customTag,I=o.useLibTheme(),C=I.colors,N=I.globals.sections.newsFilterName,E="inverted"===y,j="full"===y,B=n.useState((null==m?void 0:m.activeTags)||[]),O=B[0],M=B[1],S=u.useMediaQuery(["small","semilarge","large"]),q=n.useState(3),L=q[0],A=q[1],W=n.useState((null==m?void 0:m.visibleRows)||3),z=W[0],F=W[1],P=_.useMounted(),U=n.useRef(null),V=h.useObserverSupport(),H=(null==d?void 0:d.length)||0,D=x.useScrollTo(800),G=f.useEqualSheetHeight({listLength:Math.min(z*L,H),identifiers:['[data-sheet="head"]','[data-sheet="title"]','[data-sheet="text"]'],responsive:{small:1,medium:1,semilarge:2,large:3,xlarge:3}}),Q=G.sheetRefs,K=G.triggerCalculation,J=n.useCallback((function(){var e=[],n=v.getUrlParams()[N];if(n){var t=null==n?void 0:n.split(",");p.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[N]);n.useEffect((function(){if(!m){var e=J(),n=parseInt(v.getUrlParams().rows);F(n||3),p.isValidArray(e,!1)&&M(e),K()}}),[J,m]),n.useEffect((function(){var e;m&&!P&&(v.setUrlParam("rows",(null==m?void 0:m.visibleRows)||3),p.isValidArray(null==m?void 0:m.activeTags,!1)?v.setUrlParam(N,null===(e=null==m?void 0:m.activeTags)||void 0===e?void 0:e.join(",")):v.deleteUrlParam(N))}),[N,m,P]),b.useUpdateEffect((function(){v.setUrlParam("rows",z)}),[z]),b.useUpdateEffect((function(){!k&&p.isValidArray(O)&&(O.length>0?v.setUrlParam(N,O.join(",")):v.deleteUrlParam(N))}),[O]),n.useEffect((function(){switch(S){case"large":A(3);break;case"semilarge":A(2);break;case"small":A(1),z<3&&F(3);break;default:A(1)}}),[S,z]);var X=function(n,t){void 0===t&&(t=!0),M((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})),K(),F(3)},Y=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(O,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==O.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[d,O]),Z=n.useMemo((function(){return(null==Y?void 0:Y.filter((function(e,n){return n<z*L})))||[]}),[Y,L,z]);n.useEffect((function(){if(V){var e,n=U.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&z<Math.ceil(Y.length/L)&&F((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[L,H,z,V,Y.length]);var $=n.useMemo((function(){return null==c?void 0:c.filter((function(e){return e}))}),[c]);return R.default.createElement(a.Section,{addSeperation:!0,anchorId:r,bgColor:E?C.sectionBg.dark:j?C.sectionBg.medium:C.sectionBg.light,bgMode:a.mapToBgMode(y,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},p.isValidArray($,!1)&&R.default.createElement(Ne,null,R.default.createElement(Se,{size:"small",type:"copy",isInverted:E},R.default.createElement(e.Filter,null),R.default.createElement("span",null,"Filter")),$.map((function(e,n){return R.default.createElement(Ee,{key:n},T?T({key:n,name:e,isInverted:E,isActive:-1!==O.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),k?k({name:e}):X({name:e})}}):R.default.createElement(s.Tag,{isInverted:E,onClick:function(n){null==n||n.preventDefault(),k?k({name:e},!1):X({name:e})},isActive:-1!==O.indexOf(e)},e))}))),R.default.createElement(je,null,Z.map((function(n,t){var a;return R.default.createElement(Be,{key:"".concat(t,"_news_").concat(n.title)},R.default.createElement(re,e.__assign({hasBg:j||E,ref:Q[t]},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:E,onTagClick:function(e){D(0),k?k({name:e.name},!0):X({name:e.name},!1)},customTag:T})))}))),R.default.createElement("div",{ref:U}),!V&&R.default.createElement(Oe,null,d&&d.length>0&&R.default.createElement(l.Copy,{type:"copy",size:"medium",isInverted:E},R.default.createElement(Me,{itemCount:d.length,onClick:function(e){e.preventDefault(),z<Math.ceil(Y.length/L)&&F((function(e){return e+1}))}},z<Y.length/L&&R.default.createElement(w.Pointer.View,{as:"button",isInverted:E},R.default.createElement(w.Pointer.Label,null,g||"mehr anzeigen")))))))})),Ae=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]),R.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)},R.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},R.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 R.default.createElement(g.Grid.Col,{medium:{span:.5},key:"".concat(t,"_news_").concat(n.title)},R.default.createElement(re,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=qe(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})))})))))})),We=U.default(d.Image).withConfig({displayName:"NewsImages__StyledImage",componentId:"sc-1l72vc0-0"})(fe||(fe=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})),ze=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 R.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)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},R.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 R.default.createElement(g.Grid.Col,{key:t,semilarge:{span:n.isFull?1:.5}},R.default.createElement(We,e.__assign({},n,{coverSpace:!0,isInverted:c})))})))))})),Fe=U.default.div.withConfig({displayName:"NewsIntro__Content",componentId:"sc-zz6rn6-0"})(ge||(ge=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),3*r.spacings.nudge),Pe=U.default(l.Copy).withConfig({displayName:"NewsIntro__IntroHead",componentId:"sc-zz6rn6-1"})(he||(he=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),Re=U.default.div.withConfig({displayName:"NewsIntro__Tags",componentId:"sc-zz6rn6-2"})(xe||(xe=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),Ue=U.default.span.withConfig({displayName:"NewsIntro__TagWrapper",componentId:"sc-zz6rn6-3"})(we||(we=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),Ve=U.default.div.withConfig({displayName:"NewsIntro__MetaBlock",componentId:"sc-zz6rn6-4"})(ve||(ve=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),He=U.default(y.Title).withConfig({displayName:"NewsIntro__StyledTitle",componentId:"sc-zz6rn6-5"})(be||(be=e.__makeTemplateObject(["\n max-width: ",";\n"],["\n max-width: ",";\n"])),(function(e){return e.clampTitle&&13/28*r.spacings.wrapperSmall+"px"})),De=U.default(l.Copy).withConfig({displayName:"NewsIntro__ContentBlock",componentId:"sc-zz6rn6-6"})(_e||(_e=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),Ge=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 R.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:b?w.sectionBg.dark:_?w.sectionBg.medium:w.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},R.default.createElement(Fe,null,R.default.createElement(Pe,{isInverted:b},R.default.createElement(Re,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:qe(n.link.href,v,[n.name])})),R.default.createElement(Ue,{key:"headtag-".concat(t)},g?g({key:"headtag-".concat(t),name:n.name||"",isInverted:b,isActive:!1,link:i}):R.default.createElement(s.Tag,{link:i,isInverted:b},n.name))}))),(y||(null==r?void 0:r.author))&&R.default.createElement(Ve,null,(null==r?void 0:r.author)&&R.default.createElement("div",null,null==r?void 0:r.author),y&&R.default.createElement("div",null,y))),R.default.createElement("div",null,R.default.createElement(He,{colorMode:b?"inverted":"default",title:m}),p&&R.default.createElement(De,{isInverted:b,type:"copy-b",innerHTML:p})),(null==u?void 0:u.small)&&R.default.createElement(d.Image,e.__assign({},u,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b})))))})),Qe=U.default.ul.withConfig({displayName:"NewsList__News",componentId:"sc-sew5jz-0"})(ye||(ye=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),Ke=U.default.li.withConfig({displayName:"NewsList__NewsItem",componentId:"sc-sew5jz-1"})(ke||(ke=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),Je=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 R.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)},R.default.createElement(i.Wrapper,{addWhitespace:!0},R.default.createElement(Qe,null,null==h?void 0:h.map((function(n,t){var a;return R.default.createElement(Ke,{key:t},R.default.createElement(re,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=qe(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})))})))))})),Xe=U.default(a.Section).withConfig({displayName:"NewsTable__NewsTableSection",componentId:"sc-ph099f-0"})(Te||(Te=e.__makeTemplateObject(["\n overflow: unset;\n"],["\n overflow: unset;\n"]))),Ye=U.default(i.Wrapper).withConfig({displayName:"NewsTable__TableWrapper",componentId:"sc-ph099f-1"})(Ie||(Ie=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.spacer),Ze=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 R.default.createElement(Xe,{addSeperation:!0,anchorId:t,bgColor:d?r.sectionBg.dark:s?r.sectionBg.medium:r.sectionBg.light,bgMode:a.mapToBgMode(i,!0)},R.default.createElement(Ye,{clampWidth:"small"},l.map((function(n,t){return R.default.createElement(y.TableBlock,e.__assign({},n,{key:t,hasBack:s,isInverted:d}))}))))})),$e=U.default(l.Copy).withConfig({displayName:"NewsText__ContentBlock",componentId:"sc-2vavtq-0"})(Ce||(Ce=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),en=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 R.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)},R.default.createElement(i.Wrapper,{clampWidth:"small",addWhitespace:!0},t&&R.default.createElement($e,{isInverted:d,type:"copy",innerHTML:t})))})),nn=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.onPlayClick,m=e.bgMode,p=o.useLibTheme().colors,u="inverted"===m,f="full"===m;return R.default.createElement(a.Section,{addSeperation:!0,anchorId:n,bgColor:u?p.sectionBg.dark:f?p.sectionBg.medium:p.sectionBg.light,bgMode:a.mapToBgMode(m,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0,clampWidth:"small"},l&&t&&R.default.createElement(k.VideoCard,{bgImage:t,embedId:l,playIcon:r,consentText:d,consentAction:s,onPlayClick:c})))}));exports.NewsAuthorCard=K,exports.NewsFooter=Ae,exports.NewsImages=ze,exports.NewsIntro=Ge,exports.NewsList=Je,exports.NewsOverview=Le,exports.NewsTable=Ze,exports.NewsText=en,exports.NewsVideo=nn;
|
|
2
2
|
//# sourceMappingURL=sections.news.js.map
|
package/cjs/sections.pois.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Section-c9a16ccc.js"),r=require("./Wrapper-bca9463e.js"),a=require("./Image-94820dfd.js"),o=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),s=require("./LibThemeProvider-69109901.js"),c=require("./Grid-1acefee9.js"),d=require("./InfoList-e416058c.js"),u=require("./FilterBar-0781490f.js"),p=require("./arrays-c272ed59.js"),m=require("./urlParams-7525f638.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var f=require("./escape-1ef8dd83.js"),g=require("./useLeafletMap-514304b6.js"),h=require("./Navigation-6abb6213.js"),v=require("./useGeolocation-d8946470.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-a16ea1c9.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("react-dom"),require("./Pointer-331140b6.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var x,y,w,_,I,C,F,k,j,E,P,M,O,L,q,T,N,S,z=b(n),A=b(t),B=A.default(a.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(x||(x=e.__makeTemplateObject(["\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),l.spacings.spacer),V=A.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(y||(y=e.__makeTemplateObject(["\n max-width: 880px;\n"],["\n max-width: 880px;\n"]))),R=A.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(w||(w=e.__makeTemplateObject(["\n max-width: 880px;\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3*l.spacings.nudge),D=A.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(_||(_=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3*l.spacings.nudge),G=s.withLibTheme((function(t){var a=t.anchorId,o=t.image,u=t.title,m=t.intro,f=t.text,g=t.facts,h=t.infos,v=t.bgMode,b=t.customFact,x=s.useLibTheme().colors,y="inverted"===v,w="full"===v,_=n.useMemo((function(){return p.isValidArray(null==h?void 0:h.filter((function(e){return p.isValidArray(e.items,!1)})),!1)}),[h]);return z.default.createElement(i.Section,{addSeperation:!0,anchorId:a,bgColor:y?x.sectionBg.dark:w?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&z.default.createElement(B,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y})),z.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},z.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&z.default.createElement(R,{size:"heading-2",isInverted:y},u),p.isValidArray(g,!1)&&z.default.createElement(V,{isInverted:y,facts:g,customFact:b}),m&&z.default.createElement(D,{size:"medium",type:"copy-b",isInverted:y,innerHTML:m}),f&&z.default.createElement(D,{size:"medium",isInverted:y,innerHTML:f})),_&&z.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},z.default.createElement(d.InfoList,{isInverted:y,items:h})))))})),H=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},U=function(e,n){var t=[];if(!p.isValidArray(null==n?void 0:n.filter((function(e){return void 0!==e.id})),!1))return t;var i=null==n?void 0:n.filter(function(e){return function(n){return new RegExp(e).test(n.name)}}(e));p.isValidArray(i,!1)&&t.push.apply(t,i.map((function(e){return{item:e,priority:1}})));var r=H(t,null==n?void 0:n.filter(function(e){return function(n){var t=e.toLowerCase().replace(/\s/g,""),i=n.name.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));p.isValidArray(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:2}})));var a=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(n.facts,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.facts.find((function(e){var n=e.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:3}})));var o=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(null==n?void 0:n.infos,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.infos.find((function(e){if(!e.text)return!1;var n=e.text.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(o,!1)&&t.push.apply(t,o.map((function(e){return{item:e,priority:4}})));var l=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!n.shortDescription)return!1;var t=e.toLowerCase().replace(/\s/g,""),i=n.shortDescription.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));return p.isValidArray(l,!1)&&t.push.apply(t,l.map((function(e){return{item:e,priority:5}}))),t},W=function(e,n,t){var i,r=new Map;if(!e&&!n.length)for(var a=0,o=t;a<o.length;a++){var l=o[a];r.set(l.id,{item:l,priority:0})}for(var s=0,c=t;s<c.length;s++){(null===(i=(l=c[s]).facts)||void 0===i?void 0:i.some((function(e){return n.includes(e)})))&&r.set(l.id,{item:l,priority:1})}for(var d=0,u=e?U(f.escapeRegExp(e),t||[]):[];d<u.length;d++){var p=u[d];r.has(p.item.id)||r.set(p.item.id,p)}return r},Z=function(n){var t=n.hasBorders,i=n.value,r=n.onChange,a=n.textFilter,o=n.categoryFilter,l=n.mobileSubmitLabel,s=n.closeIcon,c=n.toggleLabel,d=n.filterIcon,p=n.indicator,m=n.isInverted,f=n.className;return z.default.createElement(u.FilterBar,{isInverted:m,hasBorders:t,value:i,onChange:r,textFilter:a?{placeholder:a.placeholder||"Search...",icon:a.icon?a.icon:function(){return z.default.createElement(e.Magnifier,{width:18,height:18})},submitIcon:a.submitIcon?a.submitIcon:function(){return null},clearIcon:a.clearIcon?a.clearIcon:function(){return z.default.createElement(e.CrossBubble,null)}}:void 0,categoryFilter:o?{label:o.label||"Categories",items:o.items||[],resetLabel:o.resetLabel||"reset selection"}:void 0,mobileSubmitLabel:l||"Apply filters",closeIcon:s||function(){return z.default.createElement(e.Cross,null)},toggleLabel:c||"Search & Filter",filterIcon:d||function(){return z.default.createElement(e.Filter,null)},indicator:p,className:f})},Q=Object.freeze({__proto__:null,PoiFilterBar:Z}),J=A.default(i.Section).withConfig({displayName:"PointOfInterestOverview__POISection",componentId:"sc-epctuk-0"})(I||(I=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),K=A.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-1"})(C||(C=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"])),5*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),X=A.default(Z).withConfig({displayName:"PointOfInterestOverview__PoiOverviewFilterBar",componentId:"sc-epctuk-2"})(F||(F=e.__makeTemplateObject(["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"],["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.light:l.getColors(n).elementBg.dark}),5*l.spacings.nudge,l.mq.medium),Y=s.withLibTheme((function(t){var a,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.initialPoiFilters,f=t.poiFilters,g=t.customPoiFilters,h=s.useLibTheme(),v=h.colors,b=h.globals,x=b.sections.poiFilterName,y=b.sections.poiFactFilterName,w="inverted"===l,_="full"===l,I=n.useState(d||{categoryFilter:[],textFilter:""}),C=I[0],F=I[1],k=n.useMemo((function(){return null==c?void 0:c.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[c]),j=n.useMemo((function(){var e=W((null==C?void 0:C.textFilter)||"",(null==C?void 0:C.categoryFilter)||[],c||[])||c;return Array.from(e).map((function(e){return e[1]}))}),[null==C?void 0:C.textFilter,null==C?void 0:C.categoryFilter,c]);return n.useEffect((function(){C.textFilter?m.setUrlParam(x,C.textFilter):m.deleteUrlParam(x),p.isValidArray(C.categoryFilter,!1)?m.setUrlParam(y,C.categoryFilter.join(",")):m.deleteUrlParam(y)}),[x,y,C.textFilter,C.categoryFilter]),z.default.createElement(J,{addSeperation:!0,anchorId:o,bgColor:w?v.sectionBg.dark:_?v.sectionBg.medium:v.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},f?g?null==g?void 0:g({filters:C,setFilters:F,pois:c||[],settings:f}):z.default.createElement(X,{hasBorders:!0,value:C,onChange:F,textFilter:(null==f?void 0:f.textFilter)||void 0,categoryFilter:(null==f?void 0:f.categoryFilter)?e.__assign(e.__assign({},f.categoryFilter),{items:null==k?void 0:k.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==f?void 0:f.mobileSubmitLabel,closeIcon:null==f?void 0:f.closeIcon,toggleLabel:null==f?void 0:f.toggleLabel,filterIcon:null==f?void 0:f.filterIcon,indicator:null==f?void 0:f.indicator,isInverted:w}):null,z.default.createElement(K,null,null===(a=null==j?void 0:j.sort((function(e,n){return e.priority-n.priority})))||void 0===a?void 0:a.map((function(n,t){return z.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:w}))})))))})),$=A.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(E||(E=e.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),(function(n){return n.isLarge&&t.css(j||(j=e.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(n){var i=n.theme,r=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),a=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=h.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=h.getFullNavbarHeights(i,r).large,d=h.getFullNavbarHeights(i,a).large,u=h.getFullNavbarHeights(i,o).large,p=h.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(k||(k=e.__makeTemplateObject(["\n "," {\n height: ",";\n }\n\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n "," {\n height: ",";\n }\n\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),ne,f,m(r.split("-")),ne,f,c[0],m(a.split("-")),ne,f,d[0],m(o.split("-")),ne,f,u[0],m(s.split("-")),ne,f,p[0],l.mq.semilarge,m(r.split("-")),ne,f,c[1],m(a.split("-")),ne,f,d[1],m(o.split("-")),ne,f,u[1],m(s.split("-")),ne,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),ee=A.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(P||(P=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),ne=A.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(M||(M=e.__makeTemplateObject(["\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media "," {\n height: 600px;\n min-height: 600px;\n }\n"],["\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media "," {\n height: 600px;\n min-height: 600px;\n }\n"])),l.mq.medium),te=A.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(O||(O=e.__makeTemplateObject(["\n background-color: transparent;\n border: none;\n padding: ","px;\n cursor: pointer;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n width: 30px;\n height: 30px;\n }\n"],["\n background-color: transparent;\n border: none;\n padding: ","px;\n cursor: pointer;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n width: 30px;\n height: 30px;\n }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ie=A.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(L||(L=e.__makeTemplateObject(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n\n pointer-events: all;\n background-color: rgba(255, 255, 255, 0.8);\n\n @media "," {\n position: absolute;\n background-color: transparent;\n padding: ","px;\n padding-bottom: ","px;\n\n pointer-events: none;\n }\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n\n pointer-events: all;\n background-color: rgba(255, 255, 255, 0.8);\n\n @media "," {\n position: absolute;\n background-color: transparent;\n padding: ","px;\n padding-bottom: ","px;\n\n pointer-events: none;\n }\n"])),l.mq.medium,2*l.spacings.nudge,3*l.spacings.nudge),re=A.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(q||(q=e.__makeTemplateObject(["\n max-height: 100%;\n width: 100%;\n padding: ","px;\n overflow: auto;\n\n background: ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ",";\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 400px;\n }\n"],["\n max-height: 100%;\n width: 100%;\n padding: ","px;\n overflow: auto;\n\n background: ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ",";\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 400px;\n }\n"])),2*l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).elementBg.light}),(function(e){var n=e.theme;return l.getGlobals(n).sections.edgeRadius}),3*l.spacings.nudge,l.mq.medium),ae=A.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(T||(T=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),oe=A.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(N||(N=e.__makeTemplateObject(["\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ","px;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ","px;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),le=A.default.div.withConfig({displayName:"PointOfInterestMap__Overlay",componentId:"sc-1ke8oz0-8"})(S||(S=e.__makeTemplateObject(["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,2*l.spacings.nudge),se=function(n){var t=n.name,i=n.facts,r=n.description,a=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return z.default.createElement(re,{className:g},z.default.createElement(ae,null,t&&z.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),z.default.createElement(oe,{onClick:f},m||z.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&z.default.createElement(u.POIFacts,{facts:i,customFact:c}),r&&z.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:r}),p.isValidArray(a,!1)&&z.default.createElement(d.InfoList,{items:[{items:a}]}),l&&l)},ce=s.withLibTheme((function(t){var i=t.anchorId,a=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,f=t.attribution,h=t.center,b=void 0===h?[51.505,-.09]:h,x=t.zoom,y=void 0===x?5:x,w=t.fitBoundsPadding,_=t.allMarkersOnInit,I=void 0!==_&&_,C=t.restrictToMarkersArea,F=void 0===C||C,k=t.showOwnPosition,j=t.flyToZoom,E=t.customFact,P=t.currentPosMarker,M=t.customCardClose,O=t.customLocationRequest,L=t.initialPoiFilters,q=t.poiFilters,T=t.customPoiFilters,N="large"===a,S=s.useLibTheme(),A=S.colors,B=S.globals,V=n.useState(d||""),R=V[0],D=V[1],G=n.useState(!1),H=G[0],U=G[1],Q=n.useState(L||{categoryFilter:[],textFilter:""}),J=Q[0],K=Q[1],X=n.useMemo((function(){return null==o?void 0:o.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[o]),Y=n.useMemo((function(){var e=W((null==J?void 0:J.textFilter)||"",(null==J?void 0:J.categoryFilter)||[],o||[])||o;return Array.from(e).map((function(e){return e[1].item}))}),[null==J?void 0:J.textFilter,null==J?void 0:J.categoryFilter,o]),re=n.useMemo((function(){return null==Y?void 0:Y.find((function(e){return e.id===R}))}),[R,Y]),ae=v.useGeolocation(!0,!1),oe=ae.isSupported,ce=ae.location,de=ae.reset,ue=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(z.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(z.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},r=(null===(n=null==Y?void 0:Y.filter((function(e){return void 0!==e.id})))||void 0===n?void 0:n.map((function(e){return{id:e.id,position:e.position,icon:e.icon||t,isInteractive:!0}})))||[];return oe&&(null==ce?void 0:ce.coords.latitude)&&(null==ce?void 0:ce.coords.longitude)&&r.push({id:"my-current-position-123456789",position:[ce.coords.latitude,ce.coords.longitude],icon:P||i}),r}),[P,oe,null==ce?void 0:ce.coords.latitude,null==ce?void 0:ce.coords.longitude,Y]),pe=g.useLeafletMap({url:u,attribution:f,center:b,zoom:y,activeMarkerId:R,markers:ue,fitBoundsPadding:w,restrictToMarkersArea:F,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){D((function(n){return n===e?"":e}))}}),me=pe.isLoaded,fe=pe.setContainer,ge=pe.flyToActive,he=pe.showAllMarkers,ve=pe.flyToPosition,be=pe.getCurrentZoom;n.useEffect((function(){if(me&&!H)I&&he();else{var e=be(),n=j;void 0!==j&&e>j&&(n=e),ge(n)}}),[R,I,ge,j,be,d,H,me,he]),n.useEffect((function(){H||R===d||U(!0)}),[R,d,H]);var xe=B.sections.poiFilterName,ye=B.sections.poiFactFilterName;return n.useEffect((function(){J.textFilter?m.setUrlParam(xe,J.textFilter):m.deleteUrlParam(xe),p.isValidArray(J.categoryFilter,!1)?m.setUrlParam(ye,J.categoryFilter.join(",")):m.deleteUrlParam(ye)}),[xe,ye,J.textFilter,J.categoryFilter]),n.useEffect((function(){D(""),U(!1)}),[J]),z.default.createElement($,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:N},z.default.createElement(r.Wrapper,{clampWidth:N?"large":"normal"},z.default.createElement(ee,null,z.default.createElement(ne,{ref:fe,isLarge:"large"===a}),(k||q)&&z.default.createElement(le,null,k&&z.default.createElement(te,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,r;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==ce?void 0:ce.coords)||void 0===i?void 0:i.latitude)&&(null===(r=null==ce?void 0:ce.coords)||void 0===r?void 0:r.longitude)?(n=be(),t=j,void 0!==j&&n>j&&(t=n),ve([ce.coords.latitude,ce.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,de()];case 2:return e.sent()&&he(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},O||z.default.createElement(e.MyLocation,{iconColor:A.text.default})),q?T?T({filters:J,setFilters:K,pois:o||[],settings:q}):z.default.createElement(Z,{value:J,onChange:K,textFilter:(null==q?void 0:q.textFilter)||void 0,categoryFilter:(null==q?void 0:q.categoryFilter)?e.__assign(e.__assign({},q.categoryFilter),{items:null==X?void 0:X.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==q?void 0:q.mobileSubmitLabel,closeIcon:null==q?void 0:q.closeIcon,toggleLabel:null==q?void 0:q.toggleLabel,filterIcon:null==q?void 0:q.filterIcon,indicator:null==q?void 0:q.indicator}):null),re&&re.name&&z.default.createElement(ie,{onClick:function(e){e.target===e.currentTarget&&D("")}},z.default.createElement(se,e.__assign({},re,{onClose:function(){return D("")},customFact:E,customClose:M}))))))}));exports.PoiPartials=Q,exports.PointOfInterestDetail=G,exports.PointOfInterestMap=ce,exports.PointOfInterestOverview=Y;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Section-c9a16ccc.js"),r=require("./Wrapper-bca9463e.js"),a=require("./Image-94820dfd.js"),o=require("./Copy-a0bc570d.js"),l=require("./styles-13e5d9ac.js"),s=require("./LibThemeProvider-69109901.js"),c=require("./Grid-1acefee9.js"),d=require("./InfoList-e416058c.js"),u=require("./FilterBar-0cb49472.js"),p=require("./arrays-c272ed59.js"),m=require("./urlParams-7525f638.js");require("./useScroll-2f086e7f.js"),require("react-dom/server");var f=require("./escape-1ef8dd83.js"),g=require("./useLeafletMap-514304b6.js"),h=require("./Navigation-6abb6213.js"),v=require("./useGeolocation-d8946470.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./clamp-bd21d587.js"),require("./FilterField-0ba59002.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-07d543dc.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("react-dom"),require("./Pointer-0f69256f.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var x,y,w,_,I,C,F,k,j,E,P,M,O,L,q,T,N,S,z=b(n),A=b(t),B=A.default(a.Image).withConfig({displayName:"PointOfInterestDetail__StyledImage",componentId:"sc-hksryh-0"})(x||(x=e.__makeTemplateObject(["\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),l.spacings.spacer),V=A.default(u.POIFacts).withConfig({displayName:"PointOfInterestDetail__Facts",componentId:"sc-hksryh-1"})(y||(y=e.__makeTemplateObject(["\n max-width: 880px;\n"],["\n max-width: 880px;\n"]))),R=A.default(o.Heading).withConfig({displayName:"PointOfInterestDetail__PoiTitle",componentId:"sc-hksryh-2"})(w||(w=e.__makeTemplateObject(["\n max-width: 880px;\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3*l.spacings.nudge),D=A.default(o.Copy).withConfig({displayName:"PointOfInterestDetail__PoiText",componentId:"sc-hksryh-3"})(_||(_=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3*l.spacings.nudge),G=s.withLibTheme((function(t){var a=t.anchorId,o=t.image,u=t.title,m=t.intro,f=t.text,g=t.facts,h=t.infos,v=t.bgMode,b=t.customFact,x=s.useLibTheme().colors,y="inverted"===v,w="full"===v,_=n.useMemo((function(){return p.isValidArray(null==h?void 0:h.filter((function(e){return p.isValidArray(e.items,!1)})),!1)}),[h]);return z.default.createElement(i.Section,{addSeperation:!0,anchorId:a,bgColor:y?x.sectionBg.dark:w?x.sectionBg.medium:x.sectionBg.light,bgMode:i.mapToBgMode(v,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},(null==o?void 0:o.small)&&z.default.createElement(B,e.__assign({},o,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y})),z.default.createElement(c.Grid.Row,{gutter:5*l.spacings.nudge,semilarge:{gutter:l.spacings.spacer}},z.default.createElement(c.Grid.Col,{semilarge:{span:_?5.7/8:1}},u&&z.default.createElement(R,{size:"heading-2",isInverted:y},u),p.isValidArray(g,!1)&&z.default.createElement(V,{isInverted:y,facts:g,customFact:b}),m&&z.default.createElement(D,{size:"medium",type:"copy-b",isInverted:y,innerHTML:m}),f&&z.default.createElement(D,{size:"medium",isInverted:y,innerHTML:f})),_&&z.default.createElement(c.Grid.Col,{semilarge:{span:2.3/8}},z.default.createElement(d.InfoList,{isInverted:y,items:h})))))})),H=function(e,n){return n?null==n?void 0:n.filter((function(n){return!e.find((function(e){return e.item.id===n.id}))})):[]},U=function(e,n){var t=[];if(!p.isValidArray(null==n?void 0:n.filter((function(e){return void 0!==e.id})),!1))return t;var i=null==n?void 0:n.filter(function(e){return function(n){return new RegExp(e).test(n.name)}}(e));p.isValidArray(i,!1)&&t.push.apply(t,i.map((function(e){return{item:e,priority:1}})));var r=H(t,null==n?void 0:n.filter(function(e){return function(n){var t=e.toLowerCase().replace(/\s/g,""),i=n.name.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));p.isValidArray(r,!1)&&t.push.apply(t,r.map((function(e){return{item:e,priority:2}})));var a=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(n.facts,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.facts.find((function(e){var n=e.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(a,!1)&&t.push.apply(t,a.map((function(e){return{item:e,priority:3}})));var o=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!p.isValidArray(null==n?void 0:n.infos,!1))return!1;var t=e.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!n.infos.find((function(e){if(!e.text)return!1;var n=e.text.toLowerCase().replace(/\s/g,"");return i.test(n)}))}}(e)));p.isValidArray(o,!1)&&t.push.apply(t,o.map((function(e){return{item:e,priority:4}})));var l=H(t,null==n?void 0:n.filter(function(e){return function(n){if(!n.shortDescription)return!1;var t=e.toLowerCase().replace(/\s/g,""),i=n.shortDescription.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(e)));return p.isValidArray(l,!1)&&t.push.apply(t,l.map((function(e){return{item:e,priority:5}}))),t},W=function(e,n,t){var i,r=new Map;if(!e&&!n.length)for(var a=0,o=t;a<o.length;a++){var l=o[a];r.set(l.id,{item:l,priority:0})}for(var s=0,c=t;s<c.length;s++){(null===(i=(l=c[s]).facts)||void 0===i?void 0:i.some((function(e){return n.includes(e)})))&&r.set(l.id,{item:l,priority:1})}for(var d=0,u=e?U(f.escapeRegExp(e),t||[]):[];d<u.length;d++){var p=u[d];r.has(p.item.id)||r.set(p.item.id,p)}return r},Z=function(n){var t=n.hasBorders,i=n.value,r=n.onChange,a=n.textFilter,o=n.categoryFilter,l=n.mobileSubmitLabel,s=n.closeIcon,c=n.toggleLabel,d=n.filterIcon,p=n.indicator,m=n.isInverted,f=n.className;return z.default.createElement(u.FilterBar,{isInverted:m,hasBorders:t,value:i,onChange:r,textFilter:a?{placeholder:a.placeholder||"Search...",icon:a.icon?a.icon:function(){return z.default.createElement(e.Magnifier,{width:18,height:18})},submitIcon:a.submitIcon?a.submitIcon:function(){return null},clearIcon:a.clearIcon?a.clearIcon:function(){return z.default.createElement(e.CrossBubble,null)}}:void 0,categoryFilter:o?{label:o.label||"Categories",items:o.items||[],resetLabel:o.resetLabel||"reset selection"}:void 0,mobileSubmitLabel:l||"Apply filters",closeIcon:s||function(){return z.default.createElement(e.Cross,null)},toggleLabel:c||"Search & Filter",filterIcon:d||function(){return z.default.createElement(e.Filter,null)},indicator:p,className:f})},Q=Object.freeze({__proto__:null,PoiFilterBar:Z}),J=A.default(i.Section).withConfig({displayName:"PointOfInterestOverview__POISection",componentId:"sc-epctuk-0"})(I||(I=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),K=A.default.div.withConfig({displayName:"PointOfInterestOverview__Content",componentId:"sc-epctuk-1"})(C||(C=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"])),5*l.spacings.nudge,l.mq.large,3*l.spacings.nudge),X=A.default(Z).withConfig({displayName:"PointOfInterestOverview__PoiOverviewFilterBar",componentId:"sc-epctuk-2"})(F||(F=e.__makeTemplateObject(["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n border-radius: ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"],["\n // margin to show prevent section overflow outline\n margin-top: 2px;\n border: solid 1px\n ",";\n border-radius: ",";\n\n &:not(:last-child) {\n margin-bottom: ","px;\n }\n\n @media "," {\n border: none;\n }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.light:l.getColors(n).elementBg.dark}),(function(e){return e.theme.globals.sections.edgeRadius}),5*l.spacings.nudge,l.mq.medium),Y=s.withLibTheme((function(t){var a,o=t.anchorId,l=t.bgMode,c=t.pois,d=t.initialPoiFilters,f=t.poiFilters,g=t.customPoiFilters,h=s.useLibTheme(),v=h.colors,b=h.globals,x=b.sections.poiFilterName,y=b.sections.poiFactFilterName,w="inverted"===l,_="full"===l,I=n.useState(d||{categoryFilter:[],textFilter:""}),C=I[0],F=I[1],k=n.useMemo((function(){return null==c?void 0:c.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[c]),j=n.useMemo((function(){var e=W((null==C?void 0:C.textFilter)||"",(null==C?void 0:C.categoryFilter)||[],c||[])||c;return Array.from(e).map((function(e){return e[1]}))}),[null==C?void 0:C.textFilter,null==C?void 0:C.categoryFilter,c]);return n.useEffect((function(){C.textFilter?m.setUrlParam(x,C.textFilter):m.deleteUrlParam(x),p.isValidArray(C.categoryFilter,!1)?m.setUrlParam(y,C.categoryFilter.join(",")):m.deleteUrlParam(y)}),[x,y,C.textFilter,C.categoryFilter]),z.default.createElement(J,{addSeperation:!0,anchorId:o,bgColor:w?v.sectionBg.dark:_?v.sectionBg.medium:v.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},z.default.createElement(r.Wrapper,{addWhitespace:!0},f?g?null==g?void 0:g({filters:C,setFilters:F,pois:c||[],settings:f}):z.default.createElement(X,{hasBorders:!0,value:C,onChange:F,textFilter:(null==f?void 0:f.textFilter)||void 0,categoryFilter:(null==f?void 0:f.categoryFilter)?e.__assign(e.__assign({},f.categoryFilter),{items:null==k?void 0:k.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==f?void 0:f.mobileSubmitLabel,closeIcon:null==f?void 0:f.closeIcon,toggleLabel:null==f?void 0:f.toggleLabel,filterIcon:null==f?void 0:f.filterIcon,indicator:null==f?void 0:f.indicator,isInverted:w}):null,z.default.createElement(K,null,null===(a=null==j?void 0:j.sort((function(e,n){return e.priority-n.priority})))||void 0===a?void 0:a.map((function(n,t){return z.default.createElement(u.POICard,e.__assign({key:t},n.item,{isInverted:w}))})))))})),$=A.default(i.Section).withConfig({displayName:"PointOfInterestMap__PoiMapSection",componentId:"sc-1ke8oz0-0"})(E||(E=e.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),(function(n){return n.isLarge&&t.css(j||(j=e.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(n){var i=n.theme,r=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),a=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),o=h.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),s=h.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),c=h.getFullNavbarHeights(i,r).large,d=h.getFullNavbarHeights(i,a).large,u=h.getFullNavbarHeights(i,o).large,p=h.getFullNavbarHeights(i,s).large,m=function(e){return e.map((function(e){return"[data-navbar-ident*='".concat(e,"']")})).join("")},f="100vh";return t.css(k||(k=e.__makeTemplateObject(["\n "," {\n height: ",";\n }\n\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n "," {\n height: ",";\n }\n\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," ~ & {\n "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," ~ & {\n "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),ne,f,m(r.split("-")),ne,f,c[0],m(a.split("-")),ne,f,d[0],m(o.split("-")),ne,f,u[0],m(s.split("-")),ne,f,p[0],l.mq.semilarge,m(r.split("-")),ne,f,c[1],m(a.split("-")),ne,f,d[1],m(o.split("-")),ne,f,u[1],m(s.split("-")),ne,f,p[1])}))}),l.withRange([0],"padding-top"),l.withRange([0],"margin-top")),ee=A.default.div.withConfig({displayName:"PointOfInterestMap__MapContainer",componentId:"sc-1ke8oz0-1"})(P||(P=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),ne=A.default.div.withConfig({displayName:"PointOfInterestMap__Map",componentId:"sc-1ke8oz0-2"})(M||(M=e.__makeTemplateObject(["\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media "," {\n height: 600px;\n min-height: 600px;\n }\n"],["\n min-height: 360px;\n height: 360px;\n max-height: 1300px;\n z-index: 0;\n\n @media "," {\n height: 600px;\n min-height: 600px;\n }\n"])),l.mq.medium),te=A.default.button.withConfig({displayName:"PointOfInterestMap__RequestGeolocationBtn",componentId:"sc-1ke8oz0-3"})(O||(O=e.__makeTemplateObject(["\n background-color: transparent;\n border: none;\n padding: ","px;\n cursor: pointer;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n width: 30px;\n height: 30px;\n }\n"],["\n background-color: transparent;\n border: none;\n padding: ","px;\n cursor: pointer;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n\n & > * {\n width: 30px;\n height: 30px;\n }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),ie=A.default.div.withConfig({displayName:"PointOfInterestMap__CardStage",componentId:"sc-1ke8oz0-4"})(L||(L=e.__makeTemplateObject(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n\n pointer-events: all;\n background-color: rgba(255, 255, 255, 0.8);\n\n @media "," {\n position: absolute;\n background-color: transparent;\n padding: ","px;\n padding-bottom: ","px;\n\n pointer-events: none;\n }\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n\n pointer-events: all;\n background-color: rgba(255, 255, 255, 0.8);\n\n @media "," {\n position: absolute;\n background-color: transparent;\n padding: ","px;\n padding-bottom: ","px;\n\n pointer-events: none;\n }\n"])),l.mq.medium,2*l.spacings.nudge,3*l.spacings.nudge),re=A.default.div.withConfig({displayName:"PointOfInterestMap__MapCardView",componentId:"sc-1ke8oz0-5"})(q||(q=e.__makeTemplateObject(["\n max-height: 100%;\n width: 100%;\n padding: ","px;\n overflow: auto;\n\n background: ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ",";\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 400px;\n }\n"],["\n max-height: 100%;\n width: 100%;\n padding: ","px;\n overflow: auto;\n\n background: ",";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n pointer-events: all;\n border-radius: ",";\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 400px;\n }\n"])),2*l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).elementBg.light}),(function(e){var n=e.theme;return l.getGlobals(n).sections.edgeRadius}),3*l.spacings.nudge,l.mq.medium),ae=A.default.header.withConfig({displayName:"PointOfInterestMap__MapCardHeader",componentId:"sc-1ke8oz0-6"})(T||(T=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),oe=A.default.button.withConfig({displayName:"PointOfInterestMap__CloseBtn",componentId:"sc-1ke8oz0-7"})(N||(N=e.__makeTemplateObject(["\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ","px;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-block;\n border: none;\n background-color: transparent;\n cursor: pointer;\n margin-left: auto;\n padding: ","px;\n\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n opacity: 0.6;\n }\n }\n\n &:focus {\n outline: 2px solid ",";\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),l.spacings.nudge,(function(e){var n=e.theme;return l.getColors(n).primary.default})),le=A.default.div.withConfig({displayName:"PointOfInterestMap__Overlay",componentId:"sc-1ke8oz0-8"})(S||(S=e.__makeTemplateObject(["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n position: absolute;\n top: ","px;\n left: ","px;\n width: 100%;\n\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),2*l.spacings.nudge,2*l.spacings.nudge,2*l.spacings.nudge),se=function(n){var t=n.name,i=n.facts,r=n.description,a=n.infos,l=n.action,c=n.customFact,m=n.customClose,f=n.onClose,g=n.className,h=s.useLibTheme().colors;return z.default.createElement(re,{className:g},z.default.createElement(ae,null,t&&z.default.createElement(o.Copy,{type:"copy-b",size:"big"},t),z.default.createElement(oe,{onClick:f},m||z.default.createElement(e.Cross,{iconColor:h.text.default}))),p.isValidArray(i,!1)&&z.default.createElement(u.POIFacts,{facts:i,customFact:c}),r&&z.default.createElement(o.Copy,{type:"copy",size:"small",innerHTML:r}),p.isValidArray(a,!1)&&z.default.createElement(d.InfoList,{items:[{items:a}]}),l&&l)},ce=s.withLibTheme((function(t){var i=t.anchorId,a=t.size,o=t.pois,c=t.initialPointOfInterest,d=void 0===c?"":c,u=t.provider,f=t.attribution,h=t.center,b=void 0===h?[51.505,-.09]:h,x=t.zoom,y=void 0===x?5:x,w=t.fitBoundsPadding,_=t.allMarkersOnInit,I=void 0!==_&&_,C=t.restrictToMarkersArea,F=void 0===C||C,k=t.showOwnPosition,j=t.flyToZoom,E=t.customFact,P=t.currentPosMarker,M=t.customCardClose,O=t.customLocationRequest,L=t.initialPoiFilters,q=t.poiFilters,T=t.customPoiFilters,N="large"===a,S=s.useLibTheme(),A=S.colors,B=S.globals,V=n.useState(d||""),R=V[0],D=V[1],G=n.useState(!1),H=G[0],U=G[1],Q=n.useState(L||{categoryFilter:[],textFilter:""}),J=Q[0],K=Q[1],X=n.useMemo((function(){return null==o?void 0:o.reduce((function(n,t){for(var i=e.__spreadArray([],n,!0),r=0,a=t.facts||[];r<a.length;r++){var o=a[r];i.includes(o)||i.push(o)}return i}),[])}),[o]),Y=n.useMemo((function(){var e=W((null==J?void 0:J.textFilter)||"",(null==J?void 0:J.categoryFilter)||[],o||[])||o;return Array.from(e).map((function(e){return e[1].item}))}),[null==J?void 0:J.textFilter,null==J?void 0:J.categoryFilter,o]),re=n.useMemo((function(){return null==Y?void 0:Y.find((function(e){return e.id===R}))}),[R,Y]),ae=v.useGeolocation(!0,!1),oe=ae.isSupported,ce=ae.location,de=ae.reset,ue=n.useMemo((function(){var n,t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:l.getSVGDataImg(z.default.createElement(e.LocationPin,null))},i={size:[24,24],anchor:[12,12],sizeActive:[24,24],anchorActive:[12,12],url:l.getSVGDataImg(z.default.createElement(e.CurrentLocation,{iconColor:"#5383EC"}))},r=(null===(n=null==Y?void 0:Y.filter((function(e){return void 0!==e.id})))||void 0===n?void 0:n.map((function(e){return{id:e.id,position:e.position,icon:e.icon||t,isInteractive:!0}})))||[];return oe&&(null==ce?void 0:ce.coords.latitude)&&(null==ce?void 0:ce.coords.longitude)&&r.push({id:"my-current-position-123456789",position:[ce.coords.latitude,ce.coords.longitude],icon:P||i}),r}),[P,oe,null==ce?void 0:ce.coords.latitude,null==ce?void 0:ce.coords.longitude,Y]),pe=g.useLeafletMap({url:u,attribution:f,center:b,zoom:y,activeMarkerId:R,markers:ue,fitBoundsPadding:w,restrictToMarkersArea:F,showZoomControls:!0,zoomControlPosition:"bottomleft",onMarkerClick:function(e){D((function(n){return n===e?"":e}))}}),me=pe.isLoaded,fe=pe.setContainer,ge=pe.flyToActive,he=pe.showAllMarkers,ve=pe.flyToPosition,be=pe.getCurrentZoom;n.useEffect((function(){if(me&&!H)I&&he();else{var e=be(),n=j;void 0!==j&&e>j&&(n=e),ge(n)}}),[R,I,ge,j,be,d,H,me,he]),n.useEffect((function(){H||R===d||U(!0)}),[R,d,H]);var xe=B.sections.poiFilterName,ye=B.sections.poiFactFilterName;return n.useEffect((function(){J.textFilter?m.setUrlParam(xe,J.textFilter):m.deleteUrlParam(xe),p.isValidArray(J.categoryFilter,!1)?m.setUrlParam(ye,J.categoryFilter.join(",")):m.deleteUrlParam(ye)}),[xe,ye,J.textFilter,J.categoryFilter]),n.useEffect((function(){D(""),U(!1)}),[J]),z.default.createElement($,{anchorId:i,bgColor:"image",bgMode:"full",isLarge:N},z.default.createElement(r.Wrapper,{clampWidth:N?"large":"normal"},z.default.createElement(ee,null,z.default.createElement(ne,{ref:fe,isLarge:"large"===a}),(k||q)&&z.default.createElement(le,null,k&&z.default.createElement(te,{onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,t,i,r;return e.__generator(this,(function(e){switch(e.label){case 0:return(null===(i=null==ce?void 0:ce.coords)||void 0===i?void 0:i.latitude)&&(null===(r=null==ce?void 0:ce.coords)||void 0===r?void 0:r.longitude)?(n=be(),t=j,void 0!==j&&n>j&&(t=n),ve([ce.coords.latitude,ce.coords.longitude],t),[3,4]):[3,1];case 1:return e.trys.push([1,3,,4]),[4,de()];case 2:return e.sent()&&he(),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))}},O||z.default.createElement(e.MyLocation,{iconColor:A.text.default})),q?T?T({filters:J,setFilters:K,pois:o||[],settings:q}):z.default.createElement(Z,{value:J,onChange:K,textFilter:(null==q?void 0:q.textFilter)||void 0,categoryFilter:(null==q?void 0:q.categoryFilter)?e.__assign(e.__assign({},q.categoryFilter),{items:null==X?void 0:X.map((function(e){return{value:e,label:e}||[]}))}):void 0,mobileSubmitLabel:null==q?void 0:q.mobileSubmitLabel,closeIcon:null==q?void 0:q.closeIcon,toggleLabel:null==q?void 0:q.toggleLabel,filterIcon:null==q?void 0:q.filterIcon,indicator:null==q?void 0:q.indicator}):null),re&&re.name&&z.default.createElement(ie,{onClick:function(e){e.target===e.currentTarget&&D("")}},z.default.createElement(se,e.__assign({},re,{onClose:function(){return D("")},customFact:E,customClose:M}))))))}));exports.PoiPartials=Q,exports.PointOfInterestDetail=G,exports.PointOfInterestMap=ce,exports.PointOfInterestOverview=Y;
|
|
2
2
|
//# sourceMappingURL=sections.pois.js.map
|