- \r\n {links.map((item, index) => {\r\n return (\r\n
- \r\n
\r\n
\r\n );\r\n};\r\n\r\nContact.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n name: PropTypes.string,\r\n title: PropTypes.string,\r\n phoneLink: PropTypes.exact(Link.propTypes),\r\n mailLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default Contact;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst ContactInformation = ({ heading, textHtml }) => {\r\n return (\r\n \r\n {image && ![]()
}\r\n
\r\n \r\n {name &&
\r\n {name}
}\r\n {title &&{title}
}\r\n {phoneLink && (\r\n \r\n
\r\n )}\r\n {mailLink && (\r\n \r\n
\r\n )}\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nContactInformation.propTypes = {\r\n heading: PropTypes.string,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nexport default ContactInformation;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Contact from 'components/contact';\r\n\r\nconst ContactUs = ({ heading, contacts }) => {\r\n return (\r\n {heading}
}\r\n {textHtml && (\r\n\r\n
\r\n );\r\n};\r\n\r\nContactUs.propTypes = {\r\n heading: PropTypes.string,\r\n contacts: PropTypes.arrayOf(PropTypes.exact(Contact.propTypes)),\r\n};\r\n\r\nexport default ContactUs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport * as Components from '../../app.components';\r\n\r\nconst ContentArea = ({ blocks }) => {\r\n return blocks ? (\r\n \r\n
\r\n \r\n {heading &&
\r\n {heading}
}\r\n {contacts && contacts.length > 0 && (\r\n\r\n {contacts.map((item, index) => (\r\n \r\n \r\n ))}\r\n
\r\n )}\r\n \r\n {blocks.map((block, index) => {\r\n const Block = Components[block.componentName];\r\n if (!Block) {\r\n // eslint-disable-next-line no-console\r\n console.error(`Components.${block.componentName} is not defined`);\r\n return null;\r\n }\r\n return (\r\n
\r\n ) : null;\r\n};\r\n\r\nContentArea.propTypes = {\r\n blocks: PropTypes.array,\r\n};\r\n\r\nContentArea.viewModelMeta = 'ignore';\r\n\r\nexport default ContentArea;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst CoursePartLink = ({\r\n text,\r\n partId,\r\n onClick = () => {},\r\n active = false,\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n);\r\n\r\nSpinner.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.string,\r\n};\r\n\r\nSpinner.viewModelMeta = 'ignore';\r\n\r\nexport default Spinner;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CoursePartLink from './course-part-link';\r\nimport Spinner from 'components/spinner';\r\nimport scrollToElement from 'scroll-to-element';\r\n\r\nconst CourseContent = ({\r\n coursePartsLinks,\r\n loadCoursePartEndpoint,\r\n loadingText,\r\n errorText,\r\n prevButtonText,\r\n nextButtonText,\r\n navigationAriaLabel = 'Navigasjonsmeny for undervisning',\r\n}) => {\r\n const numberOfPartsLinks = coursePartsLinks ? coursePartsLinks.length : 0;\r\n const partsLinksAreExist = numberOfPartsLinks > 0;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const [pageContent, setPageContent] = useState(null);\r\n const [pageId, setPageId] = useState(\r\n partsLinksAreExist ? coursePartsLinks[0].partId : null\r\n );\r\n\r\n const scrollToTopOfContent = () => {\r\n scrollToElement('.course-content', {\r\n offset: 0,\r\n ease: 'linear',\r\n duration: 500,\r\n });\r\n };\r\n\r\n const firstPartsLinkIsActive = partsLinksAreExist\r\n ? pageId !== coursePartsLinks[0].partId\r\n : false;\r\n\r\n const lastPartsLinkIsActive = partsLinksAreExist\r\n ? pageId !== coursePartsLinks[numberOfPartsLinks - 1].partId\r\n : false;\r\n\r\n const currentPartsLinkIndex = partsLinksAreExist\r\n ? coursePartsLinks.findIndex(p => p.partId === pageId)\r\n : null;\r\n\r\n const loadPageContent = () => {\r\n setIsLoading(true);\r\n setError(null);\r\n\r\n let xhr = new XMLHttpRequest();\r\n let query = `${loadCoursePartEndpoint}?partId=${pageId}`;\r\n\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === XMLHttpRequest.DONE) {\r\n if (xhr.status === 200) {\r\n setIsLoading(false);\r\n setPageContent(xhr.response);\r\n }\r\n }\r\n };\r\n\r\n xhr.onerror = function () {\r\n setError(errorText);\r\n setIsLoading(false);\r\n };\r\n\r\n xhr.open('GET', query, true);\r\n xhr.send();\r\n };\r\n\r\n const handleNavigate = activePartId => {\r\n setPageId(activePartId);\r\n };\r\n\r\n const handlePrevButtonClick = () => {\r\n firstPartsLinkIsActive &&\r\n setPageId(coursePartsLinks[currentPartsLinkIndex - 1].partId);\r\n scrollToTopOfContent();\r\n };\r\n\r\n const handleNextButtonClick = () => {\r\n lastPartsLinkIsActive &&\r\n setPageId(coursePartsLinks[currentPartsLinkIndex + 1].partId);\r\n scrollToTopOfContent();\r\n };\r\n\r\n useEffect(() => {\r\n pageId && loadPageContent(pageId);\r\n }, [pageId]);\r\n\r\n return (\r\n \r\n {coursePartsLinks && (\r\n \r\n
\r\n );\r\n};\r\n\r\nCourseContent.propTypes = {\r\n coursePartsLinks: PropTypes.arrayOf(\r\n PropTypes.exact(CoursePartLink.propTypes)\r\n ),\r\n loadCoursePartEndpoint: PropTypes.string.isRequired,\r\n loadingText: PropTypes.string.isRequired,\r\n errorText: PropTypes.string.isRequired,\r\n nextButtonText: PropTypes.string.isRequired,\r\n prevButtonText: PropTypes.string.isRequired,\r\n navigationAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default CourseContent;\r\n","import React from 'react';\r\n\r\n/** Attaches an event listener for `eventName` to `window`. */\r\nexport default function useEvent(\r\n eventName = '',\r\n eventHandler = () => {},\r\n dependencies = []\r\n) {\r\n React.useEffect(() => {\r\n window.addEventListener(eventName, eventHandler);\r\n return () => window.removeEventListener(eventName, eventHandler);\r\n }, dependencies);\r\n}\r\n","import useEvent from './use-event';\r\n\r\n/** Executes the provided callback when a click event occurs outside of the provided ref */\r\nconst useClickOutside = (ref, callback = () => {}) => {\r\n useEvent('click', e => {\r\n if (\r\n ref.current &&\r\n e.target !== ref.current &&\r\n !ref.current.contains(e.target)\r\n ) {\r\n callback();\r\n }\r\n });\r\n};\r\n\r\nexport default useClickOutside;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport useClickOutside from '../../hooks/use-click-outside';\r\n\r\nconst DropDown = ({ items, label, onOptionClicked, selectedOptionIndex }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const toggling = () => setIsOpen(!isOpen);\r\n const handleOptionClick = index => {\r\n setIsOpen(false);\r\n onOptionClicked(index);\r\n };\r\n const close = () => setIsOpen(false);\r\n const dropdownRef = React.useRef();\r\n useClickOutside(dropdownRef, close);\r\n\r\n return (\r\n - \r\n {coursePartsLinks.map((link, index) => (\r\n
- \r\n
{error}
\r\n )}\r\n {pageContent && }\r\n\r\n {numberOfPartsLinks > 0 && (\r\n \r\n {firstPartsLinkIsActive && (\r\n \r\n {prevButtonText}\r\n \r\n )}\r\n {lastPartsLinkIsActive && (\r\n \r\n {nextButtonText}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n {items[selectedOptionIndex].heading}\r\n \r\n {label}\r\n\r\n \r\n {items.map((item, index) => (\r\n \r\n handleOptionClick(index)}\r\n className=\"drop-down__option-button\"\r\n >\r\n {item.heading}\r\n \r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nDropDown.propTypes = {\r\n label: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n heading: PropTypes.string,\r\n text: PropTypes.string,\r\n })\r\n ),\r\n onOptionClicked: PropTypes.func,\r\n selectedOptionIndex: PropTypes.number,\r\n};\r\n\r\nDropDown.viewModelMeta = 'ignore';\r\n\r\nexport default DropDown;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst EmbeddableFormBlock = ({ html }) => {\r\n function createHtml() {\r\n return { __html: html };\r\n }\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nEmbeddableFormBlock.propTypes = {\r\n html: PropTypes.string,\r\n};\r\n\r\nexport default EmbeddableFormBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\n// NOTE: When running tests, importing SVGs directly will make the application crash, so all icons are exported as noops instead.\r\nconst icons = require(\r\n process.env.NODE_ENV === 'test'\r\n ? '../../assets/inline-icons/icons-noop.js'\r\n : '../../assets/inline-icons/icons.js'\r\n).default;\r\n\r\nconst Icon = ({ className, name, style, useFill }) => {\r\n const defaultProps = icons[name].customDefaultProps;\r\n\r\n return icons[name]\r\n ? React.createElement(icons[name], {\r\n ...(defaultProps && defaultProps),\r\n className: cn('icon', className, { '-use-fill-color': useFill }),\r\n focusable: 'false',\r\n style,\r\n })\r\n : null;\r\n};\r\n\r\nIcon.propTypes = {\r\n className: PropTypes.string,\r\n name: PropTypes.oneOf(Object.keys(icons)).isRequired,\r\n style: PropTypes.object,\r\n useFill: PropTypes.bool,\r\n};\r\n\r\nIcon.viewModelMeta = 'ignore';\r\n\r\nexport default Icon;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n blueWithIcon: '--blue-with-icon',\r\n};\r\n\r\nconst QuickSearchPanel = ({\r\n searchInputLabel,\r\n placeholder,\r\n searchPageUrl,\r\n searchInputName,\r\n helpTextHtml,\r\n submitButtonText,\r\n formAriaLabel = 'Søkefelt for globalsøk i hurtigsøkpanelet',\r\n autocompleteEndpoint, // TODO: BE side done, FE side is not implemented yet.\r\n theme,\r\n}) => {\r\n const inputRef = React.useRef();\r\n\r\n React.useEffect(() => {\r\n inputRef.current.focus();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nQuickSearchPanel.propTypes = {\r\n searchInputLabel: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n searchPageUrl: PropTypes.string.isRequired,\r\n searchInputName: PropTypes.string.isRequired,\r\n helpTextHtml: PropTypes.string,\r\n submitButtonText: PropTypes.string.isRequired,\r\n autocompleteEndpoint: PropTypes.string,\r\n formAriaLabel: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n};\r\n\r\nQuickSearchPanel.viewModelMeta = {\r\n theme: 'ignore',\r\n};\r\n\r\nQuickSearchPanel.themes = themes;\r\n\r\nexport default QuickSearchPanel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst themes = {\r\n subscribe: 'subscribe',\r\n};\r\n\r\nconst LinkButton = ({\r\n url,\r\n text,\r\n openInNewTab = false,\r\n className,\r\n iconName,\r\n theme,\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n {helpTextHtml && (\r\n \r\n
\r\n );\r\n};\r\n\r\nErrorBlock.propTypes = {\r\n errorCode: PropTypes.string,\r\n bigText: PropTypes.string,\r\n smallText: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n search: PropTypes.exact(QuickSearchPanel.propTypes),\r\n link: PropTypes.exact(LinkButton.propTypes),\r\n};\r\n\r\nexport default ErrorBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport Image from 'components/image';\r\nimport cn from 'classnames';\r\n\r\nconst Factbox = ({ className, backgroundColor, title, icon, textHtml }) => {\r\n return (\r\n {errorCode}
\r\n{bigText}
\r\n {smallText}
\r\n {image && (\r\n \r\n
\r\n )}\r\n {search && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {title && {title}
}\r\n {textHtml && (\r\n\r\n
\r\n )}\r\n {textHtml && (\r\n \r\n
\r\n )}\r\n \r\n \r\n ) : null;\r\n};\r\n\r\nFactboxWithTextBlock.propTypes = {\r\n className: PropTypes.string,\r\n factbox: PropTypes.exact(Factbox.propTypes),\r\n factboxPosition: PropTypes.oneOf(['left', 'right']).isRequired,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nFactboxWithTextBlock.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default FactboxWithTextBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst icons = {\r\n instagram: 'instagram',\r\n facebook: 'facebook',\r\n youtube: 'youtube',\r\n};\r\n\r\nconst SocialLink = ({ url, icon, className, openInNewTab, ariaLabel }) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nFooter.propTypes = {\r\n subscribeButton: PropTypes.exact(LinkButton.propTypes),\r\n content1Html: PropTypes.string,\r\n content2Html: PropTypes.string,\r\n socialLinks: PropTypes.arrayOf(PropTypes.exact(SocialLink.propTypes)),\r\n copyrightText: PropTypes.string,\r\n cookiesLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default Footer;\r\n","const prefixesDictionary = {};\r\n\r\nconst generateUniqueId = prefix => {\r\n if (!prefixesDictionary[prefix]) {\r\n prefixesDictionary[prefix] = 1;\r\n } else {\r\n prefixesDictionary[prefix] += 1;\r\n }\r\n return `${prefix}-${prefixesDictionary[prefix]}`;\r\n};\r\n\r\nexport default {\r\n generateUniqueId,\r\n};\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\nimport idHelper from 'js/id-helper';\r\n\r\nconst GettingStartedLink = ({ heading, introHtml, link }) => {\r\n const uniqueId = useMemo(\r\n () => idHelper.generateUniqueId('getting-started-link'),\r\n []\r\n );\r\n const headingId = `${uniqueId}-heading`;\r\n const descriptionId = `${uniqueId}-description`;\r\n\r\n return (\r\n \r\n
\r\n \r\n {content1Html && (\r\n
\r\n \r\n {subscribeButton && (\r\n
\r\n - \r\n {socialLinks.map((socialLink, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n \r\n {copyrightText && (\r\n
\r\n {copyrightText}
\r\n )}\r\n {cookiesLink && (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nFrontPageHero.propTypes = {\r\n backgroundImage: PropTypes.exact(Image.propTypes),\r\n backgroundImageMobile: PropTypes.exact(Image.propTypes),\r\n mainHeading: PropTypes.string,\r\n secondaryHeadingLeft: PropTypes.string,\r\n secondaryHeadingRight: PropTypes.string,\r\n gettingStartedLinks: PropTypes.arrayOf(\r\n PropTypes.exact(GettingStartedLink.propTypes)\r\n ),\r\n gettingStartedReadMoreLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default FrontPageHero;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport LinkButton from 'components/link-button';\r\nimport cn from 'classnames';\r\n\r\nconst styles = {\r\n default: 'default',\r\n overlay: 'overlay',\r\n};\r\n\r\nconst FullWidthBanner = ({\r\n backgroundImage,\r\n heading,\r\n textHtml,\r\n style,\r\n readMoreButton,\r\n}) => {\r\n return (\r\n \r\n {imageSource && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {mainHeading}
\r\n\r\n
\r\n \r\n
\r\n \r\n {secondaryHeadingLeft && (\r\n
\r\n {gettingStartedReadMoreLink && (\r\n \r\n {secondaryHeadingLeft}\r\n
\r\n )}\r\n\r\n {secondaryHeadingRight && (\r\n\r\n {secondaryHeadingRight}\r\n
\r\n )}\r\n- \r\n {gettingStartedLinks.map((gettingStartedLink, index) => (\r\n
\r\n {heading &&
\r\n \r\n );\r\n};\r\n\r\nFullWidthBanner.propTypes = {\r\n backgroundImage: PropTypes.exact(Image.propTypes),\r\n heading: PropTypes.string,\r\n textHtml: PropTypes.string,\r\n style: PropTypes.oneOf(Object.values(styles)).isRequired,\r\n readMoreButton: PropTypes.exact(LinkButton.propTypes),\r\n};\r\n\r\nexport default FullWidthBanner;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport Link from 'components/link';\r\n\r\nconst GettingStartedTeaser = ({ image, heading, introHtml, link }) => {\r\n return (\r\n {heading}
}\r\n {textHtml && (\r\n{heading}
\r\n )}\r\n {introHtml && (\r\n\r\n
\r\n );\r\n};\r\n\r\nGettingStartedList.propTypes = {\r\n teasers: PropTypes.arrayOf(PropTypes.exact(GettingStartedTeaser.propTypes))\r\n .isRequired,\r\n};\r\n\r\nexport default GettingStartedList;\r\n","import React, { useCallback } from 'react';\r\n\r\nexport default function useToggle(initiallyActive) {\r\n const [isActive, setIsActive] = React.useState(initiallyActive);\r\n const toggle = useCallback(() => setIsActive(isActive => !isActive), []);\r\n const activate = useCallback(() => setIsActive(true), []);\r\n const deactivate = useCallback(() => setIsActive(false), []);\r\n\r\n return [isActive, toggle, deactivate, activate];\r\n}\r\n","/* eslint-disable react/prop-types */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Link from 'components/link';\r\n\r\nconst MenuLink = ({\r\n className,\r\n openInNewTab,\r\n url,\r\n text,\r\n tabindex,\r\n isActive,\r\n isCurrent = false,\r\n}) => (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {headerMenuLinks && (\r\n
\r\n );\r\n};\r\n\r\nHeaderMenu.propTypes = {\r\n headerMenuLinks: PropTypes.arrayOf(PropTypes.exact(MenuLink.propTypes)),\r\n};\r\n\r\nexport default HeaderMenu;\r\n","import React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useToggle from 'hooks/use-toggle';\r\nimport useClickOutside from 'hooks/use-click-outside';\r\nimport MainMenu from 'components/main-menu';\r\nimport HeaderMenu from 'components/header/header-menu';\r\nimport QuickSearchPanel from 'components/quick-search-panel';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon';\r\nimport Image from 'components/image';\r\nimport useEvent from 'hooks/use-event';\r\nimport FocusTrap from 'focus-trap-react';\r\n\r\nconst Header = ({\r\n logo,\r\n mainMenu,\r\n quickSearchPanel,\r\n headerMenu,\r\n buttonSearchAriaLabel = 'Søkevindu',\r\n buttonMenuAriaLabel = 'Meny',\r\n buttonCloseAriaLabel,\r\n quickSearchPanelTitleAriaLabel = 'Modalvindu for globalsøk',\r\n mainMenuTitleAriaLabel = 'Modalvindu for hovedmeny',\r\n}) => {\r\n const [popupIsOpened, togglePopup, hidePopup] = useToggle(false);\r\n const [searchMode, setSearchModIsActive] = useState(false);\r\n\r\n const onMenuButtonClick = useCallback(() => {\r\n setSearchModIsActive(false);\r\n togglePopup();\r\n }, []);\r\n\r\n const onSearchButtonClick = React.useCallback(() => {\r\n setSearchModIsActive(true);\r\n togglePopup();\r\n }, []);\r\n\r\n const navigationRef = React.useRef();\r\n\r\n useClickOutside(navigationRef, () => {\r\n hidePopup();\r\n });\r\n\r\n useEvent('keydown', event => {\r\n event.key === 'Escape' && hidePopup();\r\n });\r\n\r\n return (\r\n - \r\n {headerMenuLinks.map((link, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n {logo.image &&
\r\n \r\n );\r\n};\r\n\r\nHeader.propTypes = {\r\n logo: PropTypes.shape({\r\n url: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n expandedMenuImage: PropTypes.exact(Image.propTypes),\r\n ariaLabel: PropTypes.string,\r\n }),\r\n mainMenu: PropTypes.exact(MainMenu.propTypes),\r\n headerMenu: PropTypes.exact(HeaderMenu.propTypes),\r\n quickSearchPanel: PropTypes.exact(QuickSearchPanel.propTypes),\r\n buttonSearchAriaLabel: PropTypes.string,\r\n buttonMenuAriaLabel: PropTypes.string,\r\n buttonCloseAriaLabel: PropTypes.string,\r\n quickSearchPanelTitleAriaLabel: PropTypes.string,\r\n mainMenuTitleAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport cn from 'classnames';\r\n\r\nconst ImageWithCaption = ({\r\n image,\r\n caption,\r\n imageSizeClassName,\r\n className,\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 {logo.expandedMenuImage && (\r\n \r\n
\r\n {searchMode ? (\r\n \r\n {image && (\r\n
\r\n );\r\n};\r\n\r\nImageWithCaption.propTypes = {\r\n image: PropTypes.exact(Image.propTypes).isRequired,\r\n caption: PropTypes.string,\r\n className: PropTypes.string,\r\n imageSizeClassName: PropTypes.string,\r\n};\r\n\r\nImageWithCaption.viewModelMeta = {\r\n className: 'ignore',\r\n imageSizeClassName: 'ignore',\r\n};\r\n\r\nexport default ImageWithCaption;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ImageWithCaption from 'components/image-with-caption';\r\nimport Slider from 'react-slick';\r\nimport debounce from 'lodash/debounce';\r\nimport cn from 'classnames';\r\n\r\nconst gallerySettings = {\r\n dots: true,\r\n centerMode: true,\r\n infinite: false,\r\n speed: 500,\r\n centerPadding: 0,\r\n slidesToScroll: 1,\r\n slidesToShow: 1,\r\n};\r\n\r\nconst galleryImageClassName = 'image-gallery__image';\r\n\r\nconst ImageGallery = ({ items, className }) => {\r\n const imageGalleryContainer = React.useRef(null);\r\n const [currentSlideIndex, setCurrentSlideIndex] = React.useState(0);\r\n\r\n const getSlideHeight = slideIndex => {\r\n let slideHeight = 0;\r\n if (imageGalleryContainer && imageGalleryContainer.current) {\r\n const currentSlide = imageGalleryContainer.current.querySelectorAll(\r\n '.' + galleryImageClassName\r\n )[slideIndex];\r\n const currentSlideImage = currentSlide.querySelector('.image');\r\n if (currentSlideImage) {\r\n slideHeight = currentSlideImage.offsetHeight;\r\n }\r\n }\r\n return slideHeight;\r\n };\r\n\r\n const updateNavigationControlsPosition = currentSlideIndex => {\r\n if (imageGalleryContainer && imageGalleryContainer.current) {\r\n const slideHeight = getSlideHeight(currentSlideIndex);\r\n const sliderDots =\r\n imageGalleryContainer.current.querySelector('.slick-dots');\r\n const sliderArrows =\r\n imageGalleryContainer.current.querySelectorAll('.slick-arrow');\r\n if (sliderArrows && sliderArrows.length > 0) {\r\n for (let i = 0; i < sliderArrows.length; i++) {\r\n sliderArrows[i].style.top = slideHeight / 2 + 'px';\r\n sliderArrows[i].style.display = 'block';\r\n }\r\n }\r\n if (sliderDots) {\r\n sliderDots.style.top = slideHeight - 65 + 'px';\r\n sliderDots.style.display = 'block';\r\n }\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n function recalculateElementsPosition() {\r\n updateNavigationControlsPosition(currentSlideIndex);\r\n }\r\n const debouncedRecalculateElementsPosition = debounce(\r\n recalculateElementsPosition,\r\n 100\r\n );\r\n window.addEventListener('resize', debouncedRecalculateElementsPosition);\r\n return () => {\r\n window.removeEventListener(\r\n 'resize',\r\n debouncedRecalculateElementsPosition\r\n );\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n updateNavigationControlsPosition(currentSlideIndex);\r\n }, [currentSlideIndex]);\r\n\r\n const onSlideChange = currentSlideIndex => {\r\n setCurrentSlideIndex(currentSlideIndex);\r\n };\r\n\r\n return items && items.length > 0 ? (\r\n \r\n \r\n {items.map((image, index) => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n ) : null;\r\n};\r\n\r\nImageGallery.propTypes = {\r\n className: PropTypes.string,\r\n items: PropTypes.arrayOf(PropTypes.exact(ImageWithCaption.propTypes))\r\n .isRequired,\r\n};\r\n\r\nImageGallery.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default ImageGallery;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport ImageWithCaption from 'components/image-with-caption';\r\nimport cn from 'classnames';\r\n\r\nconst ImageWithTextBlock = ({ image, className, imagePosition, textHtml }) => {\r\n const twoColumns = image && textHtml;\r\n\r\n return image || textHtml ? (\r\n \r\n
\r\n )}\r\n {textHtml && (\r\n \r\n
\r\n )}\r\n \r\n \r\n ) : null;\r\n};\r\n\r\nImageWithTextBlock.propTypes = {\r\n className: PropTypes.string,\r\n image: PropTypes.exact(ImageWithCaption.propTypes),\r\n imagePosition: PropTypes.oneOf(['left', 'right']).isRequired,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nImageWithTextBlock.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default ImageWithTextBlock;\r\n","import PropTypes from 'prop-types';\r\nconst IngredientBase = {};\r\n\r\nIngredientBase.propTypes = {\r\n heading: PropTypes.string,\r\n text: PropTypes.string,\r\n};\r\n\r\nexport default IngredientBase;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport DropDown from 'components/drop-down/drop-down';\r\nimport IngredientBase from './ingredient-base';\r\n\r\nconst Ingredients = ({\r\n heading,\r\n forAdults,\r\n forChildren,\r\n forKindergarten,\r\n label,\r\n}) => {\r\n const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);\r\n const items = [forAdults, forChildren, forKindergarten].filter(Boolean);\r\n const selectedItem = items[selectedOptionIndex] || null;\r\n return (\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nIngredients.propTypes = {\r\n heading: PropTypes.string,\r\n label: PropTypes.string,\r\n forAdults: PropTypes.exact(IngredientBase.propTypes),\r\n forChildren: PropTypes.exact(IngredientBase.propTypes),\r\n forKindergarten: PropTypes.exact(IngredientBase.propTypes),\r\n};\r\n\r\nexport default Ingredients;\r\n","import PubSub from 'pubsub-js';\r\n\r\nconst errorMessageTopic = 'error-message';\r\nconst messageTopic = 'message';\r\n\r\nfunction onTopic(topic, func) {\r\n if (typeof func !== 'function') {\r\n return;\r\n }\r\n\r\n return PubSub.subscribe(topic, (topic, { message }) => {\r\n func({ message });\r\n });\r\n}\r\n\r\nfunction send(topic, { message }) {\r\n PubSub.publish(topic, { message });\r\n}\r\n\r\nconst onErrorMessage = func => onTopic(errorMessageTopic, func);\r\n\r\nconst onMessage = func => onTopic(messageTopic, func);\r\n\r\nconst sendErrorMessage = ({ message }) => send(errorMessageTopic, { message });\r\n\r\nconst sendMessage = ({ message }) => send(messageTopic, { message });\r\n\r\nexport default {\r\n onErrorMessage,\r\n onMessage,\r\n sendErrorMessage,\r\n sendMessage,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport messenger from 'js/messenger';\r\n\r\nclass Message extends React.Component {\r\n static propTypes = {\r\n isErrorMessage: PropTypes.bool,\r\n text: PropTypes.string,\r\n };\r\n\r\n state = {\r\n isErrorMessage: this.props.isErrorMessage,\r\n isVisible: false,\r\n text: this.props.text,\r\n };\r\n\r\n show = ({ message, isErrorMessage }) => {\r\n this.setState(\r\n { isVisible: !!message, isErrorMessage, text: message },\r\n () => {\r\n if (!this.state.isErrorMessage) {\r\n setTimeout(() => {\r\n this.hide();\r\n }, 3000);\r\n }\r\n }\r\n );\r\n };\r\n\r\n hide = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.text) {\r\n this.setState({ isVisible: true });\r\n }\r\n\r\n messenger.onErrorMessage(({ message }) => {\r\n this.show({ message, isErrorMessage: true });\r\n });\r\n\r\n messenger.onMessage(({ message }) => {\r\n this.show({ message, isErrorMessage: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n this.state.isVisible && (\r\n {heading}
}\r\n{this.state.text}
\r\n {this.state.isErrorMessage && (\r\n \r\n )}\r\n \r\n )\r\n );\r\n }\r\n}\r\n\r\nMessage.viewModelMeta = 'ignore';\r\n\r\nexport default Message;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport Image from 'components/image';\r\nimport useEvent from 'hooks/use-event';\r\nimport FocusTrap from 'focus-trap-react';\r\n\r\nconst Modal = ({\r\n isOpened = false,\r\n closeLabel,\r\n onClose,\r\n children,\r\n logo,\r\n titleAriaLabel,\r\n}) => {\r\n useEvent('keydown', event => {\r\n if (event.key === 'Escape') {\r\n onClose && onClose();\r\n }\r\n });\r\n\r\n return (\r\n isOpened && (\r\n\r\n
\r\n \r\n \r\n {logo && \r\n {closeLabel && (\r\n \r\n {closeLabel}\r\n \r\n )}\r\n
\r\n {children}\r\n \r\n {image &&
\r\n \r\n {heading &&
\r\n {heading}
}\r\n {introHtml && (\r\n\r\n
\r\n );\r\n })();\r\n\r\nPagesListItem.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n heading: PropTypes.string,\r\n introHtml: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n id: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default PagesListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst SelectOption = ({ id, value, label, isSelected, onChange }) => {\r\n const handleChange = () => {\r\n onChange({ value: value });\r\n };\r\n\r\n return (\r\n \r\n \r\n {label}\r\n \r\n
\r\n );\r\n};\r\n\r\nSelectOption.propTypes = {\r\n id: 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};\r\n\r\nSelectOption.viewModelMeta = {\r\n id: 'ignore',\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 if (!multiselect && targetOption.isSelected) return;\r\n\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 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","import isRunningOnClient from '@creuna/utils/is-running-on-client';\r\n\r\n/* NOTE: Implement Google Tag Manager for this module to work correctly\r\n\r\n Step 1\r\n Copy the following JavaScript and paste it as close to the opening tag as possible on every page of your website\r\n \r\n\r\n Step 2\r\n Copy the following snippet and paste it immediately after the opening tag on every page of your website\r\n \r\n*/\r\n\r\nfunction Timeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n this.clear();\r\n fn();\r\n }, delay);\r\n\r\n this.cleared = false;\r\n this.clear = () => {\r\n this.cleared = true;\r\n clearTimeout(id);\r\n };\r\n}\r\n\r\nfunction getCallbackEnhancedData(data, callback) {\r\n if (typeof callback !== 'function') {\r\n return data;\r\n }\r\n\r\n // NOTE: The timeout will call the callback after the delay unless eventCallback is called first, clearing the timeout.\r\n // This ensures that the callback will be called even if GTM is unavailable or can't handle the event fast enough.\r\n const callbackTimeout = new Timeout(callback, 300);\r\n\r\n return Object.assign({}, data, {\r\n eventCallback: () => {\r\n if (!callbackTimeout.cleared) {\r\n callbackTimeout.clear();\r\n callback();\r\n }\r\n },\r\n });\r\n}\r\n\r\nfunction send(data, callback) {\r\n if (!data || !isRunningOnClient) {\r\n return;\r\n }\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n\r\n if (data.length) {\r\n data.forEach(dataObject => {\r\n window.dataLayer.push(getCallbackEnhancedData(dataObject, callback));\r\n });\r\n } else {\r\n window.dataLayer.push(getCallbackEnhancedData(data, callback));\r\n }\r\n}\r\n\r\nexport default {\r\n send,\r\n};\r\n","import analytics from './analytics';\r\nimport getData from '@creuna/utils/get-data';\r\nimport messenger from './messenger';\r\n\r\nconst defaultFetchOptions = {\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n credentials: 'include',\r\n};\r\n\r\nfunction parseResponse(response) {\r\n return response.json().then(json => ({ json, response }));\r\n}\r\n\r\nfunction handleUserMessages({ json, response }) {\r\n if (json.messageToUser) {\r\n if (json.success) {\r\n messenger.sendMessage({ message: json.messageToUser });\r\n } else {\r\n messenger.sendErrorMessage({ message: json.messageToUser });\r\n }\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleAnalytics({ json, response }) {\r\n if (json.analytics) {\r\n analytics.send(json.analytics);\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleNotOk({ json, response }) {\r\n // NOTE: `response.ok` is true when the returned status is in the inclusive range 200-299.\r\n if (!response.ok && !json.messageToUser) {\r\n const error = new Error(response.statusText);\r\n\r\n error.name = `${response.status} on ${response.url}`;\r\n\r\n throw error;\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleResponse({ json }) {\r\n return json.payload || json;\r\n}\r\n\r\nfunction handleFetchError(error) {\r\n messenger.sendErrorMessage({\r\n message:\r\n getData('generic-error-message') ||\r\n 'Noe gikk galt. Vennligst prøv igjen senere.',\r\n });\r\n\r\n return Promise.reject(error);\r\n}\r\n\r\nfunction request(url, options) {\r\n return fetch(url, options)\r\n .then(parseResponse)\r\n .then(handleUserMessages)\r\n .then(handleAnalytics)\r\n .then(handleNotOk)\r\n .then(handleResponse)\r\n .catch(handleFetchError);\r\n}\r\n\r\nfunction post(endpoint, data) {\r\n return request(\r\n endpoint,\r\n Object.assign({}, defaultFetchOptions, {\r\n body: data,\r\n method: 'post',\r\n })\r\n );\r\n}\r\n\r\nfunction get(endpoint) {\r\n return request(endpoint, defaultFetchOptions);\r\n}\r\n\r\nfunction execute(endpoint, data) {\r\n if (endpoint.indexOf('/static-site/api') !== -1) {\r\n return new Promise(resolve => {\r\n setTimeout(() => {\r\n resolve(request(endpoint, defaultFetchOptions));\r\n }, 1000);\r\n });\r\n }\r\n\r\n return post(endpoint, JSON.stringify(data));\r\n}\r\n\r\nexport default {\r\n execute,\r\n get,\r\n};\r\n","import replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\n\r\nconst _getUndefinedIfEmpty = value => {\r\n return !value || value === '' || value.length === 0 ? undefined : value;\r\n};\r\n\r\nconst getFilterSelectedValues = options => {\r\n return options.filter(o => o.isSelected).map(o => o.value);\r\n};\r\n\r\nconst createQuery = () => {\r\n return new Object();\r\n};\r\n\r\nconst setQueryValue = (query, name, value) => {\r\n query[name] = _getUndefinedIfEmpty(value);\r\n};\r\n\r\nconst setToQueryFilterOptions = (query, filter, currentOptions = null) => {\r\n if (!filter) {\r\n return;\r\n }\r\n setQueryValue(\r\n query,\r\n filter.name,\r\n getFilterSelectedValues(currentOptions || filter.options)\r\n );\r\n};\r\n\r\nconst setToQueryTextInputValue = (query, textInput, currentValue = null) => {\r\n if (!textInput) {\r\n return;\r\n }\r\n setQueryValue(query, textInput.name, currentValue ?? textInput.value);\r\n};\r\n\r\nconst updatePageQueryString = query => {\r\n var newUrl = replaceQueryParameters(window.location.toString(), query);\r\n window.history.replaceState({}, document.title, newUrl);\r\n};\r\n\r\nexport default {\r\n createQuery,\r\n setQueryValue,\r\n getFilterSelectedValues,\r\n setToQueryFilterOptions,\r\n setToQueryTextInputValue,\r\n updatePageQueryString,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PagesListItem from './pages-list-item';\r\nimport TagFilter from 'components/tag-filter';\r\nimport api from '../../js/api-helper';\r\nimport formHelper from 'js/form-helper';\r\nimport replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\nimport Spinner from 'components/spinner';\r\n\r\nconst PagesList = ({ tagFilter, loadItemsEndpoint, errorText }) => {\r\n const buildDefaultQuery = () => {\r\n const query = formHelper.createQuery();\r\n if (tagFilter) {\r\n formHelper.setToQueryFilterOptions(query, tagFilter);\r\n }\r\n return query;\r\n };\r\n\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [pages, setPages] = React.useState(null);\r\n const [error, setError] = React.useState(false);\r\n const [query, setQuery] = React.useState(buildDefaultQuery());\r\n\r\n const loadPages = () => {\r\n setIsLoading(true);\r\n var loadUrl = replaceQueryParameters(loadItemsEndpoint, query);\r\n api\r\n .get(loadUrl)\r\n .then(response => {\r\n setIsLoading(false);\r\n if (response.listItems.length !== 0) {\r\n setPages(response.listItems);\r\n }\r\n })\r\n .catch(() => {\r\n setError(true);\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n const handleTagFilterChange = e => {\r\n formHelper.setToQueryFilterOptions(query, tagFilter, e.options);\r\n setQuery(Object.assign({}, query));\r\n };\r\n\r\n React.useEffect(() => {\r\n formHelper.updatePageQueryString(query);\r\n loadPages();\r\n }, [query]);\r\n return (\r\n - \r\n {clearOption && (\r\n
- \r\n
- \r\n
\r\n {tagFilter && (\r\n
\r\n );\r\n};\r\n\r\nPagesList.propTypes = {\r\n tagFilter: PropTypes.exact(TagFilter.propTypes),\r\n listItems: PropTypes.arrayOf(PropTypes.exact(PagesListItem.propTypes)),\r\n errorText: PropTypes.string.isRequired,\r\n loadItemsEndpoint: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default PagesList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\nimport isRunningOnClient from '@creuna/utils/is-running-on-client';\r\n\r\nconst PrintButton = ({ label, className }) => {\r\n const printPage = () => {\r\n isRunningOnClient && window.print();\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {error ? (\r\n {errorText}
\r\n ) : (\r\n pages && (\r\n - \r\n {pages.map(listItem => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nAnswer.propTypes = {\r\n text: PropTypes.string.isRequired,\r\n name: PropTypes.string,\r\n isCorrect: PropTypes.bool,\r\n showResults: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n checked: PropTypes.bool,\r\n isMultipleChoice: PropTypes.bool,\r\n};\r\n\r\nAnswer.viewModelMeta = {\r\n showResults: 'ignore',\r\n checked: 'ignore',\r\n name: 'ignore',\r\n isMultipleChoice: 'ignore',\r\n};\r\n\r\nexport default Answer;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Answer from './answer';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst Question = ({\r\n textHtml,\r\n answers,\r\n showResults,\r\n questionNumber,\r\n selectNoteText,\r\n onChange = () => {},\r\n isSelected,\r\n showValidation,\r\n}) => {\r\n const [checkedValue, setIsChecked] = React.useState(null);\r\n const [checkedItems, setCheckedItems] = React.useState({});\r\n const handleChange = event => {\r\n setCheckedItems({\r\n ...checkedItems,\r\n [event.target.name]: event.target.checked,\r\n });\r\n setIsChecked(null);\r\n };\r\n\r\n const isMultipleChoice = answers.filter(a => a.isCorrect).length > 1;\r\n\r\n React.useEffect(() => {\r\n const allMultipleChoicesFalse = arr => arr.every(v => v === false);\r\n\r\n let checkIfMultySelected =\r\n Object.keys(checkedItems).length > 0\r\n ? !allMultipleChoicesFalse(Object.values(checkedItems))\r\n : false;\r\n let checkIfSingleSelected = isMultipleChoice\r\n ? false\r\n : checkedValue !== null;\r\n\r\n onChange(questionNumber, checkIfMultySelected || checkIfSingleSelected);\r\n }, [checkedValue, checkedItems]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nQuestion.propTypes = {\r\n textHtml: PropTypes.string.isRequired,\r\n showResults: PropTypes.bool,\r\n questionNumber: PropTypes.number,\r\n selectNoteText: PropTypes.string,\r\n answers: PropTypes.arrayOf(PropTypes.exact(Answer.propTypes)).isRequired,\r\n onChange: PropTypes.func,\r\n isSelected: PropTypes.bool,\r\n showValidation: PropTypes.bool,\r\n};\r\n\r\nQuestion.viewModelMeta = {\r\n questionNumber: 'ignore',\r\n showResults: 'ignore',\r\n selectNoteText: 'ignore',\r\n onChange: 'ignore',\r\n isSelected: 'ignore',\r\n showValidation: 'ignore',\r\n};\r\n\r\nexport default Question;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Question from './question';\r\n\r\nconst Questionnaire = ({\r\n getResultButtonText,\r\n restartButtonText,\r\n questions,\r\n selectNoteText,\r\n}) => {\r\n const [showResults, setShowResults] = React.useState(false);\r\n const [qIndex, setQIndex] = React.useState(1);\r\n const [questionsList, setQuestionsList] = React.useState([]);\r\n const [showValidation, setShowValidation] = React.useState(false);\r\n\r\n const setAllQuestionsUnselected = () => {\r\n const tmpArr = questions && questions.map(q => q);\r\n for (var i in tmpArr) {\r\n tmpArr[i].isSelected = false;\r\n }\r\n setQuestionsList(tmpArr);\r\n };\r\n\r\n const onGetResultClick = () => {\r\n const selectedAnswers = questionsList.filter(q => q.isSelected === true);\r\n const allAnswersSelected = questions.length === selectedAnswers.length;\r\n\r\n if (allAnswersSelected) {\r\n setShowResults(true);\r\n setShowValidation(false);\r\n } else {\r\n setShowValidation(true);\r\n setShowResults(false);\r\n }\r\n };\r\n\r\n const onRestartClick = () => {\r\n setShowResults(false);\r\n setQIndex(qIndex + 1);\r\n setShowValidation(false);\r\n setAllQuestionsUnselected();\r\n };\r\n\r\n const onQuestionChange = (index, isSelected) => {\r\n let tmpArr = questionsList.map(q => ({ ...q }));\r\n tmpArr[index] = {\r\n ...tmpArr[index],\r\n isSelected: isSelected,\r\n };\r\n\r\n setQuestionsList(tmpArr);\r\n };\r\n\r\n React.useEffect(() => {\r\n setAllQuestionsUnselected();\r\n }, []);\r\n\r\n return (\r\n \r\n {selectNoteText}\r\n
\r\n )}\r\n - \r\n {answers.map((answer, index) => (\r\n
- \r\n
\r\n {questionsList && (\r\n {\r\n e.preventDefault;\r\n onGetResultClick();\r\n }}\r\n >\r\n {getResultButtonText}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nQuestionnaire.propTypes = {\r\n getResultButtonText: PropTypes.string.isRequired,\r\n restartButtonText: PropTypes.string.isRequired,\r\n questions: PropTypes.arrayOf(PropTypes.exact(Question.propTypes)),\r\n selectNoteText: PropTypes.string,\r\n};\r\n\r\nexport default Questionnaire;\r\n","import PropTypes from 'prop-types';\r\n\r\nconst ReactComponent = {};\r\n\r\n// Empty propTypes needed in order for ReactComponent.cs to be generated.\r\nReactComponent.propTypes = {\r\n componentName: PropTypes.string.isRequired,\r\n};\r\n\r\nReactComponent.viewModelMeta = 'ignore'; // Not generated automatically, defained on BE instead.\r\n\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\nimport Icon from 'components/icon/icon';\r\n\r\nconst RecipePageDetails = ({ cookTime, difficulty }) => {\r\n return (\r\n - \r\n {questionsList.map((question, index) => (\r\n
- \r\n
\r\n {cookTime && (\r\n
\r\n );\r\n};\r\n\r\nRecipePageDetails.propTypes = {\r\n cookTime: PropTypes.string,\r\n difficulty: PropTypes.string,\r\n};\r\n\r\nexport default RecipePageDetails;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SelectOption from 'components/select-option';\r\nimport Icon from 'components/icon';\r\nimport useToggle from '../../hooks/use-toggle';\r\nimport useEvent from '../../hooks/use-event';\r\nimport useClickOutside from '../../hooks/use-click-outside';\r\nimport useIsMounted from '../../hooks/use-is-mounted';\r\nimport cn from 'classnames';\r\n\r\nconst CategoryFilter = ({\r\n label,\r\n placeholder,\r\n options = [],\r\n name,\r\n onChange = () => {},\r\n}) => {\r\n const [isOpen, toggle, close] = useToggle(false);\r\n const [hasTouch, setHasTouch] = React.useState(false);\r\n useEvent('touchstart', () => setHasTouch(true));\r\n\r\n const fakeSelectRef = React.useRef();\r\n useClickOutside(fakeSelectRef, close);\r\n\r\n const [selectedOption, setSelectedOption] = React.useState(\r\n options.find(o => o.isSelected) || {}\r\n );\r\n\r\n const isMounted = useIsMounted();\r\n\r\n const handleChange = value => {\r\n setSelectedOption(options.find(x => x.value === value) || {});\r\n const currentOptions = options.map(option => {\r\n const currentOption = Object.assign({}, option);\r\n currentOption.isSelected = currentOption.value === value;\r\n return currentOption;\r\n });\r\n onChange({ options: currentOptions });\r\n close();\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {difficulty && (\r\n \r\n
\r\n )}\r\n \r\n handleChange(e.target.value)}\r\n value={selectedOption.value}\r\n aria-label={label}\r\n >\r\n {placeholder && }\r\n {options.map(option => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nCategoryFilter.propTypes = {\r\n label: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n options: PropTypes.arrayOf(PropTypes.exact(SelectOption.propTypes)),\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nexport default CategoryFilter;\r\n","import React from 'react';\r\n\r\nexport default function useIsMounted() {\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n\r\n React.useEffect(() => setIsMounted(true), []);\r\n\r\n return isMounted;\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\n\r\nconst SearchQueryInput = ({\r\n label,\r\n name,\r\n value,\r\n placeholder,\r\n autocompleteEndpoint, // TODO: BE side done, FE side is not implemented yet.\r\n submitButtonAriaLabel = 'Sende inn',\r\n onChange = () => {},\r\n}) => {\r\n const [currentValue, setCurrentValue] = React.useState(value);\r\n\r\n const handleInput = e => {\r\n setCurrentValue(e.target.value);\r\n };\r\n\r\n const handleClick = e => {\r\n e.preventDefault();\r\n onChange({ value: currentValue });\r\n return false;\r\n };\r\n\r\n return (\r\n \r\n \r\n {selectedOption.label || placeholder}\r\n
\r\n {isOpen && (\r\n - \r\n {placeholder && (\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSearchQueryInput.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n value: PropTypes.string,\r\n autocompleteEndpoint: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n onChange: PropTypes.func,\r\n submitButtonAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default SearchQueryInput;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CategoryFilter from './category-filter';\r\nimport SearchQueryInput from './search-query-input';\r\nimport TagFilter from 'components/tag-filter';\r\nimport formHelper from 'js/form-helper';\r\n\r\nconst SearchForm = ({\r\n categoryFilter1,\r\n categoryFilter2,\r\n searchQueryInput,\r\n tagFilter,\r\n formAriaLabel = 'Søkefelt for globalsøk',\r\n onChange = () => {},\r\n onInit = () => {},\r\n}) => {\r\n const [query, setQuery] = React.useState(null);\r\n\r\n const buildInitQuery = () => {\r\n var query = formHelper.createQuery();\r\n formHelper.setToQueryFilterOptions(query, categoryFilter1);\r\n formHelper.setToQueryFilterOptions(query, categoryFilter2);\r\n formHelper.setToQueryFilterOptions(query, tagFilter);\r\n formHelper.setToQueryTextInputValue(query, searchQueryInput);\r\n return query;\r\n };\r\n\r\n useEffect(() => {\r\n var initQuery = buildInitQuery();\r\n setQuery(initQuery);\r\n onInit({ query: initQuery, searchText: initQuery[searchQueryInput.name] });\r\n }, []);\r\n\r\n const queryUpdated = () => {\r\n setQuery(Object.assign({}, query));\r\n onChange({ query: query, searchText: query[searchQueryInput.name] });\r\n };\r\n\r\n const handleFilterChange = (filter, e) => {\r\n formHelper.setToQueryFilterOptions(query, filter, e.options);\r\n queryUpdated();\r\n };\r\n\r\n const handleTextInputChnage = (input, e) => {\r\n formHelper.setToQueryTextInputValue(query, input, e.value);\r\n queryUpdated();\r\n };\r\n\r\n return (\r\n \r\n {categoryFilter1 && (\r\n
\r\n {tagFilter && (\r\n \r\n handleFilterChange(categoryFilter1, e)}\r\n {...categoryFilter1}\r\n />\r\n
\r\n )}\r\n {categoryFilter2 && (\r\n \r\n handleFilterChange(categoryFilter2, e)}\r\n {...categoryFilter2}\r\n />\r\n
\r\n )}\r\n \r\n handleTextInputChnage(searchQueryInput, e)}\r\n {...searchQueryInput}\r\n />\r\n
\r\n {tags.join(', ')}
\r\n )}\r\n {heading && {heading}
}\r\n {(cookTime || difficulty) && (\r\n\r\n {cookTime && (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nTeaser.propTypes = {\r\n heading: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n tags: PropTypes.arrayOf(PropTypes.string),\r\n url: PropTypes.string,\r\n trackUrl: PropTypes.string,\r\n cookTime: PropTypes.string,\r\n difficulty: PropTypes.string,\r\n};\r\nexport default Teaser;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Teaser from 'components/teaser/teaser';\r\n\r\nconst SearchResult = ({ teasers }) => {\r\n return (\r\n \r\n
\r\n )}\r\n {difficulty && (\r\n \r\n
\r\n )}\r\n \r\n {teasers && (\r\n
\r\n );\r\n};\r\n\r\nSearchResult.propTypes = {\r\n teasers: PropTypes.arrayOf(PropTypes.exact(Teaser.propTypes)),\r\n totalCount: PropTypes.number,\r\n};\r\n\r\nSearchResult.empty = () => {\r\n return {\r\n teasers: [],\r\n totalCount: 0,\r\n };\r\n};\r\n\r\nexport default SearchResult;\r\n","function format(string, ...args) {\r\n return string.replace(/{(\\d+)}/g, function (match, number) {\r\n return typeof args[number] !== 'undefined' ? args[number] : '';\r\n });\r\n}\r\n\r\nexport default {\r\n format,\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SearchForm from './search-form';\r\nimport SearchResult from 'components/search-result';\r\nimport api from '../../js/api-helper';\r\nimport replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\n\r\nimport stringHelper from 'js/string-helper';\r\nimport Spinner from 'components/spinner';\r\nimport formHelper from 'js/form-helper';\r\n\r\nconst Search = ({\r\n headingTemplate,\r\n heading,\r\n searchForm,\r\n searchEndpoint,\r\n pageSize,\r\n errorText,\r\n noResultsText,\r\n loadMoreText,\r\n loadingText,\r\n}) => {\r\n const [result, setResult] = useState(SearchResult.empty());\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [showError, setShowError] = useState(false);\r\n const [searchQuery, setSearchQuery] = useState(null);\r\n const [currentHeading, setCurrentHeading] = useState(null);\r\n const [page, setPage] = useState(1);\r\n\r\n const updateHeading = searchText => {\r\n if (searchText) {\r\n if (headingTemplate) {\r\n var newHeading = stringHelper.format(headingTemplate, searchText);\r\n setCurrentHeading(newHeading);\r\n }\r\n } else {\r\n setCurrentHeading(heading);\r\n }\r\n };\r\n\r\n const search = () => {\r\n const currentResult = result;\r\n setIsLoading(true);\r\n setShowError(false);\r\n let query = Object.assign({}, searchQuery);\r\n formHelper.updatePageQueryString(query);\r\n query = Object.assign(query, { page: page, pageSize: pageSize });\r\n var searchUrl = replaceQueryParameters(searchEndpoint, query);\r\n api\r\n .execute(searchUrl)\r\n .then(response => {\r\n setIsLoading(false);\r\n const loadedResult = response;\r\n loadedResult.teasers = [\r\n ...currentResult.teasers,\r\n ...loadedResult.teasers,\r\n ];\r\n setResult(loadedResult);\r\n })\r\n .catch(() => {\r\n setShowError(true);\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (searchQuery) {\r\n search();\r\n }\r\n }, [searchQuery, page]);\r\n\r\n const handleFormChange = e => {\r\n setSearchQuery(Object.assign({}, e.query));\r\n updateHeading(e.searchText);\r\n setPage(1);\r\n setResult(SearchResult.empty());\r\n };\r\n\r\n const handleLoadMore = () => {\r\n setPage(page + 1);\r\n };\r\n\r\n return (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {currentHeading &&
\r\n );\r\n};\r\n\r\nSearch.propTypes = {\r\n headingTemplate: PropTypes.string,\r\n heading: PropTypes.string,\r\n searchForm: PropTypes.exact(SearchForm.propTypes).isRequired,\r\n noResultsText: PropTypes.string.isRequired,\r\n errorText: PropTypes.string.isRequired,\r\n searchEndpoint: PropTypes.string.isRequired,\r\n pageSize: PropTypes.number,\r\n loadMoreText: PropTypes.string.isRequired,\r\n loadingText: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default Search;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LinkButton from 'components/link-button';\r\n\r\nconst SeeAlsoLinks = ({ heading, links }) => {\r\n return (\r\n {currentHeading}
}\r\n\r\n
\r\n {showError && errorText && {errorText}
}\r\n {result.teasers.length > 0 ? (\r\n {noResultsText}
\r\n )}\r\n {result.teasers.length < result.totalCount && (\r\n \r\n \r\n {isLoading &&
\r\n )}\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nSeeAlsoLinks.propTypes = {\r\n heading: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(LinkButton.propTypes)),\r\n};\r\n\r\nexport default SeeAlsoLinks;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport LinkButton from 'components/link-button';\r\nimport cn from 'classnames';\r\n\r\nconst sizes = {\r\n default: 'default',\r\n small: 'small',\r\n};\r\n\r\nconst SimpleListTeaser = ({ image, heading, introHtml, link, size }) => {\r\n const _size = size || sizes.default;\r\n return (\r\n {heading}
}\r\n {links && (\r\n- \r\n {links.map((link, index) => (\r\n
- \r\n
{heading}
\r\n )}\r\n {introHtml && (\r\n\r\n {topTeaser &&
\r\n );\r\n};\r\n\r\nSimpleList.propTypes = {\r\n topTeaser: PropTypes.exact(SimpleListTeaser.propTypes),\r\n teasers: PropTypes.arrayOf(PropTypes.exact(SimpleListTeaser.propTypes)),\r\n};\r\n\r\nexport default SimpleList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Teaser from 'components/teaser/teaser';\r\nimport LinkButton from 'components/link-button/link-button';\r\n\r\nconst TeasersList = ({ heading, teasers, seeMoreLink }) => {\r\n return (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {heading &&
\r\n );\r\n};\r\n\r\nTeasersList.propTypes = {\r\n heading: PropTypes.string,\r\n teasers: PropTypes.arrayOf(PropTypes.exact(Teaser.propTypes)).isRequired,\r\n seeMoreLink: PropTypes.exact(LinkButton.propTypes),\r\n};\r\nexport default TeasersList;\r\n","import React, { useState, useCallback, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport useToggle from 'hooks/use-toggle';\r\nimport Image from 'components/image';\r\nimport Modal from 'components/modal';\r\nimport Spinner from 'components/spinner';\r\nimport YouTube from 'react-youtube';\r\nimport cn from 'classnames';\r\nimport useEvent from 'hooks/use-event';\r\n\r\nconst Video = ({\r\n logo,\r\n thumbnailImage,\r\n closeLabel,\r\n videoId,\r\n sources,\r\n autoplay,\r\n showRelated,\r\n modalTitleAriaLabel = 'Modalvindu for videoavspiller',\r\n}) => {\r\n const [popupIsOpened, togglePopup, hidePopup] = useToggle(false);\r\n const [youtubePlayerReady, setYoutubePlayerReady] = useState(false);\r\n const videoBlock = useRef();\r\n\r\n useEvent('keydown', event => {\r\n if (event.key === 'Escape') {\r\n hidePopup();\r\n }\r\n });\r\n\r\n const youtubeVideoOptions = {\r\n height: '390',\r\n width: '640',\r\n playerVars: {\r\n autoplay: autoplay ? 1 : 0,\r\n rel: showRelated ? 1 : 0,\r\n },\r\n };\r\n\r\n const localVideoOptions = {\r\n ...(autoplay ? { autoPlay: 'autoplay' } : {}),\r\n };\r\n\r\n const onReady = useCallback(() => {\r\n setYoutubePlayerReady(true);\r\n if (videoBlock && videoBlock.current) {\r\n const youtubeIframe = videoBlock.current.querySelector('iframe');\r\n\r\n if (youtubeIframe) {\r\n youtubeIframe.setAttribute('tabindex', '0');\r\n }\r\n }\r\n }, [videoBlock]);\r\n\r\n return (\r\n {heading}
}\r\n- \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n \r\n {sources && sources.length > 0 ? (\r\n
\r\n );\r\n};\r\n\r\nVideo.propTypes = {\r\n logo: PropTypes.exact(Image.propTypes),\r\n closeLabel: PropTypes.string,\r\n thumbnailImage: PropTypes.exact(Image.propTypes),\r\n videoId: PropTypes.string,\r\n sources: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n url: PropTypes.string.isRequired,\r\n mimeType: PropTypes.string.isRequired,\r\n })\r\n ),\r\n autoplay: PropTypes.bool,\r\n showRelated: PropTypes.bool,\r\n modalTitleAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default Video;\r\n","const req = require.context('./', true, /\\.svg$/);\r\n\r\nconst icons = req.keys().reduce((icons, filename) => {\r\n const id = filename.replace('./', '').replace('.svg', '');\r\n const component = req(filename);\r\n\r\n // After updating the React version we get this warning (Support for defaultProps will be removed from function components in a future major release.\r\n // Use JavaScript default parameters instead), because the module https://www.npmjs.com/package/svg-react-loader which was updated long time ago\r\n // generates React components where default svg params used as defaultProps. The solution is to avoid using defaultProps by passing a custom object instead\r\n if (component.defaultProps) {\r\n component.customDefaultProps = component.defaultProps;\r\n delete component.defaultProps;\r\n }\r\n\r\n return { ...icons, [id]: component };\r\n}, {});\r\n\r\nexport default icons;\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 (\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 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___[\"AppComponents\"] === 'undefined') ___EXPOSE_LOADER_GLOBAL_THIS___[\"AppComponents\"] = ___EXPOSE_LOADER_IMPORT___;\nmodule.exports = ___EXPOSE_LOADER_IMPORT___;\n","var React = require('react');\n\nfunction Arrow (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"stroke\":\"currentColor\",\"d\":\"m123.671 446.184 4.743 4.743 6.64 6.64-11.383 11.383\",\"style\":{\"fill\":\"none\",\"strokeMiterlimit\":\"10\",\"strokeWidth\":\"4px\"},\"transform\":\"translate(-122.257 -444.769)\"}));\n}\n\nArrow.defaultProps = {\"width\":\"15.626\",\"height\":\"25.595\",\"viewBox\":\"0 0 15.626 25.595\"};\n\nmodule.exports = Arrow;\n\nArrow.default = Arrow;\n","var React = require('react');\n\nfunction ClockBig (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".b{fill:#00568a}\")),React.createElement(\"path\",{\"d\":\"M1003.052 207.883v15.341h15.241a15.534 15.534 0 0 0-15.241-15.341\",\"style\":{\"fill\":\"#00568a\",\"opacity\":\".2\"},\"transform\":\"translate(-986.967 -207.235)\",\"key\":1}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M17.724 15.989a1.736 1.736 0 1 1-1.736-1.736 1.736 1.736 0 0 1 1.736 1.736\",\"className\":\"b\",\"key\":2}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M15.988 15.203a.785.785 0 0 1-.785-.785v-3.916a.785.785 0 0 1 1.57 0v3.916a.785.785 0 0 1-.785.785M23.893 16.773h-7.12a.785.785 0 0 1 0-1.57h7.12a.785.785 0 1 1 0 1.57M16.085 5.657a.786.786 0 0 1-.785-.786V3.457a.785.785 0 1 1 1.57 0v1.414a.786.786 0 0 1-.785.786\",\"className\":\"b\",\"key\":3}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(15.3 26.318)\",\"key\":4}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M16.085 5.657a.786.786 0 0 1-.785-.786V3.457a.785.785 0 1 1 1.57 0v1.414a.786.786 0 0 1-.785.786\",\"className\":\"b\",\"key\":5}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(15.3 26.318)\",\"key\":6}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M10.922 7.044a.785.785 0 0 1-1.073-.288l-.707-1.225a.786.786 0 0 1 1.361-.785l.707 1.225a.785.785 0 0 1-.288 1.073\",\"className\":\"b\",\"key\":7}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-30 57.544 -25.721)\",\"key\":8}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M7.14 10.824a.785.785 0 0 1-1.073.288l-1.225-.707a.785.785 0 0 1 .785-1.36l1.226.707a.786.786 0 0 1 .287 1.072\",\"className\":\"b\",\"key\":9}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-60 31.227 -10.42)\",\"key\":10}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M5.756 15.99a.785.785 0 0 1-.785.785H3.557a.786.786 0 1 1 0-1.571h1.417a.786.786 0 0 1 .782.786\",\"className\":\"b\",\"key\":11}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(26.414 15.204)\",\"key\":12}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M7.14 21.154a.785.785 0 0 1-.287 1.073l-1.226.707a.786.786 0 0 1-.785-1.361l1.225-.707a.785.785 0 0 1 1.073.288\",\"className\":\"b\",\"key\":13}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-30 31.25 -40.903)\",\"key\":14}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M10.922 24.936a.785.785 0 0 1 .287 1.073l-.707 1.225a.786.786 0 0 1-1.361-.785l.707-1.226a.785.785 0 0 1 1.074-.287\",\"className\":\"b\",\"key\":15}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-60 16.046 -14.488)\",\"key\":16}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M15.988 31.977a15.988 15.988 0 1 1 15.989-15.988 16.007 16.007 0 0 1-15.989 15.988m0-30.406a14.418 14.418 0 1 0 14.418 14.418A14.433 14.433 0 0 0 15.988 1.571\",\"className\":\"b\",\"key\":17})]);\n}\n\nClockBig.defaultProps = {\"width\":\"40\",\"height\":\"40\",\"viewBox\":\"0 0 31.977 31.977\"};\n\nmodule.exports = ClockBig;\n\nClockBig.default = ClockBig;\n","var React = require('react');\n\nfunction Clock (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".b{fill:#00568a}\")),React.createElement(\"path\",{\"d\":\"M1003.052 207.883v15.341h15.241a15.534 15.534 0 0 0-15.241-15.341\",\"style\":{\"fill\":\"#00568a\",\"opacity\":\".2\"},\"transform\":\"translate(-986.967 -207.235)\",\"key\":1}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M17.724 15.989a1.736 1.736 0 1 1-1.736-1.736 1.736 1.736 0 0 1 1.736 1.736\",\"className\":\"b\",\"key\":2}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M15.988 15.203a.785.785 0 0 1-.785-.785v-3.916a.785.785 0 0 1 1.57 0v3.916a.785.785 0 0 1-.785.785M23.893 16.773h-7.12a.785.785 0 0 1 0-1.57h7.12a.785.785 0 1 1 0 1.57M16.085 5.657a.786.786 0 0 1-.785-.786V3.457a.785.785 0 1 1 1.57 0v1.414a.786.786 0 0 1-.785.786\",\"className\":\"b\",\"key\":3}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(15.3 26.318)\",\"key\":4}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M16.085 5.657a.786.786 0 0 1-.785-.786V3.457a.785.785 0 1 1 1.57 0v1.414a.786.786 0 0 1-.785.786\",\"className\":\"b\",\"key\":5}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(15.3 26.318)\",\"key\":6}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M10.922 7.044a.785.785 0 0 1-1.073-.288l-.707-1.225a.786.786 0 0 1 1.361-.785l.707 1.225a.785.785 0 0 1-.288 1.073\",\"className\":\"b\",\"key\":7}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-30 57.544 -25.721)\",\"key\":8}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M7.14 10.824a.785.785 0 0 1-1.073.288l-1.225-.707a.785.785 0 0 1 .785-1.36l1.226.707a.786.786 0 0 1 .287 1.072\",\"className\":\"b\",\"key\":9}),React.createElement(\"rect\",{\"width\":\"1.571\",\"height\":\"2.986\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-60 31.227 -10.42)\",\"key\":10}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M5.756 15.99a.785.785 0 0 1-.785.785H3.557a.786.786 0 1 1 0-1.571h1.417a.786.786 0 0 1 .782.786\",\"className\":\"b\",\"key\":11}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"translate(26.414 15.204)\",\"key\":12}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M7.14 21.154a.785.785 0 0 1-.287 1.073l-1.226.707a.786.786 0 0 1-.785-1.361l1.225-.707a.785.785 0 0 1 1.073.288\",\"className\":\"b\",\"key\":13}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-30 31.25 -40.903)\",\"key\":14}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M10.922 24.936a.785.785 0 0 1 .287 1.073l-.707 1.225a.786.786 0 0 1-1.361-.785l.707-1.226a.785.785 0 0 1 1.074-.287\",\"className\":\"b\",\"key\":15}),React.createElement(\"rect\",{\"width\":\"2.986\",\"height\":\"1.571\",\"fill\":\"currentColor\",\"className\":\"b\",\"rx\":\".785\",\"transform\":\"rotate(-60 16.046 -14.488)\",\"key\":16}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M15.988 31.977a15.988 15.988 0 1 1 15.989-15.988 16.007 16.007 0 0 1-15.989 15.988m0-30.406a14.418 14.418 0 1 0 14.418 14.418A14.433 14.433 0 0 0 15.988 1.571\",\"className\":\"b\",\"key\":17})]);\n}\n\nClock.defaultProps = {\"width\":\"31.977\",\"height\":\"31.977\",\"viewBox\":\"0 0 31.977 31.977\"};\n\nmodule.exports = Clock;\n\nClock.default = Clock;\n","var React = require('react');\n\nfunction Close (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"4\"},React.createElement(\"path\",{\"d\":\"m1.414 1.414 29.698 29.698M31.112 1.414 1.414 31.112\"})));\n}\n\nClose.defaultProps = {\"width\":\"32.527\",\"height\":\"32.527\",\"viewBox\":\"0 0 32.527 32.527\"};\n\nmodule.exports = Close;\n\nClose.default = Close;\n","var React = require('react');\n\nfunction CookBig (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".b{fill:#00568a}\")),React.createElement(\"path\",{\"d\":\"M1178.051 234.325a4.8 4.8 0 0 0-6.381-4.54c0-.09.014-.178.014-.268 0-.075-.009-.147-.011-.22-6.929 6.088-17.222 7.637-17.222 7.637l.275 5.138s12.125-6.412 19.616 1V239a4.81 4.81 0 0 0 3.709-4.675\",\"style\":{\"fill\":\"#00568a\",\"opacity\":\".2\"},\"transform\":\"translate(-1151.045 -221.444)\",\"key\":1}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M23.295 21.536a.73.73 0 0 1-.415-.13 18.3 18.3 0 0 0-9.583-2.548A17.57 17.57 0 0 0 3.829 21.4a.732.732 0 0 1-.849-1.193 18.8 18.8 0 0 1 10.317-2.813 19.4 19.4 0 0 1 10.415 2.808.732.732 0 0 1-.417 1.333Z\",\"className\":\"b\",\"key\":2}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M13.67 38.901h-.746a10.26 10.26 0 0 1-10.073-8.382 3.406 3.406 0 0 1-.177-6.686v-7.922a5.63 5.63 0 0 1-2.673-4.674 5.56 5.56 0 0 1 5.585-5.541 8.072 8.072 0 0 1 15.759 1.713 5.4 5.4 0 0 1 .853-.067 5.539 5.539 0 0 1 1.831 10.767v5.726a3.34 3.34 0 0 1 2.566 3.325 3.41 3.41 0 0 1-2.851 3.359 10.256 10.256 0 0 1-10.074 8.382M3.484 29.093a.73.73 0 0 1 .726.642 8.79 8.79 0 0 0 8.713 7.7h.746a8.79 8.79 0 0 0 8.712-7.7.74.74 0 0 1 .752-.642c.019 0 .057 0 .087.008a1.944 1.944 0 0 0 1.909-1.94 1.85 1.85 0 0 0-1.833-1.942.73.73 0 0 1-.731-.732v-6.926a.73.73 0 0 1 .564-.712 4.074 4.074 0 1 0-2.265-7.815.733.733 0 0 1-.97-.719l.008-.132c0-.037.005-.073.005-.11A6.608 6.608 0 0 0 6.851 6.629a.73.73 0 0 1-.8.567 4 4 0 0 0-.506-.035 4.08 4.08 0 0 0-4.085 4.077 4.18 4.18 0 0 0 2.283 3.605.73.73 0 0 1 .39.647v9a.73.73 0 0 1-.732.732 1.941 1.941 0 0 0-.034 3.882c.03 0 .058-.006.087-.008Z\",\"className\":\"b\",\"key\":3}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M3.406 18.869a.488.488 0 0 1-.3-.876c.135-.1 3.363-2.478 10.24-2.478a.488.488 0 1 1 0 .976c-6.518 0-9.622 2.259-9.653 2.282a.5.5 0 0 1-.287.096M22.869 18.868a.5.5 0 0 1-.292-.1 11.4 11.4 0 0 0-3.3-1.45.488.488 0 1 1 .273-.937 12 12 0 0 1 3.617 1.607.488.488 0 0 1-.295.877ZM4.056 11.327a1 1 0 0 1-.08 0 .73.73 0 0 1-.649-.807 2.18 2.18 0 0 1 2.4-1.915.732.732 0 0 1-.092 1.46.73.73 0 0 0-.847.614.73.73 0 0 1-.732.648M10.197 5.896a.8.8 0 0 1-.225-.035.73.73 0 0 1-.472-.921 3.447 3.447 0 0 1 4.364-2.2.732.732 0 0 1-.388 1.411 2.045 2.045 0 0 0-2.582 1.238.73.73 0 0 1-.697.507M6.729 25.718a.488.488 0 0 1-.1-.966l3.737-.744a.488.488 0 1 1 .191.956l-3.738.745a.5.5 0 0 1-.09.009M9.806 27.124a1.208 1.208 0 1 1-1.208-1.208 1.21 1.21 0 0 1 1.208 1.208M19.411 25.718a.5.5 0 0 1-.1-.009l-3.738-.745a.488.488 0 1 1 .191-.956l3.737.744a.488.488 0 0 1-.095.966ZM16.179 27.082a1.208 1.208 0 1 0 1.208-1.209 1.21 1.21 0 0 0-1.208 1.209M13.352 34.684a4.07 4.07 0 0 1-3.787-2.065.488.488 0 0 1 .881-.419 3.13 3.13 0 0 0 2.906 1.508 2.79 2.79 0 0 0 2.744-1.474.488.488 0 1 1 .909.354 3.73 3.73 0 0 1-3.653 2.096M13.868 30.32h-1.484a.488.488 0 1 1 0-.976h1.484a.488.488 0 1 1 0 .976M3.404 25.218a.732.732 0 0 1-.16-1.446c2.647-.6 9.688-2.765 10.463-5.585a.732.732 0 0 1 1.412.388c-.505 1.837-2.637 3.515-6.337 4.989A39 39 0 0 1 3.566 25.2a.7.7 0 0 1-.162.018M23.296 25.217a.8.8 0 0 1-.173-.02 11.63 11.63 0 0 1-7.624-6.545.732.732 0 0 1 1.358-.546 10.33 10.33 0 0 0 6.611 5.668.732.732 0 0 1-.172 1.443\",\"className\":\"b\",\"key\":4})]);\n}\n\nCookBig.defaultProps = {\"width\":\"40\",\"height\":\"48\",\"viewBox\":\"0 0 27.737 38.901\"};\n\nmodule.exports = CookBig;\n\nCookBig.default = CookBig;\n","var React = require('react');\n\nfunction Cook (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".b{fill:#00568a}\")),React.createElement(\"path\",{\"d\":\"M1178.051 234.325a4.8 4.8 0 0 0-6.381-4.54c0-.09.014-.178.014-.268 0-.075-.009-.147-.011-.22-6.929 6.088-17.222 7.637-17.222 7.637l.275 5.138s12.125-6.412 19.616 1V239a4.81 4.81 0 0 0 3.709-4.675\",\"style\":{\"fill\":\"#00568a\",\"opacity\":\".2\"},\"transform\":\"translate(-1151.045 -221.444)\",\"key\":1}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M23.295 21.536a.73.73 0 0 1-.415-.13 18.3 18.3 0 0 0-9.583-2.548A17.57 17.57 0 0 0 3.829 21.4a.732.732 0 0 1-.849-1.193 18.8 18.8 0 0 1 10.317-2.813 19.4 19.4 0 0 1 10.415 2.808.732.732 0 0 1-.417 1.333Z\",\"className\":\"b\",\"key\":2}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M13.67 38.901h-.746a10.26 10.26 0 0 1-10.073-8.382 3.406 3.406 0 0 1-.177-6.686v-7.922a5.63 5.63 0 0 1-2.673-4.674 5.56 5.56 0 0 1 5.585-5.541 8.072 8.072 0 0 1 15.759 1.713 5.4 5.4 0 0 1 .853-.067 5.539 5.539 0 0 1 1.831 10.767v5.726a3.34 3.34 0 0 1 2.566 3.325 3.41 3.41 0 0 1-2.851 3.359 10.256 10.256 0 0 1-10.074 8.382M3.484 29.093a.73.73 0 0 1 .726.642 8.79 8.79 0 0 0 8.713 7.7h.746a8.79 8.79 0 0 0 8.712-7.7.74.74 0 0 1 .752-.642c.019 0 .057 0 .087.008a1.944 1.944 0 0 0 1.909-1.94 1.85 1.85 0 0 0-1.833-1.942.73.73 0 0 1-.731-.732v-6.926a.73.73 0 0 1 .564-.712 4.074 4.074 0 1 0-2.265-7.815.733.733 0 0 1-.97-.719l.008-.132c0-.037.005-.073.005-.11A6.608 6.608 0 0 0 6.851 6.629a.73.73 0 0 1-.8.567 4 4 0 0 0-.506-.035 4.08 4.08 0 0 0-4.085 4.077 4.18 4.18 0 0 0 2.283 3.605.73.73 0 0 1 .39.647v9a.73.73 0 0 1-.732.732 1.941 1.941 0 0 0-.034 3.882c.03 0 .058-.006.087-.008Z\",\"className\":\"b\",\"key\":3}),React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M3.406 18.869a.488.488 0 0 1-.3-.876c.135-.1 3.363-2.478 10.24-2.478a.488.488 0 1 1 0 .976c-6.518 0-9.622 2.259-9.653 2.282a.5.5 0 0 1-.287.096M22.869 18.868a.5.5 0 0 1-.292-.1 11.4 11.4 0 0 0-3.3-1.45.488.488 0 1 1 .273-.937 12 12 0 0 1 3.617 1.607.488.488 0 0 1-.295.877ZM4.056 11.327a1 1 0 0 1-.08 0 .73.73 0 0 1-.649-.807 2.18 2.18 0 0 1 2.4-1.915.732.732 0 0 1-.092 1.46.73.73 0 0 0-.847.614.73.73 0 0 1-.732.648M10.197 5.896a.8.8 0 0 1-.225-.035.73.73 0 0 1-.472-.921 3.447 3.447 0 0 1 4.364-2.2.732.732 0 0 1-.388 1.411 2.045 2.045 0 0 0-2.582 1.238.73.73 0 0 1-.697.507M6.729 25.718a.488.488 0 0 1-.1-.966l3.737-.744a.488.488 0 1 1 .191.956l-3.738.745a.5.5 0 0 1-.09.009M9.806 27.124a1.208 1.208 0 1 1-1.208-1.208 1.21 1.21 0 0 1 1.208 1.208M19.411 25.718a.5.5 0 0 1-.1-.009l-3.738-.745a.488.488 0 1 1 .191-.956l3.737.744a.488.488 0 0 1-.095.966ZM16.179 27.082a1.208 1.208 0 1 0 1.208-1.209 1.21 1.21 0 0 0-1.208 1.209M13.352 34.684a4.07 4.07 0 0 1-3.787-2.065.488.488 0 0 1 .881-.419 3.13 3.13 0 0 0 2.906 1.508 2.79 2.79 0 0 0 2.744-1.474.488.488 0 1 1 .909.354 3.73 3.73 0 0 1-3.653 2.096M13.868 30.32h-1.484a.488.488 0 1 1 0-.976h1.484a.488.488 0 1 1 0 .976M3.404 25.218a.732.732 0 0 1-.16-1.446c2.647-.6 9.688-2.765 10.463-5.585a.732.732 0 0 1 1.412.388c-.505 1.837-2.637 3.515-6.337 4.989A39 39 0 0 1 3.566 25.2a.7.7 0 0 1-.162.018M23.296 25.217a.8.8 0 0 1-.173-.02 11.63 11.63 0 0 1-7.624-6.545.732.732 0 0 1 1.358-.546 10.33 10.33 0 0 0 6.611 5.668.732.732 0 0 1-.172 1.443\",\"className\":\"b\",\"key\":4})]);\n}\n\nCook.defaultProps = {\"width\":\"27.737\",\"height\":\"38.901\",\"viewBox\":\"0 0 27.737 38.901\"};\n\nmodule.exports = Cook;\n\nCook.default = Cook;\n","var React = require('react');\n\nfunction Facebook (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M13.257 21.48v-7.639h6.161V10a10.05 10.05 0 0 1 2.7-7.08A8.59 8.59 0 0 1 28.657 0h6.12v7.64h-6.12a1.35 1.35 0 0 0-1.079.66 2.68 2.68 0 0 0-.48 1.62v3.92h7.679v7.639H27.1V40h-7.68V21.48Z\",\"style\":{\"fill\":\"#fff\"},\"transform\":\"translate(-13.257)\"}));\n}\n\nFacebook.defaultProps = {\"width\":\"21.52\",\"height\":\"40\",\"viewBox\":\"0 0 21.52 40\"};\n\nmodule.exports = Facebook;\n\nFacebook.default = Facebook;\n","var React = require('react');\n\nfunction Instagram (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M20 11.982a10.255 10.255 0 1 0 10.259 10.256A10.24 10.24 0 0 0 20 11.982m0 16.923a6.667 6.667 0 1 1 6.667-6.667A6.68 6.68 0 0 1 20 28.905m13.071-17.342a2.392 2.392 0 1 1-2.392-2.392 2.387 2.387 0 0 1 2.392 2.392m6.792 2.428c-.152-3.2-.884-6.043-3.231-8.381s-5.177-3.07-8.381-3.231c-3.3-.187-13.2-.187-16.5 0-3.2.152-6.034.884-8.381 3.222S.3 10.777.135 13.982c-.187 3.3-.187 13.2 0 16.5.152 3.2.884 6.043 3.231 8.381s5.177 3.07 8.381 3.231c3.3.187 13.2.187 16.5 0 3.2-.152 6.043-.884 8.381-3.231s3.07-5.177 3.231-8.381c.187-3.3.187-13.192 0-16.494ZM35.6 34.028a6.75 6.75 0 0 1-3.8 3.8c-2.633 1.044-8.881.8-11.791.8s-9.167.232-11.791-.8a6.75 6.75 0 0 1-3.8-3.8c-1.044-2.633-.8-8.881-.8-11.791s-.232-9.167.8-11.791a6.75 6.75 0 0 1 3.8-3.8c2.633-1.044 8.881-.8 11.791-.8s9.167-.232 11.791.8a6.75 6.75 0 0 1 3.8 3.8c1.044 2.633.8 8.881.8 11.791s.241 9.163-.8 11.791\",\"style\":{\"fill\":\"#fff\"},\"transform\":\"translate(.005 -2.238)\"}));\n}\n\nInstagram.defaultProps = {\"width\":\"40.009\",\"height\":\"40\",\"viewBox\":\"0 0 40.009 40\"};\n\nmodule.exports = Instagram;\n\nInstagram.default = Instagram;\n","var React = require('react');\n\nfunction Menu (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"4\"},React.createElement(\"path\",{\"d\":\"M0 2h42M0 16h42M0 30h29\"})));\n}\n\nMenu.defaultProps = {\"width\":\"42\",\"height\":\"36\",\"className\":\"icon\",\"viewBox\":\"0 0 42 29\"};\n\nmodule.exports = Menu;\n\nMenu.default = Menu;\n","var React = require('react');\n\nfunction Play (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"style\",null,\".a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}\")),React.createElement(\"path\",{\"d\":\"M142.5 72.5a70 70 0 1 1-70-70 70 70 0 0 1 70 70\",\"className\":\"a\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M58.198 44.148 100.726 72.5l-42.528 28.348Z\",\"className\":\"a\",\"key\":2})]);\n}\n\nPlay.defaultProps = {\"width\":\"145\",\"height\":\"145\",\"style\":{\"fill\":\"none\",\"stroke\":\"#fff\",\"strokeWidth\":\"5px\"},\"viewBox\":\"0 0 145 145\"};\n\nmodule.exports = Play;\n\nPlay.default = Play;\n","var React = require('react');\n\nfunction Print (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"transform\":\"translate(-1856.308 -36.584)\"},[React.createElement(\"path\",{\"d\":\"M1891.42 50.58h-27.45l-.06-13h27.45zM1863.97 62.52h27.45v16.49h-27.45z\",\"className\":\"st0\",\"style\":{\"fill\":\"none\",\"stroke\":\"#114778\",\"strokeWidth\":\"1.6\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"},\"key\":0}),React.createElement(\"path\",{\"d\":\"M1857.3 50.58v20.94h6.67v-9h27.45v9h6.67V50.58z\",\"className\":\"st1\",\"style\":{\"opacity\":\".2\",\"fill\":\"#114778\"},\"key\":1}),React.createElement(\"path\",{\"d\":\"M1857.3 50.58v20.94h6.67v-9h27.45v9h6.67V50.58z\",\"className\":\"st0\",\"style\":{\"fill\":\"none\",\"stroke\":\"#114778\",\"strokeWidth\":\"1.6\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"},\"key\":2}),React.createElement(\"circle\",{\"cx\":\"1891.42\",\"cy\":\"56.39\",\"r\":\".53\",\"className\":\"st2\",\"style\":{\"fill\":\"none\",\"stroke\":\"#114778\",\"strokeWidth\":\"2.053\",\"strokeMiterlimit\":\"10\"},\"key\":3}),React.createElement(\"path\",{\"d\":\"M1868.13 68.5h19.08M1868.13 71.52h19.08M1868.13 74.54h14.37\",\"className\":\"st3\",\"style\":{\"fill\":\"none\",\"stroke\":\"#114778\",\"strokeWidth\":\"1.027\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"},\"key\":4})]));\n}\n\nPrint.defaultProps = {\"xmlSpace\":\"preserve\",\"viewBox\":\"0 0 42.7 43.4\"};\n\nmodule.exports = Print;\n\nPrint.default = Print;\n","var React = require('react');\n\nfunction Search (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeMiterlimit\":\"10\",\"strokeWidth\":\"4\",\"transform\":\"translate(-31.212 -446.886)\"},[React.createElement(\"circle\",{\"cx\":\"12.105\",\"cy\":\"12.105\",\"r\":\"12.105\",\"transform\":\"translate(37.383 448.886)\",\"key\":0}),React.createElement(\"path\",{\"d\":\"m32.627 477.938 8.475-8.475\",\"key\":1})]));\n}\n\nSearch.defaultProps = {\"width\":\"32.381\",\"height\":\"32.467\",\"viewBox\":\"0 0 32.381 32.467\"};\n\nmodule.exports = Search;\n\nSearch.default = Search;\n","var React = require('react');\n\nfunction Youtube (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M52.976 13.333c0-4.687-3.448-8.458-7.708-8.458C39.5 4.6 33.613 4.5 27.6 4.5h-1.872c-6 0-11.9.1-17.666.375-4.25 0-7.7 3.791-7.7 8.479A152 152 0 0 0 0 24.478q-.015 5.562.354 11.135C.354 40.3 3.8 44.1 8.052 44.1c6.062.281 12.281.406 18.6.4q9.5.031 18.6-.4c4.26 0 7.708-3.8 7.708-8.489.25-3.719.365-7.427.354-11.145q.037-5.561-.338-11.133M21.562 34.7V14.229l15.1 10.229Z\",\"style\":{\"fill\":\"#fff\"},\"transform\":\"translate(0 -4.5)\"}));\n}\n\nYoutube.defaultProps = {\"width\":\"53.323\",\"height\":\"40\",\"viewBox\":\"0 0 53.323 40\"};\n\nmodule.exports = Youtube;\n\nYoutube.default = Youtube;\n","var map = {\n\t\"./arrow.svg\": 6701,\n\t\"./clock-big.svg\": 57,\n\t\"./clock.svg\": 4876,\n\t\"./close.svg\": 7066,\n\t\"./cook-big.svg\": 2631,\n\t\"./cook.svg\": 6426,\n\t\"./facebook.svg\": 1874,\n\t\"./instagram.svg\": 1446,\n\t\"./menu.svg\": 5775,\n\t\"./play.svg\": 3324,\n\t\"./print.svg\": 8527,\n\t\"./search.svg\": 7286,\n\t\"./youtube.svg\": 2229\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\tid: moduleId,\n\t\tloaded: false,\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// Flag the module as loaded\n\tmodule.loaded = true;\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};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\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 = self[\"webpackChunkFiskesprell_Web\"] = self[\"webpackChunkFiskesprell_Web\"] || [];\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__(4709)))\nvar __webpack_exports__ = __webpack_require__.O(undefined, [121], () => (__webpack_require__(273)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","RichText","_ref","text","className","id","React","cn","dangerouslySetInnerHTML","__html","propTypes","PropTypes","AccordionBlock","title","items","AccordionComponent","allowMultipleExpanded","allowZeroExpanded","length","map","item","index","AccordionItem","key","AccordionItemState","_ref2","expanded","Fragment","AccordionItemHeading","AccordionItemButton","name","AccordionItemPanel","textHtml","isRequired","ariaCurrentTypes","page","step","location","true","Link","ariaCurrent","openInNewTab","url","tabindex","ariaLabelledBy","ariaDescribedBy","href","target","tabIndex","rel","Object","values","Breadcrumbs","links","ariaLabel","_extends","transforms","downFit","downFill","skipForResizeExtensions","queryParameters","width","undefined","height","transform","center","checkImageCanBeResized","extension","split","pop","trim","toLowerCase","some","serializeCenter","x","y","concat","buildResizeUrl","centerX","centerY","resizeUrl","replaceQueryParameters","assign","resizeQuery","queryHash","CryptoJs","replace","hash","calcImageWidth","containerWidth","resolution","Math","ceil","window","devicePixelRatio","calcImageHeight","containerHeight","Transforms","Image","constructor","arguments","_defineProperty","imageResizer","this","props","src","canBeResized","ratio","containerOffsetWidth","containerOffsetHeight","fill","container","offsetWidth","offsetHeight","autoTransform","fit","autoCalcWidthOnly","autoCalcHeightOnly","skipByWidth","state","skipByHeight","widthResolution","heightResolution","newWidth","newHeight","newRatio","setState","previousState","focusPoint","debounce","handleResize","componentDidMount","debouncedHandleResize","addEventListener","componentWillUnmount","removeEventListener","componentDidUpdate","render","fluid","style","backgroundImage","backgroundPosition","ref","c","alt","_Image","Contact","image","phoneLink","mailLink","ContactInformation","heading","ContactUs","contacts","ContentArea","blocks","block","Block","Components","componentName","console","error","CoursePartLink","partId","onClick","active","disabled","Spinner","CourseContent","coursePartsLinks","loadCoursePartEndpoint","loadingText","errorText","prevButtonText","nextButtonText","navigationAriaLabel","numberOfPartsLinks","partsLinksAreExist","isLoading","setIsLoading","useState","setError","pageContent","setPageContent","pageId","setPageId","scrollToTopOfContent","scrollToElement","offset","ease","duration","firstPartsLinkIsActive","lastPartsLinkIsActive","currentPartsLinkIndex","findIndex","p","useEffect","loadPageContent","xhr","XMLHttpRequest","query","onreadystatechange","readyState","DONE","status","response","onerror","open","send","link","e","handleNavigate","activePartId","handlePrevButtonClick","handleNextButtonClick","useEvent","eventName","eventHandler","dependencies","callback","current","contains","DropDown","label","onOptionClicked","selectedOptionIndex","isOpen","setIsOpen","dropdownRef","useClickOutside","close","toggling","handleOptionClick","EmbeddableFormBlock","html","icons","require","Icon","useFill","defaultProps","customDefaultProps","_objectSpread","focusable","keys","themes","blueWithIcon","QuickSearchPanel","searchInputLabel","placeholder","searchPageUrl","searchInputName","helpTextHtml","submitButtonText","formAriaLabel","autocompleteEndpoint","theme","inputRef","focus","action","method","role","type","LinkButton","iconName","subscribe","ErrorBlock","errorCode","bigText","smallText","search","Factbox","backgroundColor","icon","FactboxWithTextBlock","factbox","factboxPosition","twoColumns","SocialLink","instagram","facebook","youtube","Footer","content1Html","content2Html","subscribeButton","socialLinks","copyrightText","cookiesLink","socialLink","prefixesDictionary","GettingStartedLink","introHtml","uniqueId","useMemo","idHelper","prefix","headingId","descriptionId","FrontPageHero","backgroundImageMobile","mainHeading","secondaryHeadingLeft","secondaryHeadingRight","gettingStartedLinks","gettingStartedReadMoreLink","isDesktopView","document","body","clientWidth","imageWidth","setImageWidth","imageSource","setImageSource","isDesktop","screen","gettingStartedLink","FullWidthBanner","readMoreButton","default","overlay","GettingStartedTeaser","GettingStartedList","teasers","teaser","useToggle","initiallyActive","isActive","setIsActive","toggle","useCallback","activate","MenuLink","isCurrent","MainMenu","firstColumnLinks","secondColumnLinks","thirdColumnHeading","thirdColumnLinks","subscribeLink","menuIsOpened","toggleMenu","onMenuButtonClick","HeaderMenu","headerMenuLinks","Header","logo","mainMenu","quickSearchPanel","headerMenu","buttonSearchAriaLabel","buttonMenuAriaLabel","buttonCloseAriaLabel","quickSearchPanelTitleAriaLabel","mainMenuTitleAriaLabel","popupIsOpened","togglePopup","hidePopup","searchMode","setSearchModIsActive","onSearchButtonClick","navigationRef","event","FocusTrap","header__popup_opened","expandedMenuImage","ImageWithCaption","caption","imageSizeClassName","gallerySettings","dots","centerMode","infinite","speed","centerPadding","slidesToScroll","slidesToShow","galleryImageClassName","ImageGallery","imageGalleryContainer","currentSlideIndex","setCurrentSlideIndex","updateNavigationControlsPosition","slideHeight","slideIndex","currentSlideImage","querySelectorAll","querySelector","getSlideHeight","sliderDots","sliderArrows","i","top","display","debouncedRecalculateElementsPosition","Slider","afterChange","ImageWithTextBlock","imagePosition","IngredientBase","Ingredients","forAdults","forChildren","forKindergarten","setSelectedOptionIndex","filter","Boolean","selectedItem","errorMessageTopic","messageTopic","onTopic","topic","func","PubSub","message","onErrorMessage","onMessage","sendErrorMessage","_ref3","sendMessage","_ref4","Message","isErrorMessage","isVisible","setTimeout","hide","messenger","show","Modal","isOpened","closeLabel","onClose","children","titleAriaLabel","PagesListItem","linkUrlExists","ItemContent","SelectOption","value","isSelected","onChange","handleChange","TagFilter","options","clearLabel","multiselect","clearOption","setClearOption","optionsMap","setOptions","Map","o","find","refreshOptions","handleOptionChange","targetOption","get","option","selectedValues","handleClearOptionChange","Timeout","fn","delay","clear","cleared","clearTimeout","getCallbackEnhancedData","data","callbackTimeout","eventCallback","isRunningOnClient","dataLayer","forEach","dataObject","push","defaultFetchOptions","headers","Accept","credentials","parseResponse","json","then","handleUserMessages","messageToUser","success","handleAnalytics","analytics","handleNotOk","ok","Error","statusText","handleResponse","payload","handleFetchError","getData","Promise","reject","request","fetch","catch","endpoint","indexOf","resolve","post","JSON","stringify","setQueryValue","_getUndefinedIfEmpty","createQuery","currentOptions","textInput","currentValue","newUrl","toString","history","replaceState","PagesList","tagFilter","loadItemsEndpoint","pages","setPages","setQuery","buildDefaultQuery","formHelper","loadPages","loadUrl","api","listItems","listItem","PrintButton","printPage","print","Answer","isCorrect","checked","showResults","isMultipleChoice","Question","answers","questionNumber","selectNoteText","showValidation","checkedValue","setIsChecked","checkedItems","setCheckedItems","a","checkIfMultySelected","every","v","answer","Questionnaire","getResultButtonText","restartButtonText","questions","setShowResults","qIndex","setQIndex","questionsList","setQuestionsList","setShowValidation","setAllQuestionsUnselected","tmpArr","q","onQuestionChange","question","onRestartClick","preventDefault","onGetResultClick","selectedAnswers","ReactComponent","RecipePageDetails","cookTime","difficulty","CategoryFilter","hasTouch","setHasTouch","fakeSelectRef","selectedOption","setSelectedOption","isMounted","setIsMounted","useIsMounted","currentOption","SearchQueryInput","submitButtonAriaLabel","setCurrentValue","SearchForm","categoryFilter1","categoryFilter2","searchQueryInput","onInit","initQuery","buildInitQuery","searchText","queryUpdated","handleFilterChange","handleTextInputChnage","input","Teaser","tags","trackUrl","TeaserTag","attributes","defaultBehaviour","ctrlKey","_response","join","SearchResult","totalCount","empty","string","_len","args","Array","_key","match","number","Search","headingTemplate","searchForm","searchEndpoint","pageSize","noResultsText","loadMoreText","result","setResult","showError","setShowError","searchQuery","setSearchQuery","currentHeading","setCurrentHeading","setPage","currentResult","searchUrl","loadedResult","handleFormChange","newHeading","stringHelper","updateHeading","handleLoadMore","SeeAlsoLinks","sizes","small","SimpleListTeaser","size","_size","SimpleList","topTeaser","TeasersList","seeMoreLink","Video","thumbnailImage","videoId","sources","autoplay","showRelated","modalTitleAriaLabel","youtubePlayerReady","setYoutubePlayerReady","videoBlock","useRef","youtubeVideoOptions","playerVars","localVideoOptions","autoPlay","onReady","youtubeIframe","setAttribute","poster","controls","loop","muted","source","mimeType","YouTube","opts","containerClassName","req","reduce","filename","component","documentElement","defineProperty","HTMLElement","prototype","self","update","classes","ret","add","remove","splice","touchEndHappened","classListPolyfill","onTouchStart","classList","onTouchEnd","onMouseDown","keyCodeWhiteList","which","inputDetection","___EXPOSE_LOADER_IMPORT___","___EXPOSE_LOADER_GLOBAL_THIS___","module","exports","Arrow","createElement","ClockBig","Clock","Close","CookBig","Cook","Facebook","Instagram","Menu","Play","Print","Youtube","webpackContext","webpackContextResolve","__webpack_require__","code","__webpack_module_cache__","moduleId","cachedModule","loaded","__webpack_modules__","call","m","O","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","r","n","getter","__esModule","d","definition","enumerable","g","globalThis","Function","obj","prop","hasOwnProperty","Symbol","toStringTag","nmd","paths","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","bind","__webpack_exports__"],"sourceRoot":""}\r\n \r\n {sources.map((source, index) => (\r\n
\r\n ) : (\r\n videoId && (\r\n \r\n {!youtubePlayerReady &&
\r\n )\r\n )}\r\n \r\n