${link.tag}
` : ''}\n \n`;\n\n/** common attributes for links */\nconst linkDecorator = (link) => {\n if(!link) {\n return '';\n }\n return `\n ${link.href ? `href=\"${link.href}\"` : ''}\n ${link.title && !link.hideTitle ? `title=\"${link.title}\"` : ''}\n ${link.target ? `target=\"${link.target}\"` : ''}\n ${link.rel ? `rel=\"${link.rel}\"` : ''}\n ${link.dataId ? `data-id=\"${link.dataId}\"` : ''}\n ${link.attributes ? link.attributes.map(attr => `${attr.name}=\"${attr.value}\"`).join('') : ''}\n `;\n};\n\n/** decide if we show a link or not */\nconst linkFilter = (link) => {\n const roles = getConfig().roles;\n\n if(link.roles && typeof link.roles === 'string') {\n if(Array.isArray(roles)) {\n return roles.includes(link.roles);\n }\n return link.roles === roles;\n }\n \n if(link.roles && Array.isArray(link.roles)) {\n if(Array.isArray(roles)) {\n let found = false;\n roles.forEach(role => {\n if(link.roles.includes(role)) {\n found = true;\n }\n });\n return found;\n }\n\n return link.roles.includes(roles);\n }\n\n // link has private flag indicating ONLY logged in users should see this\n if (link.private) {\n return getUser().authenticated;\n }\n // link has public flag indication ONLY public users should see this\n if (link.public) {\n return !getUser().authenticated;\n }\n\n return true;\n};\n\n/** decide if we show a link or not specifically for the panel */\nconst linkPanelFilter = link => {\n const roles = getConfig().roles;\n\n if(link.roles && typeof link.roles === 'string') {\n if(Array.isArray(roles)) {\n return roles.includes(link.roles);\n }\n return link.roles === roles;\n }\n \n if(link.roles && Array.isArray(link.roles)) {\n if(Array.isArray(roles)) {\n let found = false;\n roles.forEach(role => {\n if(link.roles.includes(role)) {\n found = true;\n }\n });\n return found;\n }\n\n return link.roles.includes(roles);\n }\n \n // link has private flag indicating ONLY logged in users should see this\n if (link.private && (link.type === 'link' || link.type === 'dropdown')) {\n return getUser().authenticated;\n }\n // link has public flag indication ONLY public users should see this\n if (link.public && (link.type === 'link' || link.type === 'dropdown')) {\n return !getUser().authenticated;\n }\n\n return link.type === 'link' || link.type === 'dropdown';\n};\n\n","export {\n setLabels,\n labels\n};\n\nlet labels = {};\n\nconst setLabels = (data) => {\n if(data) {\n labels = data;\n }\n};\n","import { getIcon } from '../utils/assets';\nimport { submenuTemplate } from './header.tmpl';\nimport { getLanguage } from '../utils/language';\nimport { promoTemplate } from './promo.tmpl';\nimport { labels } from '../utils/labels';\nimport { renderProp, createEl, has } from '../utils/helpers';\n\nimport { linkFilter, linkPanelFilter } from '../utils/link';\n\nexport { panelWrapperTemplate, promoTemplate, navigationTemplate, wrapperTemplate };\n\n/** language template for the navigation panel (mobile / tablet only) */\nconst languageTemplate = (data) => {\n const languages = data.find((item) => item.type === 'language');\n\n if (languages) {\n const button = createEl('div', {\n classes: 'sln-header__panel__language sln-header__panel__menu__toggle',\n html: `${getLanguage().toUpperCase()} ${getIcon('caret')}`,\n });\n const submenu = submenuTemplate(\n languages.submenu.links,\n 'language',\n 'sln-header__panel__menu'\n );\n\n return [button, submenu];\n }\n\n return [];\n};\n\n/** primary text and dropdown links template for the navigation panel (mobile / tablet only) */\nconst primaryTemplate = (links) => {\n const primary = createEl('div', {\n classes: 'sln-header__panel__primary',\n });\n\n links.filter(linkPanelFilter).forEach((link) => {\n const a = createEl('a', {\n classes: `sln-header__panel__primary__link sln-header__panel__primary__link--${link.type} sln-header__panel__menu__toggle`,\n html: `${link.title} ${\n link.type === 'dropdown' ? getIcon('chevronRight') : ''\n }`,\n ...link\n });\n\n primary.appendChild(a);\n\n if (link.submenu) {\n const menu = submenuTemplate(\n link.submenu.links,\n link.type,\n 'sln-header__panel__menu'\n );\n primary.appendChild(menu);\n }\n });\n return primary;\n};\n\nconst navigationTemplate = (data) => {\n const columns = createEl('div', {\n classes: 'sln-header__panel__columns',\n });\n\n data.navigation.columns.forEach((col) => {\n const column = createEl('div', {\n classes: 'sln-header__panel__columns__column',\n });\n\n col.lists.forEach((list, index) => {\n const l = createEl('div', {\n classes: `sln-header__panel__list sln-delay sln-delay--${index}`,\n });\n\n list.links.filter(linkFilter).forEach((link) => {\n const a = createEl('a', {\n classes: `sln-header__panel__link ${\n link.heading ? 'sln-header__panel__link--heading' : ''\n }`,\n html: link.title,\n ...link,\n });\n\n l.appendChild(a);\n });\n\n column.appendChild(l);\n });\n\n columns.appendChild(column);\n });\n\n return columns;\n};\n\nconst wrapperTemplate = (id) => {\n return createEl('div', {\n classes: `sln-header__panel sln-header__panel--${id}`,\n id: `sln-panel__${id}`,\n html: `\n \n `,\n });\n};\n\nconst panelWrapperTemplate = (data, template) => {\n const wrapper = wrapperTemplate(data.id);\n\n const primary = primaryTemplate(data.primary);\n const language = languageTemplate(data.primary);\n\n wrapper.appendChild(primary);\n language.forEach((el) => {\n wrapper.appendChild(el);\n });\n\n if (typeof data.navigation !== 'undefined') {\n wrapper.appendChild(template(data));\n\n if (has(data, 'navigation.promo')) {\n const promo = promoTemplate(data.navigation.promo);\n wrapper.appendChild(promo);\n }\n }\n\n return wrapper;\n};\n","import { linkTemplate } from '../utils/link';\nimport { createEl } from '../utils/helpers';\n\nexport {\n promoTemplate\n};\n\n/** promotional spot template */\nconst promoTemplate = (data, delay = 1) => {\n const promo = createEl('div', {\n classes: `sln-header__promo sln-delay sln-delay--${delay}`,\n html: `${data.img ? `![\"${data.img.alt}\"](\"${data.img.src}\")
` : ''}\n \n ${data.title}
\n${data.text}
\n ${data.button ? linkTemplate(data.button, `sln-button ${data.button.type ? `sln-button--${data.button.type}` : ''}`) : ''}`\n });\n\n return promo;\n};\n","import { createEl } from '../utils/helpers';\nimport { getIcon } from '../utils/assets';\nimport { getConfig } from '../utils/config';\n\nimport { linkFilter } from '../utils/link';\nimport { tracking } from '../constants/tracking';\nimport { getLanguage } from '../utils/language';\nimport { renderProp, has } from '../utils/helpers';\n\nimport { labels } from '../utils/labels';\nimport {\n panelWrapperTemplate,\n navigationTemplate,\n wrapperTemplate,\n} from './panel.tmpl';\n\nexport { template, submenuTemplate, logoTemplate };\n\n/**\n * header logo template\n */\nconst logoTemplate = (classes = 'sln-header__logo') => {\n const logo = getConfig().logo;\n\n return createEl('a', {\n ...logo,\n classes: `${classes} ${tracking.class}`,\n html: `![\"${logo.img.alt}\"](\"${logo.img.src}\")
`,\n });\n};\n\nconst submenuTemplate = (\n links,\n type,\n classes = 'sln-header__menu',\n align = 'left'\n) => {\n const menu = createEl('div', {\n classes: `${classes} ${classes}--${type} ${classes}--${align}`,\n html: `\n \n `,\n });\n\n links.filter(linkFilter).forEach((link) => {\n const linkClass = `${classes}__link ${\n type === 'language' && getLanguage() === link.dataId\n ? `${classes}__link--active`\n : ''\n }`;\n const a = createEl('a', {\n classes: linkClass,\n ...link,\n html: link.title,\n });\n\n if (link.subheading) {\n const subheading = createEl('div', {\n classes: `${classes}__link ${classes}__link--subheading`,\n html: link.subheading,\n });\n menu.appendChild(subheading);\n }\n\n menu.appendChild(a);\n\n if (link.hr) {\n const hr = createEl('hr', { classes: 'sln-header__hr' });\n menu.appendChild(hr);\n }\n });\n\n return menu;\n};\n\nconst primaryLinks = (links) => {\n const primary = [];\n\n links.filter(linkFilter).forEach((link) => {\n const item = createEl('div', {\n classes: `sln-header__primary sln-header__primary--${link.type} ${\n link.icon ? 'sln-header__primary--icon' : ''\n } ${\n link.push\n ? link.push\n .split(',')\n .map((size) => `sln-header__primary--push-${size} `)\n .join('')\n : ''\n }`,\n });\n const wrapper = createEl('div', {\n classes: 'sln-header__primary__wrapper',\n });\n\n let html = '';\n\n if (link.title && (link.type === 'link' || link.type === 'dropdown')) {\n html = link.title;\n }\n\n if (link.type === 'language') {\n html = getLanguage().toUpperCase();\n }\n\n if (link.submenu) {\n html += getIcon('caret');\n }\n\n if (link.icon) {\n html += getIcon(link.icon);\n }\n\n const a = createEl('a', {\n classes: `sln-header__primary__link ${tracking.class} ${\n link.submenu ? 'sln-header__primary__link--dropdown' : ''\n } ${link.icon ? 'sln-header__primary__link--icon' : ''}`,\n ...link,\n html,\n });\n\n wrapper.appendChild(a);\n\n if (link.submenu) {\n const submenu = submenuTemplate(\n link.submenu.links,\n link.type,\n 'sln-header__menu',\n link.submenu.align\n );\n wrapper.appendChild(submenu);\n }\n\n item.appendChild(wrapper);\n primary.push(item);\n });\n return primary;\n};\n\nconst template = (data) => {\n const header = createEl('div', {\n html: `\n `,\n });\n const links = has(data, 'primary.links') ? data.primary.links : [];\n const primary = primaryLinks(links);\n const container = header.querySelector('.sln-header__container');\n const navigation = panelWrapperTemplate(\n {\n navigation: data.navigation,\n primary: links,\n id: 'navigation',\n },\n navigationTemplate\n );\n\n container.appendChild(logoTemplate());\n primary.forEach((el) => {\n container.appendChild(el);\n });\n\n header.appendChild(navigation);\n\n if (data.panels) {\n data.panels.forEach((panel) => {\n const panelEl = wrapperTemplate(panel.id);\n \n if(panel.labels) {\n const labels = createEl('div', {\n classes: 'sln-header__labels'\n });\n panel.labels.forEach(label => {\n const div = createEl('div', {\n ...label,\n classes: 'sln-header__labels__label',\n html: `${label.label}${label.value}
`\n });\n\n if(label.hr) {\n const hr = createEl('hr', {\n classes: 'sln-header__hr'\n });\n div.appendChild(hr);\n }\n\n labels.appendChild(div);\n });\n\n panelEl.appendChild(labels);\n }\n\n const links = createEl('div', {\n classes: 'sln-header__links'\n });\n panel.links.forEach(link => {\n const a = createEl('a', {\n ...link,\n classes: 'sln-header__links__link',\n html: link.title\n });\n\n if(link.hr) {\n const hr = createEl('hr', {\n classes: 'sln-header__hr'\n });\n a.appendChild(hr);\n }\n\n links.appendChild(a);\n });\n\n panelEl.appendChild(links);\n\n header.appendChild(panelEl);\n });\n }\n\n return header;\n};\n","import { ids } from '../constants/ids';\nimport { getData } from '../utils/rest';\nimport { getConfig } from '../utils/config';\n\nimport { template } from './header.tmpl';\nimport { has, replacer, createEl } from '../utils/helpers';\nimport { setLabels } from '../utils/labels';\nimport { addEvent, emitEvent, events, removeEvent } from '../utils/events';\nimport { setLanguage } from '../utils/language';\nimport { destroy } from '../index';\n\nexport {\n startHeader,\n inject,\n bindElements,\n bind,\n css,\n destroyHeader,\n closeAllMenus,\n openPanel,\n createHeader,\n setStyles,\n};\n\n// variables to keep track of\nlet header;\nlet openMenus = [];\nlet openElement;\nlet els = {};\n\nconst css = {\n // dropdown menus\n menuToggle: 'sln-header__primary__link--dropdown',\n menu: 'sln-header__menu',\n menuLink: 'sln-header__menu__link',\n menuOpen: 'sln-header__menu--open',\n menuClose: 'sln-header__menu__close',\n menuWrapperActive: 'sln-header__primary__wrapper--active',\n\n // panels\n panelToggle: 'sln-header__primary__link',\n panelOpen: 'sln-header__panel--open',\n panelClose: 'sln-header__panel__close',\n panelNavigation: 'sln-header__panel--navigation',\n panelLocked: 'sln-header__panel--locked',\n\n // panel primary & language\n panelMenu: 'sln-header__panel__menu',\n panelMenuOpen: 'sln-header__panel__menu--open',\n panelMenuLink: 'sln-header__panel__menu__link',\n panelMenuClose: 'sln-header__panel__menu__close',\n panelMenuToggle: 'sln-header__panel__menu__toggle',\n\n // mask\n mask: 'sln-header__mask',\n maskOpen: 'sln-header__mask--open',\n\n // body lock\n bodyLock: 'sln-lock',\n};\n\nconst createHeader = () => {\n let header = document.getElementById(ids.header);\n\n if (!header) {\n header = createEl('header', {\n id: 'sln-header',\n classes: 'sln-header',\n });\n\n document.body.insertAdjacentElement('afterbegin', header);\n }\n};\n\n/**\n * inject the header skeleton and fetch data\n */\nconst startHeader = () => {\n const content = getConfig().header;\n\n const logo = getConfig().logo;\n const type = typeof content;\n\n try {\n if (type === 'string') {\n createHeader();\n\n getData(replacer(content))\n .then((data) => {\n if (data) {\n inject(data, template, () => {\n bind();\n });\n setStyles(logo);\n }\n })\n .catch((err) => {\n console.error('ign-header error');\n console.error(err);\n destroyHeader();\n });\n } else if (type === 'object') {\n createHeader();\n\n inject(content, template, () => {\n bind();\n });\n setStyles(logo);\n } else {\n console.error('header type error');\n }\n \n }\n catch(error) {\n console.error('SLN rendering error');\n console.error(error);\n destroy();\n }\n};\n\n/**\n * inject the required template into the header\n * @param {object} data to populate the header\n * @param {function} t template string to use\n * @param {function} callback for post injection\n */\nconst inject = (data, template, cb) => {\n destroyHeader();\n createHeader();\n\n header = document.getElementById(ids.header);\n\n if (header) {\n // set the general labels that are used in a few templates\n if (has(data, 'labels')) {\n setLabels(data.labels);\n }\n\n header.appendChild(template(data));\n\n if (typeof cb === 'function') {\n cb();\n }\n }\n};\n\nconst destroyHeader = () => {\n const header = document.getElementById(ids.header);\n const styles = document.getElementById(ids.styles);\n\n if (header) {\n header.parentNode.removeChild(header);\n }\n if (styles) {\n styles.parentNode.removeChild(styles);\n }\n};\n\nconst setStyles = (logo) => {\n const styles = `#main{margin-top:62px !important}.sln-with-banner #main{margin-top:104px !important;}@media(min-width:1000px){#main{margin-top:86px !important}.sln-with-banner #main{margin-top:126px !important}}.sln-header__logo,.sln-footer__logo{width:${logo.img.mobileWidth}px}@media(min-width:700px){.sln-header__logo, .sln-footer__logo{width:${logo.img.width}px}}`;\n const style = createEl('style', {\n id: ids.styles,\n html: styles,\n });\n\n document.head.appendChild(style);\n};\n\n/** bind all interactive header elements */\nconst bind = () => {\n els = bindElements();\n bindMenuToggles();\n bindPanelToggles();\n bindPanelMenuToggles();\n bindLanguage();\n};\n\n/** grab the elements we need from the dom */\nconst bindElements = () => {\n return {\n // dropdown menus\n menuToggles: header.querySelectorAll(`.${css.menuToggle}`),\n menuClose: header.querySelectorAll(`.${css.menuClose}`),\n menuLinks: header.querySelectorAll(\n `.${css.menuLink}, .${css.panelMenuLink}`\n ),\n\n // panels\n panelToggles: header.querySelectorAll(`.${css.panelToggle}[data-id]`),\n panelClose: header.querySelectorAll(`.${css.panelClose}`),\n panelNavigation: header.querySelector(`.${css.panelNavigation}`),\n\n // panel primary & language\n panelMenus: header.querySelectorAll(`.${css.panelMenu}`),\n panelMenuToggles: header.querySelectorAll(`.${css.panelMenuToggle}`),\n panelMenuClose: header.querySelectorAll(`.${css.panelMenuClose}`),\n\n // mask\n mask: header.querySelector(`.${css.mask}`),\n };\n};\n\n/** LANGUAGE */\n\n/** binding language links */\nconst bindLanguage = () => {\n els.menuLinks.forEach((el) => {\n if (el.hasAttribute('data-id')) {\n addEvent(el, 'click', handleLanguageClick);\n }\n });\n};\n\n/** handle user clicking on language link */\nconst handleLanguageClick = (e) => {\n e.preventDefault();\n const lang = e.currentTarget.getAttribute('data-id');\n\n setLanguage(lang);\n closeAllMenus();\n};\n\n// Menu events\n\n/** bindings for header dropdown menus */\nconst bindMenuToggles = () => {\n els.menuToggles.forEach((el) => {\n const parent = el.parentNode;\n\n addEvent(el, 'click', toggleMenu);\n addEvent(parent, 'mouseenter', handleMenuMouseenter);\n addEvent(parent, 'mouseleave', handleMenuMouseleave);\n });\n};\n\n/**\n * toggles a header dropdown menu\n */\nconst toggleMenu = (e) => {\n const el = e.currentTarget.nextElementSibling;\n\n if (el) {\n e.preventDefault();\n e.stopPropagation();\n }\n};\n\n/** open header dropdown menus on mouseenter */\nconst handleMenuMouseenter = (e) => {\n const el = e.target;\n const parent = el.parentNode;\n const menu = el.querySelector(`.${css.menu}`);\n\n if (menu) {\n parent.classList.add(css.menuWrapperActive);\n addOpenMenu(menu, css.menuOpen);\n }\n};\n\n/** close header dropdown menus on mouseleave */\nconst handleMenuMouseleave = (e) => {\n const el = e.target;\n const parent = el.parentNode;\n\n parent.classList.remove(css.menuWrapperActive);\n closeAllMenus();\n};\n\n/**\n * push a new open menu object to track\n */\nconst addOpenMenu = (el, classes, menus = openMenus) => {\n emitEvent(events.elemOpening, el);\n\n el.classList.add(classes);\n menus.push({\n el,\n classes,\n });\n};\n\n/** PANELS */\n\n/** opens a side panel if it can be found */\nconst openPanel = (e) => {\n const id = e.currentTarget.getAttribute('data-id');\n const el = document.getElementById(id);\n\n if (el) {\n e.preventDefault();\n e.stopPropagation();\n\n openElement = el;\n\n closeAllMenus();\n showMask();\n addOpenMenu(el, css.panelOpen);\n lockBody();\n addEvent(document, 'click', outsideClick);\n }\n\n // if the panel can't be found we let the href run\n};\n\n/** bindings for panel toggles */\nconst bindPanelToggles = () => {\n els.panelToggles.forEach((el) => {\n addEvent(el, 'click', openPanel);\n });\n\n els.panelClose.forEach((el) => {\n addEvent(el, 'click', () => closeAllMenus());\n });\n};\n\n/** open the associated panel menu if it exists */\nconst openPanelMenu = (e) => {\n const el = e.currentTarget;\n const next = el.nextElementSibling;\n\n if (next) {\n if(next.classList.contains(css.panelMenu)) {\n e.preventDefault();\n\n lockPanelNavigation();\n addOpenMenu(next, css.panelMenuOpen);\n }\n }\n\n if(el.hasAttribute('data-id')) {\n openPanel(e);\n }\n};\n\n/** close all open panel menus */\nconst closeAllPanelMenus = () => {\n els.panelMenus.forEach((el) => {\n el.classList.remove(css.panelMenuOpen);\n });\n\n unlockPanelNavigation();\n};\n\n/** bind menus inside panels */\nconst bindPanelMenuToggles = () => {\n els.panelMenuToggles.forEach((el) => {\n addEvent(el, 'click', openPanelMenu);\n });\n\n els.panelMenuClose.forEach((el) => {\n addEvent(el, 'click', closeAllPanelMenus);\n });\n};\n\n/** when the panel has a submenu open we need to stop the parent scrolling */\nconst lockPanelNavigation = () => {\n if (els.panelNavigation) {\n els.panelNavigation.classList.add(css.panelLocked);\n }\n};\n\n/** unlock the navigation panel to allow scrolling once more */\nconst unlockPanelNavigation = () => {\n if (els.panelNavigation) {\n els.panelNavigation.classList.remove(css.panelLocked);\n }\n};\n\n/** MASK */\n\n/** show the panel mask */\nconst showMask = () => {\n if (els.mask) {\n els.mask.classList.add(css.maskOpen);\n }\n};\n\n/** hide the panel mask */\nconst hideMask = () => {\n if (els.mask) {\n els.mask.classList.remove(css.maskOpen);\n }\n};\n\n/** LOCKS */\n\n/** lock the body to prevent background scrolling */\nconst lockBody = () => {\n const doc = document.documentElement;\n doc.classList.add(css.bodyLock);\n};\n\n/** unlock the body and allow scrolling again */\nconst unlockBody = () => {\n const doc = document.documentElement;\n\n if (doc.classList.contains(css.bodyLock)) {\n // only allow when panel is finished animating out (300ms)\n window.setTimeout(() => {\n doc.classList.remove(css.bodyLock);\n }, 300);\n }\n};\n\n/** close any open menus */\nconst closeAllMenus = (menus = openMenus) => {\n menus.forEach((menu) => {\n emitEvent(events.elemClosing, menu.el);\n menu.el.classList.remove(menu.classes);\n });\n\n menus.splice(0, menus.length);\n\n unlockBody();\n unlockPanelNavigation();\n hideMask();\n // closeBanner();\n};\n\n/** if user clicks outside of the open menu we want to close it */\nconst outsideClick = (e) => {\n if (!openElement.contains(e.target)) {\n closeAllMenus();\n removeEvent(document, 'click', outsideClick);\n }\n};\n","export {\n addEvent,\n removeEvent,\n emitEvent,\n events\n};\n\nconst events = {\n end: 'SLN-Loaded',\n elemClosing: 'SLN-Elem-Closing',\n elemClosed: 'SLN-Elem-Closed',\n elemOpening: 'SLN-Elem-Opening',\n elemOpened: 'SLN-Elem-Opened',\n subnavClosed: 'SLN-SubNav-Closed',\n subnavOpened: 'SLN-SubNav-Opened',\n consentUpdated: 'SLN-Consent-Updated',\n show: 'SLN-Showing',\n hide: 'SLN-Hiding'\n};\n\n/**\n * Add event to a dom element\n * @param {dom} el the dom element \n * @param {string} event to add\n * @param {*} fnc to call\n */\nconst addEvent = (el, event, fnc) => {\n if(el) {\n el.addEventListener(event, fnc);\n }\n};\n\n/**\n * Remove event from a dom element\n * @param {dom} el the dom element \n * @param {string} event to remove\n * @param {*} fnc to remove\n */\nconst removeEvent = (el, event, fnc) => {\n if(el) {\n el.removeEventListener(event, fnc);\n }\n};\n\n/**\n * emit a custom event others may be listening for\n * @param {string} type event name \n * @param {*} data payload\n */\nconst emitEvent = (name, data = undefined) => {\n let loadedEvent;\n let et = name;\n\n if (!et) return;\n if (typeof window.CustomEvent === 'function') {\n loadedEvent = new CustomEvent(et, { data });\n } else {\n loadedEvent = document.createEvent('CustomEvent');\n loadedEvent.initCustomEvent(et, true, true, data);\n }\n \n document.dispatchEvent(loadedEvent);\n};\n","import { has, renderProp, createEl } from '../utils/helpers';\nimport { linkFilter, linkTemplate } from '../utils/link';\nimport { logoTemplate } from '../header/header.tmpl';\n\nexport {\n template2,\n socialTemplate,\n columnsTemplate\n};\n\n\n/**\n * social media link template\n * @param {array} links - list of social links \n */\nconst socialTemplate = (links) => `\n `\n ;\n\n/**\n * footer list link columns\n * @param {array} array of columns with array of links\n */\nconst columnsTemplate = (columns) => `\n `\n ;\n\nconst template2 = (data) => {\n const footer = createEl('div', {\n classes: 'sln-footer',\n id: 'sln-footer'\n });\n\n footer.innerHTML = `\n `\n ;\n\n\n const links = footer.querySelector('.sln-footer__links');\n const copyright = footer.querySelector('.sln-footer__copyright');\n\n copyright.insertAdjacentElement('afterbegin', logoTemplate('sln-footer__logo'));\n\n if(data.columns) {\n data.columns.forEach(column => {\n let columnEl = createEl('div', {\n classes: 'sln-footer__links__column'\n });\n\n column.links.filter(linkFilter).forEach(link => {\n const a = createEl('a', {\n classes: 'sln-footer__link',\n html: link.title,\n ...link\n });\n columnEl.appendChild(a);\n });\n\n links.appendChild(columnEl);\n });\n }\n\n return footer;\n};\n\n","import { getCookie, setCookie } from './cookie';\nimport { emitEvent, events } from './events';\nimport injectFile from './inject-file';\nimport { language } from './language';\n\nexport {\n startCookieConsent,\n getCookieConsent\n};\n\nconst CONSENT = {\n cookieName: 'CookieInformationConsent',\n cookieErrorName: 'CookieInformationConsentError',\n cookieCategories: [{\n name: 'cookie_cat_necessary',\n normalised: 'necessary'\n }, {\n name: 'cookie_cat_functional',\n normalised: 'functional'\n }, {\n name: 'cookie_cat_statistic',\n normalised: 'statistical'\n }, {\n name: 'cookie_cat_marketing',\n normalised: 'marketing'\n }, {\n name: 'cookie_cat_unclassified',\n normalised: 'unclassified'\n }]\n};\n\n/**\n * does category have consent\n * @param {string} category name \n * @param {array} approved consent categories\n */\nconst isCategoryApproved = (name, arr = []) => {\n return arr.includes(name);\n};\n\n/**\n * parse the consent cookie and return normalised results \n* */ \nconst getCookieConsent = (error = false) => {\n const cookies = getCookie(CONSENT.cookieName);\n let consent = {};\n\n if(cookies) {\n const data = JSON.parse(decodeURIComponent(cookies));\n const approved = data.consents_approved;\n\n CONSENT.cookieCategories.forEach(category => {\n consent[category.normalised] = isCategoryApproved(category.name, approved);\n });\n }\n\n if(error) {\n consent.connectionError = true;\n }\n\n return Object.keys(consent).length === 0 ? cookies : consent;\n};\n\nconst fireUpdate = () => {\n const data = getCookieConsent();\n\n emitEvent(events.consentUpdated, data);\n};\n\n/**\n * listen for the cookie information consent change event, then trigger out own\n */\nconst bindConsentChangeEvent = () => {\n window.addEventListener('CookieInformationConsentGiven', fireUpdate);\n};\n\n/**\n * \n * error handler for cookie information library request\n */\nconst handleConsentInjectionError = (err) => {\n console.warn('Cookie consent error', err);\n setCookie(CONSENT.cookieErrorName, true, 365);\n emitEvent(events.consentUpdated, getCookieConsent(true));\n updateDataLayer('IGN_Loaded');\n};\n\nconst handleConsentInjectionSuccess = () => {\n setCookie(CONSENT.cookieErrorName, false, 365);\n updateDataLayer('IGN_Loaded');\n};\n\n/**\n * push cookie consent to GTM dataLayer\n */\nconst updateDataLayer = (event) => { \n if(window.dataLayer) {\n window.dataLayer.push({\n event: event\n });\n }\n};\n\n/** inject the cookie consent for maersk only **/ \nconst startCookieConsent = () => {\n let lang = language.toUpperCase().substring(0, 2);\n\n bindConsentChangeEvent();\n checkConsent();\n \n // catch a mismatch between us and cookieinformation language codes\n const attributes = [{\n name: 'data-culture',\n value: lang === 'JP' ? 'JA' : lang\n }];\n\n injectFile('script', 'https://policy.app.cookieinformation.com/uc.js', handleConsentInjectionSuccess, handleConsentInjectionError, attributes);\n};\n\n\n/**\n * check the consent cookie is not set to true\n * https://jira.maerskdev.net/browse/BMW-363\n */\nconst checkConsent = () => {\n const cookies = getCookie(CONSENT.cookieName);\n\n if(cookies === 'true') {\n setCookie(CONSENT.cookieName, false);\n }\n};\n","/**\n * Injects a CSS or JS file\n * @param {string} type script or css\n * @param {string} src the URI of the source file to load\n * @param {function} callback Callback to be executed on successful load\n * @param {function} error Callback to be executed error\n * @param {array} attributes Optional attributes to be added\n*/\n\nexport default function (type, src, callback, error, attributes = []) {\n const s = 'script';\n let elem = document.createElement(type === s ? type : 'link');\n\n elem.type = 'text/' + (type === s ? 'javascript' : 'css');\n\n if (type === s) {\n elem.src = src;\n } else {\n elem.href = src;\n elem.rel = 'stylesheet';\n }\n\n attributes.forEach(attr => {\n elem.setAttribute(attr.name, attr.value);\n });\n\n if(typeof callback === 'function') {\n elem.onload = callback;\n }\n if(typeof error === 'function') {\n elem.onerror = error;\n }\n\n document.head.appendChild(elem);\n}\n","import { replacer } from '../utils/helpers';\nimport { getData } from '../utils/rest';\nimport { getConfig } from '../utils/config';\n\nimport { template2 } from './footer.tmpl';\nimport { startCookieConsent } from '../utils/consent';\nimport { ids } from '../constants/ids';\n\nexport {\n startFooter,\n destroyFooter,\n inject\n};\n\n/**\n * get the footer data and inject it on the page if all ok\n */\nconst startFooter = () => {\n const content = getConfig().footer;\n const type = typeof content;\n\n if (type === 'string') {\n getData(replacer(content))\n .then(data => {\n if (data) {\n inject(data);\n }\n }).catch((err) => {\n console.error('ign-footer error');\n console.error(err);\n });\n\n } else if (type === 'object') {\n inject(content);\n }\n else {\n console.error('footer type error');\n }\n\n startCookieConsent();\n};\n\nconst destroyFooter = () => {\n const footer = document.getElementById(ids.footer);\n\n if (footer) {\n footer.parentNode.removeChild(footer);\n }\n};\n\n/** inject the footer at the end of the page */\nconst inject = (data, t = template2) => {\n // check for existing footer\n destroyFooter();\n document.body.appendChild(t(data));\n};\n\n\n","import { startHeader, destroyHeader, closeAllMenus, openPanel } from './header/header';\nimport { startFooter, destroyFooter } from './footer/footer';\nimport { addEvent } from './utils/events';\nimport { getConfig } from './utils/config';\n\nexport {\n start,\n reload,\n destroy\n};\n\n/** pull in brand specific styling */\nrequire(`./../scss/${process.env.BRAND}.scss`);\n\n/** Start SLN */\nconst start = () => {\n startHeader();\n startFooter();\n};\n\nconst reload = () => {\n start();\n};\n\nconst destroy = () => {\n destroyFooter();\n destroyHeader();\n};\n\nif(getConfig().autostart) {\n addEvent(document, 'DOMContentLoaded', start);\n}\n\nwindow.sln = {\n reload,\n start,\n destroy,\n closeAllMenus,\n openPanel\n};\n"],"sourceRoot":""}