(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[85],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=script&lang=js": /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=script&lang=js ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lib_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../lib/api.js */ \"./src/lib/api.js\");\n/* harmony import */ var _lib_setPageTitle_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../lib/setPageTitle.js */ \"./src/lib/setPageTitle.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n listData: [],\n planList: [],\n search: '',\n loading: false,\n planFilter: null,\n headers: [{\n value: 'PrimaryBuyerContact.fullName',\n text: 'Buyer',\n sortable: true\n }, {\n value: 'lotOrUnit',\n text: 'Lot/Unit',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.generation',\n text: 'Generation',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.city',\n text: 'Location',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.state',\n text: 'State',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.influenceFactor1',\n text: 'Influence Factor',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.influenceFactor2',\n text: 'Influence Factor 2',\n sortable: true\n }, {\n value: 'PrimaryBuyerContact.influenceFactor3',\n text: 'Influence Factor 3',\n sortable: true\n }, {\n text: 'Purchase Type',\n value: 'PrimaryBuyerContact.purchaseType',\n sortable: true\n }, {\n text: 'Rent/Own',\n value: 'PrimaryBuyerContact.currentResidence',\n sortable: true\n }, {\n text: 'Ages 0-5',\n value: 'PrimaryBuyerContact.childrenZeroToFive',\n sortable: true\n }, {\n text: 'Ages 6-10',\n value: 'PrimaryBuyerContact.childrensixToTen',\n sortable: true\n }, {\n text: 'Ages 11-13',\n value: 'PrimaryBuyerContact.childrenElevenToThirteen',\n sortable: true\n }, {\n text: 'Ages 14-18',\n value: 'PrimaryBuyerContact.childrenFourteenToEighteen',\n sortable: true\n }, {\n text: 'Ages 18+',\n value: 'PrimaryBuyerContact.childrenEighteenPlus',\n sortable: true\n }, {\n text: 'Kid Total',\n value: 'totalKids',\n sortable: true\n }, {\n text: 'Marital',\n value: 'PrimaryBuyerContact.maritalStatus',\n sortable: true\n }, {\n text: 'Occupation',\n value: 'PrimaryBuyerContact.ocupation',\n sortable: true\n }, {\n text: 'Net Price',\n value: 'netPrice',\n sortable: true\n }, {\n text: 'Sales Date',\n value: 'salesDate',\n sortable: true\n }],\n analysisHeaders: [{\n text: 'Generation',\n value: 'generationType'\n }, {\n text: 'Married',\n value: 'Married'\n }, {\n text: 'Single',\n value: 'single'\n }, {\n text: 'Unknown',\n value: 'unknown'\n }, {\n text: 'Divorced',\n value: 'Divorced'\n }, {\n text: 'Widowed',\n value: 'Widowed'\n }, {\n text: 'Other',\n value: 'other'\n }, {\n text: 'Own',\n value: 'own'\n }, {\n text: 'Rent',\n value: 'rent'\n }, {\n text: 'Other Residence',\n value: 'otherResidence'\n }, {\n text: 'Unknown Residence',\n value: 'unknownResidence'\n }, {\n text: 'Kids 0-5',\n value: 'kids 0-5'\n }, {\n text: 'Kids 6-10',\n value: 'kids 6-10'\n }, {\n text: 'Kids 11-13',\n value: 'kids 11-13'\n }, {\n text: 'Kids 14-18',\n value: 'kids 14-18'\n }, {\n text: 'Kids 18+',\n value: 'kids 18+'\n }],\n incomeAnalysisHeaders: [{\n text: 'Income Range',\n value: 'incomeRange'\n }, {\n text: 'Married',\n value: 'Married'\n }, {\n text: 'Single',\n value: 'single'\n }, {\n text: 'Unknown',\n value: 'unknown'\n }, {\n text: 'Divorced',\n value: 'Divorced'\n }, {\n text: 'Widowed',\n value: 'Widowed'\n }, {\n text: 'Other',\n value: 'other'\n }, {\n text: 'Own',\n value: 'own'\n }, {\n text: 'Rent',\n value: 'rent'\n }, {\n text: 'Other Residence',\n value: 'otherResidence'\n }, {\n text: 'Unknown Residence',\n value: 'unknownResidence'\n }, {\n text: 'Kids 0-5',\n value: 'kids 0-5'\n }, {\n text: 'Kids 6-10',\n value: 'kids 6-10'\n }, {\n text: 'Kids 11-13',\n value: 'kids 11-13'\n }, {\n text: 'Kids 14-18',\n value: 'kids 14-18'\n }, {\n text: 'Kids 18+',\n value: 'kids 18+'\n }],\n buyersData: [],\n generationAnalysis: {}\n };\n },\n mounted() {\n Object(_lib_setPageTitle_js__WEBPACK_IMPORTED_MODULE_1__[\"setPageTitle\"])('Buyer Demographics', this.$parent.$el.className);\n this.populate();\n },\n computed: {\n maritalStatusByAge() {\n return this.buyersData.topFiveGenerations.map(generation => {\n return {\n generationType: generation[0],\n Married: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 197;\n }).length,\n single: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 199;\n }).length,\n unknown: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === null;\n }).length,\n Divorced: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 264;\n }).length,\n Widowed: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 360;\n }).length,\n other: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 198;\n }).length,\n own: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Own';\n }).length,\n rent: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Rent';\n }).length,\n otherResidence: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Other';\n }).length,\n unknownResidence: generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === null;\n }).length,\n 'kids 0-5': generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenZeroToFive;\n }).length,\n 'kids 6-10': generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrensixToTen;\n }).length,\n 'kids 11-13': generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenElevenToThirteen;\n }).length,\n 'kids 14-18': generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenFourteenToEighteen;\n }).length,\n 'kids 18+': generation[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenEighteenPlus;\n }).length\n };\n });\n },\n incomeStatusByAge() {\n return this.buyersData.buyerIncomeInfo.map(income => {\n return {\n incomeRange: income[0],\n Married: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 197;\n }).length,\n single: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 199;\n }).length,\n unknown: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === null;\n }).length,\n Divorced: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 264;\n }).length,\n Widowed: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 360;\n }).length,\n other: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.maritalStatus === 198;\n }).length,\n own: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Own';\n }).length,\n rent: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Rent';\n }).length,\n otherResidence: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === 'Other';\n }).length,\n unknownResidence: income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.currentResidence === null;\n }).length,\n 'kids 0-5': income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenZeroToFive;\n }).length,\n 'kids 6-10': income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrensixToTen;\n }).length,\n 'kids 11-13': income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenElevenToThirteen;\n }).length,\n 'kids 14-18': income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenFourteenToEighteen;\n }).length,\n 'kids 18+': income[1].filter(buyer => {\n return buyer.PrimaryBuyerContact.childrenEighteenPlus;\n }).length\n };\n });\n }\n },\n watch: {\n planFilter: {\n handler: function (val, oldVal) {\n this.populate();\n },\n deep: true\n }\n // watch real-time filters and trigger populate()\n },\n methods: {\n async populate() {\n this.listData = [];\n\n // preprovided list is not being used\n this.$store.dispatch('loading', null);\n Object(_lib_api_js__WEBPACK_IMPORTED_MODULE_0__[\"doAPIGet\"])('/reports/BuyerDemographics', {\n apiFilters: this.planFilter\n }).then(res => {\n console.log(res.data);\n this.buyersData = res.data;\n this.listData = this.augmentData(res.data.transactions);\n // this.buildGenerationAnalysis(res.data.topFiveGenerations)\n this.$store.dispatch('done', null, {\n root: true\n });\n });\n this.$store.dispatch('AssetPlan/pullData').then(data => {\n this.planList = [{\n title: 'Show All',\n id: null\n }, ...data];\n });\n },\n augmentData(data) {\n data = data.map(transaction => {\n if (transaction.Dates.length === 0) {\n console.log(transaction);\n }\n return {\n ...transaction,\n totalKids: this.getChildrenSum(transaction.PrimaryBuyerContact),\n netPrice: transaction.LineItems[0].amount,\n salesDate: transaction.Dates.filter(date => date.milestone === 13)[0].date,\n lotOrUnit: transaction.Asset.lotNumber ? transaction.Asset.lotNumber : transaction.Asset.unitNumber\n };\n });\n return data;\n },\n getChildrenSum(contact) {\n return contact.childrenZeroToFive + contact.childrensixToTen + contact.childrenElevenToThirteen + contact.childrenFourteenToEighteen + contact.childrenEighteenPlus;\n },\n calcPercentage(num, total = this.listData.length) {\n return `${Math.floor(num / total * 100)}%`;\n },\n displayContact(contactId) {\n this.$store.dispatch('Contact/openContactWithRelatedCPIS', contactId);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"57799412-vue-loader-template\"}!./node_modules/vuetify-loader/lib/loader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=template&id=02fd96e3&scoped=true": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"57799412-vue-loader-template"}!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=template&id=02fd96e3&scoped=true ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\n/* harmony import */ var vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuetify/lib/components/VBtn */ \"./node_modules/vuetify/lib/components/VBtn/index.js\");\n/* harmony import */ var vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuetify/lib/components/VCard */ \"./node_modules/vuetify/lib/components/VCard/index.js\");\n/* harmony import */ var vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuetify/lib/components/VGrid */ \"./node_modules/vuetify/lib/components/VGrid/index.js\");\n/* harmony import */ var vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuetify/lib/components/VDataTable */ \"./node_modules/vuetify/lib/components/VDataTable/index.js\");\n/* harmony import */ var vuetify_lib_components_VDivider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuetify/lib/components/VDivider */ \"./node_modules/vuetify/lib/components/VDivider/index.js\");\n/* harmony import */ var vuetify_lib_components_VSelect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuetify/lib/components/VSelect */ \"./node_modules/vuetify/lib/components/VSelect/index.js\");\n/* harmony import */ var vuetify_lib_components_VTextField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuetify/lib/components/VTextField */ \"./node_modules/vuetify/lib/components/VTextField/index.js\");\n/* harmony import */ var vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vuetify/lib/components/VToolbar */ \"./node_modules/vuetify/lib/components/VToolbar/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n lg: \"12\"\n }\n }, [_c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCard\"], [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n dark: \"\",\n flat: \"\",\n color: \"secondary\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"white--text\"\n }, [_vm._v(\"Buyer Demographics\")])], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], {\n staticClass: \"mx-2 my-6\"\n }, [_c(\"h4\", [_vm._v(\"Plan/Home Preference:\")]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"2\"\n }\n }, [_c(vuetify_lib_components_VSelect__WEBPACK_IMPORTED_MODULE_5__[\"VSelect\"], {\n staticClass: \"my-0 py-0\",\n attrs: {\n dense: \"\",\n items: _vm.planList,\n \"item-text\": \"title\",\n \"item-value\": \"id\",\n label: \"Plan\",\n color: \"success\",\n outlined: \"\"\n },\n model: {\n value: _vm.planFilter,\n callback: function ($$v) {\n _vm.planFilter = $$v;\n },\n expression: \"planFilter\"\n }\n })], 1)], 1), _c(vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__[\"VSimpleTable\"], {\n staticClass: \"rounded-0\",\n attrs: {\n dense: \"\"\n }\n }, [_c(\"thead\", [_c(\"tr\", [_c(\"th\", {\n staticClass: \"background-color: secondary white--text\"\n }, [_vm._v(\" Project Summary \")]), _c(\"th\", {\n staticClass: \"background-color: secondary white--text\"\n }, [_vm._v(\" Buyers: \" + _vm._s(_vm.buyersData.transactions.length) + \" \")])])])]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder width: 100% height: 100%\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Top 5 Locations:\")])], 1), _vm._l(_vm.buyersData.buyersByCity, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [_c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Top 5 Occupations:\")])], 1), _vm._l(_vm.buyersData.topFiveOccupations, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"occupation\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Top 5 Factors:\")])], 1), _vm._l(_vm.buyersData.topFiveInfluencingFactors, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"influencingFactor\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Buyer Age\")])], 1), _vm._l(_vm.buyersData.topFiveGenerations, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"generation\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)])], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Marital Status:\")])], 1), _vm._l(_vm.buyersData.maritalStatus, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"maritalStatus\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Current Residence Time:\")])], 1), _vm._l(_vm.buyersData.topFivecurrentResTime, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"currentResidenceTime\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline overflow-wrap\"\n }, [_vm._v(\"Current Residence Type:\")])], 1), _vm._l(_vm.buyersData.topFivecurrentResType, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"currentResidenceType\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Household Income:\")])], 1), _c(\"span\", {\n staticClass: \"font-weight-bold container\"\n }, [_vm._v(\"Avg. Sale Price: \"), _c(\"span\", [_vm._v(_vm._s(_vm._f(\"currencyUSD\")(_vm.buyersData.averageSalesPrice)))])]), _vm._l(_vm.buyersData.buyerIncomeInfo, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [_c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")])]);\n })], 2)])], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Children:\")])], 1), _vm._l(_vm.buyersData.buyersWithChildren, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [_c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"3\"\n }\n }, [_c(\"div\", {\n staticClass: \"squareDivBorder\"\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"#5b9bd5\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbarTitle\"], {\n staticClass: \"font-weight-bold text-decoration-underline\"\n }, [_vm._v(\"Living Status:\")])], 1), _vm._l(_vm.buyersData.topFiveLivingStatus, function (name) {\n return _c(\"div\", {\n key: name[0],\n staticClass: \"container\"\n }, [name[0] !== \"Unknown\" ? _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(name[0], \"currentResidence\")))]) : _c(\"span\", {\n staticClass: \"font-weight-bold\"\n }, [_vm._v(_vm._s(name[0]))]), _c(\"span\", [_c(\"span\", {\n staticClass: \"mr-1\"\n }, [_vm._v(_vm._s(name[1].length) + \" \")]), _vm._v(_vm._s(_vm.calcPercentage(name[1].length)))])]);\n })], 2)])], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__[\"VDataTable\"], {\n staticClass: \"mt-8\",\n attrs: {\n headers: _vm.analysisHeaders,\n items: _vm.maritalStatusByAge,\n search: _vm.search,\n \"loading-text\": \"Loading...\",\n loading: _vm.loading,\n dense: \"\",\n \"hide-default-footer\": \"\"\n },\n scopedSlots: _vm._u([{\n key: `item.generationType`,\n fn: function ({\n item\n }) {\n return [item.generationType !== \"Unknown\" ? _c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.generationType, \"generation\")))]) : _c(\"span\", [_vm._v(_vm._s(item.generationType))])];\n }\n }], null, true)\n })], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__[\"VDataTable\"], {\n staticClass: \"mt-8\",\n attrs: {\n headers: _vm.incomeAnalysisHeaders,\n items: _vm.incomeStatusByAge,\n search: _vm.search,\n \"loading-text\": \"Loading...\",\n loading: _vm.loading,\n dense: \"\",\n \"hide-default-footer\": \"\"\n }\n })], 1), _c(vuetify_lib_components_VDivider__WEBPACK_IMPORTED_MODULE_4__[\"VDivider\"], {\n staticClass: \"mt-8\",\n attrs: {\n color: \"secondary\"\n }\n }), _c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_7__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n dark: \"\",\n flat: \"\",\n color: \"secondary\"\n }\n }, [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VSpacer\"]), _c(vuetify_lib_components_VTextField__WEBPACK_IMPORTED_MODULE_6__[\"VTextField\"], {\n staticClass: \"mb-2 py-0\",\n attrs: {\n \"append-icon\": \"mdi-magnify\",\n label: \"Search\",\n \"single-line\": \"\",\n \"hide-details\": \"\"\n },\n model: {\n value: _vm.search,\n callback: function ($$v) {\n _vm.search = $$v;\n },\n expression: \"search\"\n }\n })], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], [_c(vuetify_lib_components_VDataTable__WEBPACK_IMPORTED_MODULE_3__[\"VDataTable\"], {\n attrs: {\n headers: _vm.headers,\n items: _vm.listData,\n search: _vm.search,\n \"loading-text\": \"Loading...\",\n loading: _vm.loading,\n dense: \"\"\n },\n scopedSlots: _vm._u([{\n key: `item.PrimaryBuyerContact.fullName`,\n fn: function ({\n item\n }) {\n return [_c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n staticClass: \"popoutBtn\",\n attrs: {\n \"x-small\": \"\",\n text: \"\",\n color: \"secondary\"\n },\n on: {\n click: function ($event) {\n return _vm.displayContact(item.PrimaryBuyerContact.id);\n }\n }\n }, [_vm._v(_vm._s(item.PrimaryBuyerContact.fullName))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.generation`,\n fn: function ({\n item\n }) {\n return [item.PrimaryBuyerContact.generation !== \"Unknown\" ? _c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.generation, \"generation\")))]) : _c(\"span\", [_vm._v(_vm._s(item.PrimaryBuyerContact.generation))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.influenceFactor1`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.influenceFactor1, \"influencingFactor\")))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.influenceFactor2`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.influenceFactor2, \"influencingFactor\")))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.influenceFactor3`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.influenceFactor3, \"influencingFactor\")))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.purchaseType`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.purchaseType, \"purchaseType\")))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.maritalStatus`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.maritalStatus, \"maritalStatus\")))])];\n }\n }, {\n key: `item.PrimaryBuyerContact.ocupation`,\n fn: function ({\n item\n }) {\n return [item.PrimaryBuyerContact.ocupation !== \"Unknown\" ? _c(\"span\", [_vm._v(_vm._s(_vm._f(\"translateFormSelection\")(item.PrimaryBuyerContact.ocupation, \"occupation\")))]) : _c(\"span\", [_vm._v(_vm._s(item.PrimaryBuyerContact.ocupation))])];\n }\n }, {\n key: `item.netPrice`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"currencyUSD\")(item.netPrice)))])];\n }\n }, {\n key: `item.salesDate`,\n fn: function ({\n item\n }) {\n return [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"prettyDate\")(item.salesDate)))])];\n }\n }], null, true)\n })], 1)], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack:///./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2257799412-vue-loader-template%22%7D!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=style&index=0&id=02fd96e3&lang=scss&scoped=true": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=style&index=0&id=02fd96e3&lang=scss&scoped=true ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".mdc-typography-style-headline[data-v-02fd96e3] {\\n font-family: Roboto;\\n font-size: 16 .mdc-typography-style-headline --error;\\n font-size-color: red;\\n}\\n.squareDivBorder[data-v-02fd96e3] {\\n border: 1px solid #5b9bd5;\\n padding: 0px;\\n margin-bottom: 10px;\\n width: 100%;\\n height: 100%;\\n}\\n.bottomDotted[data-v-02fd96e3] {\\n border-bottom: 2px dotted;\\n flex-grow: 1;\\n margin-top: 15px;\\n}\\n.myDivider[data-v-02fd96e3] {\\n border-width: 1px;\\n color: #5b9bd5 !important;\\n background-color: #5b9bd5;\\n}\\n.container[data-v-02fd96e3] {\\n display: flex;\\n justify-content: space-between;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=style&index=0&id=02fd96e3&lang=scss&scoped=true": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Reports/BuyerDemographics/BuyerDemographics.vue?vue&type=style&index=0&id=02fd96e3&lang=scss&scoped=true ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a