{"version":3,"sources":["webpack:///./src/views/Home.vue?73b1","webpack:///./node_modules/primevue/deferredcontent/style/deferredcontentstyle.esm.js","webpack:///./node_modules/primevue/deferredcontent/deferredcontent.esm.js","webpack:///./src/views/Home.vue","webpack:///./src/views/Home.vue?f63c"],"names":["DeferredContentStyle","script","name","emits","style","data","loaded","mounted","this","shouldLoad","load","bindScrollListener","beforeUnmount","unbindScrollListener","methods","_this","documentScrollListener","window","addEventListener","removeEventListener","rect","$refs","container","getBoundingClientRect","docElement","document","documentElement","winHeight","clientHeight","top","event","$emit","render","_ctx","_cache","$props","$setup","$data","$options","ref","ptm","$slots","key","router","useRouter","$maxxpm","inject","qualifications","routeToAvail","push","path","onMounted","async","q","axios","get","value","__exports__"],"mappings":"yIAAA,W,mHCAIA,EAAuB,GCIvBC,EAAS,CACXC,KAAM,kBACN,QAAW,OACXC,MAAO,CAAC,QACRC,MAAOJ,EACPK,KAAM,WACJ,MAAO,CACLC,QAAQ,IAGZC,QAAS,WACFC,KAAKF,SACJE,KAAKC,aAAcD,KAAKE,OAAYF,KAAKG,uBAGjDC,cAAe,WACbJ,KAAKK,wBAEPC,QAAS,CACPH,mBAAoB,WAClB,IAAII,EAAQP,KACZA,KAAKQ,uBAAyB,WACxBD,EAAMN,eACRM,EAAML,OACNK,EAAMF,yBAGVI,OAAOC,iBAAiB,SAAUV,KAAKQ,yBAEzCH,qBAAsB,WAChBL,KAAKQ,yBACPC,OAAOE,oBAAoB,SAAUX,KAAKQ,wBAC1CR,KAAKQ,uBAAyB,OAGlCP,WAAY,WACV,GAAID,KAAKF,OACP,OAAO,EAEP,IAAIc,EAAOZ,KAAKa,MAAMC,UAAUC,wBAC5BC,EAAaC,SAASC,gBACtBC,EAAYH,EAAWI,aAC3B,OAAOD,GAAaP,EAAKS,KAG7BnB,KAAM,SAAcoB,GAClBtB,KAAKF,QAAS,EACdE,KAAKuB,MAAM,OAAQD,MAKzB,SAASE,EAAOC,EAAMC,EAAQC,EAAQC,EAAQC,EAAOC,GACnD,OAAO,iBAAa,eAAmB,MAAO,eAAW,CACvDC,IAAK,aACJN,EAAKO,IAAI,SAAU,CAACH,EAAM/B,OAAS,eAAW2B,EAAKQ,OAAQ,UAAW,CACvEC,IAAK,IACF,eAAmB,IAAI,IAAQ,IAGtCzC,EAAO+B,OAASA,E,kuFC8OhB,MAAMW,EAASC,iBAETC,EAAUC,eAAO,WACjBC,EAAiBR,eAAI,MAQ3B,SAASS,IACPL,EAAOM,KAAK,CAAEC,KAAM,kB,OAPtBC,eAAUC,UACR,MAAMC,QAAUC,OAAMC,IAAI,8CAE1BR,EAAeS,MAAQH,EAAEhD,O,uoMChT3B,MAAMoD,GAA2B,KAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-05c78336.8cdbdb18.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--15-0!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Home.vue?vue&type=style&index=0&id=70e4339f&lang=scss&scoped=true\"","var DeferredContentStyle = {};\n\nexport { DeferredContentStyle as default };\n","import BaseComponent from 'primevue/basecomponent';\nimport DeferredContentStyle from 'primevue/deferredcontent/style';\nimport { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';\n\nvar script = {\n  name: 'DeferredContent',\n  \"extends\": BaseComponent,\n  emits: ['load'],\n  style: DeferredContentStyle,\n  data: function data() {\n    return {\n      loaded: false\n    };\n  },\n  mounted: function mounted() {\n    if (!this.loaded) {\n      if (this.shouldLoad()) this.load();else this.bindScrollListener();\n    }\n  },\n  beforeUnmount: function beforeUnmount() {\n    this.unbindScrollListener();\n  },\n  methods: {\n    bindScrollListener: function bindScrollListener() {\n      var _this = this;\n      this.documentScrollListener = function () {\n        if (_this.shouldLoad()) {\n          _this.load();\n          _this.unbindScrollListener();\n        }\n      };\n      window.addEventListener('scroll', this.documentScrollListener);\n    },\n    unbindScrollListener: function unbindScrollListener() {\n      if (this.documentScrollListener) {\n        window.removeEventListener('scroll', this.documentScrollListener);\n        this.documentScrollListener = null;\n      }\n    },\n    shouldLoad: function shouldLoad() {\n      if (this.loaded) {\n        return false;\n      } else {\n        var rect = this.$refs.container.getBoundingClientRect();\n        var docElement = document.documentElement;\n        var winHeight = docElement.clientHeight;\n        return winHeight >= rect.top;\n      }\n    },\n    load: function load(event) {\n      this.loaded = true;\n      this.$emit('load', event);\n    }\n  }\n};\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return openBlock(), createElementBlock(\"div\", mergeProps({\n    ref: \"container\"\n  }, _ctx.ptm('root')), [$data.loaded ? renderSlot(_ctx.$slots, \"default\", {\n    key: 0\n  }) : createCommentVNode(\"\", true)], 16);\n}\n\nscript.render = render;\n\nexport { script as default };\n","<template>\n  <banner\n    :backgroundVideo=\"$maxxpm.config.home.banner.video\"\n    :backgroundImage=\"$maxxpm.config.home.banner.image\"\n    class=\"main-banner flex justify-content-center flex-grow-1 flex-column\"\n  >\n    <h1 class=\"text-white text-center\">\n      {{ $maxxpm.config.home.banner.title }}\n    </h1>\n    <h2 class=\"text-white text-center\">\n      {{ $maxxpm.config.home.banner.subtitle }}\n    </h2>\n    <div class=\"p-4 text-center\">\n      <Button\n        @click=\"routeToAvail\"\n        label=\"Availability\"\n        rounded\n        size=\"large\"\n      ></Button>\n    </div>\n  </banner>\n  <div class=\"grid container mt-4\">\n    <div class=\"col-12 md:col-6\">\n      <div>\n        <h2 class=\"text-primary\">About Us</h2>\n        <p\n          v-for=\"paragraph of $maxxpm.config.home.aboutUs.paragraphs\"\n          :key=\"paragraph\"\n        >\n          {{ paragraph }}\n        </p>\n      </div>\n    </div>\n    <div class=\"col-12 md:col-6\">\n      <DeferredContent>\n        <img\n          :src=\"$maxxpm.config.home.aboutUs.image.src\"\n          :alt=\"$maxxpm.config.home.aboutUs.image.alt\"\n          class=\"img-fluid about-us-image\"\n        />\n      </DeferredContent>\n    </div>\n  </div>\n  <div class=\"grid grid-nogutter\">\n    <div class=\"bg-secondary col-12 mt-4 mb-4\">\n      <h2 class=\"m-5 text-center\">\n        {{ $maxxpm.config.home.floorplanTitle }}\n      </h2>\n    </div>\n    <div\n      class=\"floorplan-row col-12\"\n      v-for=\"floorplan of $maxxpm.config.home.floorplans\"\n      :key=\"floorplan.name\"\n    >\n      <div class=\"grid grid-nogutter\">\n        <div\n          :class=\"{\n            'md:col-6': floorplan.hasWalkthrough,\n          }\"\n          class=\"col-12 p-3\"\n          v-if=\"floorplan.hasImage || floorplan.hasIcons || floorplan.name\"\n        >\n          <div\n            v-if=\"floorplan.hasIcons\"\n            class=\"floorplan-icons\"\n          >\n            <span\n              v-for=\"icon of floorplan.icons\"\n              :key=\"icon\"\n            >\n              <span class=\"icon-text\">{{ icon.text }}</span>\n              <i\n                :class=\"icon.icon\"\n                class=\"floorplan-icon\"\n              ></i>\n            </span>\n          </div>\n          <p\n            class=\"text-primary text-center\"\n            v-if=\"floorplan.name\"\n          >\n            {{ floorplan.name }}\n          </p>\n          <div v-if=\"floorplan.hasImage\">\n            <DeferredContent class=\"flex justify-content-center\">\n              <img\n                :src=\"floorplan.image.src\"\n                :alt=\"floorplan.image.alt\"\n                class=\"img-fluid\"\n              />\n            </DeferredContent>\n          </div>\n        </div>\n        <div\n          :class=\"{\n            'md:col-6': floorplan.image,\n          }\"\n          class=\"col-12 mp-ifr p-3\"\n          v-if=\"floorplan.hasWalkthrough\"\n        >\n          <iframe\n            :src=\"floorplan.walkthrough.src\"\n            frameborder=\"0\"\n            allowfullscreen=\"allowfullscreen\"\n            height=\"97%\"\n            width=\"100%\"\n            :title=\"floorplan.walkthrough.title\"\n          ></iframe>\n        </div>\n      </div>\n    </div>\n  </div>\n  <banner\n    :backgroundImage=\"$maxxpm.config.home.midContainerImage\"\n    class=\"mid-container\"\n  >\n    <h2 class=\"text-white mt-0\">Find your Happy Home</h2>\n    <Button\n      label=\"Availability\"\n      @click=\"routeToAvail\"\n      severity=\"secondary\"\n      rounded\n    ></Button>\n  </banner>\n  <div class=\"container mt-4\">\n    <iframe\n      src=\"https://my.atlist.com/map/c378e228-0ba5-4d01-a61b-f4fcf2132b01?share=true\"\n      allow=\"geolocation 'self' https://my.atlist.com\"\n      width=\"100%\"\n      height=\"650px\"\n      loading=\"lazy\"\n      frameborder=\"0\"\n      scrolling=\"no\"\n      allowfullscreen\n      id=\"atlist-embed\"\n    ></iframe>\n  </div>\n  <div\n    class=\"grid container\"\n    id=\"qualifications\"\n  >\n    <div class=\"col-12\">\n      <div class=\"grid\">\n        <div class=\"col-12 text-center\">\n          <h2 class=\"text-primary\">Rental Qualifications & Standards</h2>\n          <p class=\"qualifications-heading\">Thank you for choosing to apply with MAXX Property Management. Please review the rental requirements and minimum standards below before you begin the application process.</p>\n          <p class=\"qualifications-heading\">FOR SECURITY REASONS, IF YOU PAUSE TOO LONG DURING THE ONLINE APPLICATION PROCESS, YOU MAY LOSE YOUR PROGRESS.</p>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-12\">\n      <div\n        class=\"flex align-items-start\"\n        v-for=\"qual in qualifications\"\n        :key=\"qual.qualification\"\n      >\n        <img\n          v-show=\"!qual.noMarker\"\n          :src=\"$maxxpm.config.listMarkerSrc\"\n          class=\"mr-2 li-marker\"\n          role=\"none\"\n        />\n        <div :style=\"qual.noMarker ? 'margin-left: 38px' : ''\">\n          <p\n            v-html=\"qual.qualification\"\n            class=\"mt-0\"\n          ></p>\n          <ul v-if=\"qual.sublist\">\n            <li\n              v-for=\"item in qual.sublist\"\n              :key=\"item\"\n              v-html=\"item\"\n            ></li>\n            <li\n              v-if=\"qual.subsublist\"\n              class=\"sublist\"\n            >\n              <ul>\n                <li\n                  v-for=\"item in qual.subsublist\"\n                  :key=\"item\"\n                  v-html=\"item\"\n                ></li>\n              </ul>\n            </li>\n            <li\n              v-for=\"item in qual.sublist2\"\n              :key=\"item\"\n              v-html=\"item\"\n            ></li>\n            <li\n              v-if=\"qual.subsublist2\"\n              class=\"sublist\"\n            >\n              <ul>\n                <li\n                  v-for=\"item in qual.subsublist2\"\n                  :key=\"item\"\n                  v-html=\"item\"\n                ></li>\n              </ul>\n            </li>\n            <li\n              v-for=\"item in qual.sublist3\"\n              :key=\"item\"\n              v-html=\"item\"\n            ></li>\n          </ul>\n          <div v-if=\"qual.button\">\n            <div class=\"flex justify-content-center pet-btn-col\">\n              <a\n                href=\"https://maxx.petscreening.com/\"\n                target=\"_blank\"\n              >\n                <Button\n                  label=\"Create an Animal or Pet Profile\"\n                  rounded\n                ></Button>\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"grid grid-nogutter\">\n    <div\n      v-for=\"image of $maxxpm.config.home.imgRow\"\n      :key=\"image.src\"\n      class=\"p-0 col-12 md:col-4\"\n    >\n      <DeferredContent>\n        <img\n          :src=\"image.src\"\n          :alt=\"image.alt\"\n          class=\"img-row\"\n        />\n      </DeferredContent>\n    </div>\n  </div>\n  <div\n    class=\"grid container grid-nogutter\"\n    id=\"animal-policy\"\n  >\n    <div class=\"col-12\">\n      <h2 class=\"text-primary text-center\">Animal Policy</h2>\n    </div>\n    <div class=\"col-12\">\n      <div class=\"grid\">\n        <div class=\"col-12 md:col-6\">\n          <div\n            v-for=\"policy in $maxxpm.config.home.animalPolicy.policies\"\n            :key=\"policy\"\n            class=\"flex align-items-start\"\n          >\n            <img\n              :src=\"$maxxpm.config.listMarkerSrc\"\n              class=\"mr-2 li-marker\"\n              role=\"none\"\n            />\n            <p class=\"mt-1\">\n              {{ policy }}\n            </p>\n          </div>\n          <p>* non-refundable</p>\n        </div>\n        <div class=\"col-12 md:col-6\">\n          <DeferredContent>\n            <img\n              :src=\"$maxxpm.config.home.animalPolicy.img.src\"\n              class=\"img-fluid\"\n              :alt=\"$maxxpm.config.home.animalPolicy.img.alt\"\n            />\n          </DeferredContent>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-12\">\n      <h3 class=\"display-6 mt-2\">Breed Restrictions</h3>\n      <p class=\"display-7\">(If the animal is a mixed breed with one of the breeds below, it is still restricted)</p>\n    </div>\n    <ul class=\"flex flex-wrap\">\n      <li\n        v-for=\"breed in $maxxpm.config.home.animalPolicy.breedRestrictions\"\n        :key=\"breed\"\n        class=\"breed-container\"\n      >\n        <p class=\"breed-li\">{{ breed }}</p>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\n// @ is an alias to /src\nimport { onMounted, ref, inject } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Banner } from \"@maxxpm/vue-components\";\nimport axios from \"axios\";\nimport DeferredContent from \"primevue/deferredcontent\";\nimport Button from \"primevue/button\";\n\nconst router = useRouter();\n\nconst $maxxpm = inject(\"$maxxpm\");\nconst qualifications = ref(null);\n\nonMounted(async () => {\n  const q = await axios.get(\"https://cdn.maxxpm.com/Qualifications.json\");\n\n  qualifications.value = q.data;\n});\n\nfunction routeToAvail() {\n  router.push({ path: \"/availability\" });\n}\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.main-banner) {\n  padding: 6rem 1rem;\n}\n\n.container {\n  width: 95vw;\n  max-width: 1200px;\n  margin: auto;\n}\n.mp-ifr {\n  min-height: 400px;\n}\n\n:deep(.mid-container) {\n  height: 400px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n}\n\n.img-row {\n  width: 100%;\n  height: 380px;\n  object-fit: cover !important;\n}\n\n.breed-container {\n  width: 33%;\n  text-align: start;\n}\n\n.breed-container::marker {\n  color: var(--primary-color);\n}\n\n.breed-li {\n  margin-bottom: 0;\n}\n\n.sublist {\n  list-style-type: none;\n}\n\n:deep(.pet-btn-col) > a {\n  color: var(--primary-color);\n}\n\n:deep(li) > a {\n  text-decoration: underline;\n}\n\n.floorplan-row {\n  width: 90%;\n  max-width: 1200px;\n  margin: auto;\n  margin-bottom: 3rem;\n  box-shadow: 0px 0px 25px #888;\n  border-radius: 1rem;\n  padding: 2rem 0.5rem;\n  background: white;\n}\n.about-us-image {\n  max-height: 375px;\n}\n.qualifications-heading {\n  font-weight: bold;\n}\n\n.li-marker {\n  max-width: 35px;\n}\n\n.floorplan-icons {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  color: var(--primary-color);\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n\n.icon-text {\n  font-size: 1.25rem;\n  margin-right: 0.5rem;\n}\n\n.floorplan-icon {\n  font-size: 1.25rem;\n}\n\n@media (max-width: 768px) {\n  .breed-container {\n    width: 100%;\n  }\n}\n</style>\n","import script from \"./Home.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Home.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Home.vue?vue&type=style&index=0&id=70e4339f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src2054625359/src/blackstonefarmsapartments/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-70e4339f\"]])\n\nexport default __exports__"],"sourceRoot":""}