{tag}
\r\n )}\r\n {title && (\r\n \r\n {text}\r\n
\r\n {showIcon && iconIsAfterText && (\r\n \r\n - \r\n {items.map(item => (\r\n
- \r\n \r\n \r\n ))}\r\n
\r\n {label}{' '}\r\n {lessThanMinute ? (\r\n lessThanMinuteText\r\n ) : (\r\n <>\r\n {readingTime}{' '}\r\n {timeUnit}\r\n \r\n )}\r\n
\r\n ) : null;\r\n};\r\n\r\nEstimatedReadingTime.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n timeUnit: PropTypes.string.isRequired,\r\n lessThanMinuteText: PropTypes.string.isRequired,\r\n wordsPerMinuteSpeed: PropTypes.number.isRequired,\r\n className: PropTypes.string\r\n};\r\n\r\nEstimatedReadingTime.propTypesMeta = {\r\n className: 'exclude'\r\n};\r\n\r\nexport default EstimatedReadingTime;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport arrayOfObjectValues from 'js/prop-types-helpers/array-of-object-values';\r\n\r\nconst themes = {\r\n biggerText: 'bigger-text',\r\n compact: 'compact',\r\n footer: 'footer',\r\n narrow: 'narrow',\r\n redLinks: 'red-links',\r\n expanderList: 'expander-list',\r\n eventHeader: 'event-header',\r\n housingProjectFAQBlock: 'housing-project-faq-block',\r\n housingProjectContactForm: 'housing-project-contact-form',\r\n housingProjectImageWithText: 'housing-project-image-with-text',\r\n inspoFullWidthMediaIntroBlock: 'inspo-full-width-media-intro-block',\r\n globalWarningBlock: 'global-warning-block'\r\n};\r\n\r\nconst RichText = ({ html, themes, className }) => {\r\n return !html ? null : (\r\n \r\n {title} \r\n
\r\n \r\n {isFullWidthImage ? (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {image && (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n
\r\n {linkList && (\r\n \r\n {ingress} \r\n
\r\n {estimatedReadingTime && (\r\n \r\n
\r\n )}\r\n {metadata && metadata.length > 0 && (\r\n \r\n {metadata.map(text => (\r\n
\r\n )}\r\n \r\n {text}\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n \r\n
\r\n {image && (\r\n <>\r\n \r\n \r\n {title}\r\n \r\n
\r\n {estimatedReadingTime && (\r\n \r\n
\r\n )}\r\n {metadata && metadata.length > 0 && (\r\n \r\n {metadata.map(text => (\r\n
\r\n )}\r\n\r\n \r\n {text}\r\n
\r\n ))}\r\n \r\n {ingress} \r\n
\r\n {coloredFrame && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n\r\n {linkList && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {\r\n content && (\r\n
\r\n );\r\n}\r\n\r\nArticleInfo.propTypes = {\r\n title: PropTypes.string,\r\n content: PropTypes.exact(RichText.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n size: PropTypes.oneOf(Object.values(sizes))\r\n}\r\n\r\nexport default ArticleInfo;","/* eslint-disable no-console */\r\nconst shouldLog = process.env.NODE_ENV === 'development';\r\nconst noop = () => {};\r\n\r\nexport const log = shouldLog ? console.log : noop;\r\nexport const warn = shouldLog ? console.warn : noop;\r\nexport const error = shouldLog ? console.error : noop;\r\n","const ReactComponent = {};\r\n\r\n// Empty propTypes needed in order for ReactComponent.cs to be generated.\r\nReactComponent.propTypes = {};\r\n\r\n// This component exists in order to generate ReactComponent.cs, and to be able to reference this class in propTypes. The ReactComponent C# class is used in order to have a type that matches any React component view model. It is used in ComponentListItem.jsx to describe 'data'.\r\n// 'ReactComponent' is used as the base class in all generated .cs-files (configurerd in CSharpWebpackPlugin options in webpack.config.js)\r\nexport default ReactComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport supportedComponents from './supported-components';\r\nimport { error } from 'js/log';\r\nimport ReactComponent from 'components/react-component';\r\nimport useIntersectionObserver from 'hooks/use-intersection-observer';\r\n\r\nconst themes = {\r\n smallMargin: 'small-margin',\r\n noMargin: 'no-margin',\r\n noPadding: 'no-padding',\r\n wide: 'wide',\r\n visibleOnScroll: 'visible-on-scroll',\r\n excludeFromVisibleOnScroll: 'exclude-from-visible-on-scroll',\r\n greyBackground: 'grey-background',\r\n whiteBackground: 'white-background',\r\n beigeBackground: 'beige-background',\r\n blackBackground: 'black-background',\r\n transparentBackground: 'transparent-background'\r\n};\r\n\r\nconst ComponentListItem = ({\r\n additionalComponentProps,\r\n componentNotSupportedText,\r\n data,\r\n id,\r\n key,\r\n name,\r\n wrapperElementProps,\r\n isInspoArticle\r\n}) => {\r\n const Component = supportedComponents()[name];\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n\r\n if (!Component) {\r\n error(`😵 ComponentList does not support rendering of '${name}'.`);\r\n return componentNotSupportedText ? (\r\n \r\n
\r\n )\r\n }\r\n \r\n {componentNotSupportedText} {name}\r\n
\r\n ) : null;\r\n }\r\n\r\n if (!data || !Object.keys(data).length) {\r\n return null;\r\n }\r\n\r\n const additionalProps = additionalComponentProps[name];\r\n\r\n if (process.env.NODE_ENV !== 'production') {\r\n // NOTE: wrapping in 'props' in order to do strict validation with 'exact' (top level propTypes are loosely validated)\r\n PropTypes.checkPropTypes(\r\n { props: PropTypes.exact(Component.propTypes) },\r\n { props: { ...data, ...additionalProps } },\r\n 'prop',\r\n name\r\n );\r\n }\r\n\r\n const { themes = [] } = wrapperElementProps[name] || {};\r\n\r\n const ref = React.createRef();\r\n\r\n React.useEffect(() => {\r\n useIntersectionObserver(ref, setIsVisible);\r\n }, []);\r\n\r\n return (\r\n {icons}
}\r\n {!hasNoContent && (\r\n ?
\r\n ) : null}\r\n \r\n )}\r\n \r\n\r\n {children}
\r\n \r\n {text &&
\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nExpanderList.propTypes = {\r\n title: PropTypes.string,\r\n content: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n richText: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string,\r\n text: PropTypes.string\r\n })\r\n ),\r\n hideText: PropTypes.string.isRequired,\r\n showText: PropTypes.string.isRequired,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nExpanderList.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nExpanderList.defaultProps = {\r\n content: []\r\n};\r\n\r\nExpanderList.themes = themes;\r\n\r\nexport default ExpanderList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport cn from 'classnames';\r\n\r\nconst ImageWithCaption = ({ image, caption, className }) => {\r\n return (\r\n {text}
}\r\n {richText && (\r\n\r\n {groups.map(({ title, text }) => (\r\n
\r\n );\r\n};\r\n\r\nContactInfo.propTypes = {\r\n groups: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n title: PropTypes.string.isRequired,\r\n text: PropTypes.exact(RichText.propTypes).isRequired\r\n })\r\n ),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nContactInfo.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nContactInfo.defaultProps = {\r\n groups: []\r\n};\r\n\r\nContactInfo.themes = themes;\r\n\r\nexport default ContactInfo;\r\n","import ContactInfo from 'components/contact-info';\r\nimport LinkList from 'components/link-list';\r\n\r\n// NOTE: Default options for 'ComponentList' when rendered in a sidebar or other small layout.\r\nexport default {\r\n additionalComponentProps: {\r\n ContactInfo: { theme: ContactInfo.themes.vertical },\r\n LinkList: { themes: [LinkList.themes.big] }\r\n }\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport ComponentListItem from 'components/component-list-item';\r\n\r\n/*\r\n NOTE: additionalComponentProps can be used to send props to all components of a specific type.\r\n This only applies to the components rendered directly by ComponentListItem (in other words these props don't trickle all the way down the render tree)\r\n\r\n Example: forcing a 'blue' theme for all Links rendered by a ComponentList:\r\n \r\n
\r\n ))}\r\n \r\n {title} \r\n
\r\n {children}
\r\n);\r\n\r\nColumns.Sidebar = ({ className, children }) => (\r\n {children}
\r\n);\r\n\r\nColumns.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n themes: PropTypes.arrayOf(PropTypes.oneOf(Object.values(themes)))\r\n};\r\n\r\nColumns.propTypesMeta = 'exclude';\r\n\r\nColumns.defaultProps = {\r\n themes: []\r\n};\r\n\r\nColumns.themes = themes;\r\n\r\nexport default Columns;\r\n","import React, { useState, createContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Context = createContext({\r\n mainMenuOpen: true,\r\n globalWarningBlockHeigth: 0,\r\n setIsMainMenuOpen: () => {},\r\n setGlobalWarningBlockHeight: () => {}\r\n});\r\n\r\nexport const MenuContextProvider = ({ children }) => {\r\n const [isMainMenuOpen, setIsMainMenuOpen] = useState(false);\r\n const [shouldHideMainMenu, setShouldHideMainMenu] = useState(false);\r\n const [globalWarningBlockHeigth, setGlobalWarningBlockHeight] = useState(\r\n '0px'\r\n );\r\n\r\n const changeGlobalWarningBlockHeigth = newHeight => {\r\n setGlobalWarningBlockHeight(`${newHeight}px`);\r\n };\r\n\r\n return (\r\n \r\n \r\n {title}\r\n \r\n\r\n {items.length !== 0 ? (\r\n
\r\n);\r\n\r\nFooterGroup.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n text: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nFooterGroup.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default FooterGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n white: 'white',\r\n menu: 'menu'\r\n};\r\n\r\nconst Logo = ({ theme }) => (\r\n - \r\n {items.map(item => (\r\n
- \r\n
\r\n
\r\n )}\r\n \r\n {children}\r\n \r\n
\r\n );\r\n};\r\n\r\nDrawer.propTypes = {\r\n children: PropTypes.node,\r\n hide: PropTypes.func,\r\n hideText: PropTypes.string\r\n};\r\n\r\nexport default Drawer;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// NOTE: Removes scripts, styles and h1-tags (only one h1 tag allowed on each page)\r\nconst sanitize = html =>\r\n html\r\n .replace(/\r\n {header && (\r\n 
\r\n )}\r\n
\r\n \r\n {!header && (\r\n
\r\n \r\n
\r\n )}\r\n {title}
\r\n{text}
\r\n\r\n
\r\n \r\n {linkText && {\r\n e.preventDefault();\r\n useGaTracking('Error', 'GÃ¥ til forsiden', '404', link.url);\r\n }}\r\n >\r\n {link.text}\r\n \r\n )}\r\n
\r\n {linkText}
}\r\n {link && (\r\n\r\n {contactText}\r\n
\r\n \r\n {phone && (\r\n \r\n {phone.text}\r\n \r\n )}\r\n {mail && (\r\n \r\n {mail.text}\r\n \r\n )}\r\n
\r\n {text}
;\r\n};\r\n\r\nErrorText.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nErrorText.propTypesMeta = 'exclude';\r\n\r\nexport default ErrorText;\r\n","import fromQueryString from '@creuna/utils/from-query-string';\r\nimport toQueryString from '@creuna/utils/to-query-string';\r\nimport stripPropertiesWithValue from '@creuna/utils/strip-properties-with-value';\r\n\r\nimport replaceUrl from './replace-url';\r\n\r\nconst updateQueryString = values => {\r\n if (process.env.NODE_ENV === 'test') {\r\n // NOTE: This URL manipulation will make tests fail, so it is ignored while running tests. This block is (probably) removed automatically when building.\r\n return;\r\n }\r\n\r\n const queryList = fromQueryString(location.search);\r\n\r\n const newQueryObject = stripPropertiesWithValue(\r\n { ...queryList, ...values },\r\n null\r\n );\r\n\r\n replaceUrl(toQueryString(newQueryObject));\r\n};\r\n\r\nexport default updateQueryString;\r\n","const replaceUrl = newUrl =>\r\n history.replaceState(null, null, newUrl + location.hash);\r\n\r\nexport default replaceUrl;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport updateQueryString from 'js/url-helpers/update-query-string';\r\n\r\nconst Context = React.createContext({\r\n setFilter: () => {},\r\n shouldShow: () => true\r\n});\r\n\r\nexport const FilterContextProvider = ({ children }) => {\r\n // NOTE: Object with filter category id as keys and the selected filter value as values\r\n const [activeFiltersMap, setActiveFiltersMap] = React.useState({});\r\n\r\n const setFilter = React.useCallback(\r\n (filterId, filterValue) =>\r\n setActiveFiltersMap(currentActiveFilters => ({\r\n ...currentActiveFilters,\r\n [filterId]: filterValue\r\n })),\r\n []\r\n );\r\n\r\n React.useEffect(() => {\r\n updateQueryString(activeFiltersMap);\r\n }, [activeFiltersMap]);\r\n\r\n // NOTE: empty strings and other falsy values are filtered out\r\n const activeFilters = React.useMemo(\r\n () => Object.values(activeFiltersMap).filter(id => id),\r\n [activeFiltersMap]\r\n );\r\n\r\n const shouldShow = React.useCallback(\r\n (filterIds = []) => {\r\n if (activeFilters.length === 0) {\r\n return true; // NOTE: Always show all residences when no filters are set\r\n } else if (filterIds.length === 0) {\r\n return false; // NOTE: Always hide a residence if filters are set and it has no filter ids\r\n }\r\n // NOTE: Show any residences that match all the active filters\r\n return activeFilters.every(filterId => filterIds.includes(filterId));\r\n },\r\n [activeFilters]\r\n );\r\n\r\n return (\r\n \r\n onChange(value)}\r\n value={value}\r\n type=\"radio\"\r\n defaultChecked={defaultChecked}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nRadio.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n value: PropTypes.string.isRequired,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n defaultChecked: PropTypes.bool\r\n};\r\n\r\nRadio.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nRadio.defaultProps = {\r\n onChange: () => {},\r\n defaultChecked: false\r\n};\r\n\r\nRadio.themes = themes;\r\n\r\nexport default Radio;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FilterContext from 'contexts/filter-context';\r\n\r\nimport Radio from 'components/radio';\r\n\r\nconst EventFilters = ({ accessibilityTitle, options, filterId }) => {\r\n const { setFilter } = React.useContext(FilterContext);\r\n\r\n // NOTE: If the filter has an initial value on mount, the context needs to be updated\r\n const currentDefaultChecked = options.find(option => option.defaultChecked);\r\n\r\n React.useEffect(() => {\r\n currentDefaultChecked &&\r\n currentDefaultChecked.value &&\r\n setFilter(filterId, currentDefaultChecked.value);\r\n }, []);\r\n\r\n return (\r\n \r\n setFilter(filterId, value)}\r\n theme={Radio.themes.link}\r\n {...option}\r\n />\r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nEventFilters.propTypes = {\r\n accessibilityTitle: PropTypes.string.isRequired,\r\n filterId: PropTypes.string.isRequired,\r\n options: PropTypes.arrayOf(PropTypes.exact(Radio.propTypes))\r\n};\r\n\r\nexport default EventFilters;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FilterContext from 'contexts/filter-context';\r\n\r\nconst EventListItem = ({ columnIds, filterIds, texts, url, width }) => {\r\n const { shouldShow } = React.useContext(FilterContext);\r\n\r\n return !shouldShow(filterIds) ? null : (\r\n \r\n {texts.map((text, index) => (\r\n \r\n {columnLabels.map((label, index) => (\r\n \r\n {label}\r\n
\r\n ))}\r\n {events.map(event => (\r\n \r\n
\r\n )}\r\n\r\n {blocks && (\r\n \r\n
\r\n )}\r\n \r\n {dayFrom}\r\n {shouldShowMonthFrom && (\r\n {monthFrom}\r\n )}\r\n {monthTo && dayTo && -}\r\n {dayTo}\r\n {monthTo}\r\n
\r\n );\r\n};\r\n\r\nFancyDate.propTypes = {\r\n dayFrom: PropTypes.string,\r\n dayTo: PropTypes.string,\r\n monthFrom: PropTypes.string,\r\n monthTo: PropTypes.string\r\n};\r\n\r\nFancyDate.defaultProps = {\r\n dayFrom: '',\r\n dayTo: ''\r\n};\r\n\r\nexport default FancyDate;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst Metadata = ({ className, items, id }) => {\r\n return (\r\n - \r\n {items.map(({ label, text }) => (\r\n
- {label} \r\n
- {text} \r\n
\r\n
\r\n )}\r\n \r\n \r\n {title}\r\n \r\n
\r\n {metadata && (\r\n \r\n
\r\n )}\r\n {ingress && (\r\n \r\n {ingress} \r\n
\r\n )}\r\n {text && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nEventPromoBlock.propTypes = {\r\n day: PropTypes.string,\r\n month: PropTypes.string,\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n buttonText: PropTypes.string,\r\n callToAction: PropTypes.exact(CallToAction.propTypes)\r\n};\r\n\r\nexport default EventPromoBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport sidebarDefaultOptions from 'js/block-area/sidebar-default-options';\r\n\r\nimport ArticleHeader from 'components/article-header';\r\nimport Columns from 'components/columns';\r\nimport ComponentList from 'components/component-list';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport ExpanderList from 'components/expander-list';\r\nimport Layout from 'components/layout';\r\n\r\nconst FaqPage = ({ blocks, content, header, layout, sidebar }) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {day}
\r\n {month}
\r\n \r\n
\r\n \r\n {text}
\r\n \r\n {buttonText}\r\n
\r\n \r\n {} : toggle}\r\n ref={fakeSelectRef}\r\n >\r\n {valueLabel}\r\n
\r\n {isOpen && (\r\n - \r\n {placeholder && value !== null && (\r\n
\r\n {options.map(option => (\r\n
\r\n );\r\n};\r\n\r\nFilters.propTypes = {\r\n options: PropTypes.arrayOf(PropTypes.exact(Select.propTypes))\r\n};\r\n\r\nFilters.defaultProps = {\r\n options: []\r\n};\r\n\r\nexport default Filters;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport sidebarDefaultOptions from 'js/block-area/sidebar-default-options';\r\n\r\nimport ArticleHeader from 'components/article-header';\r\nimport Columns from 'components/columns';\r\nimport ComponentList from 'components/component-list';\r\nimport Form from 'components/form';\r\nimport Layout from 'components/layout';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst FormPage = ({ form, header, layout, sidebar, text }) => {\r\n return (\r\n \r\n setFilter(option.name, value)}\r\n {...option}\r\n />\r\n
\r\n ))}\r\n \r\n
\r\n \r\n {title &&
\r\n {title}
}\r\n {secondaryTitle && (\r\n\r\n {secondaryTitle}\r\n
\r\n )}\r\n {link && (\r\n\r\n
\r\n )}\r\n \r\n {image &&
\r\n \r\n );\r\n};\r\n\r\nFrontpageHeader.defaultProps = {\r\n title: '',\r\n links: [],\r\n colorThemes: colorThemes.greenDark\r\n};\r\n\r\nFrontpageHeader.propTypes = {\r\n title: PropTypes.string,\r\n secondaryTitle: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n loginLink: PropTypes.exact(LoginLink.propTypes),\r\n colorTheme: PropTypes.oneOf(Object.values(colorThemes))\r\n};\r\n\r\nexport default FrontpageHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\nimport Heading from 'components/heading';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n regular: 'regular',\r\n green: 'green'\r\n};\r\n\r\nconst RelatedPagesBlock = ({ items, theme, title }) => {\r\n return (\r\n \r\n {items.map(item => (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nRelatedPagesBlock.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n link: PropTypes.exact(Link.propTypes),\r\n image: PropTypes.exact(Image.propTypes)\r\n })\r\n ),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n title: PropTypes.string\r\n};\r\n\r\nRelatedPagesBlock.defaultProps = {\r\n items: []\r\n};\r\n\r\nRelatedPagesBlock.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nRelatedPagesBlock.themes = themes;\r\n\r\nexport default RelatedPagesBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport mainContentDefaultOptions from 'js/block-area/main-content-default-options';\r\n\r\nimport FrontpageHeader from 'components/frontpage-header';\r\nimport ComponentList from 'components/component-list';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Layout from 'components/layout';\r\nimport RelatedPagesBlock from 'components/related-pages-block';\r\n\r\nconst Frontpage = ({ blocks, header, layout, topLinks }) => {\r\n return (\r\n \r\n {item.image && (\r\n
\r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {text &&\r\n \r\n );\r\n};\r\n\r\nFullWidthQuoteBlock.propTypes = {\r\n text: PropTypes.string,\r\n author: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nFullWidthQuoteBlock.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nFullWidthQuoteBlock.themes = themes;\r\n\r\nexport default FullWidthQuoteBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport sidebarDefaultOptions from 'js/block-area/sidebar-default-options';\r\n\r\nimport ArticleHeader from 'components/article-header';\r\nimport Columns from 'components/columns';\r\nimport ComponentList from 'components/component-list';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Heading from 'components/heading';\r\nimport Layout from 'components/layout';\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst GlossaryPage = ({\r\n blocks,\r\n header,\r\n layout,\r\n sidebar,\r\n title,\r\n text,\r\n link\r\n}) => {\r\n return (\r\n{text}
}\r\n {author && (\r\n \r\n )}\r\n
\r\n {title} \r\n
\r\n \r\n
\r\n {link && (\r\n \r\n \r\n
\r\n )}\r\n {lead}
\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\nHousingProjectMenu.propTypes = {\r\n mainLink: PropTypes.exact(Link.propTypes),\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n button: PropTypes.exact(Button.propTypes),\r\n backToFrontpageLink: PropTypes.shape({\r\n url: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n isArticlePage: PropTypes.bool,\r\n theme: PropTypes.string\r\n};\r\n\r\nHousingProjectMenu.propTypesMeta = {\r\n isArticlePage: 'exclude',\r\n theme: 'exclude'\r\n};\r\n\r\nHousingProjectMenu.themes = themes;\r\n\r\nexport default HousingProjectMenu;\r\n","import useEvent from './use-event';\r\n\r\n/** Executes the provided callback when a click event occurs above the provided ref */\r\nconst useClickAbove = (ref, callback = () => {}, excludedClass) => {\r\n useEvent('click', e => {\r\n if (ref.current) {\r\n const rect = ref.current.getBoundingClientRect();\r\n const isClickAbove = e.clientY < rect.top;\r\n const isNotExcluded = !e.target.classList.contains(excludedClass);\r\n\r\n if (isClickAbove && isNotExcluded) {\r\n callback();\r\n }\r\n }\r\n });\r\n};\r\n\r\nexport default useClickAbove;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n circle: 'circle'\r\n};\r\n\r\nconst RelatedArticlesCarouselSlide = ({ tag, title, image, url, theme }) => {\r\n return (\r\n \r\n {mainLink && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {links && links.length !== 0 && (\r\n
\r\n \r\n
\r\n )}\r\n - \r\n {links.map(link => (\r\n
\r\n
\r\n )}\r\n \r\n \r\n {links && links.length !== 0 && (\r\n \r\n
\r\n \r\n {backToFrontpageLink && (\r\n \r\n
\r\n )}\r\n - \r\n {links.map(link => (\r\n
\r\n
\r\n )}\r\n \r\n {children}\r\n
\r\n ) : (\r\n <>{children}\r\n )}\r\n \r\n );\r\n};\r\n\r\nRelatedArticlesCarouselWrapper.propTypes = {\r\n renderWrapper: PropTypes.bool,\r\n children: PropTypes.node\r\n};\r\n\r\nRelatedArticlesCarouselWrapper.propTypesMeta = 'exclude';\r\n\r\nexport default RelatedArticlesCarouselWrapper;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useState, useRef, useEffect, useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport { Navigation } from 'swiper/modules';\r\n\r\nimport formatCount from '../../js/format-count';\r\n\r\nimport RelatedArticlesCarouselSlide from './related-articles-carousel-slide';\r\nimport RelatedArticlesCarouselWrapper from './related-articles-carousel-wrapper';\r\nimport Heading from 'components/heading';\r\nimport Icon from 'components/icon';\r\nimport Link from 'components/link';\r\n\r\nconst themes = {\r\n dark: 'dark',\r\n light: 'light'\r\n};\r\n\r\nconst RelatedArticlesCarousel = ({\r\n title,\r\n link,\r\n previousButtonText,\r\n nextButtonText,\r\n slides,\r\n theme,\r\n inHousingProjectArticle = false\r\n}) => {\r\n const [isTitleVisible, setIsTitleVisible] = useState(false);\r\n const [isSlidesVisible, setIsSlidesVisible] = useState(false);\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n const currentSwiperId = 'swiper' + title.replace(/[^a-zA-Z0-9]/g, '');\r\n\r\n const params = {\r\n initialSlide: 0,\r\n centeredSlides: false,\r\n spaceBetween: 24,\r\n slidesPerView: 'auto',\r\n breakpoints: {\r\n 800: {\r\n spaceBetween: 40\r\n }\r\n },\r\n navigation: {\r\n nextEl: '.swiper-navbutton-next' + currentSwiperId,\r\n prevEl: '.swiper-navbutton-prev' + currentSwiperId\r\n }\r\n };\r\n\r\n const titleRef = useRef();\r\n const slidesRef = useRef();\r\n\r\n const handleNext = () => {\r\n setCurrentIndex(prev => {\r\n if (prev + 1 < slides.length) {\r\n return prev + 1;\r\n }\r\n return prev;\r\n });\r\n };\r\n\r\n const handlePrevious = () => {\r\n setCurrentIndex(prev => {\r\n if (prev - 1 >= 0) {\r\n return prev - 1;\r\n }\r\n return prev;\r\n });\r\n };\r\n\r\n const countText = useMemo(() => formatCount(currentIndex, slides.length), [\r\n currentIndex,\r\n slides.length\r\n ]);\r\n\r\n useEffect(() => {\r\n if ('IntersectionObserver' in window) {\r\n const titleObserver = new IntersectionObserver(\r\n ([entry]) => {\r\n if (entry.isIntersecting) {\r\n setIsTitleVisible(true);\r\n titleObserver.disconnect();\r\n }\r\n },\r\n { root: null, rootMargin: '0px', threshold: 0.4 }\r\n );\r\n\r\n const slidesObserver = new IntersectionObserver(\r\n ([entry]) => {\r\n if (entry.isIntersecting) {\r\n setIsSlidesVisible(true);\r\n slidesObserver.disconnect();\r\n }\r\n },\r\n { root: null, rootMargin: '0px', threshold: 0.4 }\r\n );\r\n\r\n if (titleRef.current) {\r\n titleObserver.observe(titleRef.current);\r\n }\r\n if (slidesRef.current) {\r\n slidesObserver.observe(slidesRef.current);\r\n }\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {title && (\r\n \r\n \r\n {title}\r\n \r\n
\r\n )}\r\n {link && (\r\n \r\n \r\n {link.text}\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 {countText}\r\n
{' '}\r\n \r\n
\r\n \r\n \r\n \r\n {title}\r\n \r\n
\r\n )}\r\n {description && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nHousingProjectBlockHeader.propTypes = {\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n theme: PropTypes.oneOf(Object.keys(themes))\r\n};\r\n\r\nHousingProjectBlockHeader.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectBlockHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components/link';\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport HousingProjectBlockHeader from 'components/housing-project-block-header';\r\nimport Icon from 'components/icon';\r\n\r\nconst HousingProjectContactBlock = ({\r\n title,\r\n link,\r\n description,\r\n items,\r\n theme\r\n}) => {\r\n return (\r\n \r\n \r\n {item.title}\r\n \r\n {item.subTitle && (\r\n
\r\n )}\r\n \r\n {item.subTitle}\r\n
\r\n )}\r\n \r\n {item.phone && (\r\n
\r\n \r\n ))}\r\n \r\n )}\r\n \r\n \r\n \r\n {item.phone.text}\r\n \r\n \r\n
\r\n )}\r\n {item.email && (\r\n \r\n \r\n \r\n {item.email.text}\r\n \r\n \r\n
\r\n )}\r\n {item.logo && (\r\n \r\n
\r\n )}\r\n {error ? '* ' + text : text}
\r\n \r\n );\r\n};\r\n\r\nLabel.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.string,\r\n htmlFor: PropTypes.string,\r\n error: PropTypes.bool\r\n};\r\n\r\nLabel.propTypesMeta = 'exclude';\r\n\r\nexport default Label;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport InfoNote from 'components/info-note';\r\nimport Label from 'components/label';\r\nimport ErrorText from 'components/error-text';\r\n\r\nconst types = {\r\n email: 'email',\r\n password: 'password',\r\n tel: 'tel',\r\n number: 'number',\r\n text: 'text',\r\n url: 'url',\r\n textarea: 'textarea',\r\n search: 'search'\r\n};\r\n\r\nconst themes = {\r\n default: 'default',\r\n shortInput: 'short-input',\r\n simple: 'simple',\r\n confirmationInput: 'confirmation-input'\r\n};\r\n\r\nconst TextInput = React.forwardRef(\r\n (\r\n {\r\n label,\r\n isRequired,\r\n placeholder,\r\n type,\r\n id,\r\n value,\r\n onChange,\r\n onKeyPress,\r\n name,\r\n shouldAutoFocus,\r\n theme,\r\n error,\r\n errorText,\r\n className,\r\n readOnly,\r\n step = 1,\r\n min = 0,\r\n max,\r\n autoComplete = null,\r\n pattern,\r\n maxLength,\r\n infoNote,\r\n disabled = false,\r\n useValue = false,\r\n hideLabel,\r\n noteClassName\r\n },\r\n ref\r\n ) => {\r\n const [isValue, setIsValue] = React.useState(value);\r\n const handleChange = e => {\r\n setIsValue(e.target.value);\r\n onChange(e);\r\n };\r\n\r\n React.useEffect(() => {\r\n setIsValue(value);\r\n }, [value]);\r\n\r\n const inputName = name || id;\r\n\r\n let inputProps;\r\n\r\n if (useValue) {\r\n inputProps = {\r\n className: cn('text-input__input', {\r\n 'text-input__input--error': error,\r\n [`text-input__input--${theme}`]: theme\r\n }),\r\n id,\r\n ref: ref,\r\n name: inputName,\r\n value: isValue,\r\n autoFocus: shouldAutoFocus,\r\n onChange: e => {\r\n handleChange(e);\r\n },\r\n onKeyPress,\r\n placeholder,\r\n type: type !== types.textarea ? type : undefined,\r\n required: isRequired,\r\n readOnly,\r\n step: type === 'number' ? step : null,\r\n min: type === 'number' ? min : null,\r\n max: type === 'number' ? max : null,\r\n autoComplete,\r\n pattern: pattern,\r\n maxLength: maxLength,\r\n disabled: disabled\r\n };\r\n } else {\r\n inputProps = {\r\n className: cn('text-input__input', {\r\n 'text-input__input--error': error,\r\n [`text-input__input--${theme}`]: theme\r\n }),\r\n id,\r\n ref: ref,\r\n name: inputName,\r\n defaultValue: isValue,\r\n autoFocus: shouldAutoFocus,\r\n onChange: e => {\r\n handleChange(e);\r\n },\r\n onKeyPress,\r\n placeholder,\r\n type: type !== types.textarea ? type : undefined,\r\n required: isRequired,\r\n readOnly,\r\n step: type === 'number' ? step : null,\r\n min: type === 'number' ? min : null,\r\n max: type === 'number' ? max : null,\r\n autoComplete,\r\n pattern: pattern,\r\n maxLength: maxLength,\r\n disabled: disabled\r\n };\r\n }\r\n\r\n const inputTag = React.createElement(\r\n type === types.textarea ? 'textarea' : 'input',\r\n inputProps\r\n );\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n {inputTag}
\r\n \r\n
\r\n \r\n {nameInput && (\r\n \r\n
\r\n \r\n {errorText}\r\n
\r\n )}\r\n {checkbox && checkbox.html && (\r\n \r\n {\r\n e.preventDefault();\r\n onSubmit();\r\n }}\r\n text={\r\n showSuccessMessage\r\n ? submitButtonSuccessText\r\n : submitButtonText\r\n }\r\n success={isFormSent}\r\n loading={isLoading}\r\n disabled={showSuccessMessage || !isCheckBoxChecked}\r\n />\r\n
\r\n )}\r\n - \r\n {items.map(item => (\r\n
- \r\n
\r\n \r\n\r\n {item.title && (\r\n\r\n\r\n {item.text}\r\n\r\n )}\r\n {item.documents && item.documents !== 0 && (\r\n- \r\n {item.documents.map(document => (\r\n
\r\n ))}\r\n
\r\n {text &&
\r\n \r\n ))}\r\n {text}
}\r\n {richText && (\r\n\r\n \r\n {tag && (\r\n \r\n {tag}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {title && (\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 {title && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {logo1 && (\r\n
\r\n \r\n \r\n \r\n {title.text}\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nHousingProjectHeader.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n logo1: PropTypes.exact(Image.propTypes),\r\n logo2: PropTypes.exact(Image.propTypes),\r\n logo3: PropTypes.exact(Image.propTypes),\r\n logo4: PropTypes.exact(Image.propTypes),\r\n mobileImage: PropTypes.exact(Image.propTypes),\r\n title: PropTypes.exact(InspoAnimatedTitle.propTypes),\r\n theme: PropTypes.oneOf(Object.keys(themes))\r\n};\r\n\r\nHousingProjectHeader.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst HousingProjectInformationList = ({ items, baseTheme }) => {\r\n return (\r\n - \r\n {items.map(item => (\r\n
- \r\n {item.label}\r\n \r\n
- \r\n {item.text}\r\n \r\n
\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nHousingProjectStatus.propTypes = {\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n link: PropTypes.exact(Button.propTypes),\r\n buttonTheme: PropTypes.oneOf(Object.values(buttonThemes)),\r\n baseTheme: PropTypes.oneOf(Object.values(baseThemes)),\r\n colorTheme: PropTypes.oneOf(Object.values(colorThemes))\r\n};\r\n\r\nHousingProjectStatus.propTypesMeta = {\r\n baseTheme: 'exclude',\r\n colorTheme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectStatus;\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport HousingProjectInformationList from 'components/housing-project-information-list';\r\nimport HousingProjectStatus from 'components/housing-project-status';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Link from 'components/link';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst baseThemes = {\r\n dark: 'dark',\r\n light: 'light'\r\n};\r\n\r\nconst colorThemes = {\r\n _: '',\r\n green: 'green'\r\n};\r\n\r\nconst HousingProjectInformation = ({\r\n title,\r\n location,\r\n informationListGroups,\r\n statusList,\r\n baseTheme,\r\n colorTheme\r\n}) => {\r\n return (\r\n {text}
\r\n {link && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n \r\n ))}\r\n
\r\n \r\n
\r\n {informationListGroups &&\r\n informationListGroups.length !== 0 &&\r\n informationListGroups.map((group, index) => (\r\n \r\n {statusList &&\r\n statusList.length !== 0 &&\r\n statusList.map(item => (\r\n \r\n ))}\r\n
\r\n \r\n \r\n \r\n {slides &&\r\n slides.length !== 0 &&\r\n slides.map((slide, index) => (\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n
\r\n \r\n {slides.map((slide, index) => (\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nHousingProjectImageGalleryCarousel.propTypes = {\r\n slides: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n image: PropTypes.exact(Image.propTypes),\r\n description: PropTypes.string\r\n })\r\n ),\r\n initialId: PropTypes.number,\r\n nextButtonText: PropTypes.string,\r\n previousButtonText: PropTypes.string\r\n};\r\n\r\nHousingProjectImageGalleryCarousel.propTypesMeta = {\r\n initialId: 'exclude'\r\n};\r\n\r\nexport default HousingProjectImageGalleryCarousel;\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Heading from 'components/heading';\r\nimport Image from 'components/image';\r\nimport Modal from 'react-modal';\r\nimport HousingProjectImageGalleryCarousel from 'components/housing-project-image-gallery-carousel';\r\nimport Icon from 'components/icon';\r\n\r\nconst HousingProjectImageGalleryItem = ({\r\n title,\r\n carousel,\r\n id,\r\n openCarouselButtonText,\r\n closeCarouselButtonText\r\n}) => {\r\n const [carouselIsOpen, setCarouselIsOpen] = React.useState(false);\r\n const [currentSlideId, setCurrentSlideId] = React.useState();\r\n\r\n const openCarousel = slideId => {\r\n setCarouselIsOpen(true);\r\n setCurrentSlideId(slideId);\r\n };\r\n\r\n const closeCarousel = () => {\r\n setCarouselIsOpen(false);\r\n };\r\n\r\n return (\r\n \r\n {index === currentSlide && (\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n \r\n {currentSlide + 1 < 10 && 0}\r\n {currentSlide + 1}\r\n \r\n /{slides.length < 10 && 0}\r\n {slides.length}\r\n \r\n
\r\n \r\n {slide.description}\r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {carousel.slides && (\r\n \r\n \r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nHousingProjectImageGalleryItem.propTypes = {\r\n title: PropTypes.string,\r\n id: PropTypes.string,\r\n carousel: PropTypes.exact(HousingProjectImageGalleryCarousel.propTypes),\r\n openCarouselButtonText: PropTypes.string,\r\n closeCarouselButtonText: PropTypes.string\r\n};\r\n\r\nexport default HousingProjectImageGalleryItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Link from 'components/link';\r\nimport HousingProjectImageGalleryItem from 'components/housing-project-image-gallery-item';\r\n\r\nconst HousingProjectImageGallery = ({ links, items }) => {\r\n return (\r\n \r\n {carousel.slides.map((slide, index) => (\r\n {\r\n e.preventDefault();\r\n openCarousel(index);\r\n }}\r\n key={index}\r\n className=\"housing-project-image-gallery-item__image-container\"\r\n >\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n {\r\n \r\n {links && links !== 0 && (\r\n
\r\n );\r\n};\r\n\r\nHousingProjectImageGallery.propTypes = {\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact(HousingProjectImageGalleryItem.propTypes)\r\n )\r\n};\r\n\r\nexport default HousingProjectImageGallery;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Layout from 'components/layout';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport ComponentList from 'components/component-list';\r\nimport HousingProjectArticleHeader from 'components/housing-project-article-header';\r\nimport HousingProjectMenu from 'components/housing-project-menu';\r\nimport HousingProjectImageGallery from 'components/housing-project-image-gallery';\r\n\r\nconst HousingProjectImageGalleryPage = ({\r\n layout,\r\n housingProjectArticleHeader,\r\n menu,\r\n imageGallery\r\n}) => {\r\n const header = (\r\n \r\n {links.map(link => (\r\n \r\n ))}\r\n
\r\n )}\r\n {items && items !== 0 && (\r\n \r\n {items.map(item => (\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n \r\n {menu && (\r\n \r\n {imageGallery && \r\n \r\n
\r\n );\r\n};\r\n\r\nHousingProjectImageGalleryPage.propTypes = {\r\n blocks: PropTypes.exact(ComponentList.propTypes),\r\n housingProjectArticleHeader: PropTypes.exact(\r\n HousingProjectArticleHeader.propTypes\r\n ),\r\n layout: PropTypes.exact(Layout.propTypes),\r\n menu: PropTypes.exact(HousingProjectMenu.propTypes),\r\n imageGallery: PropTypes.exact(HousingProjectImageGallery.propTypes)\r\n};\r\n\r\nexport default HousingProjectImageGalleryPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport Button from 'components/button';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport RichText from 'components/rich-text';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst alignments = {\r\n left: 'left',\r\n right: 'right'\r\n};\r\n\r\nconst HousingProjectImageWithText = ({\r\n title,\r\n richText,\r\n link,\r\n image,\r\n theme,\r\n alignment\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {richText && (\r\n
\r\n\r\n {image && (\r\n \r\n
\r\n )}\r\n {link && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n \r\n {item.title}\r\n \r\n
\r\n )}\r\n {item.text ? (\r\n \r\n {item.text}\r\n
\r\n ) : item.table ? (\r\n \r\n
\r\n )}\r\n\r\n {item.title || item.text ? (\r\n \r\n {item.title && (\r\n
\r\n ) : null}\r\n {item.link && (\r\n \r\n \r\n {item.title}\r\n \r\n
\r\n )}\r\n {item.text && (\r\n \r\n {item.text}\r\n
\r\n )}\r\n \r\n {this.props.title && (\r\n \r\n \r\n {this.props.title}\r\n \r\n \r\n )}\r\n (this.mapElement = div)}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Map;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Map from 'components/map';\r\nimport HousingProjectBlockHeader from 'components/housing-project-block-header';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport cn from 'classnames';\r\n\r\nconst HousingProjectMapBlock = ({ title, map, description, theme }) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nVideo.propTypes = {\r\n url: PropTypes.string,\r\n type: PropTypes.string,\r\n containerClassName: PropTypes.string,\r\n shouldLoop: PropTypes.bool,\r\n videoClassName: PropTypes.string\r\n};\r\n\r\nVideo.propTypesMeta = {\r\n containerClassName: 'exclude',\r\n videoClassName: 'exclude',\r\n shouldLoop: 'exclude'\r\n};\r\n\r\nexport default Video;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Video from 'components/video';\r\nimport cn from 'classnames';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Plx from 'react-plx';\r\nimport RichText from 'components/rich-text';\r\nimport Button from 'components/button';\r\n\r\nconst themes = {\r\n dark: 'dark',\r\n green: 'green'\r\n};\r\n\r\nconst HousingProjectMediaBlock = ({\r\n title,\r\n intro,\r\n image,\r\n video,\r\n link,\r\n theme,\r\n id\r\n}) => {\r\n const plxData = [\r\n {\r\n start: `.housing-project-media-block__wrapper--${id}`,\r\n duration: '150vh',\r\n startOffset: '100vh',\r\n properties: [\r\n {\r\n startValue: 0,\r\n endValue: -1000,\r\n property: 'translateY'\r\n }\r\n ]\r\n }\r\n ];\r\n return (\r\n \r\n \r\n \r\n {title && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nHousingProjectMediaBlock.propTypes = {\r\n title: PropTypes.string,\r\n intro: PropTypes.exact(RichText.propTypes),\r\n id: PropTypes.string,\r\n link: PropTypes.exact(Button.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n video: PropTypes.exact(Video.propTypes),\r\n theme: PropTypes.oneOf(Object.keys(themes))\r\n};\r\n\r\nHousingProjectMediaBlock.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectMediaBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n dark: 'dark',\r\n light: 'light'\r\n};\r\n\r\nconst HousingProjectPromoBlock = ({\r\n title,\r\n image,\r\n linkText,\r\n linkUrl,\r\n theme\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n )}\r\n\r\n {intro && (\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {linkText && (\r\n \r\n {linkText}\r\n \r\n )}\r\n
\r\n\r\n {image && (\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\nHousingProjectRichTextBlock.propTypes = {\r\n html: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.keys(themes)),\r\n link: PropTypes.exact(Button.propTypes)\r\n};\r\n\r\nHousingProjectRichTextBlock.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectRichTextBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Button from 'components/button';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport cn from 'classnames';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst HousingProjectScrollingImages = ({\r\n title,\r\n text,\r\n link,\r\n images,\r\n theme\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {text && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n {link && (\r\n \r\n
\r\n )}\r\n \r\n {images &&\r\n images.length !== 0 &&\r\n images.map(image => (\r\n \r\n
\r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nHousingProjectScrollingImages.propTypes = {\r\n title: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n link: PropTypes.exact(Button.propTypes),\r\n images: PropTypes.arrayOf(PropTypes.exact(Image.propTypes)),\r\n theme: PropTypes.string\r\n};\r\n\r\nHousingProjectScrollingImages.propTypesMeta = {\r\n theme: 'exclude'\r\n};\r\n\r\nexport default HousingProjectScrollingImages;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Plx from 'react-plx';\r\n\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport RichText from 'components/rich-text';\r\nimport Button from 'components/button';\r\n\r\nconst themes = {\r\n dark: 'dark',\r\n green: 'green',\r\n light: 'light'\r\n};\r\n\r\nconst HousingProjectTeaserBlock = ({\r\n title,\r\n text,\r\n link,\r\n leftImage,\r\n rightImage,\r\n theme\r\n}) => {\r\n const plxData = [\r\n {\r\n start: `.housing-project-teaser-block__left`,\r\n duration: '75vh',\r\n startOffset: '5vh',\r\n properties: [\r\n {\r\n startValue: 100,\r\n endValue: 0,\r\n property: 'translateY'\r\n }\r\n ]\r\n }\r\n ];\r\n\r\n const plxData2 = [\r\n {\r\n start: `.housing-project-teaser-block__right`,\r\n duration: '75vh',\r\n startOffset: '5vh',\r\n properties: [\r\n {\r\n startValue: 200,\r\n endValue: 0,\r\n property: 'translateY'\r\n }\r\n ]\r\n }\r\n ];\r\n\r\n return (\r\n \r\n
\r\n \r\n {leftImage && (\r\n \r\n
\r\n \r\n \r\n {title}\r\n \r\n {text && (\r\n
\r\n \r\n
\r\n )}\r\n {link && (\r\n \r\n
\r\n )}\r\n \r\n {rightImage && (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nIframe.propTypes = {\r\n src: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n height: PropTypes.number,\r\n width: PropTypes.number\r\n};\r\n\r\nexport default Iframe;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Carousel from 'components/carousel';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\n\r\nconst ImageAndCarousel = ({ carousel, image, imageText, text, url }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nImageAndCarousel.propTypes = {\r\n carousel: PropTypes.exact(Carousel.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n imageText: PropTypes.string,\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n};\r\n\r\nexport default ImageAndCarousel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\nimport Text from 'components/text';\r\n\r\nconst ImageListBlock = ({ items }) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n {image &&
\r\n {imageText && (\r\n {imageText}
\r\n )}\r\n\r\n {carousel && (\r\n
\r\n \r\n \r\n {url ? (\r\n \r\n ) : (\r\n \r\n
\r\n {text}
\r\n )}\r\n\r\n {items.map(({ text, url, image }) => (\r\n
\r\n );\r\n};\r\n\r\nImageListBlock.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes).isRequired\r\n })\r\n )\r\n};\r\n\r\nImageListBlock.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default ImageListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport Button from 'components/button';\r\nimport RichText from 'components/rich-text';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst buttonColors = {\r\n black: 'black',\r\n red: 'red'\r\n};\r\n\r\nconst ImageWithTextItem = ({ title, richText, link, image, buttonColor }) => {\r\n return (\r\n \r\n \r\n \r\n {url ? : text}\r\n \r\n \r\n )}\r\n
\r\n ))}\r\n \r\n
\r\n {text && (\r\n \r\n
\r\n );\r\n};\r\n\r\nImageWithTextItem.defaultProps = {\r\n color: buttonColors.black\r\n};\r\n\r\nImageWithTextItem.propTypes = {\r\n title: PropTypes.string,\r\n richText: PropTypes.exact(RichText.propTypes),\r\n link: PropTypes.exact(Button.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n buttonColor: PropTypes.oneOf(Object.values(buttonColors))\r\n};\r\n\r\nexport default ImageWithTextItem;\r\n","import React from 'react';\r\nimport ImageWithTextItem from 'components/image-with-text-item';\r\nimport ContentWrapper from 'components/content-wrapper';\r\n\r\nimport PropTypes from 'prop-types';\r\n\r\nconst ImageWithTextList = ({ listItems }) => {\r\n return (\r\n \r\n {image && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {richText && (\r\n
\r\n {link && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {listItems &&\r\n listItems.length > 0 &&\r\n listItems.map(element =>
\r\n \r\n {options.map(option => (\r\n
\r\n );\r\n};\r\n\r\nInspoArticleFilters.propTypes = {\r\n filterId: PropTypes.string.isRequired,\r\n options: PropTypes.arrayOf(PropTypes.exact(Radio.propTypes))\r\n};\r\n\r\nInspoArticleFilters.defaultProps = {\r\n options: []\r\n};\r\n\r\nexport default InspoArticleFilters;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport EstimatedReadingTime from 'components/estimated-reading-time';\r\n\r\nconst InspoArticleHeader = ({\r\n ingress,\r\n date,\r\n byline,\r\n estimatedReadingTime\r\n}) => {\r\n return (\r\n \r\n setFilter(filterId, value)}\r\n theme={Radio.themes.button}\r\n {...option}\r\n />\r\n
\r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nInspoArticleHeader.propTypes = {\r\n ingress: PropTypes.string,\r\n date: PropTypes.string,\r\n byline: PropTypes.arrayOf(PropTypes.shape({ text: PropTypes.string })),\r\n estimatedReadingTime: PropTypes.exact(EstimatedReadingTime.propTypes)\r\n};\r\n\r\nexport default InspoArticleHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FilterContext from 'contexts/filter-context';\r\n\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport Video from 'components/video';\r\n\r\nconst InspoArticleList = ({ articles }) => {\r\n const { shouldShow } = React.useContext(FilterContext);\r\n\r\n return (\r\n \r\n {ingress && (\r\n
\r\n \r\n
\r\n )}\r\n {estimatedReadingTime && (\r\n \r\n {ingress.charAt(0)}\r\n
\r\n \r\n {ingress.substr(1)}\r\n
\r\n {date}
}\r\n\r\n {byline && (\r\n \r\n {byline.map(item => (\r\n
\r\n )}\r\n \r\n {item.text}\r\n
\r\n ))}\r\n - \r\n {articles.map(article =>\r\n !shouldShow(article.filterIds) ? null : (\r\n
\r\n \r\n
\r\n )}\r\n {article.image && !article.video && (\r\n \r\n
\r\n )}\r\n\r\n {article.tags && (\r\n \r\n {article.tags.map(tag => (\r\n {tag}\r\n ))}\r\n
\r\n )}\r\n \r\n {article.ingress}\r\n
\r\n )}\r\n \r\n \r\n )\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {image && !video && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {title && (\r\n \r\n {linkToListpage && (\r\n \r\n \r\n \r\n {linkToListpage.text}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nInspoBulletList.propTypes = {\r\n title: PropTypes.string,\r\n useOrderedList: PropTypes.bool,\r\n list: PropTypes.arrayOf(PropTypes.shape({text: PropTypes.string}))\r\n};\r\n\r\nInspoBulletList.defaultProps = {\r\n list: []\r\n};\r\n\r\nexport default InspoBulletList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport Video from 'components/video';\r\nimport cn from 'classnames';\r\nimport Heading from 'components/heading';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Plx from 'react-plx';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst backgroundColors = {\r\n greenDark: 'green-dark',\r\n beigeLight: 'beige-light',\r\n pink: 'pink',\r\n pinkLight: 'pink-light'\r\n};\r\n\r\nconst InspoFullWidthMediaBlock = ({\r\n title,\r\n intro,\r\n introColor = 'green-dark',\r\n titleColor = 'pink-light',\r\n image,\r\n video,\r\n id\r\n}) => {\r\n const plxData = [\r\n {\r\n start: `.inspo-full-width-media-block__wrapper--${id}`,\r\n duration: '150vh',\r\n startOffset: '100vh',\r\n properties: [\r\n {\r\n startValue: 0,\r\n endValue: -1000,\r\n property: 'translateY'\r\n }\r\n ]\r\n }\r\n ];\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n {list.map(item => (\r\n \r\n {item.text}\r\n \r\n ))}\r\n \r\n
\r\n \r\n {video && (\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nInspoFullWidthMediaBlock.propTypes = {\r\n title: PropTypes.string,\r\n intro: PropTypes.exact(RichText.propTypes),\r\n id: PropTypes.string,\r\n introColor: PropTypes.oneOf(Object.values(backgroundColors)),\r\n titleColor: PropTypes.oneOf(Object.values(backgroundColors)),\r\n image: PropTypes.exact(Image.propTypes),\r\n video: PropTypes.exact(Video.propTypes)\r\n};\r\n\r\nInspoFullWidthMediaBlock.colors = backgroundColors;\r\n\r\nexport default InspoFullWidthMediaBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport InspoFullWidthMediaBlock from 'components/inspo-full-width-media-block';\r\n\r\nconst InspoFullWidthMediaBlockList = ({ items }) => {\r\n return (\r\n \r\n \r\n \r\n {title && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n )}\r\n\r\n {intro && (\r\n \r\n {items.map(item => (\r\n
\r\n );\r\n};\r\n\r\nInspoFullWidthMediaBlockList.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.exact(InspoFullWidthMediaBlock.propTypes))\r\n};\r\n\r\nexport default InspoFullWidthMediaBlockList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { FilterContextProvider } from 'contexts/filter-context';\r\n\r\nimport Layout from 'components/layout';\r\nimport InspoHeader from 'components/inspo-header';\r\nimport InspoArticleList from 'components/inspo-article-list';\r\nimport InspoArticleFilters from 'components/inspo-article-filters';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport ComponentList from 'components/component-list';\r\n\r\nimport mainContentDefaultOptions from 'js/block-area/main-content-default-options';\r\n\r\nconst InspoListPage = ({\r\n layout,\r\n inspoHeader,\r\n articleList,\r\n filters,\r\n blocks\r\n}) => {\r\n const header = \r\n
\r\n );\r\n};\r\n\r\nInspoPromoBlock.propTypes = {\r\n text: PropTypes.exact(RichText.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n link: PropTypes.exact(Link.propTypes)\r\n};\r\n\r\nexport default InspoPromoBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\n\r\nconst InspoRelatedArticles = ({ title, articles }) => {\r\n return (\r\n \r\n {image && (\r\n
\r\n {link && (\r\n \r\n
\r\n )}\r\n {text && \r\n \r\n {link.text}\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nInspoRelatedArticles.propTypes = {\r\n articles: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n tag: PropTypes.string,\r\n title: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n url: PropTypes.string\r\n })\r\n ),\r\n title: PropTypes.string\r\n};\r\n\r\nInspoRelatedArticles.defaultProps = {\r\n articles: []\r\n};\r\n\r\nexport default InspoRelatedArticles;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport sidebarDefaultOptions from 'js/block-area/sidebar-default-options';\r\n\r\nimport RichText from 'components/rich-text';\r\nimport Columns from 'components/columns';\r\nimport ComponentList from 'components/component-list';\r\nimport ComponentListItem from 'components/component-list-item';\r\n\r\nconst InspoRichTextWithSidebar = ({ text, sidebar }) => {\r\n return (\r\n - \r\n {articles.map(article => (\r\n
- \r\n \r\n \r\n {article.image && (\r\n\r\n \r\n\r\n\r\n )}\r\n\r\n
\r\n \r\n\r\n\r\n {article.tag}\r\n\r\n \r\n ))}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n {sidebar && (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nInspoRichTextWithSidebar.propTypes = {\r\n sidebar: PropTypes.exact(ComponentList.propTypes),\r\n text: PropTypes.exact(RichText.propTypes)\r\n};\r\n\r\nexport default InspoRichTextWithSidebar;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Heading from 'components/heading';\r\nimport LinkList from 'components/link-list';\r\nimport cn from 'classnames';\r\n\r\nconst LinkListBlock = ({ groups, title }) => {\r\n return (\r\n \r\n {title && (\r\n
\r\n \r\n );\r\n};\r\n\r\nLinkListBlock.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n groups: PropTypes.arrayOf(PropTypes.exact(LinkList.propTypes))\r\n};\r\n\r\nLinkListBlock.defaultProps = {\r\n groups: []\r\n};\r\n\r\nexport default LinkListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Heading from 'components/heading';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\n\r\nconst youTubeMeta = '?rel=0&modestbranding=1';\r\n\r\nconst MediaBlock = ({ youTubeLink, image, link, title, isInspoArticle }) => {\r\n return (\r\n \r\n \r\n {title}\r\n \r\n
\r\n )}\r\n\r\n \r\n {groups.map(group => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nMediaBlock.propTypes = {\r\n youTubeLink: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string.isRequired,\r\n isInspoArticle: PropTypes.bool\r\n};\r\n\r\nexport default MediaBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport useGaTracking from 'hooks/use-ga-tracking';\r\n\r\nconst MembershipBenefitsBonusLink = ({ url, text, shouldOpenInNewTab }) => {\r\n const urlParts = /^(?:\\w+:\\/\\/)?([^/]+)(.*)$/.exec(url);\r\n const hostname = urlParts[1]; //to be able to push hostname only to dataLayer for GA\r\n\r\n return (\r\n \r\n {youTubeLink && (\r\n \r\n {title}\r\n \r\n )}\r\n {link && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {image && !youTubeLink && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n e.preventDefault();\r\n useGaTracking(\r\n 'Medlemsfordeler',\r\n 'Adtraction link click',\r\n hostname,\r\n url,\r\n shouldOpenInNewTab\r\n );\r\n }}\r\n >\r\n \r\n {text}\r\n \r\n
\r\n );\r\n};\r\n\r\nMembershipBenefitsBonusLink.propTypes = {\r\n url: PropTypes.string,\r\n text: PropTypes.string,\r\n shouldOpenInNewTab: PropTypes.bool\r\n};\r\n\r\nexport default MembershipBenefitsBonusLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Heading from 'components/heading';\r\nimport cn from 'classnames';\r\n\r\nconst NoItemsMessage = ({ heading, text, className }) => {\r\n return (\r\n \r\n {heading && (\r\n \r\n {heading}\r\n \r\n )}\r\n {text &&
\r\n );\r\n};\r\n\r\nNoItemsMessage.propTypes = {\r\n heading: PropTypes.string,\r\n text: PropTypes.string,\r\n className: PropTypes.string\r\n};\r\n\r\nNoItemsMessage.propTypesMeta = {\r\n className: 'exclude'\r\n};\r\n\r\nexport default NoItemsMessage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport FilterContext from 'contexts/filter-context';\r\n\r\nimport Heading from 'components/heading';\r\nimport Image from 'components/image';\r\nimport Text from 'components/text';\r\n\r\nconst tagColors = {\r\n red: 'red',\r\n yellow: 'yellow',\r\n green: 'green'\r\n};\r\n\r\nconst PageListItem = ({\r\n filterIds,\r\n image,\r\n published,\r\n tagColor,\r\n tagText,\r\n text,\r\n title,\r\n url\r\n}) => {\r\n const { shouldShow } = React.useContext(FilterContext);\r\n\r\n return !shouldShow(filterIds) ? null : (\r\n \r\n {text}
}\r\n \r\n \r\n {tagText && (\r\n \r\n {tagText}\r\n
\r\n )}\r\n {image && (\r\n \r\n
\r\n )}\r\n \r\n\r\n {published && (\r\n {published}
\r\n )}\r\n \r\n \r\n {title}\r\n \r\n
\r\n {text && (\r\n \r\n
\r\n );\r\n};\r\n\r\nPageList.propTypes = {\r\n anchorId: PropTypes.string,\r\n callToAction: PropTypes.exact(CallToAction.propTypes),\r\n className: PropTypes.string,\r\n items: PropTypes.arrayOf(PropTypes.exact(PageListItem.propTypes)),\r\n title: PropTypes.string,\r\n missingItemsText: PropTypes.string\r\n};\r\n\r\nPageList.defaultProps = {\r\n items: []\r\n};\r\n\r\nPageList.propTypesMeta = {\r\n className: 'exclude'\r\n};\r\n\r\nexport default PageList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components/heading';\r\nimport CornerWrapper from 'components/corner-wrapper';\r\nimport Image from 'components/image';\r\nimport Text from 'components/text';\r\nimport Icon from 'components/icon';\r\n\r\nconst alignments = {\r\n left: 'left',\r\n right: 'right'\r\n};\r\n\r\nconst colors = {\r\n orange: 'orange',\r\n beige: 'beige'\r\n};\r\n\r\nconst PromoBlock = ({\r\n align,\r\n color,\r\n date,\r\n image,\r\n ingress,\r\n title,\r\n callToAction,\r\n url,\r\n shouldOpenInNewTab\r\n}) => {\r\n return (\r\n \r\n {title && (\r\n
\r\n \r\n {title} \r\n
\r\n )}\r\n {listHasItems() ? (\r\n \r\n {items.map(page => (\r\n
\r\n ) : (\r\n {missingItemsText}
\r\n )}\r\n {callToAction &&\r\n {date && (\r\n \r\n {date}\r\n \r\n )}\r\n\r\n \r\n {title}\r\n \r\n\r\n {ingress && {ingress}}\r\n\r\n {callToAction && (\r\n
\r\n \r\n {callToAction}\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nPromoBlock.propTypes = {\r\n align: PropTypes.oneOf(Object.values(alignments)),\r\n color: PropTypes.oneOf(Object.values(colors)),\r\n date: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n ingress: PropTypes.string,\r\n title: PropTypes.string,\r\n callToAction: PropTypes.string,\r\n url: PropTypes.string,\r\n shouldOpenInNewTab: PropTypes.bool\r\n};\r\n\r\nPromoBlock.defaultProps = {\r\n align: alignments.right,\r\n color: colors.beige\r\n};\r\n\r\nPromoBlock.alignments = alignments;\r\n\r\nexport default PromoBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Link from 'components/link';\r\nimport Icon from 'components/icon';\r\nimport paginationGroups from './pagination-groups';\r\nimport cn from 'classnames';\r\n\r\nconst Pagination = ({\r\n links,\r\n prevPageUrl,\r\n prevPageText,\r\n nextPageUrl,\r\n nextPageText\r\n}) => {\r\n let linkGroups = React.useMemo(() => paginationGroups(links), [links]);\r\n const activeIndex = links.findIndex(link => link.active);\r\n\r\n return (\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\nPagination.propTypes = {\r\n links: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n active: PropTypes.bool\r\n })\r\n ),\r\n prevPageUrl: PropTypes.string,\r\n prevPageText: PropTypes.string,\r\n nextPageUrl: PropTypes.string,\r\n nextPageText: PropTypes.string\r\n};\r\n\r\nPagination.defaultProps = {\r\n links: [],\r\n active: false\r\n};\r\n\r\nexport default Pagination;\r\n","function paginationGroups(list = []) {\r\n const activeIndex = list.findIndex(link => link.active);\r\n\r\n if (list.length <= 7) {\r\n return [list];\r\n } else if (activeIndex < 3) {\r\n return [list.slice(0, 3), list.slice(-1)];\r\n } else if (activeIndex >= list.length - 3) {\r\n return [list.slice(0, 1), list.slice(-3)];\r\n } else {\r\n return [\r\n list.slice(0, 1),\r\n list.slice(activeIndex - 1, activeIndex + 2),\r\n list.slice(-1)\r\n ];\r\n }\r\n}\r\n\r\nexport default paginationGroups;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { FilterContextProvider } from 'contexts/filter-context';\r\nimport mainContentDefaultOptions from 'js/block-area/main-content-default-options';\r\n\r\nimport Columns from 'components/columns';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport ComponentList from 'components/component-list';\r\nimport Filters from 'components/filters';\r\nimport Heading from 'components/heading';\r\nimport Layout from 'components/layout';\r\nimport PromoBlock from 'components/promo-block';\r\nimport Text from 'components/text';\r\nimport PageList from 'components/page-list';\r\nimport Pagination from 'components/pagination';\r\n\r\nconst PageListPage = ({\r\n filters,\r\n ingress,\r\n layout,\r\n promotedPage,\r\n title,\r\n pageList,\r\n pagination,\r\n blocks\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {linkGroups.map((linkGroup, index) => (\r\n link.text).join('')}\r\n >\r\n {index !== 0 &&
\r\n ))}\r\n\r\n ...
}\r\n {linkGroup.map(link => (\r\n \r\n {link.active ? (\r\n \r\n )}\r\n
\r\n ))}\r\n {link.text}
\r\n ) : (\r\n \r\n \r\n {title}\r\n \r\n {ingress} \r\n
\r\n \r\n
\r\n )}\r\n {filters && (\r\n \r\n
\r\n )}\r\n \r\n\r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n return !shouldShow(filterIds) ? null : isSlide ? (\r\n getElement()\r\n ) : (\r\n - \r\n {items.map(pageListItem => (\r\n
\r\n {\r\n if (swiper.isEnd) {\r\n setCurrentIndex(items.length - 1);\r\n } else if (swiper.isBeginning) {\r\n setCurrentIndex(0);\r\n } else {\r\n swiper && setCurrentIndex(swiper.activeIndex);\r\n }\r\n }}\r\n >\r\n {items.map(pageListItem => (\r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {countText}
\r\n \r\n
\r\n \r\n \r\n {title}\r\n \r\n {ingress} \r\n
\r\n \r\n
\r\n )}\r\n {filters && (\r\n \r\n \r\n {description}\r\n \r\n )}\r\n {link && (\r\n
\r\n );\r\n};\r\n\r\nQuoteBlock.propTypes = {\r\n description: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n quote: PropTypes.string,\r\n quotee: PropTypes.string\r\n};\r\n\r\nexport default QuoteBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FilterContext from 'contexts/filter-context';\r\n\r\nimport Heading from 'components/heading';\r\nimport Image from 'components/image';\r\nimport Icon from 'components/icon';\r\n\r\nconst ResidenceList = ({ items }) => {\r\n const { shouldShow } = React.useContext(FilterContext);\r\n\r\n return (\r\n \r\n\r\n\r\n {description && (\r\n{quote}
\r\n {quotee && }\r\n
\r\n
\r\n )}\r\n \r\n {items.map(\r\n ({ filterIds, id, image, subtitle, tag, title, url, isExternalLink }) =>\r\n !shouldShow(filterIds) ? null : (\r\n \r\n
\r\n );\r\n};\r\n\r\nResidenceList.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n filterIds: PropTypes.arrayOf(PropTypes.string),\r\n id: PropTypes.string.isRequired,\r\n image: PropTypes.exact(Image.propTypes),\r\n subtitle: PropTypes.string,\r\n tag: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n isExternalLink: PropTypes.bool\r\n })\r\n )\r\n};\r\n\r\nResidenceList.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default ResidenceList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Heading from 'components/heading';\r\nimport ResidenceList from 'components/residence-list';\r\n\r\nconst ResidenceListBlock = ({ residences, title }) => {\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n {isExternalLink && (\r\n \r\n )}\r\n \r\n\r\n
\r\n {subtitle}
\r\n\r\n {image && (\r\n
\r\n \r\n )\r\n )}\r\n {tag}
}\r\n \r\n \r\n {title}\r\n \r\n
\r\n );\r\n};\r\n\r\nResidenceListBlock.propTypes = {\r\n residences: PropTypes.exact(ResidenceList.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default ResidenceListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport mainContentDefaultOptions from 'js/block-area/main-content-default-options';\r\nimport { FilterContextProvider } from 'contexts/filter-context';\r\n\r\nimport Columns from 'components/columns';\r\nimport ComponentList from 'components/component-list';\r\nimport ContentWrapper from 'components/content-wrapper';\r\nimport Filters from 'components/filters';\r\nimport Heading from 'components/heading';\r\nimport ResidenceList from 'components/residence-list';\r\nimport Layout from 'components/layout';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst ResidenceListPage = ({\r\n blocks,\r\n filters,\r\n layout,\r\n residences,\r\n title,\r\n ingress\r\n}) => {\r\n return (\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 {blocks && (\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n
\r\n {residences && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n\r\n
\r\n );\r\n\r\n return (\r\n {address}
\r\n\r\n{price}
\r\n{squareMeters}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {ingress} \r\n \r\n \r\n {logo && \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n {sidebar && (\r\n \r\n \r\n\r\n {blocks && (\r\n \r\n \r\n )}\r\n
\r\n {status}
\r\n\r\n {metadataGroups.map(group => (\r\n \r\n
\r\n )}\r\n {callToAction && (\r\n \r\n {showingLabel} \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n \r\n {results.length > 0 ? (\r\n \r\n {resultsDescription && \r\n ) : (\r\n
\r\n {resultsDescription}
}\r\n {results.map(({ link, text }) => (\r\n\r\n \r\n \r\n \r\n {text && {text} }\r\n
\r\n ))}\r\n {noResultsText}
\r\n )}\r\n\r\n \r\n {isSelected && (\r\n
\r\n );\r\n};\r\n\r\nSelectOption.propTypes = {\r\n id: PropTypes.string,\r\n inputName: PropTypes.string,\r\n value: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n isSelected: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n type: PropTypes.string\r\n};\r\n\r\nSelectOption.propTypesMeta = {\r\n inputName: 'exclude',\r\n id: 'exclude',\r\n type: 'exclude'\r\n};\r\n\r\nexport default SelectOption;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SelectOption from 'components/select-option';\r\n\r\nconst TagFilter = ({\r\n options = [],\r\n name,\r\n clearLabel,\r\n multiselect = false,\r\n onChange = () => {}\r\n}) => {\r\n const [clearOption, setClearOption] = useState(\r\n clearLabel ? { label: clearLabel, value: '' } : null\r\n );\r\n const [optionsMap, setOptions] = useState(\r\n new Map(options.map(o => [o.value, o]))\r\n );\r\n\r\n useEffect(() => {\r\n if (clearOption) {\r\n clearOption.isSelected = ![...optionsMap.values()].find(\r\n o => o.isSelected\r\n );\r\n setClearOption(Object.assign({}, clearOption));\r\n }\r\n }, [optionsMap]);\r\n\r\n const refreshOptions = () => {\r\n setOptions(new Map(optionsMap));\r\n };\r\n\r\n const handleClearOptionChange = () => {\r\n for (var option of optionsMap.values()) {\r\n option.isSelected = false;\r\n }\r\n refreshOptions();\r\n onChange({\r\n options: [],\r\n selectedValues: [],\r\n value: null\r\n });\r\n };\r\n\r\n const handleOptionChange = e => {\r\n var targetOption = optionsMap.get(e.value);\r\n targetOption.isSelected = !targetOption.isSelected;\r\n if (!multiselect && targetOption.isSelected) {\r\n for (var option of optionsMap.values()) {\r\n option.isSelected = option === targetOption;\r\n }\r\n }\r\n refreshOptions();\r\n const options = [...optionsMap.values()];\r\n const selectedValues = options.filter(o => o.isSelected).map(o => o.value);\r\n const value = (options.find(o => o.isSelected) || {}).value || null;\r\n\r\n onChange({\r\n options: options,\r\n selectedValues: selectedValues,\r\n value: value\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nTagFilter.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n multiselect: PropTypes.bool,\r\n options: PropTypes.arrayOf(PropTypes.exact(SelectOption.propTypes)),\r\n clearLabel: PropTypes.string,\r\n onChange: PropTypes.func\r\n};\r\nexport default TagFilter;\r\n","/* eslint-disable react/prop-types */\r\n/* eslint-disable react/no-multi-comp */\r\n/* eslint-disable react/no-array-index-key */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CarouselTeaserBlock from 'components/carousel-teaser-block';\r\nimport cn from 'classnames';\r\nimport Slider from 'react-slick';\r\n\r\nconst themes = {\r\n red: 'red',\r\n yellow: 'yellow',\r\n green: 'green'\r\n};\r\n\r\nconst TeasersCarouselBlock = ({\r\n previousButtonText,\r\n nextButtonText,\r\n theme,\r\n items\r\n}) => {\r\n const slider = React.useRef();\r\n\r\n function SampleNextArrow(props) {\r\n const { onClick } = props;\r\n return (\r\n - \r\n {clearOption && (\r\n
- \r\n
- \r\n
\r\n {image1 &&
\r\n );\r\n};\r\n\r\nTwoImagesBlock.propTypes = {\r\n image1: PropTypes.exact(ImageWithCaption.propTypes),\r\n image2: PropTypes.exact(ImageWithCaption.propTypes)\r\n};\r\n\r\nexport default TwoImagesBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst VacantPositionsBlock = ({ id }) => {\r\n return (\r\n \r\n '\r\n }}\r\n >\r\n
\r\n );\r\n};\r\n\r\nVacantPositionsBlock.propTypes = {\r\n id: PropTypes.string\r\n};\r\n\r\nexport default VacantPositionsBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst youTubeMeta = '?rel=0&modestbranding=1';\r\n\r\nconst VideoListItem = ({ title, url }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nVideoListBlock.propTypes = {\r\n title: PropTypes.string,\r\n videoListItems: PropTypes.arrayOf(PropTypes.exact(VideoListItem.propTypes)),\r\n button: PropTypes.exact(Link.propTypes)\r\n};\r\n\r\nexport default VideoListBlock;\r\n","const req = require.context('./', true, /\\.svg$/);\r\n\r\nexport default req.keys().reduce((icons, filename) => {\r\n const id = filename.replace('./', '').replace('.svg', '');\r\n return { ...icons, [id]: req(filename).default };\r\n}, {});\r\n","/*\r\n * Minimal classList shim for IE 9\r\n * By Devon Govett\r\n * MIT LICENSE\r\n */\r\n\r\n// NOTE: https://gist.github.com/devongovett/1381839\r\n\r\nfunction activate() {\r\n if (typeof document === 'undefined') return;\r\n if (\r\n !('classList' in document.documentElement) &&\r\n Object.defineProperty &&\r\n typeof HTMLElement !== 'undefined'\r\n ) {\r\n Object.defineProperty(HTMLElement.prototype, 'classList', {\r\n get: function() {\r\n var self = this;\r\n function update(fn) {\r\n return function(value) {\r\n var classes = self.className.split(/\\s+/),\r\n index = classes.indexOf(value);\r\n\r\n fn(classes, index, value);\r\n self.className = classes.join(' ');\r\n };\r\n }\r\n\r\n var ret = {\r\n add: update(function(classes, index, value) {\r\n ~index || classes.push(value);\r\n }),\r\n\r\n remove: update(function(classes, index) {\r\n ~index && classes.splice(index, 1);\r\n }),\r\n\r\n toggle: update(function(classes, index, value) {\r\n ~index ? classes.splice(index, 1) : classes.push(value);\r\n }),\r\n\r\n contains: function(value) {\r\n return !!~self.className.split(/\\s+/).indexOf(value);\r\n },\r\n\r\n item: function(i) {\r\n return self.className.split(/\\s+/)[i] || null;\r\n }\r\n };\r\n\r\n Object.defineProperty(ret, 'length', {\r\n get: function() {\r\n return self.className.split(/\\s+/).length;\r\n }\r\n });\r\n\r\n return ret;\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default {\r\n activate\r\n};\r\n","import classListPolyfill from './polyfills/class-list';\r\n\r\n/* NOTE: https://www.html5rocks.com/en/mobile/touchandmouse/\r\n First, you have to be careful when designing more advanced touch interactions:\r\n when the user uses a mouse it will respond via a click event, but when the user\r\n touches the screen both touch and click events will occur.\r\n\r\n For a single click the order of events is:\r\n\r\n 1. touchstart\r\n 2. touchmove\r\n 3. touchend\r\n 4. mouseover\r\n 5. mousemove\r\n 6. mousedown\r\n 7. mouseup\r\n 8. click\r\n*/\r\n\r\nfunction activate() {\r\n if (typeof document === 'undefined') return;\r\n\r\n let touchEndHappened = false;\r\n\r\n classListPolyfill.activate();\r\n\r\n const onMouseDown = () => {\r\n if (touchEndHappened) {\r\n return;\r\n }\r\n\r\n document.documentElement.classList.add('mouse-user');\r\n document.documentElement.classList.add('no-touchevents');\r\n document.documentElement.classList.remove('touchevents');\r\n };\r\n\r\n const onTouchEnd = () => {\r\n touchEndHappened = true;\r\n setTimeout(() => {\r\n touchEndHappened = false;\r\n }, 100);\r\n };\r\n\r\n const onTouchStart = () => {\r\n document.documentElement.classList.add('mouse-user');\r\n document.documentElement.classList.add('touchevents');\r\n document.documentElement.classList.remove('no-touchevents');\r\n };\r\n\r\n document.addEventListener('touchstart', onTouchStart);\r\n document.addEventListener('touchend', onTouchEnd);\r\n document.addEventListener('mousedown', onMouseDown);\r\n\r\n const keyCodeWhiteList = [9, 33, 34, 35, 36, 37, 38, 39, 40];\r\n\r\n document.addEventListener('keydown', e => {\r\n if (keyCodeWhiteList.indexOf(e.which) !== -1) {\r\n document.documentElement.classList.remove('mouse-user');\r\n }\r\n });\r\n}\r\n\r\nexport default {\r\n activate\r\n};\r\n","import inputDetection from './input-detection';\r\n\r\ninputDetection.activate();\r\n","var ___EXPOSE_LOADER_IMPORT___ = require(\"-!../node_modules/babel-loader/lib/index.js!./app.components.js\");\nvar ___EXPOSE_LOADER_GET_GLOBAL_THIS___ = require(\"../node_modules/expose-loader/dist/runtime/getGlobalThis.js\");\nvar ___EXPOSE_LOADER_GLOBAL_THIS___ = ___EXPOSE_LOADER_GET_GLOBAL_THIS___;\nif (typeof ___EXPOSE_LOADER_GLOBAL_THIS___[\"UsblComponents\"] === 'undefined') ___EXPOSE_LOADER_GLOBAL_THIS___[\"UsblComponents\"] = ___EXPOSE_LOADER_IMPORT___;\nmodule.exports = ___EXPOSE_LOADER_IMPORT___;\n","var map = {\n\t\"./alerts.svg\": 2561,\n\t\"./arrow-button.svg\": 4716,\n\t\"./arrow-downward.svg\": 8074,\n\t\"./arrow-thin.svg\": 4969,\n\t\"./arrow.svg\": 1423,\n\t\"./attachment.svg\": 7483,\n\t\"./avatar.svg\": 5079,\n\t\"./card.svg\": 8662,\n\t\"./chat.svg\": 1822,\n\t\"./check-circle-for-animation.svg\": 8702,\n\t\"./check-circle-small.svg\": 1467,\n\t\"./check-circle.svg\": 3289,\n\t\"./check-email.svg\": 4939,\n\t\"./check-for-animation.svg\": 6643,\n\t\"./check-phone.svg\": 6603,\n\t\"./check-thin.svg\": 5676,\n\t\"./check.svg\": 2396,\n\t\"./checkbox.svg\": 8095,\n\t\"./checkmark.svg\": 9935,\n\t\"./chevron-big-right.svg\": 7977,\n\t\"./chevron-down.svg\": 1754,\n\t\"./clock.svg\": 1374,\n\t\"./close-modal.svg\": 8456,\n\t\"./comments-circle-black.svg\": 1529,\n\t\"./comments-circle.svg\": 5919,\n\t\"./delete.svg\": 9226,\n\t\"./download-portal.svg\": 7467,\n\t\"./download.svg\": 2460,\n\t\"./edit.svg\": 1680,\n\t\"./error-label.svg\": 8319,\n\t\"./error-large.svg\": 8428,\n\t\"./error.svg\": 5070,\n\t\"./external-link-bold.svg\": 8026,\n\t\"./external-link-extra-small.svg\": 2921,\n\t\"./external-link-small.svg\": 5764,\n\t\"./external-link.svg\": 1086,\n\t\"./facebook-icon.svg\": 154,\n\t\"./facebook.svg\": 536,\n\t\"./floor-plan.svg\": 3910,\n\t\"./hamburger.svg\": 8577,\n\t\"./hand-pointing-1.svg\": 6436,\n\t\"./hand-pointing-2.svg\": 887,\n\t\"./hand-thumb-up.svg\": 310,\n\t\"./info.svg\": 6936,\n\t\"./instagram.svg\": 5040,\n\t\"./linkedin.svg\": 8458,\n\t\"./location.svg\": 4737,\n\t\"./lock-unlocked.svg\": 8989,\n\t\"./lock.svg\": 1049,\n\t\"./mail.svg\": 5513,\n\t\"./man-pc-small.svg\": 5988,\n\t\"./membershipcard-thin.svg\": 118,\n\t\"./minus.svg\": 3372,\n\t\"./nets-payment.svg\": 5405,\n\t\"./new-window.svg\": 7471,\n\t\"./padlock.svg\": 8229,\n\t\"./phone.svg\": 3392,\n\t\"./plus-bold.svg\": 2956,\n\t\"./plus-circle.svg\": 6497,\n\t\"./plus-small.svg\": 9734,\n\t\"./plus.svg\": 548,\n\t\"./search-small.svg\": 4938,\n\t\"./search.svg\": 5768,\n\t\"./trash.svg\": 9242,\n\t\"./upload.svg\": 7183,\n\t\"./vipps-payment.svg\": 787,\n\t\"./vipps.svg\": 7470,\n\t\"./x-circle.svg\": 6065,\n\t\"./x.svg\": 8596\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 9477;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t818: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = this[\"webpackChunkusbl_frontend\"] = this[\"webpackChunkusbl_frontend\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(8624)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(6472)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(5348)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(4088)))\nvar __webpack_exports__ = __webpack_require__.O(undefined, [121], () => (__webpack_require__(8168)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","xmlns","viewBox","d","_g","width","height","fill","fillRule","transform","cx","cy","stroke","strokeWidth","style","x","y","rx","_circle","_path2","_path3","xmlSpace","_defs","clipPath","clipRule","ry","strokeMiterlimit","strokeLinecap","xmlnsXlink","patternContentUnits","xlinkHref","colors","black","white","red","slate","greenDark","themes","h1","h2","h3","h3Portal","h3PortalBold","h4","h5","h6","inherit","Heading","_ref","children","className","level","color","theme","React","concat","cn","propTypes","PropTypes","values","defaultProps","AlertBlock","title","link","textBeforeLink","textAfterLink","href","url","target","shouldOpenInNewTab","rel","text","bigScreenOnly","smallScreenOnly","ContentWrapper","background","stretch","Image","alt","srcSet","src","blendMode","isSvg","image","loading","fetchPriority","sizes","undefined","backgroundImage","isRequired","icons","require","Icon","name","useFill","focusable","keys","green","yellow","yellowOnMobile","redDark","fontThemes","light","regular","regularSmall","uppercaseCondensed","uppercase","bold","animation","expand","shrink","buttonSmall","menu","loginLinkYellow","loginLinkBlack","inspoHeader","frontpageHeader","Link","fontTheme","iconName","showIcon","onClick","isExternalLink","iconIsAfterText","isAnchorLink","ariaCurrent","big","columns","LinkList","items","map","item","key","ingress","ingressSmall","Text","EstimatedReadingTime","label","lessThanMinuteText","timeUnit","wordsPerMinuteSpeed","lessThanMinute","setLessThanMinute","readingTime","setReadingTime","document","textContainer","getElementsByClassName","onreadystatechange","readyState","wordsNumber","innerText","trim","split","time","Math","floor","fewWords","biggerText","compact","footer","narrow","redLinks","expanderList","eventHeader","housingProjectFAQBlock","housingProjectContactForm","housingProjectImageWithText","inspoFullWidthMediaIntroBlock","globalWarningBlock","RichText","html","dangerouslySetInnerHTML","__html","object","propValue","componentName","location","propFullName","includes","Error","ColoredFrame","ArticleHeader","isFullWidthImage","linkList","metadata","estimatedReadingTime","coloredFrame","ArticleInfo","content","size","beige","full","half","error","noop","ReactComponent","smallMargin","noMargin","noPadding","wide","visibleOnScroll","excludeFromVisibleOnScroll","greyBackground","whiteBackground","beigeBackground","blackBackground","transparentBackground","ComponentListItem","additionalComponentProps","componentNotSupportedText","data","id","wrapperElementProps","isInspoArticle","Component","isVisible","setIsVisible","additionalProps","ref","useIntersectionObserver","window","itemObserver","IntersectionObserver","entry","isIntersecting","disconnect","root","rootMargin","threshold","current","observe","Expander","hideText","showText","isExpanded","hasQuestionmarkButton","onToggle","hasNoContent","isOpen","setIsOpen","toggle","stopPropagation","type","Collapse","ExpanderList","_ref2","richText","ImageWithCaption","caption","alignments","left","right","ColumnImageBlock","alignment","deafultProps","wideTheme","CarouselBlock","ContactBlock","ImageAndCarousel","ImageListBlock","Map","PromoBlock","RelatedArticlesCarousel","vertical","alternateTextThemes","ContactInfo","groups","alignElementsBottom","ComponentList","components","component","compactMobile","wideContent","Columns","Main","Sidebar","_ref3","Context","createContext","mainMenuOpen","globalWarningBlockHeigth","setIsMainMenuOpen","setGlobalWarningBlockHeight","MenuContextProvider","isMainMenuOpen","useState","shouldHideMainMenu","setShouldHideMainMenu","Provider","value","changeGlobalWarningBlockHeigth","newHeight","Timeout","fn","delay","setTimeout","this","clear","cleared","clearTimeout","getCallbackEnhancedData","callback","callbackTimeout","eventCallback","send","isRunningOnClient","dataLayer","forEach","dataObject","push","category","action","event","eventCategory","eventAction","eventLabel","eventValue","useGaTracking","analytics","open","FooterGroup","Logo","SocialMediaLink","facebook","instagram","linkedin","useEvent","eventName","eventHandler","dependencies","addEventListener","removeEventListener","excluededClass","contains","classList","useEscape","which","Drawer","hide","useClickOutside","sanitize","replace","Form","attributes","method","ContactForm","contactInfo","form","focusElement","element","focus","focusRef","TabTrapper","focusSelector","isActive","contentRef","previouslyFocusedElement","activeElement","selector","querySelector","focusChild","useOnUnmount","jumpToContent","buttonStyle","clip","overflow","position","onFocus","role","tabIndex","useToggle","initiallyActive","setIsActive","useCallback","activate","Footer","contacts","socialMediaTitle","socialMediaLinks","contactVisible","_toggleContact","hideContact","showContact","contact","contactFormText","group","Search","endpoint","inputLabel","inputName","inputPlaceholder","inputValue","shouldFocusInput","submitLabel","searchIsOpen","inputRef","useRef","timeoutRef","useEffect","useLayoutEffect","defaultValue","placeholder","HeaderToggleButton","activeIconName","nonActiveIconName","MenuHeaders","headers","activeHeader","header","MenuGroup","firstList","secondList","thirdList","renderList","list","LoginLink","linkTheme","Menu","loginLink","activeGroup","handleCloseMenu","closeButtonText","links","GLOBAL_WARNING_SESSION_STORAGE_ID","GlobalWarningBlock","textAsHtml","isPlaceholder","handleIsOpen","c","useContext","MenuContext","blockRef","observer","ResizeObserver","entries","contentRect","unobserve","sessionStorage","getItem","handleOnClose","setItem","Header","menuToggleLabel","searchToggleLabel","searchToggleText","linkToHomeUrl","linkToHomeText","search","globalWarningBlockIsOpen","handleChangeWarningBlock","currentActiveGroup","setCurrentActiveGroup","menuIsOpen","setMenuIsOpen","setSearchIsOpen","headerRef","resetMenu","body","isPlaceHolder","targetHeader","onSearchButtonClick","prev","handleOnMenuToggleClick","button","CallToAction","linkText","SupportLinks","callToAction","linkLists","linkColorThemes","orange","aqua","pink","pinkLight","Support","contactForm","contactFormButtonText","linkColorTheme","linksButtonText","contactFormVisible","chat","linksVisible","_toggleLinks","hideLinks","showLinks","hasScrolled","setHasScrolled","targetPosition","onScroll","scrollingElement","scrollTop","useOnScrollPosition","bootstrapperUrl","script","createElement","setAttribute","onload","zissonWebChat","hideWidget","phone","setDefaults","navn","telefonnummer","getElementById","openWidget","startConversation","appendChild","linkBgColor","NewsModal","closeModalText","intro","showModal","setShowModal","closeAndTrack","trackingActionText","closeModal","Modal","onRequestClose","onOutsideClickClose","outsideClickClose","overlayClassName","preventDefault","SkipNavLink","targetId","USBL_MAIN_CONTENT_ID","noMinHeight","housingProject","Layout","skipToMainContentLinkText","fullWidthChildren","support","newsModal","warningBlockIsOpen","setWarningBlockIsOpen","isClient","setIsClient","headerTheme","ArticlePage","blocks","layout","sidebar","articleHeader","sidebarDefaultOptions","mainContentDefaultOptions","greenBordered","yellowBordered","slateBg","transparentWithGreenBorder","vipps","close","add","warningbanner","Button","disabled","housingProjectButtonTheme","housingProjectBaseTheme","housingProjectColorTheme","success","isDownload","classNames","download","center","fullFidth","formatNumber","number","formatCount","totalText","cb","next","previous","CarouselButton","onMouseMove","mouseX","mouseY","setMousePosition","top","getBoundingClientRect","clientX","clientY","useRelativeMousePosition","centered","leftAligned","tall","counterThemes","circles","Carousel","nextButtonText","previousButtonText","slides","counterTheme","currentIndex","initialValue","min","max","count","setCount","useCounter","selectedSlideIndex","refSlider","hasContent","some","slide","hasNext","hasPrevious","countText","circleCounter","i","index","slickGoTo","onDotClick","visibility","carousel","CarouselTeaserBlock","textHtml","Checkbox","checked","typeId","onChange","hasDisabledStyle","isLoading","isChecked","setisChecked","defaultChecked","CognitoForm","dataKey","dataForm","formRef","UTMParameters","urlParams","URLSearchParams","UTMSource","get","UTMMedium","UTMCampaign","UTMTerm","UTMContent","getUTMParameters","async","prefillForm","Cognito","prefill","MutationObserver","on","hasErrors","consentEvents","filter","_event$","cookieConsentFor","personIdentificators","Name","Email","PhoneNumber","formTitle","childList","subtree","_formRef$current","removeChild","smallText","verticalMobile","ContactCard","description","jobTitle","ContactList","blue","rightSmall","leftSmall","CornerWrapper","align","CreditsBlock","IconLinkList","icon","Downloads","useIsMounted","isMounted","setIsMounted","greyBg","DropdownFilter","options","hasSearch","searchPlaceholder","hasTouch","setHasTouch","currentOptions","setCurrentOptions","searchRef","fakeSelectRef","selectedOption","setSelectedOption","find","o","isSelected","handleChange","selected","option","currentOption","dropdownRef","isDisabled","input","newOptions","toLowerCase","ErrorPage","contactText","mail","ErrorText","queryList","fromQueryString","newQueryObject","stripPropertiesWithValue","_objectSpread","newUrl","toQueryString","history","replaceState","hash","setFilter","shouldShow","FilterContextProvider","activeFiltersMap","setActiveFiltersMap","filterId","filterValue","currentActiveFilters","updateQueryString","activeFilters","filterIds","every","Radio","htmlFor","EventFilters","accessibilityTitle","FilterContext","currentDefaultChecked","EventListItem","columnIds","texts","EventList","columnLabels","events","cellWidth","join","EventListPage","filters","FancyDate","dayFrom","dayTo","monthFrom","monthTo","shouldShowMonthFrom","Metadata","EventPage","date","EventPromoBlock","day","month","buttonText","FaqPage","Select","defaultSelectedId","setValue","valueLabel","fallback","_","_ref4","Filters","FormPage","colorThemes","FrontpageHeader","secondaryTitle","colorTheme","RelatedPagesBlock","Frontpage","topLinks","frontpageColorTheme","FrontpageHeaderConfirmation","closeButtonLabel","setOpen","FrontpageHeaderConfirmationRef","FrontpageHeaderConfirmationPosition","FrontpageHeaderConfirmationPanel","FrontpageHeaderConfirmationPanelArrow","loginLinkLeftPossition","offsetLeft","leftPosition","abs","onClose","FullWidthQuoteBlock","author","GlossaryPage","HousingProjectArticleHeader","lead","galleryPage","dark","HousingProjectMenu","mainLink","backToFrontpageLink","isArticlePage","shouldHideBaseMenu","setShouldHideBaseMenu","isAnimating","setIsAnimating","prevScrollPosRef","menuRef","menuContainerRef","menuAnimTimeoutRef","excludedClass","rect","isClickAbove","isNotExcluded","useClickAbove","toggleIsAnimating","handleScroll","currentScrollPos","scrollY","isScrollingDown","handleResize","innerWidth","circle","RelatedArticlesCarouselSlide","tag","RelatedArticlesCarouselWrapper","renderWrapper","inHousingProjectArticle","isTitleVisible","setIsTitleVisible","isSlidesVisible","setIsSlidesVisible","setCurrentIndex","currentSwiperId","params","initialSlide","centeredSlides","spaceBetween","slidesPerView","breakpoints","navigation","nextEl","prevEl","titleRef","slidesRef","useMemo","titleObserver","slidesObserver","Swiper","modules","Navigation","onTransitionEnd","swiper","isEnd","isBeginning","activeIndex","itemIndex","SwiperSlide","handlePrevious","handleNext","baseThemes","HousingProjectArticlePage","housingProjectArticleHeader","baseTheme","HousingProjectRichTextBlock","HousingProjectMapBlock","HousingProjectContactForm","HousingProjectIframeBlock","HousingProjectListBlock","HousingProjectContactBlock","HousingProjectPromoBlock","HousingProjectImageWithText","HousingProjectScrollingImages","HousingProjectFaqBlock","HousingProjectDocuments","HousingProjectTeaserBlock","HousingProjectListWithIconsBlock","HousingProjectMediaBlock","HousingProjectBlockHeader","subTitle","email","logo","defaultFetchOptions","Accept","credentials","parseResponse","response","json","then","handleNotOk","ok","messageToUser","statusText","status","handleResponse","payload","handleFetchError","Promise","reject","request","fetch","catch","indexOf","resolve","post","JSON","stringify","InfoNote","popupText","textIsShown","setTextIsShown","parent","Label","types","password","tel","textarea","default","shortInput","simple","confirmationInput","TextInput","onKeyPress","shouldAutoFocus","errorText","readOnly","step","autoComplete","pattern","maxLength","infoNote","useValue","hideLabel","noteClassName","isValue","setIsValue","inputProps","autoFocus","required","inputTag","readonly","nameInput","postNumberInput","emailInput","phoneInput","checkbox","submitButtonText","submitButtonSuccessText","trackingEndpoint","trackingReferer","nameTextInput","setNameTextInput","postNumberTextInput","setPostNumberTextInput","emailTextInput","setEmailTextInput","phoneTextInput","setPhoneTextInput","isCheckBoxChecked","setIsCheckBoxChecked","setIsLoading","isFormSent","setIsFormSent","showSuccessMessage","setShowSuccessMessage","showErrorMessage","setShowErrorMessage","nameInputRef","postNumberInputRef","emailInputRef","phoneInputRef","textInputs","postNumber","inputError","setInputError","nameIsEmpty","postNumberIsEmpty","postNumberIsNotValid","emailIsEmpty","emailIsNotValid","hasError","checkIfEmailValid","test","checkIfPostNumberValid","handleInputChange","onSubmit","emailIsValid","postNumberIsValid","api","phoneNumber","fullName","referer","documents","lightPink","transparent","InspoAnimatedTitle","HousingProjectHeader","mobileImage","logo1","logo2","logo3","logo4","isTitleMounted","setIsTitleMounted","HousingProjectInformationList","HousingProjectStatus","buttonTheme","primary","secondary","HousingProjectInformation","informationListGroups","statusList","HousingProjectFrontpage","housingProjectHeader","information","iframe","HousingProjectImageGalleryCarousel","initialId","currentSlide","setCurrentSlide","slider","SampleNextArrow","SamplePrevArrow","settings","dots","infinite","speed","slidesToShow","slidesToScroll","fade","swipeToSlide","afterChange","nextArrow","prevArrow","Slider","HousingProjectImageGalleryItem","openCarouselButtonText","closeCarouselButtonText","carouselIsOpen","setCarouselIsOpen","currentSlideId","setCurrentSlideId","slideId","closeCarousel","HousingProjectImageGallery","HousingProjectImageGalleryPage","imageGallery","plxData","start","duration","startOffset","properties","startValue","endValue","property","plxData2","plxData3","Plx","parallaxData","table","plxData4","myIndex","gestureHandling","GoogleMapsLoader","constructor","_defineProperty","markers","google","bounds","maps","LatLngBounds","marker","extend","LatLng","latitude","longitude","getBounds","setCenter","getCenter","setZoom","fitBounds","componentDidMount","KEY","googleMapsAPIKey","VERSION","LIBRARIES","load","mapElement","mapOptions","fitMapToMarkers","Marker","lat","lng","render","htmlId","div","Video","containerClassName","shouldLoop","videoClassName","autoPlay","autobuffer","muted","playsInline","loop","video","linkUrl","HousingProjectRichText","images","leftImage","rightImage","Iframe","imageText","buttonColors","ImageWithTextItem","buttonColor","ImageWithTextList","listItems","InspoArticleFilters","InspoArticleHeader","byline","charAt","substr","InspoArticleList","articles","article","tags","InspoHeader","pageLink","InspoArticlePage","mediaBlocks","linkToListpage","InspoFullWidthMediaBlock","InspoRichTextWithSidebar","InspoBulletList","TwoImagesBlock","MediaBlock","useOrderedList","ListTag","backgroundColors","beigeLight","introColor","titleColor","InspoFullWidthMediaBlockList","InspoListPage","articleList","InspoPromoBlock","InspoRelatedArticles","LinkListBlock","youTubeLink","allow","allowFullScreen","MembershipBenefitsBonusLink","hostname","exec","NoItemsMessage","heading","tagColors","PageListItem","published","tagColor","tagText","Boolean","PageList","anchorId","missingItemsText","page","Pagination","prevPageUrl","prevPageText","nextPageUrl","nextPageText","linkGroups","findIndex","active","slice","paginationGroups","linkGroup","PageListPage","promotedPage","pageList","pagination","SwiperButton","PromotedPerk","isSlide","getElement","swiperParams","PromotedPerkList","pageListItem","containerClass","PerkListPage","promotedPerkList","QuoteBlock","quote","quotee","ResidenceList","subtitle","ResidenceListBlock","residences","ResidenceListPage","ResidencePage","address","metadataGroups","price","showingLabel","showing","squareMeters","SearchPage","noResultsText","results","resultsDescription","SelectOption","TagFilter","clearLabel","multiselect","clearOption","setClearOption","optionsMap","setOptions","refreshOptions","handleOptionChange","targetOption","selectedValues","handleClearOptionChange","TeasersCarouselBlock","responsive","breakpoint","image1","image2","VacantPositionsBlock","VideoListItem","VideoListBlock","videoListItems","videoItem","req","reduce","filename","documentElement","defineProperty","HTMLElement","prototype","self","update","classes","ret","remove","splice","touchEndHappened","classListPolyfill","onTouchStart","onTouchEnd","onMouseDown","keyCodeWhiteList","inputDetection","___EXPOSE_LOADER_IMPORT___","___EXPOSE_LOADER_GLOBAL_THIS___","module","exports","webpackContext","webpackContextResolve","__webpack_require__","code","__webpack_module_cache__","moduleId","cachedModule","__webpack_modules__","m","O","result","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","getter","__esModule","a","definition","enumerable","g","globalThis","Function","obj","prop","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","__webpack_exports__"],"sourceRoot":""}\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n \r\n {videoListItems &&\r\n videoListItems.map(videoItem =>
\r\n {button && (\r\n \r\n
\r\n )}\r\n