\r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nModal.defaultProps = {\r\n noScroll: true,\r\n};\r\n\r\nexport default Modal;\r\nexport { OpenModalButton, CloseModalButton, ModalPanel, Consumer };\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\nimport { getAriaDescribedBy } from './helpers';\r\n\r\n/** All other props will be spread to the element */\r\nconst Input = (props) => {\r\n const { value, error, removeFocus, classes, name, onBlur, ...rest } = props;\r\n return (\r\n \r\n {\r\n removeFocus();\r\n onBlur(e);\r\n }}\r\n defaultValue={value}\r\n {...getAriaDescribedBy(error, name)}\r\n name={name}\r\n id={name}\r\n />\r\n {error}\r\n
\r\n );\r\n};\r\n\r\nInput.propTypes = {\r\n /** Used for name and id property. */\r\n name: T.string.isRequired,\r\n /** Used for wrapping classnamae. */\r\n classes: T.string,\r\n /** Error message. */\r\n error: T.node,\r\n /** Used for defaultValue prop (react) */\r\n value: T.oneOfType([T.string, T.number]),\r\n};\r\n\r\nexport default Input;\r\n","import React, { Fragment } from 'react';\r\nimport T from 'prop-types';\r\nimport Item from './item';\r\nimport Button from './button';\r\n\r\nconst propTypes = {\r\n LinkText: T.string,\r\n LinkUrl: T.string,\r\n /** See
- component */\r\n SearchHits: T.array,\r\n};\r\n\r\nconst ItemList = (props) => {\r\n const { SearchResult } = props;\r\n const { SearchHits } = SearchResult;\r\n\r\n return (\r\n \r\n
\r\n {SearchHits.map((item, index) => {\r\n return
\r\n \r\n \r\n );\r\n};\r\n\r\nItemList.propTypes = propTypes;\r\n\r\nexport default ItemList;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport classNames from 'classnames';\r\nimport { stripHtml } from '../Helpers';\r\nimport useWindowLocationHref from '../Hooks/useWindowLocation';\r\nimport PrintIframe from '../PrintIframe';\r\n\r\nconst PrintSidebar = (props) => {\r\n const { Translations } = props;\r\n const href = useWindowLocationHref();\r\n\r\n const [isSidebarOpen, setSidebarOpen] = useState(false);\r\n const [checkedItems, setCheckedItems] = useState([]);\r\n const [selectedRadio, setSelectedRadio] = useState(0);\r\n const [printableItems, setPrintableItems] = useState([]);\r\n const [printableChildren, setPrintableChildren] = useState([]);\r\n const [printClicked, setPrintClicked] = useState(false);\r\n\r\n const sidebarRef = useRef(null);\r\n const sidebarToggleButtonRef = useRef(null);\r\n const elementsRef = useRef([]);\r\n\r\n const handleClickOutside = (event) => {\r\n if (\r\n sidebarRef.current &&\r\n !sidebarRef.current.contains(event.target) &&\r\n sidebarToggleButtonRef.current &&\r\n !sidebarToggleButtonRef.current.contains(event.target)\r\n ) {\r\n setSidebarOpen(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const mainElement = document.querySelector('main');\r\n const elements = mainElement\r\n ? mainElement.querySelectorAll('[data-print-sidebar-title]')\r\n : [];\r\n const heading = mainElement ? mainElement.querySelector('h1') : '';\r\n elementsRef.current = elements ?? [];\r\n\r\n const imgblockMediaSliderChildren = Array.from(elements)\r\n .filter((item) => item.nodeName === 'FIGURE')\r\n .filter((figures) =>\r\n figures.className.includes('c-imageblock--is-gallery')\r\n );\r\n\r\n const chapterContainerChildren = Array.from(elements).filter(\r\n (item) =>\r\n item.getAttribute('data-is-member-of-chapter-container') === 'true'\r\n );\r\n\r\n const chapterChildren = Array.from(elements).filter(\r\n (item) => item.getAttribute('data-is-member-of-chapter') === 'true'\r\n );\r\n\r\n const links = Array.from(elements).filter(\r\n (item) =>\r\n item.dataset.linklist === 'link-list-container' &&\r\n item.offsetParent &&\r\n item.offsetParent.hasAttribute('data-list-container')\r\n );\r\n\r\n setPrintableChildren([\r\n ...imgblockMediaSliderChildren,\r\n ...links,\r\n ...chapterContainerChildren,\r\n ...chapterChildren,\r\n ]);\r\n\r\n const removedContainerChildren = Array.from(elements).filter(\r\n (item) =>\r\n item.offsetParent &&\r\n !item.offsetParent.hasAttribute('data-list-container') &&\r\n !item.className.includes('c-imageblock--is-gallery') &&\r\n item.getAttribute('data-is-member-of-chapter-container') !== 'true' &&\r\n item.getAttribute('data-is-member-of-chapter') !== 'true'\r\n );\r\n\r\n setPrintableItems(removedContainerChildren);\r\n\r\n if (elements?.item(0) === heading) {\r\n handlePrintSelection(heading);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isSidebarOpen) {\r\n document.addEventListener('mousedown', handleClickOutside);\r\n } else {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n }\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, [isSidebarOpen]);\r\n\r\n const handleRadioChange = (index) => {\r\n setSelectedRadio(index);\r\n };\r\n\r\n const handlePrintSelection = (item) => {\r\n const mediaType = item.getAttribute('data-type-media-slider');\r\n const linkListContainer = item.getAttribute('data-list-container');\r\n const chapterContainer = item.getAttribute('data-chapter-container');\r\n const chapter = item.getAttribute('data-is-chapter');\r\n\r\n let listOfImgElement = [];\r\n const isMediaSlider = mediaType === 'MediaSlider';\r\n const isLinkListContainer = linkListContainer === 'data-list-container';\r\n const isChapterContainer = chapterContainer === 'data-chapter-container';\r\n const isChapter = chapter === 'isChapter';\r\n\r\n if (isMediaSlider) {\r\n listOfImgElement = printableChildren\r\n ?.filter((item) => item.nodeName === 'FIGURE')\r\n .filter((figures) =>\r\n figures.className.includes('c-imageblock--is-gallery')\r\n );\r\n }\r\n if (isChapter) {\r\n const listOfElementblockchapter = printableChildren?.filter(\r\n (name) => name.getAttribute('data-is-member-of-chapter') === 'true'\r\n );\r\n listOfImgElement = [...listOfImgElement, ...listOfElementblockchapter];\r\n }\r\n if (isChapterContainer) {\r\n const listOfElementblock = printableChildren?.filter(\r\n (name) =>\r\n name.getAttribute('data-is-member-of-chapter-container') === 'true'\r\n );\r\n listOfImgElement = [...listOfImgElement, ...listOfElementblock];\r\n }\r\n if (isLinkListContainer) {\r\n const listOfElement = printableChildren?.filter((item) =>\r\n item.offsetParent.hasAttribute('data-list-container')\r\n );\r\n listOfImgElement = [...listOfImgElement, ...listOfElement];\r\n }\r\n\r\n setCheckedItems((prevItems) => {\r\n if (!prevItems.includes(item)) {\r\n const newItemsList = [...prevItems, item, ...listOfImgElement];\r\n return [...new Set(newItemsList)];\r\n }\r\n\r\n const filteredItems = prevItems.filter((i) => i !== item);\r\n\r\n if (isMediaSlider) {\r\n return filteredItems.filter(\r\n (figures) => !figures.className.includes('c-imageblock--is-gallery')\r\n );\r\n }\r\n\r\n if (isLinkListContainer) {\r\n return filteredItems.filter(\r\n (item) => !item.offsetParent?.hasAttribute('data-list-container')\r\n );\r\n }\r\n if (isChapterContainer) {\r\n return filteredItems.filter(\r\n (item) =>\r\n item.getAttribute('data-is-member-of-chapter-container') !== 'true'\r\n );\r\n }\r\n if (isChapter) {\r\n return filteredItems.filter(\r\n (item) => item.getAttribute('data-is-member-of-chapter') !== 'true'\r\n );\r\n }\r\n return filteredItems;\r\n });\r\n };\r\n\r\n const togglePrintSidebar = () => {\r\n setSidebarOpen(!isSidebarOpen);\r\n };\r\n\r\n const getPrintSelectionTitle = (item) => {\r\n let dataPrintSidebarTitle = item.getAttribute('data-print-sidebar-title');\r\n let dataPrintSidebarTitleRegion = item.getAttribute(\r\n 'data-print-sidebar-title-region'\r\n );\r\n\r\n if (dataPrintSidebarTitle) {\r\n const words = dataPrintSidebarTitle.split(/\\s+/);\r\n return words.length > 5\r\n ? words.slice(0, 5).join(' ') +\r\n '...' +\r\n (dataPrintSidebarTitleRegion ? ` (Regionalt)` : '')\r\n : dataPrintSidebarTitle +\r\n (dataPrintSidebarTitleRegion ? ` (Regionalt)` : '');\r\n } else {\r\n const words = item.innerText.split(/\\s+/);\r\n return words.length > 5\r\n ? words.slice(0, 5).join(' ') + '...'\r\n : item.innerText;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {\r\n e.preventDefault();\r\n togglePrintSidebar();\r\n }}\r\n title={Translations && Translations.print}\r\n className=\"c-printsidebar-toggle-button\"\r\n data-event-category={href || 'novalue'}\r\n data-event-action={Translations.print}\r\n data-event-value={href || 'novalue'}\r\n data-event-name={Translations.print}\r\n >\r\n \r\n \r\n {Translations && Translations.print}\r\n \r\n \r\n \r\n \r\n
\r\n {Translations.printsidebartitle}\r\n
\r\n \r\n {Translations.printsidebarclose}\r\n \r\n \r\n \r\n \r\n
\r\n {Translations.printsidebarselectiontitle}\r\n
\r\n
\r\n {Translations.printsidebarselectionparts && (\r\n
handleRadioChange(0)}\r\n >\r\n \r\n {Translations.printsidebarselectionparts}\r\n \r\n )}\r\n {Translations.printsidebarselectionwholepage && (\r\n
handleRadioChange(1)}\r\n >\r\n \r\n {Translations.printsidebarselectionwholepage}\r\n \r\n
{Translations.printsidebarselectionwhatparts}
\r\n
\r\n {printableItems &&\r\n printableItems.map((item, index) => {\r\n if (!item?.innerText) return;\r\n let content = (\r\n
\r\n );\r\n return (\r\n
handlePrintSelection(item)}\r\n >\r\n \r\n {content}\r\n \r\n );\r\n })}\r\n
\r\n {selectedRadio === 1 ? (\r\n setPrintClicked(true)}\r\n >\r\n \r\n {Translations.printbuttonwholepage}\r\n \r\n ) : (\r\n setPrintClicked(true)}\r\n >\r\n \r\n {Translations.printbuttonparts}\r\n \r\n )}\r\n
\r\n \r\n {printClicked && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default PrintSidebar;\r\n","import React, { Fragment } from 'react';\r\nimport classNames from 'classnames';\r\nimport ToggleContainer from '../../Containers/toggleContainer';\r\nimport { isSmallViewport } from '../../Hooks/useMedia';\r\nimport ExpandableButton from '../../Buttons';\r\n\r\nconst Label = (props) => {\r\n if (!props.data) return null;\r\n\r\n return {props.label};\r\n};\r\n\r\nconst Value = (props) => {\r\n if (!props.data) return null;\r\n\r\n return {props.data};\r\n};\r\n\r\nconst ValueLink = (props) => {\r\n if (!props.data) return null;\r\n const matomoTrackingClass = 'hitta-oss';\r\n return (\r\n \r\n \r\n {props.data}\r\n \r\n \r\n );\r\n};\r\n\r\nconst AccessibilityUrl = (props) => {\r\n if (!props.url) return null;\r\n const matomoTrackingClass = 'accessibilityurl';\r\n return (\r\n \r\n \r\n {props.text}\r\n \r\n \r\n );\r\n};\r\n\r\nconst FindUs = (props) => {\r\n const Card = props;\r\n const isSmall = isSmallViewport();\r\n \r\n return (\r\n \r\n
\r\n
\r\n {Card.Location && Card.Location.latitude && Card.Location.longitude && (\r\n
\r\n
\r\n
\r\n
\r\n {Card.Translations.biggermaptravelplanner}\r\n \r\n \r\n\r\n {Card.StaticMapUrl && (\r\n
\r\n )}\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {Card.Address && Card.Translations.visitoraddress && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {Card.County && Card.Translations.county && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {Card.PostalAddress && Card.Translations.postaladdress && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {Card.WebsiteUrl && Card.Translations.websiteurl && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {Card.AccessibilityUrl && Card.Translations.accessibilityurl && (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {({ open, toggle }) => (\r\n \r\n {!isSmall &&\r\n (Card.IndoorRouteDescription || Card.RoadDescription) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {(Card.IndoorRouteDescription || Card.RoadDescription) && (\r\n \r\n
\r\n {Card.Translations.roaddescription}\r\n
\r\n {Card.RoadDescription && (\r\n
\r\n
{Card.Translations.outdoorroutedescription}
\r\n {Card.RoadDescription.map((description, index) => (\r\n
{description}
\r\n ))}\r\n
\r\n )}\r\n {Card.IndoorRouteDescription && (\r\n
\r\n
{Card.Translations.indoorroutedescription}
\r\n {Card.IndoorRouteDescription.map(\r\n (description, index) => (\r\n
{description}
\r\n )\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n handleKeyDown(e)}\r\n onChange={(e) => {\r\n setValue(e.target.value);\r\n if (typeof handleChange === 'function') {\r\n handleChange(e);\r\n }\r\n }}\r\n onBlur={(e) => handleBlur(e)}\r\n type=\"text\"\r\n id={id}\r\n name=\"q\"\r\n placeholder={placeholder}\r\n className={`${className}__field__query`}\r\n />\r\n
\r\n );\r\n};\r\n\r\nEntryFormSearchField.defaultProps = {\r\n handleKeyDown: () => {},\r\n handleChange: () => {},\r\n handleBlur: () => {},\r\n initialValue: '',\r\n id: '',\r\n className: '',\r\n placeholder: '',\r\n};\r\n\r\nexport default EntryFormSearchField;\r\n","import React, { useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport ArticleList from '../ArticleList'; //TODO fixa mer generiskt\r\nimport * as Render from '../Base/Render';\r\nimport { useSweLang } from '../Helpers/helpers';\r\nimport { LazyLoadImage } from '../Image';\r\nimport Linklist from '../Linklist';\r\nimport Section from '../Section';\r\nimport ListViewToggler from './list-view-toggler';\r\nimport useWindowLocationHref from '../Hooks/useWindowLocation';\r\n\r\nconst TeaserItemLinkList = (props) => {\r\n const href = useWindowLocationHref();\r\n const contentClassNames = classNames({\r\n 'c-teaser__content': true,\r\n 'c-teaser__content--with-img': props.Media,\r\n });\r\n\r\n const teaserContainsImage =\r\n props.Media &&\r\n props.Media[0] &&\r\n props.Media[0].ImageUrl &&\r\n props.Media[0].ImageUrl.length > 0;\r\n\r\n return (\r\n \r\n \r\n {props.Media && (\r\n \r\n {props.ShowVideoPlayIcon && teaserContainsImage && (\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n {props.Title}\r\n \r\n \r\n {props.TitleTranslation && (\r\n \r\n {props.TitleTranslation}\r\n \r\n )}\r\n \r\n {props.Preamble &&
{props.Preamble}
}\r\n
\r\n
\r\n
\r\n {props.Media && (\r\n \r\n {props.ShowVideoPlayIcon && teaserContainsImage && (\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {props.Title}\r\n \r\n \r\n \r\n {props.TitleTranslation && (\r\n \r\n {props.TitleTranslation}\r\n \r\n )}\r\n {props.Preamble && (\r\n \r\n
{props.Preamble}
\r\n
\r\n {props.BlockTypeName === 'PageListBlock'\r\n ? Render.Property(Items, 'ListRoot')\r\n : Render.Property(Items, 'MainContent')}\r\n
\r\n ) : (\r\n \r\n {props.BlockTypeName === 'PageListBlock'\r\n ? Render.Property(Items, 'ListRoot')\r\n : Render.Property(Items, 'MainContent')}\r\n
\r\n );\r\n};\r\n\r\nconst Teaser = (props) => {\r\n const modifiers = {\r\n ...props.SectionModifiers,\r\n 'c-section--navigation': props.BlockTypeName === 'PageListBlock',\r\n };\r\n\r\n const [toggleBrickView, setToggleBrickView] = useState(!props.ShowListView);\r\n\r\n const showListViewToggler =\r\n props.BlockTypeName === 'PageListBlock' && props.UseListToggler;\r\n\r\n const sectionHeader = classNames({\r\n 'c-section__header': true,\r\n 'c-section__header--listview-shown': showListViewToggler,\r\n 'c-section__header--heading-shown': props.Heading,\r\n 'c-section__header--double-column':\r\n props.CurrentPageProps.BlockTypeName == 'DoubleColumnBlock',\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {props.Heading ? (\r\n \r\n {props.Heading}\r\n
\r\n ) : (\r\n \r\n {props.Translations?.currentarticles}\r\n
\r\n )}\r\n {showListViewToggler && (\r\n {\r\n setToggleBrickView(value);\r\n }}\r\n toggleBrickView={toggleBrickView}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n {props.OwnerAndFinancing.OwnerType &&
\r\n
\r\n {props.Translations.ownertype}: {props.OwnerAndFinancing.OwnerType}\r\n
\r\n
}\r\n {props.OwnerAndFinancing.FinancingText &&
\r\n
\r\n {props.OwnerAndFinancing.FinancingText}\r\n
\r\n
}\r\n {props.OwnerAndFinancing.PriceLinks && (\r\n
\r\n
\r\n {props.OwnerAndFinancing.PriceLinks.map((link, index) =>\r\n
{link.Text}\r\n )} \r\n
\r\n
\r\n )}\r\n
{props.children}
;\r\n\r\n return null;\r\n};\r\n\r\nexport default withRouter(TabPanel);\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport ItemList from './item-list';\r\nimport { Teaser } from '../Teaser';\r\nimport Button from './button';\r\nimport Heading from './heading';\r\n\r\nfunction mapSearchResultToTeaserItems(searchHits) {\r\n return searchHits.map(({ Heading, Image, Text, ...item }) => ({\r\n ...item,\r\n Title: Heading,\r\n Media: Image\r\n ? [{ ImageUrl: Image, BlockTypeName: 'ImageBlock' }]\r\n : undefined,\r\n Preamble: Text,\r\n }));\r\n}\r\nconst SearchArticleList = (props) => {\r\n const {\r\n SearchResult: { SearchHits },\r\n } = props;\r\n const classnames = classNames({\r\n 'c-search-list': true,\r\n 'c-search-article-list': props.Appearance == 'article',\r\n 'c-search-news-list': props.Appearance == 'news',\r\n 'c-search-main-content': props.PropertyName == 'MainContent',\r\n 'c-search-section-content': props.PropertyName == 'SectionContent',\r\n ...props.Modifiers,\r\n });\r\n\r\n if (!SearchHits || SearchHits.length === 0) return null;\r\n if (props.PropertyName == 'SectionContent') {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n {props.Heading && (\r\n \r\n {props.Heading}\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchArticleList;\r\n","import React, { useState } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport classNames from 'classnames';\r\nimport queryString from 'qs';\r\n\r\nconst Tabs = (props) => {\r\n const [isOpen, setIsOpen] = useState(\r\n typeof window !== 'undefined' &&\r\n window.matchMedia('(min-width: 1025px)').matches\r\n );\r\n\r\n function handleToggle() {\r\n setIsOpen(!isOpen);\r\n }\r\n\r\n const { Tabs, location, Id } = props;\r\n\r\n if (!Tabs) return null;\r\n const options = {\r\n ignoreQueryPrefix: true,\r\n };\r\n const q = props.TypeExists ? queryString.parse(location.search, options) : '';\r\n\r\n let currentTab = null;\r\n\r\n const tabs = Tabs.map((tab, index) => {\r\n const tabQ = queryString.parse(tab.Url);\r\n const current = !q.t ? index === 0 : q.t === tabQ.t;\r\n const classes = classNames({\r\n 'c-tabs__nav__item': true,\r\n 'c-tabs__nav__item--selected': current,\r\n });\r\n\r\n if (current) currentTab = tab;\r\n\r\n return (\r\n \r\n {tab.Name}\r\n \r\n );\r\n });\r\n\r\n const tabsClasses = classNames({\r\n 'c-tabs': true,\r\n 'c-tabs--is-open': isOpen,\r\n });\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default withRouter(Tabs);\r\n","import React, { useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport { bool, oneOf, string, object, number, oneOfType } from 'prop-types';\r\nimport Error, { propTypes as errorPropTypes } from './error';\r\n\r\nimport Select from './select';\r\nimport Input from './input';\r\nimport Textarea from './textarea';\r\n\r\n/**\r\n * Will spread all non-specified props (...rest) to the `input` element.\r\n *\r\n * Includes the `` component\r\n */\r\nconst Field = (props) => {\r\n const [isFocus, setIsFocus] = useState(false);\r\n\r\n const {\r\n className,\r\n disabled,\r\n component,\r\n classNameModifiers,\r\n isValid,\r\n isTouched,\r\n label,\r\n errorType,\r\n errorMessages,\r\n name,\r\n ...rest\r\n } = props;\r\n\r\n const classes = classNames(className, {\r\n [`${className}--is-error`]: !isValid && isTouched,\r\n [`${className}--is-valid`]: isValid && isTouched,\r\n [`${className}--disabled`]: disabled,\r\n [`${className}--has-focus`]: isFocus,\r\n ...classNameModifiers,\r\n });\r\n\r\n let ErrorComponent = (\r\n \r\n );\r\n\r\n if (component === 'input') {\r\n return (\r\n setIsFocus(true)}\r\n removeFocus={() => setIsFocus(false)}\r\n disabled={disabled}\r\n error={ErrorComponent}\r\n classes={classes}\r\n name={name}\r\n {...rest}\r\n />\r\n );\r\n }\r\n if (component === 'textarea') {\r\n return (\r\n setIsFocus(true)}\r\n removeFocus={() => setIsFocus(false)}\r\n disabled={disabled}\r\n className={className}\r\n error={ErrorComponent}\r\n classes={classes}\r\n name={name}\r\n {...rest}\r\n />\r\n );\r\n }\r\n if (component === 'select') {\r\n return (\r\n setIsFocus(true)}\r\n removeFocus={() => setIsFocus(false)}\r\n disabled={disabled}\r\n error={ErrorComponent}\r\n classes={classes}\r\n name={name}\r\n {...rest}\r\n />\r\n );\r\n }\r\n return null;\r\n};\r\n\r\nconst propTypes = {\r\n component: oneOf(['input', 'textarea', 'select']),\r\n /** Base classname*/\r\n className: string,\r\n /** classnames compatible object */\r\n classNameModifiers: object,\r\n /** Use `false` to display error message - if isTouched is true */\r\n isValid: bool,\r\n /** Use `true` to indicate that element is touched and error messages can be displayed */\r\n isTouched: bool,\r\n /** Not used */\r\n isFocus: bool,\r\n /** Used as `defaultValue` for input element */\r\n value: oneOfType([string, number]),\r\n /** input element id */\r\n name: string,\r\n ...errorPropTypes,\r\n};\r\n\r\nField.propTypes = propTypes;\r\n\r\nexport default Field;\r\n","import React from 'react';\r\nimport { shape, node, bool, arrayOf, string } from 'prop-types';\r\nimport Person, { propTypes as personPropTypes } from '../Person';\r\nimport classNames from 'classnames';\r\nimport RegionalArticleFooter from './regionarticlefooter';\r\nimport CollapsiblePanel from '../CollapsiblePanel';\r\n\r\nconst FirstColumn = (props) => {\r\n return (\r\n \r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nconst SecondColumn = (props) => {\r\n return (\r\n \r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nconst ArticleFooter = (props) => {\r\n const {\r\n ArticleFooter,\r\n Translations,\r\n FooterHasCollapsibleRoleGroups,\r\n isRegional,\r\n RegionalName,\r\n } = props;\r\n\r\n if (!ArticleFooter) return null;\r\n\r\n const cssClasses = classNames({\r\n 'c-articlefooter': true,\r\n 'c-articlefooter--regional-below': isRegional,\r\n });\r\n\r\n const dataPrintSidebarTitle = Translations?.articlefooter || '';\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst ArticleFooterContent = (props) => {\r\n return (\r\n props.ArticleFooter.RoleGroups &&\r\n props.ArticleFooter.RoleGroups.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n {item.Label}: \r\n \r\n\r\n {props.FooterHasCollapsibleRoleGroups ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n
\r\n
\r\n \r\n {Label}:\r\n \r\n \r\n {LastReview}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ArticleFooterPublishDate = ({ Label, PublishDate, contentDirection }) => {\r\n if (!PublishDate) return null;\r\n\r\n return (\r\n \r\n \r\n {Label}:\r\n \r\n \r\n {PublishDate}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ArticleFooterApprovedDate = ({ Label, ApprovedDate }) => {\r\n if (!ApprovedDate) return null;\r\n\r\n return (\r\n \r\n \r\n {Label}:\r\n \r\n \r\n {ApprovedDate}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ArticleFooterApprovedBy = ({ Label, ApprovedBy, isRegional }) => {\r\n if (!ApprovedBy) return null;\r\n return (\r\n \r\n
\r\n {Label}:\r\n \r\n
\r\n {isRegional ? (\r\n {ApprovedBy}\r\n ) : (\r\n ApprovedBy.map(\r\n (item, i) =>\r\n item.name && (\r\n \r\n {item.url ? {item.name} : item.name}\r\n \r\n )\r\n )\r\n )}\r\n \r\n
\r\n
\r\n
{props.children}
\r\n
\r\n
\r\n
{props.letter}
\r\n
\r\n {props.list.map((item, key) => (\r\n - \r\n {item.Name}\r\n
\r\n ))}\r\n
\r\n
\r\n Tillbaka till navigering\r\n \r\n \r\n
\r\n \r\n {Translations.sensetiveheading}\r\n \r\n \r\n {ImageDescription}\r\n \r\n \r\n {props.showSensitiveImageIsLoading &&\r\n props.SensitiveImageLoadingIcon}\r\n \r\n {\r\n props.CurrentPageProps.Content.Translations\r\n .showsensetiveimages\r\n }\r\n \r\n \r\n
\r\n
\r\n {props.Photographer && (\r\n
\r\n {Translations.photographer + props.Photographer}\r\n
\r\n )}\r\n {props.Illustrator && (\r\n
\r\n {Translations.illustrator + props.Illustrator}\r\n
\r\n )}\r\n
\r\n
\r\n \r\n handleLetterChange(activeLetter)\r\n }\r\n list={props.list}\r\n />\r\n
\r\n\r\n
\r\n {props.list.map((letter, key) => (\r\n \r\n handleLetterChange(activeLetter)\r\n }\r\n key={key}\r\n letter={letter.Key}\r\n list={letter.Items}\r\n />\r\n ))}\r\n
\r\n
\r\n {(!props.isBackgroundImage || props.isViewed || !props.isLazyLoad) && (\r\n
\r\n )}\r\n {props.isLazyLoad && (\r\n
`,\r\n }}\r\n />\r\n )}\r\n
\r\n
{props.Heading}
\r\n \r\n );\r\n};\r\n\r\nexport default RegionArticleFooter;\r\n","import classNames from 'classnames';\r\nimport { any, node, number, string } from 'prop-types';\r\nimport React from 'react';\r\nimport * as Render from '../Base/Render';\r\nimport FormatDateTime from '../FormatDateTime';\r\nimport { LazyLoadImage } from '../Image';\r\n\r\nconst SplitColumns = ({ children, split, className }) => {\r\n if (!split) return children;\r\n\r\n return {children}
;\r\n};\r\n\r\nconst ArticleList = (props) => {\r\n const getColumnClasses = (numOfItems, blockName) => {\r\n if (blockName === 'DoubleColumnBlock') {\r\n return 'column';\r\n }\r\n\r\n return classNames({\r\n columns: true,\r\n 'medium-8': numOfItems === 1,\r\n 'medium-4': numOfItems === 3 || numOfItems === 2,\r\n 'medium-6 large-3': numOfItems > 3,\r\n });\r\n };\r\n\r\n const columnClasses = getColumnClasses(\r\n props.numOfItems,\r\n props.blockName ? props.blockName : props.pageName\r\n );\r\n\r\n const teaserTheme = classNames({\r\n 'c-article-list__theme--default': !props.Theme,\r\n [`c-article-list__theme--${props.Theme}`]: props.Theme,\r\n });\r\n\r\n const headerClasses = classNames({\r\n 'c-article-list__heading': true,\r\n [teaserTheme]: props.Theme,\r\n });\r\n\r\n const infoType = `c-article-list__type--${props.InformationType}`;\r\n const teaserClasses = classNames({\r\n 'c-article-list': true,\r\n 'c-article-list--related': true,\r\n 'c-article-list--no-text': !props.Preamble,\r\n 'c-article-list--full-layout': props.numOfItems === 1,\r\n 'c-article-list--nth1': props.numOfItems === 1,\r\n 'c-article-list--nth2': props.numOfItems === 2,\r\n 'c-article-list--nth3': props.numOfItems === 3,\r\n 'c-article-list--gt1': props.numOfItems > 1,\r\n 'c-article-list--gt2': props.numOfItems > 2,\r\n 'c-article-list--gt3': props.numOfItems > 3,\r\n 'c-article-list--double-column': props.blockName === 'DoubleColumnBlock',\r\n [`c-article-list--${props.Theme}`]: props.Theme,\r\n [teaserTheme]: props.Theme,\r\n [infoType]: props.InformationType,\r\n });\r\n\r\n const setPreset = () => {\r\n switch (props.numOfItems) {\r\n case 1:\r\n case 2:\r\n return '1200px';\r\n default:\r\n return '407px';\r\n }\r\n };\r\n\r\n //If only one then split into two columnClasses\r\n const rowSplit = classNames({\r\n row: props.numOfItems === 1,\r\n 'u-flexwrap': props.numOfItems === 1,\r\n 'c-article-list--center': props.numOfItems <= 2,\r\n });\r\n\r\n const splitColumns = classNames({\r\n 'medium-6 columns': props.Media && props.numOfItems === 1,\r\n 'medium-12 columns': !props.Media && props.numOfItems === 1,\r\n });\r\n\r\n const teaserContainsImage =\r\n props.Media &&\r\n props.Media[0] &&\r\n props.Media[0].ImageUrl &&\r\n props.Media[0].ImageUrl.length > 0;\r\n\r\n return (\r\n \r\n {props.Title && (\r\n
\r\n
\r\n {props.Media && (\r\n \r\n \r\n {props.ShowVideoPlayIcon && teaserContainsImage && (\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {props.Vignette && (\r\n
\r\n {props.Vignette}\r\n \r\n )}\r\n {props.Date &&
}\r\n {props.use1177ProfessionDesign ? (\r\n
\r\n \r\n \r\n {props.Title}\r\n \r\n
\r\n ) : (\r\n
\r\n \r\n {props.Title}\r\n \r\n
\r\n )}\r\n {typeof props.Preamble === 'string' && (\r\n
\r\n
{props.Preamble}
\r\n
\r\n )}\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n {alwaysShowCurrentImage ? index + 1 : activeIndex + 1}/\r\n {numberOfItems}\r\n \r\n \r\n
\r\n {this.props.children && this.props.children(this.map, this.googleAPI)}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n let ticking = false;\r\n const throttleScroll = () => {\r\n ticking =\r\n ticking ||\r\n requestAnimationFrame(() => {\r\n ticking = false;\r\n handles.map((handle) => handle());\r\n });\r\n };\r\n\r\n if (typeof window !== 'undefined') {\r\n window.addEventListener('scroll', throttleScroll, false);\r\n window.addEventListener('resize', throttleScroll, false);\r\n }\r\n\r\n return IsInRangeContainer;\r\n};\r\n\r\nexport default isInRange;","export const getAriaDescribedBy = (error, name) =>\r\n error?.props?.isError && {\r\n 'aria-describedby': `${name}-error`,\r\n };\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport Track from '../Base/Sensors/track';\r\nimport scrollIt from '../Base/Scroll';\r\n\r\nconst AOListNavigation = ({\r\n alphabet,\r\n compare,\r\n activeLetter,\r\n handleLetterChange,\r\n ...props\r\n}) => {\r\n const Anchors = alphabet.map((Key) => {\r\n return { Key };\r\n });\r\n\r\n const classes = classNames({\r\n 'c-anchorlinks': true,\r\n 'c-anchorlinks--is-fixed': props.isWithinTrac,\r\n 'c-anchorlinks--is-bottom': props.isTrackBottom,\r\n });\r\n\r\n return (\r\n \r\n {Anchors.map((item, index) => {\r\n const matched = typeof compare !== 'undefined' ? compare(item) : true;\r\n\r\n const classes = classNames({\r\n 'c-anchorlinks__item': true,\r\n 'c-anchorlinks__item--selected':\r\n activeLetter.toLowerCase() === item.Key.toLowerCase(),\r\n 'c-anchorlinks__item--matched': matched,\r\n });\r\n\r\n const attributes = {\r\n 'data-cy': matched ? 'ui-anchor-item' : 'ui-empty-item',\r\n };\r\n\r\n return (\r\n - \r\n {matched ? (\r\n {\r\n if (!document.getElementById(`${item.Key}`)) return false;\r\n scrollIt(\r\n document.getElementById(`${item.Key}`),\r\n 300,\r\n 'easeOutQuad',\r\n () => {\r\n if (typeof handleLetterChange !== 'undefined')\r\n handleLetterChange(item.Key);\r\n //if (typeof onClickedAnchor !== 'undefined') onClickedAnchor(false);\r\n }\r\n );\r\n }}\r\n >\r\n {item.Key}\r\n \r\n ) : (\r\n \r\n {item.Key}\r\n \r\n )}\r\n
\r\n );\r\n })}\r\n
\r\n );\r\n};\r\n\r\nexport default Track(AOListNavigation);\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { useSweLang } from '../Helpers/helpers';\r\n\r\nconst ListViewToggler = (props) => {\r\n return (\r\n \r\n \r\n {props.translations.showcontentas}\r\n \r\n props.onClick(true)}\r\n >\r\n \r\n {props.translations.showasbricks}\r\n \r\n \r\n props.onClick(false)}\r\n >\r\n \r\n {props.translations.showaslist}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ListViewToggler;\r\n","import { useState } from 'react';\r\n\r\nfunction usePagination(data, itemsPerPage, keepPreviousPages = false) {\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const maxPage = Math.ceil(data.length / itemsPerPage);\r\n\r\n function currentData() {\r\n const begin = keepPreviousPages ? 0 : (currentPage - 1) * itemsPerPage;\r\n const end = keepPreviousPages\r\n ? itemsPerPage * currentPage\r\n : begin + itemsPerPage;\r\n return data.slice(begin, end);\r\n }\r\n\r\n function next() {\r\n setCurrentPage((currentPage) => Math.min(currentPage + 1, maxPage));\r\n }\r\n\r\n function prev() {\r\n setCurrentPage((currentPage) => Math.max(currentPage - 1, 1));\r\n }\r\n\r\n function jump(page) {\r\n const pageNumber = Math.max(1, page);\r\n setCurrentPage(() => Math.min(pageNumber, maxPage));\r\n }\r\n\r\n return { next, prev, jump, currentData, currentPage, maxPage };\r\n}\r\n\r\nexport default usePagination;\r\n","import React from 'react';\r\n\r\nconst MediaGalleryPagination = ({\r\n totalSlides,\r\n currentSlide,\r\n visibleRange,\r\n handleClick,\r\n hasGroupedDots\r\n}) => {\r\n const calculateDotSize = (index) => {\r\n const distance = Math.abs(currentSlide - index);\r\n if (distance === 0) return hasGroupedDots ? 60 : 30; // Active dot size\r\n return Math.max(2, 12 - distance); // Decrease size by 1px per step, with a minimum size of 2px\r\n };\r\n\r\n return (\r\n \r\n {Array.from(\r\n { length: hasGroupedDots ? totalSlides - 2 : totalSlides },\r\n (_, index) =>\r\n index >= visibleRange[0] &&\r\n index <= visibleRange[1] && (\r\n handleClick(index)}\r\n >\r\n )\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default MediaGalleryPagination;\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\nimport './styles.scss';\r\n\r\nconst RADIUS = 54;\r\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\r\n\r\nconst progress = (value) => {\r\n const progress = value / 100;\r\n const dashoffset = CIRCUMFERENCE * (1 - progress);\r\n return dashoffset;\r\n};\r\n\r\n/**\r\n * Will output a radial circle progress meter in SVG\r\n *\r\n */\r\nconst Progressbar = (props) => {\r\n return (\r\n \r\n
{props.percent}%
\r\n
\r\n {props.percent} %\r\n \r\n \r\n \r\n