{"version":3,"file":"489f641086a0d3d495eb38aa76cf2bfd631f81f6-b19b210657023e2df973.js","mappings":"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","sources":["webpack://gears-of-war-website/./node_modules/tcweb-material-components/core/iconButton/index.js","webpack://gears-of-war-website/./src/components/common/collapsible.js","webpack://gears-of-war-website/./src/components/common/collapsibleList.js","webpack://gears-of-war-website/./src/components/common/tableOfContents.js","webpack://gears-of-war-website/./src/components/common/pageControls.js","webpack://gears-of-war-website/./src/components/common/pageChildNavigation.js","webpack://gears-of-war-website/./src/templates/page.js"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _styles = require(\"@material-ui/core/styles\");\nvar _clsx = _interopRequireDefault(require(\"clsx\"));\nvar _button = _interopRequireDefault(require(\"../button\"));\nvar _camelCase = _interopRequireDefault(require(\"../poly/camelCase\"));\nvar _styles2 = require(\"../utilities/styles\");\nconst _excluded = [\"classes\", \"color\", \"size\", \"children\", \"active\"];\nconst DEFAULT_ICON_SIZE = '40px';\nconst useClasses = (0, _styles.makeStyles)(({\n  palette,\n  accessibility: {\n    highContrast\n  }\n}) => ({\n  root: {\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 'initial',\n    height: ({\n      size\n    }) => !!size.height ? size.height : DEFAULT_ICON_SIZE,\n    width: ({\n      size\n    }) => !!size.width ? size.width : DEFAULT_ICON_SIZE,\n    fontSize: '1.2em',\n    border: '2px solid transparent',\n    [highContrast.mediaQuery('active')]: {\n      '& * svg': {\n        color: 'ButtonText'\n      }\n    },\n    color: ({\n      color\n    }) => color\n  },\n  label: {\n    height: '100%'\n  },\n  primary: {\n    borderColor: palette.common.black,\n    '&:hover': {\n      borderColor: palette.primary.main\n    }\n  },\n  primaryFocus: {\n    borderColor: palette.primary.main\n  },\n  activePrimary: {\n    borderColor: palette.primary.main\n  },\n  secondary: {\n    color: palette.secondary.contrastText,\n    borderColor: palette.secondary.border,\n    backgroundColor: palette.secondary.main,\n    '&:hover, &:focus': {\n      color: palette.secondary.contrastText,\n      backgroundColor: palette.secondary.border,\n      borderColor: palette.secondary.border\n    }\n  },\n  secondaryFocus: {\n    color: palette.primary.contrastText,\n    backgroundColor: palette.primary.main\n  },\n  activeSecondary: {\n    backgroundColor: palette.primary.main,\n    borderColor: palette.primary.main\n  },\n  text: {\n    '&:hover': {\n      borderColor: palette.border.primary,\n      backgroundColor: palette.background.primary.main\n    }\n  },\n  textFocus: {\n    borderColor: palette.border.primary,\n    backgroundColor: palette.background.primary.main\n  },\n  activeText: {\n    borderColor: palette.border.primary,\n    backgroundColor: palette.background.primary.main\n  }\n}), {\n  classNamePrefix: 'TCUIIconButton'\n});\nconst IconButton = _ref => {\n  let {\n      classes,\n      color,\n      size,\n      children,\n      active\n    } = _ref,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);\n  const _classes = useClasses({\n    color,\n    size\n  });\n  return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, rest, {\n    classes: (0, _styles2.mergeClasses)({\n      root: (0, _clsx.default)(_classes.root, _classes[color], {\n        [_classes[(0, _camelCase.default)(['active', color])]]: active\n      }),\n      label: _classes.label,\n      focusVisible: _classes[(0, _camelCase.default)([color, 'focus'])]\n    }, classes)\n  }), children);\n};\nIconButton.propTypes = {\n  active: _propTypes.default.bool,\n  classes: _propTypes.default.object,\n  color: _propTypes.default.oneOf(['primary', 'secondary', 'text']),\n  size: _propTypes.default.shape({\n    height: _propTypes.default.string,\n    width: _propTypes.default.string\n  }),\n  children: _propTypes.default.node.isRequired\n};\nIconButton.defaultProps = {\n  active: false,\n  classes: {},\n  color: 'secondary',\n  size: {\n    height: DEFAULT_ICON_SIZE,\n    width: DEFAULT_ICON_SIZE\n  },\n  children: null\n};\nvar _default = exports.default = IconButton;","import React, { useState, useEffect } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport Button from 'tcweb-material-components/core/button'\r\nimport classnames from 'classnames'\r\nimport { darken } from '@material-ui/core/styles/colorManipulator'\r\n\r\nconst CARET_BUTTON_SIZE = 60\r\n\r\nconst useClasses = makeStyles(({ palette }) => ({\r\n    root: {\r\n        borderBottom: `1px solid ${palette.border.primary}`\r\n    },\r\n    header: {\r\n        display: 'grid',\r\n        alignItems: 'center',\r\n        gridTemplateColumns: `auto ${CARET_BUTTON_SIZE}px`,\r\n        '& span': {\r\n            color: palette.primary.contrastText\r\n        },\r\n        '&:hover, &:focus': {\r\n            color: palette.primary.main,\r\n            '& span': {\r\n                color: palette.primary.main\r\n            }\r\n        }\r\n    },\r\n    headerSelected: {\r\n        backgroundColor: palette.primary.main,\r\n        color: palette.primary.contrastText,\r\n        '& span': {\r\n            color: palette.primary.contrastText\r\n        },\r\n        '&:hover, &:focus': {\r\n            backgroundColor: palette.primary.contrastText,\r\n            color: palette.primary.main,\r\n            '& span': {\r\n                color: palette.primary.main\r\n            }\r\n        }\r\n    },\r\n    fullHeader: {\r\n        width: '100%',\r\n        '&:hover, &:focus': {\r\n            color: palette.primary.main\r\n        }\r\n    },\r\n    headerComponent: {\r\n        flex: 1,\r\n        height: '100%'\r\n    },\r\n    caretButton: { height: '100%' },\r\n    caretButtonLabel: {\r\n        display: 'flex',\r\n        justifyContent: 'center'\r\n    },\r\n    'rotate-90-cw': { transition: 'transform 200ms', transform: 'rotate(90deg)' }\r\n}))\r\n\r\nconst Collapsible = ({ open, header, children, onClick, enableCollapse, showCaret = true, isSelected }) => {\r\n    const { t } = useTranslation()\r\n    const _classes = useClasses()\r\n    const [isOpen, setIsOpen] = useState(open || !enableCollapse)\r\n    const _onClick = onClick ? onClick : () => setIsOpen(isSelected)\r\n\r\n    useEffect(() => {\r\n        if (isOpen !== open && enableCollapse) {\r\n            setIsOpen(open)\r\n        }\r\n    }, [open])\r\n\r\n    return (\r\n        <div className={_classes.root}>\r\n            <div className={classnames((showCaret && enableCollapse) ? _classes.header : _classes.fullHeader, {[_classes.headerSelected]: isSelected})}>\r\n                <div className={classnames(_classes.headerComponent)}>\r\n                    {header}\r\n                </div>\r\n                {showCaret && enableCollapse &&\r\n                    <Button\r\n                        classes={{root: classnames(_classes.caretButton), label: _classes.caretButtonLabel}}\r\n                        onClick={_onClick}\r\n                        aria-expanded={String(isOpen)}\r\n                        aria-label={isOpen\r\n                            ? t('Collapse Group')\r\n                            : t('Expand Group')\r\n                        }\r\n                    >\r\n                        <FontAwesomeIcon\r\n                            icon={['tcs', 'arrow-right']}\r\n                            className={classnames(\r\n                                _classes.caret,\r\n                                { [_classes['rotate-90-cw']]: isOpen }\r\n                            )}\r\n                        />\r\n                    </Button>\r\n                }\r\n            </div>\r\n            <div>\r\n                {isOpen && children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Collapsible\r\n","import React, { useState, forwardRef } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Button from 'tcweb-material-components/core/button'\r\nimport classnames from 'classnames'\r\n\r\nconst ANIMATION_DEFAULT = {\r\n    animationDuration: '750ms',\r\n    animationIterationCount: 'infinite',\r\n    animationTimingFunction: 'ease-in-out',\r\n    animationDirection: 'alternate',\r\n    animationIterationCount: 2\r\n}\r\n\r\nconst useClasses = makeStyles(({ palette, breakpoints }) => ({\r\n    '@keyframes bounce-down': {\r\n        to: {\r\n            transform: 'translateY(-1px)'\r\n        },\r\n        from: {\r\n            transform: 'translateY(0)'\r\n        }\r\n    },\r\n    '@keyframes bounce-up': {\r\n        to: {\r\n            transform: 'translateY(1px)'\r\n        },\r\n        from: {\r\n            transform: 'translateY(0)'\r\n        }\r\n    },\r\n    list: {\r\n        listStyleType: 'none',\r\n        padding: 0,\r\n        margin: 0,\r\n        borderTop: ({ numItems }) => (numItems > 1 ? `1px solid ${palette.border.primary}` : 'none')\r\n    },\r\n    superToggleWrapper: {\r\n        padding: '0 20px 30px 20px',\r\n        [breakpoints.up('md')]: {\r\n            paddingTop: '50px',\r\n            paddingBottom: '50px'\r\n        }\r\n    },\r\n    superToggle: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-start',\r\n        textTransform: 'capitalize',\r\n        fontSize: '1em'\r\n    },\r\n    superTogglerIcons: {\r\n        marginRight: '10px',\r\n        fontSize: '0.7em',\r\n        display: 'flex',\r\n        flexDirection: 'column'\r\n    },\r\n    caretUp: {\r\n        ...ANIMATION_DEFAULT,\r\n        animationName: '$bounce-up'\r\n    },\r\n    caretDown: {\r\n        ...ANIMATION_DEFAULT,\r\n        animationName: '$bounce-down'\r\n    },\r\n    'rotate-90-cw': { transition: 'transform 200ms', transform: 'rotate(90deg)' },\r\n\t'rotate-90-ccw': { transition: 'transform 200ms', transform: 'rotate(-90deg);' },\r\n}))\r\n\r\nconst CollapsibleList = forwardRef(({ className, children, variant = 'multiple', enableExpandAll = true, initialOpen = [], ...rest }, ref) => {\r\n    const { t } = useTranslation()\r\n    const _classes = useClasses({ numItems: React.Children.count(children) })\r\n    const [openList, setOpenList] = useState(initialOpen)\r\n    const expandAll = () => setOpenList(() => React.Children.map(children, (_, index) => index))\r\n    const collapseAll = () => setOpenList([])\r\n\r\n    const onClick = (index) => () => {\r\n        const isItemOpen = openList.indexOf(index) > -1\r\n\r\n        if (isItemOpen) {\r\n            setOpenList((prevList) => prevList.filter((i) => i !== index))\r\n        } else if (variant === 'multiple') {\r\n            setOpenList((prevList) => [...prevList, index])\r\n        } else {\r\n            setOpenList([index])\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className={className} ref={ref}>\r\n            {enableExpandAll && (\r\n                <div className={_classes.superToggleWrapper}>\r\n                    {openList.length === React.Children.count(children) ? (\r\n                        <Button onClick={collapseAll} className={_classes.superToggle}>\r\n                            <div className={_classes.superTogglerIcons}>\r\n                                <div className={_classes.caretUp}>\r\n                                    <FontAwesomeIcon icon={['tcs', 'arrow-right']} className={classnames(_classes['rotate-90-cw'])} />\r\n                                </div>\r\n                                <div className={_classes.caretDown}>\r\n                                    <FontAwesomeIcon icon={['tcs', 'arrow-right']} className={classnames(_classes['rotate-90-ccw'])} />\r\n                                </div>\r\n                            </div>\r\n                            <span aria-live='polite' aria-relevant='additions text'>\r\n                                {t('Collapse all')}\r\n                            </span>\r\n                        </Button>\r\n                    ) : (\r\n                        <Button onClick={expandAll} className={_classes.superToggle}>\r\n                            <div className={_classes.superTogglerIcons}>\r\n                                <div className={_classes.caretDown}>\r\n                                    <FontAwesomeIcon icon={['tcs', 'arrow-right']} className={classnames(_classes['rotate-90-ccw'])} />\r\n                                </div>\r\n                                <div className={_classes.caretUp}>\r\n                                    <FontAwesomeIcon icon={['tcs', 'arrow-right']} className={classnames(_classes['rotate-90-cw'])} />\r\n                                </div>\r\n                            </div>\r\n                            <span aria-live='polite' aria-relevant='additions text'>\r\n                                {t('Expand all')}\r\n                            </span>\r\n                        </Button>\r\n                    )}\r\n                </div>\r\n            )}\r\n            <ul {...rest} className={_classes.list}>\r\n                {React.Children.map(children, (child, index) => (\r\n                    <li key={`collabsible-item-${index}`}>\r\n                        {React.cloneElement(child, {\r\n                            onClick: onClick(index),\r\n                            open: openList.indexOf(index) > -1\r\n                        })}\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default CollapsibleList\r\n","import React, { useState, useMemo, useEffect, useContext } from 'react'\r\nimport Zoom from '@material-ui/core/Zoom'\r\nimport map from 'tcweb-material-components/core/poly/map'\r\nimport count from 'tcweb-material-components/core/poly/count'\r\nimport Dialog from 'tcweb-material-components/core/dialog'\r\nimport IconButton from 'tcweb-material-components/core/iconButton'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport { darken } from '@material-ui/core/styles/colorManipulator'\r\n\r\nimport { useTranslation } from 'react-i18next'\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport classnames from 'classnames'\r\n\r\nimport { decodeText } from '../../utilities/helpers'\r\nimport LocaleContext from '../context/localeContext'\r\nimport useLocation from '../../hooks/useLocation'\r\nimport Link from './link'\r\nimport Collapsible from './collapsible'\r\nimport CollapsibleList from './collapsibleList'\r\n\r\nconst PADDING_LEFT = 20\r\nconst PADDING_EDGE = 10\r\nconst MOBILE_TOGGLE_HEIGHT = 56\r\n\r\nconst useClasses = makeStyles(({ gutters, breakpoints, navigation, palette }) => ({\r\n    aside: {\r\n        [breakpoints.up('md')]: {\r\n            minWidth: '240px',\r\n            width: '240px'\r\n        },\r\n        [breakpoints.up('lg')]: {\r\n            minWidth: '320px',\r\n            width: '320px'\r\n        }\r\n    },\r\n    list: {\r\n        [breakpoints.up('md')]: {\r\n            left: 0,\r\n            position: ({ listPosition }) => listPosition,\r\n            top: ({ listTop }) => listTop || navigation.desktop.height * navigation.desktop.number,\r\n            minWidth: '240px',\r\n            width: '240px',\r\n            overflowY: 'auto',\r\n            height: ({ listHeight }) => listHeight,\r\n            borderRight: `1px solid ${palette.border.primary}`\r\n        },\r\n        [breakpoints.up('lg')]: {\r\n            minWidth: '320px',\r\n            width: '320px'\r\n        }\r\n    },\r\n    sublist: {\r\n        listStyleType: 'none',\r\n        paddingLeft: 0\r\n    },\r\n    header: {\r\n        display: 'block',\r\n        width: '100%',\r\n        padding: '20px',\r\n        '&:hover, &:focus': {\r\n            textDecoration: 'none'\r\n        }\r\n    },\r\n    heading: { marginTop: 0, marginBottom: 0 },\r\n    subItemLink: {\r\n        width: '100%',\r\n        display: 'block',\r\n        padding: '20px 20px 20px 40px',\r\n        textTransform: 'capitalize',\r\n        fontSize: '1em', // Override link font size from '1rem'\r\n        justifyContent: 'flex-start',\r\n\r\n        '&:hover': {\r\n            textDecoration: 'none',\r\n            color: palette.primary.main,\r\n            '&:before': {\r\n                borderLeft: `2px solid ${palette.primary.main}`\r\n            }\r\n        },\r\n\r\n        '&:focus': {\r\n            textDecoration: 'none',\r\n            color: palette.primary.contrastText,\r\n            backgroundColor: palette.primary.main,\r\n            '&:before': {\r\n                borderLeft: `2px solid transparent`\r\n            }\r\n        },\r\n\r\n        '& div': {\r\n            position: 'relative',\r\n\r\n            '&:before': {\r\n                borderLeft: '2px solid transparent',\r\n                height: '100%',\r\n                content: '\" \"',\r\n                position: 'absolute',\r\n                top: 0,\r\n                transform: `translateX(-${PADDING_LEFT}px)`\r\n            }\r\n        }\r\n    },\r\n    borderedSubItem: {\r\n        position: 'relative',\r\n        '&:before': {\r\n            borderLeft: `2px solid ${palette.primary.contrastText}`,\r\n            content: '\" \"',\r\n            position: 'absolute',\r\n            top: 0,\r\n            bottom: 0,\r\n            transform: `translateX(-${PADDING_LEFT}px)`\r\n        }\r\n    },\r\n    selectedSubItemLink: {\r\n        textDecoration: 'none',\r\n        backgroundColor: palette.primary.main,\r\n        color: palette.primary.contrastText,\r\n        '&:before': {\r\n            borderLeft: `2px solid transparent`\r\n        },\r\n\r\n        '&:hover': {\r\n            textDecoration: 'none',\r\n            backgroundColor: palette.primary.contrastText,\r\n            color: palette.primary.main,\r\n            '&:before': {\r\n                borderLeft: `2px solid transparent`\r\n            }\r\n        }\r\n    },\r\n    specialBorderFirst: {\r\n        '&:before': {\r\n            top: `${PADDING_EDGE}px`\r\n        }\r\n    },\r\n    specialBorderLast: {\r\n        '&:before': {\r\n            bottom: `${PADDING_EDGE}px`\r\n        }\r\n    },\r\n    tocToggle: {\r\n        backgroundColor: palette.primary.main,\r\n        borderColor: 'transparent',\r\n        margin: 'auto',\r\n        width: `${MOBILE_TOGGLE_HEIGHT}px`,\r\n        height: `${MOBILE_TOGGLE_HEIGHT}px`,\r\n        position: 'fixed',\r\n        bottom: `calc(${navigation.height} + ${gutters.page.xs})`,\r\n        right: gutters.page.xs,\r\n        zIndex: 3,\r\n        [breakpoints.up('sm')]: {\r\n            bottom: `calc(${navigation.height} + ${gutters.page.sm})`,\r\n            right: gutters.page.sm\r\n        }\r\n    },\r\n    dialogPaper: {\r\n        paddingLeft: 0,\r\n        paddingRight: 0\r\n    },\r\n    dialogTitle: {\r\n        paddingLeft: '20px',\r\n        paddingRight: '20px'\r\n    }\r\n}))\r\n\r\nconst TableOfContents = ({ items, isDraft }) => {\r\n    const { locale } = useContext(LocaleContext)\r\n    const replaceRegex = new RegExp(`${locale}|\\\\/`, 'g')\r\n    const { t } = useTranslation()\r\n    const { navigation, breakpoints, palette } = useTheme()\r\n    const isMobile = useMediaQuery(breakpoints.down('sm'), { defaultMatches: true })\r\n    const [listHeight, setListHeight] = useState('100%')\r\n    const [listTop, setListTop] = useState(null)\r\n    const [listPosition, setListPosition] = useState('initial')\r\n    const [isTocOpen, setIsTocOpen] = useState(false)\r\n    const _classes = useClasses({ listHeight, listTop, listPosition })\r\n    const { location } = useLocation()\r\n    const initialIndex = useMemo(\r\n        () => (isDraft ? [0] : [\r\n            items.findIndex((item) => item.path.replace(/\\//g, '') === location.pathname.replace(replaceRegex, ''))\r\n        ]),\r\n        [location, isDraft]\r\n    )\r\n    const setSmoothScroll = (path, subItemAnchor) => () => {\r\n        setIsTocOpen(false)\r\n\r\n        if (path !== location.pathname) return\r\n\r\n        const html = document.getElementsByTagName('html')[0]\r\n        html.classList.toggle('smooth-scroll')\r\n\r\n        if (subItemAnchor) {\r\n            const heading = document.getElementById(subItemAnchor.replace('#', ''))\r\n            heading.tabIndex = 1\r\n            setTimeout(() => {\r\n                heading.focus()\r\n                html.scrollTo(0, heading.offsetTop - (isMobile ? 50 : 100))\r\n            }, 1)\r\n        }\r\n        setTimeout(() => html.classList.toggle('smooth-scroll'), 1000)\r\n    }\r\n\r\n    const content = (\r\n        <aside className={_classes.aside} aria-label={t('Secondary Navigation')} role='navigation'>\r\n            <CollapsibleList\r\n                className={_classes.list}\r\n                initialOpen={initialIndex}\r\n                enableExpandAll={count(items) > 1}\r\n            >\r\n                {map(\r\n                    (item, index) => (\r\n                        <Collapsible\r\n                            key={item.path}\r\n                            header={\r\n                                <Link\r\n                                    onClick={setSmoothScroll(item.path)}\r\n                                    href={item.path}\r\n                                    classes={{\r\n                                        root: classnames(_classes.header, { [_classes.selectedHeader]: initialIndex[0] === index && !location.hash })\r\n                                    }}\r\n                                    aria-label={t('slug:go-to-title', { title: decodeText(item.title) })}\r\n                                >\r\n                                    <h1 className={classnames('h4', _classes.heading)}>{decodeText(item.title)}</h1>\r\n                                </Link>\r\n                            }\r\n                            showCaret={count(item.headings) > 0}\r\n                            enableCollapse={count(items) > 1}\r\n                            isSelected={initialIndex[0] === index && !location.hash}\r\n                        >\r\n                            {count(item.headings) > 0 && (\r\n                                <ul className={_classes.sublist}>\r\n                                    {map((subItem, index) => {\r\n                                        const isCurrent = location.hash === subItem.anchor\r\n\r\n                                        return (\r\n                                            <li key={subItem.anchor} className={_classes.item}>\r\n                                                <Link\r\n                                                    style={{ paddingLeft: `${PADDING_LEFT * ((subItem.depth || 1) + 1)}px` }}\r\n                                                    aria-label={t('slug:go-to-title', { title: subItem.title })}\r\n                                                    className={classnames(_classes.subItemLink, {\r\n                                                        [_classes.selectedSubItemLink]: isCurrent,\r\n                                                        [_classes.borderedSubItem]: subItem.depth > 1,\r\n                                                        [_classes.specialBorderFirst]:\r\n                                                            subItem.depth > 1 && get(item, ['headings', index - 1, 'depth']) !== subItem.depth,\r\n                                                        [_classes.specialBorderLast]:\r\n                                                            subItem.depth > 1 && get(item, ['headings', index + 1, 'depth']) !== subItem.depth\r\n                                                    })}\r\n                                                    onClick={setSmoothScroll(item.path)}\r\n                                                    href={`${item.path}${subItem.anchor}`}\r\n                                                >\r\n                                                    <div>{decodeText(subItem.title)}</div>\r\n                                                </Link>\r\n                                            </li>\r\n                                        )\r\n                                    }, item.headings)}\r\n                                </ul>\r\n                            )}\r\n                        </Collapsible>\r\n                    ),\r\n                    items\r\n                )}\r\n            </CollapsibleList>\r\n        </aside>\r\n    )\r\n\r\n    const openToc = () => setIsTocOpen(true)\r\n    const closeToc = () => setIsTocOpen(false)\r\n\r\n    useEffect(() => {\r\n        if (location.hash) {\r\n            const timeoutHandler = setTimeout(() => {\r\n                const anchor = document.querySelector(location.hash)\r\n                const html = document.getElementsByTagName('html')[0]\r\n\r\n                if (!anchor) return\r\n\r\n                html.classList.toggle('smooth-scroll')\r\n                anchor.focus()\r\n                anchor.scrollIntoView()\r\n                html.classList.toggle('smooth-scroll')\r\n            }, 500)\r\n\r\n            return () => {\r\n                clearTimeout(timeoutHandler)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (isMobile) return\r\n\r\n        const getListHeight = () => {\r\n            const windowOffset = window.scrollY\r\n            const windowHeight = window.innerHeight\r\n            const headerElem = document.getElementsByTagName('header')[0]\r\n            const mainElem = document.getElementsByTagName('main')[0]\r\n            const footerOffset = document.getElementsByTagName('footer')[0].offsetTop\r\n            let newListHeight = footerOffset - windowOffset > windowHeight ? windowHeight : footerOffset - windowOffset - headerElem.offsetHeight\r\n\r\n            if (windowOffset === 0) {\r\n                newListHeight = footerOffset - windowOffset > windowHeight ? windowHeight : mainElem.offsetHeight\r\n                setListTop(headerElem.offsetHeight * navigation.tablet.number - 2) // Minus 2 for the border heights\r\n                setListHeight(newListHeight)\r\n            } else if (windowOffset <= headerElem.offsetHeight) {\r\n                setListTop(headerElem.offsetTop + headerElem.offsetHeight - windowOffset)\r\n                setListHeight(newListHeight - (headerElem.offsetTop + headerElem.offsetHeight - windowOffset))\r\n            } else {\r\n                setListTop(headerElem.offsetHeight)\r\n                if (newListHeight === windowHeight) {\r\n                    setListHeight(newListHeight - headerElem.offsetHeight)\r\n                } else {\r\n                    setListHeight(newListHeight)\r\n                }\r\n            }\r\n            setListPosition('fixed')\r\n        }\r\n\r\n        document.addEventListener('scroll', getListHeight)\r\n\r\n        return () => {\r\n            document.removeEventListener('scroll', getListHeight)\r\n        }\r\n    }, [isMobile])\r\n\r\n    if (isMobile) {\r\n        return (\r\n            <>\r\n                <Zoom in style={{ transitionDelay: '500ms', animation: 'shadow-pulse 1s 0.5s 2' }}>\r\n                    <IconButton classes={{ root: _classes.tocToggle }} aria-label={t('Open Table of Contents')} onClick={openToc}>\r\n                        <FontAwesomeIcon icon={['fas', 'bars']} size='lg' color={palette.button.contained.primary.color} />\r\n                    </IconButton>\r\n                </Zoom>\r\n                <Dialog\r\n                    color='primary'\r\n                    title={t('Table of Contents')}\r\n                    fullScreen\r\n                    open={isTocOpen}\r\n                    onClose={closeToc}\r\n                    disableCloseButton={false}\r\n                    PaperProps={{\r\n                        className: _classes.dialogPaper\r\n                    }}\r\n                    DialogTitleProps={{\r\n                        className: _classes.dialogTitle\r\n                    }}\r\n                    CloseButtonProps={{\r\n                        'aria-label': t('Close')\r\n                    }}\r\n                >\r\n                    {content}\r\n                </Dialog>\r\n            </>\r\n        )\r\n    }\r\n\r\n    return content\r\n}\r\n\r\nexport default TableOfContents\r\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\nimport Box from 'tcweb-material-components/core/box'\n\nimport Link from './link'\n\nconst useClasses = makeStyles(({ palette, accessibility: { highContrast } }) => ({\n    button: {\n        display: 'flex',\n        alignContent: 'center',\n        ['&:hover .page-controls-icon, &:focus .page-controls-icon']: {\n            backgroundColor: palette.button.contained.primary.hover.background,\n            [highContrast.mediaQuery('active')]:{\n                border: '2px solid Highlight',\n                backgroundColor: 'buttonFace'\n            }\n        }\n    },\n    icon: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '100%',\n        height: 50,\n        width: 50,\n        backgroundColor: palette.button.contained.primary.background,\n        color: palette.button.contained.primary.color,\n        [highContrast.mediaQuery('active')]:{\n            backgroundColor: 'buttonFace',\n            color: 'buttonText',\n        }\n    },\n    rotate: { transition: 'transform 200ms', transform: 'rotate(180deg)' }\n}))\n\nconst PageControls = ({ next, prev, ariaLabelPrev, ariaLabelNext, ...rest }) => {\n    const theme = useTheme()\n    const isMobile = useMediaQuery(theme.breakpoints.only('xs'))\n    const _classes = useClasses()\n    const { t } = useTranslation()\n\n    if (!next && !prev) return null\n\n    return (\n        <Box {...rest}>\n\n            <Box display='flex' justifyContent='space-between'>\n                <div>\n                    {prev &&\n                        <Link href={prev.path || `/${prev.slug}`} className={_classes.button} aria-label={ariaLabelPrev || t('Go to previous article')}>\n                            <div className={`page-controls-icon ${_classes.icon}`} style={{ 'marginRight': 10 }}>\n                                <FontAwesomeIcon icon={['tcs', 'arrow-right']} className={_classes.rotate} />\n                            </div>\n                            {!isMobile && t('Previous')}\n                        </Link>\n                    }\n                </div>\n                <div>\n                    {next &&\n                        <Link href={next.path || `/${next.slug}`} className={_classes.button} aria-label={ariaLabelNext || t('Go to next article')}>\n                            {!isMobile && t('Next')}\n                            <div className={`page-controls-icon ${_classes.icon}`} style={{ 'marginLeft': 10 }}>\n                                <FontAwesomeIcon icon={['tcs', 'arrow-right']} />\n                            </div>\n                        </Link>\n                    }\n                </div>\n            </Box>\n        </Box>\n    )\n}\n\nexport default PageControls\n","import React, { useMemo, useContext } from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { useTranslation } from 'react-i18next'\r\nimport classnames from 'classnames'\r\n\r\nimport Tabs from 'tcweb-material-components/core/tabs'\r\nimport Tab from 'tcweb-material-components/core/tab'\r\nimport { mergeClasses } from 'tcweb-material-components/core/utilities/styles'\r\n\r\nimport { decodeText } from '../../utilities/helpers'\r\nimport LocaleContext from '../context/localeContext'\r\nimport useLocation from '../../hooks/useLocation'\r\nimport Link from './link'\r\n\r\nconst useClasses = makeStyles((theme) => ({\r\n    tabsContainer: {\r\n        position: 'absolute',\r\n        width: '100%',\r\n        zIndex: 1,\r\n        backdropFilter: 'blur(5px)',\r\n        backgroundColor: 'rgba(255, 255, 255, 0.5)',\r\n    },\r\n    rootScrollable: {\r\n        margin: 0\r\n    },\r\n    scrollable: {\r\n        borderBottom: `none`,\r\n    },\r\n    tab: {\r\n        display: 'inline-flex',\r\n        minHeight: theme.spacing(7),\r\n        marginLeft: theme.spacing(2),\r\n        marginRight: theme.spacing(2),\r\n        [theme.breakpoints.up('md')]: {\r\n            minHeight: theme.spacing(9),\r\n            minWidth: '120px',\r\n        },\r\n        width: 'auto'\r\n    }\r\n}))\r\n\r\nconst PageChildNavigation = ({ items, isDraft }) => {\r\n    const classes = useClasses()\r\n    const { t } = useTranslation()\r\n    const { locale } = useContext(LocaleContext)\r\n    const { location } = useLocation()\r\n    const replaceRegex = new RegExp(`${locale}|\\\\/`, 'g')\r\n    const initialIndex = useMemo(\r\n        () => (isDraft ? [0] : [items.findIndex((item) => item.uri.replace(/\\//g, '') === location.pathname.replace(replaceRegex, ''))]),\r\n        [location, isDraft]\r\n    )\r\n\r\n    const LinkTab = (props) => (\r\n        <Tab {...props} classes={mergeClasses({ root: classnames(classes.tab) }, props.classes)} label={t(props.label)} component={Link} />\r\n    )\r\n\r\n    return (\r\n        <>\r\n            <div className={classes.tabsContainer}>\r\n                <Tabs\r\n                    classes={{ root: classes.rootScrollable, scrollable: classes.scrollable }}\r\n                    value={Math.max(0, initialIndex[0])}\r\n                    indicatorColor='primary'\r\n                >\r\n                    {items.map((item, i) => {\r\n                        return <LinkTab key={i} value={i} to={item.uri} label={decodeText(item.title)} />\r\n                    })}\r\n                </Tabs>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default PageChildNavigation\r\n","import React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { graphql } from 'gatsby'\r\nimport parse from 'html-react-parser'\r\nimport Helmet from 'react-helmet'\r\nimport count from 'tcweb-material-components/core/poly/count'\r\nimport find from 'tcweb-material-components/core/poly/find'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport Box from 'tcweb-material-components/core/box'\r\nimport orderBy from 'lodash/orderBy'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\n\r\nimport PageControls from '../components/common/pageControls'\r\nimport PageChildNavigation from '../components/common/pageChildNavigation'\r\nimport TableOfContents from '../components/common/tableOfContents'\r\nimport LayoutContent from '../components/layout/layoutContent'\r\nimport Page from '../components/templates/page'\r\nimport options from './components/'\r\nimport { decodeText } from '../utilities/helpers'\r\nimport { defaultWPMLLocale } from '../utilities/locale'\r\n\r\nconst useClasses = makeStyles({\r\n    root: {\r\n        display: 'flex',\r\n        flexDirection: 'row-reverse'\r\n    },\r\n    pageWrapper: { width: '100%' } // For Firefox\r\n})\r\n\r\nconst getChildPageSettings = (page) => {\r\n    const currentPageHasNav = get(page, 'childTabs.hasChildPageNavigation')\r\n    const parentPageHasNav = get(page, 'wpParent.node.childTabs.hasChildPageNavigation')\r\n\r\n    const currentPageHasParentLink = get(page, 'childTabs.pageNavIncludeParentLink')\r\n    const parentPageHasParentLink = get(page, 'wpParent.node.childTabs.pageNavIncludeParentLink')\r\n\r\n    const currentPageParentLinkLabel = get(page, 'childTabs.pageNavParentLinkLabel')\r\n    const parentPageParentLinkLabel = get(page, 'wpParent.node.childTabs.pageNavParentLinkLabel')\r\n\r\n    // [hasChildNav, includeParentLink, parentLinkLabel]\r\n    return [\r\n        currentPageHasNav || parentPageHasNav,\r\n        currentPageHasParentLink || parentPageHasParentLink,\r\n        (currentPageParentLinkLabel || parentPageParentLinkLabel || '').trim()\r\n    ]\r\n}\r\n\r\nconst PageTemplate = ({ isDraft, ...props }) => {\r\n    const _classes = useClasses()\r\n    const { t } = useTranslation()\r\n\r\n    const title = get(props, 'data.page.title')\r\n    const parentTitle = get(props, 'data.page.wpParent.node.title')\r\n    const content = get(props, 'data.page.content')\r\n    const excerpt = get(props, 'data.page.excerpt', '') // No longer supported in WP v6\r\n    const path = get(props, 'path')\r\n    const parentPath = get(props, 'data.page.wpParent.node.uri')\r\n    const englishNode = find((i) => get(i, 'locale.locale') === defaultWPMLLocale, get(props, 'data.page.translated', []))\r\n\r\n    // TOC\r\n    const hasToc = get(englishNode, 'toc.hasTableOfContents', get(props, 'data.page.toc.hasTableOfContents'))\r\n    const tocItems = orderBy(get(props, 'pageContext.tableOfContents'), ['order', 'date'], ['asc', 'asc'])\r\n    const numTocItems = count(tocItems)\r\n    const showToc = hasToc && numTocItems > 0\r\n    const pageControls = get(props, 'pageContext.pageControls', {})\r\n\r\n    // Child Pages\r\n    const [hasChildNav, includeParentLink, parentLinkLabel] = !!englishNode\r\n        ? getChildPageSettings(englishNode)\r\n        : getChildPageSettings(get(props, 'data.page'))\r\n    const isChildPage = !!get(props, 'data.page.wpParent.node')\r\n    const childPages = isChildPage\r\n        ? orderBy(get(props, 'data.page.wpParent.node.wpChildren.nodes'), ['menuOrder', 'date'], ['asc', 'asc'])\r\n        : orderBy(get(props, 'data.page.wpChildren.nodes'), ['menuOrder', 'date'], ['asc', 'asc'])\r\n    const showChildPages = hasChildNav && count(childPages) > 1\r\n\r\n    if (showToc && !includeParentLink) {\r\n        tocItems.shift()\r\n    } else if (showToc && parentLinkLabel.length) {\r\n        tocItems[0].title = t(parentLinkLabel)\r\n    }\r\n\r\n    // Add parent link as first link in navbar\r\n    if (includeParentLink) {\r\n        childPages.unshift({\r\n            title: parentLinkLabel,\r\n            uri: parentPath ? parentPath : path\r\n        })\r\n    }\r\n\r\n    const cleanTitle = parentTitle\r\n        ? `${props.data.site.siteMetadata.title} | ${decodeText(parentTitle)} | ${decodeText(props.data.page.title)}`\r\n        : `${props.data.site.siteMetadata.title} | ${decodeText(props.data.page.title)}`\r\n    const cleanExcerpt = (!!excerpt && decodeText(excerpt)) || ''\r\n\r\n    return (\r\n        <LayoutContent {...props} mainClass='wp-content' setBackgroundImage={showToc}>\r\n            <Helmet\r\n                title={cleanTitle}\r\n                meta={[\r\n                    // Twitter Card Data\r\n                    { name: 'twitter:title', content: title },\r\n                    {\r\n                        name: 'twitter:image:alt',\r\n                        content: get(props, 'data.page.featured_media.altText') || get(props, 'data.site.siteMetadata.socialAlt')\r\n                    },\r\n                    { name: 'twitter:description', content: cleanExcerpt },\r\n                    { property: 'og:title', content: title },\r\n                    get(props, 'data.page.featuredImage')\r\n                        ? {\r\n                              name: 'image',\r\n                              property: 'og:image',\r\n                              content: `${get(props, 'data.site.siteMetadata.siteUrl')}${get(\r\n                                  props,\r\n                                  'data.page.featuredImage.node.localFile.childImageSharp.gatsbyImageData.images.fallback.src'\r\n                              )}`\r\n                          }\r\n                        : {},\r\n                    {\r\n                        property: 'og:image:alt',\r\n                        content: get(props, 'data.page.featured_media.altText') || get(props, 'data.site.siteMetadata.socialAlt')\r\n                    },\r\n                    { property: 'og:description', content: cleanExcerpt }\r\n                ]}\r\n            />\r\n            {showChildPages && <PageChildNavigation items={childPages} isDraft={isDraft} />}\r\n            {showToc ? (\r\n                <Box className={_classes.root}>\r\n                    <div className={_classes.pageWrapper}>\r\n                        <Page meta={props.data.page.acf} setBackgroundImage={false}>\r\n                            {parse(content, options)}\r\n                        </Page>\r\n                        <Box gutters='page'>\r\n                            <PageControls\r\n                                {...pageControls}\r\n                                marginTop={{ xs: '30px', md: '50px' }}\r\n                                marginBottom={{ xs: '30px', md: '100px' }}\r\n                                enableTotal={false}\r\n                                ariaLabelNext={t('Go to next page')}\r\n                                ariaLabelPrev={t('Go to previous page')}\r\n                            />\r\n                        </Box>\r\n                    </div>\r\n                    <TableOfContents items={tocItems} isDraft={isDraft} />\r\n                </Box>\r\n            ) : (\r\n                <Page meta={props.data.page.acf} gutters='page'>\r\n                    {parse(content, options)}\r\n                </Page>\r\n            )}\r\n        </LayoutContent>\r\n    )\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n    query ($id: String) {\r\n        page: wpSitePage(id: { eq: $id }) {\r\n            title\r\n            content\r\n            toc {  hasTableOfContents }\r\n            # childTabs {\r\n            #     hasChildPageNavigation\r\n            #     pageNavIncludeParentLink\r\n            #     pageNavParentLinkLabel\r\n            # }\r\n            wpParent {\r\n                node {\r\n                    ... on WPSitePage {\r\n                        uri\r\n                        title\r\n                        # childTabs {\r\n                        #     hasChildPageNavigation\r\n                        #     pageNavIncludeParentLink\r\n                        #     pageNavParentLinkLabel\r\n                        # }\r\n                        wpChildren {\r\n                            nodes {\r\n                                ... on WPSitePage {\r\n                                    title\r\n                                    uri\r\n                                    menuOrder\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            wpChildren {\r\n                nodes {\r\n                    ... on WPSitePage {\r\n                        title\r\n                        uri\r\n                        menuOrder\r\n                    }\r\n                }\r\n            }\r\n            # excerpt # No longer supported in WP v6\r\n            featuredImage {\r\n                node {\r\n                    altText\r\n                    localFile {\r\n                        childImageSharp {\r\n                            gatsbyImageData(height: 260, placeholder: NONE, layout: FIXED)\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            translated {\r\n                title\r\n                content\r\n                locale {\r\n                    locale\r\n                }\r\n                toc {\r\n                    hasTableOfContents\r\n                }\r\n                # childTabs {\r\n                #     hasChildPageNavigation\r\n                #     pageNavIncludeParentLink\r\n                #     pageNavParentLinkLabel\r\n                # }\r\n                # wpParent {\r\n                #     node {\r\n                #         ... on WPSitePage {\r\n                #             childTabs {\r\n                #                 hasChildPageNavigation\r\n                #                 pageNavIncludeParentLink\r\n                #                 pageNavParentLinkLabel\r\n                #             }\r\n                #         }\r\n                #     }\r\n                # }\r\n            }\r\n        }\r\n        site {\r\n            siteMetadata {\r\n                title\r\n                socialAlt\r\n                siteUrl\r\n            }\r\n        }\r\n    }\r\n`\r\n\r\nexport default PageTemplate\r\n"],"names":["_interopRequireDefault","Object","defineProperty","exports","value","_extends2","_objectWithoutPropertiesLoose2","_react","_propTypes","_styles","_clsx","_button","_camelCase","_styles2","_excluded","DEFAULT_ICON_SIZE","useClasses","makeStyles","palette","accessibility","highContrast","root","borderRadius","display","alignItems","justifyContent","minWidth","height","size","width","fontSize","border","mediaQuery","color","label","primary","borderColor","common","black","main","primaryFocus","activePrimary","secondary","contrastText","backgroundColor","secondaryFocus","activeSecondary","text","background","textFocus","activeText","classNamePrefix","IconButton","_ref","classes","children","active","rest","default","_classes","createElement","mergeClasses","focusVisible","propTypes","bool","object","oneOf","shape","string","node","isRequired","defaultProps","borderBottom","header","gridTemplateColumns","headerSelected","fullHeader","headerComponent","flex","caretButton","caretButtonLabel","transition","transform","Collapsible","open","onClick","enableCollapse","showCaret","isSelected","t","useTranslation","isOpen","setIsOpen","useState","_onClick","useEffect","React","className","classnames","Button","String","FontAwesomeIcon","icon","caret","ANIMATION_DEFAULT","animationDuration","animationIterationCount","animationTimingFunction","animationDirection","breakpoints","to","from","list","listStyleType","padding","margin","borderTop","numItems","superToggleWrapper","up","paddingTop","paddingBottom","superToggle","textTransform","superTogglerIcons","marginRight","flexDirection","caretUp","_objectSpread","animationName","caretDown","forwardRef","ref","variant","enableExpandAll","initialOpen","_objectWithoutProperties","count","openList","setOpenList","index","isItemOpen","indexOf","prevList","filter","i","concat","_toConsumableArray","length","collapseAll","expandAll","map","_","_extends","child","key","gutters","navigation","aside","left","position","listPosition","top","listTop","desktop","number","overflowY","listHeight","borderRight","sublist","paddingLeft","textDecoration","heading","marginTop","marginBottom","subItemLink","borderLeft","content","borderedSubItem","bottom","selectedSubItemLink","specialBorderFirst","specialBorderLast","tocToggle","page","xs","right","zIndex","sm","dialogPaper","paddingRight","dialogTitle","TableOfContents","items","isDraft","locale","useContext","LocaleContext","replaceRegex","RegExp","useTheme","isMobile","useMediaQuery","down","defaultMatches","setListHeight","setListTop","setListPosition","isTocOpen","setIsTocOpen","location","useLocation","initialIndex","useMemo","findIndex","item","path","replace","pathname","setSmoothScroll","subItemAnchor","html","document","getElementsByTagName","classList","toggle","getElementById","tabIndex","setTimeout","focus","scrollTo","offsetTop","role","CollapsibleList","Link","href","selectedHeader","hash","title","decodeText","headings","subItem","isCurrent","anchor","style","depth","get","openToc","closeToc","timeoutHandler","querySelector","scrollIntoView","clearTimeout","getListHeight","windowOffset","window","scrollY","windowHeight","innerHeight","headerElem","mainElem","footerOffset","newListHeight","offsetHeight","tablet","addEventListener","removeEventListener","Zoom","in","transitionDelay","animation","button","contained","Dialog","fullScreen","onClose","disableCloseButton","PaperProps","DialogTitleProps","CloseButtonProps","alignContent","hover","rotate","next","prev","ariaLabelPrev","ariaLabelNext","theme","only","Box","slug","tabsContainer","backdropFilter","rootScrollable","scrollable","tab","minHeight","spacing","marginLeft","PageChildNavigation","uri","LinkTab","props","Tab","component","Tabs","Math","max","indicatorColor","pageWrapper","getChildPageSettings","currentPageHasNav","parentPageHasNav","currentPageHasParentLink","parentPageHasParentLink","currentPageParentLinkLabel","parentPageParentLinkLabel","trim","parentTitle","excerpt","parentPath","englishNode","find","defaultWPMLLocale","hasToc","tocItems","orderBy","numTocItems","showToc","pageControls","hasChildNav","includeParentLink","parentLinkLabel","childPages","showChildPages","shift","unshift","cleanTitle","data","site","siteMetadata","cleanExcerpt","LayoutContent","mainClass","setBackgroundImage","Helmet","meta","name","property","Page","acf","parse","options","PageControls","md","enableTotal"],"sourceRoot":""}