{"version":3,"file":"component---src-pages-v-2-introduction-jsx-53b38d923b44801a4959.js","mappings":"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","sources":["webpack://toyota-branding-guidelines/./src/components/v2/ImageBlock.jsx","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/ImageScroller/dragscroll.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/ImageScroller/index.js","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/Picture/index.js","webpack://toyota-branding-guidelines/./src/components/v2/Tile.jsx","webpack://toyota-branding-guidelines/./src/components/v2/TileGrid.jsx","webpack://toyota-branding-guidelines/./src/pages/v2/introduction.jsx","webpack://toyota-branding-guidelines/./src/util/viewport.js","webpack://toyota-branding-guidelines/./src/images/1. Brand Elements/Intro_Imagery_Header_Placeholder.jpeg","webpack://toyota-branding-guidelines/./src/images/1. Brand Elements/Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder.jpeg","webpack://toyota-branding-guidelines/./src/images/Icons/Side_Scroll.svg","webpack://toyota-branding-guidelines/./src/images/logo/empty-darker.png","webpack://toyota-branding-guidelines/./src/images/tiles/Intro_Typography.svg","webpack://toyota-branding-guidelines/./src/images/tiles/intro_elements_A1_desktop.jpg","webpack://toyota-branding-guidelines/./src/images/tiles/intro_elements_A2_desktop.jpg","webpack://toyota-branding-guidelines/./src/images/tiles/intro_elements_A3.svg","webpack://toyota-branding-guidelines/./src/images/tiles/intro_elements_B1.svg","webpack://toyota-branding-guidelines/./src/images/tiles/intro_elements_B3_desktop.jpg","webpack://toyota-branding-guidelines/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"],"sourcesContent":["import React from \"react\";\r\n\r\nconst ImageBlock = (props) => {\r\n  let classes = \"image-block\";\r\n  if (props.vertPadding) {\r\n    classes += \" vert-padding\";\r\n  }\r\n  return <div className={classes}>{props.children}</div>;\r\n};\r\n\r\nexport default ImageBlock;\r\n","/**\r\n * @fileoverview dragscroll - scroll area by dragging\r\n * @version 0.0.8\r\n *\r\n * @license MIT, see http://github.com/asvd/dragscroll\r\n * @copyright 2015 asvd <heliosframework@gmail.com>\r\n */\r\n\r\nconst _win = {\r\n  addEventListener () { },\r\n  removeEventListener () { },\r\n};\r\nconst _window = typeof window !== 'undefined' ? window : _win;\r\nconst _document = typeof document !== 'undefined' && document;\r\nconst mousemove = 'mousemove';\r\nconst mouseup = 'mouseup';\r\nconst mousedown = 'mousedown';\r\nconst EventListener = 'EventListener';\r\nconst addEventListener = `add${EventListener}`;\r\nconst removeEventListener = `remove${EventListener}`;\r\nlet newScrollX;\r\nlet newScrollY;\r\n\r\nlet dragged = [];\r\nconst reset = (i, el) => {\r\n  for (i = 0; i < dragged.length;) {\r\n    el = dragged[i++];\r\n    el = el.container || el;\r\n    el[removeEventListener](mousedown, el.md, 0);\r\n    _window[removeEventListener](mouseup, el.mu, 0);\r\n    _window[removeEventListener](mousemove, el.mm, 0);\r\n  }\r\n\r\n  // cloning into array since HTMLCollection is updated dynamically\r\n  dragged = [].slice.call(_document.getElementsByClassName('dragscroll'));\r\n  for (i = 0; i < dragged.length;) {\r\n    ((elem, lastClientX, lastClientY, pushed, scroller, cont) => {\r\n      (cont = elem.container || elem)[addEventListener](\r\n        mousedown,\r\n        cont.md = (e) => {\r\n          if (!elem.hasAttribute('nochilddrag')\r\n                        || _document.elementFromPoint(\r\n                          e.pageX, e.pageY,\r\n                        ) === cont\r\n          ) {\r\n            pushed = 1;\r\n            lastClientX = e.clientX;\r\n            lastClientY = e.clientY;\r\n\r\n            e.preventDefault();\r\n          }\r\n        }, 0,\r\n      );\r\n\r\n      _window[addEventListener](\r\n        mouseup, cont.mu = () => { pushed = 0; }, 0,\r\n      );\r\n\r\n      _window[addEventListener](\r\n        mousemove,\r\n        cont.mm = (e) => {\r\n          if (pushed) {\r\n            (scroller = elem.scroller || elem).scrollLeft\r\n                            -= newScrollX = (-lastClientX + (lastClientX = e.clientX));\r\n            scroller.scrollTop\r\n                            -= newScrollY = (-lastClientY + (lastClientY = e.clientY));\r\n            if (elem === _document.body) {\r\n              (scroller = _document.documentElement).scrollLeft -= newScrollX;\r\n              scroller.scrollTop -= newScrollY;\r\n            }\r\n          }\r\n        }, 0,\r\n      );\r\n    })(dragged[i++]);\r\n  }\r\n};\r\n\r\n// if (_document.readyState == 'complete') {\r\n//     reset();\r\n// } else {\r\n//     _window[addEventListener]('load', reset, 0);\r\n// }\r\n\r\n// exports.reset = reset;\r\n\r\nexport default reset;\r\n","/* eslint-disable react/no-string-refs */\r\n//\r\nimport * as React from \"react\";\r\nimport viewport from \"../../../../util/viewport\";\r\nimport dragscrollReset from \"./dragscroll\";\r\n\r\nimport Picture from \"../Picture\";\r\nimport Side_Scroll_svg from \"../../../../images/Icons/Side_Scroll.svg\";\r\n\r\nclass ImageCaption extends React.Component {\r\n  render() {\r\n    let { style, copy } = this.props;\r\n    if (!style) {\r\n      style = { textAlign: \"left\" };\r\n    } else {\r\n      style.textAlign = \"left\";\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className=\"caption\"\r\n        style={style}\r\n        dangerouslySetInnerHTML={{ __html: copy }}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nexport default class ImageScroller extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    const xDown = null;\r\n\r\n    this.state = { swipeDirection: \"\" };\r\n\r\n    this.handleCardClick = this.handleCardClick.bind(this);\r\n    this.handleTouchStart = this.handleTouchStart.bind(this);\r\n    this.handleTouchMove = this.handleTouchMove.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    //if (viewport.getCurrentQuery().startsWith('desktop')) {\r\n    dragscrollReset();\r\n    //}\r\n\r\n    window.addEventListener(\"resize\", this.centeredFirstImage);\r\n\r\n    const firstImages = document.querySelectorAll('.card[data-index=\"1\"] img');\r\n    for (const image of firstImages) {\r\n      image.addEventListener(\"load\", this.centeredFirstImage);\r\n    }\r\n  }\r\n\r\n  centeredFirstImage() {\r\n    const firstCards = document.querySelectorAll('.card[data-index=\"1\"]');\r\n    const firstCardsArray = Array.from(firstCards);\r\n    firstCardsArray.map((firstCard) => {\r\n      const firstImage = firstCard.querySelector(\"img\");\r\n      if (firstImage) {\r\n        const imageWidth = firstImage.clientWidth;\r\n        let marginVal;\r\n\r\n        if (viewport.getCurrentQuery() === \"phone\") {\r\n          marginVal = `calc(100vw - 15px - (100vw)/2 - ${imageWidth / 2}px)`;\r\n        } else if (viewport.getCurrentQuery() === \"tablet\") {\r\n          marginVal = `calc(100vw - 45px - (100vw)/2 - ${imageWidth / 2}px)`;\r\n        } else {\r\n          marginVal = `calc(100vw - 385px - (100vw - 317px)/2 - ${\r\n            imageWidth / 2\r\n          }px)`;\r\n        }\r\n        // firstCard.style.cssText = `margin-left: ${marginVal}`;\r\n      }\r\n    });\r\n  }\r\n\r\n  handleTouchStart(evt) {\r\n    const touches = evt.touches ? evt.touches[0] : evt;\r\n    this.xDown = touches.clientX;\r\n  }\r\n\r\n  handleTouchMove(evt) {\r\n    if (!this.xDown) {\r\n      return;\r\n    }\r\n    const touches = evt.touches ? evt.touches[0] : evt;\r\n    const xUp = touches.clientX;\r\n    const xDiff = this.xDown - xUp;\r\n    let swipe = \"\";\r\n\r\n    if (Math.abs(xDiff)) {\r\n      const leftValue =\r\n        viewport.getCurrentQuery() === \"desktop\" ? \"slide_left\" : \"swipe_left\";\r\n      const rightValue =\r\n        viewport.getCurrentQuery() === \"desktop\"\r\n          ? \"slide_right\"\r\n          : \"swipe_right\";\r\n\r\n      swipe = xDiff > 0 ? leftValue : rightValue;\r\n      this.handleCardClick(evt, swipe);\r\n    }\r\n\r\n    this.xDown = null;\r\n  }\r\n\r\n  handleCardClick(evt, swipe) {\r\n    // debugger;\r\n    const idx = evt.currentTarget.getAttribute(\"data-index\");\r\n    const count = evt.currentTarget.getAttribute(\"data-count\");\r\n\r\n    // const typeTitle = (this.props.section.components[this.props.index - 1] && this.props.section.components[this.props.index - 1].title\r\n    //   ? this.props.section.components[this.props.index - 1].title\r\n    //   : this.props.section.title).replace(/[^a-zA-Z ]/g, '').trim();\r\n  }\r\n\r\n  render() {\r\n    const { style, cardStyle } = this.props;\r\n\r\n    const images = this.props.images.map((image, index) => (\r\n      <div\r\n        className=\"card\"\r\n        style={cardStyle}\r\n        key={`image-scroller-${index}`}\r\n        data-index={index + 1}\r\n        data-count={this.props.images.length}\r\n        onTouchStart={this.handleTouchStart}\r\n        onTouchMove={this.handleTouchMove}\r\n        onMouseDown={this.handleTouchStart}\r\n        onMouseMove={this.handleTouchMove}\r\n      >\r\n        {image.header && (\r\n          <ImageCaption copy={image.header.copy} style={image.header.style} />\r\n        )}\r\n        <div className=\"image\">\r\n          <Picture image={image.image} />\r\n        </div>\r\n        {image.caption && (\r\n          <ImageCaption copy={image.caption.copy} style={image.caption.style} />\r\n        )}\r\n      </div>\r\n    ));\r\n\r\n    return (\r\n      <div\r\n        className=\"image-scroller\"\r\n        style={style}\r\n        data-compid={this.props.compid}\r\n      >\r\n        <div className=\"scrollbar-mask\">\r\n          <div\r\n            className=\"container dragscroll\"\r\n            style={{ cursor: `url(${Side_Scroll_svg}), auto` }}\r\n          >\r\n            <div className=\"track\" ref=\"track\">\r\n              {images}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport viewport from \"../../../../util/viewport\";\r\n\r\nexport default class Picture extends React.Component {\r\n  debugger;\r\n  render() {\r\n    const mq = viewport.mqDefinitionsNames;\r\n    return this.props.image.svg ? (\r\n      <picture>\r\n        <img\r\n          alt=\"\"\r\n          src={this.props.image.svg}\r\n          alt={this.props.image.alt}\r\n          style={this.props.image?.style}\r\n        />\r\n      </picture>\r\n    ) : (\r\n      <picture>\r\n        {this.props.image.mobile && (\r\n          <source media={mq.phone} srcSet={this.props.image.mobile} />\r\n        )}\r\n        {this.props.image.tablet && (\r\n          <source media={mq.tablet} srcSet={this.props.image.tablet} />\r\n        )}\r\n        {this.props.image.full && (\r\n          <source media={mq.full} srcSet={this.props.image.full} />\r\n        )}\r\n        <img alt=\"\" src={this.props.image.desktop} alt={this.props.image.alt} />\r\n      </picture>\r\n    );\r\n  }\r\n}\r\n","import React from \"react\";\r\nimport { Link } from \"gatsby\";\r\n\r\nconst Tile = (props) => {\r\n  return (\r\n    <Link to={props.link} className=\"linkOverlay tile\">\r\n      <div\r\n        className=\"tile-inner\"\r\n        style={{ backgroundImage: `url(${props.image})` }}\r\n      >\r\n        <div className=\"hoverCopy\">\r\n          <p className=\"linkTitle\">{props.title}</p>\r\n          <p className=\"linkActionCopy\">See more</p>\r\n        </div>\r\n      </div>\r\n    </Link>\r\n  );\r\n};\r\n\r\nexport default Tile;\r\n","import React from \"react\";\r\nimport { Link } from \"gatsby\";\r\n\r\nimport Tile from \"./Tile\";\r\n\r\nimport intro_elements_A1_desktop_jpg from \"../../images/tiles/intro_elements_A1_desktop.jpg\";\r\nimport intro_elements_B1_svg from \"../../images/tiles/intro_elements_B1.svg\";\r\nimport Intro_Typography_svg from \"../../images/tiles/Intro_Typography.svg\";\r\nimport intro_elements_A2_desktop_jpg from \"../../images/tiles/intro_elements_A2_desktop.jpg\";\r\nimport intro_elements_A3_svg from \"../../images/tiles/intro_elements_A3.svg\";\r\nimport intro_elements_B3_desktop_jpg from \"../../images/tiles/intro_elements_B3_desktop.jpg\";\r\n\r\nimport { pageLinks } from \"../../data/pageLinks\";\r\n\r\nconst TileGrid = (props) => {\r\n  return (\r\n    <div className=\"tile-grid\">\r\n      {/* here need to have a block of 4 images in a row, two rows */}\r\n      <div style={{ display: \"flex\" }}>\r\n        <div className=\"row\">\r\n          <Tile\r\n            link={pageLinks.logo}\r\n            title=\"Logo\"\r\n            image={intro_elements_A1_desktop_jpg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.tagline}\r\n            title=\"Tagline\"\r\n            image={intro_elements_B1_svg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.typography}\r\n            title=\"Typography\"\r\n            image={Intro_Typography_svg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.photography}\r\n            title=\"Photography\"\r\n            image={intro_elements_A2_desktop_jpg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.colours}\r\n            title=\"Colours\"\r\n            image={intro_elements_A3_svg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.endframe}\r\n            title=\"TVC Endframe\"\r\n            image={intro_elements_B3_desktop_jpg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.messaging}\r\n            title=\"Messaging Platform\"\r\n            image={intro_elements_B3_desktop_jpg}\r\n          />\r\n          <Tile\r\n            link={pageLinks.campaigns}\r\n            title=\"Brand Campaigns\"\r\n            image={intro_elements_B3_desktop_jpg}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TileGrid;\r\n","import React from \"react\";\r\n\r\nimport Hero from \"../../components/v2/Hero.jsx\";\r\nimport Layout from \"../../components/v2/Layout.jsx\";\r\nimport PageSection from \"../../components/v2/PageSection.jsx\";\r\nimport ContentBlock from \"../../components/v2/ContentBlock\";\r\nimport TileGrid from \"../../components/v2/TileGrid.jsx\";\r\nimport ImageBlock from \"../../components/v2/ImageBlock\";\r\nimport Image from \"../../components/v2/Image\";\r\n\r\nimport PrevNextNavFooter from \"../../components/v2/ui-blocks/PrevNextNavFooter/PrevNextNavFooter\";\r\nimport ImageScroller from \"../../components/v2/ui-blocks/ImageScroller\";\r\n\r\nimport Intro_Imagery_Header_Placeholder_jpeg from \"../../images/1. Brand Elements/Intro_Imagery_Header_Placeholder.jpeg\";\r\nimport Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder_jpeg from \"../../images/1. Brand Elements/Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder.jpeg\";\r\n\r\nimport empty_darker_png from \"../../images/logo/empty-darker.png\";\r\nimport { pageLinks } from \"../../data/pageLinks.js\";\r\n\r\nconst introText =\r\n  \"The Toyota Visual Identity System is a comprehensive guide designed to ensure all Toyota brand and product communications in New Zealand are unified, consistent and distinctly Toyota. Here, you’ll find everything you need to create your own Toyota marketing materials.\";\r\n\r\nconst Introduction = (props) => {\r\n  return (\r\n    <Layout>\r\n      <Hero\r\n        image={Intro_Imagery_Header_Placeholder_jpeg}\r\n        text={introText}\r\n        navindex=\"0\"\r\n      />\r\n      <PageSection sectionId=\"tone-of-voice\">\r\n        <ContentBlock>\r\n          <h2>Tone of voice</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              We're moving forward to create a greater New Zealand for everyone.\r\n            </p>\r\n            <p>\r\n              We're doing this as an organisation through our three main brand\r\n              journeys: Mobility, Sustainability and Society.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ImageBlock>\r\n          <Image\r\n            width=\"100%\"\r\n            src={Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder_jpeg}\r\n            overlayText=\"HERE’S WHAT MAKES US TOYOTA NEW ZEALAND\"\r\n          />\r\n        </ImageBlock>\r\n        <ContentBlock>\r\n          <h3>A guide to storytelling and story doing.</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              Toyota New Zealand is a well-loved brand with a well-established\r\n              brand personality.\r\n            </p>\r\n            <p> We have always been of New Zealand, and for New Zealand. </p>\r\n            <p>\r\n              But as the face of New Zealand changes, with different attitudes,\r\n              concerns and desires we must change and adapt too.\r\n            </p>\r\n            <p>\r\n              We need to use the right tone, in how we talk and how we portray\r\n              ourselves to remain contemporary and relevant to the New Zealand\r\n              of today, and tomorrow.\r\n            </p>\r\n            <p>\r\n              We want to not only be loved, but also desired. We need to remain\r\n              true to who we are, our values and purpose.\r\n            </p>\r\n            <p> All the while as we move on with New Zealand. </p>\r\n            <p> Here are some thoughts on how we do that.</p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ImageScroller\r\n          style={{ backgroundColor: \"white\" }}\r\n          images={[\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>1. To start</h3>We put people first. We look to the needs, concerns and desires of New Zealanders and then align our brand and product stories with them to be relevant, current and meaningful.\",\r\n                style: { marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"<b>Bottom right - preferred</b><br/>We always aim to place the logo in the bottom right hand corner, anchored to the baseline of the artwork. Use the 1X for the margin widths as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>2. To impress</h3>We find the innovation, design, technology, experience or solution in everything we offer, to reinforce our credentials as a forward-looking, mobility company and so continually demonstrate our relevance to today’s New Zealanders.\",\r\n                style: { marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"<b>Bottom right - preferred</b><br/>We always aim to place the logo in the bottom right hand corner, anchored to the baseline of the artwork. Use the 1X for the margin widths as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>3. To connect</h3>We always look for the human connection. We are not progressive for progress sake. We are not a technology company. We are here to serve people by making mobility accessible to all on their personal journeys, both physical and emotional.\",\r\n                style: { marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"<b>Top right - preferred</b><br/>The logo can be anchored to the top of the artwork, using the 1X for the margin widths, as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>4. To engage</h3>We aim for hearts and minds. We use storytelling, humour, conversation, observations, characters with human and cultural truths to engage people. We tell stories that are contemporary and inclusive. We show mobility solutions and vehicles in the ‘real world’. They are not put up on a pedestal, but rather woven in as desirable features of New Zealand life.\",\r\n                style: { width: \"800px\", marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"When the logo can't sit anchored to the base of the artwork use the 1X for the margin widths as shown. \",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px; margin-bottom: 0'>5. To relate</h3>We talk to product features in a way that is relevant to customers. We don’t use jargon and overly technical language. We use communications to make the features of our products understandable, relatable and desirable to all New Zealanders. Our customers are our advocates. We respect them. We don’t talk down to them. We are honest and fair. Customers will more likely show loyalty to us if we show it to them.\",\r\n                style: { width: \"800\", marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"When the logo can't sit anchored to the top of the artwork use the 1X for the margin widths as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>6. To include</h3>We are inclusive and respectful of all points of views and celebrate the diversity and uniqueness of all New Zealanders. We speak from a diverse New Zealand perspective with a New Zealand voice. This can include the use of Te Reo Maori words or phrases when considered appropriate. This shouldn’t be forced or tokenism. But rather a reflection of the way Te Reo is more and more frequently being used as a natural part of our common daily New Zealand vernacular.\",\r\n                style: { width: \"800\", marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"<b>Bottom centered</b><br/>When placing the logo in the centre of the artwork, make sure it sits no closer to the base of the artwork than the 1X as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n            {\r\n              image: {\r\n                svg: empty_darker_png,\r\n                style: { height: \"500px\", width: \"800px\" },\r\n              },\r\n              header: {\r\n                copy: \"<h3 style='padding-bottom: 18px'>7. To sum up</h3>\",\r\n                style: { marginLeft: 0, marginRight: 0 },\r\n              },\r\n              // caption: {\r\n              //     copy: \"<b>Top centered</b><br/>When placing the logo in the centre of the artwork, make sure it sits no closer to the top of the artwork than the 1X as shown.\",\r\n              //     style: {marginTop: '-100px'}\r\n              // }\r\n            },\r\n          ]}\r\n        ></ImageScroller>\r\n      </PageSection>\r\n      <PageSection sectionId=\"brand-elements\">\r\n        <ContentBlock>\r\n          <h2>Brand elements</h2>\r\n          <h3>Brand visual tool kit</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              The Toyota Visual Identity System currently comprises of eight\r\n              core elements that help unify and communicate our brand with\r\n              consistency and clarity.\r\n            </p>\r\n            <p>\r\n              They include photography, logos, typography, colour, the Let’s Go\r\n              Places tagline, TVC endframe, Messaging Platform and Brand\r\n              Campaigns.{\" \"}\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"tile-grid\">\r\n        <TileGrid />\r\n      </PageSection>\r\n      <PrevNextNavFooter\r\n        nextText=\"Next\"\r\n        nextHeader=\"Logo\"\r\n        nextUrl={pageLinks.logo}\r\n      />\r\n    </Layout>\r\n  );\r\n};\r\nexport default Introduction;\r\n","/**\r\n * @file Viewport utility module.\r\n * @author  Sean Shedlarski\r\n */\r\n\r\nconst viewport = {};\r\n\r\n/**\r\n * Media Query Helpers\r\n * @type {object}\r\n */\r\nconst mqDefinitions = viewport.mqDefinitionsNames = {\r\n    phone: '(max-width:767px)',\r\n    tablet: '(min-width:768px) and (max-width:1024px)',\r\n    tabletDown: '(max-width:1024px)',\r\n    desktop: '(min-width:1025px) and (max-width:1899px)',\r\n    desktopUp: '(min-width:1025px)',\r\n    full: '(min-width:1900px)',\r\n};\r\n\r\n/**\r\n * Whether the browser supports matchMedia\r\n * @type {Boolean}\r\n */\r\nconst hasMQ = (global.matchMedia) ? true : false;\r\n\r\n/**\r\n * A lookup map of breakpoint names.\r\n * Values:\r\n * <pre>\r\n * PHONE: 'phone',\r\n * TABLET: 'tablet',\r\n * DESKTOP: 'desktop',\r\n * FULL: 'ful'\r\n * </pre>\r\n * @memberOf tcom.ui.viewport\r\n * @static\r\n * @type {Object}\r\n */\r\nconst breakpointNames = viewport.breakpointNames = {\r\n    PHONE: 'phone',\r\n    TABLET: 'tablet',\r\n    TABLET_DOWN: 'tabletDown',\r\n    DESKTOP: 'desktop',\r\n    DESKTOP_UP: 'desktopUp',\r\n    FULL: 'full',\r\n};\r\n\r\n/**\r\n * Get the current media query.\r\n * @memberOf tcom.ui.viewport\r\n * @return {string} The current media query\r\n */\r\nviewport.getCurrentQuery = function() {\r\n    return (this.mq(breakpointNames.PHONE) && breakpointNames.PHONE) ||\r\n        (this.mq(breakpointNames.TABLET) && breakpointNames.TABLET) ||\r\n        (this.mq(breakpointNames.DESKTOP) && breakpointNames.DESKTOP) ||\r\n        (this.mq(breakpointNames.FULL) && breakpointNames.FULL) ||\r\n        false;\r\n};\r\n\r\n/**\r\n * [mq description]\r\n * @memberOf tcom.ui.viewport\r\n * @param  {String} breakPoint The names breakpoint you want to test.\r\n * A value of \"full\", \"desktop\", \"tablet\", or \"phone\".\r\n * @return {Boolean} `true` if the breakpoint matches; `false` otherwise.\r\n */\r\nviewport.mq = (breakPoint) => {\r\n    if (!hasMQ) {\r\n        return (breakPoint === breakpointNames.DESKTOP) ? true : false;\r\n    }\r\n\r\n    if (breakPoint) { // MatchMedia friendly browsers, return true breakpoint\r\n        return global.matchMedia(mqDefinitions[breakPoint]).matches;\r\n    }\r\n};\r\n\r\nviewport.getPadding = (value) => {\r\n    return viewport.mq(breakpointNames.PHONE) ? (value / 2) : value;\r\n};\r\n\r\nexport default viewport;\r\n","export default __webpack_public_path__ + \"static/Intro_Imagery_Header_Placeholder-369bb6621f3744bf2c4a0f6d815ec6a1.jpeg\";","export default __webpack_public_path__ + \"static/Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder-84e703493eb0fc1510132a2e49df38ab.jpeg\";","export default __webpack_public_path__ + \"static/Side_Scroll-a5f63b60b100c2285dcdbf7008ebd32d.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAY8AAAGPCAYAAACkmlznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAWVSURBVHhe7dUxAcAwDMCwdPypBsP6DMD8S48h+OzuOwAQPF8B4DfzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACAzDwAy8wAgMw8AMvMAIDMPADLzACCauYw0BuRopgKcAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/Intro_Typography-402780fb7e601cdd1c7ab1e0d9e642a3.svg\";","export default __webpack_public_path__ + \"static/intro_elements_A1_desktop-378ff0005d95f06d36432e68b3c48a0b.jpg\";","export default __webpack_public_path__ + \"static/intro_elements_A2_desktop-bd5b1e6bcd987c5755fa185cbe8673d5.jpg\";","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NTAgNjUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NTAgNjUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBzdHlsZT0iZmlsbDojRUIwQTFFOyIgd2lkdGg9IjY1MCIgaGVpZ2h0PSI2NTAiLz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfM18iIHdpZHRoPSI2NTAiIGhlaWdodD0iNjUwIi8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQo8L2c+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIxMC43NzQsMjY0LjE4djEwNy41NDVoLTE5LjM1di04MS44OTZsLTIxLjc0OSwxMy4wNDl2LTE4LjQ0OWwzMy41OTktMjAuMjQ5SDIxMC43NzR6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yMjUuOTI2LDM0MS44NzdjMC0xMi4xNSw2LjQ1LTIyLjM1LDIwLjM5OS0yNy42Yy05LjYtNC4zNS0xNS43NDktMTIuNi0xNS43NDktMjIuOTQ5DQoJCWMwLTE1LjQ1LDEzLjE5OS0yNy41OTksMzIuODQ5LTI3LjU5OWMxOS40OTksMCwzMi42OTgsMTIuMTQ5LDMyLjY5OCwyNy41OTljMCwxMC41LTUuODUsMTguNTk5LTE1Ljc0OSwyMi45NDkNCgkJYzEzLjk0OSw1LjI1LDIwLjM5OSwxNS40NDksMjAuMzk5LDI3LjI5OWMwLDE3LjY5OS0xNS40NSwzMS42NDgtMzcuMzQ5LDMxLjY0OEMyNDEuNTI1LDM3My4yMjUsMjI1LjkyNiwzNTkuMjc1LDIyNS45MjYsMzQxLjg3N3oNCgkJIE0yODEuNDI0LDM0MC41MjZjMC05LjYtNy44LTE2Ljk0OS0xNy44NS0xNi45NDljLTkuODk5LDAtMTcuNjk5LDcuNDk5LTE3LjY5OSwxNi45NDlzNy44LDE2LjY0OSwxNy42OTksMTYuNjQ5DQoJCUMyNzMuNjI0LDM1Ny4xNzYsMjgxLjQyNCwzNDkuOTc3LDI4MS40MjQsMzQwLjUyNnogTTI3Ny41MjQsMjkyLjY3OGMwLTcuMi01LjctMTMuMDQ5LTEzLjgtMTMuMDQ5cy0xMy44LDUuODUtMTMuOCwxMy4wNDkNCgkJYzAsNy4zNSw1LjU1LDEzLjA1LDEzLjgsMTMuMDVDMjcxLjgyNCwzMDUuNzI4LDI3Ny41MjQsMzAwLjAyOCwyNzcuNTI0LDI5Mi42Nzh6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zODYuNDIyLDMzNy4zNzdjMCwyMC4yNDgtMTUuMTQ5LDM1Ljg0OC0zNi41OTksMzUuODQ4Yy0yMS44OTksMC0zOS41OTktMTUuNDQ5LTM5LjU5OS00Ny4wOTgNCgkJYzAtMzQuOTQ5LDE5LjQ5OS02Mi4wOTgsNjUuOTk3LTYyLjA5OGwzLjksMTYuMmMtMzEuMDQ5LDAtNDUuODk4LDEyLTUwLjM5OCwzMi4zOThjNS44NS00Ljk1LDE0LjEtOC44NSwyNC40NDktOC44NQ0KCQlDMzcyLjc3MiwzMDMuNzc4LDM4Ni40MjIsMzE3LjEyNywzODYuNDIyLDMzNy4zNzd6IE0zNjcuNjcyLDMzNy42NzZjMC0xMC43OTktNy4xOTktMTguNzQ5LTE4LjI5OS0xOC43NDkNCgkJYy05LjE0OSwwLTE2Ljk0OSw0LjY1LTIwLjk5OSw5Ljc1YzAuNDUsMjAuMDk5LDkuNzQ5LDI3Ljc0OSwyMC42OTksMjcuNzQ5QzM2MC4xNzMsMzU2LjQyNiwzNjcuNjcyLDM0OC4zMjYsMzY3LjY3MiwzMzcuNjc2eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMzk1LjcyMywzMTguNjI3YzAtMzIuNjk5LDIzLjY5OS01NC44OTgsNTUuOTQ4LTU0Ljg5OGMxNC4yNDksMCwyNi4wOTksNC4zNSwzNS4wOTksMTAuMzUNCgkJbC02LjYsMTguMjk5Yy03LjgtNS41NS0xNy4xLTkuNi0yNy43NDktOS42Yy0yMS4xNDksMC0zNS41NDksMTQuNjk5LTM1LjU0OSwzNS41NDhjMCwyMC4zOTksMTMuOTQ5LDM1Ljg0OSwzNS41NDksMzUuODQ5DQoJCWMxMi4xNDksMCwyMi43OTktNC44LDMwLjI5OS0xMC4xOTlsNS42OTksMTcuODVjLTEwLjE5OSw3LjE5OS0yMS44OTgsMTEuMzk4LTM3LjQ5OCwxMS4zOTgNCgkJQzQxOC41MjIsMzczLjIyNSwzOTUuNzIzLDM1MC44NzYsMzk1LjcyMywzMTguNjI3eiIvPg0KPC9nPg0KPC9zdmc+DQo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgNjUwIj48cGF0aCBmaWxsPSIjRUZFRkVGIiBkPSJNMCAwaDY1MHY2NTBIMHoiLz48cGF0aCBkPSJNNzIuMjUxIDM0NC41OTVoMjIuNTRsLTEuNjQ4IDkuNTAzSDYwbDkuODk2LTU1Ljc2MWgxMC42MDFsLTguMjQ2IDQ2LjI1OHptNjYuNDM5LTEzLjAzOGMwIDEuMjU3LS4wNzkgMi43NDktLjMxNCA0Ljc5MWgtMjkuMzczYy4zOTMgNy4zMDQgNS4yNjIgMTAuMjg4IDExLjQ2NyAxMC4yODggNS4yNjEgMCA5LjU4MS0xLjgwNiAxMy41MDgtNC4yNDFsMS4zMzUgOC4wMTFjLTQuMDA1IDIuNTEyLTkuMzQ2IDQuNDc3LTE2LjI1OCA0LjQ3Ny0xMi4xNzMgMC0xOS43MTItNy4zMDUtMTkuNzEyLTE4LjYxMyAwLTEzLjQzIDguNTYtMjIuNjk3IDIxLjgzMy0yMi42OTcgMTAuOTk1LjAwMSAxNy41MTQgNy4wNjggMTcuNTE0IDE3Ljk4NHptLTkuNTgxLTEuOTYyYy0uMzE0LTQuNzExLTMuMDYzLTguNDAzLTguMzI1LTguNDAzLTUuNTc2IDAtOS4zNDYgMy4yOTktMTAuOTE2IDguNDAzaDE5LjI0MXptMzMuODQ1LTI3LjY0NWwtMTAuMDUzIDEuMjU2LTEuOTYzIDExLjE1MmgtNS42NTVsLTEuNDkyIDguMjQ2aDUuNjU0bC0yLjk4NCAxNy41OTJjLS4yMzUgMS40OTItLjM5MyAyLjgyNy0uMzkzIDQuMTYyIDAgNy4zODMgNC40NzcgMTAuNTI0IDEwLjY4MSAxMC41MjQgNC43OTEgMCA4LjcxOC0xLjMzNiAxMS41NDUtMi45MDVsLTEuMTc4LTguMDExYy0xLjg4NSAxLjAyMi00LjU1NiAyLjA0MS03LjA2OSAyLjA0MXMtNC4wODQtMS4yNTYtNC4wODQtMy42OTFjMC0uODY0LjE1Ny0xLjcyOC4yMzUtMi4yNzhsMy4wNjMtMTcuNDM1aDExLjE1MmwxLjQ5My04LjI0NmgtMTEuMTUybDIuMi0xMi40MDd6bTMzLjA2Mi0zLjYxM2gtMTAuMjg5bC03LjUzOSAxNy4yNzdoOC40MDNsOS40MjUtMTcuMjc3em04LjcxNSAyMi41NGM0LjI0MSAwIDguMTY3IDEuNTcxIDExLjE1MiAzLjI5OWwyLjgyNy03LjQ2MWMtMi44MjctMS42NDgtNy44NTItMy4yMTktMTMuMzUxLTMuMjE5LTkuNzM4IDAtMTYuNDEzIDQuNzktMTYuNDEzIDEyLjcyMiAwIDUuODkxIDQuMDA1IDguMjQ2IDEwLjc1OSAxMS4yMzIgNC4yNDEgMS44ODQgNy4yMjYgMi45ODMgNy4yMjYgNS44MTEgMCAyLjU5Mi0yLjM1NyA0LjI0MS02LjM2MiA0LjI0MS00LjQ3NiAwLTkuNTAzLTEuODg2LTEyLjgwMS00LjI0MWwtMy4wNjMgNy41MzljMy4yMiAyLjI3OCA4LjcxNyA0LjA4NSAxNSA0LjA4NSAxMC4yODggMCAxNy4xMjEtNC43OTEgMTcuMTIxLTEzLjM1MiAwLTYuMjgzLTMuODQ3LTguNDAzLTkuOTc0LTExLjA3NC02LjEyNS0yLjY3LTguMDExLTMuNzctOC4wMTEtNS45NjggMC0yLjY3MiAyLjY3MS0zLjYxNCA1Ljg5LTMuNjE0em02My4zNzQgMTIuNjQ0aDE1Ljk0M2MtMi4wNDIgNS44MTItNy43NzYgMTEuNzAzLTE3LjEyMiAxMS43MDMtOS4xODggMC0xNS41NS02LjA0Ny0xNS41NS0xNi41NzEgMC0xMi4xNzUgOC42NC0yMS4xMjcgMjAuOTctMjEuMTI3IDYuODMzIDAgMTEuNzggMi41MTIgMTUuOTQyIDUuNTc2bDQuNjM0LTkuMTg5Yy00Ljc5LTMuMzc2LTExLjQ2Ni02LjM2MS0yMC4zNC02LjM2MS0xOS4zOTggMC0zMi4zNTYgMTMuNTA5LTMyLjM1NiAzMi4wNDMgMCAxNS43MDcgMTAuMjA4IDI1LjIwOSAyNC4xMSAyNS4yMDkgOC40MDMgMCAxMy43NDQtMi45ODQgMTcuNDM1LTYuOTg5bC0xLjE3OCA2LjM2MWg5LjY2bDUuMTgzLTI5LjEzN2gtMjUuNzZsLTEuNTcxIDguNDgyem03NS40NjktMS4xNzdjMCAxMS44NTktOC43OTYgMjIuNTQtMjMuNjQgMjIuNTQtMTEuNTQ0IDAtMTkuNzkxLTcuNDYxLTE5Ljc5MS0xOS4yNDIgMC0xMS41NDUgOC42MzktMjIuMDY4IDIzLjY0LTIyLjA2OCAxMS45MzcgMCAxOS43OTEgNy42OTUgMTkuNzkxIDE4Ljc3em0tMTAuMTMxLjcwNmMwLTYuNDQtNC4yNDEtMTAuNTIzLTEwLjc2LTEwLjUyMy04LjA4OSAwLTEyLjQwOCA2LjIwNC0xMi40MDggMTIuNDg3IDAgNi42NzYgNC4xNjIgMTAuOTE2IDEwLjY4MSAxMC45MTYgNy45MzIgMCAxMi40ODctNS44OSAxMi40ODctMTIuODh6bTc2LjU2OC0xOC4zNzdjMCAxMS4xNTItNy42OTcgMTkuODY5LTIyLjc3NiAxOS44NjloLTguNTYxbC0zLjQ1NSAxOS41NTZoLTEwLjYwMmw5LjgxNy01NS43NjFoMTYuNjUxYzEyLjk1OC4wMDEgMTguOTI2IDYuNTk3IDE4LjkyNiAxNi4zMzZ6bS0xMS4wNzMuNTQ5YzAtNS43MzItMy40NTYtOC4xNjgtMTAuNDQ1LTguMTY4aC01LjAyN2wtMy4yOTggMTguNzcxaDYuOTg5YzcuMzgzIDAgMTEuNzgxLTQuMDg0IDExLjc4MS0xMC42MDN6bTMwLjQ2OC0yMC4xODNoLTkuNzM5bC04LjI0NiA0Ni44ODdjLS4yMzYgMS4xNzctLjM5MyAyLjQzNC0uMzkzIDMuNTM0IDAgNi4zNjEgNC4wMDUgOS40MjUgMTAuMjEgOS40MjUgMi42NjkgMCA1LjEwNS0uNTUxIDYuODMyLTEuMTc4bC0uMzEzLTguMDljLS44NjQuMzE0LTIuMTk5LjcwNy0zLjUzNC43MDctMS45NjQgMC0zLjE0Mi0uNzg2LTMuMTQyLTMuMDYzIDAtLjYyOS4wNzktMS40OTMuMjM1LTIuMTIxbDguMDktNDYuMTAxem00Mi4yNSAzMi4xMjFjMCAyLjA0Mi0uMzkzIDQuMzItLjcwOCA2LjQ0bC0zLjY5MSAyMC40OThoLTkuODE3bC44NjQtNC45NDhjLTIuOTA2IDMuMTQxLTcuMjI2IDUuODExLTEzLjExNiA1LjgxMS02LjU5NiAwLTExLjg1OC0zLjYxMi0xMS44NTgtMTAuOTE2IDAtMTEuMDc0IDExLjM4Ny0xMy44MjMgMjguMzUxLTEzLjk4MS4wNzgtLjg2My4xNTgtMS42NDkuMTU4LTIuMTIgMC0zLjkyNy0yLjUxMy02LjI4My03Ljg1NC02LjI4My01LjEwNCAwLTkuNTAzIDEuOTY1LTEyLjk1OCA0LjAwNmwtMS44ODYtNy42OThjMy42OTItMi4xMiA5LjU4Mi00LjM5NyAxNi40MTUtNC4zOTcgOS41MDMuMDAxIDE2LjEgNC40NzggMTYuMSAxMy41ODh6bS0xMC45MTYgOC43OTZjLTExLjYyNC4wNzktMTcuMTIxIDEuODg1LTE3LjEyMSA2LjgzMyAwIDMuNDU2IDIuNDM2IDQuNzkxIDUuNzMzIDQuNzkxIDQuNzEyIDAgOS45NzUtMi41OTEgMTAuOTk1LTkuMzQ2LjE1Ni0uNzA3LjIzNS0xLjQ5My4zOTMtMi4yNzh6bTM5LjEwNy0xMy41ODZjMy42OTEgMCA2Ljc1NCAxLjI1NiA5LjI2NyAzLjE0bDMuNTM0LTguMjQ2Yy0zLjA2My0yLjA0Mi03LjQ2MS0zLjY5MS0xMi44OC0zLjY5MS0xNC4yMTUgMC0yMy4xNjggOS42Ni0yMy4xNjggMjIuNTM5IDAgMTEuNDY2IDcuNTM5IDE4Ljc3MSAxOS40NzcgMTguNzcxIDUuNTc2IDAgMTAuNjAyLTEuNzI5IDEzLjc0My0zLjc3MWwtMS42NDktOC4yNDZjLTIuODI3IDEuNzI4LTYuMjgzIDMuMjIxLTEwLjM2NyAzLjIyMS02LjkxIDAtMTAuOTE2LTQuMDg1LTEwLjkxNi0xMC43Ni4wMDEtNy40NTkgNS4wMjctMTIuOTU3IDEyLjk1OS0xMi45NTd6bTU0LjI2NiA5LjE4N2MwIDEuMjU3LS4wNzkgMi43NDktLjMxNCA0Ljc5MWgtMjkuMzcyYy4zOTIgNy4zMDQgNS4yNjEgMTAuMjg4IDExLjQ2NiAxMC4yODggNS4yNjEgMCA5LjU4Mi0xLjgwNiAxMy41MDgtNC4yNDFsMS4zMzYgOC4wMTFjLTQuMDA1IDIuNTEyLTkuMzQ3IDQuNDc3LTE2LjI1OCA0LjQ3Ny0xMi4xNzMgMC0xOS43MTMtNy4zMDUtMTkuNzEzLTE4LjYxMyAwLTEzLjQzIDguNTYxLTIyLjY5NyAyMS44MzMtMjIuNjk3IDEwLjk5NS4wMDEgMTcuNTE0IDcuMDY4IDE3LjUxNCAxNy45ODR6bS05LjU4Mi0xLjk2MmMtLjMxMy00LjcxMS0zLjA2My04LjQwMy04LjMyNS04LjQwMy01LjU3NSAwLTkuMzQ1IDMuMjk5LTEwLjkxNyA4LjQwM2gxOS4yNDJ6bTMzLjYxLjg2M2MtNi4xMjUtMi42Ny04LjAxLTMuNzctOC4wMS01Ljk2OCAwLTIuNjcxIDIuNjctMy42MTQgNS44OS0zLjYxNCA0LjI0MSAwIDguMTY4IDEuNTcxIDExLjE1MiAzLjI5OWwyLjgyOC03LjQ2MWMtMi44MjgtMS42NDgtNy44NTQtMy4yMTktMTMuMzUxLTMuMjE5LTkuNzM4IDAtMTYuNDE0IDQuNzktMTYuNDE0IDEyLjcyMiAwIDUuODkxIDQuMDA1IDguMjQ2IDEwLjc2IDExLjIzMiA0LjI0MSAxLjg4NCA3LjIyNSAyLjk4MyA3LjIyNSA1LjgxMSAwIDIuNTkyLTIuMzU3IDQuMjQxLTYuMzYyIDQuMjQxLTQuNDc2IDAtOS41MDMtMS44ODYtMTIuODAxLTQuMjQxbC0zLjA2MiA3LjUzOWMzLjIyIDIuMjc4IDguNzE3IDQuMDg1IDE1IDQuMDg1IDEwLjI4OCAwIDE3LjEyMS00Ljc5MSAxNy4xMjEtMTMuMzUyLS4wMDItNi4yODMtMy44NS04LjQwMy05Ljk3Ni0xMS4wNzR6Ii8+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDFoNjUwdjY1MEgweiIvPjwvZGVmcz48L3N2Zz4=\"","export default __webpack_public_path__ + \"static/intro_elements_B3_desktop-2f380948bd495cf54fc640b4afbb755b.jpg\";","export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}"],"names":["props","classes","vertPadding","className","children","newScrollX","newScrollY","_window","window","addEventListener","removeEventListener","_document","document","mousemove","mouseup","mousedown","dragged","i","el","length","container","md","mu","mm","slice","call","getElementsByClassName","elem","lastClientX","lastClientY","pushed","scroller","cont","e","hasAttribute","elementFromPoint","pageX","pageY","clientX","clientY","preventDefault","scrollLeft","scrollTop","body","documentElement","ImageCaption","render","this","style","copy","textAlign","dangerouslySetInnerHTML","__html","React","ImageScroller","state","swipeDirection","handleCardClick","bind","handleTouchStart","handleTouchMove","componentDidMount","dragscrollReset","centeredFirstImage","querySelectorAll","firstCards","Array","from","map","firstCard","firstImage","querySelector","imageWidth","clientWidth","viewport","evt","touches","xDown","xUp","xDiff","swipe","Math","abs","leftValue","rightValue","currentTarget","getAttribute","cardStyle","images","image","index","key","onTouchStart","onTouchMove","onMouseDown","onMouseMove","header","Picture","caption","compid","cursor","Side_Scroll_svg","ref","debugger","mq","svg","alt","src","mobile","media","phone","srcSet","tablet","full","desktop","to","link","backgroundImage","title","display","pageLinks","intro_elements_A1_desktop_jpg","intro_elements_B1_svg","Intro_Typography_svg","intro_elements_A2_desktop_jpg","intro_elements_A3_svg","intro_elements_B3_desktop_jpg","Layout","Hero","Intro_Imagery_Header_Placeholder_jpeg","text","navindex","PageSection","sectionId","ContentBlock","ImageBlock","Image","width","Intro_Imagery_What_Makes_Us_ToyotaNZ_Placeholder_jpeg","overlayText","backgroundColor","empty_darker_png","height","marginLeft","marginRight","PrevNextNavFooter","nextText","nextHeader","nextUrl","mqDefinitions","mqDefinitionsNames","tabletDown","desktopUp","hasMQ","global","matchMedia","breakpointNames","PHONE","TABLET","TABLET_DOWN","DESKTOP","DESKTOP_UP","FULL","getCurrentQuery","breakPoint","matches","getPadding","value","_assertThisInitialized","self","ReferenceError"],"sourceRoot":""}