{"version":3,"sources":["webpack:///./src/components/fallback.vue?31b7","webpack:///src/components/fallback.vue","webpack:///./src/components/fallback.vue?c1a7","webpack:///./src/components/fallback.vue","webpack:///./src/fallback.js","webpack:///./src/components/fallback.vue?9b3c"],"names":["_vm","this","_h","$createElement","_c","_self","attrs","staticClass","$publicPath","_v","_s","infoText","staticRenderFns","components","TheLogo","props","trigger","type","String","required","default","computed","browserName","alias","browser","getBrowserName","component","Vue","config","productionTip","process","Object","defineProperty","prototype","get","mounted","bootstrap","render","h","Fallback","$mount"],"mappings":"6JAAI,EAAS,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,QAAQ,CAACF,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,aAAa,GAAGA,EAAG,MAAM,CAACG,YAAY,4CAA4C,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAON,EAAIQ,YAAc,0BAA2B,IAAM,QAAQJ,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,IAAI,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,oBAC7aC,EAAkB,G,iCCqBtB,GACEC,WAAY,CACVC,QAAJ,QAEEC,MAAO,CACLC,QAAS,CACPC,KAAMC,OACNC,UAAU,EACVC,QAAS,YAGbC,SAAU,CACRC,YADJ,WAEM,IAAN,4CACA,mCAEM,OAAQC,GACN,IAAK,SACH,MAAO,gBACT,IAAK,SACH,MAAO,SACT,QACE,OAAOC,EAAQC,mBAGrBd,SAdJ,WAeM,MAAwB,YAAjBV,KAAKe,QAAwB,oDAA1C,mJChDkV,I,wBCQ9UU,EAAY,eACd,EACA,EACAd,GACA,EACA,KACA,WACA,MAIa,EAAAc,E,8BCbfC,OAAIC,OAAOC,eAAgB,EAE3B,IAAMrB,EAAcsB,IACpBC,OAAOC,eAAeL,OAAIM,UAAW,cAAe,CAClDC,IADkD,WACzC,OAAO1B,KAGlB,IAAImB,OAAI,CACAQ,QADA,WACW,6IACfC,iBADe,8CAGjBC,OAAQ,SAAAC,GAAC,OAAIA,EAAEC,MACdC,OAAO,S,oCClBV,yBAAqiB,EAAG,G","file":"js/chunk-6d433a58.f9bcaa17.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"logo\"},[_c('the-logo')],1),_c('div',{staticClass:\"fallback w-screen h-screen flex flex-col\"},[_c('div',{staticClass:\"illustration\"},[_c('img',{attrs:{\"src\":(_vm.$publicPath + \"images/models/wheel.svg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"label relative\"},[_c('p',[_vm._v(_vm._s(_vm.infoText))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"app\">\n    <div class=\"logo\">\n      <the-logo />\n    </div>\n\n    <div class=\"fallback w-screen h-screen flex flex-col\">\n      <div class=\"illustration\">\n        <img :src=\"`${$publicPath}images/models/wheel.svg`\" alt=\"\">\n      </div>\n\n      <div class=\"label relative\">\n        <p>{{ infoText }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TheLogo from '@/elements/logo'\nimport Bowser from 'bowser'\n\nexport default {\n  components: {\n    TheLogo\n  },\n  props: {\n    trigger: {\n      type: String,\n      required: false,\n      default: 'browser'\n    }\n  },\n  computed: {\n    browserName () {\n      const browser = Bowser.getParser(window.navigator.userAgent)\n      const alias = browser.getBrowserName().toLowerCase()\n\n      switch (alias) {\n        case 'chrome':\n          return 'Google Chrome'\n        case 'safari':\n          return 'Safari'\n        default:\n          return browser.getBrowserName()\n      }\n    },\n    infoText () {\n      return this.trigger === 'browser' ? `Please view this experience in latest version of ${this.browserName} or an equivalent modern browser.` : 'Get the full experience by viewing this website in landscape on a larger screen.'\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.illustration {\n  max-width: 300px;\n  height: auto;\n\n  img {\n    width: 100%;\n    height: auto;\n  }\n\n  @media (min-width: 1024px) {\n    height: 20vh;\n\n    img {\n      height: 100%;\n      width: auto;\n    }\n  }\n}\n\n.fallback {\n  @apply relative;\n\n  max-height: 100vh;\n  min-height: 100vh;\n  /* mobile viewport bug fix */\n  min-height: -webkit-fill-available;\n\n  overflow: hidden;\n\n  touch-action: none;\n\n  &:before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 1;\n\n    height: 100%;\n    width: 100%;\n\n    background-image: url('../../public/images/patterns/pattern_1.png');\n    background-position: bottom center;\n    background-size: 200%;\n    background-repeat: repeat-x;\n  }\n\n  &:after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 2;\n    left: 0;\n    bottom: 0;\n\n    height: 400px;\n    width: 500%;\n\n    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(224,224,224,0.6) 100%);\n\n    transform: translateY(51%) translateX(-50%);\n\n    pointer-events: none;\n  }\n}\n\n.label {\n  margin-top: 50px;\n  font-weight: medium;\n  font-size: 110%;\n  color: #D20014;\n\n  width: 440px;\n  max-width: 90vw;\n  text-align: center;\n}\n\n.fallback {\n  z-index: 20;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 100vw;\n\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--color-gray);\n\n  .fallback-inner {\n    max-width: 100%;\n    width: 1440px;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n  }\n\n  p {\n    max-width: 760px;\n  }\n}\n\n.logo {\n  @media (max-width: 1023px) {\n    position: absolute;\n    top: 2rem;\n    left: 50%;\n\n    transform: translateX(-50%);\n    z-index: 100;\n  }\n\n  @media (min-width: 1024px) {\n    position: absolute;\n    top: 0px;\n    left: 0;\n    margin-top: 2.5rem;\n    margin-left: calc(var(--x-spacing) - 14px);\n    z-index: 100;\n  }\n}\n\n.internet-explorer {\n  .logo {\n    @media (min-width: 1024px) {\n      margin-top: 0;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fallback.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fallback.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fallback.vue?vue&type=template&id=32bd59b5&scoped=true&\"\nimport script from \"./fallback.vue?vue&type=script&lang=js&\"\nexport * from \"./fallback.vue?vue&type=script&lang=js&\"\nimport style0 from \"./fallback.vue?vue&type=style&index=0&id=32bd59b5&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"32bd59b5\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Fallback from '@/components/fallback.vue'\nimport { bootstrap } from '@heavyy/wah-bootstrap/helpers'\n\nimport '@/assets/scss/index.scss'\n\nVue.config.productionTip = false\n\nconst $publicPath = process.env.BASE_URL\nObject.defineProperty(Vue.prototype, '$publicPath', {\n  get () { return $publicPath }\n})\n\nnew Vue({\n  async mounted () {\n    bootstrap()\n  },\n  render: h => h(Fallback)\n}).$mount('#app')\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fallback.vue?vue&type=style&index=0&id=32bd59b5&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fallback.vue?vue&type=style&index=0&id=32bd59b5&lang=scss&scoped=true&\""],"sourceRoot":""}