{"version":3,"sources":["webpack:///./src/components/PropertyListing.vue?0f6b","webpack:///src/components/PropertyListing.vue","webpack:///./src/components/PropertyListing.vue?a20c","webpack:///./src/components/PropertyListing.vue","webpack:///./src/components/PropertyListing.vue?2ec5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","tag","_v","_s","_e","attrs","slug","directives","name","rawName","value","imgURL","placeholderImage","expression","id","address","_f","price","leased","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAAc,SAAZN,EAAIO,IAAgBH,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,IAAI,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIO,UAAUP,EAAIU,KAAKN,EAAG,cAAc,CAACO,MAAM,CAAC,GAAK,aAAaX,EAAIY,OAAO,CAACR,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAIiB,OAASjB,EAAIiB,OAASjB,EAAIkB,iBAAkBC,WAAW,uCAAuCb,YAAY,cAAcK,MAAM,CAAC,IAAMX,EAAIoB,QAAQhB,EAAG,cAAc,CAACE,YAAY,iBAAiBK,MAAM,CAAC,GAAK,aAAaX,EAAIY,OAAO,CAACR,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIqB,SAAS,OAAOjB,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIQ,GAAG,SAASJ,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIsB,GAAG,cAAPtB,CAAsBA,EAAIuB,QAAQvB,EAAIS,GAAGT,EAAIwB,QAAQ,UAAU,IAC5xBC,EAAkB,GCgBtB,GACE,KAAF,kBACE,MAAF,uDACE,QAAF,CACI,YAAJ,YACM,IAAN,WACM,IAAN,iCACQ,MAAR,WACQ,SAAR,MACQ,sBAAR,IAGM,OAAN,cAGE,SAAF,CACI,OAAJ,WACM,OAAN,WACA,OAEA,KAGE,KAvBF,WAwBI,MAAJ,CACM,iBAAN,6BC1CyV,I,wBCQrVC,EAAY,eACd,EACA3B,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAA4iB,EAAG","file":"js/chunk-077485e9.ec184b10.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"property\"},[(_vm.tag !== 'none')?_c('div',{staticClass:\"tag\"},[_c('p',[_vm._v(_vm._s(_vm.tag))])]):_vm._e(),_c('router-link',{attrs:{\"to\":'/property/'+_vm.slug}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.imgURL ? _vm.imgURL : _vm.placeholderImage),expression:\"imgURL ? imgURL : placeholderImage\"}],staticClass:\"propertyImg\",attrs:{\"alt\":_vm.id}})]),_c('router-link',{staticClass:\"propertyDetail\",attrs:{\"to\":'/property/'+_vm.slug}},[_c('span',{staticClass:\"address\"},[_vm._v(_vm._s(_vm.address)+\" \")]),_c('span',{staticClass:\"dot\"},[_vm._v(\" · \")]),_c('span',{staticClass:\"price\"},[_vm._v(_vm._s(_vm._f(\"priceFormat\")(_vm.price))+_vm._s(_vm.leased)+\" \")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"property\">\n        <div v-if=\"tag !== 'none'\" class=\"tag\">\n            <p>{{tag}}</p>\n        </div>\n        <router-link :to=\"'/property/'+slug\">\n            <img v-lazy=\"imgURL ? imgURL : placeholderImage\" :alt=\"id\" class=\"propertyImg\" >\n        </router-link>\n        <router-link class=\"propertyDetail\" :to=\"'/property/'+slug\">\n            <span class=\"address\">{{address}} </span>\n            <span class=\"dot\"> &#183; </span>\n            <span class=\"price\">{{price | priceFormat}}{{leased}} </span>\n        </router-link>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'PropertyListing',\n    props: ['id','tag', 'imgURL', 'address', 'price', 'slug', 'lease'],\n    filters: {\n        priceFormat: function (value) {\n            if (!value) return ''\n            const formatter = new Intl.NumberFormat('en-US', {\n                style: 'currency',\n                currency: 'USD',\n                minimumFractionDigits: 0\n            })\n            \n            return formatter.format(value)\n        }\n    },\n    computed:{\n        leased: function() {\n            if(this.lease){\n                return \"/mo.\";\n            }\n            return '';\n        }\n    },\n    data(){\n        return{\n            placeholderImage: \"/images/placeholder.png\",\n        }\n    }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.propertyDetail{\n    display: block;\n    padding: 0.75rem 0;\n    text-decoration: none;\n    color:#000;\n}\n\n.property{\n    flex: 0 0 50%;\n    max-width: 50%;\n    position: relative;\n    width: 100%;\n}\n\n.propertyImg{\n    height: 420px;\n    width: 100%;\n    object-fit: cover;\n}\n\n.address{\n    text-transform: uppercase;\n    font-weight: 500;\n    letter-spacing: 2px;\n    font-size: 1.05rem;\n}\n\n.price{\n    color: #4c4c4c;\n    font-size: 1.05rem;\n    letter-spacing: 3px;\n}\n\n.tag{\n    position: absolute;\n    width: 200px;\n    color:white;\n    background: #000;\n    text-align: center;\n    text-transform: uppercase;\n    top: -19.5px;\n    left: 39px;\n    p{\n        margin: 0.5rem auto;\n        font-size: 1.2rem;\n        letter-spacing: 3px;\n    }\n}\n\n@media (max-width: 800px) { \n    .propertyImg{\n        height: 360px;\n    }\n}\n@media (max-width: $mobile) { \n    .property{\n        width: 100%;\n        max-width: 100%;\n        padding: 1.5rem 0;\n    }\n    .tag{\n        position: absolute;\n        width: 160px;\n        color:white;\n        background: #000;\n        text-align: center;\n        text-transform: uppercase;\n        left: 20px;\n        p{\n            margin: 0.5rem auto;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n        }\n    }\n    .propertyImg{\n        height: 260px;\n        width: 100%;\n        object-fit: cover;\n    }\n    .propertyDetail{\n        text-align: center;\n        .address{\n            letter-spacing: 1.2px;\n            font-size: 1.1rem;\n            display: block;\n        }\n\n        .dot{\n            display:none;\n        }\n\n        .price{\n            display: block;\n            font-size: 1.1rem;\n            letter-spacing: 2px;\n        }\n    }\n}\n</style>\n\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!./PropertyListing.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!./PropertyListing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PropertyListing.vue?vue&type=template&id=20f55893&scoped=true&\"\nimport script from \"./PropertyListing.vue?vue&type=script&lang=js&\"\nexport * from \"./PropertyListing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PropertyListing.vue?vue&type=style&index=0&id=20f55893&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  \"20f55893\",\n  null\n  \n)\n\nexport default component.exports","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!./PropertyListing.vue?vue&type=style&index=0&id=20f55893&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!./PropertyListing.vue?vue&type=style&index=0&id=20f55893&lang=scss&scoped=true&\""],"sourceRoot":""}