\n
\n)\n","// extracted by mini-css-extract-plugin\nexport default {\"sveipWrapper\":\"dhbrm__sveipWrapper--c421e\",\"item\":\"dhbrm__item--bac53\",\"title\":\"dhbrm__title--b044f\",\"titleMedia\":\"dhbrm__titleMedia--ece8c dhbrm__title--b044f\",\"paragraph\":\"dhbrm__paragraph--a47d9\",\"media\":\"dhbrm__media--e7880\"};","import * as preact from 'preact'\nconst { h, Component } = preact\n\nconst IS_CLIENT = typeof window !== 'undefined'\nconst globalAny: any = global\n\ninterface Props {\n id: string\n isDynamic?: boolean\n className?: string\n}\n\ninterface State {\n fetchedHtml: string | null\n}\n\nexport class EsiInclude extends Component{title}
\n {!hideSubtitle &&Dette er saken
}\n {isLive && (\n \n \n Oppdateres\n
\n )}\n \n
\n )\n }\n return (\n {el.title}
\n \n
\n )\n })\n return (\n {el.title}
\n {el.text && {el.text}
}\n\n \n \n
\n )\n }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"section\":\"dhbrm__section--bb17b\",\"sectionTitle\":\"dhbrm__sectionTitle--ae494\",\"stickyTitle\":\"dhbrm__stickyTitle--f978f\"};","// extracted by mini-css-extract-plugin\nexport default {\"text\":\"dhbrm__text--d33b9\"};","import { h } from 'preact'\nimport styles from './text.module.css'\n\nexport const Text = ({ text }) => (\n \n)\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"dhbrm__wrapper--f2b63\",\"image\":\"dhbrm__image--a0cb3\"};","import { h } from 'preact'\nimport styles from './image.module.css'\nimport { toSrcsetString } from '@nrk/dh-basis-mediainfo/render-utils'\n\nexport const Image = (props) => {\n const imageInfo = props.mediaInfo\n\n if (!props.source.id) {\n return {mappedItems}
\n Mangler bilde-ID
\n }\n\n if (!imageInfo) {\n return\n \n {imageInfo.sources.map((source) => {\n return \n \n \n
\n )\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"video\":\"dhbrm__video--d8066\"};","import { Component, h } from 'preact'\nimport styles from './video.module.css'\nimport { getElementTag } from '@nrk/dh-server-libs/get-element-tag'\n\nconst tag = getElementTag(__APP_NAME__, __APP_VERSION__)\n\ninterface Props {\n id?: string\n text?: string\n gaTrackingId?: string\n}\n\nclass Video extends Component{props.text}
\n \n {imageInfo.creditText ? `${imageInfo.category ?? 'Foto'}: ${imageInfo.creditText}` : ''}\n \n{text}
\n","// extracted by mini-css-extract-plugin\nexport default {\"map\":\"dhbrm__map--ab2f2\"};","import { h } from 'preact'\nimport { EsiInclude } from '../../esi-include/esi-include.tsx'\nimport styles from './map.module.css'\n\nexport const Map = ({ id }) =>{mappedContent}
\n}\n\nfunction getComponentForType(type) {\n switch (type) {\n case 'Tidspunkt':\n return Heading\n case 'text':\n return Text\n case 'image':\n return Image\n case 'video':\n return Video\n case 'map':\n return Map\n case 'spesialmodul':\n return Spesialmodul\n }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"sideExplainer\":\"dhbrm__sideExplainer--a1ccb\",\"leftBorder\":\"dhbrm__leftBorder--ad2c5\",\"rightBorder\":\"dhbrm__rightBorder--d21b3\",\"text\":\"dhbrm__text--b7696\"};","import { h } from 'preact'\nimport styles from './side-explainer.module.css'\n\nexport const SideExplainer = ({ sideOne, sideTwo }) => {\n return (\n \n
\n )\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"header\":\"dhbrm__header--f6e04\"};","import { h } from 'preact'\nimport styles from './header.module.css'\n\nexport const Header = ({ text }) => (\n \n)\n","import { h } from 'preact'\nimport styles from './section.module.css'\nimport { Text } from './text/text.tsx'\nimport { Image } from './image/image.tsx'\nimport { Video } from './video/video.tsx'\nimport { Timeline } from './timeline/timeline.tsx'\nimport { SideExplainer } from './side-explainer/side-explainer.tsx'\nimport { Map } from './map/map.jsx'\nimport { Spesialmodul } from './spesialmodul/spesialmodul.jsx'\nimport { Header } from './header/header.tsx'\n\nexport const Section = ({ title, content = [], stickyTitles }) => {\n const mappedContent = content.map((el) => {\n const Component = getComponentForType(el.type)\n return \n \n \n
\n \n \n \n
\n \n
\n {mappedContent}\n {title}
\n\n Publisert {getDate(meta.published)}\n
\n )\n const updated = meta && meta.updated && (\n \n Oppdatert {getDate(meta.updated)}\n
\n )\n return (\n \n {published}\n {updated}\n
\n )\n}\n\nfunction getDate(date) {\n return format(new Date(date), 'd. MMMM y HH:mm', { locale: nb })\n}\n","import { h } from 'preact'\nimport styles from './footer.module.css'\n\nexport const Author = ({ email, displayname, role }) => (\n \n \n {displayname}\n \n
\n)\n","import { h } from 'preact'\nimport styles from './footer.module.css'\nimport { Published } from './published.tsx'\nimport { Author } from './author.tsx'\n\nexport const Footer = ({ meta, byline = [], showPublicationDate = true }) => {\n const mappedByline =\n byline &&\n byline.length > 0 &&\n byline.map(({ email = '', displayname = '', role = '' }) => (\n {role}
\n \n
\n )\n }\n}\n","import { h, hydrate } from 'preact'\nimport { BaseElement } from '@nrk/dh-server-libs/base-element'\nimport { getElementTag } from '@nrk/dh-server-libs/get-element-tag'\nimport { AppContext } from './lib/context.tsx'\nimport { App } from './components/App.tsx'\n\nconst tag = getElementTag(__APP_NAME__, __APP_VERSION__)\n\nclass AppElement extends BaseElement {\n name = tag\n\n render() {\n hydrate(\n {JSON.stringify(this.props, null, 2)} */}\n