{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/hooks/useMedia.ts","webpack:///./src/stories/Components/Cards/DocumentCard/DocumentCard.tsx","webpack:///./src/helpers/fluid.ts","webpack:///./src/stories/Components/Global/Typography/Heading.tsx","webpack:///./src/helpers/date.ts","webpack:///./src/img/icons/chevron.svg","webpack:///./src/helpers/imageUrl.ts","webpack:///./src/stories/Widgets/Content/LatestNewsCarousel/LatestNewsCarousel.styles.ts","webpack:///./src/stories/Widgets/Content/LatestNewsCarousel/LatestNewsCarousel.widget.tsx"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","55","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","this","oldJsonpFunction","slice","useMedia","queries","values","defaultValue","isSSR","mediaQueryLists","map","query","window","matchMedia","getValue","index","findIndex","mql","matches","useState","setValue","useEffect","handler","forEach","addListener","removeListener","DocumentCard","React","forwardRef","props","ref","createElement","DocumentCardStyles","Card","href","document","url","draggable","isLatestNewsWidget","TagArea","noticeTag","NoticeTag","groundforceDivision","DivisionTag","class","Media","Image","layout","src","imageUrl","sizes","until","Device","TabletLarge","DesktopLarge","objectFit","alt","title","fullPaddingTop","Content","date","Date","as","dateTime","formatDateISO","formatDateShort","tag","Tag","Title","ParagraphContent","size","description","Icon","Chevron","displayName","DEFAULT_MIN_VALUE","TabletSmall","DEFAULT_MAX_VALUE","ActualDesktop","fluid","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","num","Math","Heading","children","semantic","visual","otherProps","formatStringDate","dateString","formatDate","toISOString","Intl","DateTimeFormat","undefined","day","month","year","format","formatDateLong","useShortMonthName","_path","_extends","assign","target","arguments","source","SvgChevron","xmlns","viewBox","fill","publicId","params","transformation","width","height","aspectRatio","dpr","crop","gravity","indexOf","createTransformation","encodedPublicId","encodeURIComponent","Container","styled","div","Inner","HeadingStyles","brand","primary","h2","H3Styles","Intro","from","Tablet","ItemList","PluginCss","Desktop","Item","MobileLarge","ImageStyles","Responsive","CtaWrapper","Controls","PrevButtonStyles","Button","NextButtonStyles","CarouselDot","button","attrs","type","grey","grey89","DotHolder","Base","withWidget","items","intro","cta","Fragment","refFlicking","useRef","itemListRef","activeIndex","setActiveIndex","showControls","setShowControls","controlsLength","setControlsLength","isMobile","featuredCard","useMemo","find","item","featured","_itemsList","featuredItem","copy","handleSetControlsLength","visiblePanelsLength","current","itemListStyles","getComputedStyle","featureSize","parseInt","getPropertyValue","itemSize","total","anyFeatured","S","Grid","Default","style","marginBottom","Flicking","align","ALIGN","PREV","bound","onAfterResize","event","currentTarget","moveTo","visiblePanels","getVisiblePanels","onChanged","element","contains","activeElement","panel","focus","onWillChange","onMoveStart","stop","onReady","Array","disabled","onClick","preventDefault","actualIndex","direction","DIRECTION","NEXT","PrevButton","themeOption","prev","NextButton","next","LinkButton","branding","hydrate","HydrateOption","InView","instance","panels","filter","visibleRatio"],"mappings":"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","file":"LatestNewsCarousel-c102b2379c591c6a6914.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t55: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/sitefiles/next-gen/dist/\";\n\n \tvar jsonpArray = this[\"nextGenJsonpFunction\"] = this[\"nextGenJsonpFunction\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([598,0,1,2,8,10,13,22]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import { isSSR } from '@helpers/ssr';\r\nimport { useEffect, useState } from 'react';\r\n/**\r\n * Store a value in state based on the specified media queries.\r\n * @param {Array<string>} queries\r\n * @param {Array<T>} values\r\n * @param {T} defaultValue\r\n */\r\nfunction useMedia(queries, values, defaultValue) {\r\n    // Avoid error with SSR.\r\n    if (isSSR()) {\r\n        return defaultValue;\r\n    }\r\n    // Array containing a media query list for each query\r\n    const mediaQueryLists = queries.map((query) => window.matchMedia(query));\r\n    // Function that gets value based on matching media query\r\n    const getValue = () => {\r\n        // Get index of first media query that matches\r\n        const index = mediaQueryLists.findIndex((mql) => mql.matches);\r\n        // Return related value or defaultValue if none\r\n        return typeof values[index] !== 'undefined' ? values[index] : defaultValue;\r\n    };\r\n    // State and setter for matched value\r\n    const [value, setValue] = useState(getValue);\r\n    useEffect(() => {\r\n        // Event listener callback\r\n        // Note: By defining getValue outside of useEffect we ensure that it has ...\r\n        // ... current values of hook args (as this hook callback is created once on mount).\r\n        const handler = () => setValue(getValue);\r\n        // Set a listener for each media query with above handler as callback.\r\n        mediaQueryLists.forEach((mql) => mql.addListener(handler));\r\n        // Remove listeners on cleanup\r\n        return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));\r\n    }, []); // Empty array ensures effect is only run on mount and unmount\r\n    return value;\r\n}\r\nexport default useMedia;\r\n","import { formatDateISO, formatDateShort } from '@helpers/date';\r\nimport { Device, until } from '@helpers/media';\r\nimport { ReactComponent as Chevron } from '@img/icons/chevron.svg';\r\nimport Image from '@stories/Components/Media/Image/Image';\r\nimport React from 'react';\r\nimport { DocumentCardStyles } from './DocumentCard.styles';\r\nconst DocumentCard = React.forwardRef((props, ref) => {\r\n    return (React.createElement(DocumentCardStyles.Card, { ref: ref, href: props.document.url, draggable: false, isLatestNewsWidget: props.isLatestNewsWidget },\r\n        React.createElement(DocumentCardStyles.TagArea, null,\r\n            props.document.noticeTag ? (React.createElement(DocumentCardStyles.NoticeTag, null, props.document.noticeTag)) : null,\r\n            props.document.groundforceDivision &&\r\n                props.document.groundforceDivision.name.length > 0 && (React.createElement(DocumentCardStyles.DivisionTag, { \"data-tag-colour\": props.document.groundforceDivision.class }, props.document.groundforceDivision.name))),\r\n        React.createElement(DocumentCardStyles.Media, { isLatestNewsWidget: props.isLatestNewsWidget }, props.Image ? (React.createElement(props.Image, null)) : (React.createElement(Image, { layout: \"fill\", src: props.document.imageUrl, sizes: `${until(Device.TabletLarge)} 50vw, ${until(Device.DesktopLarge)} 33vw, 25vw`, objectFit: \"cover\", alt: props.document.title || '', draggable: false, fullPaddingTop: props.document.fullPaddingTop }))),\r\n        React.createElement(DocumentCardStyles.Content, null,\r\n            props.document.date && (React.createElement(DocumentCardStyles.Date, { as: \"time\", dateTime: formatDateISO(props.document.date) }, formatDateShort(props.document.date))),\r\n            props.document.tag && (React.createElement(DocumentCardStyles.Tag, null, props.document.tag)),\r\n            React.createElement(DocumentCardStyles.Title, { isLatestNewsWidget: props.isLatestNewsWidget }, props.document.title),\r\n            React.createElement(DocumentCardStyles.ParagraphContent, { size: \"small\", isLatestNewsWidget: props.isLatestNewsWidget }, props.document.description),\r\n            React.createElement(DocumentCardStyles.Icon, null,\r\n                React.createElement(Chevron, null)))));\r\n});\r\nDocumentCard.displayName = 'DocumentCard';\r\nexport default DocumentCard;\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 16;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.ActualDesktop;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = min / PIXELS_PER_REM;\r\n    const maxRem = max / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE, unit) {\r\n    const slope = (max - min) / (maxWidth - minWidth);\r\n    const yAxisIntersection = -minWidth * slope + min;\r\n    const clampMin = `${round(min)}`;\r\n    const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(max)}`;\r\n    return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","import React from 'react';\r\nimport s from './Heading.styles';\r\nconst Heading = ({ children, semantic = 'h1', visual, ...otherProps }) => {\r\n    return (React.createElement(s.Heading, { as: semantic, visual: visual, ...otherProps }, children));\r\n};\r\nexport default Heading;\r\n","export function formatStringDate(dateString) {\r\n    const date = new Date(dateString);\r\n    return formatDate(date);\r\n}\r\nexport function formatDateISO(value) {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return date.toISOString();\r\n}\r\nexport function formatDate(value) {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return new Intl.DateTimeFormat(undefined, {\r\n        day: 'numeric',\r\n        month: 'short',\r\n        year: 'numeric',\r\n    }).format(date);\r\n}\r\nexport function formatDateLong(value, useShortMonthName) {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return new Intl.DateTimeFormat(undefined, {\r\n        day: 'numeric',\r\n        month: useShortMonthName ? 'short' : 'long',\r\n        year: 'numeric',\r\n    }).format(date);\r\n}\r\nexport function formatDateShort(value) {\r\n    let date = value;\r\n    if (typeof date === 'string') {\r\n        date = new Date(date);\r\n    }\r\n    return new Intl.DateTimeFormat(undefined, {\r\n        day: 'numeric',\r\n        month: '2-digit',\r\n        year: '2-digit',\r\n    }).format(date);\r\n}\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgChevron(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20.679 12.461\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 99\",\n    d: \"M19.618 11.4l-9.279-9.279L1.06 11.4\",\n    fill: \"none\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"056c9f699b39d0845225c962dec7c133.svg\";\nexport { SvgChevron as ReactComponent };","const CLOUD_NAME = 'vp-groundforce';\r\nexport function imageUrl(publicId, params) {\r\n    const transformation = createTransformation(params);\r\n    const encodedPublicId = encodeURIComponent(publicId);\r\n    return `https://res.cloudinary.com/${CLOUD_NAME}/image/upload/${transformation}/${encodedPublicId}`;\r\n}\r\nexport function createTransformation(params) {\r\n    let transformation = '';\r\n    if (params.width) {\r\n        transformation += `,w_${params.width}`;\r\n    }\r\n    if (params.height) {\r\n        transformation += `,h_${params.height}`;\r\n    }\r\n    if (params.aspectRatio) {\r\n        transformation += `,ar_${params.aspectRatio}`;\r\n    }\r\n    if (params.dpr) {\r\n        transformation += `,dpr_${params.dpr}`;\r\n    }\r\n    if (params.crop) {\r\n        transformation += `,c_${params.crop}`;\r\n    }\r\n    if (params.gravity) {\r\n        transformation += `,g_${params.gravity}`;\r\n    }\r\n    const format = params.format ?? 'auto';\r\n    transformation += `/f_${format},q_auto`;\r\n    if (transformation.indexOf(',') === 0) {\r\n        transformation = transformation.slice(1);\r\n    }\r\n    return transformation;\r\n}\r\n","import PluginCss from '!raw-loader!@egjs/react-flicking/dist/flicking.css';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport NextButtonStyles from '@stories/Components/Buttons/NextButton/NextButton.styles';\r\nimport PrevButtonStyles from '@stories/Components/Buttons/PrevButton/PrevButton.styles';\r\nimport { DocumentCardStyles } from '@stories/Components/Cards/DocumentCard/DocumentCard.styles';\r\nimport HeadingStyles from '@stories/Components/Global/Typography/Heading.styles';\r\nimport { ImageStyles } from '@stories/Components/Media/Image/Image.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  overflow: hidden;\r\n  margin: 40px 0px;\r\n`;\r\nconst Inner = styled.div `\r\n  grid-column: span 12;\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  ${HeadingStyles.Heading} {\r\n    grid-column: span 12;\r\n    text-align: center;\r\n    color: ${brand.primary.alt};\r\n    margin-bottom: 28px;\r\n  }\r\n`;\r\nconst Title = styled.h2 `\r\n  ${HeadingStyles.H3Styles}\r\n`;\r\nconst Intro = styled.p `\r\n  font-size: 16px;\r\n  line-height: 26px;\r\n  text-align: center;\r\n  margin: 0 auto 30px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 18px;\r\n    line-height: 28px;\r\n    max-width: 670px;\r\n    margin: 0 auto 80px;\r\n  }\r\n`;\r\nconst ItemList = styled.div `\r\n  --itemGutter: ${fluid(10, 30)};\r\n  --featureGutter: 0px;\r\n\r\n  --itemWidth: 1;\r\n  --itemSize: 1;\r\n  --itemSpace: 0;\r\n\r\n  --featureWidth: 100%;\r\n  --featureSize: 1;\r\n\r\n  ${PluginCss};\r\n\r\n  display: flex;\r\n  width: 100%;\r\n\r\n  .flicking-viewport {\r\n    width: 100%;\r\n    // Stops the overflow cutting the box-shadow\r\n    padding: 8px;\r\n    margin-right: -8px;\r\n    margin-left: -8px;\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      overflow: visible;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --itemWidth: 2;\r\n    --itemSpace: 1;\r\n    --itemSize: 1;\r\n\r\n    --featureWidth: 100%;\r\n    --featureSize: 2;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    --itemWidth: 3;\r\n    --itemSpace: 2;\r\n    --itemSize: 1;\r\n\r\n    --featureWidth: 66%;\r\n    --featureSize: 2;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    --itemWidth: 4;\r\n    --itemSpace: 3;\r\n    --itemSize: 1;\r\n\r\n    --featureWidth: 50%;\r\n    --featureGutter: 30px;\r\n    --featureSize: 2;\r\n  }\r\n`;\r\nconst Item = styled.div `\r\n  display: block;\r\n  margin-right: var(--itemGutter);\r\n  /* flex: 1 0 calc(var(--itemWidth) - (var(--itemGutter) / 2)); */\r\n\r\n  flex: 1 0 calc((100% - (var(--itemGutter) * var(--itemSpace))) / var(--itemWidth));\r\n\r\n  &[data-featured='true'] {\r\n    flex: 1 0 calc(var(--featureWidth) - (var(--featureGutter) / 2));\r\n  }\r\n\r\n  --imageAspectRatio: 387 / 246;\r\n  --imageMaxHeight: 246px;\r\n\r\n  &[data-featured='true'] {\r\n    --imageAspectRatio: 804 / 299;\r\n    --imageMaxHeight: 299px;\r\n  }\r\n\r\n  @media ${until(Device.MobileLarge)} {\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  ${DocumentCardStyles.Card} {\r\n    height: 100% !important;\r\n  }\r\n\r\n  ${DocumentCardStyles.Media} {\r\n    aspect-ratio: var(--imageAspectRatio);\r\n    max-height: var(--imageMaxHeight);\r\n\r\n    ${ImageStyles.Responsive} {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\nconst CtaWrapper = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  margin: 22px 0 0;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    justify-content: center;\r\n    margin: 64px 0 0;\r\n  }\r\n`;\r\nconst Controls = styled.div `\r\n  display: grid;\r\n  grid-template-columns: 40px 40px 1fr 40px 40px;\r\n  margin: 24px 0 0;\r\n  gap: 12px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-template-columns: 48px 48px 1fr 48px 48px;\r\n    margin: 40px 0 0;\r\n  }\r\n\r\n  ${PrevButtonStyles.Button} {\r\n    grid-column: 4;\r\n  }\r\n\r\n  ${NextButtonStyles.Button} {\r\n    grid-column: 5;\r\n  }\r\n`;\r\nconst CarouselDot = styled.button.attrs({ type: 'button' }) `\r\n  display: flex;\r\n  flex: 1 0 auto;\r\n  border: none;\r\n  border-radius: 0;\r\n  height: 5px;\r\n  padding: 0;\r\n  background-color: ${brand.grey.grey89};\r\n  transform-origin: center bottom;\r\n  transition: background-color 0.15s ease-out, transform 0.15s ease-out;\r\n  max-width: 132px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    transform: scaleY(2);\r\n    background-color: ${brand.primary.alt};\r\n  }\r\n\r\n  &[disabled] {\r\n    background-color: ${brand.primary.alt};\r\n  }\r\n`;\r\nconst DotHolder = styled.div `\r\n  display: flex;\r\n  flex: 1 0 auto;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  grid-column: 1 / span 3;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    &[data-hidden='1'] {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    gap: 10px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 3;\r\n  }\r\n`;\r\nconst Base = styled.div `\r\n  grid-column: span 12;\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 30px 0;\r\n  text-align: center;\r\n`;\r\nexport default {\r\n    Base,\r\n    CarouselDot,\r\n    Container,\r\n    Controls,\r\n    CtaWrapper,\r\n    DotHolder,\r\n    Inner,\r\n    Intro,\r\n    Item,\r\n    ItemList,\r\n    Title,\r\n};\r\n","import { HydrateOption } from '@core/enums';\r\nimport Flicking, { ALIGN, DIRECTION, } from '@egjs/react-flicking';\r\nimport { Grid } from '@helpers/grid';\r\nimport withWidget from '@hoc/withWidget';\r\nimport { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport NextButton from '@stories/Components/Buttons/NextButton/NextButton';\r\nimport PrevButton from '@stories/Components/Buttons/PrevButton/PrevButton';\r\nimport DocumentCard from '@stories/Components/Cards/DocumentCard/DocumentCard';\r\nimport Heading from '@stories/Components/Global/Typography/Heading';\r\nimport React, { useRef, useState } from 'react';\r\nimport S from './LatestNewsCarousel.styles';\r\nimport { imageUrl } from '@helpers/imageUrl';\r\nimport useMedia from '@hooks/useMedia';\r\nimport { Device, until } from '@helpers/media';\r\nimport { isSSR } from '@helpers/ssr';\r\nconst LatestNewsCarousel = ({ items = [], title, intro, cta, isLatestNewsWidget, }) => {\r\n    // Regretful solution but with having to do list splicing only on mobile we're running into SSR DOM corruption issues //\r\n    // Widget is always below the fold so shouldn't matter anyways, but still not ideal. //\r\n    if (isSSR())\r\n        return React.createElement(React.Fragment, null);\r\n    const refFlicking = useRef(null);\r\n    const itemListRef = useRef(null);\r\n    const [activeIndex, setActiveIndex] = useState(0);\r\n    const [showControls, setShowControls] = useState(false);\r\n    const [controlsLength, setControlsLength] = useState(0);\r\n    const isMobile = useMedia([until(Device.TabletLarge)], [true], false);\r\n    const featuredCard = React.useMemo(() => {\r\n        if (isMobile) {\r\n            return items.find((item) => item.featured);\r\n        }\r\n        return undefined;\r\n    }, [isMobile, items]);\r\n    const _itemsList = React.useMemo(() => {\r\n        if (isMobile) {\r\n            // Find first featured item //\r\n            const featuredItem = items.findIndex((item) => item.featured);\r\n            if (featuredItem > -1) {\r\n                const copy = [...items];\r\n                copy.splice(featuredItem, 1);\r\n                return copy;\r\n            }\r\n        }\r\n        return items;\r\n    }, [isMobile, items]);\r\n    const handleSetControlsLength = (visiblePanelsLength) => {\r\n        if (!itemListRef.current) {\r\n            return;\r\n        }\r\n        const itemListStyles = getComputedStyle(itemListRef.current);\r\n        const featureSize = parseInt(itemListStyles.getPropertyValue('--featureSize'), 10);\r\n        const itemSize = parseInt(itemListStyles.getPropertyValue('--itemSize'), 10);\r\n        let total = 0;\r\n        let anyFeatured = false;\r\n        for (let index = 0; index < items.length; index++) {\r\n            const item = items[index];\r\n            if (item.featured === true) {\r\n                anyFeatured = true;\r\n                total += featureSize;\r\n            }\r\n            else {\r\n                total += itemSize;\r\n            }\r\n        }\r\n        getComputedStyle(itemListRef.current);\r\n        if (itemSize === 1 && featureSize === 1) {\r\n            setControlsLength(total);\r\n            return;\r\n        }\r\n        if (anyFeatured === false) {\r\n            setControlsLength(total + 1 - visiblePanelsLength);\r\n            return;\r\n        }\r\n        setControlsLength(total - 1 - visiblePanelsLength);\r\n    };\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(Grid.Default, null,\r\n            React.createElement(S.Inner, null,\r\n                React.createElement(Heading, { visual: \"h5\", semantic: \"h2\" }, title),\r\n                intro && React.createElement(S.Intro, null, intro),\r\n                featuredCard && (React.createElement(S.Item, { \"data-featured\": true, style: { marginBottom: 26 } },\r\n                    React.createElement(DocumentCard, { document: featuredCard, isLatestNewsWidget: isLatestNewsWidget, Image: () => {\r\n                            return (React.createElement(\"img\", { draggable: false, src: imageUrl(featuredCard.imageUrl, {\r\n                                    aspectRatio: 350 / 220,\r\n                                    crop: 'auto',\r\n                                    height: 220,\r\n                                    width: 350,\r\n                                }) }));\r\n                        } }))),\r\n                React.createElement(S.ItemList, { ref: itemListRef },\r\n                    React.createElement(Flicking, { ref: refFlicking, align: ALIGN.PREV, bound: true, onAfterResize: (event) => {\r\n                            // Move to first item after resizing to fix misalignment.\r\n                            event.currentTarget.moveTo(0);\r\n                            const visiblePanels = getVisiblePanels(event.currentTarget);\r\n                            handleSetControlsLength(visiblePanels.length);\r\n                            // Hide controls when all panels are visible.\r\n                            setShowControls(!(visiblePanels.length === items.length));\r\n                        }, onChanged: (event) => {\r\n                            // Auto-focus the new slide if the focus was already inside the carousel.\r\n                            if (event.currentTarget.element.contains(document.activeElement)) {\r\n                                event.panel.element.focus();\r\n                            }\r\n                        }, onWillChange: (event) => {\r\n                            if (event.index > items.length - 1) {\r\n                                setActiveIndex(event.index - items.length);\r\n                            }\r\n                            else {\r\n                                setActiveIndex(event.index);\r\n                            }\r\n                        }, onMoveStart: (event) => {\r\n                            const visiblePanels = getVisiblePanels(event.currentTarget);\r\n                            // Avoid swiping when all panels are visible.\r\n                            if (visiblePanels.length === items.length) {\r\n                                event.stop();\r\n                            }\r\n                        }, onReady: (event) => {\r\n                            const visiblePanels = getVisiblePanels(event.currentTarget);\r\n                            handleSetControlsLength(visiblePanels.length);\r\n                            // Hide controls when all panels are visible.\r\n                            setShowControls(!(visiblePanels.length === items.length));\r\n                        } }, _itemsList.map((item, i) => (React.createElement(S.Item, { key: i, \"data-featured\": item.featured },\r\n                        React.createElement(DocumentCard, { document: item, isLatestNewsWidget: isLatestNewsWidget, Image: () => {\r\n                                return (React.createElement(\"img\", { draggable: false, src: imageUrl(item.imageUrl, {\r\n                                        aspectRatio: isMobile\r\n                                            ? item.featured\r\n                                                ? 350 / 220\r\n                                                : 239 / 178\r\n                                            : item.featured\r\n                                                ? 804 / 299\r\n                                                : 387 / 246,\r\n                                        crop: 'auto',\r\n                                        height: isMobile ? 146 : item.featured ? 299 : 246,\r\n                                        width: isMobile ? 230 : item.featured ? 804 : 387,\r\n                                    }) }));\r\n                            } })))))),\r\n                showControls && controlsLength > 1 && (React.createElement(S.Controls, null,\r\n                    React.createElement(S.DotHolder, { \"data-hidden\": controlsLength > 5 ? '1' : '0' }, new Array(controlsLength).fill(null).map((item, index) => (React.createElement(S.CarouselDot, { key: index, disabled: activeIndex === index, onClick: (event) => {\r\n                            event.preventDefault();\r\n                            moveTo(index);\r\n                        } })))),\r\n                    React.createElement(PrevButton, { disabled: activeIndex === 0, themeOption: \"primaryAlt\", onClick: (event) => {\r\n                            event.preventDefault();\r\n                            refFlicking.current?.prev();\r\n                        } }),\r\n                    React.createElement(NextButton, { disabled: activeIndex === controlsLength - 1, themeOption: \"primaryAlt\", onClick: (event) => {\r\n                            event.preventDefault();\r\n                            refFlicking.current?.next();\r\n                        } })))),\r\n            cta && (React.createElement(S.Base, null,\r\n                React.createElement(LinkButton, { title: cta.title, target: cta.target, href: cta.url, branding: \"primaryAlt\" }))))));\r\n    function moveTo(index) {\r\n        const actualIndex = refFlicking.current?.index ?? 0;\r\n        // Adjust index to account for cloned items.\r\n        if (actualIndex > items.length - 1) {\r\n            index += items.length;\r\n        }\r\n        const direction = index < actualIndex ? DIRECTION.PREV : DIRECTION.NEXT;\r\n        refFlicking.current?.moveTo(index, undefined, direction);\r\n    }\r\n};\r\nexport default withWidget(LatestNewsCarousel, 'LatestNewsCarousel', {\r\n    hydrate: HydrateOption.InView,\r\n});\r\nfunction getVisiblePanels(instance) {\r\n    return instance.panels.filter((panel) => panel.visibleRatio >= 0.9);\r\n}\r\n"],"sourceRoot":""}