{"version":3,"file":"component---src-pages-v-2-tagline-jsx-8a4ca2581d6cb20a35b0.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/pages/v2/tagline.jsx","webpack://toyota-branding-guidelines/./src/images/1. Brand Elements/Intro_Imagery_Header_Placeholder.jpeg"],"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\n\r\nimport Layout from \"../../components/v2/Layout\";\r\nimport Hero from \"../../components/v2/Hero\";\r\nimport PageSection from \"../../components/v2/PageSection.jsx\";\r\nimport ContentBlock from \"../../components/v2/ContentBlock\";\r\nimport Image from \"../../components/v2/Image\";\r\nimport ImageBlock from \"../../components/v2/ImageBlock\";\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 Toyota_Tagline_Incorrect_Usage_1_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_1.svg\";\r\nimport Toyota_Tagline_Incorrect_Usage_2_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_2.svg\";\r\nimport Toyota_Tagline_Incorrect_Usage_3_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_3.svg\";\r\nimport Toyota_Tagline_Incorrect_Usage_4_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_4.svg\";\r\nimport Toyota_Tagline_Incorrect_Usage_5_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_5.svg\";\r\nimport Toyota_Tagline_Incorrect_Usage_6_svg from \"../../images/4. Tagline/Toyota_Tagline_Incorrect_Usage_6.svg\";\r\nimport Intro_Imagery_Header_Placeholder_jpeg from \"../../images/1. Brand Elements/Intro_Imagery_Header_Placeholder.jpeg\";\r\n\r\nimport { pageLinks } from \"../../data/pageLinks\";\r\n\r\nconst introText =\r\n  \"<em> <strong>Let's Go Places</strong></em> is the expression that captures the progressiveness and optimismthat Toyota stands for today. It speaks to our ambition to moveforward together and positions the brand in a way that's relevantand inclusive for all New Zealanders. whatever their adventures may be and wherever they may take them.\";\r\n\r\nconst Tagline = (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=\"used-as-headline\">\r\n        <ContentBlock>\r\n          <div className=\"text\">\r\n            <p>\r\n              Use our tagline <em>Let's Go Places</em> with intention and\r\n              integrity. Follow the guidelines below for correct usage whether\r\n              applied as a headline, a logo or as the concluding statement in\r\n              body text.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"used-as-headline\">\r\n        <ContentBlock>\r\n          <h2>USED AS A HEADLINE</h2>\r\n          <h3>Our primary brand message</h3>\r\n          <div className=\"text\">\r\n            <p>\r\n              When used as a headline, <em>Let's Go Places</em> artwork should\r\n              be used.\r\n            </p>\r\n            <p>\r\n              <em>Let's Go Places</em> may be used stacked as two or three\r\n              lines, in which case it should be typeset in title case and\r\n              Semibold italic and should not include a full stop. Do not use in\r\n              combination with the\r\n              <em>Let's Go Places</em> logo. The tagline, however, may be\r\n              repeated when used at the end of body text.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ImageBlock>\r\n          <Image src={Intro_Imagery_Header_Placeholder_jpeg} />\r\n        </ImageBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"used-as-logo\">\r\n        <ContentBlock>\r\n          <h2>Let’s Go Places logo</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              There are three configurations of the <em>Let's Go Places</em>{\" \"}\r\n              logo: horizontal stacked, horizontal and vertical. Use the\r\n              arrangement most appropriate to the format of the communication\r\n              and the design layout. Go to the logo section for more direction.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ImageBlock>\r\n          <Image src={Intro_Imagery_Header_Placeholder_jpeg} />\r\n        </ImageBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"used-in-body-text\">\r\n        <ContentBlock>\r\n          <h2>Used in Body Text</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              <em>Let’s Go Places</em> can be typeset within the body copy or at\r\n              the end. It should follow the same type size and colour as the\r\n              body copy. But to ensure it stands out, it should be set in title\r\n              case and Semibold Italic.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n      </PageSection>\r\n      <PageSection sectionId=\"incorrect-use\">\r\n        <ContentBlock>\r\n          <h2>Incorrect Use</h2>\r\n          <div className=\"text\">\r\n            <p>\r\n              <em>Let’s Go Places</em> can be typeset within the body copy or at\r\n              the end. It should follow the same type size and colour as the\r\n              body copy. But to ensure it stands out, it should be set in title\r\n              case and Semibold Italic.\r\n            </p>\r\n          </div>\r\n        </ContentBlock>\r\n        <ImageScroller\r\n          style={{ backgroundColor: \"white\", paddingTop: \"0\" }}\r\n          images={[\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_1_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_2_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_3_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_4_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_5_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n            {\r\n              image: {\r\n                svg: Toyota_Tagline_Incorrect_Usage_6_svg,\r\n                style: { height: \"570px\", width: \"570px\" },\r\n              },\r\n              caption: {\r\n                copy: \"Lorem ipsum\",\r\n                style: { marginTop: \"-100px\" },\r\n              },\r\n            },\r\n          ]}\r\n        ></ImageScroller>\r\n      </PageSection>\r\n\r\n      <PrevNextNavFooter\r\n        previousText=\"Previous\"\r\n        previousHeader=\"Logo\"\r\n        previousUrl={pageLinks.logo}\r\n        nextText=\"Next\"\r\n        nextHeader=\"Typography\"\r\n        nextUrl={pageLinks.typography}\r\n      />\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default Tagline;\r\n","export default __webpack_public_path__ + \"static/Intro_Imagery_Header_Placeholder-369bb6621f3744bf2c4a0f6d815ec6a1.jpeg\";"],"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","Intro_Imagery_Header_Placeholder_jpeg","text","navindex","sectionId","backgroundColor","paddingTop","Toyota_Tagline_Incorrect_Usage_1_svg","height","width","marginTop","Toyota_Tagline_Incorrect_Usage_2_svg","Toyota_Tagline_Incorrect_Usage_3_svg","Toyota_Tagline_Incorrect_Usage_4_svg","Toyota_Tagline_Incorrect_Usage_5_svg","Toyota_Tagline_Incorrect_Usage_6_svg","previousText","previousHeader","previousUrl","pageLinks","nextText","nextHeader","nextUrl"],"sourceRoot":""}