{"version":3,"file":"cardealer.1ee722e1.js","sources":["../../../../../../../img/cardealer/cardealer-logo.png","../../../../components/car/nav/Menu.vue","../../../../components/car/CarsHeader.vue","../../../../layouts/cardealer.vue"],"sourcesContent":["export default \"__VITE_PUBLIC_ASSET__5f99736e__\"","<script>\n// import { ref, onMounted, onBeforeUnmount } from \"vue\";\nexport default {\n  setup () {\n    const mobileMenuOpen = ref(false);\n    const isNavShrink = ref(false);\n\n    const toggleMobileMenu = () => {\n      mobileMenuOpen.value = !mobileMenuOpen.value;\n    };\n\n    const handleScroll = () => {\n      isNavShrink.value = window.scrollY > 60;\n    };\n\n    onMounted(() => {\n      window.addEventListener(\"scroll\", handleScroll);\n    });\n\n    onBeforeUnmount(() => {\n      window.removeEventListener(\"scroll\", handleScroll);\n    });\n\n    return {\n      mobileMenuOpen,\n      isNavShrink,\n      toggleMobileMenu,\n    };\n  },\n};\n</script>\n<template>\n  <nav id=\"car-nav\">\n    <div class=\"nav-content\">\n      <div class=\"main-content\">\n        <!-- Start-left-nav -->\n        <div class=\"left-nav\">\n          <img\n            src=\"/img/cardealer/cardealer-logo.png\"\n            alt=\"CarDealer\"\n            class=\"car-logo\"\n          />\n          <!-- <div class=\"fav-count\">\n            <CarFavouriteStar />\n            <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n          </div> -->\n        </div>\n        <!-- End-left-nav -->\n\n        <!-- Start-right-nav -->\n        <div class=\"right-nav\">\n          <div\n            class=\"car-navlinks\"\n            :class=\"[\n              $route.fullPath === '/' ? 'red' : 'blue',\n              { shrink: isNavShrink },\n            ]\"\n          >\n            <CarNavLinks />\n          </div>\n\n          <div class=\"actions\">\n            <CarButton text=\"Contact\" class=\"car-button contact\" />\n            <CarButton text=\"Email\" class=\"car-button email\" />\n          </div>\n          <!--  -->\n          <div class=\"nav-button\">\n            <span @click=\"toggleMobileMenu\">Menu</span>\n            <button\n              @click=\"toggleMobileMenu\"\n              class=\"car-hamburger\"\n              aria-label=\"toggle Navigation\"\n            >\n              <span v-if=\"mobileMenuOpen\">\n                <!-- MENU IS OPEN -->\n                <svg\n                  width=\"32\"\n                  height=\"32\"\n                  version=\"1.1\"\n                  viewBox=\"0 -960 960 960\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <g stroke-width=\"0\">\n                    <circle cx=\"478.79\" cy=\"-480\" r=\"98.891\" />\n                    <rect\n                      transform=\"matrix(.70711 .70711 .70711 -.70711 0 0)\"\n                      x=\"-442.24\"\n                      y=\"604.78\"\n                      width=\"882\"\n                      height=\"150\"\n                      stroke-width=\"0\"\n                    />\n                    <rect\n                      transform=\"matrix(.70711 -.70711 -.70711 -.70711 0 0)\"\n                      x=\"238.78\"\n                      y=\"-73.761\"\n                      width=\"882\"\n                      height=\"150\"\n                      stroke-width=\"0\"\n                    />\n                  </g>\n                </svg>\n              </span>\n              <span v-if=\"!mobileMenuOpen\">\n                <!-- MENU IS CLOSED -->\n                <svg\n                  width=\"32\"\n                  height=\"32\"\n                  version=\"1.1\"\n                  viewBox=\"0 -960 960 960\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <g stroke-width=\"0\">\n                    <circle cx=\"478.79\" cy=\"-480\" r=\"98.891\" />\n                    <circle cx=\"478.79\" cy=\"-739.95\" r=\"98.891\" />\n                    <circle cx=\"478.79\" cy=\"-218.84\" r=\"98.891\" />\n                    <circle\n                      transform=\"rotate(90)\"\n                      cx=\"-479.4\"\n                      cy=\"-739.35\"\n                      r=\"98.891\"\n                    />\n                    <circle\n                      transform=\"rotate(90)\"\n                      cx=\"-479.4\"\n                      cy=\"-218.24\"\n                      r=\"98.891\"\n                    />\n                  </g>\n                </svg>\n              </span>\n            </button>\n          </div>\n        </div>\n        <!-- End-right-nav -->\n      </div>\n      <div v-if=\"mobileMenuOpen\" class=\"car-mobilenavlinks\">\n        <CarNavLinks />\n      </div>\n    </div>\n  </nav>\n</template>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/partials/colours\";\n\nnav#car-nav {\n  width: 100%;\n  padding: 0 0.5rem;\n  // border-bottom: 1px solid #ccc;\n  div.nav-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-direction: column;\n    div.main-content {\n      display: flex;\n      width: 100%;\n      justify-content: space-between;\n    }\n    // LEFT-NAV\n    .left-nav {\n      display: flex;\n      align-items: center;\n      .car-logo {\n        width: 140px;\n        transition: 1s;\n        @media (min-width: 1024px) {\n          width: 200px;\n        }\n      }\n      // .fav-count {\n      //   display: none;\n      //   @media (min-width: 768px) {\n      //     display: flex;\n      //     margin-left: 2rem;\n      //   }\n      //   i {\n      //     margin-right: 0.25rem;\n      //   }\n      // }\n    }\n    // RIGHT-NAV\n    .right-nav {\n      display: flex;\n      align-items: center;\n      .actions {\n        button.email {\n          display: none;\n          @media (min-width: 768px) {\n            display: inline-block;\n          }\n        }\n      }\n      .nav-button {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        @media (min-width: 1024px) {\n          display: none;\n        }\n        > span {\n          display: block;\n          margin-left: 1rem;\n          font-weight: bold;\n          @media (min-width: 1024px) {\n            display: none;\n          }\n        }\n        // MOBILE\n        // Hamburger\n        button.car-hamburger {\n          display: block;\n          height: 48px;\n          background-color: transparent;\n          border: 0;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\ndiv.car-navlinks {\n  display: none;\n  @media (min-width: 1024px) {\n    display: block;\n  }\n  a {\n    position: relative;\n    display: block;\n    float: left;\n    padding: 2rem 0.8rem;\n    overflow: hidden;\n    text-decoration: none;\n    color: #656565;\n    background: url(\"/assets/img/active-bar.png\");\n    background-repeat: no-repeat;\n    background-position-x: center;\n    background-position-y: -25px;\n    transition: 0.5s;\n    cursor: pointer;\n    &:hover {\n      color: black;\n      background-position-y: -15px;\n      transition: 0.2s;\n    }\n    &.router-link-active {\n      font-weight: bold;\n      background-position-y: -15px;\n      color: black;\n    }\n  }\n  &.shrink a {\n    padding: 0.75rem 0.8rem;\n  }\n}\n\ndiv.car-mobilenavlinks {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  top: 48px;\n  width: 100%;\n  background-color: #dddddd;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n  a {\n    padding: 1rem 0.5rem;\n    text-align: center;\n    text-decoration: none;\n    color: black;\n    border-top: 1px solid black;\n    cursor: pointer;\n    &:hover {\n      background-color: #e6e6e6;\n    }\n  }\n}\n</style>\n","<template>\n  <header id=\"cars-header\">\n    <div class=\"container-full\">\n      <CarNavMenu />\n      <CarTypeToggleMenu class=\"type-filter\" />\n    </div>\n  </header>\n</template>\n\n<style lang=\"scss\">\n#cars-header {\n  position: fixed;\n  z-index: 100;\n  width: 100%;\n  margin: 0 auto;\n  background-color: white;\n  box-shadow: 0px 7px 5px #0000001c;\n  .type-filter {\n    height: 40px;\n    @media (min-width: 768px) {\n      display: none;\n    }\n  }\n}\n</style>\n","<template>\n  <CarCarsHeader />\n  <Body id=\"car-dealer-body\">\n    <slot />\n  </Body>\n</template>\n\n<style lang=\"scss\">\n#car-dealer-body {\n  // font-family: \"RobotoCondensed-Regular\", Arial, Helvetica, sans-serif;\n  font-family: \"Roboto\", Arial, Helvetica, sans-serif;\n  font-size: 0.875rem;\n  background-color: white;\n  .container-full {\n    max-width: 1440px;\n    margin: 0 auto;\n  }\n}\n</style>\n"],"names":["_imports_0","_sfc_main","mobileMenuOpen","ref","isNavShrink","toggleMobileMenu","handleScroll","onMounted","onBeforeUnmount","_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_12","_openBlock","_createElementBlock","_hoisted_4","_ctx","__nuxt_route_symbol","$setup","_createVNode","_component_CarNavLinks","_component_CarButton","args","_hoisted_8","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_component_CarNavMenu","_Fragment","_component_CarCarsHeader","_withCtx"],"mappings":"yMAAA,MAAeA,EAAA,GAAA,WAAA,kBAAA,kCAAA,ECEf,MAAKC,EAAU,CACb,OAAS,CACP,MAAMC,EAAiBC,EAAI,EAAK,EAC1BC,EAAcD,EAAI,EAAK,EAEvBE,EAAmB,IAAM,CAC7BH,EAAe,MAAQ,CAACA,EAAe,OAGnCI,EAAe,IAAM,CACzBF,EAAY,MAAQ,OAAO,QAAU,IAGvC,OAAAG,EAAU,IAAM,CACd,OAAO,iBAAiB,SAAUD,CAAY,CAChD,CAAC,EAEDE,EAAgB,IAAM,CACpB,OAAO,oBAAoB,SAAUF,CAAY,CACnD,CAAC,EAEM,CACL,eAAAJ,EACA,YAAAE,EACA,iBAAAC,EAEH,CACH,EAGOI,EAAA,CAAA,GAAG,SAAS,EACVC,EAAA,CAAA,MAAM,aAAa,EACjBC,EAAA,CAAA,MAAM,cAAc,IAEvBC,EAUM,MAAA,CAVD,MAAM,UAAU,EAAA,CACnBA,EAIE,MAAA,CAHA,IAAAZ,EACA,IAAI,YACJ,MAAM,kBAULa,EAAA,CAAA,MAAM,WAAW,EAWfC,EAAA,CAAA,MAAM,SAAS,EAKfC,EAAA,CAAA,MAAM,YAAY,udASjBC,kdA8BAC,YA+BiB,MAAM,4DAxGrC,OAAAC,EAAA,EAAAC,EA4GM,MA5GNV,EA4GM,CA3GJG,EA0GM,MA1GNF,EA0GM,CAzGJE,EAqGM,MArGND,EAqGM,CAnGJS,EAcAR,EAmFM,MAnFNC,EAmFM,CAlFJD,EAQM,MAAA,CAPJ,SAAM,eAAc,EACIS,EAAA,EAAA,SAAAC,CAAA,GAAAD,EAAA,QAAO,WAAQ,IAAA,MAAA,eAAmDE,EAAW,WAAA,OAKrGC,EAAeC,CAAA,MAGjBb,EAGM,MAHNE,EAGM,CAFJU,EAAuDE,EAAA,CAA5C,KAAK,UAAU,MAAM,uBAChCF,EAAmDE,EAAA,CAAxC,KAAK,QAAQ,MAAM,uBAGhCd,EAkEM,MAlENG,EAkEM,CAjEJH,EAA2C,OAAA,CAApC,4BAAOW,EAAgB,kBAAAA,EAAA,iBAAA,GAAAI,CAAA,IAAE,MAAI,EACpCf,EA+DS,SAAA,CA9DN,4BAAOW,EAAgB,kBAAAA,EAAA,iBAAA,GAAAI,CAAA,GACxB,MAAM,gBACN,aAAW,sBAECJ,EAAc,oBAA1BJ,EA6BO,OAAAS,EAAAC,CAAA,YACMN,EAAc,6BAA3BJ,EA2BO,OAAAW,EAAAC,CAAA,WAMJR,EAAc,gBAAzBL,IAAAC,EAEM,MAFNa,EAEM,CADJR,EAAeC,CAAA,yDCvIdhB,EAAA,CAAA,GAAA,aAAsB,2DAA3B,OAAAS,EAAA,EAGMC,EAAA,SAAAV,EAAA,GAFU,MAAAC,EAAA,CACdc,EAAyCS,CAAA,6GCH5Bf,EAAA,EAAAC,EAAAe,EAAA,KAAA,CACjBV,EAEOW,CAFmB,MAChB,CAAA,GAAA,iBAAA,EAAA,SAAAC,EAAA,IAAA"}