{"version":3,"sources":["webpack:///./app/javascript/packs/amp.js"],"names":["document","addEventListener","$main","querySelector","$menu","$transition","$logo","$left","$right","$header","getElementById","transtl","TimelineMax","onComplete","TweenMax","set","visibility","autoAlpha","clearProps","to","y","delay","timeline","parentMenuWidth","clientWidth","querySelectorAll","forEach","sub","style","width","ease","Power4","easeInOut","scale","x","$links","children","staggerTo","link","e","preventDefault","href","getAttribute","window","location","websiteEl","target","url","value","length","indexOf"],"mappings":"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","file":"js/amp-f5aa6e8ff92556db83b2.chunk.js","sourcesContent":["import { TimelineMax, TweenMax, Power4 } from 'gsap'\n\n// window.onload = () => {\ndocument.addEventListener('DOMContentLoaded', () => {\n\n  let $main       = document.querySelector(\"main\"),\n      $menu       = document.querySelector(\"nav.menu\"),\n      $transition = document.querySelector(\".transition\"),\n      $logo       = $menu.querySelector(\".logo\"),\n      $left       = $transition.querySelector(\".left\"),\n      $right      = $transition.querySelector(\".right\"),\n      $header     = document.getElementById(\"header\")\n\n  // Initial transition to show pages\n  const transtl = new TimelineMax({\n    onComplete: () => {\n      TweenMax.set($transition, {\n        visibility: 'hidden',\n        autoAlpha: 0\n      })\n      TweenMax.set([\n        $left,\n        $right\n      ], {\n        clearProps: 'all'\n      })\n    }\n  })\n  transtl.to($right, '1', {\n    y: \"100%\",\n    delay: '0.25'\n  })\n  transtl.to($left, '1', {\n    y: \"-100%\",\n    delay: '0.25'\n  }, \"-=1\")\n\n  // Open Menu\n  $header.querySelector(\"nav .open-menu\").addEventListener(\"click\", () => {\n\n    const timeline = new TimelineMax({\n      onComplete: () => {\n\n        TweenMax.set($main, {\n          clearProps: 'opacity, scale'\n        })\n\n        let parentMenuWidth = $menu.querySelector(\"ul\").clientWidth\n        let subMenus = $menu.querySelectorAll('.sub-menu ul')\n        subMenus.forEach(sub => sub.style.width = `${parentMenuWidth}px`)\n      }\n    })\n\n    timeline.to($main, 1, {\n      ease: Power4.easeInOut,\n      autoAlpha: 0.8,\n      scale: 0.9\n    })\n\n    timeline.to($menu, 1.2, {\n      ease: Power4.easeInOut,\n      x: \"0\",\n      autoAlpha: 1,\n    }, '-=0.5')\n  })\n\n  // Close Menu\n  $menu.querySelector(\".close-menu\").addEventListener(\"click\", () => {\n    let $links = $menu.querySelector('ul').children\n\n    const timeline = new TimelineMax({\n      onComplete: () => {\n\n        TweenMax.set([\n          $links,\n          $menu,\n          $logo,\n          $left,\n          $right\n        ], {\n          clearProps: 'all'\n        })\n        TweenMax.set($transition, {\n          visibility: 'hidden',\n          autoAlpha: 0\n        })\n      }\n    })\n\n    timeline.set($transition, {\n      visibility: 'visible',\n      autoAlpha: 1\n    })\n\n    timeline.staggerTo($links, '0.25', {\n      ease: Power4.easeInOut,\n      autoAlpha: 0,\n      y: \"10%\"\n    }, '-0.1')\n\n    timeline.to($logo, '0.5', {\n      ease: Power4.easeInOut,\n      autoAlpha: 0,\n      x: \"10%\"\n    }, \"-=0.5\")\n\n    timeline.to($menu, '0.5', {\n      autoAlpha: 0\n    })\n\n    timeline.to($right, '0.5', {\n      y: \"100%\"\n    })\n\n    timeline.to($left, '0.5', {\n      y: \"-100%\"\n    }, \"-=0.5\")\n  })\n\n  // Link click\n  let links = $menu.querySelectorAll(\"a\")\n  links.forEach(link => {\n    link.addEventListener(\"click\", e => {\n      e.preventDefault()\n      let $links  = $menu.querySelector('ul').children,\n          href = link.getAttribute(\"href\")\n\n      const timeline = new TimelineMax({\n        onComplete: () => {\n          window.location = href\n        }\n      })\n\n      timeline.set($transition, {\n        visibility: 'visible',\n        autoAlpha: 1\n      })\n\n      TweenMax.set([\n        $left,\n        $right\n      ], {\n        clearProps: 'all'\n      })\n\n      timeline.staggerTo($links, '0.25', {\n        ease: Power4.easeInOut,\n        autoAlpha: 0,\n        y: \"10%\"\n      }, '-0.1')\n\n      timeline.to($logo, '0.5', {\n        ease: Power4.easeInOut,\n        autoAlpha: 0,\n        x: \"10%\"\n      }, \"-=0.5\")\n\n      timeline.to($menu, '0.5', {\n        autoAlpha: 0\n      })\n    })\n  })\n\n  // Forms\n\n  // Add http:// to website url\n  var checkURL = function(e) {\n    let target = e.target\n    let url = target.value\n    if (url.length > 0 && !~url.indexOf(\"http\")) {\n      url = \"http://\" + url\n    }\n    return target.value = url\n  }\n  const websiteEl = document.getElementById('website')\n  if(websiteEl) websiteEl.addEventListener('blur', checkURL)\n})\n"],"sourceRoot":""}